/***** fonts et reset *****/
@import url('../css2');

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;}
article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display:block;}  
input, textarea						{ -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0;}
*          							{ outline:none;}
strong, b							{ font-weight: 600; font-size: 15px;}
ul									{ list-style-type:none;}
body								{ font: 400 14px/30px "Poppins"; letter-spacing: 0.6px; color: #2d2d2d; background: #fff; position: relative;}
body.active_overflow				{ height: 100vh; overflow:hidden;}
a									{ text-decoration: none; color: #2d2d2d; position:relative;}
img									{ border:none;}
#wrapper 							{ min-width:320px; margin:0 auto; overflow: hidden; position:relative;}
#wrapper *							{ box-sizing:border-box;}

/***** scollbar *****/
::-webkit-scrollbar 				{ width:6px; background-color:#eee;}
::-webkit-scrollbar-thumb			{ background-color:#f49640;}

/***** transition *****/
@media (min-width:1201px) {
.link, .slick-arrow, :before, :after, a, a span, .sub { transition:all 400ms ease-in-out;}
}


/**** class ****/
.wrapper 							{ width:90vw; min-width:1080px; max-width:1200px; margin:0 auto; position:relative; }
.clear								{ clear: both; display:block;}
.titre_main	 						{ font: 500 35px/45px "Poppins"; letter-spacing: 0.5px; position:relative; margin-bottom: 5px; color: #f49640;}
.titre		 						{ font: 400 25px/35px "Poppins"; letter-spacing: 0.5px; position:relative; margin-bottom: 5px; color: #f49640;}
.sous_titre 						{ font: 400 20px/30px "Poppins"; letter-spacing: 0.5px; position:relative; margin-bottom: 15px; color: #f49640;}
.chapo		 						{ font: 400 14px/30px "Poppins"; letter-spacing: 0.5px; color: #222;}
.chapo span	 						{ display: block; margin-top: 15px;}

.titre_main span,					
.titre span,	 						
.sous_titre span					{ color: #f49640;}

.link 								{ font: 500 14px/58px "Poppins"; letter-spacing: 0.6px; height: 60px; border: none; display: inline-block; vertical-align:middle; color:#fff; padding:0 30px; text-transform: uppercase; background-color: #f49640;}

.slogan                             { text-align: center; margin: 75px auto;}
.slogan .titre                      { color: #2d2d2d;}


.lire_plus,
.lire_moins 						{ cursor: pointer; color: #f49640;}
.lire_plus.active					{ opacity: 0; cursor: default;}

p a						        	{ border-bottom: 1px solid #eee;}
.anchor 							{ position: absolute; top: -120px; left:0; }


@media (min-width:1201px) {
.link:hover 						{ background-color: #000; }

p a:hover                           { color: #f49640; border-bottom: 1px solid #f49640;}
}

@media (max-width:1200px) {
.wrapper 							{ min-width:inherit;}
.titre_main	 						{ font-size: 30px; line-height: 40px; }
.titre		 						{ font-size: 22px; line-height: 32px;}
.sous_titre							{ font-size: 18px; line-height: 28px;}
    
.slogan                             { margin: 80px auto;}
}

@media (max-width:1000px) {
.wrapper 							{ max-width: 750px;}
.slogan                             { margin: 70px auto;}
}
@media (max-width:600px) { 
.wrapper 							{ width:85vw;}
.titre_main	 						{ font-size: 20px; line-height: 30px; margin-bottom: 5px;}
.titre		 						{ font-size: 18px; line-height: 30px; margin-bottom: 5px;}
.sous_titre							{ font-size: 18px; line-height: 28px; margin-bottom: 10px;}

.link 								{ font-size: 12px; line-height: 48px; height: 50px; }    
    
.slogan                             { display: none;}
   
strong, b							{ font-size: 13px;}
.chapo,
body								{ font: 12px/28px "Poppins"; }
}


.ul_list							 { margin: -5px 0 30px 0;}
.ul_list li				             { padding: 5px 0 5px 30px; position: relative; background: url("../images/list.svg") 0 14px no-repeat}


.cta_estim                           { text-align: center; margin: 100px auto;}
.cta_estim .titre                    { margin-bottom: 10px;}
.cta_estim .sous_titre               { color:#2d2d2d;}
.cta_estim .sous_titre a             { color:#f49640;}
@media (max-width:1200px) {
.cta_estim                           { margin: 80px auto;}
.cta_estim .titre                    { margin-bottom: 10px;}
}
@media (max-width:1000px) {
.cta_estim                           { margin: 70px auto;}
.cta_estim .titre                    { margin-bottom: 5px;}
}
@media (max-width:600px) {
.cta_estim                           { margin: 50px auto; background-color: #2d2d2d; padding: 35px 5vw;}
.cta_estim .titre,                  
.cta_estim .sous_titre               { color: #fff; font-size: 16px;}
}



/***** table plus *****/
.table_plus 						{ position: relative; margin: 30px 0 100px 0; } 
.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.2px; cursor: pointer; padding: 20px 80px 20px 30px; background: #f4f4f4; color: #2d2d2d; font-size: 14px; font-weight: 400; margin-bottom: 10px; transition: all 400ms ease-in-out; }
.titre_plus:before					{ width: 30px; height: 30px; background: url("../images/plus.svg") 50% no-repeat; position: absolute; right: 30px; top: 50%; margin-top: -15px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:before 			{ transform: rotate(135deg); }

@media (max-width:1000px) {
.table_plus .hide 					{ padding: 40px 0;}
}
@media (max-width:600px) {
.table_plus .sized					{ margin-bottom: 20px;} 
.table_plus .hide 					{ padding: 10px 0 20px;}
.titre_plus 						{ font-size: 14px; line-height: 26px; padding: 12px 55px 12px 7.5vw; }
.titre_plus:before					{ width: 24px; height: 24px; right: 15px; margin-top: -12px;}
}




/***** header et menu *****/
.header 							{ width: 100%; background: #fff; font-size: 0; line-height: 0; text-align: right; position: fixed; left: 0; top: 0; z-index: 100; transition: all 400ms ease-in-out;}
.header .wrapper                    { max-width: 1800px;}
.header .logo                       { width: 260px; position: absolute; left: 0; top: 80px; transform: translateY(-50%); z-index: 90;}
.header .logo img                   { display: block; width: 100%; height: auto;}
.header .tel                        { height: 50px; line-height: 48px; position: absolute; top: 20px; right: 0; z-index: 60; margin: 0; padding: 0 30px 0 58px; background: url("../images/tel_white.svg") 25px 50% no-repeat #f49640;}
.header_nav							{ width:100%; display:block; position:relative; z-index:40;}
.header_nav .menu_top				{ position: relative; padding-top: 20px; padding-right: 215px; transition:margin 400ms ease-in-out;}	
.header_nav .menu_top>*             { display: inline-block; }
.header_nav .menu_top .link         { vertical-align: middle; margin-left: 40px;}
.header_nav .menu_top li			{ position: relative; display: inline-block; padding-left: 30px; }	
.header_nav .menu_top li:after		{ content: ""; position: absolute; top: 18px; left: 15px; width: 1px; height: 10px; background: #2d2d2d;}
.header_nav .menu_top li:first-child:after		{ display: none;}
.header_nav .menu_top li a			{ font-size: 13px; line-height: 48px; font-weight: 500; letter-spacing: 0.5px; color: #2d2d2d; display: block;}
.header_nav .menu_top li.active a	{ color:#f49640;}
.header_nav .menu       			{ display:inline-block;}	
.header_nav .menu .link    			{ margin-left: 40px;}	
.header_nav .menu li				{ display:inline-block; vertical-align:middle; position:relative; margin-left: 30px;}	
.header_nav .menu li a				{ font: 500 14px/98px "Poppins"; color: #2d2d2d; text-transform: uppercase; letter-spacing: 0.6px; height: 100px; display: block; transition-property: color, height, line-height;}
.header_nav .menu>li.active>a		{ color:#f49640;}

@media (max-width:1900px) {
.header .wrapper                    { max-width: 1500px;}
}
@media (min-width:1201px) {
.header_nav .menu .vue_mobile,
.menu_mobile 						{ display: none;}
.header_nav .menu>li:hover>a,
.header_nav li a:hover			    { color: #f49640;} 
.sticky .header_nav .menu>li>a		{ line-height: 90px; height: 90px;}
.sticky .header 					{ top: -70px; box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%)}
.sticky .header .logo               { top: 110px; width: 220px;  }
}
@media (max-width:1200px) {
.menu_mobile						{ width:60px; height:60px; display:inline-block; vertical-align:top; cursor:pointer; position:relative; z-index:60; margin: 15px -15px; transition:height 400ms ease-in-out;}
.menu_mobile div					{ width:30px; height:2px; background:#2d2d2d; position:absolute; right:50%; top:50%; margin:-1px -15px 0 0;}
.menu_mobile div:before				{ width:100%; height:2px; background:#2d2d2d; position:absolute; right:0; top:9px; content:"";}
.menu_mobile div:after				{ width:100%; height:2px; background:#2d2d2d; position:absolute; right:0; top:-9px; content:"";}
.menu_mobile.active div				{ height:0;}
.menu_mobile.active div:before		{ top:0; transform:rotate(45deg);}
.menu_mobile.active div:after		{ top:0; transform:rotate(-45deg);}

.header .logo                       { width: 220px; top: 40px; left: 0;}
.header .tel                        { right: calc(5vw + 30px);}
.header_nav 	  					{ width:100%; height:100vh; background:#fff; position:fixed; right:0; top:-100%; overflow-y:scroll; display:grid; grid-template-rows:auto; align-content:center; grid-gap:0; padding:0 15vw; z-index:50; transition:top 400ms ease-in-out 400ms;}
.header_nav::-webkit-scrollbar		{ display:none;}
.header_nav .menu_top				{ text-align:center; padding:0 0 0 0; grid-row:1; transition:opacity 400ms ease-in-out 0ms; opacity:0;}	
.header_nav .menu_top::after        { display: none; }
.header_nav .menu_top li 			{ display:block; margin:0;padding: 0;}	
.header_nav .menu_top li:after		{ display:none;}
.header_nav .menu_top li a			{ font: 500 15px/50px "Poppins";}	
.header_nav .menu  					{ width:100%; text-align:center; grid-row:2; padding:0 0 0 0; transition:opacity 400ms ease-in-out 0ms; opacity:0;}
.header_nav .menu li 				{ width:100%; display:block; margin:0;}
.header_nav .menu>li>a				{ font: 500 15px/50px "Poppins"; text-transform:none; letter-spacing:0.4px; height:auto; background-position:100% 50%;}
.header_nav .menu>li.active>a		{ color:#f49640;}
.header_nav .menu li i.active:after	{ opacity:1;}
.header_nav.active					{ top:0;}
.header_nav.active .tel_mobile		{ opacity:1; transition-delay:1200ms;}
.header_nav.active .link		    { opacity:1; transition-delay:1200ms;}
.header_nav.active .menu_top		{ opacity:1; transition-delay:1000ms;}
.header_nav.active .menu			{ opacity:1; transition-delay:800ms;}
.sticky .header                     { box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%)}
}
@media (max-width:1000px) {
.header .wrapper                    { max-width: 750px;}
}
@media (max-width:600px) {
.menu_mobile						{ margin: 10px -15px;}

.header                             { height: 80px; padding: 0;}
.header .logo                       { top: 40px; width: 140px;}
.header .tel                        { height: 50px; width: 50px; line-height: 0; font-size: 0; padding: 0; background-position: 50%; top: 15px; right:calc(7.5vw + 30px);}
.header_nav                         { padding: 0 7.5vw; align-content: baseline;}
.header_nav .menu_top               { padding-top: 180px;}
.header_nav .menu_top,
.header_nav .menu                   { text-align: center; }
.header_nav .menu_top a.tel:last-child { position: fixed;top: 0;right: 70px; }
    
.sticky .header_nav.active          { border-top-width: 80px;}
}





/* Footer */
.footer								{ width:100%; position:relative; color: #fff; padding-top: 100px; font-size: 0; background: #2d2d2d; z-index: 1;}
.footer:after     					{ content: ""; background: url("../images/fav.svg") 50% no-repeat; position: absolute; left: 0; bottom: 0; display: inline-block; width: 659px; height: 300px; z-index: -1;}
.footer .bloc_footer 				{ display: inline-block; vertical-align: top; margin-right: 100px;}
.footer .bloc_footer p				{ margin-top: 15px; font-size: 13px; line-height: 26px;}
.footer .bloc_footer p a			{ color: #fff; border: none;}
.footer .bloc_footer .sous_titre    { color: #f49640;}

.footer .bloc_footer .tel,			
.footer .bloc_footer .mail     		{ padding-left: 35px; color: #fff;}
.footer .bloc_footer .tel           { background: url("../images/tel_orange.svg") 0 52% no-repeat;}
.footer .bloc_footer .mail          { background: url("../images/mail.svg") 0 52% no-repeat;}	

.footer ul.bloc_footer         	    { margin-top: 40px;}
.footer ul.bloc_footer li a		    { color:#fff; font-size: 13px; line-height: 38px; background: url("../images/list.svg") 0 51% no-repeat; padding-left: 20px; display:inline-block;}

.footer	.rs							{ position: absolute; right:0; top:-10px;}
.footer	.rs a						{ width:50px; height:50px; display:inline-block; vertical-align:middle; margin-left:10px;}
.footer	.rs .scroll					{ background:url("../images/scrolltop.svg") 50% 48% no-repeat #f49640;}
.footer	.rs .facebook				{ background:url("../images/facebook.svg") 50% 48% no-repeat #f49640;}

.footer_bottom   					{ padding: 16px 0; line-height:0; margin-top:100px; color: #fff; }
.footer_bottom li 					{ display:inline-block; margin-right:25px; position:relative;font: 400 11px/28px "Poppins"; letter-spacing: 0.5px;}
.footer_bottom li:after				{ width:1px; height:8px; content:""; position:absolute; right:-13px; top:10px; background:#fff;}
.footer_bottom li:last-child:after 	{ display:none;}
.footer_bottom li a					{ color:#fff;}

.toponweb							{ display:block; position:absolute; right:0; bottom:-65px; transition: bottom 400ms ease-in-out;z-index:25; border-bottom: 0px solid transparent;}
.toponweb span						{ width:auto; display:block; padding:18px; background:linear-gradient(to left, #fff 0%, #fff 50%, #eee 50%, #eee 100%); background-size:200% 100%; background-position:100% 0; }
.toponweb img						{ width:74px; height:auto; display:block; margin:0 auto;}
.toponweb a							{ border-bottom: 0px solid transparent;}
.toponweb.show						{ bottom:0;}

@media (min-width:1201px) {
.footer .bloc_footer p a:hover,
.footer .bloc_footer li a:hover,
.footer_bottom li a:hover			{ color: #f49640;}
.footer	.rs .scroll:hover 			{ background-image: url("../images/scrolltop.svg"); background-color: #f49640;}
.toponweb:hover span				{ background-position:0 0;}
}

@media (max-width:1200px) {
.footer								{ padding-top: 90px; }
.footer .bloc_footer 				{ margin-right: 60px;}
.footer .bloc_footer.last			{ display: none;}
.footer .bloc_footer:last-child 	{ margin-right: 0; }
.toponweb							{ position: absolute;}
}
@media (max-width:1000px) {    
.footer_bottom   					{ padding-top: 60px;}
}
@media (max-width:600px) {
.footer								{ padding-top: 50px;}
.footer:after     					{ display: none;}
.footer	.rs							{ position:relative; left: 0; top:0; margin-top:30px; text-align: left;}
.footer	.rs .facebook				{ margin: 0;}
.footer .bloc_footer 				{ margin-right: 0px;}
.footer_bottom 	 					{ text-align:left; margin-top:0; padding:40px 0 20px 0;}
.footer_bottom li 					{ display:block; margin-right:0; line-height:30px;}
.footer_bottom li:after				{ display:none;}
}

.orange {color: #f49640; font-weight: 700; display: inline !important; margin: 0;};