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, 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;}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:#009934;border-radius:.15em;color:#fff;position:absolute;right:1em;top:1.8em;}
#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:#000;box-shadow:rgba(100,100,100,0.2) 6px 2px 10px;z-index:999;overflow-y:auto;overflow-x:hidden;right:-100%;top:65px;display:none;z-index:20000;text-align:left;}
#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;}
/* Mobile */
body {font-family: 'Lato', sans-serif; }
a {display:inline-block;}
sup{
    font-size: .4em;
}
p sup{
    font-size: .7em;
}
.form-error{
    color:red;
    font-weight: bold;
}
.conteneur,.conteneurpetit{width:90%;margin:0 auto;}
.conteneurpetit h1{text-transform:uppercase;}
nav.menuhaut,nav.menuprincipal{display:none;}
h1, p, a { color:#41332f; margin:0 auto;line-height:1.2em;} 
div.bandenoir{background-color:#000;color:#fff;text-align:left;}
div.bandenoir p{color:#fff;vertical-align:middle;padding:.5em 0;}
div.bandenoir a{color:#fff;vertical-align:middle;padding:.5em 0;}
div.bandenoir a.telephone{font-size:1.4em;margin-top: 0;}
header{text-align:center;}
a.logo{margin:2em auto 0 auto;}
main { overflow-x: hidden;} 
.pc{display:none;}
.slider{position:relative;margin-bottom:2em;}
.slider2{display:inline-block;width:100%!important;position:relative;margin-bottom:2em;}
.slider div.txtslider{position:absolute;top: 50%;transform: translateY(-50%);left:0;right:0;margin-left:5%;margin-right:auto;max-width:100%;}
.slider div.txtslider p.vert{color:#009934;text-transform:uppercase;font-size:1.4em;margin:0;}
.slider div.txtslider h2{color:#fff;text-transform:uppercase;font-size:1em;font-weight:700;}
h1{font-weight:700;font-size:1.5em;margin-bottom:.5em}
main p{margin-bottom:1em;}
h2{color:#41332f;font-weight:700;font-size:1.2em;margin-bottom:.5em;line-height:1.1em; margin-top: 1em;}
.right{text-transform:uppercase !important;}
.left{text-transform:uppercase !important;}
.titrenouvelle{font-size:1.7em !important; margin-top:1em;}
.textenouvelle{margin-top:0.6em;}
.vert{color:#009934;}
.upper{text-transform:uppercase; font-size:2em; margin-bottom:1em;}
.upper2{text-transform:uppercase !important; font-size:2em; margin-bottom:1em;}
.uppernouvelle h1{text-transform:uppercase; font-size:2.5em !important; color:#009934 !important;}
h3{color:#41332f;font-weight:600;font-size:1em;text-transform:uppercase;margin-bottom: .5em;}
section.entreprises {margin:2em auto;}
section.entreprises h2{text-align:center;text-transform:uppercase;}
section.entreprises h3{color:#009934;text-transform:uppercase;font-size:1.15em;text-align:center;}
section.entreprises h3 i {font-size:5px;vertical-align:middle;padding-bottom:3px;}
section.entreprises article{margin:1em auto;background-color:#000;text-align:center;padding-bottom:2em;max-width:510px;}
section.entreprises article h2{color:#009934;font-size:1.1em;margin:2em 1em .5em 1em;}
section.entreprises article p{color:#fff;padding:1em 3em;}
a.btnnoir{border:2px solid #009934;border-radius:10px;color:#fff;background-color:transparent;text-transform:uppercase;padding:15px 10px;transition:.5s;margin-bottom:1em;}
a.btnnoir:hover{background-color:#009934;}
a.btnvert, button{border:2px solid #009934;border-radius:10px;color:#fff;background-color:#009934;text-transform:uppercase;padding:15px 10px;transition:.5s;margin-bottom:1em;}
a.btnvert:hover, button:hover{background-color:#000;color:#fff;}
button{padding:10px 25px;}
button:hover{cursor:pointer;}
figure{position:relative;margin:0 auto;max-width:334px;padding-bottom:0em; }
figcaption{position:absolute;top:1em;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;padding:10px 5px;}
figcaption h3{color:#009934;font-family: 'Oswald', sans-serif;}
section.typeconteneur{text-align:center;margin:3em auto;}
section.typeconteneur h2{text-transform:none;}
p.tel{font-weight:bold;text-transform:uppercase;font-size:1.5em;}
a.telephone{color:#009934;font-size:2em;font-weight:normal;margin-top:1em}
div.nouvelles2{padding-top:3em;}
div.nouvelles{margin:2em auto;}
div.nouvelles img{margin-bottom:1em;}
div.nouvelles a{font-weight:bold;text-transform:uppercase;font-size:.9em;}
div.nouvelles a:hover{color:#009934;}
footer{background-color:#000;text-align:center;color:#fff;}
footer p, footer a{color:#fff;}
div.bandeverte{background-color:#009934;padding:1em 0;text-align:center !important;font-weight:bold;width:100%}
div.bandeverte p{color:#41332f;}
body .zsiq_custommain, body .zsiq_floatmain {
    z-index: 400 !important;
}

/*****************************************début css page service ecocentre**************************************/

.ecocentre-section{
    display: flex;
    width: 100%;
    height: auto;
}

#info-eco{
    text-transform: uppercase;
    font-size: 2.5em !important;
    color: #009934 !important;
}

.flex-adresse{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: auto;
}

.adresse-box-one{
width: 40%;
height: auto;
}

.adresse-box-two{
    width: 40%;
    height: auto;
}

.flex-ouverture{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
width: 100%;
height: auto;
}

.box-ouverture-one{
width: 40%;
height: auto;
}

.box-ouverture-two{
width: 40%;
height: auto;
}

.gras{
    font-weight: bold;
}

.flex-acces{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

.acces-box{
    width:87%;
}

.flex-matiere{
    display: flex;
    flex-direction:column ;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

.matiere-box-one{
    width: 87%;
    border: 2px solid #009934;
    border-radius: 5px;
    padding: 1em;
    margin-bottom: 1em;
}

.matiere-box-two{
    width: 87%;
    border: 2px solid #009934;
    border-radius: 5px;
    padding: 1em;
    margin-bottom: 1em;
}

.flex-dimensions{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

.dimensions-box-one{
    width: 87%;
}

.green-style{
color: #009934 !important;
}


.date-txt{
    font-size: 1em;
    font-weight: bold;
}

/************Début page ecocentre-contruction-tester***********/

.info-eco{
    text-align: center;
    color: #009934;
}

.flex-section-visites{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

.box-visites-one{
    border: 2px solid #999;
    width: 28%;
    height: auto;
    text-align: center;

}

.box-visites-one h2{
    background-color: #009934 !important;
    color: white;
    font-size: 1.5em;
    padding: 15px;
}

.box-visites-two{
    border: 2px solid #999;
    margin-left: 20px;
    margin-right: 20px;

    width: 28%;
    height: auto;
    text-align: center;
}

.box-visites-two h2{
    background-color:#009934 !important;
    color: white;
    font-size: 1.5em;
    padding: 15px;
}

.box-visites-tree{
    border: 2px solid #999;
    width: 28%;
    height: auto;
    text-align: center;
}

.box-visites-tree h2{
    background-color: #009934 !important;
    color: white;
    font-size: 1.5em;
    padding: 15px;
}

.flex-section-visites h3{
    color: black;
font-size: 1em;

}

.container-boite-camion{
    
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

.box-visites-four{
    border: 2px solid #999;
    width: 87%;
    text-align: center;
}

.box-visites-four h2{
    background-color: #009934 !important;
    color: white;
    font-size: 2em;
    padding: 15px;
}

.box-visites-four h3{
    font-size: 1.5em;
}

.camion-box{
    width: 100%;
  border-right: 2px solid #999;
 border-top: 2px solid #999;
   padding: 10px;
}

.volume{
    
    background-color: #999;
    width: 100%;
    height: auto;
    margin-top: -12px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.volume h3{
    color: white;
}

.flex-bg-white{
    background-color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

.bg-white{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:center;
    flex-wrap: wrap;
    background-color: white;
    width: 95%;
    height: auto;
    padding-left: 80px;
    padding-right: 80px;
}

.imgoverlap{
    position: absolute;
    right: 0;
    top:30%;
    max-width: 50%;
}
.imgoverlapsmall{
    max-width: 40%;
}
/****************************************fin page service ecocentre*********************************************/

input[name="name"]{
    display: none;
}

.bandeverte{display: flex; flex-direction: row; align-items: center; justify-content: center; width:100%; background-color:#009934;text-align:center;font-weight:bold;}


.formulairecenter{display: flex; flex-direction: row; align-items: center; width:100%; background-color:#009934;padding:1em 0;text-align:center;font-weight:bold;}
.formcenter1{margin-top:1em; font-size:1.3em;}
.formcenter2{flex: 0 0 70%;}
.formcenter3{flex: 0 0 19%; text-align:left !important;}
.formwidth{display:inline-block; min-width:300px; text-align:center;}
.colorsubmit{color: #009934 !important; background-color: #000 !important; font-size:0.86em !important;}

.imagefull{display:none; width:100%; } 
.imagemobile{display:block; width:100%; margin-bottom:2em !important;} 
.imagemobileFull{display:block; width:100%; margin-bottom:3em !important;} 

p.slogan{padding:1em 0 2em 0;font-size:.9em;}
.linkfooter{margin:2em 0;}
.linkfooter a{display:block;}
.linkfooter a:hover{color:#009934;}
div.copy{font-size:.8em;margin:2em auto 0 auto;padding-bottom:2em;}
div.copy span{padding: 0 10px;}
div.copy > a{ margin: 0 0 0 auto;}
div.nouvelles h2{margin-bottom:0; text-transform:uppercase;font-size:2em;}
p.titrenouvelle{font-weight:bold;margin-top:0;}
form{max-width:900px;}
.verifantispam{display:none}
input, textarea{width:100%;margin-top:0.25em;padding:5px;}
select, input[type=file]{margin-top:0.5em;}
textarea{height:5em;}
.g-recaptcha{margin:1em 0;}
input[type=submit]{width:auto;border:none;background:#009934;color:#000;height:auto;padding:0.55em 1.5em;border-radius:0.2em;display:block;text-transform:uppercase;font-size:1.2em;cursor:pointer;}
div.contact article{margin:2em 0;}
div.contact article iframe{width: 100%;height: 300px;}
main a{color:#009934;}
main a:hover{color:#000;}
p.verifantispam, input[name=verifantispam]{display:none}
input, textarea{width:90%;margin-top:0.25em;padding:4px;font-size:1em;}
select{margin-top:0.25em;padding:4px;font-size:1em;}
input[type=checkbox],input[type=radio]{width:18px; height:inherit;margin-right:.25em;}
textarea{height:5em;}
.g-recaptcha{margin:1em 0;}
div.formulaire{padding:1em 0;text-align:left;width:90%;margin:0;max-width:1250px;}
div.formulaire div, div.formulaire p {margin:1em 0;text-align:left;color:#000;}
label{display:block;font-size:1.2em;padding-bottom:3px;}
div.formulaire p.checkbox{margin:2em 0;}
div.formulaire p strong{font-size:1.4em;color:#000;text-align:left;}
p.checkbox label{color:#000;display:inline-block;font-size:1.2em;}
button[type=submit]{width:auto;border:none;background:#009934;color:#000;height:auto;padding:0.55em 1.5em;border-radius:0.2em;display:block;text-transform:uppercase;font-size:1.2em;cursor:pointer;}
.fermer{display:none;}
main ul{list-style: disc;margin:1em 0 2em 2em;}
main ol{list-style: decimal;margin:1em 0 2em 2em;}
main ul li,main ol li{padding-bottom:.5em;}
div.box3{border:2px solid #009934;border-radius: 5px;padding:1em;margin-bottom:1em;}
div.box3 h3{text-transform: none;margin-bottom: .5em;}
div.box33{border:2px solid rgba(0, 0, 0, 0.25);background-color:rgba(149, 193, 33, 0.2);border-radius: 5px;padding:0.3em;padding-top:0.75em;margin-bottom:0em !important;}
em{font-style: italic;}
main p.vert{font-weight: bold;font-size:1.1em;margin-bottom:.5em;color:#009934;}
input[type='date']{max-width: 300px;}
.input-group input {box-sizing: border-box;margin: 0;outline: none;padding: 10px;}
.input-group input[type="button"] {-webkit-appearance: button;cursor: pointer;}
.input-group input::-webkit-outer-spin-button,.input-group input::-webkit-inner-spin-button {-webkit-appearance: none;}
.input-group {clear: both;margin: 15px 0;position: relative;}
.input-group input[type='button']{background-color: #009934;min-width: 30px;width: auto;transition: all 300ms ease;color:#fff;}
.input-group .button-minus,.input-group .button-plus{font-weight: bold;height: 30px;padding: 0;width: 30px;position: relative;font-size:1.1em;border: 1px solid #eeeeee;background-color:#494343 !important;}
.input-group .quantity-field ,.input-group  input[type=text],.input-group  input[type=number]{position: relative;height: 28px;left: -6px;top:-1px;text-align: center;width: 62px;display: inline-block;font-size: 13px;margin: 0 0 5px;resize: vertical;border:1px solid #ccc;}
.button-plus {left: -13px;}
.input-group input[type="number"] {-moz-appearance: textfield;-webkit-appearance: none;}

div.checkbox{border:1px dashed #ccc;background-color:#FFF;padding:10px 0px 0 5px;text-align:left;margin:.5em 0;font-size:.9em;width: 90%;}
input.tricheck:not(:checked),input.tricheck:checked {position: absolute;left: -9999px;}
input.tricheck:not(:checked) + label,input.tricheck:checked + label, a.likecheckbox span {position: relative;padding-left: 1.95em;cursor: pointer;}
input.tricheck:not(:checked) + label:before,input.tricheck:checked + label:before , a.likecheckbox span:before{content: '';position: absolute;left: .1em;top: .15em;width: 1em;height: 1em;border: 1px solid #ccc;background: #fff;border-radius: 4px;}
input.tricheck:not(:checked) + label:after,input.tricheck:checked + label:after {content: '✔';position: absolute;top: .3em;left:.3em;font-size: 1.1em;line-height: 0.8;color: #009934;transition: all .2s;}
input.tricheck:not(:checked) + label:after {opacity: 0;transform: scale(0);}
input.tricheck:checked + label:after{opacity: 1;transform: scale(1);}
input.tricheck:checked:focus + label:before,input.tricheck:not(:checked):focus + label:before {border: 2px dotted #009934;}
label:hover:before, a.likecheckbox span:hover:before{border: 2px solid #009934!important;}
div.blocgauche h3{font-size:1.2em;margin:1em 0 .5em 0;}
article.produit2{border:1px solid #999;text-align: center;margin-bottom:1em;}
article.produit2 div.type{background-color:#000;color:#fff;padding:10px 0;text-transform: uppercase;font-size:1.1em;}
article.produit2 p{width: 75%;margin:1em auto;}
article.produit2 p.longueur{border-bottom: 1px solid #000;padding-bottom:.5em;font-size:1.1em;width: 85%;}
article.produit2 h2{margin:.5em 0 0 0;}
article.produit2 .prix{font-size:2.5em;font-weight:bold;}

article.produit3{border:1px solid #999;text-align: center;margin-bottom:1em; width: 85%!important}
article.produit3 div.type{background-color:#000;color:#fff;padding:10px 0;text-transform: uppercase;font-size:1.1em;}
article.produit3 p{width: 75%;margin:1em auto;}
article.produit3 p.longueur{border-bottom: 1px solid #000;padding-bottom:.5em;font-size:1.1em;width: 85%;}
article.produit3 h2{margin:.5em 0 0 0;}
article.produit3 .prix{font-size:2.5em;font-weight:bold;}
article.produit3.Recyclage div.type, article.produit3.Recyclables div.type{background-color: #009934;}


article.produit{border:1px solid #999;text-align: center;margin-bottom:1em;}
article.produit div.type{background-color:#000;color:#fff;padding:10px 0;text-transform: uppercase;font-size:1.1em;}


article.produit div.couleur4{ padding: 0; display: grid; grid-template-columns: 1fr 1fr;}
article.produit div.couleur4 span:first-child{ background-color: #000; padding: 10px 0px;}
article.produit div.couleur4 span:last-child{ background-color: #009934;padding: 10px 0px;}
article.produit p{width: 75%;margin:1em auto;}
article.produit p.longueur{border-bottom: 1px solid #000;padding-bottom:.5em;font-size:1.1em;width: 85%;}
article.produit h2{margin:.5em 1em 0 1em;}
article.produit.Recyclage div.type, article.produit.Recyclables div.type{background-color: #009934;}
article.produit.Construction div.type{background-color: #A9AAA9;}
article.produit .prix{font-size:2em;font-weight:bold;}
.typeconteneur .boxflex{background-color:#000;margin-bottom:2em;}
.typeconteneur .boxflex figure{padding-top: 3em;}
.videoWrapper{position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mt3{margin-top:3em;}
div.conditionsvente{border:1px solid #ccc;padding:2em;}
div.conditionsvente p{font-size:.9em;}
div.conditionsvente p b{font-size:.9em; font-weight:900 !important;}
div.plusdesc{display:none;}
a.btnPlus{font-size:1.85em;font-weight:bold;margin-top:1.5em;text-transform:uppercase;}
a.btnPlus:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da";padding-left:.5em;}
a.btnPlus.actif:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d7";padding-left:.5em;}
.wrapperflexbox{display: flex; flex-direction: row; justify-content: space-between; width:100%; flex-wrap: wrap;}
.wrapperflexbox2{display: flex; flex-direction: row; justify-content: space-between; width:100%; flex-wrap: wrap;}
.Paypal{max-width:325px; margin-bottom:2em; margin-top:0.5em; margin-left:-0.2em;}

input[type=checkbox]{transform: scale(1.75)!important;}

.left{flex: 0 0 100%; margin-bottom:3em; margin-top:3em;}
.right{flex: 0 0 100%; margin-bottom:5em; margin-top:3em;}

.left2{flex: 0 0 100%; margin-bottom:1em; margin-top:2em;}
.right2{flex: 0 0 100%; margin-bottom:2em; margin-top:1em;}

.left3{flex: 0 0 100%; margin-bottom:1em;}
.right3{flex: 0 0 100%; margin-bottom:2em; margin-top:1em;}

.BolderTxT h4{font-weight: bold !important;}

.conditions{font-size: 0.8em !important;}

.box505 h4{font-size:1.5em; margin-bottom:1em;}

.margin-left-20px{
    margin-left: 20px;
}

.container-flex{
    display: flex;
}

#section1.container-flex{
    align-items: top;
    padding-bottom: 80px;
    flex-direction: column;
    justify-content: center;
}

#section1.container-flex .flex1{
    width: 100%;
}

#section1.container-flex .flex2 img{
    width: 70%;
}

#section1.container-flex .flex2{
    width: 100%;

}

#section1.container-flex h2{
    margin-top: 50px;
}

#section2{
    margin-bottom: 50px;
}

#section2 .container-flex{
    flex-direction: column;
    /* align-items: center; */
}


#section2 .flex1{
    text-align: center;
    width: 100%;
    margin: 25px 0;
}

#section2 .flex2{
    width: 100%;
}

#section2 .flex3{
    text-align: center;
    width: 100%;
    margin: 25px 0;
}

#section2 .text{
    align-items: center;
}

.sociaux-mobile{
    display: inline-block;
    margin: 0 5px;
}



.formcarriere{
	
	display: inline-block;
	width:650px !important;
	
}

.careerbox{
	
	padding-left: 10%;
	display: inline-block;
	padding-bottom:20%;
	
}	


.careerbox p{
	
	font-size: 1.4em;
	
}	

.careerbox a{
	margin-top: -0.75em !important;
	
	width:auto;border:none;background:#009934;color:#000;height:auto;padding:0.55em 1.5em;border-radius:0.2em;display:inline-block;font-size:1.05em;cursor:pointer;
	
}	

#fjobtitle{
	
width: 90%;	
	
}	


#page-location-toilettes .types > div{
    text-align: center;
}


#page-location-toilettes .section-2 h2{
    margin-top: 38px;
    margin-bottom: 31px;
}

#page-location-toilettes .types h3{
    margin: 14px 0;
    text-transform: initial;
}

#page-location-toilettes .types img{
    width: 234px;
}

#page-location-toilettes .section-3 {
    margin-top: 66px;
}

#page-location-toilettes .section-3 .checkbox{
    display: flex;
    flex-direction: column;
    width: 100%;
    border: unset;
}

#page-location-toilettes .section-3 input[type="number"]{
    width: 18px;
    text-align: center;
  -moz-appearance: textfield;  /* Firefox */
}

#page-location-toilettes .section-3 input[type="number"]::-webkit-outer-spin-button,
#page-location-toilettes .section-3 input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#page-location-toilettes .section-3 input[type="checkbox"]{
    margin-right: 8px;
    transform: scale(1.4) !important;
}

#page-location-toilettes .section-3 .input-container{
    display: flex;
    align-items: center;
    margin: unset;
}

.blocgauche .checkbox-group .checkbox:nth-child(3){
    display: none;
}


.produit {
   transform-origin: 50% 60%; 
    transition: transform .6s cubic-bezier(.34,1.56,.64,1), opacity .45s ease-out, box-shadow .2s ease; 
}

.is-hiding { opacity: 0; pointer-events: none; }
.is-hidden { display: none !important; }
:root{
    --swiper-theme-color: #009934 !important;
}
.swiper{
    margin-bottom: 2em;
}
.anim-opacity {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.4s ease-in;
    transition-delay: var(--delay, 0s);
}
.anim-opacity.actif{
    opacity: 1;
    transform: translateY(0);
}
.anim-translate {
  opacity: 0;
  transform: translateX(150px); /* sort de son propre bloc */
  transition: transform 0.3s ease-in, opacity 0.3s ease-in;
  transition-delay: var(--delay, 0s);
}

.anim-translate.actif {
  opacity: 1;
  transform: translateX(0);
}

header a.logo{width:50%;margin: 1em auto;}

/* Option : sur mobile, réduire un peu l’effet pour être plus fluide */
@media (max-width: 768px) {
  .anim-translate {
    transform: translateX(50%);
  }
}
.anim-only-opacity {
    opacity: 0;
    transition: all 0.4s ease-in;
    transition-delay: var(--delay, 0s);

}
.anim-only-opacity.actif{
    opacity: 1;
}


#page-location-toilettes .imgoverlap{
    right: -7%;
    max-width: 35%;
}
.section-1 h1{
    max-width:85%;
    margin-left: 0;
}
.blocvert{
    margin: 3em 0;
    background-color: #009934;
    padding: 2em 0;
}
.blocvert h1, .blocvert h2{
    color:#fff;
    text-transform: none;
}
.blocvert p, .blocvert ul{
    color:#fff;
}
.grid-2columns{
    display: grid;
}

@media only screen and (min-width: 18em) {
.careerbox{padding-left: 0%; padding-top:20%;}
.formcarriere{width:100% !important;}	
.formwidth{display:block; min-width:300px;}	
div.nouvelles h2{font-size:1.3em;}
.upper{font-size:1.2em;}	
.upper2{font-size:1.3em;}	
.date-txt{font-size: 1em;}
}  
@media only screen and (min-width: 25em) {
p.checkbox br{display:none;}
p.checkbox label{margin-right:1em;}
}
@media only screen and (min-width: 31em) {
.slider div.txtslider p.vert{font-size:1.6em;}
.slider div.txtslider h2{font-size:1.2em;}
h2{font-size:1.4em;}
h3{font-size:1.1em;}
figcaption h3{font-size:1em;}

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


.typeconteneur .boxflex{display: flex;justify-content:space-between;flex-wrap:wrap;}
.typeconteneur .boxflex figure{flex:1 0 48%;}
section.typeconteneur a{display:block;width:250px;margin:1em auto;}
div.nouvelles h2{font-size:2em;}
.upper{font-size:2em;}
.upper2{font-size:2em;}		
.formwidth{display:block; min-width:700px;}
}
@media only screen and (min-width: 48em) {


.formcarriere{width:650px !important;}

#section1.container-flex{
    flex-direction: row;
}
    
#section1.container-flex .flex1{
    width: 53%;
    margin-right: 2%;
}

#section1.container-flex .flex2 img{
    width: auto;
}


#section1.container-flex .flex2{
    width: 45%;
    text-align: right;
}

#section2 .container-flex{
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: row;
    align-items: unset;


}

#section2 .flex1{
    width: 23%;
    margin: 0;
}

#section2 .flex2{
    width: 50%;
}

#section2 .flex3{
    width: 23%;
    margin: 0;
}


.imagefull{display:block; margin-top:2em;} 
.imagemobile{display:none;} 

.sociaux-mobile{
    display: none;
}

.left3{flex: 0 0 39%; margin-bottom:3em; margin-top:1em;}
.right3{flex: 0 0 59%; margin-bottom:2em; margin-top:1em;}
.left2{flex: 0 0 49%; margin-bottom:3em; margin-top:4em;}
.right2{flex: 0 0 49%; margin-bottom:2em; margin-top:3em;}
.left{flex: 0 0 49%; margin-bottom:2em; margin-top:2em;}
.right{flex: 0 0 49%; margin-bottom:2em; margin-top:2em;}
.pc{display:block;}
.mobile{display:none;}	
#menu-container {display:none;}
div.bandenoir .conteneur{display:flex;justify-content:space-between;align-items:center;}
div.bandenoir .pc{display:inline-block;vertical-align:middle;}
div.bandenoir a{margin:0 .5em;}
div.bandenoir a.langue{font-size:.9em;}
header{text-align:left;}
header a.logo{width:15%;}
.blocmenu{display:inline-block;vertical-align:top;width:84%;}
nav.menuhaut,nav.menuprincipal{display:block;}
nav.menuhaut{margin-top:1em;}
nav.menuhaut ul {display:flex;justify-content:space-between;width:50%;margin:0 0 0 auto;}
nav.menuhaut ul li{font-size:.9em;}
nav.menuhaut ul li a{color:#41332f;}
nav.menuhaut ul li a:hover,nav.menuhaut ul li a.actif{color:#009934;}
nav.menuprincipal ul {display:flex;justify-content:space-between;align-items:center;margin:1em 0 0 auto;--fill-dur: 400ms;--easing: ease;}
nav.menuprincipal ul.btn{justify-content:flex-end;margin-top:0;}
nav.menuprincipal ul.btn li a{padding:12px 20px;text-transform:none;}
nav.menuprincipal ul.btn li:last-child{margin-left:.5em;}
nav.menuprincipal ul li{text-align:center;}
nav.menuprincipal ul li a{color:#41332f;font-size:.95em;display: flex;align-items: center;}
nav.menuprincipal ul li a.btnvert{color:#fff; white-space: nowrap;}
nav.menuprincipal ul:not(.btn) li{position: relative;padding: 12px 15px;cursor: pointer;border-left: 2px solid #009934;transition: color 0ms var(--easing) var(--fill-dur);}
nav.menuprincipal  ul:not(.btn) li:first-child {border-left: none;}
nav.menuprincipal  ul:not(.btn) li::before {content: "";position: absolute;inset: 0;background-image: linear-gradient(to right, #009934 100%, transparent 0);background-size: 0% 100%;background-repeat: no-repeat;background-position: left; transition: background-size var(--fill-dur) var(--easing);z-index: -1;}
nav.menuprincipal  ul:not(.btn) li:hover,nav.menuprincipal ul li:hover a{color: #fff;}
nav.menuprincipal  ul:not(.btn) li:hover::before {background-size: 100% 100%;}
nav.menuprincipal ul:not(.btn) li:first-child::before {background-image: linear-gradient(to left, #009934 100%, transparent 0);background-position: right;}
.homepage h1{display:inline-block;width:100%;text-align:center;}
.bloxtxt{display:block;width:100%;font-size:1.75em;text-align:center;}
section.entreprises{margin:4em auto;}
section.entreprises article{display:inline-block;width:32%;margin-top:3em;}
figure{display:inline-block;width:33%;margin:.1em 0;}
figcaption{top:.5em;}
div.box50{display:inline-block;width:47%;vertical-align: top;}
div.box505{display:inline-block;width:47%;vertical-align: top;}
div.nouvelles{display:inline-block;width:47%;padding-left:40px;margin-top:0;}



div.nouvelles2{display:inline-block;width:47%;padding-left:0px;margin-top:0;}
div.nouvelles3{display:inline-block;width:47%;padding-right:0px;margin-top:0;text-align: right;}

footer{text-align:left;margin-top:8em;}
footer p{margin:0;}
div.copy{display:flex;justify-content:space-between;margin:1em auto 0 auto;font-size:.7em;}
footer div.boxflex{display:flex;justify-content:space-between;}
footer .conteneur {
    width: 96%;
}
footer div.blocmenu{text-align:right;}
p.slogan{font-size:.8em;}
p.tel a.telephone{font-size:2em;}
div.linkfooter {margin:.5em 0;}
div.linkfooter a{display:inline-block;font-size:.8em;vertical-align:middle;padding:0 .5em;}
div.linkfooter .pc{display:inline-block;padding:0 .2em;vertical-align:middle;}
footer nav.menuhaut{padding-right:.5em;}
footer div.bandeverte p{text-align:center;}
footer nav.menuhaut ul li a{color:#fff;font-size:.8em;}
footer nav.menuprincipal ul {width:92%;}
footer nav.menuprincipal ul li a{color:#fff;font-size:.75em;}
footer nav.menuprincipal ul li a:not(.btnvert):before{color:#000;}
footer nav.menuprincipal ul li a:not(.btnvert):after{color:#000;}
footer nav.menuprincipal ul li a:hover:before{color:#5bb134;}
footer nav.menuprincipal ul li a:hover:after{color:#5bb134;}
footer nav.menuprincipal ul li a.btnvert{font-size:.7em;}
div.contact article{display: inline-block;width: 47%;margin:2em .5em;}
div.contact article p{height: 75px;}
div.formulaire div{display:inline-block;width:49%;}
.boxflex{display: flex;justify-content: space-between;}
.boxflex div{flex:1;margin-right: 1em;}
.boxflex div:last-of-type{margin-right: 0;}
footer nav.menuhaut ul {
    width: 100%;
    text-align: center;
}
footer nav.menuhaut ul li {
    margin: 4px 5px;
}
.nouvellesdetails img{margin-right: 2em;}
div.blocgauche{display: inline-block;width: 25%;}
div.blocdroite{display: inline-block;width: 74%;}
article.produit{margin:1em .5em;}
article.produit2{width:80%; margin-top:1em;}
div.box50 article.produit{width:90%;margin:0 0 0 4em;}
div.box505 article.produit{width:90%;margin:0 0 0 4em;}
.typeconteneur .boxflex figure{flex:1 0 33%;}
.typeconteneur .boxflex:after{content:"";flex:1 0 33%;}
div.slidersecondaire{margin-bottom:-2em;}
div.blocgauchevideo{display: inline-block;width: 30%;}
div.blocvideo{display: inline-block;width: 69%;}
div.blocvideoindex{display: inline-block;width: 100%;}

#page-location-toilettes .section-3 .checkbox{
    flex-direction: row;
}

#page-location-toilettes .section-3 .checkbox > div{
    margin-right: 10px;
}


.grid-container{
    margin-top:2em;
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 30px;
}


.imgoverlap{
    top:0%;
}

.secondaire h1{
    max-width: 75%;
    margin-left: 0;
}
#page-location-toilettes .imgoverlap{
    top:30%;
}
.section-1 h1,.section-1 h2,.section-1 p{
    max-width:75%;
    margin-left: 0;
}

.imgoverlapsmall{
    max-width: 30%;
    top:10%;
}
.blocvert h1{
    text-align: left;
}
.grid-2columns{
    grid-template-columns: 1fr 1fr;
    gap:40px;
}

}

@media only screen and (min-width: 64em) {
.conteneur{width:980px;margin:0 auto;}
footer .conteneur {
    width: 900px;
}
.conteneurpetit{width:900px;margin:0 auto;}
nav.menuhaut ul{width:400px;}
footer nav.menuhaut ul {
    width: 472px;
}
footer .conteneur {
    width: 90%;
}
header nav.menuprincipal{margin-top:2em;}
header nav.menuprincipal ul.btn{margin-top:1em;}
.slider{margin-bottom:2em;}
.slider div.txtslider p.vert{font-size:2.6em;}
.slider div.txtslider h2{font-size:1.4em;}
h1{font-size:2.2em;}
h2{font-size:1.6em;}
h3{font-size:1.6em;}
figcaption h3{font-size:1em;}
figcaption{font-size:.9em;top:.4em;}
p.tel{margin-top:3em;}
.box50 h2{margin-bottom:2em;}
.box505 h2{margin-bottom:1em;}
section.entreprises h3 i {font-size:8px;vertical-align:middle;padding-bottom:3px;}
.formwidth{display:block; min-width:1100px;}

#page-location-toilettes .section-1 div{
    max-width: 992px;
}

#page-location-toilettes .section-1 h2.vert{
    margin-top: 46px;
    font-size: 1.9em;
    max-width: 793px;
}

#page-location-toilettes .section-2 h2{
    margin-top: 47px;
}

#page-location-toilettes .section-2 .toilettes h2{
    margin: 47px 0 78px 0;
}

#page-location-toilettes .section-2 .lavabos h2{
    margin-top: 79px;
}

#page-location-toilettes .types{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#page-location-toilettes .types > div{
    text-align: center;
}

#page-location-toilettes .section-2 h2{
    font-size: 1.8em;
}

#page-location-toilettes .checkbox > div{
    padding-right: 10px;
}

/*------- filtre ****/
.productsGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 14px;
    align-content: start;
    position: relative;
}

    /* Fantômes pour fade-out sans empilement */
    .product-ghost {
      position: absolute;
      left: 0; top: 0;
      pointer-events: none;
      z-index: 1;
      border-radius: calc(var(--radius) - 4px);
      will-change: transform, opacity;
    }
   
    .imgoverlap{
        top:25%;
        max-width: 35%;
    }

    
.imgoverlapsmall{
    max-width: 30%;
    top:20%;
}

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



    #section2 .flex1, #section2 .flex3{
        width: 25%;
    }
    
    #section2 .flex2{
        position: relative;
        width: 47%;
    }
    
    #section2 a.btnvert{
        position: absolute;
        bottom: 0px;
        margin: 0;
    }
    
    #section2 .container-flex{
        justify-content: space-between;
        margin-bottom: 50px;
    }

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

    header nav.menuprincipal{
        margin-top:.5em;
    
    }


    nav.menuprincipal{display:flex;justify-content:flex-end; align-items: baseline;}
    header nav.menuprincipal ul.btn{margin-left:0;}
    .slider{margin-bottom:4em;}
    .slider div.txtslider {margin-left:2%;}
    .slider div.txtslider p.vert{font-size:3.6em;}
    .slider div.txtslider h2{font-size:2em;}
    h1{font-size:2.4em;}
    h2{font-size:2em;}
    h3{font-size:1.8em;}
    section.entreprises div.conteneur{text-align:center;}
    section.entreprises h2{font-size:1.6em;}
    section.entreprises h3{font-size:1.8em;}
    section.entreprises{margin-top:3em;}
    section.entreprises article h2{margin-top:1em;}
    figcaption{font-size:1em;top:.6em;}
    figure{margin-bottom:1em;}
    section.typeconteneur{margin-bottom:5em;}
    p.tel a.telephone{font-size:2.6em;}
    footer nav.menuprincipal{width:900px;margin:1em 0 0 auto;align-items:center;}
    footer nav.menuprincipal ul {width:auto;margin-top:0;}
    footer nav.menuprincipal ul.btn{width:auto;}
    footer nav.menuhaut{margin-top:2.5em;}
    .homepage h1{display:inline-block;width:100%;}
    .bloxtxt{display:block;width:100%;}
    div.contact article{width: 30%;margin:2em 1em;}
    .boxflex div{flex:1;margin-right: 3em;margin-bottom:3em;}
    .boxflex div:last-of-type{margin-right: 0;}
    .typeconteneur .boxflex figure{flex:1 0 20%;}
    .boxflex3{display:0 0 100%;}
    figcaption h3{font-size:1.1em;}
    .careerbox{padding-top:0%;}	

    #page-location-toilettes .slider{
        margin-bottom: 0;
    }

    #page-location-toilettes .types{
        width: 93%;
        margin: auto;
    }
    #page-location-toilettes .types img{
        width: unset;
    }
    
    .imgoverlap{
        top:30%;
        max-width: 50%;
    }

.secondaire h1,.secondaire h2,.secondaire p{
        max-width: 75%;
        margin-left: 0;
}
    #page-location-toilettes .imgoverlap{
        right: -7%;
    }
    
.section-1 h1,.section-1 h2,.section-1 p{
    max-width:100%;
}
.imgoverlapsmall{
    max-width: 40%;
    top:15%;
}

.grid-2columns{
    grid-template-columns: 2fr 3fr;
    gap:40px;
}
}
@media only screen and (min-width: 110em) {
	
.careerbox{padding-left: 10%;}	
.conteneur{width:1650px;margin:0 auto;}
.conteneurpetit{width:1430px;margin:0 auto;}
.slider{margin-bottom:5em;}
figcaption{top:.7em;}
section.entreprises article:nth-child(2){margin-left:3em;margin-right:3em;}
section.typeconteneur{margin-top:7em;margin-bottom:7em;}
h2{font-size:2.4em;}
p.slogan{font-size:.9em;}
div.linkfooter a{font-size:.9em;}
footer nav.menuhaut ul li a{font-size:.9em;}
footer nav.menuprincipal{width:1100px;}
footer nav.menuprincipal ul li a{font-size:.9em;}
footer nav.menuprincipal ul li a.btnvert{font-size:.9em;}
.contact article h2{font-size:2.2em;}

}

@media only screen and (max-width:730px){
 
.matiere-box-one{
    width: 80%;
}

.matiere-box-two{
    width: 80%;
}

    .flex-section-visites{
flex-direction: column;

 }

.box-visites-one{
    width: 87%;
    margin-bottom: 20px;
}

.box-visites-two{
    width: 87%;
    margin-bottom: 20px;
}

.box-visites-tree{
    width: 87%;
    margin-bottom: 20px;
}

.container-boite-camion{
    flex-direction: column;
   
}

.camion-box{
    border: none;
    width: 90%;
    padding-left: 10px;
    padding-right: 10px;
}

.flex-ouverture{
    flex-direction: column;
}

.box-ouverture-one{
   
    width: 87%;
}

.box-ouverture-two{

    width: 87%;
}


}

@media only print{
h1,h2,h3,h4,p,a,li{color:#000 !important;}
nav{display:none;}
}