/* IMPORT FONTS */
@font-face {
    font-family: 'ft-l';
    src: url('../fonts/futura-light-bt.woff') format('woff'),
         url('../fonts/futura-light-bt.ttf') format('truetype'),
         url('../fonts/futura-light-bt.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sspl';
	src: url('../fonts/sourcesanspro-light.eot');
	src: url('../fonts/sourcesanspro-light.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/sourcesanspro-light.woff') format('woff'),
	     url('../fonts/sourcesanspro-light.ttf') format('truetype'),
	     url('../fonts/sourcesanspro-light.svg#webfont') format('svg');
}
@font-face {
    font-family: 'sspr';
	src: url('../fonts/sourcesanspro-regular.eot');
	src: url('../fonts/sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/sourcesanspro-regular.woff') format('woff'),
	     url('../fonts/sourcesanspro-regular.ttf') format('truetype'),
	     url('../fonts/sourcesanspro-regular.svg#webfont') format('svg');
}
@font-face {
    font-family: 'sspb';
	src: url('../fonts/sourcesanspro-bold.eot');
	src: url('../fonts/sourcesanspro-bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/sourcesanspro-bold.woff') format('woff'),
	     url('../fonts/sourcesanspro-bold.ttf') format('truetype'),
	     url('../fonts/sourcesanspro-bold.svg#webfont') format('svg');
}

@font-face {
    font-family: 'sspsb';
    src: url('../fonts/sourcesanspro-semibold.eot');
    src: url('../fonts/sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semibold.woff') format('woff'),
         url('../fonts/sourcesanspro-semibold.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semibold.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* RESET */
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
strong,b	{ font-weight:normal; font-family:sspb;}
ul			{ list-style-type:none;}
body		{ font:normal 16px/24px sspl, Arial; color:#585858; background:#fff;}
a			{ text-decoration:none; color:#34c9b3; outline:none;}
img			{ border:none;}
#wrapper 	{ min-width:320px;}
#wrapper *	{ box-sizing:border-box;}
.wrapper 	{ max-width:1200px; margin:0 auto}
 

/* CLASS */
.clr 			{ zoom: 1; clear: both; float: none; display: block}
.clr:after 		{ content: ""; display: table; clear: both}

.clear			{ clear:both; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; display:block;}
.left			{ float:left;}
.right 			{ float:right;}
.sousTitre 		{ font:normal 20px/35px sspsb; color:#34c9b3; position:relative; margin:0 0 18px}
.link 			{ width:auto; height:44px; display:inline-block; position:relative; font:normal 18px/18px ft-l;  color:#fff;  padding:11px 30px;  background:#34c9b3; border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px}
.link:after		{ content:''; background:url(../images/icon-arw.svg) ; width:14px; height:10px; display:inline-block; vertical-align:top; margin-top:8px; margin-left:10px}

/* HEADER */
#header						{ width:100%; height:814px; position:relative;}
.headerTop					{ width:100%; height:47px; position:relative; z-index:65; background:#34c9b3; padding:5px 60px;}
.headerTop .slogan			{ font:normal 16px/16px sspr; display:block; float:left;  color:#fff; padding-top:10px}
.headerTop .tel				{ width:auto; height:35px; padding:10px 12px 0 40px; background:url(../images/icone-tel.svg) 15px 50% no-repeat; border:1px solid #fff;font: normal 14px/14px ft-l; float:right; color:#fff}
.blc-menu 					{ background-color:#fff; height:110px; padding:34px 60px}
.logo						{ display:block; width:auto; height:42px; float:left }
.logo span 					{ color: #656464;font: 22px/22px sspb;text-transform: uppercase;display: inline-block;vertical-align: top;margin-top: 11px;}
.logo img					{ width:42px; height:auto; margin-right:14px}
.social 					{ float:left; margin-left:26px }
.social a 					{ width:40px; height:40px; border:#868585 1px solid;  text-indent:-9999px; display:block; float:left; margin-left:6px; cursor:pointer;}
.social .facebook			{ background:url(../images/icone-facebook.svg) 50% 50% no-repeat #fff;}
.social .google				{ background:url(../images/icone-google.svg) 55% 50% no-repeat #fff;}
.social .lettre				{ background:url(../images/icone-lettre.svg) 55% 50% no-repeat #fff;}

/* MENU */
.menu						{ width:auto; height:60px; display:block; position:relative; z-index:60; float:left}	
.menu>ul					{ width:100%; height:60px; display:block; position:relative; text-align:center; background:#fff; font-size:0; line-height:0; }	
.menu li					{  position:relative; float:left}	
.menu a						{ width:auto; height:40px; font:normal 16px/16px sspr; color:#585858; display:block; padding:0; position:relative; padding:12px 21px; text-transform:uppercase}
.menu>ul>li.active>a		{ color:#fff; background-color:#34c9b3}

/* SUB */
.sub						{ width:300px; position:absolute; top:41px; left:50%; z-index:995; margin-left:-150px; display:block; background:#fff; visibility:hidden; opacity:0;}
.sub li						{ width:100%; margin:0; border:none; padding:0; text-align:center;}
.sub li a					{ width:100%; height:60px; line-height:40px; position:relative; border-bottom:1px solid #cecece; margin:0;}
.sub li:last-child a		{ border:0;}
.menu li:hover .sub 		{ opacity:1; visibility:visible; z-index:999;}
.menu .sub li.active a		{ background:#34c9b3; color:#fff}

@media (min-width:1025px) 	{ .menu ul { display:block !important;}}
.txt-banner					{ position:absolute; left:60px; top:271px; z-index:50;   max-width:564px; text-align:center}
.txt-banner .titre			{ font:normal 60px/48px sspb; color:#34c9b3;}
.txt-banner span 			{ font:normal 30px/48px ft-l; display:block; text-transform:uppercase; color:#585858; margin-top:12px}
.txt-banner .titre:after	{ content:''; border-bottom:#34c9b3 solid 2px; display:block; width:219px; margin:10px auto}
.scroll 					{ display:block; width:40px; height:40px; background:url(../images/scroll.svg) 50% 50% no-repeat #34c9b3; position:absolute; right:60px; bottom:135px; z-index:50;}
.blc-contact 				{ background-color:#34c9b3; height:75px; text-align:center; color:#fff}
.blc-contact .titre			{ font:normal 24px/24px sspsb; display:inline-block; padding-top:25px; margin-right:21px}
.blc-contact .tel, 
.blc-contact .mail 			{ display:inline-block; position:relative;  vertical-align:top; height:100%; padding-right:20px}
.blc-contact .tel span		{  width:71px; height:75px; display:inline-block; background-color:#24b5a0; top:0; position:relative; margin-right:20px }
.blc-contact .tel span:after{ content:''; width:29px; height:29px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:url(../images/icon-tel2.svg) no-repeat center; background-color:#fff; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto}
.blc-contact .tel a			{ color: #fff; font: 18px/18px ft-l; padding: 0 10px; display: inline-block;vertical-align: top;margin-top: 28px}
.blc-contact .tel em		{ font-style:normal;font: 18px/18px ft-l;display: inline-block;vertical-align: top;margin-top:28px}
.blc-contact .mail a 		 {  color: #fff; font: 18px/18px ft-l;  display: inline-block;vertical-align: top; padding: 28px 30px 0; }
.blc-contact .mail span 	 {  width:71px; height:75px; display:inline-block; background-color:#24b5a0; top:0; position:relative }
.blc-contact .mail span:after{content:''; width:29px; height:29px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:url(../images/icone-lettre2.svg) no-repeat center; background-color:#fff; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto }
.blc-contact span a.mob		{ display:none; font-size:0}
/* SLIDER */
#slider						{ width:100%; height:581px; position:relative; z-index:45;}
#slider .slick-list			{ width:100%; height:100%;}
#slider .slick-track		{ width:100%; height:100%;}
#slider .banner1			{ background:url(../images/banner1.jpg) top center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
#slider .banner2			{ background:url(../images/banner2.jpg) top center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
#slider .banner3			{ background:url(../images/banner3.jpg) top center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.slick-prev 				{ width:59px; height:97px; background:url(../images/icone-arrow-left.svg) 46% 50% no-repeat #34c9b3; position:absolute; left:0; top:50%; z-index:50; cursor:pointer; text-indent:-9999px; outline:none; border:0; padding:0; margin-top:-35px;}
.slick-next 				{ width:59px; height:97px; background:url(../images/icone-arrow-right.svg) 56% 50% no-repeat #34c9b3; position:absolute; right:0; top:50%; z-index:50; cursor:pointer; text-indent:-9999px; outline:none; border:0; padding:0; margin-top:-35px;}
.slick-dots					{ height:16px; position:absolute;  padding:0; right:75px; top:50%; line-height:0; z-index:999; margin-top:-50px}
.slick-dots	li				{ display:block; height:12px; margin:13px 0}
.slick-dots button			{ display:block; width:12px; height:12px; border-radius:50%; text-indent:-9999px; background:none; outline:none; padding:0; border:none; background-color:#fff; position:relative}
.slick-dots button:after	{ content:''; width:18px; height:18px; position: absolute; left:-4px; top:-4px; display:block; border:transparent solid 1px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.slick-active button		{ background:#34c9b3;}
.slick-active button:after	{ border-color:#34c9b3 }

/* SERVICES */
.blocServices 				{ position:relative}
.blocServices  .slick-list	{ width:100%; height:100%;}
.blocServices 				{ width:100%; height:auto; padding:124px 0}
.blocSlide					{ float:left; width:33.33%}
.blocSlide .content			{ width:284px; margin:0 auto; text-align:center }
.blocSlide .titre 			{ font:normal 20px/48px ft-l; text-transform:uppercase; margin-bottom:8px }
.blocSlide .picto			{ position:relative; width:135px; height:135px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 auto 34px; display:block; background: #34c9b3;background: -moz-linear-gradient(top, #34c9b3 0%, #71d8ba 100%);background: -webkit-linear-gradient(top, #34c9b3 0%,#71d8ba 100%);background: linear-gradient(to bottom, #34c9b3 0%,#71d8ba 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c9b3', endColorstr='#71d8ba',GradientType=0 );}
.blocSlide .content  p 		{ margin-bottom: 38px; min-height:120px}
.blocSlide .picto img		{ position:absolute; left:0; right:0; margin:auto; top:0; bottom:0; display:block}

/* HOME PAGE */
.blocBienvenue 				{ overflow:hidden; width:100%; position:relative; background:url(../images/bg-intro.jpg) no-repeat top center; background-size:cover; min-height:481px; padding:102px 60px 48px; color:#fff }
.blocBienvenue .content		{ float:right; max-width:600px; text-align:center}
.blocBienvenue .titre 		{ font:normal 48px/48px sspb; text-transform:uppercase; margin:0 auto 42px }
.blocBienvenue .titre span  { font: normal 22px/22px ft-l; display:block; margin-top:5px}
.blocBienvenue .link		{ height:60px;  background-color:#fff; color:#585858; border-radius:0; padding:20px 30px; margin-top:16px; border:#fff 1px solid; }
.blocBienvenue .link:after	{ background-image:url(../images/icone-arrow2.svg);}
.blocBienvenue p			{ margin-bottom:54px}
.blc-bot 					{ position:relative; width:100%}
.blc-bot .experience 		{ float:left; font:normal 24px/24px sspr; text-transform:uppercase; position:relative }
.blc-bot .experience:before	{ content:'';  border-bottom:#fff solid 1px; width:300%; position:absolute;  right:400px; margin:auto;  top:45px }
.blc-bot .experience span	{ display:inline-block; vertical-align:middle; margin:0 5px}
.blc-link 					{ width:600px; float:right; text-align:center; position:relative}
/*.blc-bot:after				{ content:''; border-bottom:#fff solid 1px; width:300px; position:absolute; left:0;  right:0; margin:auto;  top:45px}*/
.blc-link:after				{ content:'';  border-bottom:#fff solid 1px; width:300%; position:absolute;  left:443px; margin:auto;  top:45px }

/* INTERVENTION */
.blc-intervention 				{ padding:80px 0 77px; text-align:center }
.blc-intervention .titre 		{ text-transform:uppercase; font: normal 20px/20px ft-l; color:#333333}
.blc-intervention .titre:after	{ content:''; border-bottom:#34c9b3 solid 2px; width:128px; margin:25px auto 23px; display:block}
.blc-intervention p 			{ max-width:674px; margin:0 auto}

/* ATOUT */
.blc-atout 						{ padding:68px 0 58px; background: #34c9b3; background: -moz-linear-gradient(-45deg, #34c9b3 0%, #71d8ba 100%);background: -webkit-linear-gradient(-45deg, #34c9b3 0%,#71d8ba 100%);background: linear-gradient(135deg, #34c9b3 0%,#71d8ba 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c9b3', endColorstr='#71d8ba',GradientType=1 );}
.lst-atout .item				{ float:left; width:25%; }
.lst-atout .item .titre			{ color:#fff; font:normal 16px/16px sspr; text-transform:uppercase;padding-top:5px}
.lst-atout .item .titre	span	{ display:block; font-size:14px; font-family:ft-l}
.lst-atout .picto				{ float:left; margin-right:20px}
.lst-atout .content				{ max-width:245px; margin:0 auto}

/* CONTENT + ASIDE */
#header.page				{ height:407px}
#header.page #slider		{ background:url(../images/banner-page.jpg) no-repeat center; background-size:cover; height:250px}
#header.page #slider div	{ display:none}
#header.page .txt-banner 	{ top:216px}
#header.page  .scroll		{ display:none}
#header.page #slider .slick-dots { display:none !important} 
#header.page .blc-contact		 { display:none}
.titrePage					{ display:block; font:normal 24px/24px ft-l; text-transform:uppercase; margin-bottom:5px}
.blc-titre:after			{ content:''; border-bottom:#34c9b3 solid 2px; width:100px; display:block; margin:30px 0 33px}
.blc-titre .sousTitre 		{ font:normal 24px/24px sspsb; color:#34c9b3; position:relative; margin:0 0 18px}
.pageContent				{ width:100%; min-height:1084px; margin:0 auto; position:relative; padding:0 380px 0 0}
.pageLeft					{ width:100%; max-width:920px; position:relative; margin:0 auto; padding:81px 60px 30px}
.pageLeft p					{ margin:0 0 11px}
.pageLeft ul				{ margin:0 0 17px; padding:0 0 0 60px}
.pageLeft ul li				{ line-height:23px; padding:8px 0 10px 40px; background:url(../images/icone-liste1.svg) 0 7px no-repeat;}
.photoPage					{ width:100%; height:auto; margin:0 auto; padding:22px 0 44px 25px}
.photoPage img				{ width:100%; height:auto; margin:0; padding:0;}
.aside						{ width:320px; height:100%; position:absolute; right:60px; top:0}
.aside .lst-services 		{ padding:80px 0 37px}
.aside .blocSlide			{ width:auto; cursor:pointer;}
.aside .slick-dots 			{ position:static; text-align:center; margin-top:45px}
.aside .slick-dots li 		{ display:inline-block; margin:0 10px}
.aside .slick-dots li button 					{ background-color:#868585}
.aside .slick-dots li button:after				{ border-color:transparent}
.aside .slick-dots li.slick-active button 		{ background-color:#34c9b3}
.aside .slick-dots li.slick-active button:after	{ border-color:#34c9b3}
.aside .blc-contact 							{ height:auto; text-align:left; padding-right:0;}
.aside .blc-contact .tel, .aside .blc-contact .mail	{ min-width:auto;}
.aside .blc-contact .titre						{ padding:37px 40px 42px; max-width:100%; margin-right:0; width:100%;}
.aside .blc-contact .tel,
.aside  .blc-contact .mail 						{ display: block;padding-right: 0; padding-left:70px; height:75px}
.aside .blc-contact .tel em 					{ display:none}
.aside .blc-contact .tel a 						{ margin-top:0; padding:0 30px }
.aside .blc-contact .tel span ,
.aside .blc-contact .mail span					{ position:absolute; left:0; top:0}
.aside .blc-contact .mail a 					{ color: #fff;display: inline-block;font: 18px/18px ft-l;height: auto;margin-top: 19px; padding: 0 30px;   word-break: break-all;}
.aside .blc-contact .tel 						{  margin-bottom: 1px;padding-top:16px}
/* FOOTER */
#footer						{ width:100%; height:auto; position:relative;}
.footer						{ width:100%; position:relative; background:#fff; padding:0; color:#585858; font:normal 16px/28px sspr; padding-right:60px}
.footer1 					{ float:left; background-color:#f5f5f5; padding:71px 60px 49px}
.footer1 > span				{ display:block; font:normal 14px/13px ft-l; text-align:left; padding-left:55px}
.footer2  					{ float:left; padding:30px 0 25px 114px}
.footer2 li 	 			{ padding:8px 0 3px ; border-bottom:#d9d9d9; border-bottom:#d9d9d9 solid 1px; position:relative}
.footer2 li:before			{ content:''; width:25px; height:25px; background-color:#34c9b3; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:absolute; left:-54px; top:10px  }
.footer2 li a	 			{ color:#585858;}
.footer2 li.adresse:before 	{ background:url(../images/icon_adr.svg) no-repeat center #34c9b3 }
.footer2 li.tel:before 		{ background:url(../images/picto-tel2.svg) no-repeat center #34c9b3 }
.footer2 li.mail:before 	{ background:url(../images/picto-mail.svg) no-repeat center #34c9b3 }
.footer2 li em				{ font-style:normal; font-family:ft-l}
.footer3 					{ float:right; padding-top:70px}
.social .open-plan			{ background:url(../images/plan.svg) 50% 50% no-repeat #34c9b3; border-color:#34c9b3}
.toponweb					{ width:84px; height:auto; display:block; z-index:85; float:left; margin-top:9px; margin-left:29px}
.toponweb img				{ width:100%; display:block; margin:0 auto;}
.plan						{ width:100%; position:relative; padding:30px 60px; background:#f5f5f5; text-align:center; overflow:hidden; display:none;}
.plan a						{ padding:0 8px; color:#444;}
.footer .social			{ margin-left:0;}

/* PAGE SERVICES */
.blocPage					{ margin:30px 0 10px 0; padding:30px 0 0 0; border-top:1px dotted #cecece;}
.blocPage>div 				{ border-bottom:1px dotted #cecece; padding:0 0 30px 0; margin:0 0 30px 0;}
.blocPage>div img			{ width:30%; height:auto; float:left; padding:0;}
.blocPage>div>div			{ width:70%; height:auto; float:left; padding:10px 0 0 30px;}
.blocPage>div .sousTitre 	{ margin:0 0 10px 0;}
.blocPage>div p		 		{ margin:0 0 14px 0;}
.blocPage>div .link			{ margin:0 0 5px 0;}

@media (max-width:800px) {
.blocPage>div img			{ width:40%;}
.blocPage>div>div			{ width:60%;}
}
@media (max-width:600px) {
.blocPage>div img			{ display:none;}
.blocPage>div>div			{ width:100%; float:none; padding:0;}
}

/* PAGE CONTACT */
form						{ width:100%; padding:0;}
input						{ width:100%; border:1px solid #cecece; padding:0 20px; margin:0 0 15px 0; line-height:60px; height:60px; outline:none; font:normal 16px/20px sspl;}
textarea					{ width:100%; min-height:160px; border:1px solid #cecece; padding:20px; margin:0 0 7px 0; font:normal 16px/20px sspl; outline:none;}
form .link 					{ width:auto; cursor:pointer; margin:15px 0 30px 0; border:0;}
form .error 				{ border:1px solid #e03c2a;} 
input, textarea				{ -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0;}
.requis 					{ background:url(../images/icone-requis.svg) right 24px no-repeat;}
.requisTxt					{ padding:8px 0 8px 20px; background:url(../images/icone-requis.svg) left 50% no-repeat;}
.formError					{ color:#fff; text-align:center; width:100%; height:60px; line-height:60px; margin: 0 0 15px 0; background:#e03c2a;}
.formSent			 		{ max-width:500px; padding:40px; margin:20px auto; border:2px solid #45b552; text-align:center; background:#e3f4e5;}
.formSent img			 	{ margin:0 0 12px 0;}
.formSent p			 		{ font:normal 18px/26px sspr; color:#45b552; margin:0 0 20px 0;}
.formSent .link		 		{ border:1px solid #45b552; color:#45b552; background:#fff;}
.formSent .link:hover 		{ color:#fff; background:#45b552; border-color:#45b552;}
@media (max-width:500px) {
.formSent			 		{ padding:25px; margin:0 auto;}
}

.blocContact  				{ margin:0 0 50px 0;}
.blocContact>div			{ width:100%; border-bottom:1px dotted #cecece; padding:15px 0 15px 40px; position:relative;}
.blocContact>div a			{ color:#444;}
.blocContact>div span		{ display:block; width:30px; height:30px; background:url(../images/icones-contact.svg) 0 0 no-repeat #34c9b3; border-radius:50%; position:absolute; left:0; top:13px;}
.blocContact .contact1		{ background-position:0 0;}
.blocContact .contact2		{ background-position:0 -30px; cursor:default;}
.blocContact .contact3		{ background-position:0 -60px;}
.blocContact .contact4		{ background-position:0 -90px;}
@media (max-width:1199px) {
	.headerTop 				{ padding: 5px 40px}
	.blc-menu 				{ padding: 34px 40px}
	.social 				{ margin-left: 10px;}
	.blocServices .wrapper  { padding: 0 40px;}
	.blc-bot:after 			{ display:none}
	.blocBienvenue			{ padding:102px 40px 48px}
	.blocBienvenue .content { max-width:50%}
	.blc-link 				{ width:50%}
	.blc-link::after,
	.blc-bot .experience::before 		{ display:none}
	.blc-atout 							{ padding: 68px 40px 58px}
	.footer2 				{ padding: 30px 0 25px 94px;}
	.footer 				{ padding:0 0 20px}
	.footer3 				{ padding-right:40px; padding-top:70px;}
	.footer1				{ padding-left:40px; padding-right:40px;}
	.blc-contact 			{ padding:0 40px 0 0; text-align:left}
	.blc-contact .tel em 	{ display:none}
	.blc-contact .tel a 	{ margin-top:0; display:block}
	.blc-contact .tel,
	.blc-contact .mail 			{ padding-right: 0; padding-left:70px; height:75px; min-width:300px;}
	.blc-contact .tel em 		{ display:none}
	.blc-contact .tel a 		{ margin-top:0; padding:0 30px 5px}
	.blc-contact .tel span ,
	.blc-contact .mail span		{ position:absolute; left:0; top:0}
	.blc-contact .mail a 		{ color: #fff;display: inline-block;font: 18px/18px ft-l;height: auto;margin-top: 19px; padding: 0 30px;   word-break: break-all;}
	.blc-contact .tel 			{  margin-bottom: 1px;padding-top:16px}
	.blc-contact .titre 		{ margin-right: 21px; max-width: 245px; padding-top: 13px;}	
	.footer1 							{ display: table;float: none; padding:46px 40px 45px;width: 100%;}
	.footer1 .logo 						{ float:none}
	.footer3 							{ float:right; padding-top:70px}
}

@media (min-width:1201px) {
	form .link, body a span, body a, span:before, span:after, a:after, a:before,.blocBienvenue .link, .lst-services .blocSlide .content p .link,.lst-services .blocSlide .link, .lst-services .blocSlide .titre, .slick-prev, .slick-next, .slick-dots button, .blocSlide, .blocSlide *, .sub{ -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out;}
	.headerTop .tel:hover				{ background-color:#24b5a0; border-color:#24b5a0; color:#fff;}
	.menu li:hover>a 					{ color:#fff; background-color:#34c9b3}
	.menu .sub a:hover 					{ background:#34c9b3; color:#fff;}
	.link:hover, 						
	.slick-prev:hover, 					
	.slick-next:hover 					{ background-color:#24b5a0; color:#fff}
	.scroll:hover						{ background-color:#24b5a0;}
	.toponweb:hover,
	.blc-contact .tel a:hover,
	.blc-contact .mail a:hover			{ opacity:.5;}	
	.social a:hover						{ border-color:#34c9b3; background-color:#34c9b3}
	.social .facebook:hover 			{ background-image:url(../images/icone-facebook-w.svg)}
	.social .google:hover				{ background-image:url(../images/icone-google-w.svg)}
	.social .lettre:hover				{ background-image:url(../images/icone-lettre-w.svg)}
	.footer2 li a:hover					{ color:#34c9b3}
	.blocBienvenue .link:hover:after	{ background-image:url(../images/icon-arw.svg)}
	.open-plan:hover					{ background-color:#24b5a0 !important}
	.lst-services .blocSlide:hover .link,{ background:#24b5a0}
	.lst-services .blocSlide:hover .titre { color:#24b5a0;}
	.lst-services .blocSlide:hover .content p{ color:#333333;}
	.blocBienvenue .link:hover			{background-color: transparent;}
	.pageLeft p a:hover								{ text-decoration:underline}
}

/* HIDE MOBILE */
.wrapMenuMobile, .menu .vueMobile		{ display:none ;}


/* RESPONSIVE */
@media (max-width:1024px) {
	/* header */
	.wrapMenuMobile						{ width:auto; height:60px; display:block; z-index:80; transition:all 400ms ease-in-out; color:#fff; font:normal 16px/18px sspr;  cursor:pointer; padding:14px 0px; text-transform:uppercase; position:absolute; left:40px; top:0;}
	.menuMobile							{ width:auto; display:block; height:18px; cursor:pointer; position:relative; line-height:20px; padding:0 40px 0 0; text-indent:35px}
	.menuMobile>div						{ width:25px; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}
	.menuMobile>div:before				{ width:100%; height:2px; background:#fff; position:absolute; right:0; top:8px; content:"";}
	.menuMobile>div:after				{ width:100%; height:2px; background:#fff; position:absolute; right:0; top:-8px; content:"";}
	.menuMobile.active>div				{ height:0px;}
	.menuMobile.active>div:before		{ top:0; transform:rotate(45deg);}
	.menuMobile.active>div:after		{ top:0; transform:rotate(-45deg);}
	.menu>ul 							{ width:100%; height:auto; position:absolute; left:0; top:60px; padding:0; background:#fff; display:none; z-index:999; border-top:#fff solid 1px}
	.menu ul li 						{ width:100%; margin:0 auto; display:block; float:none; padding:0;}
	.menu li a							{ height:60px; line-height:60px; border:0; padding:0 40px; margin:0; text-align:left; border-bottom:1px solid #656464}
	.menu>ul>li.active>a 				{ background:#34c9b3; color:#fff; border-color:#34c9b3;}
	.menu i 							{ display:block; width:100%; height:60px; position:absolute; right:0; top:0;}
	.menu i:before 						{ display:block; width:2px; height:22px; position:absolute; right:50px; top:50%; margin-top:-11px; content:""; background:#34c9b3;}
	.menu i:after 						{ display:block; width:22px; height:2px; position:absolute; right:40px; top:50%; margin-top:-1px; content:""; background:#34c9b3;}
	.menu i.active:before				{ display:none;}
	.menu li.active i:before			{ background:#fff;}
	.menu li.active i:after				{ background:#fff;}
	.menu .vueMobile 					{ display:block;}
	.menu .sub 							{ display:none; visibility:visible; width:100%; position:relative; left:auto; top:auto; margin:0; opacity:1; background:#f1f1f1; padding:0;}
	.menu .sub li a						{ color:#444; text-align:left; padding:0 60px;}
	.menu .sub li.active a				{ color:#34c9b3 ; background:#fff;}
	.menu 								{ float: none; height: auto; left: 0;position: absolute; top: -13px;width: 100%;}
	#header 							{ height:auto}
	#slider .banner1					{ background-image:url(../images/banner1-1024.jpg)}
	#slider .banner2					{ background-image:url(../images/banner1-1024.jpg)}
	#slider .banner3					{ background-image:url(../images/banner1-1024.jpg)}
	.headerTop .slogan 					{ display:none}
	#slider 							{ height: 400px}
    .txt-banner .titre                  { font-size: 45px; }
    .txt-banner span                    { font-size: 25px; }
	.blc-contact 						{ height:auto}
	.blc-contact .titre 				{ display: block;margin-right: 0; max-width: 100%; padding-bottom: 15px; padding-top: 13px;}
	.blocServices 						{ padding: 70px 0}
	.blocBienvenue .content 			{ max-width: 100%; float:none;}
	.blocBienvenue 						{ padding:50px 40px 25px; min-height:inherit}
    .blc-bot                            { text-align: center; }
	.blc-bot .experience 				{ font-size:0; float: none; display: block;}
	.blc-bot .experience span			{ display:block !important}
    .blc-bot .blc-link                  { width: 100%; float: none; }
	.blocBienvenue p					{ margin-bottom: 30px;}
	.blocBienvenue .link 				{ margin-top:10px}
	.blc-intervention 					{ padding: 60px 40px 57px;}
	.blc-atout .slick-dots 								{ position:static; text-align:center; margin-top:22px}
	.blc-atout .slick-dots li 							{ display:inline-block; margin:0 10px}
	.blc-atout .slick-dots li button 					{ background-color:#fff}
	.blc-atout .slick-dots li button:after				{ border-color:transparent}
	.blc-atout .slick-dots li.slick-active button 		{ background-color:#257267}
	.blc-atout .slick-dots li.slick-active button:after	{ border-color:#257267}
	.blc-atout 											{ padding: 45px 40px 44px;}
	.social .open-plan, .plan							{ display:none !important}
	.footer2 											{ padding: 30px 40px 25px 76px;}
	.footer2 li::before 								{ left:-34px}
	.toponweb 											{ margin-left:15px}
	/* pages */
	.page .menu .sub					{ top:auto;}
	.aside								{ display:none;}
	.pageContent						{ padding:0; min-height:0;}
	.pageLeft 							{ padding:50px 40px 30px 40px; max-width:880px;}
	#header.page #slider ,
	#header.page .txt-banner			{ display:none}
	#header.page 						{ border-bottom:#34c9b3 solid 1px}
	#header.page 						{ height: auto;}
	.photoPage 							{ padding: 22px 0 44px;}
	.blc-contact .titre 				{ padding:37px 40px 43px; }
	.blc-contact 						{ padding:0}
	.scroll 							{ display:none}
	.txt-banner							{ top:380px; left:40px;}
	.slick-dots							{ right:40px;}
}


@media (max-width:767px) {
	
	.wrapMenuMobile 				{ padding:18px 0 0}
	.headerTop 						{ height: 56px;padding: 5px 40px}
	.headerTop .tel 				{ display:none}
	.social .lettre 				{ display:none}
	.social 						{ margin-left: 0;position: absolute;right: 40px; top: 7px; z-index: 100;}
	.social a 						{ background-color:transparent !important; border-color:#fff }
	.menu > ul 						{ top:69px}
	.blc-menu 						{ padding: 34px 40px;}
	#header .social .facebook 		{ background-image: url("../images/icone-facebook-w.svg") }
	#header .social .google 		{ background-image: url("../images/icone-google-w.svg") }
	.logo 							{ float:none; margin:0 auto; text-align:center}
	
	#slider 						{ height:192px}
	#slider .banner1				{ background-image:url(../images/banner1-700.jpg)}
	#slider .banner2				{ background-image:url(../images/banner1-700.jpg)}
	#slider .banner3				{ background-image:url(../images/banner1-700.jpg)}
	.txt-banner 					{ position:static; background-color:#fff; text-align:center; padding:39px 40px 33px; max-width:100%;}
	.txt-banner .titre 				{ font-size:29px; line-height:24px}
	.txt-banner span 				{ font-size:14px; line-height:24px; margin-top:6px}
	.txt-banner .titre:after		{ display:none}
	
	.blocServices 					{ padding:0;}
	.blocServices .slick-dots 								{ position:static; text-align:center; margin-top:45px}
	.blocServices .slick-dots li 							{ display:inline-block; margin:0 10px}
	.blocServices .slick-dots li button 					{ background-color:#868585}
	.blocServices .slick-dots li button:after				{ border-color:transparent}
	.blocServices .slick-dots li.slick-active button 		{ background-color:#34c9b3}
	.blocServices .slick-dots li.slick-active button:after	{ border-color:#34c9b3}
	.blocServices .wrapper 			{ padding: 50px 60px 53px;}
	.blocBienvenue 					{ background-image:none; background-color:#34c9b3; padding:42px 0 0}
	.blocBienvenue p 				{ display:none}
	.blocBienvenue .titre 			{ font-size:30px; line-height:30px; margin-bottom:12px; padding:0 40px}
	.blocBienvenue .titre span 		{ font-size:16px}
	.blc-bot .experience 			{ float:none; margin:0}
	.blc-bot .experience  span		{ display:block; margin:0 auto; text-align:center}
	.blc-link 						{ width: 100%}
	.blocBienvenue .link 			{ margin-top: 0; width: 100%;}
	.blc-intervention 				{ display:none}
	.footer3 .social 				{ position:static}
	.footer3 .social a				{ border-color:#7f7e7e}
	.footer1 						{ padding:39px 40px 40px}
	.footer2 						{ padding:0 40px 19px; float:none}
	.footer2 li 					{ border-bottom:none}
	.footer2 ul						{ border-bottom:#34c9b3 solid 1px; padding:30px 0 40px 55px}
	.footer2 li::before 			{ left:-54px}
	.footer3 						{ float: none; padding: 0 40px;}
	.toponweb 						{ float: right;}
	.footer1 > span 				{ padding-left: 10px; text-align: center;}
	.footer 						{ padding: 0 0 20px;}
	
	.lst-atout .item .titre 		{ display: inline-block; text-align: left;vertical-align: top;}
	.lst-atout .picto				{ display: inline-block; float: none; margin-right: 20px;}
	.lst-atout .content				{ text-align: center;}
	.blc-contact span a.mob 		{ display: block;font-size: 0;height: 100%;left: 0; position: absolute;}
	.footer .social a						{ margin-left:0; margin-right:6px;}
}

@media (max-width:500px) {
	#slider 						{ height:192px}	
	.wrapMenuMobile					{  left:25px}
	.menu li a						{ padding:0 25px}
	.menu i:before 					{ right:35px}
	.menu i:after 					{ right:25px}
	.menu .sub li a					{ padding:0 45px}
	.headerTop 						{ height: 56px;padding: 5px 25px;}
	.social  						{ right:25px}
	.blc-menu 						{ padding: 34px 25px}
	#slider div						{ display:none }
	#slider 						{ background:url(../images/banner1-320.jpg) no-repeat center top; background-size:cover}
	.txt-banner 					{  padding:39px 25px 33px}
	.blc-contact .titre 			{ padding:37px 25px 43px}
	.blocServices .wrapper 			{ padding: 50px 25px 53px}
	.blocBienvenue .titre 			{  padding:0 25px}
	.blc-atout 						{ padding: 45px 25px 44px}
	.footer1 						{ padding:39px 25px 40px}
	.footer2 ul						{  padding:30px 0 25px 55px}
	.footer2 						{ padding:0 25px 19px}
	.pageLeft 						{ padding: 50px 25px 30px;}
	.photoPage 						{ padding: 22px 0 29px;}
	.pageLeft ul 					{ padding: 0;}
	.footer3 						{ padding: 0 25px;}
	.blc-contact .tel, 
	.blc-contact .mail				{ min-width:auto; max-width:100%;}
	.blocSlide .content				{ max-width:100%;}
}