html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;}article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after, q:before, q:after {content:'';content: none;}table{border-collapse:collapse;border-spacing:0;}img{max-width:100%;}a{text-decoration:none;}

#menu-wrapper{overflow:hidden;max-width:100%;cursor:pointer;}

#menu-wrapper #hamburger-menu{width:36px;height:38px;margin:0;background:#be8f1c;border-radius:.15em;color:#fff;position:absolute;right:1em;top:1em;}

#menu-wrapper #hamburger-menu span{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);left:5px;display:block;width:25px;height:2px;border-radius:10px;background-color:#fff;position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;}

#menu-wrapper #hamburger-menu span:nth-child(1){top:9px;}

#menu-wrapper #hamburger-menu span:nth-child(2){top:18px;}

#menu-wrapper #hamburger-menu span:nth-child(3){top:27px;}

#menu-wrapper #hamburger-menu.open span:nth-child(1){top:18px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}

#menu-wrapper #hamburger-menu.open span:nth-child(2){opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);left:-60px;}

#menu-wrapper #hamburger-menu.open span:nth-child(3){top:18px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}

#menu-container .menu-list{padding-right:0;display:block;position:absolute;width:100%;max-width:350px;background:#292828;box-shadow:rgba(100,100,100,0.2) 6px 2px 10px;z-index:999;overflow-y:auto;overflow-x:hidden;right:-100%;top:55px;display:none;z-index:20000;}

#menu-container .menu-list li.accordion-toggle span,#menu-container .menu-list .menu-login,#menu-container .menu-list li.noparent{font-size:16px;padding:20px;text-transform:uppercase;border-top:1px solid #dbdcd2;}

#menu-container .menu-list > li span{display:block;padding:20px;}

#menu-container .menu-list li:first-of-type{border-top:0;}

.accordion-toggle,.accordion-content{cursor:pointer;font-size:16px;position:relative;letter-spacing:1px;}

a.menu-link{color:#fff;}

.accordion-content{display:none;}

.accordion-toggle span a:before,.accordion-toggle span a:after{content:'';display:block;position:absolute;top:30px;right:30px;width:15px;height:2px;margin-top:-1px;background-color:#5a5858;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .3s;transition:all .3s ease-out;}

.accordion-toggle span a:before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:1;z-index:2;}

.accordion-toggle.active-tab{background:#c1c1c2;transition:all .3s ease;}

.accordion-toggle a.active:before{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);background:#fff!important;}

.accordion-toggle a.active:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);background:#fff!important;opacity:0;}

#menu-container .menu-list .menu-submenu{padding-top:10px;padding-bottom:10px;background:#626464;}

ul.menu-submenu a{color:#fff;padding:10px 0 10px 25px;text-transform:uppercase;}

ul.menu-submenu a:hover{color:#4b9a98;text-decoration:none;}
.inlinea {margin: 0.1em auto !important; color: #be8f1c !important;}

/* Mobile */

body {font-family: 'Ubuntu', sans-serif;}

a {display:inline-block;}

header a.logo{width:75%;margin:.5em 0;}

.conteneur{width:90%;margin:0 auto;}

nav.menuprincipal,.pc{display:none;}

header div.infodroite{text-align:center;}

header div.infodroite a{font-size:.9em;font-weight:bold;margin:0 1em;}

div.slider {position:relative;}

div.slider h1{position:absolute;top: 50%;transform: translateY(-50%);left:5%;right:0;margin-left:0;margin-right:auto;max-width:80%;font-size:1.6em;color:#be8f1c;text-transform:uppercase;background-color: rgba(0,0,0,.5);padding:15px;}

div.slider h1 span{color:#fff;text-transform:none;display:block;font-size:.85em;}

h2, p, a { color:#292828; text-align:left; margin:0;line-height:1.1em;} 

.box25{margin-top:3em;}

div.description{background-color:#292828;padding:3em 0;}

main p{margin:1em auto;}

.fas{font-size:.8em;vertical-align:middle;padding-left:.3em;}

a.btnorange,button[type=submit]{background-color:#be8f1c;color:#fff;padding:.5em 1em;border:2px solid #be8f1c;transition:.5s;font-family: 'Ubuntu', sans-serif;font-size:1em;cursor:pointer;}

a.btnorange:hover,button[type=submit]:hover{background-color:#292828;color:#fff;}

h1,h2, h3{ font-size:1.4em;color:#be8f1c;text-transform:uppercase;}

h4{margin:1em 0;font-weight: bold;}

h4 span{font-weight: normal}

main { margin-top:1em;} 

a:hover {color:#be8f1c;}

div.description p{color:#fff;}

div.description a{color:#fff;margin:.5em 0;}

div.description a.tel{display:block;}

div.entrepreneur{display:flex;flex-direction:column;}

div.entrepreneur div.blocxtxt{margin:0 auto;background-color:#cacaca;padding:2em 2em 1em 2em;}

h2.noir{color:#292828;font-size:1.3em;line-height:1.2em;}

.services{margin-top:2em;}

.services article div{width:90%;margin:1em auto;}

.services article h2{color:#292828;font-size:1.3em;line-height:1.2em;}

h3{color:#000;display: flex;width: 100%;justify-content: center;align-items: center;text-align: center;}

h3:before,h3:after{content: '';border-top: 1px solid #be8f1c;margin: 0 20px 0 0;flex: 1 0 40px;}

h3:after{margin: 0 0 0 20px;}

.produits{margin:4em 0;}

.produits p{text-align:center;}

.produits article{text-align:center;background-color:#f1f1f1;padding:1em .5em;margin-bottom:1em;}

.produits article h2{color:#292828;font-size:1.2em;margin-top:.5em;}

.produits article p{margin:.5em 0 1em 0;font-size:.95em;}

p.copy{font-size:.75em;margin:2em 0 0 0;color:#fff;padding-bottom:2em;}

p.copy a{color:#fff;}

p.copy a:hover{color:#be8f1c;}

footer{background-color:#292828;}

footer .adresse p{color:#fff;font-size:.9em;margin:1em 0;}

footer .adresse p a{color:#fff;}

footer .adresse p a:hover{color:#be8f1c;}

footer a.telephone{color:#fff;margin-top:1em;display:block;}

footer a.telephone:hover{color:#be8f1c;}

nav.menuprincipalfooter{display:none;}

.tab{display:none;}

.blocsoumission{text-align: center;padding:4em 0;}

.blocsoumission p{text-align: center;}

strong{font-weight: 700;}

.bloc2gris{margin: 2em 0;}

.bloc2gris article{background-color:#efeeee;padding:1em 1.5em; margin-bottom:1em;}

.bloc2gris article h2{color:#292828;font-size:1.3em;line-height:1.2em;margin-top:1em;}

.mtb4{margin:4em 0;}



table.resistance{border:1px solid #fff;text-align: center;}

table.resistance th{font-weight: bold;color:#000;padding:10px;background-color: #cccccc;}

table.resistance td{color:#fff;border:1px solid #fff;padding:10px;}

main ul{list-style: disc;margin-left:1em;}

main ul li{margin-bottom: 1em;}

.contact iframe{width: 100%;min-height: 250px;}

.contact div.blocxtxt{margin:0 !important;}

  p.verifantispam, input[name=verifantispam]{display:none}

form #hpname{display:none;}
form{margin-bottom:2em;}

form p{margin: 1em 0 0 0;}

				input, textarea{width:100%;margin-top:0.25em;height:1.5em;padding:3px;}

select{height: 2em;margin-top:0.25em;}

select option{padding:3px;}

				input[type=checkbox],input[type=radio]{width:18px; height:inherit;}

				textarea{height:5em;}

				.g-recaptcha{margin:1em 0;}

				
.produits article h2 { text-align: center;}

#politique {background-color: #cacaca;}
#politique p {color: #292828;}
#lien-politique { color: white; font-size: 0.75em; margin-bottom: 28px;
}
#lien-politique:hover { color: #be8f1c;}
@media only screen and (min-width: 25em) {

h3:before,h3:after{margin: 0 10px 0 0;flex: 1 0 25%;}


}

@media only screen and (min-width: 31em) {

h3:before,h3:after{margin: 0 10px 0 0;flex: 1 0 25%;}

.produits article .boxflex{display:flex;}

.produits article .boxflex div{text-align:left;padding:0 .5em;}

.produits article .boxflex div:first-child{flex:1 0 200px;}

.produits article .boxflex div h2{margin-top:0;}

.produits article .boxflex div p{text-align:left;}

.produits article a.btnorange{margin-top:1em;}

div.slider h1{font-size:2.5em;}

header div.infodroite{text-align:left;}

.produits article h2 { text-align: left;}

}

@media only screen and (min-width: 48em) {

#menu-container {display:none;}

header a.logo{display:inline-block;width:24%;}

.blocmenu{display:inline-block;width:75%;}

header div.infodroite{text-align:right;margin:1em 0;}

header div.infodroite a:last-child{margin-right:0;}

nav.menuprincipal{display:block;margin-top:4em;margin-left:-35%;margin-right:-5%;}

nav.menuprincipal ul{display:flex;justify-content:space-between;}

nav.menuprincipal ul li {position:relative;}

nav.menuprincipal ul li a{text-transform:uppercase;font-size:.8em;padding-top:.6em;}

nav.menuprincipal ul li a.btnorange{padding-top:.5em;}

nav.menuprincipal ul li a:hover{color:#be8f1c;}

nav.menuprincipal ul li ul{display:none;}

nav.menuprincipal ul li:hover ul{position:absolute;display:block;background-color:#292828;padding:.5em;z-index:1000;border-top:10px solid #fff;}

nav.menuprincipal ul li ul li {text-align:center;}

nav.menuprincipal ul li ul li a{color:#fff;text-align:center;padding:.5em 0;}

nav.menuprincipal ul li ul li a:hover{color:#be8f1c;}

.produits .flexbox {display:flex;flex-wrap:wrap;justify-content:space-between;}

.produits .flexbox article{flex:1 0 40%;margin:.5em .5em;}

.produits article .boxflex div:first-child{flex:1 0 45%;margin-right:0em;}

.produits article {position:relative;padding-bottom:4em;}

.produits article a.btnorange{position:absolute;bottom:1em;left:0;right:0;margin-left:auto;margin-right:auto;width:150px;text-align:center;}

div.slider h1{font-size:4em;}

div.slider h1 span{font-size:.7em;}

h1,h2, h3{ font-size:1.6em;}

.box75{display:inline-block;width:72%;margin-right:1em;}

.box25{display:inline-block;width:25%;margin:0 0 0 auto;text-align:center;}

.box25 a{text-align:center;}

div.entrepreneur{display:flex;flex-direction:row;}

div.entrepreneur div{flex:1 0 48%;}

div.entrepreneur div.blocxtxt{padding:2em 1em;margin:0;flex:1 0 45.5%;}

.all{display:none;}

.tab{display:block;}

.services{display:flex;}

.services article{flex:1;}

.services:not(.pnoheight) article p{height:240px;}

footer div.boxflex{display:flex;justify-content:space-between;padding-top:1em;}

footer div.footercontact{margin-top:1em;}

footer div.footercontact a.telephone{text-align:center;}

.bloc2gris{display: flex;margin-bottom: 0}

.bloc2gris article{margin-bottom: 0;flex:1;margin-right: 1em;}

	.bloc2gris article:nth-child(2){margin-right: 0;}

	.box50{display: inline-block;width: 48%;}

	.box50 input,.box50 select,.box50 textarea{width: 90%;}

	.soumission-checklist input[type=checkbox]{
		width: auto;
	}
	

}

@media only screen and (min-width: 64em) {

.all, .pc{display:block;}

.tab,.mobile{display:none;}

.conteneur{width:980px;margin:0 auto;}

nav.menuprincipal{margin-top:0em;margin-left:2%;margin-right:0;}

div.slider h1{font-size:4.5em;background-color:transparent;padding:0;width: 50%}

div.slider h1 span{font-size:.6em;}

h1,h2, h3{ font-size:1.75em;}

.box25{text-align:center;}

div.entrepreneur div.blocxtxt{padding:1.5em 1em 0 .75em;margin:0;flex:1 0 46%;}

.services:not(.pnoheight) article p{height:180px;}

.produits p{width:50%;margin:2em auto;}

.produits .flexbox {display:flex;flex-wrap:wrap;justify-content:space-between;}

.produits .flexbox article{flex:1 0 40%;margin:.5em 0;}

.produits .flexbox article:nth-child(1),.produits .flexbox article:nth-child(3){margin-right:1em;}

.produits .flexbox article p{width:100%;}

.produits article .boxflex div:first-child{flex:1 0 45%;margin-right:0em;}

footer div.adresse{flex:2;margin-left:2em;}

p.copy{margin:7em 0 0 0;padding-bottom:7em;}

}

@media only screen and (min-width:80em) {

div.slider h2{left:13%;}

}

@media only screen and (min-width: 96em) {

#menu-container {display:none;}

.conteneur{width:1400px;margin:0 auto;}

div.slider h1{/*font-size:6em;*/left:5%;}

div.slider h1 span{font-size:.7em;}

nav.menuprincipal ul li a{font-size:1em;}

nav.menuprincipal ul li ul li a{font-size:.9em;}

.box75{width:81%;}

.box75 p{width:85%;margin-left:0;}

.box25{width:17%;}

div.entrepreneur div.blocxtxt{padding:7em 6em 0 2em;margin:0;flex:1 0 40.5%;}

	div.paddingpetit div.blocxtxt{padding-top:5em;}

	

	div.nopadding div.blocxtxt{padding-top:2em;}

.services article div{width:75%;}

.services:not(.pnoheight) article p{height:150px;}

.produits p{width:40%;}

.produits .flexbox article{flex:1 0 20%;margin:.5em 0;}

.produits .flexbox article:nth-child(1),.produits .flexbox article:nth-child(2),.produits .flexbox article:nth-child(3){margin-right:1em;}

nav.menuprincipalfooter{display:block;flex:4;margin-right:2em;margin-top:1.5em;text-align:center;}

nav.menuprincipalfooter ul{display:flex;justify-content:space-between;}

nav.menuprincipalfooter ul li a{color:#fff;font-size:.7em;text-transform:uppercase;}

nav.menuprincipalfooter ul li a:hover{color:#be8f1c;}

nav.menuprincipalfooter ul li ul{display:block;text-align:center;}

nav.menuprincipalfooter ul li ul li a{font-size:.65em;padding:.2em 0;text-align:center;}

nav.menuprincipalfooter ul li ul li a:hover{color:#be8f1c;}

footer div.adresse{flex:1;margin-left:2em;font-size:.9em;}

	.contact iframe{min-height: 350px;}

}

@media only screen and (min-width: 103em) {

div.slider h1{left:7%;}

}

@media only screen and (min-width: 110em) {

#menu-container {display:none;}

div.slider h1{left:2%;}

nav.menuprincipal ul{width:75%;margin:1.5em 0 0 auto;}

nav.menuprincipal ul li ul{width:100%;margin: 0 auto;}

.conteneur{width:1700px;margin:0 auto;}

.box75{width:84%;}

.box75 p{width:80%;margin-left:0;}

.box25{width:14%;}

div.entrepreneur div.blocxtxt{padding:9em 6em 0 2em;margin:0;}

div.paddingpetit div.blocxtxt{padding-top:7em;}

	div.contact div.blocxtxt{padding-top:3em;}

	div.nopadding div.blocxtxt{padding-top:1em;}

.services:not(.pnoheight) article p{height:160px;}

h1,h2, h3{ font-size:2em;}

.services article h2, h2.noir{font-size:1.4em;}

.produits .flexbox article:nth-child(1),.produits .flexbox article:nth-child(2),.produits .flexbox article:nth-child(3){margin-right:2.5em;}

nav.menuprincipalfooter ul{width:80%;}

nav.menuprincipalfooter ul li ul{width:80%;margin:0 auto;}

main p{font-size:1.1em;line-height:1.3em;}

	main ul{font-size: 1.1em;}

	h4{font-size:1.1em;line-height:1.3em;}

}

@media only screen and (min-width: 115em) {

div.slider h1{left:6%;}



}



@media only print{

h1,h2,h3,h4,p,a,li{color:#000 !important;}

nav{display:none;}

} 





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

/* Force table to not be like tables anymore */

table,thead,tbody,th,td,tr{display: block;}

/* Hide table headers (but not display: none;, for accessibility) */

thead tr{position: absolute;top: -9999px;left: -9999px;}

tr{border: 1px solid #ccc;}

	td.noshow{position: absolute;top: -9999px;left: -9999px;}

td{/* Behave  like a "row" */border: none; position: relative;padding-left: 50% !important; white-space: normal;text-align:left; padding-top:3px;padding-bottom:3px;}

td:before{/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */top: 10px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold;}

table td a{width:65px;}

/*Label the data*/

td:before { content: attr(data-title);vertical-align: middle;text-align: center;}

}