html{width:100%;height:100%;position:relative;}

body {padding:0;margin:0;font-family:'Source Sans 3', sans-serif;font-size:16px;font-weight:400;line-height:1em;width:100%;height:100%;position:relative;background-color:#ffffff;}

/* Valeurs responsive */
.width0{float:left;width:100%;}
.width1{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width:1600px;height:100%;margin:0px auto;}
.width2{width:60%;margin:0px auto;position:relative;}

/* Général */
#page{float:left;width:100%;overflow:hidden;}
#content{float:left;width:100%;overflow:hidden;}
*{box-sizing:border-box;}
.flexbox{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.flex50{width:750px;position:relative;}
.flex100{width:100%;}
.flex1{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.separation-verticale{margin-top:30px;}
.bloc50{width:49%;}
.marge1{padding-left:50px;padding-right:50px;}
.bt-base{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:'Source Sans 3', sans-serif;font-style:italic;letter-spacing:1px;font-weight:800;background-color:#0071cc;color:#ffffff;font-size:12px;text-transform:uppercase;text-decoration:none;padding:10px 15px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .bt-base:hover{background-color:#fdb300;color:#ffffff;}
    .bt-base i{padding-left:5px;font-size:10px;color:#fdb300;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    .bt-base:hover i{color:#ffffff;padding-left:8px;}
.bt-base-interface-important{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:'Source Sans 3', sans-serif;font-style:italic;letter-spacing:1px;font-weight:800;background-color:#0071cc;color:#ffffff;font-size:12px;text-transform:uppercase;text-decoration:none;padding:10px 15px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .bt-base-interface-important:hover{background-color:#fdb300;color:#ffffff;}
    .bt-base-interface-important i{padding-left:5px;font-size:10px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    .bt-base-interface-important:hover i{color:#ffffff;padding-left:8px;}
a, button{-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
h2{float:left;position:relative;width:100%;font-weight:700;text-transform:uppercase;color:#000000;line-height:1.2em;margin-bottom: 40px;}
h2 span:first-of-type{float:left;position:relative;height:100%;background-color:#ffffff;z-index:1;padding-right:20px;}
h2 span:last-of-type{position:absolute;width:90%;top:46%;right:0px;border-top:4px solid #000000;z-index:0;}
.titre-mobile{display:none;}

/* scroll */
html {
    --scrollbarBG: #2f3230;
    --thumbBG: #fdb300;
  }
  html::-webkit-scrollbar {
    width: 8px;
  }
  html {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  html::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
  }
  html::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
  }

/* couleurs univers */
.bg-univers-1{background-color:var(--couleurunivers1);}
.bg-univers-2{background-color:var(--couleurunivers2);}
.bg-univers-3{background-color:var(--couleurunivers3);}
.bg-univers-4{background-color:var(--couleurunivers4);}
.bg-univers-5{background-color:var(--couleurunivers5);}
.bg-univers-6{background-color:var(--couleurunivers6);}
.bg-univers-7{background-color:var(--couleurunivers7);}
.bg-univers-general{background-color:#0071cc;}

.couleur-univers-1{color:var(--couleurunivers1);}
.couleur-univers-2{color:var(--couleurunivers2);}
.couleur-univers-3{color:var(--couleurunivers3);}
.couleur-univers-4{color:var(--couleurunivers4);}
.couleur-univers-5{color:var(--couleurunivers5);}
.couleur-univers-6{color:var(--couleurunivers6);}
.couleur-univers-7{color:var(--couleurunivers7);}
.couleur-univers-general{color:#0071cc;}


/* Header */
#header{float:left;/*overflow:hidden;*/position:relative;width:100%;background-color:#e2eff4;color:#ffffff;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height:190px;}
.header-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width:1600px;height:100%;margin:0px auto;}
#header>.width1{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#header>.width1:after{content:'';background:#2f3230;position:absolute;height:100%;left:100%;width:100vw;}
#header-part1{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width:1130px;}
#logo-principal{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width:430px;}
#logo-principal>img:first-of-type{padding-right:40px;}
.form-recherche {overflow: hidden;width:678px;position:absolute;bottom:63px;left:430px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
  .recherche {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);margin: 0 30px;width:100%;position:relative;}
  .cell {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0px;overflow: hidden;}
  .cell1 {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
  .cell > * {-webkit-transform: skewX(30deg);transform: skewX(30deg);margin: 0 -30px;border: none;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
  .recherche .cell:last-of-type{margin-right:0px;}
  .form-recherche input {background: #ffffff;font-family: 'Source Sans 3', sans-serif;font-weight: 700;font-style: italic;font-size:18px;padding:20px 110px 20px 60px}
  .form-recherche input:focus{outline: none;}
  .form-recherche input:-webkit-autofill,
  .form-recherche input:-webkit-autofill:hover, 
  .form-recherche input:-webkit-autofill:focus{-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition: background-color 5000s ease-in-out 0s;}
  .cell button{background: #0071cb;color:#ffffff;padding:0px 60px;font-size:34px;margin-right:0px;cursor:pointer;}
  .cell button:hover{background:#00958e;}
  .cell button .close{padding:5px 5px 6px 6px;}
#header-part2{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width:350px;height:190px;background:#2f3230;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);}
    #compte{position:relative;width:100%;height:100%;margin-left:60px;-webkit-transform: skewX(30deg);transform: skewX(30deg);display:-webkit-box;display:-ms-flexbox;display:flex;background:#2f3230;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;}
    .bt-compte-aide{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;}
    .bt-compte-aide span{padding-top:20px;color:#ffffff;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
    .bt-compte-aide img{position:relative;top:0px;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
    .bt-compte-aide:hover img{top:relative;top:10px;}
    .bt-compte-aide:hover span{position:relative;color:#fdb300;}
    #deco{position:absolute;top:48px;left:88px;color:#fdb300;z-index:2;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
    #deco:hover{-webkit-transform: scale(1.5);transform: scale(1.5);}
    #deco i{font-size:24px;}

/* Header mobile */
#header-mobile{display:none;width:100%;height:100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding:10px 0px;}
#header-mobile>div:first-of-type{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:60%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-pack: distribute;justify-content: space-around;}
#header-mobile>div:first-of-type a{text-decoration: none;color:#2f312f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#header-mobile .logo-header-mobile img{height:100%;width:auto;}
#header-mobile .logo-header-mobile{height:100%;}
#header-mobile>div a{width:20%;}
#header-mobile>div:last-of-type{width:100%;height:40%;padding:0px 20px;}
#form-recherche-mobile.form-recherche{position:relative;width:100%;height:100%;left:auto;margin-left:unset;bottom:auto;}
/* Menu mobile */
#menu-mobile{width:85%;position:fixed;left:-100%;top:0px;height:100%;z-index:20;background-color: #e2eff4;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
#menu-mobile.opened{display:-webkit-box;display:-ms-flexbox;display:flex;left:0px;}
#menu-mobile-header{padding:0px;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#menu-mobile-header a{width:100%;text-decoration: none;padding:20px;height:100%;background-color:#0071cb;color:#ffffff;}
#menu-mobile-header a:hover{background-color: #2f312f;}
#menu-mobile-header img{height:80px;width:auto;-o-object-fit: contain;object-fit: contain;}
#menu-mobile-header .fermer-menu-mobile{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;font-size:16px;color:#ffffff;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-weight: 800;text-transform: uppercase;font-style: italic;}
#menu-mobile-header .fermer-menu-mobile i{font-size:16px;color:var(--thumbBG);padding-right:10px;}
#menu-mobile>div{width:100%;}
#menu-mobile-n1 ul{width:100%;height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding:0px;margin:0px;list-style-type:none;}
#menu-mobile-n1 ul li {height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;}
#menu-mobile-n1 ul li a{font-size:14px;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:20px;text-decoration: none;color:#ffffff;font-style: italic;text-transform: uppercase;text-transform: uppercase;font-weight: 800;}
#menu-mobile-n1 ul li a:hover{padding:20px 30px;}
#menu-mobile-n1{display:none;height:100%;left:-100%;position:relative;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#menu-mobile-n1.opened{display:-webkit-box;display:-ms-flexbox;display:flex;left:0px;}
#menu-mobile-n1 ul {padding-top:10px;padding-bottom:10px;background-color:#ffffff;}
#menu-mobile-n1 ul li{background-color:#ffffff;padding:10px 20px;}
#menu-mobile-n2{display:none;height:100%;left:-100%;position:relative;background-color:#ffffff;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#menu-mobile-n2.opened{display:-webkit-box;display:-ms-flexbox;display:flex;left:0px;}
#menu-mobile-n2 ul{width:100%;max-height:70%;overflow:auto;list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#menu-mobile-n2 ul::-webkit-scrollbar {
  width: 4px;
}
#menu-mobile-n2 ul{
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
#menu-mobile-n2 ul::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
#menu-mobile-n2 ul::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
}
#menu-mobile-n2 ul li {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;}
#menu-mobile-n2 ul li a{font-size:14px;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:10px;text-decoration: none;color:#2f3230;font-weight: 800;}
#menu-mobile-n2 ul li a i{margin-right:10px;width:20px;height:20px;color:#ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 50%;}
.titre-n2{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-right:20px;color:#ffffff;font-weight: 800;text-transform: uppercase;font-style: italic;}
.retour-mobile{background-color:#fdb300;padding:20px;color:#ffffff;}
#menu-mobile-n2 .menu-mobile-n2-00{display:none;}
#menu-mobile-n2 .menu-mobile-n2-00.opened{display:-webkit-box;display:-ms-flexbox;display:flex;}

/* Recherche */
  #recherche{display:none;float:left;width:100%;height:640px;position:absolute;left:0px;top:100%;padding:50px 20px;background-color:#ffffff;z-index:100;color:#2f3230;border-bottom:3px solid #2f3230}
  .form-recherche.form-recherche-on{position:absolute;bottom:0px;left:397px;width:678px;}
  #recherche.recherche-on{display:block;}
  .recherche-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;height:100%;}
  .recherche-content.width1{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}

  .recherche-content-2 .produits-associes::-webkit-scrollbar {
    width: 8px;
  }
  .recherche-content-2 .produits-associes{
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  .recherche-content-2 .produits-associes::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
  }
  .recherche-content-2 .produits-associes::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
  }

  .recherche-content .titre-elt-recherche{font-weight: 800;font-style: italic;text-transform: uppercase;font-size:20px;padding-bottom:20px;}
  .recherche-content .titre-elt-recherche.titre-no-res{color:#DE6765;}
  .recherche-content .titre-elt-recherche.titre-no-res strong{color:#0071cc;}
  .recherche-content .titre-elt-recherche.titre-no-res:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f05a";padding-right:5px;}
  .recherche-content-1{width:20%;height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .recherche-content .suggestions{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-bottom:40px;}
  .recherche-content .suggestions a{text-decoration:none;color:#2f3230;background-color:#f3f3f3;width:100%;font-style:italic;font-size:16px;padding:20px;margin-bottom:5px;}
  .recherche-content .suggestions a:hover{color:#f3f3f3;background-color:#2f3230;padding:20px 18px;}
  .recherche-content .suggestionsbis{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-bottom:0px;height:200px;padding-bottom:0px !important;}
  .recherche-content .suggestionsbis a{text-decoration:none;color:#2f3230;width:100%;font-style:italic;font-size:16px;margin-bottom:10px;}
  .recherche-content .suggestionsbis a:hover{padding-left:5px;}
  .recherche-content-2{width:80%;height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-left:50px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .recherche-content-2 .listeproduits{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-bottom:40px !important;position:relative;}
  .recherche-content-2 .listemarques{float:left;width:100%;}
  .bt-info-mini-pdt{color:#fdb300;text-decoration: none;font-size:30px;}
  .bt-info-mini-pdt:hover{color:#ffffff;}
  .recherche-content-2 .produits-associes .pdt-associe-prix-panier{display:none;}
  .recherche-content-2 .produits-associes{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;padding-bottom:0px;-ms-flex-wrap: wrap;flex-wrap: wrap;overflow:auto;height:270px;}
  .recherche-content-2 .produits-associes .pdt-associe{margin-bottom:30px;width:275px;}
  .recherche-content-2 .produits-associes .pdt-associe:nth-of-type(4n){margin-right:0px;}
  .recherche-content-2 .produits-associes .pdt-associe:nth-last-child(-n+4) {margin-bottom:0px;}
  .recherche-content-2 .produits-associes .pdt-associe .pdt-associe-visuel{height:135px;}
  .recherche-content-2 .produits-associes .pdt-associe .pdt-associe-desc{height:135px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .recherche-content-2 .produits-associes .pdt-associe .pdt-associe-desc span{margin-top:auto;}
  .recherche-content-2 .produits-associes .pdt-associe .pdt-associe-desc h4{font-size:14px;text-transform: inherit; display: -webkit-box; max-width: 100%;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  .recherche-content-2 .marques-recherche{padding-top:20px;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .recherche-content-2 .marques-recherche img{width:100%;height:78px;-o-object-fit: contain;object-fit: contain;border:2px solid #e2eff4;padding:5px;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
  .recherche-content-2 .marques-recherche a:hover img{border:2px solid #2f3230;}
  .recherche-content-2 .marques-recherche a{width:14%;margin-right:2%;}
  .recherche-content-2 .marques-recherche a:last-of-type{margin-right:0px;}
.bt-plus-recherche{position:absolute;top:-5px;right:40px;text-decoration:none;background-color:#2f3230;color:#ffffff;text-transform:uppercase;font-size:14px;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:1px;padding:5px 10px;margin-left:auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.bt-plus-recherche:hover{background-color: #fdb300;}
.fermerrecherche{display:none;position:absolute;right:173px;text-decoration: none;color:#2f3230;height:100%;font-size:24px;padding:0px 20px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fermerrecherche:hover{color:#00958e;}
.fermerrecherche.on{display:-webkit-box;display:-ms-flexbox;display:flex;}
.suggestionsbis .cat-associees{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;padding-bottom: 0px;-ms-flex-wrap: wrap;flex-wrap: wrap;overflow: auto;height: 238px;padding-bottom:0px !important;}
.suggestionsbis .cat-associees::-webkit-scrollbar {
  width: 8px;
}
.suggestionsbis .cat-associees{
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.suggestionsbis .cat-associees::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.suggestionsbis .cat-associees::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
}
/* Menu */
#menu-principal-conteneur{float:left;width:100%;height:100px;position:relative;background-color:#0071cc;}
#menu-principal-conteneur .width1{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background-color: #ffffff;}
#menu-principal-conteneur .width1:before{content:'';background:#0071cc;position:absolute;height:100%;right:100%;width:100vw;color:#ffffff;}
/*#menu-principal-conteneur .width1:after{content:'';background:#0071cc;position:absolute;height:100%;left:100%;width:100vw;color:#ffffff;}*/
#bt-univers{cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:30px;padding-right:40px;margin-left:-30px;width:410px;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);background:#0071cc;color:#ffffff;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.bt-univers{-webkit-transform: skewX(30deg);transform: skewX(30deg);font-size:20px;text-transform:uppercase;font-weight:700;padding-right:20px;}
.picto-menu{cursor:pointer;width:70px;height:31px;overflow:hidden;-webkit-transform: skewX(30deg);transform: skewX(30deg);}
.picto-menu>div{width:100%;height:100%;border-top:5px solid #ffffff;border-bottom:5px solid #ffffff;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);margin-left:-20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.picto-menu>div>div{height:5px;width:100%;background-color: #ffffff;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
#bt-univers:hover .picto-menu>div>div{width:50%;background-color: #fdb300;}
.bt-univers>span{-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
#bt-univers:hover .bt-univers>span{color: #fdb300;}
#panier-cmd-rapide{position:relative;z-index:60;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:434px;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);background:#0071cc;color:#ffffff;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#panier-cmd-rapide>div{width:100%;height:100%;margin-left:60px;-webkit-transform: skewX(30deg);transform: skewX(30deg);display:-webkit-box;display:-ms-flexbox;display:flex;background:#0071cc;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position:relative;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.bt-panier{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position:relative;color:#ffffff;text-decoration: none;}
.bt-panier img{position:relative;left:0px;width:40px;height:36px;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.bt-panier span{padding-left:30px;font-size: 20px;text-transform: uppercase;font-family:'Source Sans 3', sans-serif;font-weight:700;}
.bt-panier div{position:absolute;top:23px;left:25px;background-color:#fdb300;color:#ffffff;font-family:'Source Sans 3', sans-serif;font-weight:700;font-size:12px;text-align: center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width:25px;height:25px;border-radius: 50%;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.bt-panier:hover{color: #fdb300;}
.bt-panier:hover img{-webkit-transform: scale(0.9);transform: scale(0.9);}
.bt-panier:hover div{background-color:#ffffff;-webkit-transform: scale(1.1);transform: scale(1.1);color:#0071cc;}
#bt-cmd-rapide{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-decoration: none;color:#ffffff;}
#bt-cmd-rapide span{font-size:16px;padding-left:15px;}
#bt-cmd-rapide img{left:0px;width:72px;height:37px;position:relative;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#bt-cmd-rapide:hover img{left:10px;}
#bt-cmd-rapide:hover{color: #fdb300;}
#menu-secondaire{list-style-type:none;font-size:20px;text-transform:uppercase;margin:0px;padding:0px;max-width:786px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-pack: distribute;justify-content: space-around;}
#menu-secondaire li{padding:0px 20px;}
#menu-secondaire a{padding:2px 5px;text-decoration: none;color:#000000;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#menu-secondaire a:hover{background-color:#fdb300;color:#ffffff;}
#menu-droite{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width:589px;position:absolute;height:100%;right:0px;top:0px;background:#0071cc;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);}
#menu-droite span{width:100%;height:100%;margin-left:60px;-webkit-transform: skewX(30deg);transform: skewX(30deg);display:-webkit-box;display:-ms-flexbox;display:flex;background:#0071cc;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

/* Hover sur le panier */
#panier-hover{opacity:0;display:none;position:absolute;color:#ffffff;width:502px;top:100%;left:0px;z-index:60;overflow:hidden;}
#panier-hover>div:first-of-type{width:100%;height:68px;}
#panier-hover>div:first-of-type>div{-webkit-transform: skewX(-30deg);transform: skewX(-30deg);width:100%;overflow: hidden;height:100%;margin-left:20px;}
#panier-hover>div:first-of-type>div>div{-webkit-transform: skewX(30deg);transform: skewX(30deg);width:100%;background-color:#2f3230;height:100%;margin-left:-20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:0px 20px 0px 60px;}
#panier-hover>div:first-of-type>div>div span{font-weight: 800;font-style: italic;text-transform: uppercase;}
#panier-hover>div:first-of-type>div>div a{margin-left:auto;color:#fdb300;text-decoration: none;font-size:20px;}
#panier-hover>div:first-of-type>div>div a:hover{-webkit-transform: scale(0.9);transform: scale(0.9);color:#ffffff;}
#panier-hover>div:nth-of-type(2){background-color:#0071cc;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-top:4px;}
#panier-hover>div:nth-of-type(2)>div{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#panier-hover>div:last-of-type{width:100%;}
#panier-hover>div:last-of-type a{background-color:#fdb300;padding:20px;}
#panier-hover>div:last-of-type a:hover{background-color:rgb(240, 169, 3);}

/* choix panier avec bouton radio */
:root {--form-control-color: #fdb300;}
  
.multipanier-hover{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;font-size:14px;max-height:200px;overflow:auto;}

/* scroll */
.multipanier-hover::-webkit-scrollbar {
    width: 8px;
  }
  .multipanier-hover {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  .multipanier-hover::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
  }
  .multipanier-hover::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
  }

.multipanier-hover>div{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background-color:#1583dd;padding:10px 10px 10px 31px;margin-bottom:4px;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.multipanier-hover>div:nth-of-type(even){background-color:#0071cc;}
.multipanier-hover>div:hover{background-color:#1279ce;}
.multipanier-hover>div span u{text-decoration: none;font-size:10px;}
.form-control{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-weight: 800;font-style: italic;text-transform: uppercase;cursor:pointer;font-size:12px;letter-spacing: 1px;width:230px;}
.form-control label{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:200px;cursor:pointer;}
.form-control:hover input[type="radio"]{color:#fdb300;cursor:pointer;}
 .multipanier-hover input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    -moz-appearance: none;
         appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin-right: 10px;
    font: inherit;
    color: currentColor;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-radius: 50%;
    -webkit-transform: translateY(-0.075em);
            transform: translateY(-0.075em);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
  }
  
  .multipanier-hover input[type="radio"]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition:120ms -webkit-transform ease-in-out;
    transition:120ms -webkit-transform ease-in-out;
    transition:120ms transform ease-in-out;
    transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
  }
  
  .multipanier-hover input[type="radio"]:checked::before {
    -webkit-transform: scale(1);
            transform: scale(1);
  }




/* Sous menu */
/* 1) Principal */
#sous-menu-principal{display:none;height:570px;position:absolute;top:100%;z-index:50;left:-1250px;}
/*#sous-menu-principal .width1:before{content:'';background:#0071cc;position:absolute;height:100%;right:100%;width:100vw;color:#ffffff;}*/

#sous-menu-principal>div:first-of-type{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;padding-left:30px;padding-right:40px;margin-left:-63px;width:1500px;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);background:#4dbbd0;color:#ffffff;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position:relative;left:-200px;opacity:0;}
#sous-menu-principal>div:first-of-type>div{-webkit-transform: skewX(30deg);transform: skewX(30deg);font-size:20px;text-transform:uppercase;font-weight:700;padding-right:20px;height:100%;}
#sous-menu-principal>div:first-of-type>div ul{list-style-type: none;padding:0px;margin:0px;text-align:right;line-height:2em;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#sous-menu-principal>div:first-of-type>div ul li a{position:relative;-webkit-transform: skewX(30deg);transform: skewX(30deg);height:60px;text-decoration:none;color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#sous-menu-principal>div:first-of-type>div ul li a span{max-width:260px;padding-right:10px;line-height:1em;}
#sous-menu-principal>div:first-of-type>div ul li a i{margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;width:30px;height:30px;color:#ffffff;background-color:#0071cc;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius:50%;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#sous-menu-principal>div:first-of-type>div ul li a:hover i{width:50px;height:50px;}
#sous-menu-principal>div:first-of-type>div ul li .rub1 i{background-color:var(--couleurunivers1);}
#sous-menu-principal>div:first-of-type>div ul li .rub2 i{background-color:var(--couleurunivers2);}
#sous-menu-principal>div:first-of-type>div ul li .rub3 i{background-color:var(--couleurunivers3);}
#sous-menu-principal>div:first-of-type>div ul li .rub4 i{background-color:var(--couleurunivers4);}
#sous-menu-principal>div:first-of-type>div ul li .rub5 i{background-color:var(--couleurunivers5);}
#sous-menu-principal>div:first-of-type>div ul li .rub6 i{background-color:var(--couleurunivers6);}
#sous-menu-principal>div:first-of-type>div ul li .rub7 i{background-color:var(--couleurunivers7);}

#sous-menu-principal-n-1{display:none;height:570px;position:absolute;top:100%;z-index:40;left:500px;width:100vw;}
#sous-menu-principal-n-1>div:first-of-type{width:100%;background-color:#ffffff;padding-left:400px;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);border-bottom:3px solid #fdb300;padding-left:245px;display: -webkit-box;display: -ms-flexbox;display: flex;height:100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position:relative;}
#sous-menu-principal-n-1>div:first-of-type>ul{line-height:1.7em;-webkit-transform: skewX(30deg);transform: skewX(30deg);position:relative;z-index:10;list-style-type: none;padding:0px;margin:0px;padding-left:235px;height:460px;width:510px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#sous-menu-principal-n-1>div:first-of-type>ul li{font-style: italic;font-weight:700;margin:0px;padding:0px;}
#sous-menu-principal-n-1>div:first-of-type>ul li a{text-decoration:none;color:#000000;}

#sous-menu-principal-n-1 ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers1);}
#sous-menu-principal-n-1 ul li a:hover{color:var(--couleurunivers1);padding-left:10px;}

#sous-menu-principal-n-1 .univers1 ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers1);}
#sous-menu-principal-n-1 .univers1 ul li a:hover{color:var(--couleurunivers1);padding-left:10px;}

#sous-menu-principal-n-1 .univers2 ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers2);}
#sous-menu-principal-n-1 .univers2 ul li a:hover{color:var(--couleurunivers2);padding-left:10px;}

#sous-menu-principal-n-1 .univers3 ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers3);}
#sous-menu-principal-n-1 .univers3 ul li a:hover{color:var(--couleurunivers3);padding-left:10px;}

#sous-menu-principal-n-1 .univers4 ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers4);}
#sous-menu-principal-n-1 .univers4 ul li a:hover{color:var(--couleurunivers4);padding-left:10px;}

#sous-menu-principal-n-1 .univers5 ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers5);}
#sous-menu-principal-n-1 .univers5 ul li a:hover{color:var(--couleurunivers4);padding-left:10px;}

#sous-menu-principal-n-1 .univers6 ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers6);}
#sous-menu-principal-n-1 .univers6 ul li a:hover{color:var(--couleurunivers6);padding-left:10px;}

#sous-menu-principal-n-1 .univers7 ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers7);}
#sous-menu-principal-n-1 .univers7 ul li a:hover{color:var(--couleurunivers7);padding-left:10px;}

#sous-menu-principal-n-1 h2{display:-webkit-box;display:-ms-flexbox;display:flex;height:75px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform: skewX(30deg);transform: skewX(30deg);width:auto;float:unset;text-transform:uppercase;margin-bottom:0px;font-size:24px;font-family: 'Source Sans 3', sans-serif; font-weight: 800;padding-top:10px; font-style: italic;color:#000000;line-height:0.9em;}
#sous-menu-principal-n-1 h2 span{position: absolute;width:auto;top:inherit;right:inherit;border:0px;z-index: inherit;position:relative;max-width:320px;line-height:1em;}
#sous-menu-principal-n-1 h2 a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;color:#000000;text-decoration: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#sous-menu-principal-n-1 h2 a:hover{padding-left:5px;}
#sous-menu-principal-n-1 h2 i{margin-right:10px;font-size:30px;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;width:60px;height:60px;color:#ffffff;background-color:#0071cc;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius:50%;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;background-color:var(--couleurunivers1);}

.visuel-univers{display:none;opacity:0;width: 627px;height: 567px;position:absolute;right:-200px;top:100px;z-index:50;}
.visuel-univers .visuel-univers-bloc{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transform: skew(-30deg);transform: skew(-30deg);-webkit-box-align: center;-ms-flex-align: center;align-items: center;width:100%;height:100%;overflow:hidden;opacity:0.4;}
.visuel-univers .visuel-univers-bloc>div{width:100%;height:100%;-webkit-transform: skew(30deg);transform: skew(30deg);margin-left:-168px;background:#ffffff;}
.visuel-univers .visuel-univers-bloc>div img{width:155%;height:100%;-o-object-fit: cover;object-fit: cover;}
.visuel-univers .visuel-univers-bloc>div video{width:155%;height:100%;-o-object-fit: cover;object-fit: cover;}
.visuel-univers .visuel-univers-titre{opacity:0;position:absolute;left:-400px;bottom:0px;z-index:51;font-size:40px;font-style: italic;font-weight: 800;}
.visuel-univers .visuel-univers-titre h2{color:#000000;font-size:54px;}
.visuel-univers .visuel-univers-titre h2:before{content:'// ';color:var(--couleurunivers1);}

.visuel-univers .visuel-univers-titre.univers1  h2:before{content:'// ';color:var(--couleurunivers1);}
.visuel-univers .visuel-univers-titre.univers2 h2:before{content:'// ';color:var(--couleurunivers2);}
.visuel-univers .visuel-univers-titre.univers3 h2:before{content:'// ';color:var(--couleurunivers3);}
.visuel-univers .visuel-univers-titre.univers4 h2:before{content:'// ';color:var(--couleurunivers4);}
.visuel-univers .visuel-univers-titre.univers5 h2:before{content:'// ';color:var(--couleurunivers5);}
.visuel-univers .visuel-univers-titre.univers6 h2:before{content:'// ';color:var(--couleurunivers6);}
.visuel-univers .visuel-univers-titre.univers7 h2:before{content:'// ';color:var(--couleurunivers7);}


.visuel-n-2{display:none;opacity:0;width: 530px;height: 400px;background-color:#ffffff;border:2px solid #e2eff4;padding:10px;position:absolute;right:-200px;top:180px;z-index:50;}
.img-visuel-n-2{display: none;width:100%;height: 100%;-o-object-fit: contain;object-fit: contain;}

#sous-menu-principal-n-2{display:none;height:570px;position:absolute;top:100%;z-index:40;right:-400px;width:850px;padding-right:400px;padding-left:20px;}
#sous-menu-principal-n-2>div{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#sous-menu-principal-n-2>div h3{display:-webkit-box;display:-ms-flexbox;display:flex;height:75px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;float:unset;text-transform:uppercase;margin-bottom:0px;font-size:20px;font-family: 'Source Sans 3', sans-serif; font-weight: 800;padding-top:26px; font-style: italic;color:#000000;line-height:1.2em;}
#sous-menu-principal-n-2>div h3 a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;color:#000000;text-decoration: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#sous-menu-principal-n-2>div h3 a:hover{padding-left:5px;}
#sous-menu-principal-n-2 div.univers1 h3:before{content:'//';color:var(--couleurunivers1);padding-right:2px;}
#sous-menu-principal-n-2 div.univers2 h3:before{content:'//';color:var(--couleurunivers2);padding-right:2px;}
#sous-menu-principal-n-2 div.univers3 h3:before{content:'//';color:var(--couleurunivers3);padding-right:2px;}
#sous-menu-principal-n-2 div.univers4 h3:before{content:'//';color:var(--couleurunivers4);padding-right:2px;}
#sous-menu-principal-n-2 div.univers5 h3:before{content:'//';color:var(--couleurunivers5);padding-right:2px;}
#sous-menu-principal-n-2 div.univers6 h3:before{content:'//';color:var(--couleurunivers6);padding-right:2px;}
#sous-menu-principal-n-2 div.univers7 h3:before{content:'//';color:var(--couleurunivers7);padding-right:2px;}

#sous-menu-principal-n-2>div>ul{line-height:1.7em;position:relative;z-index:10;list-style-type: none;padding:0px;margin:0px;padding-top:7px;height:460px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#sous-menu-principal-n-2>div>ul li{font-style: italic;font-weight:700;margin:0px;padding:0px;}
#sous-menu-principal-n-2>div>ul li a{text-decoration:none;color:#000000;}


#sous-menu-principal-n-2 div.univers1 >ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers1);}
#sous-menu-principal-n-2 div.univers2 >ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers2);}
#sous-menu-principal-n-2 div.univers3 >ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers3);}
#sous-menu-principal-n-2 div.univers4 >ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers4);}
#sous-menu-principal-n-2 div.univers5 >ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers5);}
#sous-menu-principal-n-2 div.univers6 >ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers6);}
#sous-menu-principal-n-2 div.univers7 >ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";color:#ffffff;margin-right:5px;padding:3px;border-radius:50%;font-size:10px;background-color:var(--couleurunivers7);}

#sous-menu-principal-n-2 div.univers1 >ul li a:hover{color:var(--couleurunivers1);padding-left:10px;}
#sous-menu-principal-n-2 div.univers2 >ul li a:hover{color:var(--couleurunivers2);padding-left:10px;}
#sous-menu-principal-n-2 div.univers3 >ul li a:hover{color:var(--couleurunivers3);padding-left:10px;}
#sous-menu-principal-n-2 div.univers4 >ul li a:hover{color:var(--couleurunivers4);padding-left:10px;}
#sous-menu-principal-n-2 div.univers5 >ul li a:hover{color:var(--couleurunivers5);padding-left:10px;}
#sous-menu-principal-n-2 div.univers6 >ul li a:hover{color:var(--couleurunivers6);padding-left:10px;}
#sous-menu-principal-n-2 div.univers7 >ul li a:hover{color:var(--couleurunivers7);padding-left:10px;}

/* 2) Promotions */
#sous-menu-promotion{display:none;height:570px;position:absolute;top:100%;z-index:50;left:-1250px;}
#sous-menu-promotion .width1:before{content:'';background:#2f3230;position:absolute;height:100%;right:100%;width:100vw;color:#ffffff;}
#sous-menu-promotion>div:first-of-type{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;padding-left:30px;padding-right:40px;margin-left:-63px;width:1500px;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);background:#2f3230;color:#ffffff;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position:relative;left:-200px;opacity:0;}
#sous-menu-promotion>div:first-of-type>div{-webkit-transform: skewX(30deg) translate(100px);transform: skewX(30deg) translate(100px);font-size:20px;text-transform:uppercase;font-weight:700;height:auto;}
#sous-menu-promotion>div:first-of-type>div div{list-style-type: none;padding:0px;letter-spacing:3px;margin:0px;text-align:right;line-height:2em;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size:40px;}

#sous-menu-promotion-n-1{display:none;height:570px;position:absolute;top:100%;z-index:40;left:500px;width:100vw;}
#sous-menu-promotion-n-1>div:first-of-type{width:100%;background-color:#ffffff;padding-left:400px;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);border-bottom:3px solid #fdb300;padding-left:245px;display: -webkit-box;display: -ms-flexbox;display: flex;height:100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position:relative;}
#sous-menu-promotion-n-1>div:first-of-type>div{line-height:1.7em;-webkit-transform: skewX(30deg);transform: skewX(30deg);position:relative;z-index:10;list-style-type: none;padding:0px;margin:0px;padding-left:90px;height:460px;width:1210px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-top:30px;}
#sous-menu-promotion-n-1 h2{line-height:1.2em;margin:0px;padding:0px;padding-bottom:10px;}
#sous-menu-promotion-n-1 h2:nth-of-type(2){padding-top:20px;}

#bloc-menu-promo-g{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width:30%;}
#bloc-menu-promo-g h2{text-transform:uppercase;}
#bloc-menu-promo-g .choix-univers{text-decoration:none;color:#000000;text-transform:uppercase;font-style: italic;font-weight: 800;font-size:16px;border:2px solid #e2eff4;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:10px 50px;position: relative;margin-bottom:5px;}
#bloc-menu-promo-g .choix-univers i{position:absolute;left:20px;font-size:20px;}
#bloc-menu-promo-g .choix-univers:hover{background-color:#2f3230;color:#ffffff;border:2px solid #2f3230;}
#bloc-menu-promo-g .choix-univers:hover i{padding-left:5px;}

#bloc-offres-pdf{width:100%;height:auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;padding-top:10px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#bloc-offres-pdf a{overflow:hidden;width:22%;height:100%;position:relative;text-decoration: none;}
#bloc-offres-pdf a:hover{-webkit-transform: scale(1.05);transform: scale(1.05);}
#bloc-offres-pdf a:hover img{border-color:#0071cc;}
#bloc-offres-pdf a:hover >div{background-color:#0071cc;}
#bloc-offres-pdf a>div{margin-left:-13px;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);width:100%;padding:10px;background-color: #fdb300;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#bloc-offres-pdf a>div>div{padding-left:20px;-webkit-transform: skewX(30deg);transform: skewX(30deg);}
#bloc-offres-pdf a h3{color:#ffffff;padding:0px;margin:0px;line-height:1em;text-transform: uppercase;font-weight: 800;font-style: italic;font-size:14px;}
#bloc-offres-pdf a img{width:100%;height:370px;-o-object-fit: contain;object-fit: contain;border:2px solid #e2eff4;border-bottom:0px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* Diaporama accueil */
#diaporama-accueil{float:left;width:100%;height:420px;position:relative;background: #ffffff;background: -webkit-linear-gradient(left, #ffffff 45% , #2f3230 45%);background: linear-gradient(to right, #ffffff 45% , #2f3230 45%);}
#diaporama-accueil .width1{/*overflow:hidden;*/height:570px;}
#diaporama-content{position:absolute;width:100%;height:100%;left:0px;top:0px;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
#diaporama-accueil .width1:after{content:'';background:#e2eff4;position:absolute;height:3000px;left:-515px;width:785px;top:0px;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);z-index:-1;}
#image-diaporama-accueil{-webkit-transform: skewX(-30deg);transform: skewX(-30deg);width:786px;height:570px;overflow:hidden;position:absolute;left:186px;top:0px;}
    #image-diaporama-accueil>div{background:#ffffff;-webkit-transform: skewX(30deg);transform: skewX(30deg);margin-left:-175px;width:145%;height:100%;}
    .visuel-home{position:absolute;z-index:0;opacity:0;left:-200px;}
    #image-diaporama-accueil>div img{width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
#texte-diaporama-accueil-conteneur{opacity:0;width:800px;height:200px;overflow:hidden;position:absolute;right:0px;top:45px;-webkit-animation-name: animeunivers2;-webkit-animation-duration: 0.8s;-webkit-animation-name: animationentree;animation-name: animationentree;animation-duration: 0.8s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;  }
#texte-diaporama-accueil{position:relative;width:800px;height:200px;overflow:hidden;margin-left:58px;background:rgba(0,113,204,0.8);overflow:hidden;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);}
#texte-diaporama-accueil .infos-diapo{opacity:0;display:none;position:absolute;width:100%;height:100%;-webkit-transform: skewX(30deg);transform: skewX(30deg);padding-left:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
#texte-diaporama-accueil .infos-diapo>span:first-of-type{width:100px;color:#ffffff;font-size:200px;font-family:'Source Sans 3', sans-serif;font-weight:200;font-style: normal;}
#texte-diaporama-accueil .infos-diapo>span:first-of-type a{text-decoration:none;color:#ffffff;}
#texte-diaporama-accueil .infos-diapo>span:first-of-type a:hover{color:#fdb300;padding-left:3px;}
#texte-diaporama-accueil .infos-diapo>div:first-of-type{float:left;padding:0px 20px;width:350px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position:relative;}
#texte-diaporama-accueil .infos-diapo>div:first-of-type:after{position:absolute;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);content:'|';color:#ffffff;right:-10px;bottom:0px;font-size:80px;line-height:1em;font-weight:200;}
#texte-diaporama-accueil .infos-diapo>div:first-of-type img{width:100px;height:40px;-o-object-fit: contain;object-fit: contain;-o-object-position: left;object-position: left;padding-bottom:10px;}
#texte-diaporama-accueil .infos-diapo>div:first-of-type span{color:#ffffff;text-transform: uppercase;font-size:20px;font-weight:700;line-height:1em;}
#texte-diaporama-accueil .infos-diapo>div:first-of-type p{padding:0px;color:#ffffff;font-size:16px;font-weight:200;}
#texte-diaporama-accueil .infos-diapo>div:last-of-type{color:#ffffff;float:right;width:260px;padding:0px 40px 0px 60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
#texte-diaporama-accueil .infos-diapo>div:last-of-type>div:first-of-type{text-align:right;line-height:0.8em;font-size:24px;font-weight:700;padding-bottom:40px;}
#texte-diaporama-accueil .infos-diapo>div:last-of-type>div:first-of-type span{font-size:12px;font-weight:700;}
#texte-diaporama-accueil .infos-diapo>div:last-of-type>div:first-of-type u{text-decoration: none;font-size:12px;font-weight:200;}
#texte-diaporama-accueil .infos-diapo>div:last-of-type>div:first-of-type .prix-public-barre{font-size:12px;font-weight:200;}
#texte-diaporama-accueil .infos-diapo>div:last-of-type>div:first-of-type .prix-public-barre u{font-size:12px;font-weight:200;}
#texte-diaporama-accueil .infos-diapo>div:last-of-type>div:first-of-type .prix-pro-diapo{font-size:24px;font-weight:800;}
#texte-diaporama-accueil .infos-diapo>div:last-of-type>div:first-of-type .prix-pro-diapo u{font-size:14px;font-weight:800;}
#pastilles .pastille{text-decoration:none;color:#ffffff;padding-left:10px;}
#pastilles .pastille:hover{color:#fdb300;}
#pastilles .pastille.on{text-decoration:none;color:#fdb300;}
#pastilles{position:absolute;right:80px;bottom:50px;-webkit-transform:skewX(30deg);transform:skewX(30deg);z-index:10;}

/* Publicité accueil */
#promotion-accueil{position:absolute;width:585px;height:190px;right:0px;bottom:90px;z-index:3;}
#promotion-accueil img{width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.promotion-accueil-mobile{display:none;}

/* Univers accueil */
#univers{float:left;width:100%;height:400px;}
.bloc-univers{opacity:0;position:absolute;bottom:0px;width:330px;height:290px;overflow:hidden;cursor:pointer;-webkit-transition:all .1s ease-in;transition:all .1s ease-in;}
.bloc-univers:hover .dessin-triangle>div{opacity:0;}
.bloc-univers:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
.bloc-univers:nth-child(1){left:0px;z-index:1;}
.bloc-univers:nth-child(2){left:212px;z-index:2;}
.bloc-univers:nth-child(3){left:424px;z-index:3;}
.bloc-univers:nth-child(4){left:636px;z-index:4;}
.bloc-univers:nth-child(5){left:848px;z-index:5;}
.bloc-univers:nth-child(6){left:1059px;z-index:6;}
.bloc-univers:nth-child(7){left:1270px;z-index:7;}
.bloc-univers-conteneur{width:330px;height:290px;overflow:hidden;position: relative;}
.bloc-univers-conteneur-inv{-webkit-transform:scaleY(-1);transform:scaleY(-1);}
.bloc-univers-conteneur .contenu-triangle{position:absolute;z-index:2;width:100%;height:100%;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contenu-triangle{padding:40px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.contenu-triangle span{text-transform:uppercase;font-size:24px;font-family: 'Source Sans 3', sans-serif; font-weight: 800; font-style: italic;color:#ffffff;line-height:1.2em;margin-top:auto;}
.contenu-triangle p{margin:0px;color:#ffffff;font-size:16px;line-height:1.2em;padding-top:50px;}
.bloc-univers-conteneur-inv .contenu-triangle{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.bloc-univers-conteneur-inv .contenu-triangle span{margin-top:0px;margin-bottom:auto;}
.bloc-univers-conteneur .dessin-triangle{position: relative;overflow: hidden;-webkit-transform: rotate(45deg) skew(15deg,15deg);transform: rotate(45deg) skew(15deg,15deg);width: 321px;height: 322px;margin:131px 0 0 4px;background-color:#fdb300;}
.bloc-univers-conteneur .dessin-triangle>div{position: absolute;width: 200%;height: 200%;top: -50%;left: -50%;z-index: -1;opacity:0.1;background: url('../images/fond-1.jpg');background-size: 100%;background-position: center top;-webkit-transform: skew(-10deg,-10deg) rotate(-45deg) ;transform: skew(-10deg,-10deg) rotate(-45deg) ;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;}
.bloc-univers-conteneur .dessin-triangle>div span{position: absolute;-webkit-transform: skew(-10deg,-10deg) rotate(-45deg) ;transform: skew(-10deg,-10deg) rotate(-45deg) ;}
.bloc-univers:nth-child(1) .contenu-triangle p{padding-top:90px;}
.bloc-univers:nth-child(2) .contenu-triangle p{padding-bottom:90px;padding-top:0px;}
.bloc-univers:nth-child(3) .contenu-triangle p{padding-top:50px;}
.bloc-univers:nth-child(4) .contenu-triangle p{padding-bottom:90px;padding-top:0px;}
.bloc-univers:nth-child(5) .contenu-triangle p{padding-top:70px;}
.bloc-univers:nth-child(6) .contenu-triangle p{padding-bottom:63px;padding-top:0px;}
.bloc-univers:nth-child(7) .contenu-triangle p{padding-top:90px;}

.bloc-univers:nth-child(odd){
    -webkit-animation-name: animeunivers;
        -webkit-animation-duration: 0.8s;
        animation-name: animeunivers;
        animation-duration: 0.8s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
}
.bloc-univers:nth-child(even){
    -webkit-animation-name: animeunivers2;
        -webkit-animation-duration: 0.8s;
        animation-name: animeunivers2;
        animation-duration: 0.8s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;  
}

.bloc-univers:nth-child(1){-webkit-animation-delay: 0s;animation-delay: 0s;}
.bloc-univers:nth-child(2){-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.bloc-univers:nth-child(3){-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.bloc-univers:nth-child(4){-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.bloc-univers:nth-child(5){-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.bloc-univers:nth-child(6){-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.bloc-univers:nth-child(7){-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.d-none{display:none !important;}
.selectpdt .ligne-article .eco-taxe{color:white !important;}
.ligne-article .eco-taxe{color:green !important;font-size:10px !important;font-weight: normal !important;}
.ligne-article .eco-taxe u{font-size:9px !important;}

/* Animation */
@-webkit-keyframes animeunivers {
    from {bottom:-300px; opacity:0}
    to {bottom:0px; opacity:1}
}

@keyframes animeunivers {
    from {bottom:-300px; opacity:0}
    to {bottom:0px; opacity:1}
}

@-webkit-keyframes animeunivers2 {
    from {bottom:300px; opacity:0}
    to {bottom:0px; opacity:1}
}

@keyframes animeunivers2 {
    from {bottom:300px; opacity:0}
    to {bottom:0px; opacity:1}
}

@-webkit-keyframes animationentree {
    from {right:-200px; opacity:0}
    to {right:0px; opacity:1}
}

@keyframes animationentree {
    from {right:-200px; opacity:0}
    to {right:0px; opacity:1}
}

/* Apparition progressive */
.fade {opacity: 0;-webkit-transition:all 1s ease;transition: all 1s ease;left:-100%;} 
.fade.visible {opacity: 1;left:0px;}

/* Produits du moment home */
#produits-du-moment{float:left;width:100%;padding:70px 0px;}
#produits-du-moment .width1{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
#produits-du-moment .flexbox:last-of-type{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
#produits-du-moment .flexbox:first-of-type h2:first-of-type span:first-of-type{background-color:#e2eff4;}
.produit-moment{cursor:pointer;float:left;width:100%;height:150px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:22px;position: relative;left:0px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.produit-moment:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.produit-moment>img{float:left;width:210px;height:100%;-o-object-fit: contain;object-fit: contain;background-color:#ffffff;}
.produit-moment div:first-of-type{width:540px;height:100%;overflow:hidden;}
.produit-moment>div:first-of-type>div:first-of-type{background:grey;-webkit-transform: skew(-30deg);transform: skew(-30deg);margin-left:-46px;}
.produit-moment>div:first-of-type>div:first-of-type .produit-moment-desc{float:left;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:46px;-webkit-transform: skew(30deg);transform: skew(30deg);padding:30px 40px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.produit-moment-sanitaire>div:first-of-type>div:first-of-type{background-color:var(--couleurunivers1);}
.produit-moment-plomberie>div:first-of-type>div:first-of-type{background-color:var(--couleurunivers2);}
.produit-moment-chauffage>div:first-of-type>div:first-of-type{background-color:var(--couleurunivers3);}
.produit-moment-electricite>div:first-of-type>div:first-of-type{background-color:var(--couleurunivers4);}
.produit-moment-droguerie>div:first-of-type>div:first-of-type{background-color:var(--couleurunivers5);}
.produit-moment-outillage>div:first-of-type>div:first-of-type{background-color:var(--couleurunivers6);}
.produit-moment-campingaz>div:first-of-type>div:first-of-type{background-color:var(--couleurunivers7);}
.produit-moment .produit-moment-desc>div{display:-webkit-box;display:-ms-flexbox;display:flex;width:60%;height:100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;overflow:initial;}
.produit-moment .produit-moment-desc>div:last-of-type{display:block;width:40%;height:100%;padding-right:40px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;overflow:initial;text-align:right;color:#ffffff;}
.produit-moment .produit-moment-desc>div:last-of-type{text-align:right;line-height:0.8em;font-size:24px;font-weight:700;padding-bottom:40px;}
.produit-moment .produit-moment-desc>div:last-of-type span{font-size:12px;font-weight:700;}
.produit-moment .produit-moment-desc>div:last-of-type .prix-public-barre{font-weight: 200;}
.produit-moment .produit-moment-desc>div:last-of-type .prix-remise-pro{font-size: 24px;font-weight: 700;}
.produit-moment .produit-moment-desc>div:last-of-type .prix-remise-pro u{font-size: 12px;font-weight: 700;}
.produit-moment .produit-moment-desc>div:last-of-type u{text-decoration: none;font-size:12px;font-weight:200;}
.produit-moment-desc img{float:left;width:60px;height:25px;padding:2px;-o-object-fit: contain;object-fit: contain;-o-object-position: center;object-position: center;background-color: #ffffff;}
.produit-moment-desc p{padding:0px;margin:0px;color:#ffffff;font-size:16px;line-height:1.2em;}
.produit-moment-desc h3{color:#ffffff;text-transform: uppercase;font-weight: 700;font-size:20px;line-height:1.2em;margin:0px;padding:5px 0px;}

/* Offre mensuelle et catalogue */
.visuel-offre-mensuelle{width:100%;height:auto;-o-object-fit: contain;object-fit: contain;}
.catalogue{float: left;width: 100%;height: 172px;overflow:hidden;padding-top:22px;text-decoration: none;}
.catalogue>div:last-of-type{float:right;width:450px;height:100%;background-color:#2f3230;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.catalogue>div:last-of-type h4{color:#ffffff;font-weight:700;text-transform:uppercase;line-height:1.2em;font-size:24px;}
.catalogue>div:first-of-type{float:left;width:300px;overflow:hidden;height:100%;}
.catalogue-visuel-home{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transform: skew(-30deg);transform: skew(-30deg);-webkit-box-align: center;-ms-flex-align: center;align-items: center;width:100%;height:100%;overflow:hidden;margin-left:43px;}
.catalogue-visuel-home img{-webkit-transform: skew(30deg);transform: skew(30deg);margin-left:-43px;width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}

/* Verney pro avantages */
#avantages-boutique{float:left;width:100%;height:250px;display: -webkit-box;display: -ms-flexbox;display: flex;margin:10px 0px 70px 0px;}
#avantages-boutique .width1{background-color: #ffffff;height:100%;}
#avantages-boutique .width1:before{content:'';background:#2f3230;position:absolute;height:100%;right:100%;width:100vw;color:#ffffff;}
#avantages-boutique .width1>div:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:72px;margin-left:-72px;width:775px;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);background:#2f3230;color:#ffffff;height:100%;display:flex;align-items: center;}
#avantages-boutique .width1>div:first-of-type>div{-webkit-transform: skewX(30deg);transform: skewX(30deg);font-size:24px;font-weight:700;line-height:1.5em;text-align:right;}
#avantages-boutique .width1>div:first-of-type>div h4{margin:0px;padding:0px;padding-bottom:20px;font-size:24px;text-transform:uppercase;}
#avantages-boutique .width1>div:first-of-type>div>span{padding-right:50px;}
#avantages-boutique .width1>div:first-of-type>div>span a{position:relative;height:30px;text-transform: uppercase;text-decoration: none;color:#ffffff;background-color:#4dbbd0;padding:5px 10px;}
#avantages-boutique .width1>div:first-of-type>div>span a:after{position:absolute;right:-20px;top:0px;content: '';width: 0;height: 0;border-style: solid;border-width: 42px 20px 0 0;border-color: #4dbbd0 transparent transparent transparent;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#avantages-boutique .width1>div:first-of-type>div>span a:hover{background-color:#fdb300;}
#avantages-boutique .width1>div:first-of-type>div>span a:hover:after{border-color: #fdb300 transparent transparent transparent;}
#avantages-boutique .width1>div:first-of-type>div>span>span{padding-left:20px;font-size:30px;position:relative;}
#avantages-boutique .width1>div:first-of-type>div>span>span:after{position:absolute;content: "+";background-color:#4dbbd0;width:25px;height:25px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size:34px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color:#ffffff;border-radius: 50%;right:-15px;bottom:-5px;}
#avantages-boutique .width1>div:last-of-type{width:895px;padding-left:50px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#avantages-boutique .width1>div:last-of-type div{width:25%;height:100%;line-height:1.7em;color:#4dbbd0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;font-style: italic ;text-transform: uppercase;}
#avantages-boutique .width1>div:last-of-type div span{font-weight: 700;color:#2f3230;font-size:16px;}
#avantages-boutique .width1>div:last-of-type div img{padding-bottom:20px;}
#avantages-boutique u{text-decoration: none;}

/* Marques */
#marques{margin:0px auto;width:50%;}
#marques h2{text-align:center;}
#marques h2 span:first-of-type{float:unset;padding:0px 20px;}
#marques h2 span:last-of-type{width:100%;}

.content-edito.content-marques{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top:0px;}
.logo-marque-page{width:10%;padding:20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.logo-marque-page img{width:100%;height:auto;-o-object-fit: contain;object-fit: contain;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.logo-marque-page a:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

/* Défilement des logos de marques */
.fleche{cursor:pointer;position:absolute;top:5%;background-color:#2f3230;color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2;font-size:30px;height:90%;width:4%;text-align:center;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.marques-conteneur{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;float:left;width:100%;height:100px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom:50px;overflow:hidden;position:relative;}
.marques-conteneur a img{width:150px;height:100%;-o-object-fit: contain;object-fit: contain;}
.defilement-marques-conteneur{position:absolute;left:5%;top:0px;width:90%;height:100%;overflow:hidden;}
.defilement-marques-content{position:absolute;left:0%;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;}
.defilement-marques-content .logo-marque{position:absolute;top:auto;width:10%;text-align:center;height: 100%;padding: 20px 0px;}
.defilement-marques-content .logo-marque img{width:70%;height: 100%;max-height:100px;-o-object-fit: contain;object-fit: contain;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.defilement-marques-content .logo-marque img:hover{-webkit-transform: scale(1.2);transform: scale(1.2);}
#defilement-marques .fleche{top:20%;height:60%;}
#nextmarques{right:0px;border-left:1px solid #ffffff;}
#nextmarques:hover{right:0px;border-left:10px solid #ffffff;}
#prevmarques{left:0px;border-right:1px solid #ffffff;}
#prevmarques:hover{right:0px;border-right:10px solid #ffffff;}


/* Page produit */
#page-pdt{float:left;width:100%;padding-bottom:150px;}
#chemin{float:left;width:100%;}
#chemin .width1:before{content:'';background:#e2eff4;position:absolute;height:100%;right:100%;width:100vw;color:#ffffff;}
#chemin .width1>div:first-of-type{-webkit-transform:skewX(-30deg);transform:skewX(-30deg);margin-left:-20px;padding-left:20px;background:#e2eff4;width:1140px;height:68px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#chemin .width1>div:first-of-type>div{-webkit-transform:skewX(30deg);transform:skewX(30deg);}
#chemin .width1>div:first-of-type>div a{text-decoration: none;color:#000000;}
#chemin .width1>div:first-of-type>div a:hover{text-decoration: none;color:#fdb300;}
.entete-pdt{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-bottom:30px;}
.entete-pdt>div:first-of-type{width:1090px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-top:10px;}
.entete-pdt>div:last-of-type{width:440px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.entete-pdt>div:first-of-type>div>span{padding:10px;color:#ffffff;margin-right:20px;white-space: nowrap;}
.entete-pdt>div:first-of-type>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width:100%;padding-right:35px;}
.entete-pdt h2{margin-bottom:20px;}
.entete-pdt>div>div p{font-size:14px;padding:0px;margin:0px;margin-left:auto;padding-right:10px;width:auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.entete-pdt>div:first-of-type>div a{margin-left:auto;color:#ffffff;text-decoration: none;padding:2px 5px;font-size:12px;background-color: #2f3230;height:20px;position:relative;}
.entete-pdt>div:first-of-type>div a:after{position:absolute;right:-10px;top:0px;content: '';width: 0;height: 0;border-style: solid;border-width: 20px 10px 0 0;border-color: #2f3230 transparent transparent transparent;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.bloc-univers-produit{width:100%;overflow:hidden;height:106px;}
.bloc-univers-produit>div{width:100%;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);height:100%;background: var(--couleurunivers1);overflow:hidden;position:relative;margin-left:30px;}
.bloc-univers-produit>div>div{-webkit-transform:skewX(30deg);transform:skewX(30deg);height:100%;/*background: var(--imgunivers1);*/display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height:100%;width:100%;}
.bloc-univers-produit>div>div h1{position:absolute;z-index:1;margin:0px;padding:0px;text-transform: uppercase;font-size: 24px;font-family: 'Source Sans 3', sans-serif;font-weight: 800;font-style: italic;color: #ffffff;line-height: 1.2em;padding:0px 50px 0px 40px;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bloc-univers-produit>div>div img{position: absolute;width:100%;height:100%;z-index:0;-o-object-fit: cover;object-fit: cover;top:0px;left:0px;opacity:0.1;}
.fiche-pdt-col{display: -webkit-box;display: -ms-flexbox;display: flex;width:100%;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.fiche-pdt-col-1{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;width:30%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.fiche-pdt-col-1 h2, .fiche-pdt-col-2 h2{margin:0px;padding:0px;padding-bottom:20px;font-size:24px;}
    .fiche-pdt-visuel{width:100%;height:330px;border:2px solid #e2eff4;padding:10px;position:relative;}
    .fiche-pdt-visuel img{width:100%;height:100%;-o-object-fit: contain;object-fit: contain;}
    .fiche-pdt-visuel .image-marque{width:100px;height:50px;-o-object-fit: contain;object-fit: contain;-o-object-position: bottom right;object-position: bottom right;position:absolute;right:20px;bottom:20px;z-index:1;}    
        .fiche-pdt-mini-visuel{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding-top:20px;}
        .fiche-pdt-mini-visuel a{width:100px;height:100px;border:2px solid #e2eff4;margin-right:20px;}
        .fiche-pdt-mini-visuel a:last-of-type{margin-right:0px;}
        .fiche-pdt-mini-visuel a.on{border:2px solid #0071cc;border-color:var(--couleurunivers1);}
        .fiche-pdt-mini-visuel img{width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
    .description{padding-top:50px;width:100%;text-align: justify;font-size:14px;line-height: 1.5em;}
    .caract{padding-top:50px;width:100%;}
    .caract table{width:100%;}
    .caract table tr td:first-of-type{width:30%;}
    .caract table tr:nth-child(even){background-color:#e2eff4;}
    .caract table tr td{padding:10px;text-transform: uppercase;font-size:14px;font-weight: 700;}
    .telechargement{padding-top:50px;width:100%;}
    .telechargement>div{width:100%;height:50px;overflow:hidden;margin-bottom:20px;}
    .telechargement>div>div{width:100%;height:100%;background-color:#2f3230;-webkit-transform: skew(-30deg);transform: skew(-30deg);margin-left:-46px;position:relative;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    .telechargement>div>div>div{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:46px;-webkit-transform: skew(30deg);transform: skew(30deg);padding:0px 20px;padding-right:80px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;text-transform: uppercase;font-size: 16px;color:#ffffff;font-family: 'Source Sans 3', sans-serif;font-weight: 800;font-style: italic;}
    .telechargement>div>div>div i{margin-left:auto;}
    .telechargement>div>div>div a{color:#ffffff;text-decoration: none;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;height:100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    .telechargement>div>div:hover{background-color:#0071cc;padding:0px 10px;cursor:pointer;}
    
.fiche-pdt-col-2{float:left;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;width:70%;padding-left:70px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
    .bloc-liste-articles{float:left;width:100%;padding-bottom:50px;}
    .liste-articles{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;position:relative;}
    .ligne-article{width:100%;height:100px;overflow:hidden;background-color:#0071cc;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;padding-right:40px;margin-bottom:5px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    .ligne-article:hover .spec-ligne-article>div:first-of-type{background-color:#171a18;color:#ffffff;}
    .ligne-article:hover{background-color:#005eac;}
    .liste-articles.selectpdt .ligne-article:hover{background-color:#0071cc;}
    .ligne-article:hover .visuel-ligne-article{border:2px solid #171a18;}
    .liste-articles.selectpdt .ligne-article .spec-ligne-article>div:first-of-type{background-color:#005eac;color:#ffffff;}
    .liste-articles.selectpdt .ligne-article .visuel-ligne-article{border:2px solid #005eac;}
    .ligne-article .visuel-ligne-article{height:100%;width:100px;border:2px solid #e2eff4;background-color:#ffffff;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;position: relative}
    .ligne-article .visuel-ligne-article img.picto-les-essentiels{position: absolute;bottom: 2px;left: 2px;max-width: 100px;width: 50%;height: auto;padding: 0px;-webkit-box-shadow: 3px 3px 4px -3px rgba(0,0,0,0.3);box-shadow: 3px 3px 4px -3px rgba(0,0,0,0.3);}
    .ligne-article .visuel-ligne-article img{height:100%;width:100%;-o-object-fit: contain;object-fit: contain;}
    .ligne-article .spec-ligne-article{float:left;width:75%;color:#ffffff;height:100%;overflow:hidden;}
    .ligne-article .spec-ligne-article>div:first-of-type{width:100%;height:100%;-webkit-transform: skew(-30deg);transform: skew(-30deg);background-color:#e2eff4;color:#2f3230;margin-left:-30px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    .ligne-article .spec-ligne-article>div>div{width:100%;height:100%;-webkit-transform: skew(30deg);transform: skew(30deg);padding-left:50px;padding-right:40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .ligne-article .spec-ligne-article h3{text-transform: uppercase;font-size:16px;font-weight:600;margin:0px;padding:0px;}    
    .ligne-article .spec-ligne-article>div>div>div:first-of-type{width:50%;padding-right:30px;}
    .ligne-article .spec-ligne-article>div>div>div:first-of-type span{font-weight: 300;font-size:12px;}
    .ligne-article .spec-ligne-article>div>div .spec-article{width:20%;text-align:center;line-height:1.5em;font-size:12px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
    .ligne-article .spec-ligne-article>div>div .spec-article span{font-family: 'Source Sans 3', sans-serif; font-weight: 800; font-style: italic;font-size:16px;}
    .ligne-article .spec-ligne-article>div>div>div:last-of-type{width:20%;margin-left:auto;text-align:right;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
    .ligne-article .spec-ligne-article>div>div>div:last-of-type span:first-of-type{color:#ffffff;padding:2px 5px;font-size:12px;}
    .ligne-article .spec-ligne-article>div>div>div:last-of-type span:first-of-type.en-stock{position:relative;background-color:#38d010;cursor:help;}
    .ligne-article .spec-ligne-article>div>div>div:last-of-type span:first-of-type.sous-reserve{position:relative;background-color:#fdb300;cursor:help;}
    .ligne-article .spec-ligne-article>div>div>div:last-of-type span:first-of-type.indisponible{position:relative;background-color:#fd0000;}
    .ligne-article .spec-ligne-article>div>div>div:last-of-type span:first-of-type.contre-marque{position:relative;background-color:#0071cc;}
    .div-stock{cursor:help;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;height:0px;overflow:hidden;width:100%;background:#38d010;color:#ffffff;padding:0px;top:100%;left:0px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-decoration: none;font-family: 'Source Sans 3', Arial;font-style: italic;font-size:18px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    .div-stock.on{height:auto;padding:10px;}
    .div-stock.div-stock-reserve{cursor:help;background: #fdb300;color:#ffffff;font-size:12px;text-align:left;line-height:1em;left:auto;right:0px;width:160px;}
    .ligne-article .spec-ligne-article>div>div>div:last-of-type span:nth-of-type(2){font-size:10px;padding:6px 0px 0px 0px;}
    .ligne-article .spec-ligne-article>div>div>div:last-of-type span:last-of-type{font-size:24px;font-weight:800;}
    .ligne-article .spec-ligne-article>div>div>div:last-of-type span:last-of-type u{text-decoration:none;font-size:14px;text-transform: uppercase;}
    .ligne-article .qte-ligne-article{float:right;width:200px;height:100%;position:relative;}
    .ligne-article .qte-ligne-article>div:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;height:100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .ligne-article .qte-ligne-article input{width:50px;cursor:default;border:0px;background:none;text-align:center;color:#ffffff;font-size:20px;font-weight:800;font-family: 'Source Sans 3', sans-serif;}
    .ligne-article .qte-ligne-article input:focus{border:none;outline:none;}
    .bt-qte{width:40px;height:40px;font-size:44px;text-align:center;line-height:0.5em;font-weight:800;text-decoration:none;color:#ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;padding-top:10px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color:#fdb300;border-radius: 50%;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
    .bt-qte.qte-moins{padding-top:7px;}
    .bt-qte:hover{-webkit-transform: scale(1.3);transform: scale(1.3);}
    .ligne-article .qte-ligne-article:after{position:absolute;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);content:'|';color:#ffffff;right:-10px;top:20px;font-size:60px;line-height:1em;font-weight:200;}
.fiche-pdt-col-2 .ligne-article .spec-ligne-article{width:68%;}
.fiche-pdt-col-2 .ligne-article .spec-ligne-article>div>div .spec-article span{font-size:12px;}
.fiche-pdt-col-2 .ligne-article .qte-ligne-article .bt-qte{width:30px;height:30px;padding-top:7px;font-size:24px;}
.fiche-pdt-col-2 .bt-infos-article i{width:30px;height:30px;font-size:14px;}
.fiche-pdt-col-2 .ligne-article .qte-ligne-article .bt-qte.qte-plus{padding-top:9px;}
.fiche-pdt-col-2 .ligne-article .qte-ligne-article:after{font-size:40px;right:30px;top:32px;}
.fiche-pdt-col-2 .ligne-article .qte-ligne-article>div:first-of-type{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding-left:20px;}
.dispo-contre-marque{color:#ffffff;font-size:12px;width:75%; cursor:pointer;}
.resultats-liste-produit .dispo-contre-marque{color:#ffffff;font-size:12px;width:90%;padding-left:40px;}
.bt-panier-contacter{margin-left:auto;}

    .bt-panier-bis{margin-left:auto;}
    .bt-panier-bis div{top:auto;bottom:20px;font-size:24px;}
    .produits-associes{float:left;width:100%;padding-bottom:50px;}
    .liste-produits-associes{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
    .produits-associes .pdt-associe{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width:240px;margin-right:30px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    .produits-associes .pdt-associe:hover .pdt-associe-desc{background-color:#171a18;}
    .produits-associes .pdt-associe:hover .pdt-associe-prix-panier>div{background-color:#005eac;}
    .produits-associes .pdt-associe:hover .pdt-associe-visuel{border:2px solid #171a18;}

    .produits-associes .pdt-associe:last-of-type{margin-right:0px;}
    .produits-associes .pdt-associe .pdt-associe-visuel{width:100%;height:200px;position: relative;background-color:#ffffff;border:2px solid #e2eff4;padding:10px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    .produits-associes .pdt-associe .pdt-associe-visuel img:first-of-type{width:100%;height:100%;-o-object-fit: contain;object-fit: contain;}
    .produits-associes .pdt-associe .pdt-associe-visuel img.picto-les-essentiels{position: absolute;top: 2px;left: 2px;max-width: 100px;width: 50%;height: auto;padding: 0px;-webkit-box-shadow: 3px 3px 4px -3px rgba(0,0,0,0.3);box-shadow: 3px 3px 4px -3px rgba(0,0,0,0.3);}
    .produits-associes .pdt-associe .pdt-associe-visuel img:last-of-type{position:absolute;right:10px;bottom:10px;width:60px;height:30px;-o-object-fit: contain;object-fit: contain;-o-object-position: bottom right;object-position: bottom right;position: absolute;}
    .produits-associes .pdt-associe .pdt-associe-desc{background-color:#2f3230;color:#ffffff;width:100%;min-height:135px;padding:20px;font-weight:300;font-size:12px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    .produits-associes .pdt-associe .pdt-associe-desc h4{font-weight:600;font-size:16px;text-transform: uppercase;line-height:1.5em;margin:0px;padding:0px;padding-bottom:5px;}
    .produits-associes .pdt-associe .pdt-associe-prix-panier{width:100%;height:80px;overflow:hidden;}
    .produits-associes .pdt-associe .pdt-associe-prix-panier>div{-webkit-transform: skewX(-30deg);transform: skewX(-30deg);width:100%;height:100%;background-color:#0071cc;margin-left:-23px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    .produits-associes .pdt-associe .pdt-associe-prix-panier>div>div{-webkit-transform: skewX(30deg);transform: skewX(30deg);width:100%;height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .produits-associes .pdt-associe .pdt-associe-prix-panier>div>div>div:first-of-type{height:100%;text-align:right;padding-left:41px;color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .produits-associes .pdt-associe .pdt-associe-prix-panier>div>div>div:first-of-type span:first-of-type{font-size:10px;}
    .produits-associes .pdt-associe .pdt-associe-prix-panier>div>div>div:first-of-type span:last-of-type{font-size:24px;font-weight:800;}
    .produits-associes .pdt-associe .pdt-associe-prix-panier>div>div>div:first-of-type span:last-of-type u{text-decoration:none;font-size:14px;text-transform: uppercase;}
    .produits-associes .pdt-associe .pdt-associe-prix-panier>div>div>div:last-of-type{padding-right:30px;}
    .bt-panier-ter div{bottom:auto;top:18px;left:15px;width:15px;height:15px;font-size:12px;}
    .bt-panier-ter img{width:30px;height:auto;}
    .produits-associes .pdt-associe.pdt-voir-plus .pdt-associe-visuel{color:#ffffff;height:335px;padding:20px;padding-bottom:43px;background-color:var(--couleurunivers1);border:none;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .produits-associes .pdt-associe.pdt-voir-plus .pdt-associe-visuel>div{position:relative;z-index:2;font-size: 16px;text-transform: uppercase;line-height: 1.5em;}
    .produits-associes .pdt-associe.pdt-voir-plus .pdt-associe-visuel>div span{font-weight: 800;font-style: italic;}
    .produits-associes .pdt-associe.pdt-voir-plus .pdt-associe-visuel>img{width:100%;height:100%;position:absolute;left:0px;top:0px;-o-object-fit: cover;object-fit: cover;opacity:0.1;z-index:1;}
    .produits-associes .pdt-associe.pdt-voir-plus .pdt-associe-prix-panier>div{background-color: var(--couleurunivers1);}
    .bt-voir-plus{width: 40px;height: 40px;font-size: 44px;text-align: center;line-height: 0.5em;font-weight: 800;text-decoration: none;color: #ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;padding-top: 10px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: #fdb300;border-radius: 50%;}
    .bt-voir-plus:hover{-webkit-transform: scale(1.2);transform: scale(1.2);}
    .produits-associes .pdt-associe.pdt-voir-plus .pdt-associe-visuel>a{position:absolute;top:60px;left:12px;z-index:2;text-decoration: none;color:#ffffff;font-size:200px;font-weight:100;}
    .produits-associes .pdt-associe.pdt-voir-plus .pdt-associe-visuel>span{position:absolute;width:200px;z-index:2;text-align:right;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);right:-70px;top:119px;font-size:16px;text-transform: uppercase;}
    .produits-associes .pdt-associe.pdt-voir-plus .pdt-associe-visuel>span u{text-decoration: none;font-weight:800;font-size:20px;font-style: italic;}
    .produits-associes .pdt-associe.pdt-voir-plus:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
    .produits-associes .pdt-associe.pdt-voir-plus .pdt-associe-visuel>a:hover{-webkit-transform: scale(1.3);transform: scale(1.3);}

/* Page de résultats */
#page-resultats{float:left;width:100%;position:relative;}
#page-resultats .width1{min-height:100%;}
.liste-resultats-full{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;width: 80%;height: 100%;margin:0px auto;padding:0px 40px;}
.liste-resultats-full>div{width:100%;}
#bt-show-filtres-mobile, #bt-hide-filtres-mobile{display:none;}

.resultats{float:left;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;padding-top:10px;}
.resultats-filtres{float:left;width:95%;padding-right:5%;padding-bottom:22px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;/*max-height:90vh;*/overflow:auto;/*position:absolute;top:22px;*/z-index:10;}
.resultats-filtres{
  --scrollbarBG: #e2eff4;
  --thumbBG: #0071cc;
}
.resultats-filtres::-webkit-scrollbar {
  width: 5px;
}
.resultats-filtres {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.resultats-filtres::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.resultats-filtres::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
}

.resultats-liste{float: left;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;padding-left: 0px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.liste-resultat-cartouche-univers{overflow:hidden;margin-left:auto;color:#ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;height:68px;max-width:250px;}
.liste-resultat-cartouche-univers h1{position:relative;font-family: 'Source Sans 3', sans-serif; font-weight: 800; font-style: italic;font-size:24px;line-height:1.2em;text-transform: uppercase;padding:15px 20px;margin:0px;}
/*.liste-resultat-cartouche-univers h1:after{position:absolute;right:-10px;top:0px;content: '';width: 0;height: 0;border-style: solid;border-width: 20px 10px 0 0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}*/
.liste-resultat-cartouche-univers>div:first-of-type{-webkit-transform:skewX(-30deg);transform:skewX(-30deg);margin-right:-20px;margin-left:15px;padding-right:20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.liste-resultat-cartouche-univers>div:first-of-type>div{-webkit-transform:skewX(30deg);transform:skewX(30deg);}
.prix-public-barre{text-decoration: line-through;font-size:12px;}
.prix-public-barre u{text-decoration: none;}

#conteneur-showfiltre{float:left;width:20%;padding-top:75px;padding-bottom:40px;}
#conteneur-showfiltre.opened{display:block;}
#showfiltre{position:absolute;left:-140px;top:163px;background-color:#005eac;text-decoration: none;color:#ffffff;-webkit-transform: rotate(90deg);transform: rotate(90deg);text-transform: uppercase;font-size: 18px;font-family: 'Source Sans 3', sans-serif;font-weight: 800;font-style: italic;letter-spacing:2px;}
#showfiltre:hover{left:-130px;}
#showfiltre span{padding:0px 15px;}
#showfiltre i{background-color:#fdb300;padding:15px 15px 40px 15px;}
.titre-form_filtre{width:100%;background-color:#005eac;padding:10px;color:#ffffff;text-transform: uppercase;font-size: 24px;line-height:1em;font-family: 'Source Sans 3', sans-serif;font-weight: 700;padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.titre-form_filtre i{font-size:14px;margin-left:auto;}

.resultats-liste-produit{float:left;width:100%;padding-bottom:50px;}
.resultats-liste .bloc-liste-articles .resultats-liste-produit>h3{float:left;width:100%;position:relative;text-transform: uppercase;font-size: 16px;font-weight: 600;margin: 0px;padding: 0px;margin-bottom:20px;padding-left:100px;}
.resultats-liste .bloc-liste-articles .resultats-liste-produit>h3 span:first-of-type{float: left;position: relative;height: 100%;background-color: #ffffff;z-index: 1;padding-right: 20px;}
.resultats-liste .bloc-liste-articles .resultats-liste-produit>h3 span:last-of-type{position: absolute;width: 90%;top: 46%;right: 0px;}
.resultats-liste .bloc-liste-articles .resultats-liste-produit>h3 img{position:absolute;right:0px;width:100px;height:30px;-o-object-fit: contain;object-fit: contain;-o-object-position: bottom right;object-position: bottom right;bottom:-6px;padding-left:20px;background-color:#ffffff;}

.ligne-article:hover .bt-infos-article{opacity:1;-webkit-transform: scale(1);transform: scale(1);}
.liste-articles.selectpdt .ligne-article:hover .bt-infos-article{display:none;}
.bt-infos-article{position:absolute;left:-35px;top:0px;height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transform: scale(3);transform: scale(3);opacity:0;}
.bt-infos-article i{color:#ffffff;background-color:#fdb300;width:40px;height:40px;border-radius:50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.ligne-article .bt-infos-article:hover{-webkit-transform: scale(1.3);transform: scale(1.3);}

.bt-voir-plus-articles{width:100%;overflow:hidden;padding-left:100px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.bt-voir-plus-articles>div{width:100%;overflow: hidden;}
.bt-voir-plus-articles>div>div{width:100%;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);margin-left:-10px;background-color:#005eac;color:#ffffff;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.bt-voir-plus-articles>div>div>div{-webkit-transform:skewX(30deg);transform:skewX(30deg);}
.bt-voir-plus-articles a{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-decoration: none;color:#ffffff;padding:10px 30px 10px 20px;text-transform: uppercase;font-size: 16px;font-weight: 600;}
.bt-voir-plus-articles a i{margin-left:auto;}
.bt-voir-plus-articles:hover{padding-left:0px;}
.bt-voir-plus-articles:hover >div>div{background-color:#141414 !important;}
.bt-voir-plus-articles:hover >div>div a{color:#ffffff !important;}
.bt-voir-plus-articles .lien-voir-plus-articles-mobile{display:none;}
.liste-articles-off{opacity:0;display:none;}

.destockage{position:absolute;left:0px;top:0px;line-height:1em;padding:5px;letter-spacing:1px;font-size:8px;text-transform:uppercase;background:#fdb300;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color:#ffffff;}
.nouveaute{position:absolute;left:0px;top:0px;line-height:1em;padding:5px;letter-spacing:1px;font-size:8px;text-transform:uppercase;background:#0dee63;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color:#ffffff;}

#pagination{float:left;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding:30px 20px;background-color:#005eac;color:#ffffff;}
#pagination a{color:#ffffff;text-decoration:none;}
#pagination .page, #pagination .page-on{padding:5px;font-size:20px;color:#ffffff;margin:0px 5px;}
#pagination .page-on{background-color:#fdb300;color:#ffffff;}
#pagination .page-prev{margin-right:auto;}
#pagination .page-next{margin-left:auto;}

/* Filtres */
.bloc-detail-filtre{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-top:20px;}
.bloc-detail-filtre:hover>div:first-of-type{padding-left:18px;}
.bloc-detail-filtre>div:first-of-type{position:relative;border:2px solid #e2eff4;border-bottom:0px;border-left:0px;padding:25px 20px 0px 20px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.bloc-detail-filtre>div:last-of-type{width:100%;height:40px;overflow: hidden;}
.bloc-detail-filtre>div:last-of-type>div{width:100%;height:100%;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);margin-left:-11px;border:2px solid #e2eff4;border-top:0px;border-left:0px;}
.bloc-detail-filtre>div:last-of-type>div>div{-webkit-transform:skewX(30deg);transform:skewX(30deg);}
.voir_filtre{position:absolute;right:5px;top:15px;font-size:30px;color:#005eac;text-decoration: none;}
.voir_filtre:hover{color:#fdb300;}
.bloc-detail-filtre.masquer .checkbox{display:none;}

.titre-filtre{font-family: 'Source Sans 3', sans-serif;font-weight: 800;font-style: italic;font-size: 16px;text-transform: uppercase;padding:0px;margin: 0px;padding-bottom:15px;padding-right:20px;float:left;width:100%;}
.titre-filtre>span{padding-right:5px;}
.checkbox{float:left;width:100%;padding:0px 10px 5px 0px;font-size: 12px;line-height: 16px;}
.checkbox .checkbox{padding:5px 20px 5px 28px;}
.checkbox .checkbox:first-of-type{padding-top:10px;}
    .checkbox input { display: none; }
    .checkbox input:checked ~ label::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c";background-color:#2f3230;color:#ffffff;font-size:10px;}
    .checkbox label::before {float:left;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;display: inline-block;content: "\00a0"; /* blanc */width: 16px;height:16px;box-sizing:border-box;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align: center;background: #ffffff;border:2px solid #2f3230;}
    .checkbox label {cursor: pointer;font-family: 'Source Sans 3', sans-serif;font-weight: 400;font-style: italic;font-size: 16px;}
    .checkbox label:hover::before { background: #e2eff4;border:5px solid #2f3230;}
    .checkbox input:disabled ~ label { color: #aaa; }
    .checkbox input:disabled ~ label::before { background: #ccc; }
    .tranche-prix{float:left;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .bt-filtre-prix{margin-top:20px;}
    .tranche-prix>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding:10px 0px;}
    .tranche-prix>div:last-of-type{padding:0px;margin:0px 8px;}
    .tranche-prix>div span{font-weight: 800;}
    .tranche-prix input[type="number"]{border:0px;text-align:center;width:40%;background-color:#ffffff;font-family: 'Source Sans 3', sans-serif;font-weight: 800;font-style: italic;font-size: 16px;color:#2f3230;}
.suppr-all-filtre{text-decoration: none;font-size:12px;margin-left:auto;border:1px solid #fdb300;padding:5px;margin-top:5px;color:#ffffff;line-height:1em;background:#fdb300;}
.suppr-all-filtre i{padding-right:5px;}
.suppr-all-filtre:hover{background-color:#0071cc;border:1px solid #0071cc;}

/* Footer */
footer{float:left;width:100%;background-color:#0071cc;color:#ffffff;padding-top:50px;padding-bottom:50px;}
footer .width1{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
    footer .width1>div{width:21%;height:100%;line-height:1.5em;font-weight: 300;padding-right:10px;}
    footer .width1>div:first-of-type{width:16%;}
    footer .width1>div h4{text-transform: uppercase;}
    footer .width1>div a{text-decoration: none;color:#ffffff;font-weight: 300;}
    footer .width1>div u{color:#fdb300;text-decoration:none;}
    footer .width1>div .lien-res{text-decoration:none;color:#fdb300;padding-right:10px;}


/* Panier */
#titre-panier-mobile{display:none;}
#panier{float:left;width:100%;padding-bottom:60px;}
#paniers{float:left;width:25%;margin-bottom:auto;}
.panier-vide{float:left;width:100%;height:100%;background-color:#edf0f3;padding:20px;font-size:16px;}
.panier-vide i{padding-right:10px;}
.page-panier .bloc-univers-produit>div{background-color:#fdb300;}
.page-panier .bloc-univers-produit{height:80px;}
    #paniers .bt-base{-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;width:80%;margin-bottom:20px;text-align:left;text-transform: inherit;padding:15px 30px 15px 30px;position:relative;line-height:1em;}
    #paniers .bt-base .picto-panier{float:left;color:#1f2c4f;padding-right:10px;}
    #paniers .ligne-panier-sauv .bt-base.panier-on{background-color:#1f2c4f;color:#ffffff;border:2px solid #1f2c4f;}
#panier-en-cours{float:right;width:75%;padding-bottom:80px;margin-bottom:auto;}
#panier-en-cours .prix-public-barre, .page-recap .prix-public-barre{font-size:16px;}
.panier-public #panier-en-cours{float:left;width:100%;}
#panier-en-cours .td-desc a{ color:#0c0c0c;text-decoration:none;}
#panier-en-cours .spec-ligne-article{width:68%;}
#paniers #afficher-paniers-m{display:none;width:100%;background-color:#fdb300;color:#ffffff;}
#panier #afficher-paniers-m{width:100%;}
#panier #afficher-paniers-m:hover{background-color:#1f2c4f;}
.ligne-panier-sauv{float:left;width:100%;}
#paniers .ligne-panier-sauv .bt-base{padding:0px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color:#ffffff;border:2px solid #e2eff4;}
.ligne-panier-sauv .bt-base a{display:-webkit-box;display:-ms-flexbox;display:flex;color:#1f2c4f;text-decoration:none;width:100%;height:100%;padding:20px 0px;font-weight: 800;font-style: italic;text-transform: uppercase;letter-spacing: 0px;font-size:12px;}
.ligne-panier-sauv .bt-base i{font-size:20px;color:#2f3230;}
.ligne-panier-sauv .bt-base a:hover{color:#fdb300;}
.ligne-panier-sauv .bt-base:hover{background-color:#ffffff;}
.ligne-panier-sauv .panier-on a{color:#ffffff;}
.ligne-panier-sauv .panier-on i{color:#fdb300;}
#paniers .bt-base.panier-on .picto-panier{float:left;color:#fdb300;padding-right:10px;}
#paniers .ligne-panier-sauv .bt-creer-panier{display:inline-block;background-color:#0071cc;color:#ffffff;padding:20px 25px;font-size:18px;border:1px solid #0071cc;font-weight: 800;text-transform: uppercase;font-style: italic;letter-spacing: 1px;padding:15px;}
#paniers .ligne-panier-sauv .bt-creer-panier:hover{border:1px solid #1f2c4f;padding:15px 20px;}
#paniers .ligne-panier-sauv .bt-creer-panier i{float:right;padding-left:4px;color:#ffffff;}
#nom-du-panier{display:none;float:left;width:100%;padding:15px 30px;text-align:center;color:#1f2c4f;font-size:16px;font-family: 'Source Sans 3', sans-serif;border-radius:30px;background-color:#eeeeee;}
#nom-du-panier i{padding-right:5px;}
.nom-panier{float:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;}
.suppr{float:left;color:#ffffff;font-size:30px;padding-right:10px;}
.suppr a{color:#ffffff;text-decoration:none;}
.suppr a:hover{color:#D9020C;}
.charg{margin-left: auto;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;float:right;color:#ffffff;padding-left:10px;font-size:30px;position:relative;}
.charg a{color:#fdb300;text-decoration:none;}
.load{float:left;color:#fdb300;padding-right:5px;font-size:30px;}
.load a{color:#fdb300;text-decoration:none;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.load a:hover{color:white;}
.load a:hover i{-webkit-transform: scale(0.9);transform: scale(0.9);}
.load .fas{color:#fdb300;}
#paniers .bt-base:hover .load .fas{color:#fdb300;}
.charg a:hover{color:#2EB922;text-decoration:none;}
.edition-panier{float:right;width:20%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 5px 0px 20px;}
.edition-panier a{color:#1e2b50;text-decoration:none;}
    .edition-panier a:hover{color:#fdb300;text-decoration:none;}
.edition-panier i{font-size:22px;}
.edition-panier .save i{color:#fdb300;}
.edition-panier .save:hover i{color:#2EB922;}
.bloc-suppr-ligne-panier{position:relative;margin-left:auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.bloc-suppr-ligne-panier>div{padding-right:10px;color:#ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height:100%;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.bloc-suppr-ligne-panier>div span:first-of-type{font-size:10px;}
.bloc-suppr-ligne-panier>div span:last-of-type{font-size: 24px;font-weight: 800;}
.bloc-suppr-ligne-panier>div span:last-of-type u{text-decoration: none;font-size: 14px;text-transform: uppercase;}
.suppr-ligne-panier{text-decoration:none;background-color:#f15f67;color:#ffffff;height:100%;font-size:16px;position:absolute;right:-40px;top:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:5px 10px;}
.suppr-ligne-panier:hover{background-color:#D9020C;padding:5px 12px;}
.td-total{font-family:'Source Sans 3', sans-serif;font-size:18px;}
.td-desc div:first-of-type{position:relative;float:left;width:20%;height:auto;padding:10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.picto-points{position:absolute;z-index:2;right:-5px;top:-5px;background-color:#D99F01;color:#ffffff;padding:3px;border-radius:5px;}
.picto-points i{padding-right:2px;}
.td-desc div:first-of-type img{width:100%;max-height:50px;height:auto;-o-object-fit: contain;object-fit: contain;}
.td-desc div:nth-of-type(2){float:left;padding-left:8%;width:80%;height:auto;text-align:left;line-height:1.5em;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.td-desc div:nth-of-type(2) span{/*text-transform: uppercase;*/line-height:1em;font-family:'Source Sans 3', sans-serif;font-size:20px;padding-top:15px;}
.table-panier{width:100%;}
.table-panier tr td{width:10%;}
.table-panier tr td:first-of-type{width:35%;}
.table-panier tr td:last-of-type{width:5%;}
.table-panier thead th{background-color:#e2eff4;padding:15px 10px;border-right:2px solid #ffffff;}
.table-panier thead th:first-child{text-align:left;padding-left:10%;}
.table-panier thead th:last-child{}
#total-panier{float:right;width:100%;border-top:3px solid #000000;padding-top:50px;margin-top:55px;text-align:right;}
#total-panier>div{float:right;width:30%;line-height:2.5em;}
#total-panier>div div{float:right;width:50%;font-size:24px;font-weight:800;font-style: italic;font-family:'Source Sans 3', sans-serif;text-transform: uppercase;}
#total-panier>div strong{font-weight:800;font-style: italic;}
#total-panier>div strong u{text-decoration: none;font-size:16px;}
#total-panier>div div:nth-of-type(1){}
.actions-panier{float:right;width:100%;text-align:right;padding-top:20px;}
.actions-panier>div{float:right;width:100%;}
.actions-panier a{float:right;margin-left:20px;min-width:360px;text-align:center;font-size:18px;padding:15px;}
.actions-panier a i{font-size:20px;padding-right:5px;}
.bt-valider-panier{background-color:#0071cc;color:#ffffff;}
.bt-demander-devis{background-color:#fdb300;color:#ffffff;}
.bt-supprimer-panier{background-color:#D9020C;color:#ffffff;}
.qte-panier>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;height: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.qte-panier>div input{width: 50px;cursor: default;border: 0px;background: none;text-align: center;color: #000000;font-size: 20px;font-weight: 800;font-family: 'Source Sans 3', sans-serif;}


#total-panier .franco{width:100%;float:left;background-color:#2f3230;text-transform: uppercase;font-size: 16px;font-weight: 600;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom:20px;}
#total-panier .franco>i{padding:10px 30px;font-size:20px;width:100px;color:#ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height:100%;}
#total-panier .message_franco{width:100%;}
#total-panier .message_franco strong, #total-panier .message_franco strong u{color:#D9020C;font-size:18px;}
#total-panier .franco-ok{padding:10px 30px;background:#d8ffcb;width:100%;font-size:14px;}
#total-panier .franco-ko{padding:10px 30px;width:100%;font-size:14px;background:#e2eff4;}
#total-panier .message_franco .franco-ok strong{color:#06bb00;}

#panier-en-cours .ligne-article .spec-ligne-article{width:62%;}
#panier-en-cours .ligne-article .spec-ligne-article>div>div .spec-article span{font-size:12px;}
#panier-en-cours .ligne-article .qte-ligne-article .bt-qte{width:30px;height:30px;padding-top:7px;font-size:24px;}
#panier-en-cours .bt-infos-article i{width:30px;height:30px;font-size:14px;}
#panier-en-cours .ligne-article .qte-ligne-article .bt-qte.qte-plus{padding-top:9px;}
#panier-en-cours .ligne-article .qte-ligne-article:after{font-size:40px;right:30px;top:32px;}
#panier-en-cours .ligne-article .qte-ligne-article>div:first-of-type{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding-left:20px;}

/* Commande rapide */
.titre-cmd-rapide-mobile{display:none;font-size:20px;color:#ffffff;background-color:#0071cc;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-left:10px;text-transform: uppercase;}
.bt-cmdrapide{text-decoration:none;position:absolute;right:0px;top:0px;font-size:14px;background-color:#008DD4;color:#ffffff;height:100%;width:110px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;text-align:center;border-top-right-radius:60px;border-bottom-right-radius:60px;padding:29px 20px;}
.bt-cmdrapide img{width: auto;height: 55px;padding-bottom: 5px;}
.bt-cmdrapide:hover{background-color:#3cb371;}
.bt-cmdrapide-m{display:none;}
.titre-full-bleu img{position:absolute;right:30px;top:12px;float:right;height:50px;width:auto;}
.bloc-cmd-rapide{float:left;width:100%;padding:20px 20px 80px 20px;}
.table-cmdrapide{float:left;width:100%;font-size:14px;}
.table-cmdrapide thead{}
.table-cmdrapide thead th{text-align:center;font-weight:normal;width:10%;background-color:#0071cc;color:#ffffff;padding:20px 0px;font-weight:800;font-style: italic;text-transform: uppercase;font-size:12px;border-bottom:2px solid #ffffff;}
.table-cmdrapide thead th:nth-of-type(3){width:10%;}
.table-cmdrapide thead th:nth-of-type(6){width:15%;}
.table-cmdrapide thead th:last-child{width:5%;}
.table-cmdrapide thead th:first-child{width:30%;}
.table-cmdrapide tr td{text-align:center;height:50px;background:#e2eff4;border-bottom:2px solid #ffffff;border-top:2px solid #ffffff;}
.champ-recherche-cmdrapide{font-size:14px;border:0px;width:90%;height:50px;padding:5px 15px;border:2px solid #e2eff4;    font-family: 'Source Sans 3', sans-serif;font-weight: 700;font-style: italic;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.champ-recherche-cmdrapide:focus::-webkit-input-placeholder{color:#ffffff;}
.champ-recherche-cmdrapide:focus::-moz-placeholder{color:#ffffff;}
.champ-recherche-cmdrapide:focus:-ms-input-placeholder{color:#ffffff;}
.champ-recherche-cmdrapide:focus::placeholder{color:#ffffff;}
.champ-recherche-cmdrapide:focus{outline:none;color:#ffffff;background-color:#f3f3f3;border:2px solid #2f3230;background-color:#2f3230;}
.table-cmdrapide tr td:first-child{text-align:left;position:relative;}
.td-unite{font-family: 'FiraSB', Arial;font-size:12px;}
.td-gras-prix{font-family: 'FiraSB', Arial;font-size:18px;}
.td-gras-prix span{font-size:14px;}
.bt-ajout-ref-cmd{float:left;width:100%;text-align:center;padding-top:30px;}
.bt-ajout-ref-cmd a i{padding-right:5px;}
.bt-ajout-ref-cmd a {padding-left:30px;padding-right:30px;}
.recap-cmdrapide{float:left;width:100%;text-align:center;border-top:2px solid #1e2b50;padding-top:20px;margin-top:20px;font-size:14px;}
.recap-cmdrapide thead th:first-child{}
.recap-cmdrapide thead th:last-child{}
.recap-cmdrapide th{font-weight:normal;background-color: #e4e4e4;}
.recap-cmdrapide td, .recap-cmdrapide th{width:33%;padding:10px 5px;}
.bloc-cmd-rapide #total-panier{padding-top:30px;margin-top:30px;}
.bloc-cmd-rapide .actions-panier a{min-width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;padding:15px;}
.bloc-cmd-rapide .actions-panier a img, .bloc-cmd-rapide .actions-panier .bt-valider-cmdrapide i{padding-right:15px;}
.bloc-cmd-rapide .bt-ajout-multipanier span{display:none;}
.actions-panier .bt-valider-cmdrapide{background-color:#fdb300;margin-left:40px;}
.recherche-rapide{line-height:2em;font-size:14px;max-height:220px;color:#ffffff;color:#000000;/*width:90%*/;width:800px;background-color:#ffffff;padding:20px 15px;display:none;overflow:auto;position:absolute;top:50px;left:0px;z-index:5;border:2px solid #2f3230;}
.recherche-rapide a{width:100%;text-decoration:none;color:#000000;line-height:1em;padding:7px 0px;float:left;border-bottom:2px solid #dfdfdf;}
.recherche-rapide a:first-of-type{padding-top:0px;}
.recherche-rapide a:last-of-type{border-bottom:0px;}
.recherche-rapide a:hover{color:#fdb300;}
.recherche-rapide {
  --scrollbarBG: #2f3230;
  --thumbBG: #fdb300;
}
.recherche-rapide::-webkit-scrollbar {
  width: 8px;
}
.recherche-rapide {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.recherche-rapide::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.recherche-rapide::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
}

.recherche-rapide .cmd-rapide-internet, .recherche-rapide .cmd-rapide-internet:hover{color:#b8b8b8;cursor:default;}

/* Commande rapide Verney */
#bloc-commande-rapide{float:left;width:100%;}
.qte-cmd-rapide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;height:100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.qte-cmd-rapide input{width:50px;cursor:default;border:0px;background:none;text-align:center;color:#1e2b50;font-size:20px;font-weight:800;font-family: 'Source Sans 3', sans-serif;}
.qte-cmd-rapide .bt-qte{width:30px;height:30px;padding-top:7px;font-size:24px;}
.qte-cmd-rapide .qte-plus{padding-top:9px;}
.table-cmdrapide .cmd-rapide-prix span{font-weight:800;font-size:18px;}
.table-cmdrapide .cmd-rapide-prix span u{text-decoration: none;font-size:12px;text-transform: uppercase;}
.table-cmdrapide .cmd-rapide-stock span{color: #ffffff;padding: 2px 5px;font-size: 12px;} 
.en-stock{background-color:#38d010;}
.sous-reserve{background-color:#fdb300;}
.indisponible{background-color:#fd0000;}
.contre-marque{background-color:#0071cc;}
.table-cmdrapide .cmd-rapide-suppr a{text-decoration:none;background-color:#f15f67;color:#ffffff;height:100%;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px 10px;width:50px;float:right;}
.table-cmdrapide .cmd-rapide-suppr a:hover{background-color:#D9020C;padding:5px 12px;}
#etape2rapide{float:left;width:100%;text-align:right;padding-bottom:80px;}


.loader div { border: 2px solid #f3f3f3;border-top: 2px solid #0071cc; border-radius: 50%; width: 14px; height: 14px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
.loader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}

/* Popup */
.popup-content-details {
  --scrollbarBG: #2f3230;
  --thumbBG: #fdb300;
}
.popup-content-details::-webkit-scrollbar {
  width: 8px;
}
.popup-content-details {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.popup-content-details::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.popup-content-details::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
}

#popup{position:fixed;z-index:1000;top:0px;left:0px;opacity:0;width:100%;height:100%;background-color: rgba(127,130,131,0.8);display:none;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.popup-content{position:relative;top:-500px;width:50%;max-width:800px;opacity:0;height:auto;padding:20px;background-color: #ffffff;display:none;}
.popup-content>div:first-of-type{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;padding-bottom:20px;border-bottom:3px solid #e2eff4;}
.popup-content>div:first-of-type span{font-style: italic;font-weight: 800;font-size:18px;text-transform: uppercase;}
.popup-content>div:first-of-type a{text-decoration: none;color:#005eac;font-size:24px;}
.popup-content>div:first-of-type a:hover{-webkit-transform: scale(1.3);transform: scale(1.3);}
.popup-content .popup-content-details{width:100%;padding:20px 0px;max-height:50vh;overflow:auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.popup-content>div:last-of-type{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;border-top:3px solid #e2eff4;padding-top:20px;}
.popup-content>div:last-of-type a{min-width:40%;}
.popup-content .popup-content-details>div:first-of-type{padding-bottom:10px;font-size:18px;}
.bt-ajout-panier{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;letter-spacing:1px;text-decoration: none;background-color:#2f3230;color:#ffffff;padding:10px 15px;font-size:12px;text-transform:uppercase;margin-bottom:10px;font-style: italic;font-weight: 800;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.bt-ajout-panier-courant span{font-size:10px;background-color:#ffffff;color:#2f3230;padding:1px 5px;margin-left:10px;}
.bt-ajout-panier-courant span i{padding-right:3px;}
.bt-ajout-panier-courant{background-color:#fdb300;}
.bt-ajout-nouveau-panier{background-color:#0071cc;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.bt-ajout-panier:hover{padding-left:30px;}
#mon-compte{width:40%;}
#retour-ajout-panier .popup-content-details>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width:100%;}
#retour-ajout-panier .popup-content-details>div>div:first-of-type{width:40%;max-height:300px;border:2px solid #e2eff4;padding:10px;}
#retour-ajout-panier .popup-content-details>div>div:first-of-type img{width:100%;height:100%;-o-object-fit: contain;object-fit: contain;}
#retour-ajout-panier .popup-content-details>div>div:last-of-type{width:60%;padding-left:20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;line-height:1em;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#retour-ajout-panier .popup-content-details>div>div:last-of-type>div:first-of-type .spe-pdt-popup{font-size:12px;letter-spacing: 1px;font-style: italic;text-transform: uppercase;}
#retour-ajout-panier .popup-content-details>div>div:last-of-type>div:first-of-type>span:first-of-type{font-size:18px;font-weight:800;font-style: italic;color:#005eac;text-transform: uppercase;padding-bottom:10px;}
#retour-ajout-panier .popup-content-details>div>div:last-of-type>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
#retour-ajout-panier .popup-content-details>div>div:last-of-type>div:last-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width:100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;background-color:#e2eff4;padding:20px;}
#retour-ajout-panier .popup-content-details>div>div:last-of-type>div:last-of-type>span:first-of-type{font-size:20px;font-weight:800;font-style: italic;color:#2f3230;text-transform: uppercase;}
#retour-ajout-panier .popup-content-details>div>div:last-of-type>div:last-of-type>span:first-of-type u{text-decoration:none;color:#005eac;}
#retour-ajout-panier .popup-content-details>div>div:last-of-type>div:last-of-type>span:last-of-type{font-size:28px;font-weight:800;font-style: italic;color:#2f3230;text-transform: uppercase;}
#retour-ajout-panier .popup-content-details>div>div:last-of-type>div:last-of-type>span:last-of-type u{text-decoration:none;font-size:12px;}
#retour-ajout-panier  .bt-popup-acceder-panier{background-color:#fdb300;width:60%;border-left:20px solid #ffffff;}

.popup-content .popup-content-details>div:first-of-type strong{font-weight:800;font-style: italic;}
.popup-content>div:last-of-type a:last-of-type{background-color: #38d010;}
.popup-content>div:last-of-type a:last-of-type:hover{background-color: #2cad0b;}

#popup-detail table tr th:last-of-type, #popup-detail table tr td:last-of-type{width:20%;text-align:right;}

#popup-renamepanier input, #popup-nom-panier input{border:0px;background-color: #1f2c4f;color:#ffffff;font-family: 'Source Sans 3', sans-serif;font-weight: 700;font-style: italic;font-size: 14px;padding:15px;width:100%;margin-top:20px;}

#popup-commandeproduit .ligne_form{padding-bottom:5px;}
#popup-commandeproduit .ligne_form input{padding:10px;margin-bottom:10px;}
#popup-commandeproduit .ligne_form label{font-weight: 800;font-style: italic;text-transform: none;}
#popup-commandeproduit .ligne_form textarea{height:80px;padding:10px;text-transform: none;margin-bottom:10px;}
.souhait-commande-pdt{font-weight: 800;font-style: italic;}
.souhait-commande-pdt i{padding-right:5px;}
#nom_produit_commande{text-transform: uppercase;font-weight:800;padding:10px;margin:10px 0px 20px 0px;background-color: #f0f0f0;}
#popup-commandeproduit input[type="submit"]{width:100%;margin-top:5px;}

#imprim-panier .bt-popup-choix-prix a{margin-bottom:10px;}

/* Famille */
#header-famille{float:left;width:100%;height:300px;overflow:hidden;}
#header-famille>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;position:relative;}
#header-famille>div:after{content: '';background: #2f3230;position: absolute;height: 100%;left: 100%;width: 100vw;}
#header-famille>div>div:first-of-type{-webkit-transform: skewX(-30deg);transform: skewX(-30deg);overflow:hidden;width:1151px;margin-left:-100px;}
#header-famille>div>div:first-of-type>div{-webkit-transform: skewX(30deg);transform: skewX(30deg);width:130%;height:300px;margin-left:-100px;}
#header-famille>div>div:first-of-type>div *{width:100%;height:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center center;object-position:center center;}
#header-famille>div>div:last-of-type{float:right;background-color:#2f3230;height:100%;margin-left:-100px;width:649px;}
#header-famille-titre{position:absolute;right:0px;bottom:0px;}
#header-famille-titre>div{width:800px;height:100px;overflow:hidden;margin-right:-50px;overflow:hidden;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);}
#header-famille-titre>div>div{position:relative;width:100%;height:100%;-webkit-transform: skewX(30deg);transform: skewX(30deg);padding-left:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
#header-famille-titre>div>div h1{color:#ffffff;text-transform: uppercase;font-style: italic;font-weight: 800;font-family: 'Source Sans 3', sans-serif;font-size:24px;letter-spacing:2px;}
#acces-famille{float:left;width:100%;padding:50px 0px 80px 0px;}
#acces-sousfamille{float:left;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
#acces-sousfamille>div{width:300px;height:300px;margin-bottom:25px;margin-right:25px;position:relative;border:2px solid #e2eff4;cursor:pointer;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#acces-sousfamille>div:nth-of-type(5n){margin-right:0px;}
#acces-sousfamille>div:hover{border:2px solid #2f3230;}
#acces-sousfamille>div:hover .titre-sousfamille>div{background-color:#2f3230 !important;}
#acces-sousfamille>div:hover .titre-sousfamille{width:100%;}
#acces-sousfamille>div img{width:100%;height:100%;-o-object-fit: contain;object-fit: contain;padding:40px;}
#acces-sousfamille>div .titre-sousfamille{overflow:hidden;width:80%;position:absolute;z-index:2;right:-2px;bottom:-2px;width:80%;padding-left:15px;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#acces-sousfamille>div .titre-sousfamille>div{-webkit-transform: skewX(-30deg);transform: skewX(-30deg);padding:10px;margin-right:-20px;padding-left:30px;padding-right:30px;}
#acces-sousfamille>div .titre-sousfamille>div h3{-webkit-transform: skewX(30deg);transform: skewX(30deg);margin:0px;line-height:1em;color:#ffffff;}

/* Connexion */
#form-connexion{float:left;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#form-connexion>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#form-connexion>div:first-of-type{width:100%;}
#form-connexion>div:first-of-type input{padding:20px;border:3px solid #e2eff4;font-family: 'Source Sans 3', sans-serif;font-size:16px;font-style: italic;font-weight:800;text-transform: uppercase;color:#000000;margin-bottom:20px;}
#form-connexion>div:first-of-type input:focus{background-color:#e2eff4;}
#form-connexion>div:first-of-type input::-webkit-input-placeholder{font-style: italic;font-weight:800;text-transform: uppercase;}
#form-connexion>div:first-of-type input::-moz-placeholder{font-style: italic;font-weight:800;text-transform: uppercase;}
#form-connexion>div:first-of-type input:-ms-input-placeholder{font-style: italic;font-weight:800;text-transform: uppercase;}
#form-connexion>div:first-of-type input::placeholder{font-style: italic;font-weight:800;text-transform: uppercase;}
#form-connexion>div:first-of-type a{color:#0071cc;padding-bottom:20px;}
#form-connexion>div:last-of-type{width:100%;}
#form-connexion>div:last-of-type a:first-of-type{padding:10px;margin-bottom:10px;font-size:12px;}
#form-connexion>div:last-of-type button{font-size:18px;padding:20px;background-color:#fdb300;border:0px;cursor:pointer;}
#form-connexion>div:last-of-type button:hover{background-color:#ffc131;}

/* Edito */
.content-edito{float:left;width:100%;padding:60px 0px;}
.content-edito .width1>div{float:left;width:100%;line-height:1.5em;font-size:18px;text-align: justify;}
.content-edito .width1>div h2, .content-edito .width1>div h3{padding:20px 0px 10px 0px;margin:0px;}

/* Compte */
.page-compte .entete-pdt{padding-bottom:60px;}
.page-compte .bloc-univers-produit{height:80px;}
.page-compte .bloc-univers-produit>div{background-color:#4dbbd0;}
.details-page-compte{float:left;width:100%;}
.bloc-g-client{float:left;width:70%;padding-right:40px;}
.bloc-d-client{float:right;width:30%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position:relative;background-color:#4dbbd0;padding-top:80px;}
.bloc-d-client>div{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:20px;}
.bloc-d-client>div:nth-of-type(even){background-color:#f0f6f8;}
.bloc-d-client>div:nth-of-type(odd){background-color:#e2eff4;}
.bloc-d-client>div{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.bloc-d-client>div span:first-of-type{font-weight: 800;}
.bloc-d-client>div span:last-of-type{font-weight: 800;font-style: italic;text-transform: uppercase;}
.bloc-d-client>div:first-of-type {position:absolute;top:-20px;left:20px;width:413px;padding:0px 20px 0px 0px;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;background:none;color:#ffffff;}
.bloc-d-client>div:first-of-type i{font-size:30px;background-color:#fdb300;color:#ffffff;border-radius: 50%;padding:5px;width:80px;height:80px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.bloc-d-client>div:first-of-type span{font-weight:800;font-style: italic;padding-left:20px;text-transform: uppercase;padding-bottom:10px;white-space: nowrap;overflow: hidden;max-width:300px;text-overflow: ellipsis;}
.bloc-d-client>div:last-of-type, .bloc-d-client>div.mw{background-color:#ffffff;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding:20px 0px;}
.bloc-d-client>div:last-of-type span:first-of-type, .bloc-d-client>div.mw span:first-of-type{padding:20px;width:100%;font-weight:800;font-style: normal;text-transform: inherit;background-color:#4dbbd0;color:#ffffff;font-size:16px;}
.bloc-d-client>div:last-of-type span:first-of-type:before,.bloc-d-client>div.mw span:first-of-type:before{content:'';}
.bloc-d-client>div:last-of-type span,.bloc-d-client>div.mw span{font-weight:600;font-style: italic;text-transform: uppercase;background-color:#e2eff4;width:100%;padding:20px;font-size:14px;}
.bloc-d-client>div:last-of-type span:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5";padding-right:5px;}
.bloc-d-client>div:last-of-type span:nth-of-type(even),.bloc-d-client>div.mw span:nth-of-type(even){background-color:#f0f6f8;}
#deco2{position:absolute;right:10px;top:-15px;z-index:10;text-decoration: none;color:#ffffff;background-color:#cc2a0d;padding:7px 15px;font-weight: 800;font-style: italic;text-transform: uppercase;}
#deco2:hover{background-color:#f53311;}
.bloc-compte{float:left;width:100%;background-color:#f0f6f8;margin-bottom:30px;}
.bloc-compte u{text-decoration: none;}
.bloc-compte .table-content a{text-decoration: none;color:#fdb300;font-weight: 900;}
.bloc-compte .table-content a:hover{color:#000000;}
.bloc-compte .table-content a:hover:before{padding-right:3px;}
.bloc-compte .table-content a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f15c";padding-right:5px;color:#727272}
.bloc-compte>div:first-of-type{position:relative;padding:25px;background-color:#4dbbd0;color:#ffffff;cursor:pointer;font-weight: 800;font-style: italic;text-transform: uppercase;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.bloc-compte>div:first-of-type:after{margin-left:auto;font-family: "Font Awesome 5 Free"; font-weight: 800; content:"\f078";color:#ffffff;font-style: normal;}
.bloc-compte>div:first-of-type.on:after{margin-left:auto;font-family: "Font Awesome 5 Free"; font-weight: 800; content:"\f077";color:#ffffff;font-style: normal}
.bloc-compte>div:first-of-type.on{background-color:#fdb300;}
.bloc-compte>div:first-of-type i:first-of-type{padding-right:20px;font-size:30px;}
.bloc-compte>div:first-of-type:hover{padding:25px 50px 25px 50px;background-color:#fdb300;}
.bloc-compte .table-content{float:left;width:100%;overflow:auto;max-height:0px;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.bloc-compte .table-content {
  --scrollbarBG: #2f3230;
  --thumbBG: #fdb300;
}
.bloc-compte .table-content::-webkit-scrollbar {
  width: 8px;
}
.bloc-compte .table-content {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.bloc-compte .table-content::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.bloc-compte .table-content::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
}

.bloc-compte table{/*display:none;*/float:left;width:100%;}
.bloc-compte table thead{position: -webkit-sticky;position: sticky;top:0px;background-color: #f0f6f8;}
.bloc-compte table thead tr{background-color: #f0f6f8;}
.bloc-compte table tbody{width:100%;height:200px;overflow:auto;}
.bloc-compte table tr th{font-size:14px;padding:20px;text-align: left;font-weight: 800;font-style: italic;text-transform: uppercase;}
.bloc-compte table tr th:first-of-type{width:10%;}
.bloc-compte table tbody tr:nth-of-type(odd){background-color: #e2eff4;}
.bloc-compte table thead tr{background-color: #f0f6f8;box-shadow: -1px 2px 9px 0px rgba(0,0,0,0.21);
  -webkit-box-shadow: -1px 2px 9px 0px rgba(0,0,0,0.21);
  -moz-box-shadow: -1px 2px 9px 0px rgba(0,0,0,0.21);}
.bloc-compte table tr td{padding:20px;text-align: left;}
.bloc-compte table tr{-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.bloc-compte table tbody tr:hover{background-color:#4dbbd0;cursor:pointer;color:#ffffff;}
.bloc-compte table tbody tr:hover a:before{color:#ffffff;}
.bloc-compte table tbody tr:hover i, .bloc-compte table tbody tr:hover a{color:#ffffff;}
.bloc-compte table thead tr:first-of-type:hover{background:none;cursor:default;color:inherit}
.cmd-web{color:#4dbbd0;}
.cmd-bout{color:#575c5e;}
#popup-detail table{/*display:none;*/float:left;width:100%;}
#popup-detail table th, #popup-detail table td{padding:10px;font-size:12px;}
#popup-detail table tr:first-of-type{background:#f0f6f8;box-shadow: -1px 2px 9px 0px rgba(0,0,0,0.21);
  -webkit-box-shadow: -1px 2px 9px 0px rgba(0,0,0,0.21);
  -moz-box-shadow: -1px 2px 9px 0px rgba(0,0,0,0.21);}
#popup-detail table th{background:#f0f6f8;font-weight: 800;text-align:left;font-style: italic;text-transform: uppercase;}
#popup-detail table tr{background:#f0f6f8;}
#popup-detail table tr:nth-of-type(even){background:#e2eff4;}
#popup-detail table u{text-decoration: none;}
#popup-detail table .txt td{font-weight: 400;text-align: left !important;}
#vide{float:left;width:100%;padding:20px;}
.bloc-compte table .facture-titre-mois td{padding:10px 20px;font-family: 'Source Sans 3', sans-serif;font-weight:800;font-style: italic;background-color:#a2d2db;color:#000000;border-bottom:1px solid #ffffff;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.bloc-compte table .facture-titre-mois td:hover{padding-left:30px;background-color:#85d2e1;}
.bloc-compte table .facture-liste{opacity:0;height:0px;overflow:hidden;padding:0px 20px;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.bloc-compte table .facture-liste td{display:none;opacity:0;height:0px;overflow:hidden;padding:0px 20px;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.bloc-compte table .facture-liste.on{opacity:1;height:auto;overflow:hidden;padding:20px 20px;}
.bloc-compte table .facture-liste.on td{display:table-cell;opacity:1;height:auto;overflow:hidden;padding:20px 20px;}

.ligne-form-popup-devis{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-bottom:10px;}
.ligne-form-popup-devis *{width:48%;}
.ligne-form-popup-devis input, .ligne-form-popup-devis textarea{border:1px solid #575c5e;padding:5px;font-family: 'Source Sans 3', sans-serif;}
.ligne-form-popup-devis textarea{height:100px;}

/* Création compte */
#inscription{float:left;width:100%;padding-bottom:40px;}
.recap-inscription h2{font-size:20px;color:#fdb300;margin-bottom:20px;}
.recap-inscription h2 span:last-of-type{border-top:3px solid #fdb300 !important;}
.recap-inscription{float:left;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.recap-inscription>div{width:50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.recap-inscription>div:first-of-type{padding-right:40px;}
.ligne_form{width:100%;padding-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.ligne_form label, .ligne_form u{text-decoration:none;font-family: 'Source Sans 3', sans-serif;font-size:16px;font-style: italic;font-weight:800;text-transform: uppercase;padding-bottom:5px;color:#000000;}
.ligne_form input, .ligne_form textarea{padding:20px;border:3px solid #e2eff4;font-family: 'Source Sans 3', sans-serif;font-size:16px;font-style: italic;font-weight:800;color:#000000;margin-bottom:20px;}
.ligne_form input:focus{background-color:#e2eff4;}
.ligne_form input::-webkit-input-placeholder{font-style: italic;font-weight:800;}
.ligne_form input::-moz-placeholder{font-style: italic;font-weight:800;}
.ligne_form input:-ms-input-placeholder{font-style: italic;font-weight:800;}
.ligne_form input::placeholder{font-style: italic;font-weight:800;}
.ligne_form input[type="checkbox"], .ligne_form input[type="radio"]{padding:0px;margin:0px;margin-right:10px;}
.ligne-checkbox{padding:12px 0px;}
.ligne_form u{padding-bottom:12px;}
.ligne-rgpd{padding:0px;}
.ligne-politique{font-size:14px;line-height:1em;text-align: justify;padding-bottom:20px;}
.ligne-politique a{color:#0071cc;}
.champs-obli{font-size:14px;padding-bottom:20px;color:#0071cc;}
input[type="submit"]{border:0px;cursor: pointer;}

#page_contact{float:left;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
#page_contact h2{font-size:20px;color:#fdb300;margin-bottom:20px;}
#page_contact h2 span:last-of-type{border-top:3px solid #fdb300 !important;}

#bloc_contact_g{width:50%;padding-right:40px;padding-bottom:40px;}
#bloc_contact_d{width:50%;padding-bottom:40px;}
#bloc_contact_g a, #bloc_contact_d a{margin-bottom:20px;padding:20px;font-style: normal;font-size:15px;}
#bloc_contact_g a:nth-of-type(even), #bloc_contact_d a:nth-of-type(even){background-color: #444444;}
#bloc_contact_g a:nth-of-type(even):hover, #bloc_contact_d a:nth-of-type(even):hover{background-color:#fdb300;}
/*#bloc_contact_g a:nth-of-type(odd), #bloc_contact_d a:nth-of-type(odd){background-color: #747474;}
#bloc_contact_g a:nth-of-type(odd):hover, #bloc_contact_d a:nth-of-type(odd):hover{background-color:#fdb300;}*/
.bloc_contact_p{font-size:16px;background-color: #e2eff4;padding:20px;margin-bottom:20px;text-align: center;line-height: 1.5em;}
.bloc_contact_p strong{font-size:20px;text-transform: uppercase;}
.map-verney{height:528px;width:100%;}

/* Choix livraison */
#page_choix_livraison{float:left;width:100%;padding-bottom:40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.choix_livr{padding:50px 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width:30%;text-align: center;border:4px solid #e2eff4;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.choix_livr:hover{border-color:#fdb300;}
.choix_livr:hover i{color:#0071cc;}
.choix_livr i{font-size:60px;padding-bottom:20px;color:#fdb300;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.choix_livr h3{margin:0px;}
.choix_livr p{margin:0px;padding-top:20px;}
.choix_livr .p-precisions{border:1px solid #e2eff4;padding:20px 10px;margin-top:20px;width:100%;line-height:1.2em;}
.choix_livr p:first-of-type{font-style: italic;}
.choix_livr .bt-choix, .choix_livr .bt-fermer{margin-top:30px;font-size:18px;padding:10px 20px;}
.choix_livr .bt-fermer{display:none;}
.choix_fact{background-color:#e2eff4;width:100%;margin-top:30px;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:30px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.choix_fact:hover{border-color:#e2eff4;}
.choix_fact:hover i{color:#fdb300;}
.choix_fact i{padding:0px;font-size:40px;}
.choix_fact h3{min-width: -webkit-fit-content;min-width: -moz-fit-content;min-width: fit-content;padding-left:20px;}
.choix_livr.choix_fact .p-precisions{margin-top:0px;border:0px;padding:0px;font-style: normal;}
.choix_fact .p-precisions i{font-size:20px;padding:0px 10px 0px 0px;color:#000000;}
.choix_livr .p-precisions a{text-decoration:none;font-style:italic;font-size:14px;color:#0071cc;text-transform: uppercase;font-weight: 800;}
.bloc-choix-adresse-0{float:left;width: 100%;display: none;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top:10px;}
.bloc-choix-adresse-1{width:100%;background-color:#e2eff4;margin-top:10px;}
.bloc-choix-adresse-1 p{padding:10px;}
.bloc-choix-adresse-1 button{width:100%;border:0px;cursor:pointer;}
.bt-nouvelle-adresse{}
.bloc-choix-adresse-1 form{width:100%;display: none;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;border:2px solid #0071cc;}
.bloc-choix-adresse-1 form input{border:0px;font-family: 'Source Sans 3', sans-serif;font-size:14px;padding:10px;border-bottom:2px solid #e2eff4;}


/* Recapitulatif */
.page-recap{padding-bottom:40px;}
.info-qte-recap{color:#ffffff;font-weight: 800;font-size:20px;text-align: center;}
.info-qte-recap u{text-decoration: none;font-size:12px;}
.page-recap .ligne-article:hover {background-color:#0071cc;}
.page-recap .ligne-article:hover .spec-ligne-article>div:first-of-type{background-color:#e2eff4;color:#000000;}
.page-recap .ligne-article:hover .visuel-ligne-article{border:2px solid #e2eff4;}

.page-recap #total-panier{padding-top:20px;margin-top:30px;padding-bottom:20px;}
.page-recap .width1>h2{font-size: 20px;color: #fdb300;margin-bottom:0px;}
.page-recap .width1>h2:first-of-type{margin-bottom:20px;}
.page-recap .width1>h2 span:last-of-type {border-top: 3px solid #fdb300 !important;}
.page-recap .choix_fact{margin-bottom:40px;margin-top:20px;}
.page-recap .choix_fact h3{width:250px;text-align:left;}
.page-recap .choix_fact>i{width:60px;}
.div_valider_commande{float:left;width:100%;padding-top:20px;}
.div_valider_commande a{padding:20px;}

.captcha{float:left;width:100%;margin:10px 0px;}
.img_captcha{float:left;width:50%;}
#img_captcha{height:40px;width:139px;float:right;}
#reload-captcha{background:var(--couleurunivers1);;color:#ffffff;font-size:18px;float:right;padding:10px 10px 0px 10px;height:40px;width:40px;}
.recop_captcha{float:left;width:50%;}
.recop_captcha label, .recop_captcha input{float:left;}
.recop_captcha label{padding:10px 10px 0px 10px;font-size:16px;}
#captcha{width:180px;margin: 0px 0px 0px 15px;height: 40px;}

#commentaire{padding:20px;border:3px solid #e2eff4;font-family: 'Source Sans 3', sans-serif;font-size:16px;font-style: italic;font-weight:800;text-transform: uppercase;color:#000000;width:100%;}

/* Catalogues */
#liste-catalogues{float:left;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;flex-wrap: wrap;padding-bottom:60px;justify-content: space-between;}
#liste-catalogues>div{width:30%;}
#liste-catalogues h3{font-size:20px;color:#fdb300;margin-bottom:20px;float: left;position: relative;width: 100%;font-weight: 700;text-transform: uppercase;line-height: 1.2em;}
  #liste-catalogues h3 span:first-of-type {float: left;position: relative;height: 100%;background-color: #ffffff;z-index: 1;padding-right: 20px;}
  #liste-catalogues h3 span:last-of-type{position: absolute;width: 90%;top: 46%;right: 0px;border-top: 4px solid #000000;z-index: 0;}
#liste-catalogues h3 span:last-of-type{border-top:3px solid #fdb300 !important;}
#liste-catalogues>div a{width:100%;}
#liste-catalogues>div a:hover{opacity:0.7;}
#liste-catalogues>div a img{width:100%;height:500px;object-fit: contain;background:#e2eff4;}

/* Multi comptes ------------ */
/* Dashboard */
.bloc-compte .table-content .bt-ajout-panier.bt-gestion-comptes:before{display:none;}
.bt-ajout-panier.bt-gestion-comptes{position: inherit;color:#fff !important;display: flex;flex-direction: row-reverse;}
.bt-ajout-panier.bt-gestion-comptes i{margin-right:5px;color:#fff !important;}
.bt-ajout-panier.bt-gestion-comptes:hover{padding-left:15px;color:#fff !important;background:#2f3230 !important;}
.bt-ajout-panier.bt-gestion-comptes:last-of-type{background:#cc2a0d !important;}
.bt-ajout-panier.bt-gestion-comptes:last-of-type:hover{background:#2f3230 !important;}
.bt-ajout-panier.bt-ajout-nouveau-panier.bt-nouveau-compte{font-family: 'Source Sans 3', sans-serif;font-style: italic;letter-spacing: 1px;font-weight: 800;font-size: 18px;padding:15px;    display: flex;flex-direction: row-reverse;}
.bt-ajout-panier.bt-ajout-nouveau-panier.bt-nouveau-compte:hover{padding-left:30px;}
/* Création d'un compte multi */
.bloc-g-client.bloc-creation-compte{width:100%;padding-right:0px;}
.bloc-g-client.bloc-creation-compte form{display: flex;width:100%;flex-wrap: wrap;}
.bloc-g-client.bloc-creation-compte form>div:first-of-type, .bloc-g-client.bloc-creation-compte form>div:nth-of-type(2){width:50%;}
.bloc-g-client.bloc-creation-compte form>div:last-of-type{width:100%;display: flex;flex-wrap:wrap;justify-content: space-between;flex-direction: row-reverse;padding-bottom:40px;}
.bloc-g-client.bloc-creation-compte form>div:last-of-type .bt-ajout-panier, .bloc-g-client.bloc-creation-compte form>div:last-of-type .bt-valider-panier{width: auto;margin-bottom:10px;}
.bloc-g-client.bloc-creation-compte form>div:last-of-type .bt-ajout-panier:hover, .bloc-g-client.bloc-creation-compte form>div:last-of-type .bt-valider-panier:hover{padding-left:15px;}
.bloc-g-client.bloc-creation-compte form>div:first-of-type{padding-right:50px;}
.bloc-g-client.bloc-creation-compte #info-profil{line-height: 2rem;padding-bottom:20px;}
.bloc-g-client.bloc-creation-compte #info-profil i{padding-right:5px;}
.bloc-g-client.bloc-creation-compte .ligne-checkbox input, .bloc-g-client.bloc-creation-compte .ligne-checkbox label{cursor: pointer;}
.bloc-g-client.bloc-creation-compte input:checked[type=checkbox]{background:#0071cc !important;}
.bloc-g-client.bloc-creation-compte input:focus{outline:0;}
.bloc-g-client.bloc-creation-compte input[type="checkbox"] {-webkit-appearance: none;appearance: none;background-color:#ffffff;margin: 0;font: inherit;color: currentColor;width: 1.15em;height: 1.15em;border: 0.15em solid #e2eff4;border-radius: 0.15em;transform: translateY(-0.075em);display: grid;place-content: center;}
.bloc-g-client.bloc-creation-compte input[type="checkbox"]::before {content: "";width: 0.65em;height: 0.65em;clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);transform: scale(0);transform-origin: bottom left;transition: 120ms transform ease-in-out;background-color: #ffffff;}
.bloc-g-client.bloc-creation-compte input[type="checkbox"]:checked::before {transform: scale(1);}
.bloc-g-client.bloc-creation-compte #validationPanier .ligne-checkbox,.bloc-g-client.bloc-creation-compte #voitSuivi .ligne-checkbox{display: flex;padding-left:28px;align-items: center;}
.bloc-g-client.bloc-creation-compte #validationPanier .ligne-checkbox label,.bloc-g-client.bloc-creation-compte #voitSuivi .ligne-checkbox label{padding-left:10px;text-transform: none;font-weight: 600;}

#mes-comptes-paniers{font-family: 'Source Sans 3', sans-serif;font-style: italic;font-weight: 800;font-size: 16px;padding: 25px;display: flex;align-items:center;text-decoration: none;text-transform: uppercase;color: #ffffff;background-color: #fdb300;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#mes-comptes-paniers:hover{padding:25px 50px;}
#mes-comptes-paniers i{font-size:30px;padding-right:20px;}

@media (max-width: 1170px) {
    .bloc-g-client.bloc-creation-compte form>div:first-of-type, .bloc-g-client.bloc-creation-compte form>div:nth-of-type(2){width:100%;padding:0px 0px 40px 0px;}
}


/* Responsive ----------- */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx) {
  /*#bt-cmd-rapide span{color:red;}
  body{zoom:80%;}*/
}

@media screen and (max-width: 2200px) {
    /* resultats */
.ligne-article .spec-ligne-article{width:72%;}
}

 @media screen and (max-width: 2050px) {
    .width1{width:1500px;}
    .flex50{width:715px;}
     /* header */
     #logo-principal{width:457px;}
    #sous-menu-principal>div:first-of-type>div{font-size:16px;}
    #header-part1{width:1000px;}
    .form-recherche{width:580px;}
    .form-recherche.form-recherche-on{width:580px;}
    /* recherche */
    .recherche-content-2 .produits-associes .pdt-associe{width:255px;}
    /* univers */
    .bloc-univers:nth-child(2){left:192px;z-index:2;}
    .bloc-univers:nth-child(3){left:384px;z-index:3;}
    .bloc-univers:nth-child(4){left:576px;z-index:4;}
    .bloc-univers:nth-child(5){left:768px;z-index:5;}
    .bloc-univers:nth-child(6){left:960px;z-index:6;}
    .bloc-univers:nth-child(7){left:1152px;z-index:7;}
    /* home */
    .produit-moment div:first-of-type{width:505px;}
    .produit-moment .produit-moment-desc>div:last-of-type{width:185px;}
    .catalogue>div:last-of-type{width:415px;}
    #avantages-boutique .width1>div:first-of-type{width:675px;}
    .visuel-univers .visuel-univers-titre h2{font-size:40px;}
    #image-diaporama-accueil{width:687px;}
    #image-diaporama-accueil>div{width:150%;}
    #diaporama-accueil .width1:after{width:686px;}
    /* page pdt */
    .fiche-pdt-col-1 h2, .fiche-pdt-col-2 h2{font-size:22px;}
    .fiche-pdt-col-1{width:20%;}
    .fiche-pdt-col-2{width:80%;padding-left:40px;}
    #chemin .width1>div:first-of-type{width:1040px;}
    .entete-pdt>div:first-of-type{width:990px;}
    .entete-pdt>div>div p{width:770px;}
    /* resultats */
    /*.liste-resultats-full{width:1500px;}*/
    /*.bloc-detail-filtre>div:last-of-type>div{width:328px;}*/
    /* Menu */
    #sous-menu-principal-n-2{padding-left:40px;width:780px;}
    #sous-menu-principal>div:first-of-type>div ul li a span{max-width:210px;}
    .visuel-n-2{width:400px;height:370px;}
    /* page famille */
    #header-famille>div>div:first-of-type{width:1051px;}
    #acces-sousfamille>div{width:280px;height:280px;}
    /* compte */
   
 }

 @media screen and (max-width: 1820px) {
     /* Menu */
     #sous-menu-principal{left:-1128px;}
     #sous-menu-principal-n-1, #sous-menu-promotion-n-1{width:2000px;}
     #sous-menu-principal>div:first-of-type>div{padding-right:0px;}
     #menu-secondaire{font-size:16px;}
     #bt-univers{width:533px;}
     .bt-univers{font-size:16px;margin-left:115px;padding-right:25px;letter-spacing:2px;}
     .bt-panier span{font-size:16px;}
     #menu-secondaire li{padding:0px 12px;}
     #sous-menu-principal-n-1>div:first-of-type{padding-left:333px;}
     #sous-menu-principal-n-2{padding-left:40px;padding-right:340px;width:690px;}
     .visuel-n-2{right:0px;width:300px;height:300px;}
     #sous-menu-promotion-n-1>div:first-of-type>div{width:1100px;}
     /* header */
     #header-part1{width:1053px;}
     .form-recherche{left:555px;width:500px;margin-left:auto;}
     .form-recherche.form-recherche-on{left:520px;width:500px;}
     /* Home */
     #image-diaporama-accueil{left:309px;width:564px;}
     #image-diaporama-accueil>div{width:162%;}
     #diaporama-accueil .width1:after{left:-392px;width:563px;}
     /* resultats */
     .ligne-article .spec-ligne-article{width:64%;}

    
 }

@media screen and (max-width: 1520px) {
  .width1{width:1200px;}
  /* header et menu */
  #header-part1{width:860px;}
  #logo-principal{width:340px;}
  #logo-principal img{width:100px;}
  #logo-principal a img{width:200px;}
  .form-recherche{left:355px;width:445px;}
  .form-recherche.form-recherche-on{left:326px;width:445px;}
  #header-part2{width:300px;}
  #bt-univers{width:340px;padding-right:20px;}
  #panier-cmd-rapide{width:384px;}
  .bt-univers{margin-left:0px;letter-spacing: 0px;}
  #menu-secondaire li{padding:0px 8px;}
  #menu-secondaire li:first-of-type{padding-left:0px;}
  #panier-cmd-rapide>div{margin-left:50px;}
  #sous-menu-principal>div:first-of-type{width:1200px;}
  #sous-menu-principal{left:-760px;}
  #sous-menu-principal>div:first-of-type>div ul li a span{max-width:330px;}
  .visuel-univers, .visuel-n-2{display:none !important;}
  #sous-menu-principal-n-1>div:first-of-type{padding-left:400px;}
  #sous-menu-principal-n-2{padding-left:40px;padding-right:0px;width:310px;}
  #deco{left:71px;}
  #sous-menu-promotion-n-1>div:first-of-type>div{width:880px;}
  #bloc-offres-pdf a img{height:290px;}
  #bloc-offres-pdf a>div{margin-left:-18px;}
  /* home */
  #diaporama-accueil .width1:after{left:-584px;width:630px;}
  #image-diaporama-accueil{left:117px;width:630px;}
  #image-diaporama-accueil>div{width:157%;}
  #univers{height:330px;}
  .bloc-univers{height:220px;}
  .bloc-univers-conteneur{height:220px;}
  .bloc-univers:nth-child(1){left:-40px;}
  .bloc-univers:nth-child(2){left:112px;}
  .bloc-univers:nth-child(3){left:264px;}
  .bloc-univers:nth-child(4){left:416px;}
  .bloc-univers:nth-child(5){left:568px;}
  .bloc-univers:nth-child(6){left:720px;}
  .bloc-univers:nth-child(7){left:872px;}
  .contenu-triangle span{font-size:20px;}
  .flex50{width:580px;}
  .produit-moment>img{width:120px;}
  .produit-moment div:first-of-type{width:463px;}
  .catalogue>div:first-of-type{width:210px;}
  .catalogue>div:last-of-type{width:370px;}
  #avantages-boutique .width1>div:first-of-type{width:572px;}
  #avantages-boutique .width1>div:last-of-type{width:700px;}
  #avantages-boutique .width1>div:last-of-type div{font-size:10px;}
  #avantages-boutique .width1>div:last-of-type div span{font-size:14px;}
  #avantages-boutique .width1>div:first-of-type>div>span{padding-right:80px;}
  #avantages-boutique .width1>div:first-of-type>div h4{font-size:20px;padding-right:20px;}
  #marques{width:80%;}
  /* panier */
  #panier-hover{margin-left:10px;width:452px;}
  /* recherche */
  .recherche-content-2 .produits-associes .pdt-associe{width:196px;}
  /* fiche pdt */
  .visuel-ligne-article{display: none;}
  .fiche-pdt-col-2 .ligne-article .spec-ligne-article{width:73%;}
  /* resultats */
  .ligne-article .spec-ligne-article {width:68%;}
  /* type */
  #chemin{padding-bottom:20px;}
  /* pages famille */
  #acces-sousfamille>div:nth-of-type(5n){margin-right:25px;}
  #acces-sousfamille>div:nth-of-type(4n){margin-right:0px;}
  /* catalogues */
  #liste-catalogues>div{width:48%;}
}

/* tablette  */
@media screen and (max-width: 1270px) {
    .width1{width:100%;}
    /* header */
    #header{height:230px;}
    #header-part1, #header-part2{display:none;}
    header .width1{height:auto;}
    #header-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;}
    #header-mobile .recherche{padding-bottom:20px;height:100%;margin:0px 20px;}
    #menu-principal-conteneur{display:none;}
    .form-recherche{left:0px;width:95%;bottom:-200px;}
    .form-recherche.form-recherche-on{left:0px;width:95%;bottom:-200px;}
  
    /* home */
    /* diapo */
    #pastilles{/*display:none;*/}
    #texte-diaporama-accueil-conteneur{width:75%;}
    #texte-diaporama-accueil .infos-diapo>div:first-of-type:after{display:none;}
    #diaporama-accueil{/*height:350px;*/margin-bottom:40px;}
    #diaporama-accueil .width1{height:100%;overflow: hidden;}
    #image-diaporama-accueil{width:100%;height:100%;position: relative;left:auto;-webkit-transform: unset;transform: unset;}
    #image-diaporama-accueil>div{width:100%;height:100%;-webkit-transform: unset;transform: unset;}
    #texte-diaporama-accueil-conteneur{z-index:10;top:auto;bottom:0px;width:100%;height:160px;}
    #texte-diaporama-accueil{width:100%;height:100%;}
    #image-diaporama-accueil>div{margin-left:0px;}
    #promotion-accueil{display:none;}
    #texte-diaporama-accueil .infos-diapo>span:first-of-type{width:10%;}
    #texte-diaporama-accueil .infos-diapo>div:first-of-type{width:50%;}
    #texte-diaporama-accueil .infos-diapo>div:last-of-type{width:35%;}
    /* univers triangles */
    #univers{height:435px;}
    #univers .width1{overflow: auto;height:335px;}     
      /* scroll */
      #univers .width1 {
        --scrollbarBG: #2f3230;
        --thumbBG: #fdb300;
      }
      #univers .width1::-webkit-scrollbar {
        height: 4px;
      }
      #univers .width1  {scrollbar-width: thin;
        scrollbar-color: var(--thumbBG) var(--scrollbarBG);
      }
      #univers .width1::-webkit-scrollbar-track {
        background: var(--scrollbarBG);
      }
      #univers .width1::-webkit-scrollbar-thumb {
        background-color: var(--thumbBG) ;
      }
    .bloc-univers{bottom:auto;top:0px;}
    .bloc-univers{opacity:0;position:absolute;bottom:0px;width:330px;height:290px;overflow:hidden;cursor:pointer;-webkit-transition:all .1s ease-in;transition:all .1s ease-in;}
    .bloc-univers:hover .dessin-triangle>div{opacity:0;}
    .bloc-univers:hover {-webkit-transform: unset;transform: unset;}
    .bloc-univers:nth-child(1){left:0px;z-index:1;}
    .bloc-univers:nth-child(2){left:212px;z-index:2;}
    .bloc-univers:nth-child(3){left:424px;z-index:3;}
    .bloc-univers:nth-child(4){left:636px;z-index:4;}
    .bloc-univers:nth-child(5){left:848px;z-index:5;}
    .bloc-univers:nth-child(6){left:1059px;z-index:6;}
    .bloc-univers:nth-child(7){left:1270px;z-index:7;}
    .bloc-univers-conteneur{width:330px;height:290px;overflow:hidden;position: relative;}
    .bloc-univers-conteneur-inv{-webkit-transform:scaleY(-1);transform:scaleY(-1);}
    .bloc-univers-conteneur .contenu-triangle{position:absolute;z-index:2;width:100%;height:100%;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .contenu-triangle{padding:40px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
    .contenu-triangle span{text-transform:uppercase;font-size:24px;font-family: 'Source Sans 3', sans-serif; font-weight: 800; font-style: italic;color:#ffffff;line-height:1.2em;margin-top:auto;}
    .contenu-triangle p{margin:0px;color:#ffffff;font-size:16px;line-height:1.2em;padding-top:50px;}
    .bloc-univers-conteneur-inv .contenu-triangle{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .bloc-univers-conteneur-inv .contenu-triangle span{margin-top:0px;margin-bottom:auto;}
    .bloc-univers-conteneur .dessin-triangle{position: relative;overflow: hidden;-webkit-transform: rotate(45deg) skew(15deg,15deg);transform: rotate(45deg) skew(15deg,15deg);width: 321px;height: 322px;margin:131px 0 0 4px;background-color:#fdb300;}
    .bloc-univers-conteneur .dessin-triangle>div{position: absolute;width: 200%;height: 200%;top: -50%;left: -50%;z-index: -1;opacity:0.1;background: url('../images/fond-1.jpg');background-size: 100%;background-position: center top;-webkit-transform: skew(-10deg,-10deg) rotate(-45deg) ;transform: skew(-10deg,-10deg) rotate(-45deg) ;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;}
    .bloc-univers-conteneur .dessin-triangle>div span{position: absolute;-webkit-transform: skew(-10deg,-10deg) rotate(-45deg) ;transform: skew(-10deg,-10deg) rotate(-45deg) ;}
    .bloc-univers:nth-child(1) .contenu-triangle p{padding-top:90px;}
    .bloc-univers:nth-child(2) .contenu-triangle p{padding-bottom:90px;padding-top:0px;}
    .bloc-univers:nth-child(3) .contenu-triangle p{padding-top:50px;}
    .bloc-univers:nth-child(4) .contenu-triangle p{padding-bottom:90px;padding-top:0px;}
    .bloc-univers:nth-child(5) .contenu-triangle p{padding-top:70px;}
    .bloc-univers:nth-child(6) .contenu-triangle p{padding-bottom:63px;padding-top:0px;}
    .bloc-univers:nth-child(7) .contenu-triangle p{padding-top:90px;}
        
    .bloc-univers{ -webkit-transition: none !important;
      transition: none !important;}
    /* promo home */
    #promotion-accueil.promotion-accueil-mobile{display:block;position:relative;width:100%;height:auto;float:left;right:auto;bottom:auto;margin:30px 0px;background:#afafaf;}
    #promotion-accueil.promotion-accueil-mobile img{max-height:300px;-o-object-fit: contain;object-fit: contain;}
    /* produits du moment */
    #produits-du-moment .flexbox:first-of-type h2:first-of-type span:first-of-type{background:#ffffff;}
    #produits-du-moment{padding:0px;width:100%;}
    .flex50{width:100%;}
    .produit-moment{padding:0px 20px;}
    .produit-moment>img{width:30%;}
    .produit-moment div:first-of-type{width:70%;}
    .produit-moment div:first-of-type{width:100%;}
    .lien-offre-mensuelle{width:100%;margin:40px 0px;padding:0px;background:#afafaf;}
    .lien-offre-mensuelle img{max-height:300px;}
    /* catalogue */
    .catalogue{display: none;}

    /* global */
    h2{padding:0px 20px;}
    h2 span:last-of-type{right:auto;left:20px;width:95%;}
    .titre-mobile{display:block;}
    .titre-disable-mobile{display:none;}
    /* avantages */
    #avantages-boutique{height:auto;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom:0px;}
    #avantages-boutique h2{text-align: center;}
    #avantages-boutique h2 span:first-of-type{float:unset;padding:0px 20px;}
    #avantages-boutique .width1:before{display: none;}
    #avantages-boutique .width1{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
    #avantages-boutique .width1>div:first-of-type, #avantages-boutique .width1>div:last-of-type{width:100%;}
    #avantages-boutique .width1>div:last-of-type{-ms-flex-wrap: wrap;flex-wrap: wrap;padding:0px;padding-bottom:20px;}
    #avantages-boutique .width1>div:last-of-type div span{font-size:16px;}
    #avantages-boutique .width1>div:last-of-type div{width:33%;padding-bottom:20px;font-size:14px;}
    #avantages-boutique .width1>div:first-of-type>div h4{display: none;}
    #avantages-boutique .width1>div:first-of-type{-webkit-transform: unset;transform: unset;margin-left:0px;padding:40px;}
    #avantages-boutique .width1>div:first-of-type>div{-webkit-transform: unset;transform: unset;width:100%;}
    #avantages-boutique .width1>div:first-of-type>div>span{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px;}
    #avantages-boutique .width1>div:first-of-type>div>span a:after{display:none;}
    #avantages-boutique .width1>div:first-of-type>div>span a{height:auto;margin:10px 0px;}
    #avantages-boutique .width1>div:first-of-type>div>span>span{padding-left:0px;}
    /* marques */
    #marques{width:100%;padding:30px 20px 0px 20px;float:left;}
    #marques h2 span:last-of-type{left:0px;}
    /* footer */
    footer{padding:50px;}
    footer .width1{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    footer .width1>div{width:33%;}
    footer .width1>div:first-of-type, footer .width1>div:nth-of-type(2){width:100%;text-align: center;}
    footer .width1>div:nth-of-type(2){padding-bottom:30px;}
    /* livraison */
    #page_choix_livraison{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .choix_livr{width:98%;margin-bottom:20px;}
    .choix_fact{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .choix_fact h3{padding:10px;}
    .page-recap .choix_fact h3{text-align: center;}
    /* form */
    .recap-inscription{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .recap-inscription>div{width:100%;padding:0px;}
    .recap-inscription>div:first-of-type{padding:0px;}
    #page_contact{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    #bloc_contact_g, #bloc_contact_d{width:100%;padding:0px;}
    .bloc_contact_p{font-size:12px;}
    .bloc_contact_p strong{font-size:14px;}
    .map-verney{height:300px;}
    /* popup ajout panier */
    #retour-ajout-panier .popup-content-details>div>div:first-of-type{width:25%;}
    #retour-ajout-panier .popup-content-details>div>div:last-of-type{width:75%;}
    /* content type */
    .content-edito .width1>div{font-size:14px;}
    .content-edito{padding:20px;}
    /* marques */
    .page-marques{padding:0px 20px;}
    .logo-marque-page{width:25%;padding:10px;}
    /* page famille */
    #acces-sousfamille{padding:0px 20px;}
    #acces-sousfamille>div{width:23%;margin-right:2%;}
    /* cmd rapide et panier */
    .page-panier{padding:0px 20px;}
    /* compte */
    .page-compte{padding:0px 20px;}
    /* recap */
    .page-recap{padding:0px 20px;}
}

/* smartphone  */
@media screen and (max-width: 1170px) {
  h2{font-size:20px;margin-bottom:20px;}
  /* header et menu */
  #header{height:160px;}
  #header-mobile>div:first-of-type{padding:5px;height:100px;}
  #header-mobile>div:last-of-type{padding:0px 10px;height:80px;}
  #header-mobile a{font-size:11px;text-align:center;}
  #header-mobile a img{width:auto;height:20px;}
  #header-mobile>div:first-of-type a:first-of-type{width:10%;}
  #header-mobile>div:first-of-type a:nth-of-type(2){width:28%;}
  #header-mobile .logo-header-mobile{width:12%;}
  #header-mobile .logo-header-mobile img{width:100%;height:auto;max-height:70px;-o-object-fit: contain;object-fit: contain;}
  .form-recherche input{font-size:14px;padding:12px 50px 12px 50px;}
  .form-recherche{left:0px;width:98%;bottom:-147px;}
  .form-recherche.form-recherche-on{left:0px;width:95%;bottom:-147px;}
  .cell button{font-size:20px;padding:0px 50px;}
  #header-mobile .recherche{padding-bottom:10px;}
  /* recherche */
  .fermerrecherche{right:60px;}
  .form-recherche-full .recherche{-webkit-transform:unset;transform:unset;margin:0px;height:100%;}
  .form-recherche-full .recherche .cell > *{-webkit-transform: unset;transform: unset;margin:0px;padding:10px 20px;}
  .recherche-content{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background-color:#ffffff;padding:20px;}
  .form-recherche.form-recherche-full{position:fixed;top:0px;bottom:auto;width:100%;background-color:#ffffff;padding:10px 0px;height:10vh;z-index:15;}
  #recherche{padding:20px 0px;background:#ffffff;}
  #recherche {
    --scrollbarBG: #2f3230;
    --thumbBG: #fdb300;
  }
  #recherche::-webkit-scrollbar {
    width: 4px;
  }
  #recherche {scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  #recherche::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
  }
  #recherche::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
  }
  .bt-plus-recherche{width:48%;font-size:12px;}
  .recherche-content-2 .listeproduits{padding-bottom:20px !important;}
  #recherche.recherche-on{top:10vh;height:90vh;overflow:auto;padding:0px 0px 60px 0px;position:fixed;}
  .recherche-content-1, .recherche-content-2{width:100%;}
  .recherche-content .suggestions a{font-size:14px;padding:10px;}
  .recherche-content .suggestionsbis{display:none;}
  .recherche-content-2{padding:0px;}
  .recherche-content-2 .produits-associes{height:auto;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .recherche-content-2 .produits-associes .pdt-associe{width:48%;margin:0px 0px 20px 0px;}
  .recherche-content-2 .produits-associes .pdt-associe:nth-last-child(-n+4){margin-bottom:20px;}
  .bt-plus-recherche{right:0px;}
  .recherche-content-2 .marques-recherche{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .recherche-content-2 .marques-recherche a{width:30%;margin:0px 0px 20px 0px;}
  .recherche-content-2 .marques-recherche a img{width:100%;}
  .produits-associes .pdt-associe .pdt-associe-desc{padding:10px;}
  .recherche-content-2 .produits-associes .pdt-associe .pdt-associe-desc h4{font-size:12px;line-height:1.4em;-webkit-line-clamp: 6;}
  /* diaporama */
  #diaporama-accueil{margin-bottom:20px;}
  #texte-diaporama-accueil, #texte-diaporama-accueil .infos-diapo, #pastilles{-webkit-transform: unset;transform: unset;}
  #texte-diaporama-accueil{margin-left:0px;overflow:unset;}
  #texte-diaporama-accueil-conteneur{overflow: unset;}
  #texte-diaporama-accueil .infos-diapo{padding:20px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  #texte-diaporama-accueil .infos-diapo>span:first-of-type{position:absolute;top:-30px;left:10px;}
  #texte-diaporama-accueil .infos-diapo>div:first-of-type{padding:0px;padding-top:5px;}
  #texte-diaporama-accueil .infos-diapo>div:first-of-type span{font-size:18px;}
  #texte-diaporama-accueil .infos-diapo>div:first-of-type p{font-size:14px;padding:5px 0px;margin:0px;}
  #texte-diaporama-accueil .infos-diapo>div:first-of-type img{position: absolute;top:-35px;right:0px;-o-object-position: right;object-position: right;}
  #texte-diaporama-accueil .infos-diapo>div:last-of-type>div:first-of-type{padding-bottom: 0px;}
  #pastilles{left: 120px;top: -8px;}
  #texte-diaporama-accueil .infos-diapo>div:last-of-type{padding:0px;}
  #texte-diaporama-accueil .infos-diapo>div:first-of-type, #texte-diaporama-accueil .infos-diapo>div:last-of-type{width:100%;}
  /* univers */
  #univers .width1{height:254px;margin-bottom:20px;}
  #univers{height:auto;}
  .bloc-univers{height:100%;width:250px;padding-bottom:30px;}
  .bloc-univers-conteneur{height:100%;}
  .bloc-univers:nth-child(1){left:20px;}
  .bloc-univers:nth-child(2){left:260px;}
  .bloc-univers:nth-child(3){left:500px;}
  .bloc-univers:nth-child(4){left:740px;}
  .bloc-univers:nth-child(5){left:980px;}
  .bloc-univers:nth-child(6){left:1220px;}
  .bloc-univers:nth-child(7){left:1460px;}
  .contenu-triangle{-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important;padding:20px;}
  .contenu-triangle span, .bloc-univers-conteneur-inv .contenu-triangle span{font-size:20px;margin-top:unset;margin-bottom:unset;padding:5px 0px;}
  .bloc-univers-conteneur{width:220px;}
  .bloc-univers-conteneur-inv, .bloc-univers-conteneur-inv .contenu-triangle{-webkit-transform: unset;transform: unset;}
  .bloc-univers-conteneur .dessin-triangle>div{z-index:0;left:0px;top:0px;-webkit-transform: unset;transform: unset;}
  .bloc-univers-conteneur .dessin-triangle{-webkit-transform: none;transform: none;width:100%;height:100%;margin:0px}
  .bloc-univers .contenu-triangle p{padding:0px !important;}

  /* promo accueil */
  #promotion-accueil.promotion-accueil-mobile{margin-bottom:20px;}
  /* pdt du moment */
  .produit-moment{padding:0px 20px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height:auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .produit-moment:hover{-webkit-transform: unset;transform: unset;}
  .produit-moment>div:first-of-type>div:first-of-type, .produit-moment>div:first-of-type>div:first-of-type .produit-moment-desc{-webkit-transform: unset;transform: unset;margin:0px;}
  .produit-moment div:first-of-type{width:100%;}
  .produit-moment>div:first-of-type>div:first-of-type{width:100%;margin-left:0px;}
  .produit-moment>img{width:100%;height:150px;border:2px solid #e2eff4;border-bottom:0px;padding: 15px 25%;}
  .produit-moment>div:first-of-type>div:first-of-type .produit-moment-desc{min-height:150px;padding:10px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .produit-moment div:first-of-type{width:100%;}
  .produit-moment-desc h3{font-size:16px;font-family: 'Source Sans 3', sans-serif;font-weight: 800;font-style: italic;}
  .produit-moment-desc p{font-size:14px;}
  .produit-moment-desc img{width:50px;height:20px;-o-object-fit: contain;object-fit: contain;}
  .produit-moment .produit-moment-desc>div:last-of-type{height:auto;width:100%;padding-bottom:0px;padding-right:0px;}
  .produit-moment .produit-moment-desc>div:last-of-type u{font-size:12px;font-weight:400;}
  .produit-moment .prix-public-barre, .produit-moment .prix-public-barre u{font-weight: 200 !important;}
  /* inscription */
  #avantages-boutique .width1>div:last-of-type div{font-size:12px;}
  #avantages-boutique .width1>div:last-of-type{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding-top:20px;}
  #avantages-boutique h2{text-align: left;}
  #avantages-boutique h2 span:first-of-type{padding:0px 20px 0px 0px;}
  #avantages-boutique .width1>div:last-of-type div{width:50%;}
  #avantages-boutique .width1>div:last-of-type div img{height:60px;width:auto;}
  .defilement-marques-conteneur{overflow:auto;width:100%;left:0px;}
   /* scroll */
   .defilement-marques-conteneur {
    --scrollbarBG: #2f3230;
    --thumbBG: #fdb300;
  }
  .defilement-marques-conteneur::-webkit-scrollbar {
    height: 4px;
  }
  .defilement-marques-conteneur {scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  .defilement-marques-conteneur::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
  }
  .defilement-marques-conteneur::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
  }
  #marques .fleche{display:none;}
  /* footer */
  footer .width1>div a img{width:20%;}
  footer .width1>div{width:100%;padding:0px 0px;text-align: center;font-size: 12px;}
  footer .width1>div h4{margin:15px 0px 0px 0px;}
  /* famille */
  #header-famille{display:none;}
  #acces-famille{padding:20px;}
  #acces-famille h2{padding:0px;font-size:16px;}
  #acces-sousfamille>div .titre-sousfamille>div h3{font-size:12px;}
  #acces-sousfamille{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  #acces-sousfamille>div{margin-right:0px;width:49%;height:150px;}
  #acces-sousfamille>div:nth-of-type(5n){margin-right:0px;}
  #acces-sousfamille>div img{padding:10px 10px 50px 10px;}
  /* chemin */
  #chemin{display: none;}
  /* pdt */
  .fiche-pdt-visuel{height:200px;}
  .fiche-pdt-col-1 h2, .fiche-pdt-col-2 h2{font-size:16px;}
  /* resultats */
  .suppr-all-filtre{margin:0px 10px;}
  .suppr-all-filtre span{display:none;}
  .suppr-all-filtre i{padding:0px;}
  #bt-show-filtres-mobile{margin-bottom:20px;display:block;width:100%;padding:20px;text-align: center;}
  #bt-show-filtres-mobile i{font-size:15px;float:right;}
  #bt-hide-filtres-mobile, #bt-hide-cmd-rapide-mobile{display: -webkit-box;display: -ms-flexbox;display: flex;margin-left:auto;text-decoration:none;color:#ffffff;background-color:#0071cb;padding:15px;}
  #bt-hide-filtres-mobile i, #bt-hide-cmd-rapide-mobile i{font-size:18px;}
  .resultats-filtres{width:100%;padding:50px 0px 20px 0px;}
  .bloc-detail-filtre{padding-right:20px;}
  .titre-form_filtre{position:fixed;top:0px;z-index:20;font-size:20px;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:0px 0px 0px 10px;}
  .titre-filtre{font-size:14px;}
  .checkbox label{font-size: 12px;}
  .bloc-detail-filtre>div:first-of-type{padding:10px 10px 0px 10px;}
  .bloc-detail-filtre>div:last-of-type{height:15px;}
  .bloc-detail-filtre>div:last-of-type>div{margin-left:-4px;}
  #conteneur-showfiltre{background-color:#ffffff;position:fixed;top:0px;left:-100%;width:100%;height:100%;padding:0px;z-index:20;overflow:auto;-webkit-transition:all .1s ease-in;transition:all .1s ease-in;}
  #conteneur-showfiltre.opened{left:0px;}
  .voir_filtre{top:5px;}
  .div-stock{height:auto !important;padding:5px !important;font-size:12px;}
  .div-stock.div-stock-reserve{}
  /* scroll */

  #conteneur-showfiltre {
    --scrollbarBG: #2f3230;
    --thumbBG: #fdb300;
  }
  #conteneur-showfiltre::-webkit-scrollbar {
    width: 4px;
  }
  #conteneur-showfiltre{scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  #conteneur-showfiltre::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
  }
  #conteneur-showfiltre::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
  }
  .liste-resultats-full{width:100%;padding:20px;}
  .entete-pdt{padding-bottom:0px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .entete-pdt h2{padding:0px;}
  .entete-pdt>div:first-of-type{width:100%;padding:0px;}
  .entete-pdt>div:last-of-type{display:none;}
  .entete-pdt>div:first-of-type>div{display:none;}
  .resultats-liste .bloc-liste-articles .resultats-liste-produit>h3{padding:0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom:10px;}
  .resultats-liste .bloc-liste-articles .resultats-liste-produit>h3 img{position:relative;bottom:auto;-o-object-position: top right;object-position: top right;}
  .resultats-liste .bloc-liste-articles .resultats-liste-produit>h3 span:last-of-type{display:none;border:0px !important;}
  .liste-articles{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .ligne-article{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;height:auto;padding:0px;-ms-flex-wrap: wrap;flex-wrap: wrap;background-color: #ffffff;border:2px solid #e2eff4;border-bottom:0px;position: relative;overflow: unset;}
  .ligne-article .visuel-ligne-article{width:30%;min-height:142px;display:block;border:0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .ligne-article .spec-ligne-article{width:70%;}
  .ligne-article .spec-ligne-article>div:first-of-type, .ligne-article .spec-ligne-article>div>div{-webkit-transform: unset;transform: unset;}
  .ligne-article .spec-ligne-article>div:first-of-type{margin:0px;}
  .ligne-article .spec-ligne-article>div>div{padding:10px;min-height:142px;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .ligne-article .spec-ligne-article>div>div>div:first-of-type{width:100%;padding:0px;padding-bottom:5px;}
  .ligne-article .spec-ligne-article>div>div>div:first-of-type br{/*display:none;*/}
  .ligne-article .spec-ligne-article>div>div>div:first-of-type span{color:#88979d;font-size:10px;border-right:2px solid #88979d;padding:0px 5px;font-weight: 800;}
  .ligne-article .spec-ligne-article>div>div>div:first-of-type span:first-of-type{padding-left:0px;}
  .ligne-article .spec-ligne-article>div>div>div:first-of-type span:last-of-type{padding-right:0px;border-right:0px;}
  .ligne-article:hover .spec-ligne-article>div:first-of-type{background-color:#e2eff4;color:#2f3230;}
  .bt-voir-plus-articles{padding-left:0px;}
  .bt-voir-plus-articles a i{-webkit-transform: rotate(270deg);transform: rotate(270deg);}
  .ligne-article:hover{background-color:inherit;}
  .liste-articles.selectpdt .ligne-article:hover{background-color:inherit;}
  .ligne-article:hover .visuel-ligne-article{border:0px;}
  .ligne-article .visuel-ligne-article img{max-height:100px;padding:5px;}
  .resultats-liste-produit .dispo-contre-marque{width:100%;padding:10px;}
  .ligne-article .qte-ligne-article{width:70%;padding:0px;height:auto;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;background-color:#0071cb;}
  .ligne-article .bt-infos-article{display:none;}
  .ligne-article .qte-ligne-article:after{display:none;}
  .bt-panier-contacter{width:30%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding:10px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;}
  .bt-panier img{width:30px;height:auto;}
  .ligne-article .qte-ligne-article input{font-size:18px;}
  .bt-qte{width:30px;height:30px;font-size:24px;}
  
  .ligne-article .qte-ligne-article>div:first-of-type{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width:100%;padding:10px 30px;}
  .ligne-article .qte-ligne-article .dispo-contre-marque{-webkit-box-pack: center !important;-ms-flex-pack: center !important;justify-content: center !important;padding:10px;}
  .ligne-article .spec-ligne-article>div>div .spec-article{margin:0px;width: 50%;text-align: left;padding:5px;border-right:2px solid #e2eff4;border-bottom:2px solid #e2eff4;font-size:10px;background-color:#d2e3ea;color:#88979d;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .ligne-article .spec-ligne-article>div>div .spec-article br{display: none;}
  .ligne-article .spec-ligne-article>div>div .spec-article span{font-size:12px;padding-right:3px;}
  .ligne-article .spec-ligne-article h3{padding-bottom:3px;font-size:14px;}
  .bt-panier-bis, .bt-panier-contacter{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;margin:0px;width:30%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding:10px;background-color: #0071cb;}
  .bt-panier-bis div{display:none;}
  .div-stock.div-stock-reserve{right:auto;left:0px;width:100%;font-size:10px;}
  .ligne-article .spec-ligne-article>div>div>div:last-of-type span:first-of-type.en-stock, .ligne-article .spec-ligne-article>div>div>div:last-of-type span:first-of-type.contre-marque, .ligne-article .spec-ligne-article>div>div>div:last-of-type span:first-of-type.indisponible, .ligne-article .spec-ligne-article>div>div>div:last-of-type span:first-of-type.sous-reserve{position: absolute;top:-2px;left:-2px;}
  .ligne-article .spec-ligne-article>div>div .spec-article:nth-of-type(3n){border-left:0px;}
  .ligne-article .spec-ligne-article>div>div>div:last-of-type span:nth-of-type(2){font-style: 12px;}
  .ligne-article .spec-ligne-article>div>div>div:last-of-type span:last-of-type u{font-size:16px;}
  .ligne-article .spec-ligne-article>div>div>div:last-of-type{width:100%;text-align: center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:0px;}
  .resultats-liste-produit .liste-articles{display:none;}
  .resultats-liste-produit .liste-articles:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;}
  .bt-voir-plus-articles .lien-voir-plus-articles{display:none;}
  .bt-voir-plus-articles .lien-voir-plus-articles-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;}
  /* Commande rapide */
  .page-cmdrapide{padding:20px;}
  .titre-cmd-rapide-mobile{position:fixed;top:0px;left:0px;width:100%;z-index:10;font-weight: 800;}
  .qte-cmd-rapide{width:100%;}
  .table-cmdrapide thead{display:none;}
  .table-cmdrapide tr td{width:100%;display:inline-table;padding:5px 0px 0px 0px;background-color:#ffffff;border:0px;}
  .table-cmdrapide tr{}
  .table-cmdrapide tr .cmd-rapide-stock{height:30px;}
  .table-cmdrapide tr td:before{float:left;width:100%;text-align:center;font-size:14px;margin-bottom:0px;font-weight:normal;font-family:'Source Sans 3', sans-serif;color:#0071cc;padding:5px;box-sizing:border-box;content:'';font-weight: 800;text-transform: uppercase;font-style: italic;}
  .table-cmdrapide tr td:nth-child(2), .table-cmdrapide tr td:nth-child(3), .table-cmdrapide tr td:nth-child(4), .table-cmdrapide tr td:nth-child(5){width:50%;}
  .table-cmdrapide tr td:nth-child(1):before{content:'Produit';}
  .table-cmdrapide tr td:nth-child(2):before{content:'Quantité';}
  .table-cmdrapide tr td:nth-child(3):before{content:'Unité';}
  .table-cmdrapide tr td:nth-child(4):before{content:'Prix public HT';}
  .table-cmdrapide tr td:nth-child(5):before{content:'Prix net HT';}
  .table-cmdrapide tr td:nth-child(6) .info_qte{display:none;}
  .table-cmdrapide tr td:nth-child(7):before{content:'Montant';}
  .table-cmdrapide tr td:first-child{padding-top:0px;}
  .table-cmdrapide .cmd-rapide-suppr a{width:100%;}
  .table-cmdrapide .cmd-rapide-suppr a i{font-size:30px;}
  .table-cmdrapide tr td:last-child:before, .table-cmdrapide tr td:nth-child(6):before{display:none;}
  .table-cmdrapide tr td:last-child{height:70px;margin-bottom:10px;border-bottom: 2px solid #e2eff4;padding:10px 0px;}
  .champ-recherche-cmdrapide{width:100%;}
  #etape2rapide{padding-bottom:40px;}
  #total-panier{margin-top:30px;padding-top:30px;}
  #total-panier>div{width:100%;}
  #total-panier>div div{width:100%;text-align: center;}
  #total-panier>div div:last-of-type{padding-bottom:20px;}
  .recherche-rapide{width:100%;top:0px;height:100%;position:fixed;z-index:9;left:0px;max-height:unset;padding:70px 20px 50px 20px;overflow:auto;}
  .bt-ajout-ref-cmd a{float:left;width:100%;font-size:16px;padding:15px;border-radius:30px;}
  .bloc-cmd-rapide #total-panier>div{width:100%;padding:20px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .bloc-cmd-rapide #total-panier>div div{width:100%;text-align:center;}
  .bloc-cmd-rapide .actions-panier{padding:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .bloc-cmd-rapide .actions-panier a{margin:10px 0px;padding:15px;font-size:16px;}
  .bloc-cmd-rapide .bt-ajout-panier{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .bloc-cmd-rapide .actions-panier .bt-ajout-multipanier{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding:15px 30px;}
  .bloc-cmd-rapide .bt-ajout-multipanier span{display:block;}
  .bloc-cmd-rapide .bt-ajout-multipanier i{float:right;}
  .bloc-cmd-rapide #total-panier{margin-top:0px;padding-top:0px;}
  /* fiche pdt */
  #page-pdt{padding:20px;}
  .fiche-pdt-col{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .fiche-pdt-col-1, .fiche-pdt-col-2{width:100%;padding:0px;}
  .fiche-pdt-col-1{padding-bottom:50px;}
  .caract table tr td:first-of-type{width:50%;}
  .fiche-pdt-col-2 .ligne-article .spec-ligne-article{width:70%;}
  .liste-articles.selectpdt .ligne-article .visuel-ligne-article{border:0px;}
  #page-pdt .liste-articles{margin-bottom:20px;}
  .liste-produits-associes{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .produits-associes .pdt-associe{width:100%;margin-right:0px;margin-bottom:20px;}
  .produits-associes .pdt-associe .pdt-associe-visuel{height:100px;}
  .produits-associes .pdt-associe .pdt-associe-desc{min-height:unset;}
  .selectpdt .ligne-article .spec-ligne-article>div>div .spec-article{background-color:#277cc3;color:#ffffff;border-color:#005eac;}
  /* popup */
  .popup-content .popup-content-details>div:first-of-type{font-size:14px;}
  .popup-content, #mon-compte{width:90%;}
  #page-compte{float:left;width:100%;padding:20px;}
  #page-compte .entete-pdt>div:last-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  #deco2{position: relative;width:50%;right:auto;top:auto;text-align: center;padding:10px;margin-bottom:20px;}
  .page-compte .bloc-univers-produit>div{display: none;}
  .page-compte .entete-pdt{padding-bottom:20px;}
  .details-page-compte{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .bloc-g-client, .bloc-d-client{width:100%;padding:0px;font-size:12px;}
  .bloc-d-client>div:first-of-type{position:relative;width:100%;padding:0px;}
  .bloc-d-client>div:first-of-type span{max-width: 60%;font-size:12px;}
  .bloc-d-client>div span:last-of-type{text-align: right;}
  .bloc-d-client>div:last-of-type span:last-of-type{text-align: left;}
  .bloc-d-client>div:last-of-type span, .bloc-d-client>div:last-of-type span:first-of-type{font-size: 12px;}

    .bloc-d-client>div.mw span:last-of-type{text-align: left;}
    .bloc-d-client>div.mw span, .bloc-d-client>div.mw span:first-of-type{font-size: 12px;}

  .bloc-compte table tr th{font-size:12px;}
  /* Panier */
  .actions-panier a{font-size:12px;}
  #total-panier>div div{font-size:16px;}
  .page-panier{padding:20px;}
  #paniers, #panier-en-cours{width:100%;}
  .ligne-panier-sauv .bt-base a{padding:15px 0px;}
  .edition-panier{padding:10px 5px 10px 20px;}
  #paniers .bt-base{margin-bottom:10px;}
  #paniers .bt-base.bt-creer-panier{width:100%;}
  .bt-base, .bt-base i{font-size:12px !important;}
  #titre-panier-mobile{display: -webkit-box;display: -ms-flexbox;display: flex;width:100%;padding-top:10px;}
  #titre-panier-mobile h2{padding:0px;font-size:16px;}
  #panier-en-cours .ligne-article .spec-ligne-article{width:70%;}
  .bloc-suppr-ligne-panier{width:30%;background-color:#0071cb;}
  #panier-en-cours .ligne-article .qte-ligne-article>div:first-of-type{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;padding-right:10px;}
  .suppr-ligne-panier{padding:5px 20px;top:0px;right:auto;left:100%;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .bloc-suppr-ligne-panier .prix-public-barre{display:none;}
  .bloc-suppr-ligne-panier>div span:last-of-type, .bloc-suppr-ligne-panier>div span:last-of-type u{font-size:12px;}
  .ligne-article .spec-ligne-article>div>div>div:last-of-type span:last-of-type, .ligne-article .spec-ligne-article>div>div>div:last-of-type span:last-of-type u{font-size:12px;}
  #panier-en-cours .ligne-article{margin-bottom:20px;}
  .actions-panier{padding-top:0px;}
  .actions-panier a{width:100%;margin-bottom:10px;}
  /* livraison */
  #total-panier .franco{line-height: 1.5em;font-size:12px;margin-bottom:10px;}
  #total-panier .franco-ok, #total-panier .franco-ko{font-size:12px;padding:10px;padding-bottom:10px !important;}
  #total-panier .franco>i{display: none;}
  /* recap */
  .page-recap{padding:20px;}
  #page-resultats .width1{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  #commentaire{height:200px;}
  .div_valider_commande{padding:20px 0px;}
  .page-recap .width1>h2{font-size:16px;}
  /* compte validation devis */
  .ligne-form-popup-devis{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .ligne-form-popup-devis *{width:100%;}
    /* catalogues */
    #liste-catalogues>div{width:100%;}
}