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;
	font-weight: normal;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke: 1px transparent}
strong 		{ font-weight:normal;font-family:'srb';}
ul			{ list-style-type:none}
body		{ font-size:15px;color:#333333; background:#fff; font-family:'srr',Arial;}
a			{ border:none; text-decoration:none; color: #e65621; outline:none}
p 			{ line-height: 25px;}
img 		{ border: none}

* :focus 	{ outline: none}
*			{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box}
iframe		{ width:100%; margin:25px 0;}

@font-face {
    font-family: 'bebasr';
    src: url('../fonts/bebasneueregular-webfont.eot');
    src: url('../fonts/bebasneueregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneueregular-webfont.woff') format('woff'),
         url('../fonts/bebasneueregular-webfont.ttf') format('truetype'),
         url('../fonts/bebasneueregular-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'bebasb';
    src: url('../fonts/bebasneue_bold-webfont.eot');
    src: url('../fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue_bold-webfont.woff') format('woff'),
         url('../fonts/bebasneue_bold-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'srr';
	src: url('../fonts/source-sanspro-regular.eot');
	src: url('../fonts/source-sanspro-regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/source-sanspro-regular.woff2') format('woff2'),
		url('../fonts/source-sanspro-regular.woff') format('woff'),
		url('../fonts/source-sanspro-regular.ttf') format('truetype'),
		url('../fonts/source-sanspro-regular.svg#SourceSansPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'srb';
	src: url('../fonts/source-sans-pro-bold.eot');
	src: url('../fonts/source-sans-pro-bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/source-sans-pro-bold.woff2') format('woff2'),
		url('../fonts/source-sans-pro-bold.woff') format('woff'),
		url('../fonts/source-sans-pro-bold.ttf') format('truetype'),
		url('../fonts/source-sans-pro-bold.svg#SourceSansPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

/* CLASS */
.clr 						{ zoom: 1; clear: both; float: none; display: block}
.clr:after 					{ content: ""; display: table; clear: both}
.wrapper					{ height:auto; width:100%; padding:0 60px;}
.left						{ float:left; width:50%}
.right						{ float:right;width:50%}
.link-r, .link-b			{ height:40px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; color:#fff; font-size:15px; line-height:15px; padding:12px 29px 0; display:inline-block}
.link-r 					{ background-color:#e65621}
.link-b 					{ background-color:#196dc3}
/* HEADER */
#header 					{ position:relative; }
.header-top 				{ padding:25px 60px; height:110px; background-color:#fff; position:absolute; top:0; left:0; width:100%; z-index:6}
.logo 						{ position: absolute; left: 60px; top: 10px;}
.logo img					{ max-width: 200px;}
.header-right 				{ float:right}
.blc-menu, 					
.blc-rs						{ float:left}
.blc-rs 					{ margin-top:15px}
.blc-rs a					{ text-indent:-150px; overflow:hidden; margin-left:6px; display:block; float:left; width:30px; height:30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-image:url(../images/icon-social.png); background-color:#196dc3 }
.blc-rs a.facebook			{ background-position:0 30px}
.blc-rs a.google			{ background-position:60px 30px}
.blc-rs a.mail				{ background-position:30px 30px}

/* MENU */
.content-mobileMenu 		{ display: none}
.menu 						{ padding-right: 5px }
.menu li 					{ position: relative; display: inline-block; margin-right:15px }
.menu > li > a 				{ color: #333333; display: block; padding: 10px 11px 0; position: relative; text-align: center; font-size:19px; line-height:19px; letter-spacing:.6px; height: 60px; font-family:bebasr}
.menu > li > a:after		{ content:''; border-bottom:#e65621 2px solid; margin:7px 0; display:block; width:0 } 
.menu a.active 				{ color: #e65621}
.menu > li > a.active:after	{ width:100%}
.sub 						{ background-color:#fff;  display: block; left:50%; transform: translateX(-50%); opacity: 0;  position: absolute; top:46px; visibility: hidden; width: max-content; z-index: 10; border:1px solid #cecece; }
.sub li 					{ width: 100%; margin: 0; border: none; padding: 0; text-align: center; float: none; border-bottom: 1px solid #cecece;}
.sub li:last-child			{ border-bottom:none} 
.sub li a 					{ width: auto; position: relative;  color: #333333 !important; padding:13px 5px; height: auto;text-transform:uppercase; font-size:19px; font-family:bebasr; display:block}
.sub a.active 				{ color: #196dc3 !important}
.sub a:after			{ display:none}
.menu li:hover .sub, 
.lst-services-banner > ul > li:hover .sub { opacity: 1;visibility: visible}

.blc-menu 					{ padding-top: 11px}
.menu .service				{ display:none}

.lst-services-banner > ul 		{ background-color:#e65621; height:60px; position:absolute; left:0; width:100%; top:110px; text-align:center; z-index:4}
.lst-services-banner > ul > li		{ display:inline-block; margin-left:-4px; position:relative}
.lst-services-banner > ul > li >  a 	{ color: #fff;display: block; font-family: bebasr;font-size: 19px; height: 60px; letter-spacing: 0.8px; line-height: 19px; padding:22px 19px 20px;text-transform: uppercase;}

.lst-services-banner > ul > li > a.active		{ background-color:#ac1712}
.lst-services-banner > ul > li > .sub{ top:60px}
.tel-mob 								{ display:none} 

/* SLIDER */
#slider							{ position:relative; left:0; top:0; width:100%; padding-top:170px; background: #e65621; height: 850px; }
/*#slider:after					{ content:''; background:url(../images/motif.png) repeat;  width:100%; height:100%; position:absolute; left:0; top:0}	*/
#slider	.slick-slide			{ position:relative}
/*#slider .slick-slide:before 	{ background: rgba(14,52,65,0.25) ; bottom: 0; content: ""; height: 100%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%;z-index: 9}*/
#slider .slick-list				{ width:100%; height:100%}
#slider .slick-track			{ width:100%; height:100%}
/*#slider .banner1				{ background:url(../images/banner1.jpg) left center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover}
#slider .banner2				{ background:url(../images/banner2.jpg) left center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover}
#slider .banner3				{ background:url(../images/banner3.jpg) left center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover}*/
.slick-dots 						{ margin:40px 0 0; position:absolute; right:60px; top:50%;  z-index:4 }
.slick-dots li						{ margin:10px 0; display:block;height: 13px;width: 13px;}
.slick-dots li	button				{ border:none; text-indent:-150px; overflow:hidden; background-color:transparent; width:12px; height:12px; cursor:pointer; border:2px solid #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding:0 }
.slick-dots li.slick-active button	{ background-color:#fff;}
.blc-banner 						{ position:relative; background-color:rgba(255,255,255); padding:40px 60px; text-align: center; border-top-right-radius: 10px; border-top-left-radius: 10px; width: fit-content; display: block; margin: -50px auto 0 auto;}
.blc-banner  .titre					{ font-size:40px; text-transform:uppercase; font-family:bebasr; color:#333333; letter-spacing:0.4px; margin-bottom:12px; display:block}
.blc-banner .link-r					{ margin-right:9px}

/* SERVICES */
.blc-services							{ padding:0 60px 60px}
.lst-services							{ margin-top: 10px}
.lst-services .item						{ float:left}
.lst-services .item .content			{ max-width:315px; margin:0 auto; text-align:center; display:block; color:#333333; cursor:pointer}
.lst-services .item .content .s-titre	{ font-size:24px; text-transform:uppercase; color:#e65621; letter-spacing:0.6px; font-family:bebasr; margin-bottom:17px}
.lst-services p							{ line-height:25px}
.lst-services .link-r					{ margin-top:33px}
.lst-services .picto					{ width:120px; height:120px; background-color:#fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; margin:0 auto 35px}
.lst-services .slick-dots  							{ position:static; display:block; text-align:center; margin-top:60px }
.lst-services .slick-dots li						{ display:inline-block; margin:0 10px}
.lst-services .slick-dots li button 				{ border-color:#e65621}	
.lst-services .slick-dots li.slick-active button	{ background-color:#e65621;}
.slick-prev, .slick-next							{ outline:none; text-indent:-150px; overflow:hidden; border:none; width:30px; height:30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;; background-color:#196dc3; cursor:pointer; background-image:url(../images/arw-slider.png); position:absolute; top:0; bottom:0; margin:auto; z-index:4  }
.slick-prev 										{ background-position:left center; left:0}
.slick-next 										{ background-position:right center; right:0}

/* OPTION */
.blc-region, .blc-slogan, .blc-actu 		{ float:left; width:33.33%; height:259px}
.blc-region 								{  background-color:#e65621;padding:79px 60px 40px;}
.blc-region  .content 						{ color:#fff; width:320px; margin:0 auto; position:relative}
.blc-region .content::after					{ background: url("../images/carte.jpg") no-repeat scroll right center; content: ""; height: 259px;position: absolute;right:0;top: -79px;width: 228px;}
.blc-region  .content .titre				{ font-size:30px; text-transform:uppercase; font-family:bebasr; letter-spacing:0.6px; margin-bottom:13px; position:relative; z-index:2}
.blc-region  .content .titre span			{ display:block; font-size:24px; letter-spacing:1px}
.blc-region  .content p						{ line-height:19px; position:relative; z-index:4; font-size:15px}
.blc-slogan 								{ border-top:#cecece solid 1px; border-bottom:#cecece solid 1px; padding:48px 60px}
.blc-slogan .content						{ text-align:center; max-width:315px; margin:0 auto}
.blc-slogan .titre							{ font-family:bebasb; font-size:28px; color:#e65621; letter-spacing:0.4px; margin-bottom:13px }
.blc-slogan .s-titre						{ font-size:17px; text-transform:uppercase; color:#333333; font-family:bebasr; letter-spacing:0.8px; line-height:21px}
.blc-slogan .content  span 					{ margin-bottom: 12px; display: block;}
.blc-actu 									{ padding:45px 60px 20px 92px; background-color:#196dc3; color:#fff}
.blc-actu .titre							{ font-size:24px; font-family:bebasr; letter-spacing:0.6px; margin-bottom:8px}
.blc-actu .content  span 					{ display: block; margin-bottom: 7px; font-size:18px}
.blc-actu .content 							{ max-width:270px}
.blc-actu .content .link-r					{ background-color:#fff; color:#196dc3; margin-top:14px}

/* MARQUE */
.blc-marque 								{ padding:60px; border-bottom:#cecece solid 1px}
.lst-marque 								{ padding: 10px 50px 0}
.lst-marque .content						{ width:158px; margin:0 auto; display:block}
.lst-marque .content img					{ -webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray;  -webkit-filter: grayscale(1);}

/* PRESENTATION */
.blc-presentation 							{ text-align:center; padding:65px 60px 50px}
.blc-presentation .content					{ max-width:860px; margin:0 auto}
.blc-presentation .titre					{ font-size:28px; font-family:bebasr; text-transform:uppercase; letter-spacing:0.6px; margin-bottom:17px; display:block}
.blc-presentation .link-r 					{ margin-top: 23px}

/* MARQUE2 */
.blc-marque-bot 							{ padding:0 60px 80px}
.lst-marque2 .item .content 				{ width:148px; height:109px; border:#cecece solid 1px; display:block; margin:0 auto}
.lst-marque2 .item .content img				{ display:block; width:100%; height:107px}

/* PAGE INTERNES */
#header.page						{ height:160px; min-height:inherit}
#header.page #slider,				
#header.page .blc-banner			{ display:none}
.pageLeft .titrePage				{ margin-bottom:29px; color: #333333;font-size: 30px;line-height:30px;text-transform: uppercase; font-family:bebasr; letter-spacing:0.4px}
.sousTitre 							{ font-size:20px;margin-bottom: 17px; color:#e65621}
.pageContent						{ position:relative; min-height:920px;padding:54px 380px 73px 60px; border-bottom:#cfcfcf solid 1px; margin-bottom:49px}
.pageContent .pageLeft				{  margin:0 auto ;max-width: 840px}
.pageContent p 						{ margin: 0 0 20px;}
.pageLeft img 						{ height:auto;width: 100%; max-width:720px; display:block;margin:33px auto 25px}
.pageContent .galerie 				{ margin:15px auto 23px}
.pageContent .galerie a            	{ display: block;float: left; padding: 15px; position: relative; width: 33%; }
.pageContent .galerie img			{ width:100%; height:auto; margin:0 auto; display:block; padding:0 }
.pageContent .galerie a span    	{ background:url(../images/picto-zoom.png) no-repeat center rgba(0, 0, 0, 0.5) ;border:5px solid #fff; display: block;height: 100%; left: 0;opacity: 0; position: absolute; top: 0; width: 100%;  display:block; overflow:hidden}
.pageContent ul 					{ margin: 23px 0 17px 30px}
.pageContent .pageLeft ul li 		{ background: url("../images/li-bullet.jpg") no-repeat left 11px;padding:4px 0 17px 20px; position: relative;}
.pageRight 							{ height: 100%;  width:341px; position:absolute; top:0; right:0; z-index:4}
.pageRight .lst-services 			{ margin-top: 0;border-left:1px solid #cccccc; padding:50px 40px 23px}
.pageRight .slick-list 				{ width:256px}
.pageRight .lst-services .slick-dots 	{ margin-top:40px}
.pageRight .lst-services .picto			{ border:#e1e1e1 solid 1px; margin-bottom:25px}
.pageRight .blc-region,
.pageRight .blc-actu					{ float:none; display:block; width:100%; height:auto}
.pageRight .blc-region .content:after{ display:none}
.pageRight .blc-region 					{ background-image:none}
.pageRight .blc-region  				{ padding:35px 40px 15px}
.pageRight .blc-region .content .titre  { font-size:24px}
.pageRight .blc-region .content .titre span { display:inline}
.pageRight .blc-actu 						{ padding: 35px 40px 40px;}
.pageRight .blc-actu .content .link-r 		{ margin-top:0}
.pageRight .blc-actu .content p				{ margin-bottom:13px}
.blc-marque-bot.page						{ padding-bottom:50px}
.pageRight .blc-region .content 			{ width:100%}
.pageRight .lst-services .link-r 			{ margin-top: 3px;}

.lst-categorie img					{width:170px !important;height:auto;float:left;margin-top:0;padding:0 !important;clear:both;margin-bottom:0}
.lst-categorie .item				{margin-bottom:35px}
.lst-categorie .right				{float:none;padding-left:200px; width:100%}
.lst-categorie .sousTitre			{margin-bottom:10px;line-height:20px}
.lst-categorie .link-button 		{ margin-top:0}

.mobileMap	{ display:none;}

/* REALISATION */
.realisations 						{padding-right:40px; min-height:inherit}
.realisations .pageLeft				{max-width:1200px; padding-right:0}
.nav-galerie						{text-align:center; margin-top:30px; margin-bottom:30px}
.nav-galerie a 						{background: #e65621 ; border-radius: 20px;-moz-border-radius: 20px; -webkit-border-radius: 20px;  color: #fff; display: inline-block;font-size: 16px; letter-spacing: 0.5px;padding:9px 15px 0;text-decoration: none ; margin:0 2px 10px 2px; height:40px;  }
.nav-galerie a.active 				{background: #196dc3}
.realisations .galerie 				{margin:15px 0 23px}
.realisations .galerie a            {display: block;float: left; padding: 5px; position: relative; width: 20%}
.realisations .galerie img			{width:100%; height:auto; display:block; padding:0;overflow:hidden; margin-bottom:0 }
.realisations .galerie span			{ opacity:0;width:100%; height:100%; display:block; background:rgba(0,0,0,0.25) url(../images/icone-zoom.png) no-repeat center; position:absolute; left:0; top:0; border:5px solid #fff; }


/* PAGE ACTUALITES */
.blocPage					{ margin:30px 0 10px 0; padding:30px 0 0 0; border-top:1px dotted #cecece;}
.blocPage .clear			{ clear:both;}
.blocPage>div 				{ border-bottom:1px dotted #cecece; padding:0 0 30px 0; margin:0 0 30px 0; display: inline-block;}
.blocPage>div img			{ width:25%; height:auto; float:left; padding:0; margin:0;}
.blocPage>div>div			{ width:75%; height:auto; float:left; padding:0 0 0 30px;}
.blocPage>div .sousTitre 	{ margin:0 0 10px 0;}
.blocPage>div .sousTitre span	{ font-size:14px; color:#8d8d8d;}
.blocPage>div p		 		{ margin:0 0 14px 0;}
.blocPage>div .link			{ margin:0 0 5px 0;}

.actualites .galerie 				{margin:15px 0 23px}
.actualites .galerie a            {display: block;float: left; padding: 5px; position: relative; width: 20%}
.actualites .galerie img			{width:100%; height:auto; display:block; padding:0;overflow:hidden; margin-bottom:0 }
.actualites .galerie span			{ opacity:0;width:100%; height:100%; display:block; background:rgba(0,0,0,0.25) url(../images/icone-zoom.png) no-repeat center; position:absolute; left:0; top:0; border:5px solid #fff; }

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

/* LIVRE D'OR */
.livre 						{ border-bottom:2px solid #196dc3; padding:10px 0 20px 0; margin:0 0 20px 0;}
.livre .name 				{ font-size: 25px;    line-height: 30px;    text-transform: uppercase;    font-family: bebasr;    letter-spacing: 0.4px; margin:0 0 6px 0; color:#196dc3}
.livre p 					{ margin:0;}
.livreLine					{ border-bottom:2px solid #196dc3;margin-bottom:30px; padding-top:10px;}

/* DEVIS - CONTACT */
.formErrorHeaderOk 	{ color:#fff; text-align:center; height:38px; width:100%; margin: 0 0 10px 0; line-height:38px; background:#6ec032; border-radius:2px;}
.formErrorHeader	{ background-color:#e03c2a; color:#fff; text-align:center; height:38px; width:100%; margin: 0 0 10px 0; line-height:38px; border-radius:2px;}
form				{ width:100%; box-sizing:border-box; padding:0;}
input				{ width:100%; background:#fff; border:1px solid #cecece; padding:0 15px; margin:0 0 15px 0; border-radius:3px;  height:50px; outline:none; font:normal 16px/20px bebasr;}
textarea			{ width:100%; max-width:100%; min-height:140px; background:#fff; border:1px solid #cecece; padding:15px; border-radius:3px; margin:0 0 9px 0; font:normal 16px/20px bebasr; outline:none;}
.captcha 			{ margin:0; position:relative;}
.captcha img		{ margin:0; padding:0; width:152px; border:0; position:absolute; right:15px; top:6px;}
.refresh			{ width:45px; height:50px; position:absolute; right:0; top:0; cursor:pointer; background:url(../images/refresh.svg) 50% 50% no-repeat #fff; border:1px solid #cecece; border-bottom-right-radius:3px; border-top-right-radius:3px;}
form .border 		{ border:1px solid #e03c2a;} 
#btnSend 			{ width:auto; cursor:pointer; margin:0 auto 20px auto;}
/*input, textarea		{ -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none;}*/
.inputRadio	{ width:initial; height:initial; margin:0 15px;}

.blocContactForm	{ float:left; width:50%; padding:10px; box-sizing:border-box; margin:0 0 25px 0;}
.blocContactForm strong	{font:normal 20px/20px bebasb; text-transform:uppercase; display:block; margin:0 0 25px 0;}
.blocContactForm span	{ display:block; margin:0 0 15px 0; font:normal 16px/20px bebasr;}

#btnSend.link	{ background:#196dc3; color:#fff;}
#btnSend.link:hover	{ background:#e65621; color:#fff; border-radius:3px;}

.formSent			 		{ max-width:500px; padding:40px; margin:55px auto; border:2px solid #45b552; text-align:center; background:#e3f4e5;}
.formSent img			 	{ margin:0 0 12px 0; max-width:100px; display:initial;}
.formSent p			 		{ font:normal 18px/26px bebasr; color:#45b552; margin:0 0 20px 0;}
.formSent .linkOk		 		{ border:1px solid #45b552; color:#45b552; background:#fff; padding:5px 15px;}
.formSent .linkOk:hover 		{ color:#fff; background:#45b552; border-color:#45b552;}
@media (max-width:500px) {
.formSent			 		{ padding:25px; margin:0 auto;}
}

.contact1	{ background:url(../images/picto-form-tel.png) 0 12px no-repeat; width:100%; padding:22px 0 22px 55px; border-bottom:1px dotted #196dc3; font-size:16px;}
.contact2	{ background:url(../images/picto-form-map.png) 0 12px no-repeat; width:100%; padding:22px 0 22px 55px; border-bottom:1px dotted #196dc3; font-size:16px;}
.contact3	{ background:url(../images/picto-form-mail.png) 0 12px no-repeat; width:100%; padding:22px 0 22px 55px; border-bottom:1px dotted #196dc3; font-size:16px;}
.contact4	{ background:url(../images/picto-form-mobile.png) 0 12px no-repeat; width:100%; padding:22px 0 22px 55px; border-bottom:1px dotted #196dc3; font-size:16px;}



/* FOOTER */
.content-footer 					{ background-color:#e65621 ;padding:45px 60px 35px; color:#fff}
#footer .wrapper					{ max-width:1200px; margin:0 auto}
.footer1							{ float:left; margin-right:40px; font-family:bebasr ;}
.footer1 .homeserve					{ margin-top: 30px; display: block;}
.footer2							{ float:left; padding-top:10px; margin-right:40px;}
.footer3							{ float:right; padding-top:5px}
.footer4 img						{ max-width: 180px; width: auto; height: auto;}    
.footer4 a 						    { opacity: 1; cursor: pointer; transition: opacity 300ms ease-in-out;}

.footer1 .titre					  	{ font-size:28px;  letter-spacing:0.4px}
.footer1 span						{ font-size:14px; letter-spacing:1px}
.footer2 a							{ color:#fff; position:relative; display:block; padding-left:40px }
.footer2 li							{ font-size:15px; margin-bottom:8px; min-height:30px}
.footer2 li a:before				{ content:''; width:30px; height:30px; border-radius:50%; -moz-border-radius:50%; -weborder-radius:50%;; background-color:#be120c; display:block; position:absolute; left:0; top:-5px}
.footer2 li.rue a:before			{ background-image:url(../images/picto-rue.png)} 
.footer2 li.tel a:before			{ background-image:url(../images/picto-tel.png)} 
.footer2 li.mail a:before			{ background-image:url(../images/picto-mail.png)} 
.open-plan 							{ background: #be120c url(../images/plan.png)no-repeat center; cursor: pointer; width: 30px; height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; float:left}
.toponweb							{ float:left; margin-left:20px; margin-top:6px;  background:url(../images/toponweb.png) no-repeat top center; width:76px; height:25px; position:relative}
.plan								{ width:100%; position:relative; padding-top:20px; padding-bottom:20px; background:#fff; text-align:center; overflow:hidden; display:none; border-top:#cecece solid 1px}
.plan a								{ padding:0 4px; color:#444}


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


@media (min-width:1201px) {
	a,.sub,.toponweb,.plan a	, .menu > li > a:after,.link-r, .lst-marque .content img, .lst-marque2 .item .content img, .footer2 a span, .galerie a span , .pageContent .galerie a:after	,.slick-prev, .slick-next, #btnSend.link { -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}
	.logo:hover							{ opacity:0.5}
	.menu li:hover  a					{ color: #e65621}
	.sub li a:hover 					{ color: #196dc3!important}	
	.lst-services-banner > ul > li > a:hover		{ background-color:#ac1712} 
	.blc-rs a:hover						{ background-color:#004184}
	.link-r:hover						{ background-color:#ac1712}
	.link-b:hover						{ background-color:#004184}
	.blc-actu .content .link-r:hover	{ background-color:#004184 ; color:#fff}
	.lst-marque .content img:hover		{ filter:grayscale(0)}
	.lst-marque2 .item .content img:hover{ opacity:0.5}
	.open-plan:hover,
	.toponweb:hover						{ opacity:.5}
	.plan a:hover 						{ color:#e65621}
	.footer2 a:hover span				{ opacity:0.5}
	.galerie a:hover span 						{ opacity:0.5}
	.pageContent .galerie a:hover:after			{ opacity:1}
	.slick-prev:hover, .slick-next:hover		{ background-color:#004184}	
	.lst-services .item:hover .link-r			{ background-color:#ac1712 }
    .footer4 a:hover 						    { opacity: 0.5;}
}


@media (max-width:1260px) { 
	.menu li 								{ margin-right:0}
	.menu > li > a 							{ padding: 10px 9px 0;}
}
@media (max-width:1199px) { 
	.header-top 							{ padding:20px 40px}
	.menu li 								{ margin-right:0}
	.menu > li > a 							{ padding: 10px 9px 0;}
	/*.blc-banner 							{ padding: 32px 40px 40px;}*/
	.blc-services 							{ padding: 0 40px 60px;}
	.lst-services .item .content 			{ padding:0 40px}
	.blc-region  							{ padding: 79px 40px 40px;}
	.blc-actu 								{ padding: 45px 40px 20px 40px;}
	.blc-slogan 							{ padding: 48px 40px ;}
	.blc-marque 							{ padding: 60px 40px;}
	.blc-marque-bot 						{ padding: 0 40px 80px;}
	.content-footer 						{ padding: 45px 40px 35px;}
	.pageContent 							{ padding: 54px 380px 73px 40px}
	
	.pageRight .lst-services .item .content { padding: 0;}
	.pageContent.realisations 				{ padding-right:40px}
	
}
@media (max-width:1060px) { 
	.menu > li > a 							{ padding:10px 5px 0 5px;}
}

@media (min-width:1025px) {
	.menu,
	.menu .sub { display:block !important}
}

@media (max-width:1024px) {
	.wrapper 							{ padding: 0 40px;}
	
	 /* START MENU MOBILE */
	.content-mobileMenu 				{ color: #fff; cursor: pointer; display: block; font-size: 16px; top:100px; left: 0;position: absolute; text-transform: uppercase;width: 100%;height:60pxpx;z-index: 210; background-color:#e65621; padding:0 40px}
	.mobileMenu							{ width:auto; display:block; height: 60px; cursor:pointer; line-height:50px; position:relative}
	.mobileMenu > div 					{ background: #fff none repeat scroll 0 0; font-size: 19px; height: 2px; left: 0; line-height: 2px; position: absolute; margin-top:0;text-indent: 27px;top: 50%; width: 16px; font-family:bebasr; letter-spacing:0.8px}
	.mobileMenu>div:before				{ width:100%; height:2px; background:#fff; position:absolute; right:0; top:6px; content:""}
	.mobileMenu>div:after				{ width:100%; height:2px; background:#fff; position:absolute; right:0; top:-6px; content:""}
	.mobileMenu.active>div				{ height:0px}
	.mobileMenu.active>div:before		{ top:0; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)}
	.mobileMenu.active>div:after		{ top:0; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
    
    .logo 						        { left: 40px;}
    .logo img					        { max-width: 180px;}

    .menu > li > a.active:after			{ display:none}
	.menu 								{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top: 160px ;z-index:1111; margin-top:0; padding:0; display:none; margin-left:0; border-left:none; background:#fff; border-top:#fff solid 1px}
	.menu>li 							{ width:100%; margin:0 auto; display:block; float:left; padding:0; clear:both; border:none;}
	.menu > li > a::after 				{ display:none}
	.menu>li>a                          { height:auto; line-height:normal; border:0; padding:20px 40px 20px; border-bottom: 1px solid #e65621;letter-spacing:1px; text-align:left; color:#333333; margin:0}
	.menu li a span						{ display:none}
	.menu>li>a.active 					{ color: #e65621;}
	.menu > li:last-child				{ border-right:none;}
	.menu i 							{ background: url("../images/icone-sub.png") no-repeat  right -33px;cursor: pointer; display: block; height: 55px; left: inherit; position: absolute;right: 0;top: 3px; width: 100%;}
	.menu i.active						{ background:url(../images/icone-sub.png) right 7px no-repeat}
	.menu .sub                          { display:none; border:0; visibility:visible; width:100%; position:relative; left:auto; top:auto; margin:0; opacity:1; padding-top:0; padding:16px 40px 16px 60px;background: #fff; border-bottom:#f6231c solid 1px}
	.menu .sub li 						{ border-bottom:none}
	.menu .sub li a						{ border:0; background:none; text-align:left; height:auto; padding:10px 15px 10px; line-height:normal;color: #333 !important;}
	.menu .sub a.active 				{ background:transparent; color:#196DC3 !important}
	.menu .service 						{ display:block}
	.menu .vueMobile 					{ display:block;}
/*	#slider .banner1					{ background-image: url(../images/banner1-1024.jpg)}
	#slider .banner2					{ background-image: url(../images/banner2-1024.jpg)}
	#slider .banner3					{ background-image: url(../images/banner3-1024.jpg)}*/
	.tel-mob 							{ color: #fff; display: block; font-family: bebasr; font-size: 19px; letter-spacing: 0.8px; position: absolute;  right: 40px;  top: 120px; z-index: 999; background:url(../images/picto-tel-mob.png) no-repeat left center; padding-left:23px}
	.slick-dots 						{ right:40px}
	/*.blc-banner 						{  padding: 32px 40px 40px;}*/
	.blc-services 						{ padding: 50px 40px}
	.lst-services 						{ margin-top: 0; }
	.lst-services .picto 				{ border:#d0d0d0 solid 1px}
	.lst-services .item .content 		{ padding:0 20px}
	.lst-services-banner > ul > li > a 			{ padding:20px 10px}
	.blc-marque 						{ padding:40px}
	.blc-region, .blc-slogan 			{ width:50%}
	.blc-actu 							{ width:100%}
	.blc-presentation 					{ padding:40px}
	.open-plan, .plan					{ display:none !important}
	
	/*#header 							{ height: 500px; min-height: inherit}*/
	.lst-services-banner > ul 			{ display:none}
	.blc-region  						{ background-image:none;  padding: 79px 40px 40px}
	.content-footer 					{ padding: 45px 40px 35px;}
	.footer3							{ float: none; padding-top: 20px;}
	.toponweb 							{ float:right}
	.pageRight 	 						{ display:none}
	.pageContent 						{ min-height: inherit; padding: 54px 40px 40px}
	.pageContent .pageLeft 				{ max-width: 100%;}
	.pageLeft img						{ max-width: 100%;}	
	.blc-region .content::after 		{ right:0}
	.realisations .galerie a    	{display: block;float: left; padding: 5px; position: relative; width:33.33%}

}

@media (max-width:767px) {
	
	/*#slider .banner1			{ background-image: url(../images/banner1-700.jpg)}
	#slider .banner2			{ background-image: url(../images/banner2-700.jpg)}
	#slider .banner3			{ background-image: url(../images/banner3-700.jpg); background-position:right bottom}*/
	/*#header 					{ height:460px}	*/
	.header-top 				{ padding: 20px 0}
	
	.blc-rs 					{ display:none}
	.logo 						{ position: relative; left: inherit; top: -10px; text-align:center; display:block}
	.blc-banner .link-b 		{ display:none}
	.blc-banner .titre 			{ font-size:30px; line-height:30px; margin-bottom:6px}
	/*.blc-banner 				{ padding:21px 40px 25px; top: auto;bottom: 0;margin: 0; width:100% }	*/
	.blc-services 				{ padding:50px 40px 40px}
	.lst-services 				{ margin-top: 0}
	.lst-services .picto 		{  margin-bottom:25px}
	.lst-services .link-r 		{ margin-top: 25px;}
	.lst-services .slick-dots 	{ margin-top: 39px;}
	.slick-prev, .slick-next 	{ bottom:auto; top:45px}
	.blc-region, 
	.blc-slogan, 
	.blc-actu  					{ height:auto; width:100%; float:none}
	.blc-region  				{ padding:34px 40px 37px}
	.blc-region .content:after	{ display:none}
	.blc-slogan							{ padding: 49px 40px 36px; border:none}
	.blc-actu 							{ padding: 35px 40px 40px;}
	.blc-region .content .titre 		{ font-size:24px}
	.blc-region .content .titre span	{ display:inline}
	.blc-marque, 
	.blc-presentation,
	.blc-marque-bot 					{ display:none}
	.content-footer 					{ padding: 34px 0 17px}
	.footer1 							{ float: none;margin-right: 0;  padding: 0 40px 13px}
    .footer1 .homeserve					{ margin: 30px 0;}

	.footer2 							{ padding: 10px 40px 26px; float: none}
	.footer3 							{ border-top:#fff solid 1px; padding-top:17px}
    .footer4    						{ padding: 0 40px 26px 40px;}    
    .footer4 img						{ max-width: 150px;}    
	.toponweb 							{ float: none; display: block; margin: 0 auto}
	.pageContent 						{ border-bottom:none; margin-bottom:0}
	.blc-region .content 				{ width:100%}
 	.realisations .galerie a		    {width:50% }
	.actualites .galerie a		    {width:50% }

}
@media (max-width:500px) {
	body						{ min-width:320px}
	.header-top 				{ padding: 20px 25px}
	/*#slider 					{ background:url(../images/banner1-320.jpg) no-repeat center; background-size:cover}
	#slider > div 				{ display:none}*/
	.blc-rs 					{ display:none}
	.content-mobileMenu 		{ padding:0 25px}
	.menu > li > a 				{ padding:20px 25px}
	.menu .sub 					{ padding:16px 40px}
	.tel-mob 					{ right:25px}
	/*.blc-banner 				{ padding:21px 25px 25px}*/	
	.blc-services 				{ padding:50px 25px 40px}
	.blc-region .content 		{ padding:0}
	.blc-slogan					{ padding: 49px 25px 36px}
	.blc-actu 					{ padding: 35px 25px 40px}
	.lst-services .item .content { padding:0}
	.footer1 					{  padding: 0 25px 13px}
	.footer2 					{ padding: 10px 25px 26px}
	.footer2 a 					{ font-size:13px}
    .footer4    				{ padding: 0 25px 26px 25px;}    
    .pageContent				{ padding: 45px 25px 23px}	
	.pageContent ul 			{ margin: 23px 0 17px 0}
	
	.pageLeft img 				{ margin:20px auto}
	.pageLeft .titrePage 		{ margin-bottom:18px}
	.blc-region					{ padding-left:25px; padding-right:25px;}
	
	.lst-categorie 							    {text-align:center}
	.lst-categorie .item 						{margin-bottom:30px}
	.lst-categorie img  						{width:100% !important; float:none; margin-bottom:30px;}
	.lst-categorie .right 						{padding-left:0}
	.lst-categorie .link      					{ float:none;}
	.nav-galerie a 								{display:block !important}
	.realisations								{padding-right:25px}
	.realisations .galerie a    				{display:block;float: none; padding: 0;width:100%; margin-bottom:15px }
	.pageContent.realisations 					{ padding-right:25px}
	iframe			{ display:none;}
	.mobileMap	{ display:block; margin:25px; background:#e65621; color:#fff; padding:25px; text-align:center;}
	#captcha 				{ margin:0 auto!important;}
	.blocContactForm		{ float:none; width:100%;}
}

h2.chapo         { font-size: 16px; font-weight: 500; line-height: 24px;}
.call-to-action  { margin: 40px  auto; text-align: center;}
em.small         { font-size: 11px;}

.grid-contrat               { display: grid; grid-template-columns:repeat(4,1fr); align-items: center; position: relative; margin: 40px auto; grid-gap: 40px 40px; align-items: stretch;}
.grid-contrat .item         { background: #ffffff; font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; padding: 20px;}
.grid-contrat .item img     { height: 44px; width: auto; margin-bottom: 20px; display: block;}

.grid-tarif                 { display: grid; grid-template-columns:auto 1fr 1fr; align-items: center; position: relative; margin: 80px auto 20px auto; grid-gap: 20px 20px; align-items: stretch;}

.grid-tarif .item           { background: #f1f1f1; padding: 10px; display: flex; align-items: center; justify-content: center;}
.grid-tarif .item.clean     { background: #ffffff;}
.grid-tarif .item strong    { font-size: 18px; font-weight: 500;}
.grid-tarif .item strong em { font-weight: 400; font-size: 14px; font-style: normal;}
.grid-tarif .item img       { width: 40px; height: auto; margin-right: 20px;}
.grid-tarif .item.entretien { padding-left: 20px; padding-right: 20px;}

@media (max-width:1000px) {
	.grid-tarif .item.entretien img { display: none;}
}

@media (max-width:800px) {
    .grid-tarif                 { width: 100%; overflow-x: auto; padding-bottom: 40px;}
    .grid-tarif .item           { width: 260px;}
}
@media (max-width:700px) {
    .grid-contrat     { grid-template-columns:repeat(2,1fr);}
}

@media (max-width:500px) {
    .grid-contrat     { grid-template-columns:1fr;}
}

/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns:repeat(2,1fr); align-items: center; position: relative; margin: 80px auto; grid-gap: 0 40px;}
.bloc_grid :last-child				{ margin-bottom: 0;}

.bloc_grid .photo                   { position: relative; line-height: 0;}

.bloc_grid .texte					{ position: relative;}
.bloc_grid .photo img			    { max-width: 100%; height: auto; display: block; position: relative; margin: 0;}
.bloc_grid p               			{ margin-bottom: 20px;}
.bloc_grid .texte ul                { margin: 20px 0 0 0;}



@media (max-width:1200px) { 
    .bloc_grid	                    { grid-gap: 0 40px;}
}
@media (max-width:1000px) { 
    .bloc_grid	                        { grid-template-columns: 1fr; grid-gap: 35px;}
    .bloc_grid .texte                   { padding: 0;}
    .bloc_grid .photo img               { height: 55vw; box-shadow:none; width: 100%; object-fit: cover;}
}


/***** timeline *****/
.timeline  {  overflow: hidden;}
.timeline ol {  padding: 50px 0;}
.timeline ol li {  list-style-type: none;  position: relative;  width: 6px;  margin: 0 auto;  padding-top: 50px;  background: #f1f1f1;}
.timeline ol li::after {  content: "";  position: absolute;  left: 50%;  bottom: 0;  transform: translateX(-50%);  width: 30px;  height: 30px;  border-radius: 50%;  background: inherit;  z-index: 1;}
.timeline ol li div {  position: relative;  bottom: 0; width: 400px; padding:0 25px 25px 25px;  background: #e65621; color: #ffffff;}
.timeline ol li div::before {  content: "";  position: absolute;  bottom: 7px;  width: 0;  height: 0;  border-style: solid;}
.timeline ol li:nth-child(odd) div {  left: 45px;}
.timeline ol li:nth-child(odd) div::before {  left: -15px;  border-width: 8px 16px 8px 0;  border-color: transparent #e65621 transparent transparent;}
.timeline ol li:nth-child(even) div {  left: -439px;}
.timeline ol li:nth-child(even) div::before {  right: -15px;  border-width: 8px 0 8px 16px;  border-color: transparent transparent transparent #e65621;}

step {font-size: 25px; font-weight: 600; border-radius: 50%; background: #196dc3; position: relative; display: flex; width: 60px; height: 60px; justify-content: center; align-items: center; top: -25px; border: 5px solid #ffffff;}

.timeline ol li::after {  transition: background 0.5s ease-in-out;}
.timeline ol li.in-view::after {  background: #196dc3;}
.timeline ol li div {  visibility: hidden;  opacity: 0;  transition: all 0.5s ease-in-out;}
.timeline ol li:nth-child(odd) div {  transform: translate3d(200px, 0, 0);}
.timeline ol li:nth-child(even) div {  transform: translate3d(-200px, 0, 0);}
.timeline ol li.in-view div {  transform: none;  visibility: visible;  opacity: 1;}


@media (max-width: 900px) {
  .timeline ol li div                 { width: 250px; }
  .timeline ol li:nth-child(even) div { left: -289px; }
}

@media (max-width: 600px) {
  .timeline ol li                                 { margin-left: 20px; }
  .timeline ol li div                             { width: calc(100vw - 91px); }
  .timeline ol li:nth-child(even) div             { left: 45px; }
  .timeline ol li:nth-child(even) div::before     { left: -15px; border-width: 8px 16px 8px 0; border-color: transparent #f45b69 transparent transparent; }
}


/***** faq *****/
.show_hide                        	{ position: relative; margin: 25px 0;}
.show_hide .item                  	{ margin-bottom: 10px;}
.show_hide .titre                 	{ position: relative; cursor: pointer; padding: 18px 80px 18px 30px; font-size: 18px; background: #e65621; color: #ffffff; overflow: hidden; transition: all 400ms ease-in-out; border-radius: 5px; transition: all 400ms ease-in-out;}
.show_hide .titre:after          	{ width: 30px; height: 30px; background: url(../images/plus.svg) 50% no-repeat; border-radius: 50%; position: absolute; right: 25px; top: 50%; margin-top: -15px; content: "";transition: all 400ms ease-in-out;}
.show_hide .titre.active   			{ color: #fff; }
.show_hide .titre.active:after   	{ transform: rotate(45deg); transition: all 400ms ease-in-out;}
.show_hide .hide                  	{ padding: 30px 30px 20px 30px; display: none;}
.show_hide .hide p 					{ margin-bottom: 15px;}
.show_hide .hide :last-child 	 	{ margin-bottom: 0;}

@media (min-width:1201px) {
    .show_hide .titre:hover 			{ background-color: #ac1712; color: #fff;}
    .show_hide .titre:hover:after       { transform: rotate(45deg); transition: all 400ms ease-in-out;}
}
@media (max-width:700px){
    .show_hide                        	{ margin: 15px 0;}
    .show_hide .titre                 	{ padding: 16px 60px 16px 15px; font-size: 14px; line-height: 22px;}
    .show_hide .titre:after          	{ right: 12px;}
    .show_hide .titre.active:after   	{ filter: invert(1) brightness(200);}
    .show_hide .hide                  	{ padding: 20px 20px 10px 20px;}
}
@media (max-width:400px){
    .show_hide .hide                  	{ padding: 20px 10px 10px 10px;}
}


/***** pop-up *****/
.popup                  { background: #222; color: #fff; border-radius: 10px; padding: 40px 55px 40px 40px; position: fixed; bottom: 40px; right: 40px; width: 400px; overflow: hidden; display: none; font-size: 15px; padding-right: 55px; z-index: 999;}
.popup .titre           { font-family:bebasb; font-size:28px; color:#e65621; letter-spacing:0.4px; margin-bottom:13px }
.popup_close            { position: absolute; right: 0; top: 0; width: 60px; height: 60px; cursor: pointer;}
.popup_close:before 	{ width: 24px; height: 2px; background: #e65621; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: "";}
.popup_close:after 	{ width: 2px; height: 24px; background: #e65621; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: "";}

@media (max-width:1200px) {
    .popup     		{ bottom: 5vw; right: 5vw;}
            }
@media (max-width:600px) {
    .popup    		{ bottom: 0; right: 0; width: 100vw; border-radius: 13px; border-radius: 22px; border-radius: 7.5vw; border-radius: 0;}
            }
            
            
            
            
            
/**** 2024 ****/            

h2.chapo     {font-size: 20px;margin-bottom: 17px;color: #333333;font-weight: normal;}
.pack img    {max-width: 100%; height: auto; margin: 40px auto; width: inherit;}

.pageContent.devis { padding: 60px;}

#funnel { margin: 0 auto; width: 100%; max-width: 1200px; position: relative; display: block;}



/**** BANNER ****/
#header .bloc_grid                 { display: grid; grid-template-columns: 600px 1fr; align-items: stretch; position: relative; grid-gap: 0;  margin: 0;}
#header .bloc_grid .photo          { position: relative; line-height: 0;}
#header .bloc_grid .photo img      { width: 100%; height: 700px; object-fit: cover; display: block; position: relative; z-index: 10;}
#header .bloc_grid .texte          { position: relative; padding: 50px;  color: #ffffff; display: flex; align-items: center;}
#header .bloc_grid .texte .titre   { font-size: 45px; line-height: 50px; font-weight: 600; margin-bottom: 40px; display: block; text-shadow: 1px 1px #000000;} 
#header .bloc_grid .texte .intro   { font-size: 25px; margin-bottom: 50px; display: block;}
#header .bloc_grid .texte a        { background: #ffffff; border-radius: 4px; padding: 20px; font-size: 18px; text-transform: uppercase; font-weight: 600;}

#header .bloc_grid .texte a:hover  { background: #004184; color: #ffffff;}

@media (max-width:1024px) {
    #slider                            { height: 750px; }
    #header .bloc_grid                 { grid-template-columns: 500px 1fr;}
    #header .bloc_grid .photo img      { height: 600px; }
    #header .bloc_grid .texte          { padding: 0 40px 40px 40px;}
    #header .bloc_grid .texte .titre   { font-size: 35px; line-height: 40px; font-weight: 600; margin-bottom: 30px;} 
    #header .bloc_grid .texte .intro   { font-size: 20px; margin-bottom: 40px; }
    #header .bloc_grid .texte a        { padding: 20px; font-size: 18px; font-weight: 600;}
}

@media (max-width:800px) {
    #header .bloc_grid                 { grid-template-columns: 400px 1fr;}
}

@media (max-width:600px) {
    #slider                             { height: inherit; }
    #header .bloc_grid                  { grid-template-columns: 1fr;}
    #header .bloc_grid .texte			{ grid-area: 2;}
    #header .bloc_grid .photo        	{ grid-area: 1;}
    #header .bloc_grid .photo img       { height: 300px; }
    #header .bloc_grid .texte           { padding: 40px;}
    .blc-banner                         { margin-top: 0;}
}

@media (max-width:400px) {
    #header .bloc_grid .texte .titre   { font-size: 30px; line-height: 35px; font-weight: 500; margin-bottom: 20px;}
}

.pageContent.full 	 { padding: 54px 60px 73px 60px;  margin: 0 auto;}
.pageLeft.full		 { max-width: 1200px;}

.bloc-contrat                  			{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px 40px; margin: 40px 0;}
.bloc-contrat.depannage        			{ display: grid; grid-template-columns: 1.5fr 2fr 1.5fr; grid-gap: 40px 40px; margin: 80px auto; max-width: 1600px;}
.bloc-contrat .item            			{ position: relative; text-align: center;}
.bloc-contrat .item .titre     			{ color: #ffffff; font-size: 20px; font-weight: 500; background: #e65621; text-align: center; padding: 10px 0; border-radius: 4px;}
.bloc-contrat .item .titre b   			{ font-size: 22px; font-weight: 600;}
.bloc-contrat .item img        		 	{ max-width: 100%; height: auto; margin: 30px auto; width: inherit;}
.bloc-contrat .item .picto-promo     	{ position: absolute; right: 50px; top: 100px;}
.bloc-contrat .item:nth-child(2) .picto-promo     	{ top: 200px;}
.bloc-contrat .item .picto-promo img 	{ width: 70px; height: auto;}
.bloc-contrat .item .prix      			{ font-size: 30px; font-weight: 600; margin-bottom: 10px;}
.bloc-contrat .item .prix-barre 		{ font-size: 20px; font-weight: 600; margin-bottom: 10px; position: relative;}
.bloc-contrat .item .prix-barre:after   { content: ''; position: absolute; top: calc(50% + 2px); width:100px; height: 2px; background: #e65621; left: 50%; transform: translate(-50%,-50%);}
.bloc-contrat .item em         			{ display: block; margin-bottom: 20px;}
.bloc-contrat .item a.link-r    		{ font-size: 18px; margin: 20px 0 10px 0;}
.bloc-contrat .item a.link      		{ background: #dddddd; border-radius: 20px; padding: 10px; font-size: 15px; color: #333333; display: block; margin-bottom: 5px;}
.bloc-contrat .item a.link:hover 		{ background: #333333; color: #ffffff;}

.bloc-contrat .item .titre-0 { margin-bottom: 40px; margin-top: 40px;}
.bloc-contrat .item .titre-1 { text-transform: uppercase; font-size: 28px; font-weight: 600; color: #e65621; margin-bottom: 5px;}
.bloc-contrat .item .titre-2 { text-transform: uppercase; font-size: 22px; font-weight: 600; margin-bottom: 5px;}
.bloc-contrat .item .titre-3 { font-size: 18px; font-weight: 500; margin-bottom: 5px;}
.bloc-contrat .item .titre-4 { text-transform: uppercase; font-size: 22px; font-weight: 600; color: #e65621;}

.bloc-contrat .item.ombre 		{ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); border-radius: 5px; border: 10px solid #e65621; padding: 0 15px 15px 15px;}

#funnel iframe				{ display:block;}

.bloc-link 					{ margin: 80px auto; width: fit-content;}
.bloc-link a.link-r 		{ font-size: 18px; font-weight: 600;}

.grid-tarif .item.price  	 	 	  { background: #e65621; color: #ffffff; font-size: 18px; font-weight: 500;} 
.grid-tarif .item .prix-barre 		  { font-size: 18px; font-weight: 400; position: relative; margin-right: 10px;}
.grid-tarif .item .prix-barre:after   { content: ''; position: absolute; top: calc(50% + 2px); width:50px; height: 2px; background: #e65621; left: 50%; transform: translate(-50%,-50%);}

.grid-tarif .item.entretien strong { width: -webkit-fill-available;}  


.grid-table 							{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0; margin: 80px auto; max-width: 800px; font-size: 0; line-height: 0; align-items: center;}
.grid-table .table-titre 				{ color: #ffffff; background: #e65621; font-size: 18px; line-height: 18px; font-weight: 600; padding: 20px 0; text-align: center; text-transform: uppercase;} 
.grid-table .table-titre:nth-child(1) 	{ background: #e6562180;} 
.grid-table .table-content 				{ font-size: 16px; line-height: 18px; padding: 20px 0;}	
.grid-table .table-content.center 		{ text-align: center;}	
.grid-table .table-content.center em	{ display: block; margin-top: 5px; font-size: 12px;}	
.grid-table .table-content img 			{ width: 30px; height:auto; margin: 0 auto;} 
.grid-table .table-content.opacity img 	{ opacity: .3;} 

.grid-table .table-span { grid-column: span 3; border-bottom: 1px solid #f1f1f1;}


.info { border-radius: 5px; padding: 50px; color: #ffffff; text-align: center; background: #e65621; margin: 40px auto; font-size: 24px; font-weight: 700; font-family: bebasr; letter-spacing: 0.6px;}
.info p { line-height: 30px;}
.info a.link 		{ background-color: #ffffff; font-family: 'srr', Arial; border-radius: 20px; font-size: 15px; line-height: 15px; padding: 12px 29px; font-weight: 400;}
.info a.link:hover  { background-color: #e65621; color: #ffffff;}

@media (max-width:1000px) {
	.bloc-contrat 	   				{ grid-template-columns: 1fr;}
	.bloc-contrat.depannage 	    { grid-template-columns: 1fr;}
	.bloc-contrat .item.ombre 		{ padding: 20px;}
}
@media (max-width:700px) {
	.pageContent.full 				{ padding: 54px 30px 73px 30px;}	
	.bloc-contrat .item .titre-0  	{ margin-top: 0;}
}

@media (max-width:500px) {
    .pageContent.devis             { padding: 40px 20px;}
}


/***** table plus *****/
.table_plus 						{ position: relative; margin: 90px 0 100px; clear: both;} 
.table_plus .sous_titre             { margin-bottom: 25px;}
.table_plus .item:not(:last-of-type){ border-bottom: none;}
.table_plus .hide 					{ padding: 40px; display: none;}
.table_plus .hide ul 				{ padding-left: 20px;}
.titre_plus 						{ position: relative; letter-spacing: 0.4px; cursor: pointer; padding: 20px 80px 20px 30px; background: #eee; color: #333333; font-size: 18px; font-weight: 400; margin-bottom: 10px; transition: all 400ms ease-in-out;  line-height: 35px;}
.titre_plus:before					{ width: 25px; height: 25px; background: url("../images/plus-black.svg") 50% no-repeat; position: absolute; right: 30px; top: 50%; margin-top: -12px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:before 			{ transform: rotate(135deg); }

@media (max-width:1000px) {
.table_plus                         { margin: 80px 0;}
.table_plus .hide 					{ padding: 40px 0;}
}
@media (max-width:700px) {
.table_plus 						{ margin: 20px 0 50px;} 
.table_plus .sized					{ margin-bottom: 20px;} 
.table_plus .hide 					{ padding: 20px 0;}
.titre_plus 						{ font-size: 14px; line-height: 26px; padding: 16px 55px 16px 30px; }
.titre_plus:before					{ right: 20px;}
}



.footer_bottom                      	{ font-size: 10px; padding: 0 0 0 35px; width: 100%; background: #ffffff; position: relative;}
.footer_bottom li 						{ display: inline-block; line-height: 60px;margin-right: 25px; letter-spacing: 0.8px; color: #333333; position: relative;}
.footer_bottom li a 					{ color: #333333;}
.footer_bottom li:after					{ width: 1px; height: 8px; content: ""; position: absolute; right: -13px; top: 26px; background: #333333;}
.footer_bottom li:last-child:after 		{ display: none;}


@media (max-width:600px) {
.footer_bottom 	 						{ text-align: left; margin-top: 30px; padding: 0 0 20px 35px;}
.footer_bottom li 						{ display: block; margin: 0; line-height: 26px;}
.footer_bottom li:after					{ display: none;}
}