/* Feuille de style client */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* Couleur & Fonts */


.display-none{
	display:none!important;
}


#page_content a
{
	color: #0c2234;
    font-weight: 500;
    text-decoration: underline;
    text-underline-position: under;
}

#page_content a:hover, 
#page_content a:focus{
	color: #007dc6;
}

a:hover
{
	color:#007dc6;
}

body
{
	color:#0c2234;
	font-size:20px;
	font-family: "Inter", serif;
	font-weight:normal;
}

#wrapper{
	line-height: 1.6;
	padding-bottom: 80px;
	padding-top:100px;
}

h1,h2,h3,h4,h5,h6
{
	color:#0c2234;
	font-family: "Inter", serif;
	text-transform: none;
	margin-bottom: 20px;
	line-height: 1.2;
	font-weight: 800;
}

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

h1
{
	font-size:50px;
}

h2
{
	font-size:40px;
}

h3
{
	font-size: 35px;
}

h4
{
	font-size: 30px;
}

h5
{
	font-size: 25px;
}

h6
{
	font-size: 20px;
}

h2.style-h1, 
h3.style-h1, 
h4.style-h1, 
h5.style-h1,
h6.style-h1{
	font-size: 50px;
}

h1.style-h3, 
h2.style-h3, 
h4.style-h3, 
h5.style-h3,
h6.style-h3{
	font-size: 35px;
}

#wrapper .font_25,
#wrapper .font_25 p {
	font-size:25px;
}

#wrapper .font_45,
#wrapper .font_45 p{
	font-size:45px;
	line-height: 1.4;
}

#wrapper .font_exo,
#wrapper .font_exo p{
    font-family: 'Exo 2';
    font-weight: bold;
}

#wrapper .center p, 
#wrapper .center{
	text-align:center;
}

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

.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h6,
.blue p,
.blue{
	color:#0067b1;
}

.orange h1,
.orange h2,
.orange h3,
.orange h4,
.orange h5,
.orange h6,
.orange p,
.orange{
	color:#d66512;
}

p
{
	color:#000;
}

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

#footer
{
	color:#b0b0b0;
	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;
}

#rot_content {
    max-height: 750px;
    min-height: 750px;
}

#copyright_content
{
	color:#847870;
	border-top:solid 1px #717171;
}

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

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

#page_content
{
	color:#000;
	font-size:20px;
	font-weight: 200;
}

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

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

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

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

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

#menu ul li:hover a, 
#menu ul li:focus a{
	color:#d66512;
}

#menu ul li:hover > a,
#menu ul li.selected > a
{
	color:#007dc6 !important;
	background:#0c2234 !important;
}

#menu ul li a
{
	background: #0c2234;
    color: #fff;
}

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


#menu > li:hover > a,
#menu > li.selected > a
{
	border-bottom:solid 0px #007dc6;
}

#page_content h1,
.h1{
    color: #0c2234;
	font-size:40px;
	text-transform: none;
}
#top_page:after{
	content:"";
	backgound: -moz-linear-gradient(top, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#99000000',GradientType=0 );
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#top_page
{
	min-height:350px;
	max-height:350px;
	position:relative;
	background-color: #000;
}

#top_page h1
{
	color: #fff;
    font-size: 50px;
    font-weight: 700 !important;
    z-index: 2;
    width: 90%;
    text-align: center;
    text-transform: none;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.top_header_menu
{
	color:#FFF;
}

.header_phone
{
    color: #0c2234;
    font-size: 22px;
    font-weight: 800;
}

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

.rot_box_content
{
	color:#FFF;
	font-size:44px;
}

.btn-blue.btn,
.btn-blue.btn:hover{
	background-color: #007dc6;
}

.btn-white.btn,
.btn-white.btn:hover{
	background-color: #fff;
	color:#0c1e2e!important;
}

.btn-arrow.btn,
.btn-arrow.btn:hover{
	background: none;
    color: #007dc6 !important;
	padding:0;
	font-size: 0;
}

.btn-arrow.btn:before{
	content:"\f324";
	font-size: 25px;
	font-family: "FontAwesome";
	transform: scale(1);
}

.btn-arrow.btn:hover:before{
transform: scale(0.9);
}

.btn,
.btn_gros,
.btn_petit
{
    color: #fff !important;
    background-color: #0c2234;
    font-size: 20px;
    font-weight: 800 !important;
    padding: 14px 30px;
    text-transform: none;
	transform: scale(1);
}

.btn:hover,
.btn_petit:hover,
.btn_gros:hover
{
	background-color:#0c2234;
	color:#fff !important;
	transform: scale(0.9);
}

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


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

#page_content ul li:before
{
    color: #d66512;
    top: 16px;
    font-size: 16px;
    content: "\f054";
	left: -6px;
}

#page_content ul li a
{
	color:#d66512;
	   text-decoration: none;
}

#page_content ul li a:hover, 
#page_content ul li a:focus
{
    color: #0067b1;
}

.rot_space{
	height: 40px;
}

.rot_txt
{
	color:#ffffff;
	font-size:23px;
    line-height: 1.5!important;
	font-weight: 300;
	width:100%!important;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.rot_title
{
    text-transform: none;
    font-size: 50px;
    line-height: 1.2!important;
    margin-bottom: 30px;
    width: 100%;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	font-weight: 800;
}

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

#rotator_text ul li
{
	color:#FFF;
	font-size:17px;
	left: 50%;
	width:34%;
}

#rot_content .rot_btn .btn,
#rot_content .rot_btn:hover .btn,
#rot_content .rot_btn:focus .btn
{
    color: #0c2234!important;
    background-color: #fff;
}


#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:#0c2234;
	font-size:20px;
}

#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:#007dc6;
}

.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: #001728;
    width: 45px;
    height: 45px;
    line-height: 45px;
	background: #eaeaea;
}

.social_ico_circle:hover
{
	//background-color:#007dc6 !important;
}

#footer.footer3 .social_ico_circle{
	width: 45px;
    height: 45px;
    line-height: 45px;
}

#footer_menu > li
{
	font-size: 20px;
    color: #fff;
    font-weight: 800;
}

#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 #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:#a3a3a3;
}

.footer_projexmedia:before
{
	color:#a3a3a3;
}

.footer_mail
{
    text-decoration: underline;
    text-underline-position: under;
    color: #fff;
    font-weight: 600;
}

#footer a:hover
{
	color:#fff;
}

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

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

.rot_prev:before
{
    content: "\f104";
    color: #FFF;
    font-size: 45px !important;
}

.rot_next:before
{
    content: "\f105";
    color: #FFF;
    font-size: 45px!important;
}

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

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

#copyright
{
	color: #000;
    background: #fff;
}

.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: 13px;
    font-weight: 800 !important;
    padding: 10px 15px;
    letter-spacing: 0;
}
.custom_file:hover
{
	background-color:#fff;
	color:#317fc1;
}

.formulaire_block input.custom_file_txt
{
	background-color: #fff;
    font-size: 14px;
	border-bottom:0!important;
}

/* 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 #footer_menu > li{
	margin-bottom: 15px;
}

#footer.footer1 .social_ico_circle{
	color: #fff;
    background: #002f51;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px!important;
}

/* 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 > li > a{
    padding: 30px 40px 32px 0;
    text-transform: none;
    font-weight: 700;
    font-size: 20px;
    color: #0c2234;
    border: 0;
}

#menu > li:last-child > a{
	padding-right:0;
}

#header.header1 #header_bottom{
	padding: 0 3%;
}

#header.header1 #header_top{
	padding: 15px 3% 0;
}

.max_130 img{
	max-height:130px;
}

#footer_content,
#copyright_content{
    max-width: unset;
    padding-right: 4%;
	padding-left: 4%;
}

#footer_content{
	margin-bottom: 75px;
}

#footer{
	font-weight:300;
}

#footer_content .footer_logo{
	width: 340px;	
}	

#footer.footer1 .footer_cell1{
	text-align: left;
}

#footer.footer3 #footer_menu > li{
	text-transform:none;
	font-size:20px;
}

.boxed{
	max-width: 1600px;
	padding-left: 6%!important;
    padding-right: 6%!important;
}

#page_content{
    max-width: 1800px;
    padding-right: 4%;
    padding-left: 4%;
	position: relative;
}

.max-width{
	max-width:1000px;
	margin-left: auto;
	margin-right:auto;
}

.slider-logo{
	margin-bottom: 25px;
}

.slider-logo img{
	visibility: visible !important;
	width:189px!important;
	height: auto;
	
}

#rot_slide li::before {
    content: "";
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7889749649859944) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7889749649859944) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.7889749649859944) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#rot_content ul li {
    background-position: top 70% center;
}

#page_content .toggle_item{
	background: #eaeaea;
	margin-bottom: 16px;
}

#page_content .toggle_item .toggle_title{
    color: #001728;
    font-size: 22px;
    font-weight: 600;
    padding: 20px 50px 20px 25px;
	line-height: 1.2;
}

#page_content .toggle_item .toggle_html {
    padding: 0 25px 25px;
	font-size: 18px;
}

#page_content .toggle_item .toggle_html ul li:before{
    top: 15px;
}

#page_content .toggle_item .toggle_icone{
	padding-right: 25px;
}

a[type=twitter].normal:before, 
a[type=facebook].normal:before, 
a[type=instagram].normal:before, 
a[type=google_plus].normal:before, 
a[type=courriel].normal:before, 
a[type=linkedin].normal:before{
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    background: #000;
    border-radius: 50px;
	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;
}

a[type=twitter].normal:hover:before, 
a[type=facebook].normal:hover:before, 
a[type=instagram].normal:hover:before, 
a[type=google_plus].normal:hover:before,
a[type=courriel].normal:hover:before, 
a[type=linkedin].normal:hover:before{
	background-color: #000 !important;
	color:#fff;
}

.formulaire_block input{
	border: 0!important;
    height: 45px;
    border-bottom: 1px solid #000!important;
	color: #000;
	font-size: 20px;
    font-family: 'Oxygen';
    font-weight: 300;
}

.formulaire_block input{
	 color: #000;
}

.formulaire_block textarea{
	border: 1px solid #000!important;
	height: 150px;
	color: #000;
	font-size: 20px;
    font-family: 'Oxygen';
    font-weight: 300;
}

.bg-fixed{
    background-attachment: fixed;
}

.footer_social
{
	margin-top: 20px;
}

#footer{
	padding-top:80px;
}

#footer.footer1 .footer_cell3
{
	display: none;
}

#footer.footer3 .footer_cell1,
#footer.footer3 .footer_cell3{
	margin-bottom: 30px;
}

#logo img{
	margin-top: -38px;
    margin-bottom: 12px;
	width:165px;
}

.field_error_info{
	border: solid 1px #0067b1;
    color: #0067b1;
}

.field_error_txt {
    color: #0067b1;
}

.field_error_info:before{
	border-color: #0067b1 transparent transparent transparent;
}

#footer.footer1 .footer_cell2 {
	text-align: left;
}

.galerie_block .galerie_img_block .galerie_img_block_content:after{
	font-size: 30px;
}

#footer.footer1 .footer_cell1,
#footer.footer1 .footer_cell2,
#footer.footer1 .footer_cell4{
	width:33.33%;
}

#wrapper a.social-link:before{
	background: #eaeaea;
	color:#001728;
	width: 45px;
    height: 45px;
    line-height: 45px;
}

#wrapper a.social-link{
	text-decoration: none;
	margin-right: 5px;
}

#wrapper a.social-link:hover:before{
	background:#001728;
	color:#fff;
}

#menu_block{
	float: left;
	margin-left: 35px;
}

#wrapper .icon-driver img{
	max-width: 360px;
}

.max-photo img{
	width:350px!important;
}

.page_45 #wrapper{
	padding-top: 0;
}



#menu_block .buttons-container
{
	display: flex;
    flex: 1;
    justify-content: flex-end;
}

#menu_block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 40px);
}

.block_clickable div[class^="cell_"] {
    position: relative;
}

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

.footer_carbone::before {
    content: "\e911";
    font-family: "carbone";
    line-height: normal;
    font-size: 24px;
    color: #747474;
}

a.footer_xposito {
    margin-left: 10px;
}

#menu_block .btn{
    background-color: #007dc6;
    font-size: 18px;
}





@media screen and (max-width: 1600px)
{
	#menu > li > a{
		font-size: 18px;
	}
	
	#menu_block .btn{
		font-size: 16px;
	}

	h1.style-h1,
	h2.style-h1,
	h3.style-h1,
	h4.style-h1,
	h5.style-h1,
	h6.style-h1
	{
		font-size:45px;
	}
	
	h1 {
    	font-size: 45px!important;
	}
	
	h2
	{
		font-size:35px!important;
	}

	h3
	{
		font-size: 30px!important;
	}

	h4
	{
		font-size: 25px!important;
	}

	h5
	{
		font-size: 22px!important;
	}

	h6
	{
		font-size: 18px!important;
	}
	
	#top_page h1{
		font-size: 45px!important;
	}
	
	#rot_content {
    	max-height: 750px;
    	min-height: 750px;
	}
	
	.rot_txt{
		font-size: 20px!important;
		line-height: 1.3;
	}
	
	.rot_title{
		font-size: 40px!important;
	}
}




@media screen and (max-width: 1400px){
	
	.social_ico_circle{
		width: 40px;
    	height: 40px;
    	line-height: 40px;
	}
	
	.rot_txt {
    	font-size: 18px!important;
		width: 65%;
	}
	
	.rot_title{
		font-size: 35px!important;
	}
	
	#rotator_text ul li{
		left: 40%;
    	width: 47%;
	}
	
	.slider-logo img{
		width: 165px !important;
	}
	
	#rot_content {
    	max-height: 700px;
    	min-height: 700px;
	}
	
	#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{
		 font-size: 16px;
	}
	
	#wrapper .font_25,
	#wrapper .font_25 p {
		font-size:22px;
	}
	
	#block_team{
		padding-right: 40%!important;
	}
}
	

@media screen and (max-width: 1236px)
{

	#copyright {
    	padding-left: 0!important;
    	padding-right: 0!important;
	}
	
	#footer_content {
    	padding-left: 4%!important;
    	padding-right: 4%!important;
	}
	
}



@media screen and (max-width: 1200px)
{
	
	#menu_block .btn{
		padding: 14px 20px;
		font-size: 14px;
	}
	
	.header_phone{
		font-size: 18px;
	}
	
	#logo img {
    	margin-top: -31px;
    	width: 130px;
	}
	
	#menu > li > a {
        font-size: 16px;
    }
	
	#menu ul li{
		font-size: 13px;
	}
	
	h1.style-h1,
	h2.style-h1,
	h3.style-h1,
	h4.style-h1,
	h5.style-h1,
	h6.style-h1
	{
		font-size:40px;
	}
	
	h1 {
    	font-size: 40px!important;
	}
	
	h2
	{
		font-size:30px!important;
	}

	h3
	{
		font-size: 25px!important;
	}

	h4
	{
		font-size: 22px!important;
	}

	h5
	{
		font-size: 20px!important;
	}

	h6
	{
		font-size: 16px!important;
	}
		
	#top_page h1{
		font-size: 40px!important;
	}
	
	#page_content_txt,
	#wrapper .formulaire_block input,
	#wrapper .formulaire_block textarea{
    	font-size: 18px!important;
	}
	
	#top_page {
    	min-height: 250px;
    	max-height: 250px;
	}
		
	.btn, .btn_gros, .btn_petit{
		padding: 13px 25px;
        font-size: 16px;
	}

	#wrapper .font_22, #wrapper .font_22 p {
    	font-size: 20px;
	}
	
	.footer_info {
    	font-size: 18px;
	}
	
	#footer_menu > li > a{
		font-size: 18px;
	}
	
	#footer_content .footer_logo {
    	width: 250px;
	}
	
	#copy_left{
		font-size: 12px;
	}
		
	.rot_title{
		font-size: 30px!important;
	}
	
	#wrapper .font_45, #wrapper .font_45 p{
		font-size: 38px;
	}
	
	#rotator_text ul li{
		left: 40%;
    	width: 56%;
	}
	
	.rot_txt {
    	font-size: 16px!important;
	}
	
	#wrapper .font_25,
	#wrapper .font_25 p {
		font-size:20px;
	}
}


@media screen and (max-width: 1024px)
{
	.bg-fixed {
    	background-attachment: scroll!important;
	}
}
	


@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:#0c2234 !important;
		color:#fff !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:#0c2234 !important;
		color:#007dc6 !important;
	}
	
	#menu > li > a{
		color:#fff !important;
	}
	
	#menu_media_content
	{
		color:#0c2234;
	}
	
	#header.header1 #logo{
		padding-top: 0px!important;
        padding-bottom: 0px!important;
	}
	
	#top_page h1{
		font-size: 35px!important;
	}
	
	#page_content_txt,
	#wrapper .formulaire_block input,
	#wrapper .formulaire_block textarea{
    	font-size: 16px!important;
	}
	
	#rot_content {
    	max-height: 600px;
    	min-height: 600px;
	}
	
	#menu ul li:first-child a,
	#menu ul li:first-child a:hover{
		padding-top: 5px!important;
	}

	#menu ul li:last-child a,
	#menu ul li:last-child a:hover{
		padding-bottom: 10px!important;
	}
	
	#menu_media_content:before{
		font-size: 24px;
	}
	
	#page_content ul li:before{
		top: 13px;
	}
	
	#menu li ul li a{
		padding-left: 50px;
	}
	
	#page_content .toggle_item .toggle_title{
		font-size: 16px;
	}
	
	#page_content .toggle_item .toggle_html{
		font-size: 14px;
	}
	
	#page_content .toggle_item .toggle_html ul li:before {
    	top: 14px;
	}	
	
	.rot_title{
		font-size: 25px!important;
	}
	
	#wrapper .font_25,
	#wrapper .font_25 p {
		font-size:18px;
	}
	
	.mobile-form{
		padding-right: 8%!important;
    	padding-left: 8%!important;
	}
	
	#menu_block .buttons-container {
        position: absolute;
        right: 0;
        top: -130px;
    }
	
	#header_top .top_header_menu {
        margin-right: 220px;
    }
}


@media screen and (max-width:900px)
{
	.cell_1_3_mobile{
		width: 50%;
	}
}


@media screen and (max-width:800px)
{
	#rotator_text ul li,
	#rotator .rot_prev, #rotator .rot_next{
		top: 50%;
	}
	
	.rot_prev, .rot_next {
		display:none;
	}
	
	#rot_content .rot_title{
		width:95%;
    	line-height: 1.4em;
		margin-left: 2.5%;
	}
	
	#rotator_text ul li{
		left: 10%;
        width: 80%;
	}
	
	#rot_content .rot_txt{
		width:95%;
		margin-left: 2.5%;
	}
	
	#wrapper .formulaire_block .custom_file{
    	padding: 10px 20px;
    	font-size: 11px;
	}
	
	#top_page h1{
		font-size: 30px!important;
	}
	
	#top_page {
    	min-height: 250px;
    	max-height: 250px;
	}
	
	.custom_file_txt{
		width: 100%!important;
	}
	
	#wrapper .font_22, #wrapper .font_22 p {
    	font-size: 18px;
	}
	
	.form_custom_cell .formulaire_field_block
	{
		width: 100%;
	}
	
	#wrapper .font_45, #wrapper .font_45 p{
		font-size: 32px;
	}
	
	#block_team{
		padding-right: 20%!important;
	}
	
	.mobile-form{
		padding-right: 6%!important;
    	padding-left: 6%!important;
	}
	
	#copy_left{
		margin-bottom: 12px;
	}
	
	#copy_left,
	#copy_right{
		display: block;
    	width: 100%;
		text-align: center;
	}
	
	#copy_right .table{
		display: block;
	}
}



@media screen and (max-width: 768px)
{
	
	#footer.footer1 .footer_cell4{
		text-align: right;
	}
	
	#footer.footer1 .footer_cell3, #footer.footer1 .footer_cell4{
		margin-top: 0;
	}
	
	#footer_menu > li > a {
        font-size: 16px;
    }
	
	.footer_info {
        font-size: 16px;
		line-height: 1.5;
    }
	
	#footer.footer3 #footer_menu > li{
		 text-align: center;
	}
}	


@media screen and (max-width: 656px)
{
	#rot_content {
    	max-height: 500px;
    	min-height: 500px;
	}
	
	#rotator:after{
		height: 69px;
	}
	
	#rotator_text ul li {
    	padding-left: 0!important;
    	padding-right: 0!important;
		left: 8%;
	}
	
	#top_page{
		min-height: 200px;
    	max-height: 200px;
	}

	h1.style-h1,
	h2.style-h1,
	h3.style-h1,
	h4.style-h1,
	h5.style-h1,
	h6.style-h1
	{
		font-size:35px;
	}
	
	h1 {
    	font-size: 35px!important;
	}
	
	h2 {
    	font-size: 25px!important;
	}
	
	h3 {
    	font-size: 20px!important;
	}
	
	h1, h2, h3, h4, h5, h6{
		margin-bottom: 12px;
	}
	
	#rot_content .rot_title {
		width: 100%!important;
		margin-bottom: 13px;
		margin-left: 0;
	}
	
	#rot_content .rot_txt{
		width:100%!important;
		margin-left: 0;
	}
	
	.btn, .btn_gros, .btn_petit {
		padding: 13px 25px;
        font-size: 13px;
	}

	.formulaire_block span, .formulaire_field_txt{
    	font-size: 17px;
	}
	
	#wrapper .formulaire_block .custom_file {
    	padding: 9px 15px;
    	font-size: 10px;
	}
	
	#wrapper #page_content h1, .h1
	{
		font-size:25px!important;
	}
	
	#footer.footer1 .footer_cell1, #footer.footer1 .footer_cell2, #footer.footer1 .footer_cell4 {
    	width: 100%;
    	text-align: center;
	}	
	
	#footer.footer1 #footer_menu > li{
		text-align: center;
	}
	
	#footer.footer1 .footer_info{
		text-align: center;
	}
	
	#footer_content > div{
		margin-bottom: 45px!important;
	}
	
	#footer_content {
    	margin-bottom: 0;
	}
	
	#wrapper .font_45, #wrapper .font_45 p{
		font-size: 28px;
	}
	
	#wrapper .img_mobile{
		min-height:350px;
	}
	
	.slider-logo img {
        width: 130px !important;
		height: auto!important;
    }
	
	#block_team{
		padding-right: 6%!important;
	}
	
	.mobile-form{
		padding-right: 0!important;
    	padding-left: 0!important;
	}
	
	.top_header_menu > li:not(:first-child)
	{
		display: none;
	}
	
	.top_header_menu > li:first-child
	{
		height: 40px;
	}

}


@media screen and (max-width: 560px)
{

	.social_ico_circle {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
	
	#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 {
    	font-size: 15px;
	}
	
	#menu_block .btn
	{
		padding: 10px 10px;
		font-size: 12px;
	}
	
	#header_top .top_header_menu {
        margin-right: 165px;
    }

}


@media screen and (max-width: 500px)
{
	#header_top .top_header_menu {
        margin-right: 0px;
    }
	
	#header_top
	{
		margin-bottom: 20px;
	}
	
	#menu_block .buttons-container {
		top: -100px;	
	}
	
	.header1 #menu_media {
        top: -55px;
    }
}

@media screen and (max-width: 480px)
{
	#header #logo img {
        height: auto!important;
    }
	
	#rot_content {
    	max-height: 450px;
    	min-height: 450px;
	}
	
	
}	


@media screen and (max-width: 470px)
{
	
	#header_top{
/*		display:none!important;*/
	}
	
	#logo img {
/*        margin-top: 0;*/
    }
	
}