@charset "utf-8";
/*******RESET CSS********/
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, li,
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: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}

ul {list-style: none;}
#contenuDroit ul {list-style:initial;padding:0 0 3% 5%;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

table {border-collapse: collapse;border-spacing: 0;}

b, strong{font-weight:bold;}

h1{font-size:2em;}

h2{font-size:1.5em;}

h3{font-size:1.17em;}

BODY{width:100%; height:100%; margin:0 auto 0 auto; text-align:center; font-size:10px; font-family: 'Roboto', sans-serif; color:#231f20;}

HTML{width:100%; height:100%;}

TABLE{margin:0 auto;}

IMG{border:0px;}

SMALL {font-size:0.4em;}
I {font-style:italic;}
STRONG {font-weight:bold;}

fieldset{font-size: 1.4em; text-align: left;}

#site, #site2{position:relative; width:100%; height:auto; padding:0px; margin: 0 auto 0 auto;}

.inner{width:1080px;margin:0 auto;position:relative;}

#filet, #bandeau, nav, .imageBandeau, #home, .home1, .home2, #zoneFooter{position:relative;width:100%;display:inline-block;}

#filet{height:15px;background-color:#62ba5f;}

#bandeau{padding:2% 0;}
#bandeau .logo{text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
  align-content: normal;
  align-items: end;}
#bandeau .logo img{width:auto;height:auto;}
#bandeau .coordTop1{position:absolute;top:15%;left:0;text-align:left;color:#1f226d;font-size:1.5em;line-height:1.3em;font-weight:bold;}
#bandeau .coordTop2{position:absolute;top:15%;right:0;text-align:right;color:#1f226d;font-size:1.5em;line-height:1.3em;font-weight:bold;}

#ecovadis-logo-mobile{width:120px; aspect-ratio:1/1; margin-left:20px;}
#ecovadis-logo-mobile img{width:100%; height:100%; object-fit:contain;}

#ecovadis-mobile{position:fixed; bottom:10px;right:10px; width:130px; aspect-ratio:1/1;}
#ecovadis-mobile img{width:100%; height:100%;}
#ecovadis-message{color:#FFF; font-size:2em !important; display:flex !important; align-items: center;padding: 0 80px 20px 80px;text-align: left;}
#ecovadis-message img{width:100px; height:100px; margin-left:10px;}


.logoScroll{display:none;float:left;margin-left:10px; height:100%;text-align: center;
  justify-content: center;
  align-content: normal;
  align-items: center;}
.logoScroll img#logo-scroll{height: 80px;width:auto;}

#ecovadis-logoscroll-mobile{width:80px; aspect-ratio:1/1; margin-left:20px;}
#ecovadis-logoscroll-mobile img{width:100%; height:100%; object-fit:contain;}

.scrolled .inner{float:right;width:75%;}

nav.scrolled>.inner>ul>li:first-child{margin-left:0 !important;}
nav.scrolled>.inner>ul>li:last-child{width:30% !important;}
nav.scrolled>.inner>ul>li:nth-child(2){margin:0 2% !important;}
nav.scrolled>.inner>ul>li:last-child{padding:28px 0 !important;}

nav{display:inline-block;width:100%;height:90px;background:#1f226d;}
nav>.inner>ul{width:100%;display:inline-block;height:75px;}
nav>.inner>ul>li{display:inline-block;height:90px;padding:20px 0px;vertical-align:top;}

nav>.inner>ul>li:first-child{width:40%;margin-left:0%;}
nav>.inner>ul>li:not(:first-child){width:25%;}
nav>.inner>ul>li:not(:last-child) span{height:100%;vertical-align:middle;display:block;padding-top:20px;font-size:1.6em;}
nav>.inner>ul li>span{text-decoration:none;color:white;text-transform: uppercase;}
nav>.inner>ul li:last-child>span{padding-left:30px;}
nav>.inner>ul>li:hover, nav>.inner>ul>li.over{background:#00809b;}
nav>.inner>ul>li:nth-child(2){margin:0 4.5%;}

nav i{color:white;}

nav>.inner>ul>li:last-child{text-align:left;background:#62ba5f;/*padding:25px 30px;*/}
nav>.inner>ul>li:last-child i{padding-right:15px;}
nav>.inner>ul>li:last-child .txtEcoute{display:inline-block;text-transform:uppercase;padding-left:18px;border-left:1px solid white;color:white;font-size:1.5em;line-height:1.5em;vertical-align:top;}

nav>.inner>ul>li>ul{display:none;}
nav>.inner>ul>li:not(:last-child):hover ul{display:block;z-index:9999;position:relative;width:100%;background:#00809b;padding:20px 0 1px 5%;}
nav>.inner>ul>li:last-child>ul{z-index:9999;position:relative;width:100%;background:#62ba5f;margin-top:25px;text-align:center;}
nav>.inner>ul>li:last-child .chosen-container{margin:15px auto;display:block;}
nav>.inner>ul>li>ul>li{z-index:999;text-align:left;margin-bottom:10px;}
nav>.inner>ul>li>ul>li>a{text-decoration:none;text-transform:uppercase;color:white;font-size:1.4em;line-height:1.4em;}

.chosen-single .chosen-default span{color:black;}
nav>.inner>ul>li:last-child ul{padding-bottom:10px;}
nav>.inner>ul>li:last-child input[type=submit]{border-radius:5px;padding:5px 10px;color:white;background:#62ba5f;font-size:1.4em;display:block;margin:auto;text-align:center;}
nav>.inner>ul>li:last-child input[type=submit]:hover{background:#00809b;}

.scrolled .inner ul li span, .scrolled .inner .txtEcoute{font-size:13px !important;}
.scrolled .inner .ecouteExpert i{font-size:3em !important;}
.scrolled nav>.inner>ul>li:first-child{margin-left:0 !important;}
.ecouteExpert span i, .ecouteExpert span .txtEcoute{cursor:pointer;}

.slide{position:relative;width:100%;height:auto;}
#slider-next, #slider-prev{position:absolute;top:41%;color:white;font-size:3em;padding:10px;z-index:999;}
#slider-next i, #slider-prev i{color:white;}
#slider-next{right:5%;}
#slider-prev{left:5%;}

#home h2, #contenu h1,#contenu .contactBloc h2, #contenu .reactif{color:#1f226d;text-align:center;text-transform: uppercase;font-size:3em;margin-bottom:1%;}
#contenu .contactBloc h2{text-align:left;}
#home h2 span, #contenu .reactif span{color:#00809b;text-align:center;text-transform: uppercase;}
#home .arrow, #contenu .arrow{position:relative;display:inline-block;width:20%;border-bottom: 3px solid #00809b;}
#home .arrow:after, #contenu .arrow:after{top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#home .arrow:after, #contenu .arrow:after{border-color: rgba(0, 128, 155, 0);border-top-color: #00809b;border-width: 15px;margin-left: -15px;}

#home .inner>div:not(.arrow){display:inline-block;font-size:13px;vertical-align: top;}

.descRub{line-height:1.4em;}

.home1{padding:2% 0;}
.home1 h3, .descRubInt h1{display:block;font-size:2.5em;color:#1f226d;font-weight:bold;margin-bottom:3%;line-height:1;text-align:left !important;text-transform: initial !important;}
.introRub.noDoc .descRubInt h1{text-align: center !important;}
.home1 .descRub .descriptifRub, .descRubInt .descriptifRub{display: block;margin-bottom:2%;font-size:1.4em;font-weight:bold;color:#00809b;}

.descRubInt .descriptifRub a{color:#00809b !important;}

.home1 .descRub ul, .contRub .introRub .descRubInt ul, .chapoArt ul{padding-left:50px;list-style: initial;}

.descRub p, .descRub ul, .descRubInt p, .descRubInt ul{line-height:1.4em;}

.home1 .ssRub1, .home1 .ssRub5{width:100%;background:#e4f4fc;margin:3% auto;padding:3% 5%;}
.home1 .ssRub1 .cont_logo span, .home1 .ssRub5 .cont_logo span{border:solid 4px white;}

.home1 .ssRub1 .cont_logo, .home1 .ssRub5 .cont_logo{width: 27%;vertical-align:middle;padding-right:4%;text-align:right;}
.home1 .ssRub1 .descRub, .home1 .ssRub5 .descRub{display:inline-block;width:50%;border-right:4px solid white;text-align:justify;vertical-align:middle;padding:1% 5% 1% 0;}
.home1 .ssRub1 .bloc_more, .home1 .ssRub5 .bloc_more{display:inline-block;width:20%;text-align:center;vertical-align:middle;}

.home1 .ssRub2, .home1 .ssRub3, .home1 .ssRub4{width:31%;text-align:left;}
.home1 .ssRub2, .home1 .ssRub3{padding-right:3%;}
.home1 .ssRub3, .home1 .ssRub4{padding-left:3%;}
.home1 .ssRub3{border-left:1px solid #9a9a9a;border-right:1px solid #9a9a9a;}
.home1 .ssRub2 .cont_logo span, .home1 .ssRub3 .cont_logo span, .home1 .ssRub4 .cont_logo span{border:solid 4px #cae9fa;margin-bottom:5%;}
.home1 .ssRub2 .descRub, .home1 .ssRub3 .descRub, .home1 .ssRub4 .descRub{margin-bottom:5%;display:block;text-align: justify;}
.home1 .ssRub2 .bloc_more, .home1 .ssRub3 .bloc_more, .home1 .ssRub4 .bloc_more{width:25%;padding-top:4%;border-top:3px solid #cae9fa;}

.cont_logo, .logoIntroRub{display:inline-block; text-align:center; border-radius:80px; margin:0 10px; vertical-align:middle;}
.cont_logo span, .logoIntroRub span{display:flex;width:130px; height:130px; margin:auto 0; border-radius:65px; vertical-align:middle;/*float:right;*/}
.cont_logo span img, .logoIntroRub span img, .logoIntroRub span i{margin:auto;}

.home1 i{color:#00809b;}

.home2{background:#62ba5f;position: relative;margin-top:2%;}
#home .home2{padding:2% 0 150px;}
#contenu .home2{padding:2% 0 105px;}
.home2 .inner h3{text-transform:uppercase;color:white;font-size:3.5em;margin-bottom:2%;}
.home2 .artDem1, .home2 .artDem2, .home2 .artDem3,.home2 .artDem4, .home2 .artDem5{position: absolute;color:white;}
.home2 .titreDem{font-size:1.7em;font-weight:bold;margin-bottom:10px;display:block;}
.home2 .ssTitreDem{text-transform:uppercase;}

#home .home2 .artDem1{top:47%;left:25%;width:50%;}
#home .home2 .artDem2{bottom:-15%;left:0;width:20%;}
#home .home2 .artDem3{bottom:-21%;left:26.5%;width:20%;}
#home .home2 .artDem4{bottom:-21%;left:54%;width:20%;}
#home .home2 .artDem5{bottom:-16%;left:82%;width:20%;}

#contenu .home2 .artDem1{top:49%;left:26%;width:50%;}
#contenu .home2 .artDem2{bottom:-13%;left:0;width:20%;}
#contenu .home2 .artDem3{bottom:-18%;left:26%;width:20%;}
#contenu .home2 .artDem4{bottom:-18%;left:54%;width:20%;}
#contenu .home2 .artDem5{bottom:-13%;left:83%;width:20%;}

#contenu .home2.result .artDem1{top:47%;left:25%;width:50%;}
#contenu .home2.result .artDem2{bottom:-13%;left:0%;width:20%;}
#contenu .home2.result .artDem3{bottom:-18%;left:26%;width:20%;}
#contenu .home2.result .artDem4{bottom:-18%;left:54%;width:20%;}
#contenu .home2.result .artDem5{bottom:-13%;left:82%;width:20%;}

#contenu .result{padding:2% 0 140px;}

.contRub{display: inline-block;width:100%;margin:3% 0;}
.introRub{background:#e4f4fc;display:inline-block;width:100%;font-size:13px;padding:3% 5%;margin:3% 0;}
.introRub.noDoc .descRubInt{width:100% !important;text-align:center !important;}
.introRub.noDoc .descRubInt h2{text-align:center !important;}
.contRub .introRub .logoIntroRub{width: 20%;vertical-align:middle;padding-right:4%;text-align:right;}
.contRub .introRub .descRubInt{display:inline-block;width:76%;text-align:justify;vertical-align:middle;padding:1% 0% 1% 0;}

.contactBloc .logoIntroRub{width: 27%;vertical-align:middle;padding-right:4%;text-align:right;}
.contactBloc .descRubInt{display:inline-block;width:50%;text-align:left;vertical-align:middle;padding:1% 5% 1% 0;}

.logoIntroRub span{border:4px solid #1f226d;}
.blocContact .logoIntroRub span{border:4px solid white;}

.blocContact{display:inline-block;width:100%;text-align:left;margin:3% 0 0 0;font-size:1.6em;padding-left:10%;line-height:1.4em;}

.contactBloc{margin-top:3%;background:#e4f4fc;padding:2% 0;}
.contactBloc i{color:#1f226d;font-size:5em;}

.contenuRubrique{display:inline-block;width:100%;}
.contenuRubrique .partieContenu{display:inline-block;width:30%;vertical-align:top;position: relative;margin-bottom:3.5%;}
.contenuRubrique .partieContenu:not(:nth-child(3n+1)){padding-left:5%;}
.contenuRubrique .partieContenu:not(:nth-child(3n+1)):before{content:" ";width:16%;background-image:url(../interface/fond_rub.png);position:absolute;top:0;left:0;height:100%;background-position: 0 0;background-repeat:no-repeat;background-size: 100% auto;}
.titre{display:inline-block;width:100%;text-transform: uppercase;color:white;background:#44a2b6;border-radius: 5px;padding:1% 3%;font-size:2.4em;}

.ligneContenu{display:inline-block;width:100%;margin:5% 0 1%;}
.logoArt{display:inline-block;width:35%;float:left;color:#1f226d;font-size: 1.4em;vertical-align:middle;text-align:center;font-weight:bold;}
.descArt{display:inline-block;padding-left:1%;text-align:left;padding-bottom:5%;}
.descArt h3{color:#1f226d;font-size: 1.9em;font-weight:bold;margin-bottom:10px;}
.descArt .txtArt{font-size:1.3em;line-height:1.3em;}
.descSsRub{text-align:justify;padding:5% 0 0;font-size:1.6em;width:100%;line-height:1.4em;font-style: italic;}
.ligneContenu:not(:last-child) .separator{/*display:inline-block;*/width:35%;border-bottom:1px solid #9a9a9a;text-align:left;margin-top:3%;}

.titre_tableau{display:block;width:100%;text-align:center;color:#1f226d;font-weight:bold;margin-bottom:1%;font-size:2em;}

.docLeft, .artRight{vertical-align:top;}
.docLeft{display:inline-block;width:30%;height:auto;}
.artRight{display:inline-block;width:65%;text-align:left;padding-top:1%;}
.artRight i{color:#1f226d;}
.artRight h3{font-weight:bold;color:#1f226d;font-size:2em;margin-bottom:2%;width:100%;}
.singleArticle{display:inline-block;width:100%;margin-bottom:5%;min-height:185px;}
.singleArticle>div{font-size:1.4em;line-height: 1.3em}


#zoneFooter{background:#1f226d;font-size:1.4em;color:white;padding:3% 0;line-height:1.4em;}
.logoFooter, .coordFooter, .menuFooter, .mentions{display:inline-block;vertical-align:top;text-align:left;}
.logoFooter, .mentions{width:15%;}
.coordFooter{width:20%;padding-left:2%;font-size:0.9em;font-style:italic;}
.logoFooter img{width:100%;height:auto;}
.menuFooter{width:45%;}
#zoneFooter a{color:white;text-decoration:none;}
#zoneFooter .menuFooter>ul>li>span, .mentions a{text-transform:uppercase;display:block;margin-bottom:5%;}
.contact-us{display:inline-block;background:#62ba5f;color:white;text-transform:uppercase;padding:5px 10px;margin-top:10px;}
.contact-us:hover{background:#00809b;}

.objectifs{background:#1f216b;display:inline-block;width:100%;font-size:1.4em;line-height:1.9em;}
.titreObjectif{text-transform: uppercase;color:#1f216b;font-size:3.5em;font-weight:bold;display:inline-block;margin-bottom:10px;}
.txtObjectifs{color:#61ba60;width:50%;margin:2% auto;text-align:left;}

.chapoArt{line-height:1.2;margin-top:2%;text-align:left;}

.paddingLeft{padding-left:10%;line-height:1.5em;text-align:justify;}

.chapoArt, .texteArt{font-size:1.6em;margin-bottom:4%;}
.chapoArt td, .texteArt td{padding:20px 10px;}
.texteArt>table>tbody>tr>td:first-child{border-right:2px solid #0057a4;}
.texteArt table>tbody>tr>td>table>tbody>tr:not(:last-child)>td{border-bottom:1px solid #8db7c7;}

.menuFooter>ul, .menuFooter>ul>li{display:inline-block;}
.menuFooter>ul{width:90%;float:right;}
.menuFooter>ul>li{vertical-align:top;}
.menuFooter>ul>li:first-child{width:55%;}
.menuFooter>ul>li:last-child{width:40%;}

.erreur{color:#ee5c4d; font-weight:bold;text-align:left;}

.mentions_legales{text-align:justify;width:85%;font-size:1.5em;margin:3% auto;line-height:1.4em;}
.mentions_legales ul{list-style:initial;margin-left:50px;}

#copyright{display:inline-block;width:100%;margin:2% auto;font-size:1.2em;color:#1f226d;}
#copyright a{color:#1f226d;text-decoration:none;}

.lien1, .lien2, .lien3, .lien4, .lien5{position:absolute;width:140px;height:120px;}
.lien2, .lien3, .lien4, .lien5{bottom:0;}
.lien1{top:0;left:43%;}
.lien2{left:2%;}
.lien3{left:30%;}
.lien4{right:30%;}
.lien5{right:2%;}


@media only screen and (max-width:1300px) {
  .logoScroll img#logo-scroll{
    height: 60px;
    width: auto;
  }

  #ecovadis-logoscroll-mobile {
    width: 60px;
    margin-left: 10px;
  }
}




@media only screen and (max-width:1080px){
  .scrolled .inner{width:65%;}
  .inner{width:100%;}
  nav>.inner>ul>li:not(:last-child) span, nav>.inner>ul>li:last-child .txtEcoute{font-size:1.3em;}
  .home2 .titreDem{font-size:1.6em;}
  #home .home2 .artDem2, #contenu .home2 .artDem2, #contenu .home2.result .artDem2{left:0;}
  #home .home2 .artDem3{left:26.5%;}
  #home .home2 .artDem4{left:54%;}
  #home .home2 .artDem5, #contenu .home2 .artDem5, #contenu .home2.result .artDem5{left:80%;}
  #contenu .home2 .artDem3, , #contenu .home2.result .artDem3{left:26.5%;}
}

@media only screen and (max-width:1024px){
  .imgDemarches{width:90%;height:auto;}
  #contenu .home2 .artDem3, #home .home2 .artDem3, #contenu .result.home2 .artDem3{left:26.5%;}
  #contenu .home2 .artDem4, #home .home2 .artDem4, #contenu .result.home2 .artDem4{left:54%;}
  .descSsRub{width:75%;}
  .titre{font-size:2em;}
  .descArt{padding-left:8%;}
  .descArt h3{font-size:2em;}
  .lien2{left:3%;}
  .lien3{left:30%;}
  .lien4{right:30%;}
  .lien5{right:3%;}
  .paddingLeft{padding-left:8%;}
}

.showmobile{display:none !important;}

@media only screen and (max-width:850px){
  #site{overflow:hidden;}
  .hidemobile{display:none !important;}
  .showmobile{display:block !important;}
  .slide, .menuFooter{display:none;}
  #bandeau .coordTop1, #bandeau .coordTop2{top:23%;box-sizing: border-box; width:48%;}
  #showMenuLink{text-align:left;padding-left:20px;}
  #bandeau .logo{margin:20% auto 4%;}
  #bandeau .logo img{max-width:100%;}
  #ecovadis-logo-mobile{width:120px;}
  .coordTop1{padding-left:15px;}
  .paddingLeft{padding-left:0;}
  .coordTop2{padding-right:15px;}
  nav>.inner>ul>li:first-child, nav>.inner>ul>li:nth-child(2){display:none;}
  nav>.inner>ul>li:not(:first-child){width:100%;}
  .ssRub1,.ssRub2,.ssRub3,.ssRub4,.ssRub5{width:100% !important;padding:0 5%;margin:3% 0;}
  .arrow{width:50% !important;}
  .cont_logo, .descRub{width:100% !important;border-right:0 !important;}
  .ssRub3{border-right:0 !important;border-left:0 !important}
  .cont_logo span, .logoIntroRub span{margin:auto;float:none;}
  #home h2, #contenu h1, #contenu .reactif, .arrow{margin-bottom:5%;}
  .home1 .ssRub2 .bloc_more, .home1 .ssRub3 .bloc_more, .home1 .ssRub4 .bloc_more{margin:auto;text-align: center;}
  .logoFooter, .coordFooter, .mentions{width:100%;text-align:center;margin-bottom:5%;}
  .logoFooter img{width:70%;}
  #copyright{font-size:1.5em;}
  .imgDemarchesMobile1, .imgDemarchesMobile2{width:100%;height:auto;}
  .imgDemarchesMobile2{margin-top:100px;}
  #home .home2 .artDem1, #contenu .home2 .artDem1, #contenu .result.home2 .artDem1{top:19%;}
  #home .home2 .artDem2, #contenu .home2 .artDem2, #home .result.home2 .artDem2{bottom:43%;width:40%;}
  #home .home2 .artDem3, #contenu .home2 .artDem3, #home .result.home2 .artDem3{bottom:43%;width:40%;}
  .mob1,.mob6{width:100%;display:inline-block;vertical-align:top;}
  .mob2,.mob3,.mob4,.mob5{width:49%;display:inline-block !important;vertical-align:top;}
  .mob1 img,.mob2 img,.mob3 img,.mob4 img,.mob5 img,.mob6 img{width:100%;}
  .titreMob1{position:absolute;top:38%;left:31%;width:40%;}
  .titreDem{color:white;margin:10px 0;font-size:1.4em !important;}
  #ecovadis-message{padding: 0 10px 20px 10px; font-size:1.6em !important;}
  #home .inner>div:not(.arrow){vertical-align:top;}
  #home .home2, #contenu .result{padding-bottom:50px;}
  .contRub .introRub .logoIntroRub,.contRub .introRub .descRubInt, .contenuRubrique .partieContenu{width:100% !important;}
  .contenuRubrique .partieContenu{padding-left:0 !important;}
  .contenuRubrique .partieContenu:not(:first-child):before{display:none;}
  #ecoute{display:inline-block !important;}
  nav{margin-bottom:100px;}
  .formEcoute select{margin:0 auto 15px;display:block;width:70%;font-size:1.4em;height:30px;}
  .singleArticle, .artRight{width:100%;}
  .artRight{padding-left:5%;}
  .singleArticle{min-height:auto !important;margin-bottom:5%;}
  .artRight img{text-align:center;margin:10px auto;}
  .home2 .inner h3{margin:6% auto;}
  .contactBloc .logoIntroRub span{width:auto;height:auto;border:0 !important;}
  .chapoArt td, .texteArt td{display: block;text-align:center !important;padding:15px 10px;}
  .chapoArt td img, .texteArt td img{float:none !important;}
  .texteArt>table>tbody>tr>td:first-child{border-right:0;}
  .texteArt table>tbody>tr>td>table>tbody>tr:not(:last-child)>td{border-bottom:0;}
  .txtObjectifs{width:85%;}
  .lien1, .lien2, .lien3, .lien4, .lien5{display:none;}
}


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

  #bandeau .coordTop1, #bandeau .coordTop2 {
    top: 23%;
    font-size: 1.2em;
    box-sizing: border-box;
    width: 48%;
    line-height: 1;
  }

  #bandeau .logo{margin:30% auto 4%;}
  #ecovadis-logo-mobile{width:130px;}

  .chapoArt{padding:0 10px;}

}


@media only screen and (max-width:640px) {
  #bandeau .logo{margin:35% 10px 4% 10px;}
}


.sidr{display:none;position:absolute;position:fixed; text-align:left; top:0;height:100%;z-index:99999999;width:85%; background:#f5f5f5; overflow-x:none;overflow-y:auto; font-family:arial,sans-serif;font-size:15px;color:#1E537A;}
.sidr .sidr-inner{padding:0 0 15px}
.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}

.sidr ul{display:block;margin:0 0 10px;padding:0;font-size: 0.9em}
.sidr ul li{display:block;margin:0;}
#sidr > ul > li > a{line-height:35px;}
#sidr > ul > li > ul > li {line-height:18px;margin-top:5px;}

.sidr ul li a{padding:0 5px 0 15px; display:block; text-decoration:none; color:black; font-weight:bold;}

.sidr ul li.over>ul{display:block;}

.sidr-open .bandeauLeft, .sidr-open .bandeauRight, .sidr-open .toolbox, .sidr-open .alerte, .sidr-open #home, .sidr-open #carto, .sidr-open .coordBrinonBottom, .sidr-open #zoneFooter, .sidr-open #copyright, .sidr-open .bandeau{opacity: 0;}

.sidr-open .nav-menu-mobile{border:0;position:fixed;top:10px;left:7px;z-index:999;width:10%;font-size:0;margin:0;}

.sidr-open #showMenuLink > img {padding:0;}

#menu_mobile > li > a.over{color:white;background:#ef662f;}
#menu_mobile > li > ul > li > a.over{background:#ef662f;color:white;}
#menu_mobile > li > ul > li > ul > li > a.over{text-decoration: underline;}

#menu_mobile > li > a {text-transform:uppercase;color:#ef662f;}

#menu_mobile > li > ul {padding-bottom:5px;}

.subsubmenumobile{padding-left:10px;}

#menu-main{height:1500px;}
#menu-main li.over a{font-weight:bold;}
.mm-panels{overflow:visible !important;}
.mm-panel.mm-hasnavbar .mm-navbar{font-size:1.7em !important;}



#video-voeux {
  width: 100%;
  max-height: 100%;
  max-width:600px;
}

.inner-bt-fiche-technique{
  padding:30px 0 100px 0;
  text-align:center;
}

 /* CSS */
.bt-fiche-technique {
 width: auto;
 font-size: 20px;
 position: relative;
 color: #f0f0f0;
 z-index: 1;
 padding: 20px 30px;
  display:inline-block;
}
.bt-fiche-technique:hover{
  color: #ffffff;
  text-decoration: none;
}


.bt-fiche-technique::after,
.bt-fiche-technique::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -99999;
  transition: all .4s;
}

.bt-fiche-technique::before {
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background: #1f226d;
  border-radius: 5px;
}

.bt-fiche-technique::after {
  transform: translate(10px, 10px);
  width: 35px;
  height: 35px;
  background: #ffffff15;
  backdrop-filter: blur(5px);
  border-radius: 50px;
}

.bt-fiche-technique:hover::before {
  transform: translate(5%, 20%);
  width: 110%;
  height: 110%;
}

.bt-fiche-technique:hover::after {
  border-radius: 5px;
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
}

.bt-fiche-technique:active::after {
  transition: 0s;
  transform: translate(0, 5%);
}

button[type="submit"] {
  background-color: #1f226d;
  color: #ffffff;
  border: none;
  padding: 12px 20px;
  border-radius: 0;
  cursor: pointer;
  font-size: 16px;
  float:right;
  margin-top:10px;
}
button[type="submit"]:hover{background:#00809b;}