/* Feuille de style client */
@import url('https://use.typekit.net/vcf4tvo.css');
/* Couleur & Fonts */


#page_content a
{
	color: #65bdc4;
	font-weight: 800;
}

#page_content a:hover
{
	color:#2b6f81;
}

body
{
	color:#000;
	font-size:20px;
	font-family: greycliff-cf, sans-serif;
	font-weight:300;
	line-height: 1.6!important;
}

h1, h2, h3, h4, h5, h6
{
	color:#000;
	font-weight: 300;
	margin-bottom:25px;
	text-transform: none;
}

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

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

.green p, 
.green,
.green h1, 
.green h2, 
.green h3, 
.green h4, 
.green h5, 
.green h6,
h1.green, 
h2.green, 
h3.green, 
h4.green, 
h5.green, 
h6.green{
	color:#c5d0a4!important;
}

.blue p, 
.blue,
.blue h1, 
.blue h2, 
.blue h3, 
.blue h4, 
.blue h5, 
.blue h6,
h1.blue, 
h2.blue, 
h3.blue, 
h4.blue, 
h5.blue, 
h6.blue{
	color:#65bdc4!important;
}

.pink p, 
.pink,
.pink h1, 
.pink h2, 
.pink h3, 
.pink h4, 
.pink h5, 
.pink h6,
h1.pink, 
h2.pink, 
h3.pink, 
h4.pink, 
h5.pink, 
h6.pink{
	color:#e57f7e!important;
}

p
{
	color:#000000;
}

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

#wrapper .font_22,
#wrapper .font_22 p{
	font-size:22px;
	line-height: 1.6;
}

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

#footer.footer1 .footer_info > div{
	padding-bottom: 5px;
}

#footer
{
	color:#000;
	font-size:18px;
}

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

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

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

#copyright_content{
    padding:20px 4% 10px;
    max-width: unset;
}

#page_content
{
	color:#000;
	font-size:20px;
	max-width: 1600px;
	padding-left: 6%;
    padding-right: 6%;
}

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

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

#menu li
{
	color: #000;
    font-size: 22px;
    text-transform: none;
    font-weight: 300;
}

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

#menu ul li
{
	color:#000;
	font-size:18px;
}

#menu ul li:hover > a,#menu ul li.selected > a
{
	color:#65bdc4 !important;
	background:#ebebeb !important;
}

#menu ul li a
{
	background:#ebebeb;
	color:#000;
}

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


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


#page_content h1,
.h1{
    font-size: 50px;
    text-transform: none!important;
    font-weight: 300!important;
	line-height: 1.3;
}

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

#top_page:before{
	content:"";
	width:100%;
	top:0;
	left:0;
	position: absolute;
	height: 100%;
	
	background: rgb(0,0,0);
background: -moz-linear-gradient(176deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%);
background: -webkit-linear-gradient(176deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%);
background: linear-gradient(176deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	

}

#top_page h1
{
    color: #fff;
	font-size:50px;
	line-height: 1.4;
    text-align: center;
}

.top_header_menu
{
	color:#FFF;
}

.header_phone
{
	color:#65bdc4;
	font-size:25px;
	font-weight:700;
}

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

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


.btn,
.btn_gros,
.btn_petit
{
	color:#000 !important;
	background-color:#65bdc4;
	padding: 15px 35px;
    border: 0;
    border-radius: 100px;
    text-transform: none;
    font-weight: 300;
    font-size: 19px;
	font-weight: 400!important;
}


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

.btn-green.btn,
.btn-green.btn_gros,
.btn-green.btn_petit{
	background-color:#c5d0a4;
}

.btn-green.btn:hover,
.btn-green.btn_gros:hover,
.btn-green.btn_petit:hover{
	background-color:#9da780;
		color:#000!important;
}

.btn-pink.btn,
.btn-pink.btn_gros,
.btn-pink.btn_petit{
	background-color:#e57f7e;
}

.btn-pink.btn:hover,
.btn-pink.btn_gros:hover,
.btn-pink.btn_petit:hover{
	background-color:#c76b6b;
		color:#000!important;
}


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

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

.title-h1
{
	font-size:50px;
}

h2
{
	font-size:40px;
}

h3
{
	font-size: 35px;
}

h4
{
	font-size: 30px;
}

h5
{
	font-size: 25px;
}

h6
{
	font-size: 22px;
}

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

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


.rot_txt
{
	color:#ffffff;
	font-size:17px;
}

.rot_title
{
    font-size: 60px;
    text-transform: none;
    font-weight: 500;    
	text-align: left;
    margin-left: 0;
	line-height: 1.1;
	width:45%;
}

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

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

#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:#a9babd;
	font-size:21px!important;
}

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




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

.footer_tel
{
    color: #65bdc4;
    font-size: 25px;
	line-height: 1;
}

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

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

.social_ico_circle
{
	color:#a9babd;
	border: 2px solid #a9babd;
    width: 46px;
    height: 46px;
    line-height: 46px;
}


.social_ico_circle:hover
{
	background-color:#a9babd !important;
}

#footer_menu > li
{
	color: #000!important;
    font-size: 18px;
}

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

.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
{
	color:#fff;
}

#footer a:hover
{
	color:#2b6f81;
}

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

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

#rotator .rot_prev, 
#rotator .rot_next{
	top:43%;
}

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

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


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




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

#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:#65bdc4 !important;
}

#footer.footer1 .social_ico_circle
{
	color: #e9eaeb;
    border-radius: 100px!important;
    width: 46px;
    height: 46px;
    line-height: 46px;
}

/* Fin Footer 1 */




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

.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%);

}

#icon-capitaine img{
	max-width: 250px;
}

#logo img{
	max-width: 350px;
}

.header2 #menu > li > a{
	padding: 24px 30px;
}

#header.header2 #logo{
	padding: 30px 0px 0;
}

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

.boxed{
	max-width: 1600px;
}

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

#header,
#rotator{
	position:relative;
}

#header:after{
	content:"";
	background-image: url('images/top-header-texture.jpg');
	width:100%;
	height: 45px;
	position: relative;
	top: 0;
    left: 0;
	display: block;
	background-position: center center;
	background-repeat: repeat-y;
    background-size: contain;
}

#rotator:after{
	content: "";
    background-image: url(images/slider-waves.png);
    width: 100%;
    height: 250px;
    position: absolute;
    left: 0;
    display: block;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    booy: 0;
	background-position: center center;
}

.title-banner:before{
    background-image: url(images/banner-doodle.svg);
    content: "";
    width: 340px;
    height: 200px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
}

h1.title-banner, 
h2.title-banner,
h3.title-banner,
h4.title-banner,
h5.title-banner,
h6.title-banner
{
	font-weight: 800;
	position: relative;
}

.bottom-waves,
#wrapper{
	position:relative;
}

.bottom-waves:after{
	background-image: url(images/white-waves.png);
    content: "";
    width: 100%;
    height:92px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left:0;
	background-position: center center;
	background-size: cover;
}

#wrapper:after{
	background-image: url(images/footer-waves.png);
    content: "";
    width: 100%;
    height:200px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left:0;
	background-position: center center;
	background-size: cover;
}

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

.footer_title{
	display:none;
}

.footer_logo{
	width: 300px;
}

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

#copyright{
	background: #fff;
}

#top_page h1{
	
	color: #fff;
    font-size: 50px;
    font-weight: 300!important;
    text-transform: none;
}

.page_2 #wrapper{
    background-image: url(images/bg-concrete-capitaine-maboule.jpg);
    padding-top: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
	background-size: cover;
}

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

.page_2 #wrapper .intro-menu,
.page_2 #wrapper .intro-menu p, 
.page_2 #wrapper .intro-menu h2{
	color:#000;
} 

#services-block .cell_1_2 {
	margin-left: 2%;
    margin-right: 2%;
	width:calc(50% - 4%);
	min-height: 200px;
	display: flex;
    align-content: center;
    align-items: center;
	position:relative;
}

#services-block .cell_1_2 > .cell_container{
	z-index: 100;
}

#services-block .cell_1_2:after{
	content:"";
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	position: absolute;
	top:0;
	left: 0;
}

#services-block .cell_1_2 h3{
	color:#fff;
	margin-bottom: 0;
}

#wrapper .formulaire_block input{
	font-size: 20px;
	height: 45px;
	font-weight: 300;
    font-family: greycliff-cf, sans-serif;
}

#wrapper .formulaire_block textarea{
	font-size: 20px;
	height: 130px;
	font-weight: 300;
    font-family: greycliff-cf, sans-serif;
}

#wrapper .formulaire_block .custom_file_txt{
	border: 0;
}

#wrapper .formulaire_block .custom_file{
	letter-spacing: 0;
    color: #000 !important;
    background-color: #ebebeb;
    padding: 12px 22px;
    border: 0;
    border-radius: 100px;
    text-transform: none;
    font-weight: 300;
    font-size: 14px;
	margin-top: 15px;
}

.field_error_txt{
	color: #e57f7e;
}

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

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

.box_title_link_center
{
	position: relative;
}


.box_title_link_center > .cell_container > h3 > a
{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none!important;
	padding-left: 4%;
	padding-right: 4%;
	font-weight: 400!important;
	color:#fff!important;
}

.box_title_link_center > .cell_container > h3 > a:hover, 
.box_title_link_center > .cell_container > h3 > a:focus{
	color:#fff;
}

.box_title_link_center {
    transform: translateY(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;
}

.box_title_link_center:hover {
    transform: translateY(-10px);
}

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


#footer_content
{
	display: flex;
	flex-wrap: wrap;
}

#footer.footer1 .footer_cell1,
#footer.footer1 .footer_cell2,
#footer.footer1 .footer_cell3,
#footer.footer1 .footer_cell4
{
	float: none;
}

#footer.footer1 .footer_cell5
{
	width: 30%;
}

#footer.footer1 .footer_cell3,
#footer.footer1 .footer_cell4,
#footer.footer1 .footer_cell7
{
	padding-left: 20px;
}


#footer.footer1 .footer_cell6
{
	width: 46.66%;
	margin-top: 20px;
	font-size: 22px;
	
	display: flex;
	align-items: flex-end;
}

#footer.footer1 .footer_cell7
{
	width: 23.33%;
	margin-top: 20px;
}

input[type=file]
{
	width: 1px;
	max-width: 0px;
}

@media screen and (max-width: 1600px)
{
	.rot_title{
		font-size: 55px!important;
		width: 60%;
		line-height: 1.3!important;
	}

}


@media screen and (max-width: 1400px)
{
	
	.footer_logo {
    	width: 250px;
	}
	
	h2 {
    	font-size: 35px!important;
	}
		
	h3 {
    	font-size: 30px!important;
	}

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

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

	h6
	{
		font-size: 20px!important;
	}
	
	#top_page h1{
		font-size: 45px;
	}	
	
	.rot_title{
		font-size: 50px!important;
	}
	
	#wrapper .font_22, #wrapper .font_22 p {
		font-size: 20px;
		line-height: 1.6;
	}
}
	


@media screen and (max-width: 1200px)
{
	.header2 .header_phone {
		font-size: 23px;
	}
	
	#logo img {
    	max-width: 320px;
	}
	
	#menu li{
		font-size: 20px;
	}
	
	#menu ul li {
    	font-size: 16px;
	}
	
	h2 {
    	font-size: 30px!important;
	}
	
	h3 {
    	font-size: 25px!important;
	}
		
	#top_page h1{
		font-size: 40px;
	}
	
	#page_content_txt,
	#wrapper .formulaire_block input,
	#wrapper .formulaire_block textarea{
    	font-size: 18px!important;
	}
	
	#top_page {
    	min-height: 300px;
    	max-height: 300px;
	}
	
	#picture_zone .cell_1_3{
		margin-top: 0px!important;
	}
	
	#icon-capitaine img {
    	max-width: 200px;
	}
	
	.rot_title{
		font-size: 45px!important;
	}
	
	#rot_content {
    	max-height: 750px;
    	min-height: 750px;
	}
	
	
	.footer_tel
	{
		font-size: 22px;
	}
	
	#footer.footer1 .footer_cell6
	{
		font-size: 19px;
	}
	
	#footer.footer1 .footer_cell1
	{
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	
	#footer.footer1 .footer_cell2,
	#footer.footer1 .footer_cell3,
	#footer.footer1 .footer_cell4
	{
		width: 33.33%;
		display: flex;
		justify-content: center;
	}
	
	#footer.footer1 .footer_cell5
	{
		display: none;
	}
	
	#footer.footer1 .footer_cell7
	{
		width: 33.33%;
	}
	
	#footer.footer1 .footer_cell6
	{
		width: 66.66%;
		display: flex;
		justify-content: flex-end;
	}
	
	#footer.footer1 .footer_cell7
	{
		display: flex;
		justify-content: center;
	}
	
	.footer_cell7 > .footer_social
	{
		width: 187px;
	}
	
	.footer_logo
	{
		width: 300px;
	}
	
	#wrapper:after{
		height: 80px;
	}
	
	.Accueil #wrapper{
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 1024px)
{
	
	.page_2 #wrapper{
		background-attachment: scroll;
    	background-repeat: repeat-y;
    	background-size: auto;
	}
	
	#carreer_zone .cell_1_2{
		width: 80%;
	}

}


@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:#ebebeb !important;
		color:#000 !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:#ebebeb !important;
		color:#65bdc4 !important;
	}
	#menu_media_content
	{
		color:#000;
	}
	
	.header2 #menu > li > a {
    	padding: 5px 30px;
	}
	
	#logo img {
    	max-width: 275px;
	}
	
	#header.header2 #logo {
    	padding: 6px 0px 0;
	}
	
	#menu ul li {
    	font-size: 16px!important;
	}
	
	#menu li ul li a{
    	padding-left: 45px!important;
	}
	
	.header2 #menu_media{
		top:0;
	}
	
	#header.header2 #header_top{
		padding: 8px 30px 0;
	}
	
	.footer_info {
    	font-size: 16px;
	}
	
	#footer_menu > li {
    	font-size: 15px;
	}
	
	#top_page h1{
		font-size: 35px;
	}
	
	#page_content_txt,
	#wrapper .formulaire_block input,
	#wrapper .formulaire_block textarea{
    	font-size: 16px!important;
	}
	
	#rotator:after{
		height:100px;
	}
	
	.rot_title{
		width: 70%;
	}
	
	#rot_content {
    	max-height: 600px;
    	min-height: 600px;
	}

	.rot_title {
    	font-size: 40px!important;
	}
	
	.footer_logo {
		padding-right: 0px !important;
	}
	
	.footer_tel
	{
		font-size: 20px;
	}
	
	#footer.footer1 .footer_cell6,
	#footer
	{
		font-size: 16px;
	}
	
	.footer_cell7 > .footer_social
	{
		width: 166px;
	}

}

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

	.footer_logo{
		width: 280px;
   		padding-right: 0!important;
	}
	
	#footer{
		padding-top: 0;
	}
	
	#footer.footer1 .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: 18px!important;
	}	
	
	#footer.footer1 #footer_menu > li{
		text-align: center;
	}
	
	#rotator_text ul li,
	#rotator .rot_prev, #rotator .rot_next{
		top: 50%;
	}

}

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

	.rot_prev, .rot_next {
		display:none;
	}
	
	#rot_content .rot_title{
		width:80%;
		font-size: 30px;
    	line-height: 1.4em;
	}
	
	#wrapper .font_22, #wrapper .font_22 p {
		font-size: 18px;
		line-height: 1.6;
	}
	
	.btn, .btn_gros, .btn_petit{
    	padding: 11px 25px;
    	font-size: 16px;
	}
	
	#wrapper .formulaire_block .custom_file{
    	padding: 10px 20px;
    	font-size: 11px;
	}
	
	#top_page h1{
		font-size: 30px;
		width:100%;
	}
	
	#top_page {
    	min-height: 250px;
    	max-height: 250px;
	}
	
	.rot_title {
    	font-size: 35px!important;
	}
	
	#footer.footer1 .footer_cell1
	{
		width: 100%;
		text-align: center;
		margin-bottom: 30px !important;
	}
	
	
	#footer.footer1 .footer_cell2,
	#footer.footer1 .footer_cell3,
	#footer.footer1 .footer_cell4,
	#footer.footer1 .footer_cell6,
	#footer.footer1 .footer_cell7
	{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 0px!important;
	}
	
	#footer.footer1 .footer_cell6
	{
		justify-content: center;
	}
	
	
	.footer_cell3 > .blocks_3
	{
		width: 100%;
	}
	
	.footer_cell7 > .footer_social
	{
		width: 100%;
	}
	
	
	
}


@media screen and (max-width: 656px)
{
	
	#logo img {
    	max-width: 215px;
	}
	
	#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%;
	}
	
	#header:after{
		height: 25px;
	}
	
	#icon-capitaine img {
    	max-width: 200px;
	}
	
	.title-banner:before{
		width: 262px;
    	height: 68px;
	}
	
	.footer_logo{
    	margin-bottom: 0;
	}
	
	#footer_content{
		margin-bottom: 30px;
	}
	
	#picture_zone .cell_1_3{
		margin-top: 0!important;
	}
	
	#carreer_zone{
		padding: 60px 4%!important;
	}
	
	#top_page{
		min-height: 200px;
    	max-height: 200px;
	}
	
	#page_content h1, .h1 {
    	font-size: 32px!important;
	}
	
	h2 {
    	font-size: 25px!important;
	}
	
	h3 {
    	font-size: 22px!important;
	}
	
	h4
	{
		font-size: 20px!important;
	}

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

	h6
	{
		font-size: 18px!important;
	}
	
	#services-block .cell_1_2{
		margin-left: 0;
    	margin-right: 0;
    	width: 100%;
	}
	
	h1, h2, h3, h4, h5, h6{
		margin-bottom: 12px;
	}
	
	.rot_title {
    	font-size: 30px!important;
		width: 90%!important;
	}
	
	#icon-capitaine img {
    	max-width: 150px;
	}
	
	#menu li {
    	font-size: 16px;
	}
	
	.equal_height div{
		min-height: unset!important;
	}

}


@media screen and (max-width: 480px)
{
	#header #logo img {
		height: 70px!important;
	}
	
	.rot_title {
    	font-size: 25px!important;
		width: 100%!important;
	}
	
	#rot_content {
    	max-height: 450px;
    	min-height: 450px;
	}
}


@media screen and (max-width: 400px)
{
	#header #logo img {
		height: 53px!important;
	}
	
	.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: 16px!important;
}
	
	#header.header2 #header_top {
    	padding: 8px 20px 0;
	}
	
	#header.header2 #logo {
    	padding: 0;
	}
	
	.header2 .top_header_info{
		right: 18px;
	}
	
	.custom_file_txt
	{
		width: 100% !important;	
	}
}