/* Feuille de style client */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Just+Another+Hand&display=swap');
/* Couleur & Fonts */
a:hover
{
	color:#0098a6;
}

body
{
	color:#333333;
	font-size:20px;
	font-family: "Poppins", sans-serif;
	font-weight:normal;
}

h1,h2,h3,h4
{
	color:#333333;
	text-transform: none;
	line-height: 1.3;
}

p
{
	color:#333333;
}

#header
{
	//background-color:#2d3039;
}



#footer
{
	color:#ffffff;
	font-size:14px;
}

#title_site h2
{
	color:#b9af7e;
	font-size:34px;
}

#header_contact
{
	color:#FFF;
}

#header_phone
{
	font-size:20px;
	color:#fff;
}

#rot_content #rotator_menu ul li
{
	background-color:#FFF;
}

#rot_content #rotator_menu ul li:hover,#rot_content #rotator_menu ul li.selected
{
	background-color:#3f7cb3;
}

#copyright_content
{
	color:#051c28;
}

#copy_left
{
	color:#051c28;
	font-size:12px;
}

#copy_right
{
	color:#fff;
	font-size:12px;
}

#page_content
{
	color:#222223;
	font-size:20px;
}

#menu_contact
{
	color:#FFF;
	font-size:20px;
}

#menu_tel
{
	color:#b9af7e;
	font-size:20px;
}

#menu li
{
	color:#333333;
	font-size:15px;
}

#menu > li:hover > a,#menu > li.selected:hover > a,#menu > li.selected > a,#menu ul > li.selected > a
{
	color:#0f81bf !important;
	//background-color:#0f81bf !important;
}

#menu ul li
{
	color:#e9eaeb;
	font-size:15px;
}

#menu ul li:hover > a,#menu ul li.selected > a
{
	color:#0f81bf !important;
	background:rgba(255,255,255,1) !important;
}

#menu ul li a
{
	background:#e1e9ea;
	color:#333;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
}

#menu ul li:hover
{
	color:#fff;
}


#menu > li:hover > a,
#menu > li.selected > a
{
/*	border-bottom:solid 12px #0f81bf;*/
}



#page_content h1,
.h1{
    color: #34414b;
	font-size:50px;
}

#top_page
{
	min-height:150px;
	max-height:400px;
}

#top_page h1
{
    color: #fff;
	font-size:50px;
}

.top_header_menu
{
	color:#FFF;
}

.header_phone
{
	color:#333;
	font-size:21px;
	font-weight:700;
	font-family: "Poppins", sans-serif;
}

.header2 .header_phone
{
	font-size:24px;
}

.rot_box_content
{
	color:#FFF;
	font-size:44px;
}
.btn
{
	font-size:18px;
	padding: 15px 35px;
}

.btn_petit
{
	font-size:16px;
}

.btn_gros
{
	font-size:20px;
}

.btn,.btn_gros,.btn_petit
{
	color:#FFFFFF !important;
	background-color:#0098a6;
	border-radius: 45px;
	font-family: "Oswald", sans-serif;
  	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 500;
}

.btn:hover,.btn_petit:hover,.btn_gros:hover
{
	background-color:#333;
	color:#fff !important;
}

.footer_title
{
	color:#fff;
	font-size:16px;
}


.sous-title
{
	color:#808285;
	font-size:24px;
}

.title-h1
{
	font-size:50px;
    color: #2a3519;
}

h2
{
	font-size:40px;
	color:#231f20;
	text-transform: none;
}

h3
{
    color: #231f20;
	font-size: 35px;
}

h4
{
    color: #231f20;
	font-size: 32px;
}

h5
{
    color: #231f20;
	font-size: 28px;
}

h6
{
	font-size: 24px;
	color:#231f20;
}

#page_content ul li:before
{
	color:#002d56;
}

#page_content ul li a
{
	color:#002d56;
}


.rot_txt
{
	color:#ffffff;
	font-size:25px;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	text-align: left;
	line-height: 1.5;
	width: 35%;
	margin-left: 55%;
}

.rot_btn
{
	text-align: left;
}

.rot_btn > .btn
{
	background-color: #fafadb;
	color: #333 !important;
	font-size: 19px;
	font-weight: 500;
	font-family: "Oswald", sans-serif;
  	font-optical-sizing: auto;
	font-style: normal;
	line-height: 1.4;
}

.rot_btn > .btn:hover
{
	background-color: #333;
	color: #fff !important;
}

.rot_title
{
	font-weight: 700;
	font-family: "Poppins", sans-serif;
	font-size:42px;
	text-align: left;
	text-transform: none;
}

.title
{
	font-size:22px;
	color:#000;
}

#rotator_text ul li
{
	color:#FFF;
	font-size:17px;
}

#facebook_ico:before,
#instagram_ico:before,
#pinterest_ico:before,
#youtube_ico:before,
#twitter_ico:before,
#google_ico:before,
#linkedin_ico:before,
#mail_ico:before,
.header_phone:before
{
	color:#333;
	font-size:18px;
}

#facebook_ico:hover:before,
#instagram_ico:hover:before,
#pinterest_ico:hover:before,
#youtube_ico:hover:before,
#twitter_ico:hover:before,
#google_ico:hover:before,
#linkedin_ico:hover:before,
#mail_ico:hover:before,
.header_phone:hover:before
{
	color:#0098a6;
}




.footer_adress
{
	color:#FFF;
	font-size:16px;
}

.footer_tel
{
	color:#e9eaeb;
	font-size:18px;
}

#footer_menu_site > li > a
{
	color:#fff;
}

#footer_menu_site > li:before
{
	color:#333;
}

.social_ico_circle
{
	color:#333;
}


.social_ico_circle:hover
{
	//background-color:#0f81bf !important;
}

#footer_menu > li
{
	color:#b0b0b0;
	font-size:14px;
}

#footer_menu > li > ul > li:before
{
	color:#FFF;
	font-size:5px;
}

#footer_menu > li > ul
{
	font-size:12px;
}

.footer_social .social_ico_circle
{
	//background-color:#5b646e;	
}

.footer_social .social_ico_circle:hover
{
	background-color:#317fc1;	
}

.footer_social #facebook_ico:before,
.footer_social #instagram_ico:before,
.footer_social #pinterest_ico:before,
.footer_social #youtube_ico:before,
.footer_social #twitter_ico:before,
.footer_social #google_ico:before,
.footer_social #linkedin_ico:before
{
	//color:#fff;
	//font-size:18px;
}

.footer_social #facebook_ico:hover:before,
.footer_social #instagram_ico:hover:before,
.footer_social #pinterest_ico:hover:before,
.footer_social #youtube_ico:hover:before,
.footer_social #twitter_ico:hover:before,
.footer_social #google_ico:hover:before,
.footer_social #linkedin_ico:hover:before
.header_phone:hover:before
{
	//color:#fff;
}

.footer_info
{
	font-size:18px;
}


.footer_info > li:before
{
	color:#FFF;
}

.footer_xposito:before
{
	color:#7f7f7f;
}

.footer_projexmedia:before
{
	color:#7f7f7f;
}

.footer_mail
{
	color:#fff;
}

#footer a:hover
{
	color:#79c9d0;
}

.top_header_menu li
{
	font-size:12px;
}

.right_arrow:after
{
	color:#FFF;
	font-size:20px;
}

.rot_prev:before
{
	color:#FFF;
	font-size:18px;
	content: "\f104";
	font-size: 35px;
}

.rot_next:before
{
	font-size:18px;
	color:#FFF;
	content: "\f105";
	font-size: 35px;
}

.rot_prev:hover:before
{
	font-size:30px;
}

.rot_next:hover:before
{
	font-size:30px;
}

#copyright
{
	color:#fff;
}

#page_content ul li:before
{
	font-size:5px;
}

.footer_xposito:before
{
	font-size:24px;
}

.footer_projexmedia:before
{
	font-size:24px;
}

#menu li a.more:after
{
	font-size:14px;
}

.formulaire_correct .formulaire_message
{
	border:solid 1px #060;
	color:#060;
	background-color:#f9fff9;
}

.formulaire_error .formulaire_message
{
	border:solid 1px #900;
	color:#900;
}

.field_error
{
	border:solid 1px #900 !important;
	color:#900;
}

.note
{
	font-size:13px;
}

.custom_file
{
	background-color: #317fc1;
	color: #fff;
	font-size: 14px;
}
.custom_file:hover
{
	background-color:#fff;
	color:#317fc1;
}

.custom_file_txt
{
	background-color: #fff;
    font-size: 14px;
}

/* Fin Couleur & Font */





/* Header 1 */

/* Fin Header 1 */



/* Footer 1 */

#footer.footer1 #facebook_ico:before,
#footer.footer1 #instagram_ico:before,
#footer.footer1 #pinterest_ico:before,
#footer.footer1 #youtube_ico:before,
#footer.footer1 #twitter_ico:before,
#footer.footer1 #google_ico:before,
#footer.footer1 #linkedin_ico:before
{
	color:#e9eaeb;
}

#footer.footer1 #facebook_ico:hover:before,
#footer.footer1 #instagram_ico:hover:before,
#footer.footer1 #pinterest_ico:hover:before,
#footer.footer1 #youtube_ico:hover:before,
#footer.footer1 #twitter_ico:hover:before,
#footer.footer1 #google_ico:hover:before,
#footer.footer1 #linkedin_ico:hover:before
{
	color:#fff;
}

#footer.footer1 #footer_menu > li a:hover,
#footer.footer1 #footer_menu > li.selected a
{
	color:#fff !important;
}

#footer.footer1 .social_ico_circle
{
	color:#e9eaeb;
}

/* Fin Footer 1 */




/* Custom */
.Accueil #wrapper
{
	padding-top:0px;
	padding-bottom:0px;
}

.btn_test
{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	border:solid 1px #1e5799;
	
	background: #7db9e8;
	background: -moz-linear-gradient(left,  #7db9e8 0%, #1e5799 50%, #7db9e8 100%);
	background: -webkit-linear-gradient(left,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	background: linear-gradient(to right,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#7db9e8',GradientType=1 );

	background-size:200%;
	background-position:0% 0%;

	webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_test:hover
{
	background-position:100% 0%;
}

.btn_test2
{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	border:solid 1px #1e5799;
	
	background: #7db9e8;
	background: -moz-linear-gradient(-45deg,  #7db9e8 0%, #1e5799 50%, #7db9e8 100%);
	background: -webkit-linear-gradient(-45deg,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	background: linear-gradient(135deg,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#7db9e8',GradientType=1 );


	background-size:200%;
	background-position:0% 0%;

	webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_test2:hover
{
	background-position:100% 0%;
}

.btn_test3
{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	border:solid 1px #1e5799;
	
	background: #65bc78;
	background: -moz-linear-gradient(left,  #65bc78 0%, #3b6d4c 50%, #65bc78 100%);
	background: -webkit-linear-gradient(left,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);
	background: linear-gradient(to right,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);



	background-size:200%;
	background-position:0% 0%;

	webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_test3:hover
{
	background-position:100% 0%;
	
	background: #65bc78;
	background: -moz-linear-gradient(left,  #65bc78 0%, #3b6d4c 50%, #65bc78 100%);
	background: -webkit-linear-gradient(left,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);
	background: linear-gradient(to right,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);

}



#menu
{
	font-family: "Oswald", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 500;
	text-transform: uppercase;
}

#header.header3 #header_top_block,
#footer_content,
#menu
{
	max-width: 100%;
}

#menu
{
	margin: 0px;
}

.header3 #menu_block {
    display: flex !important;
    justify-content: flex-start;
	margin-top: 30px;
	margin-bottom: 30px;
}


#menu_right {
    margin-left: auto;
	margin-top: 36px;
	margin-bottom: -31px;
	position: relative;
}

.header3 .top_header_info
{
	margin-bottom: 0px;
	margin-right: 0px;
	position: absolute;
	right: 0;
}

.link_lang a
{
	font-size: 19px;
	font-weight: 700;
	color: #333;
	font-family: "Poppins", sans-serif;
}


#menu li a.more:after
{
	position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
}

#block_alert
{
	background-color: #79c9d0;
	color: #333;
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	padding: 10px 20px;
	text-transform: uppercase;
}

#block_alert a
{
	text-decoration: underline;
}

#menu > li > ul
{
	padding-top: 30px;
}


.block_atelier
{
	color: #fff;
	position: relative;
	overflow: hidden;
}

.block_atelier .bg_block
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	
	webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.block_atelier h3
{
	color: #ffffff;
	font-size: 25px!important;
}

.block_atelier h3:after
{
	content:"\f061";
	margin-left: 15px;
	font-family: "Font Awesome 6 Pro";
    font-style: normal;
	font-weight: 400;
}

.block_atelier i
{
	color: #bc6e26;
}

.block_atelier .bg_block:before
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);
}

.block_atelier:hover .bg_block
{
	transform: scale(1.1);
}


/*
.block_atelier:hover:after
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: rgba(0,0,0,0.3);
}
*/

.block_atelier > .cell_container
{
	position: relative;
	z-index: 10;
}

#container_atelier{
	font-size:18px;
}

#container_atelier h3{
	margin-bottom: 0px;
}

#container_atelier .cell_1_3 {
    margin-right: 2%;
    width: calc(33.33% - 2%);
    position: relative;
}

#container_atelier .cell_1_3:nth-child(3n) {
    margin-right: 0%;
    width: 33.33%;
}

#container_atelier .cell_1_2 {
    margin-right: 2%;
    width: calc(50% - 2%);
    position: relative;
}

#container_atelier .cell_1_2:nth-child(2n) {
    margin-right: 0%;
    width: 50%;
}

#container_atelier > .container > div > a
{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


#footer_menu
{
	font-family: "Oswald", sans-serif;
  	font-optical-sizing: auto;
	color: #fff;
}

#footer_menu > li
{
	color: #fff;
	font-weight: 500 !important;
}

.f_menu_space
{
	display: none;
}

.toggle_item
{
	border: solid 2px #79c9d0;
	border-radius: 10px;
}

.toggle_title
{
	font-weight: 500;
	color: #79c9d0;
}

.btn_green_light
{
	background-color: #fafadb;
	color: #333333 !important;
}

.btn_bleu
{
	background-color: #084c7c;
	color: #ffffff !important;
}

.btn_bleu:hover
{
	background-color: #0098a6;
	color: #ffffff !important;
}

#wrapper
{
	line-height: 1.4;
}

.btn_bleu_snow
{
	background-color: #084c7c;
	color: #ffffff !important;
	font-size: 24px;
	text-transform: uppercase;
	padding: 25px 60px;
	display: inline-flex;
	align-items: center;
}

.btn_bleu_snow:before
{
	content: "\f2dc";
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: 300;
	font-size: 50px;
	margin-right: 20px;
	line-height: 24px;
}

.btn_bleu_snow:after
{
	content:"\f061";
	margin-left: 20px;
	font-family: "Font Awesome 6 Pro";
    font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 24px;
}

.btn_bleu_snow:hover
{
	background-color: #0098a6;
	color: #ffffff !important;
}


.just_another_hand
{
	font-family: "Just Another Hand", cursive !important;
	font-weight: 400;
	font-style: normal;
}

.font_85
{
	font-size: 85px;
}

.white,
.white p,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6
{
	color: #fff;
}


#page_content
{
	max-width: 1600px;
}


.liste_blue > .liste_blue_row
{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	padding: 5px 10px;
	gap: 10px
}

.liste_blue > .liste_blue_row:nth-child(odd)
{
	background-color: #ddf1f2;
}

.liste_blue > .liste_blue_row:nth-child(even)
{
	background-color: #bde5e7;
}

.liste_blue > .liste_blue_row > div:nth-child(1)
{
	width: calc(50% - 5px);
}

.liste_blue > .liste_blue_row > div:nth-child(2)
{
	width: calc(50% - 5px);
	text-align: right;
}

.note
{
	font-size: 12px;
	padding: 0px 20px;
}

.uppercase
{
	text-transform: uppercase;
}

.toggle_item i.chevron_down:before
{
	content: "\2b";
	color: #79c9d0;
}

.toggle_item i.chevron_up:before
{
	content: "\e59b";
	color: #79c9d0;
}

.middle_2
{
	margin-left: 16.66%;
}

.icone_soleil h3:after
{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: url('/modules/upload/sun-bright-regular-full.svg');
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
	width: 50px;
	height: 50px;
	transform: translateY(8px);
	pointer-events: none;
}

.icone_hivers h3:after
{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: url('/modules/upload/Icone-Hiver.svg');
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
	width: 50px;
	height: 50px;
	transform: translateY(8px);
	pointer-events: none;
}

.icone_soleil_hivers h3:after
{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: url('/modules/upload/Icone-Ete-Hiver.svg');
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
	width: 50px;
	height: 50px;
	transform: translateY(8px);
	pointer-events: none;
}

.icone_soleil_hivers h3,
.icone_hivers h3,
.icone_soleil h3
{
	padding-right: 55px;
}


.h3_icone_hivers,
.h3_icone_soleil
{
	position: relative;
	padding-left: 60px;
}

.h3_icone_hivers:before
{
	content: "";
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
	z-index: 1;
	position: absolute;
	background-image: url('/modules/upload/Icone-Hiver.svg');
	background-repeat: no-repeat;
}

.h3_icone_soleil:before
{
	content: "";
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
	z-index: 1;
	position: absolute;
	background-image: url('/modules/upload/sun-bright-regular-full.svg');
	background-repeat: no-repeat;
}

.galerie_block[type=diaporama]
{
	border: none !important;

}

.diaporama_top_image
{
	position: relative;
}

.diaporama_top_image:before
{
	background: rgba(0, 0, 0, 0.45);
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
    content: "";
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	pointer-events: none;
}

.diaporama_top_image:hover:before,
.diaporama_top_image:hover:after
{
	opacity: 1;
}

.diaporama_top_image:after
{
	opacity: 0;
    position: absolute;
    z-index: 2;
    content: "\f002";
    font-family: "FontAwesome";
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    font-size: 60px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%,-50%),translateZ(0);
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	pointer-events: none;
}

.galerie_block[type=diaporama] .galerie_img_block .galerie_img_block_content:hover:after
{
	opacity: 0 !important;
}

.galerie_block[type=diaporama] a[data-lightbox]
{
	cursor: pointer;
}

.galerie_block[type=diaporama]
{
	height: auto !important;
}

#twitter_ico:before
{
	content: "\e61b" !important;
}

#top_page h1
{
    width: 100%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.galerie_block[col="3"] > .galerie_block_content > .galerie_img_block:nth-child(3n+4)

{
    clear: none !important;
}

a
{
    word-break: break-word;
}

#wrapper a
{
    color: #0098a6;
}

#wrapper a:hover
{
    text-decoration: underline;
}

@media screen and (max-width: 1400px)
{
    .rot_title
    {
        font-size: 38px !important;
    }
    
    .rot_txt
    {
        font-size: 23px !important;
    }
    
    .font_85
    {
        font-size: 65px;
    }
    
    #top_page h1
    {
        font-size: 45px;
    }
}

@media screen and (max-width: 1200px)
{
    .header3 #menu > li > a
    {
        padding: 25px 15px;
    }
    
    .rot_title,
    .rot_txt,
    .rot_btn
    {
        width: 50%;
        margin-left: 40%;
    }
    
    #container_atelier .cell_1_3
    {
        width: calc(50% - 2%);
        margin-right: 2%;
    }
    
    #container_atelier .cell_1_3:nth-child(3n)
    {
        margin-right: 2%;
        width: calc(50% - 2%);
    }
    
    #container_atelier .cell_1_3:nth-child(2n)
    {
        margin-right: 0px;
    }
    
    .middle_2
    {
        margin-left: 0px;
    }
    
    .font_85
    {
        font-size: 55px;
    }
    
    #accueil_abeille
    {
        background-position: 0% 50% !important;
    }
    
    #accueil_abeille .cell_1_2
    {
        width: 60% !important;
    }
    
    #top_page h1
    {
        font-size: 40px;
    }
}

@media screen and (max-width: 1196px)
{
    .h3_icone_hivers:before,
    .h3_icone_soleil:before
    {
        width: 40px;
        height: 40px;
    }
    
    .h3_icone_hivers, .h3_icone_soleil
    {
        padding-left: 50px;
    }
}

@media screen and (max-width: 1000px)
{
	
	/* a changer seulement si on veut forcer les couleur du menu mobile	*/
	/* menu mobile */
	body #header #menu li,
	body #header #menu ul li > a
	{
		//background-color:#323b46 !important;
		color:#333 !important;
	}	
	
	/* hover du menu mobile */
	body #header #menu > li:hover > a, body #header #menu > li.selected:hover > a, body #header #menu > li.selected > a, body #header #menu ul > li.selected > a,
	body #header #menu ul li > a:hover,
	body #header #menu ul li:hover > a, body #header #menu ul li.selected > a
	{
		//background-color:#262f39 !important;
		color:#317fc1 !important;
	}
    
    #header.header3 #logo
    {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    
    #menu_media_content
    {
        color: #333;
    }
    .header3 #menu_block
    {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #menu_right
    {
        display: none !important;
    }
    
    #menu
    {
        width: 100%;
    }
    
    .header_top_menu
    {
        pointer-events: none;
    }
    
    #menu_media_content:before,
    #menu_block
    {
        pointer-events: auto;
    }
    
    .header3 #menu > li > a
    {
        padding: 10px 15px;
    }
    #menu > li > ul
    {
        padding-top: 0px;
    }
    
    #menu li.have_elem:after
    {
        padding-top: 13px !important;
    }
    
    .rot_title
    {
        font-size: 30px !important;
    }
    
    .rot_txt
    {
        font-size: 20px !important;
    }
    
    .rot_title,
    .rot_txt,
    .rot_btn
    {
        width: 70%;
        margin-left: 20%;
    }
    
    #accueil_abeille .cell_1_2
    {
        width: 70% !important;
    }
    
    #top_page h1
    {
        font-size: 35px;
    }
}

@media screen and (max-width: 800px)
{
    
    .rot_title,
    .rot_txt,
    .rot_btn
    {
        width: 100%;
        margin-left: 0%;
    }
    
    .font_85
    {
        font-size: 45px;
    }
    
    .block_atelier h3
    {
        font-size: 22px !important;
    }
    
    #accueil_abeille .cell_1_2
    {
        width: 80% !important;
    }
    
    #top_page h1
    {
        font-size: 30px;
    }
}

@media screen and (max-width: 656px)
{
     #container_atelier .cell_1_3,
    #container_atelier .cell_1_2
    {
        width: 100% !important;
        margin-right: 0px !important;
    }
    
    #container_atelier .cell_1_2
    {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .bg_mobile_middle
    {
        background-position: 0% 50% !important;
    }
    
    .mobile_no_margin_bottom
    {
        margin-bottom: 0px !important;
    }
    
    #accueil_abeille .cell_1_2
    {
        width: 100% !important;
    }
    
    #footer.footer3 #footer_menu > li
    {
        text-align: center;
    }
    
    .h3_icone_hivers:before,
    .h3_icone_soleil:before
    {
        width: 35px;
        height: 35px;
    }
    
    .h3_icone_hivers, .h3_icone_soleil
    {
        padding-left: 45px;
    }
    
    .mobile_center
    {
        text-align: center !important;
    }
}

@media screen and (max-width: 640px)
{
    .rot_title
    {
        font-size: 24px !important;
    }
    
    .rot_txt
    {
        font-size: 16px !important;
    }
    
    h6
    {
        font-size: 20px !important;
    }
    
    #block_alert
    {
        font-size: 18px;
    }
    
    
}

@media screen and (max-width: 480px)
{
    #header #logo img
    {
        height: 80px !important;
    }
    
    .btn
    {
        font-size: 16px;
        padding: 10px 28px;
    }
}