:root{
  --rouge: #DC412A;
  --Coulnew: #DC412A;
  --CoulPromo: #FF8C25;
  --CoulSoon: #CCC;
  --CoulDestock: #000;

  --CoulStockDispo: #02BA26;
  --CoulStockVide: #000;
  --CoulStockReapro: #F5D269;
  --CoulStockReserv: #20B8E8;

  /*--CoulStockDispo: #44bc24;
  --CoulStockVide: #000;
  --CoulStockReapro: #fb9400;
  --CoulStockReserv: #1e92d5;*/
}

body {font-family:'Roboto', sans-serif; font-weight: 300; font-size: 8px; text-align: center;color: #000}

strong, b{font-weight: inherit;}
p{font-size: 2em;line-height: 1.4em; }
p strong, p b{font-weight: 500; }

.small{font-weight: 300;}




h1{font-size: 6em; line-height: 1.4em; text-transform: uppercase;}

h2{font-size: 3.5em; color: var(--color1); text-align: left; border-bottom:1px solid #CCC; padding-bottom: 5px}


.etoies3{}
.etoies3 .img img{mix-blend-mode: multiply;}
#dadyProduit .produit .potentiel{font-size: 1.9em;}
#dadyProduit .produit .partEtoile a{text-decoration: none;display: inline-block;vertical-align: middle}
#dadyProduit .produit .partEtoile>p{vertical-align: middle;}
#dadyProduit .produit .partEtoile>a>p, #dadyProduit .produit .partEtoile>a>p>em{width: 100%}
#dadyProduit .produit .partProd>.dispo{width: 100%;}
#dadyProduit .produit hr{border-top: none;}

#dadyProduit .produit .partEtoile{padding-top: 5px;padding-bottom: 5px;}
#dadyProduit .produit.etoies3 .partEtoile{background-color: rgba(220, 65, 42, 1); color: #FFF; border-top: none;}
#dadyProduit .produit.etoies3 .partEtoile a{color: #FFF;}
#dadyProduit .produit.etoies3 .partEtoile img{filter: invert(1)}
#dadyProduit .produit.etoies3 hr{background: none;border-bottom:1px solid  #FFF;}
#dadyProduit .produit.etoies3 .partEtoile+ hr ~ hr{border-bottom:1px solid  #CCC;}


h1, h2, h3, h4, .page .h1, .page p{margin-bottom: 1.5rem;}
h1, h2, h3, h4, .page .h1{ font-weight: 500;}

.contentMaxSize > *, .wMax1150{max-width: 1150px; margin:auto }
.wMax1250{max-width: 1250px; margin:auto }

.bg_choice:not(table){padding-top: 80px; padding-bottom: 80px}


h3{font-size: 1.2rem; text-transform: uppercase; text-align: left;}

a{color: var(--color1)}

/********************************************************
 *           header
 *******************************************************/
/*Rouge var(--color1)*/

header { transition-duration: 0.3s; transition-property: background-color, height;
   z-index: 5;width: 100%; height:  70px; top: 0;left: 0;font-size: 10px; border-bottom: 2px solid var(--color1); color: #000;
  padding-top: 0; font-size: 0.9em; background-color: #FFF;
}

  header .logo_space {display: inline-block; vertical-align: middle;  margin: auto; width: 300px; padding-top: 10px}
    /*header .logo_space img{width: 100%; }*/
    header .logo_space {position: relative;}
    header .logo_space a>img{vertical-align: middle;position: relative; display: inline-block;top:-3px }
    header .logo_space a{text-transform: uppercase; font-size: 2vw;font-weight: bold; text-decoration: none;display: inline-block; vertical-align: middle; width: 110px}
    header .logo_space span{ width: 8em;font-weight: 500; color:var(--color1); display:inline-block; text-align: left;font-size: 17px;vertical-align: middle;}
    header .logo_space span img{width: 100%;}
    header .logo_space span span{color: #000;display: block;}


  header .nav {width: calc(100% - 300px);display: inline-block;padding-right: 60px; text-align: right;vertical-align: middle;}

    header .nav > *{display: inline-block;}
    .clear4phone{display: none !important;}

    .desktop{display: block;}
    .phone{display: none;}

    .formulaire{position: relative; width: 40%; min-width: 200px}
      .formulaire input{ border: none; text-indent: 30px; width:100%; background-color:var(--color1); color:#FFF; border-radius: 27px; height: 40px;}
      .formulaire button{position: absolute; left: 2px; top: 10px; display: block;border: none; background: transparent; }

    header .lien{ margin-left: 25px;font-size: 2.4em; font-weight: 500; color: #000; text-decoration: none;text-transform: uppercase;position: relative;}
      header .lien img, header .lien i.fa{display: inline-block; vertical-align: middle; margin-right: 5px}

      header .lien span{position: absolute;bottom: -7px; left: 0; background: var(--color1); color:#FFF; font-size: 0.6em; font-weight: 500; border-radius: 6px; padding: 3px 4px 2px 4px}

ul.ui-autocomplete{z-index: 5;text-align: left;display: table; width: auto !important; background: rgba(255,255,255,0.85); box-shadow: #E7EAF0 0 8px 15px; border-radius:0 0 13px 13px }
ul.ui-autocomplete li{text-align: left;display: block; font-size: 0.8rem;border-bottom: 1px solid #CCC; padding: 5px 10px; cursor: pointer;}
ul.ui-autocomplete li:last-child{border: none;}


aside{width: auto;max-width: 30%; display: inline-block; vertical-align: top; padding-left: 15px;}
main {max-width: 100%;width: 75%; display: inline-block;vertical-align: top;padding-right: 5px; padding-left: 10px; min-height: calc(100vh - 192px);}
@media screen and (min-width: 1425px) {
   main{width: calc( 100% - 260px);}
   aside{min-width: 260px;}
}
main, aside{padding-top: 20px; padding-bottom: 50px}



aside nav{font-size: 1rem; margin-bottom: 10px;}
aside nav>ul{max-height:100vh;overflow-y: scroll;-webkit-overflow-scrolling:touch}
  aside nav ul{display: block; padding-left: 15px; }
  aside nav ul ul{padding-left: 50px; padding-top: 5px}
  aside nav ul li{text-align: left;font-weight: 500;text-transform: uppercase;padding-top:7px;padding-bottom: 7px; position: relative;}
  aside nav ul li li{font-weight: 300;text-transform: none;padding-top: 5px;padding-bottom: 5px;}
  aside nav ul a{color:inherit;text-decoration: none;}




/********************************************************
 *              Fixed Menu And Top Produit
 *******************************************************/

body.asideFix aside{position: fixed;top: 0;left: 0;}
body.asideFix main{margin-left: 291px;}
body.TopProduitFix main{padding-top: 200px;}
body #SaveMyDate + .pagination { transition-property: all; transition-duration: 0.3s;position: absolute;width: 18em;top: 97px;right: calc(8% + 3em);}
body.TopProduitFix .advanced-search-form, body.TopProduitFix #SaveMyDate + .pagination{padding-top:25px;position: fixed;top: 0; z-index: 3;}
body.TopProduitFix #SaveMyDate + .pagination{width: 34em !important; top: 114px;  padding-top: 5px;z-index: 4;}
body.TopProduitFix .advanced-search-form::after /*, body.TopProduitFix #SaveMyDate + .paginatio::after*/{content: ""; display: block;position: absolute; left: -16px; right: -16px;background: #FFF; z-index: -1;height: 100%; top: 0}
#filter_plus_Btn{display: none;}
body.TopProduitFix .switch_interface{position: fixed; top: 5px; right: 5px;z-index: 25;}
body.TopProduitFix main > div .switch_interface img{width: 17px;}
body main > div .switch_interface{transition-property: all; transition-duration: 0.3s;}
/********************************************************
 *              
 *******************************************************/

nav img.fleche{width: 15px; margin-left: 10px}
nav img.picto{height: 25px; max-width: 27px; margin-right: 10px; pointer-events: none}
nav >ul>li:nth-child(4){margin-top: -18px;padding-top: 0;}


nav ul ul{display: none;}
nav > ul > li img{vertical-align: middle}
nav > ul > li:nth-child(4){margin-top:5px; margin-bottom: -5px}
nav > ul > li:nth-child(4) img{ margin-bottom:5px}
nav .opened{display: block;}
nav a.current{font-weight: bold;}

aside nav ul a.clignotte{animation-name:clignotteRouge; animation-duration:1s;animation-iteration-count: infinite;}
@keyframes clignotteRouge{
  0%{color:inherit;}
  40%{color:var(--color1);}
  60%{color:var(--color1);}
  100%{color: inherit;}
}
aside nav ul a.clignotte::before, aside nav ul a.clignotte::after{content:" • ";}

.languette{border-bottom: 2px solid var(--color1); text-align: left; padding-left: 0; padding-right: 0;}
.languette p{background: var(--color1); color: #FFF; display: inline-block; padding: 15px 20px;}
/********************************************************
 *             footer
 *******************************************************/

footer {background: #000;}
footer .wMax1250{font-size: 1.2em;text-align: center;display: flex;justify-content: center; padding: 12px;color: #FFF;}
footer a {color: #fff;text-decoration: none; }
footer p{margin: 0;font-size: 1.6em;}

/* Code Michael */
footer .wMax1250 > p{display: inline-block;align-self: center;}

footer div.form{padding-top: 0;padding-bottom: 0;display: inline-block;margin-left: 0;margin-right: 0;}

footer div.form form > div{margin-bottom: 0;margin-right: 50px;position: relative;}
footer div.form form > div::after{content: "";display: inline-block;width: 1px;height: 100%;background-color: #F4F4F4;position: absolute;right: -30px;top: 50%;transform: translateY(-50%);}

footer div.form form > div > div{display: inline-block;}

footer div.form form label{font-size: 1.6em;margin-right: 15px;vertical-align: middle;}

footer div.form input[type="email"]{width: 40%;min-width: 250px;height: 30px;padding: 10px;font-size: 1.6em;border: none;vertical-align: middle;}

footer div.form button{padding:2px 25px;height: 31px;vertical-align: middle;}
footer div.form button p{font-size: 1.2em;}
footer div.form button p:hover{font-size: 1.2em;}

footer div.form button.notHover:hover{background: #DC412A;color: #FFF;}
/* Fin code Michael */

/********************************************************
 *            form
 *******************************************************/

.form{box-shadow: #E7EAF0 0 8px 15px; margin-left: auto; margin-right: auto;padding-bottom: 15px}
.form form > .bloc { margin-bottom:20px; }
.form .bloc .bloc2{margin-bottom: 0; margin-top: 0;}
.form input[type="text"], .form textarea, .form input[type="email"], .form input[type="tel"], .form input[type="password"]{ background: #FFF; border: 1px solid #CCC; height: 58px; width: 100%; padding: 0 0 0 30px; color: #000; font-size: 2.2em; box-sizing: border-box; }
header ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255,255,255,0.6);
}
header ::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255,255,255,0.6);
}
header :-ms-input-placeholder { /* IE 10+ */
  color: rgba(255,255,255,0.6);
}
header :-moz-placeholder { /* Firefox 18- */
  color: rgba(255,255,255,0.6);
}



.form textarea {height: 100px;padding-top: 10px; width: 100%}

.form button{cursor:pointer; position: relative;transition-property: background, color; transition-duration: .5s;  background: var(--color1); border:2px solid var(--color1); padding: 5px 30px; color: #FFF; display: inline-block; max-width: none; text-align: center;}
.form button p, .form button p:hover{font-size: 1.5em;transition:none; color:inherit; text-decoration: none; text-align: center;margin-bottom: 0;}
.form button p::after{position: absolute; top: 0;right: 0;left: 0;bottom: 0; display: block;content: "";}
.form button:hover{background: #FFF; color: var(--color1)}

.form .check_or_radio .bloc{min-width: 31.66%; width: auto; margin-left: 2.5%; display: inline-block;}
.form .check_or_radio .bloc:nth-child(3), .form .check_or_radio .bloc:nth-child(6), .form .check_or_radio .bloc:nth-child(9), .form .check_or_radio .bloc:nth-child(12){margin-left: 0}
.form .check_or_radio > div  p{font-size: 1.3em; display: inline-block; vertical-align: middle;margin: 0;}
.form .check_or_radio input{vertical-align: middle; margin-left:20px;}
.form .label{font-size: 1rem;}

.form .label{ width:  25%;display: inline-block;text-align: left; vertical-align: top; margin-top: 15px;}
.form .label+.input{width: 70% ;display: inline-block; vertical-align: top;position: relative;}
.form form>p,.form form>div{margin-bottom: 15px; }

header input[type="text"]+span{position: absolute; top: 0;left: 0; bottom: 0; right: 0; pointer-events: none}
header input[type="text"]+span::after{display: block; content: ""; position: absolute; height: 2px; bottom: 0; width: 0; background-color: #434343; -webkit-transition-property: width;transition-duration: 0.5s}
header input[type="text"]:focus+span::after{width: 100%;}

.form input[type="password"]+span, .form input[type="text"]+span, .form input[type="email"]+span,.form input[type="tel"]+span,.form input[type="number"]+span, .form textarea+span{z-index: 2}
.form input[type="password"]+span::after, .form input[type="text"]+span::after, .form input[type="email"]+span::after,.form input[type="tel"]+span::after,.form input[type="number"]+span::after, .form textarea+span::after{height: 3px}


.advanced-search-form{border-bottom: 5px solid var(--color1); font-size: 0; padding: 0; margin-bottom: 5px;}
.advanced-search-form::after{content:"";display: block;clear:both;}
  .advanced-search-form .select{text-align: left;display: inline-block; width: 16%; padding-bottom: 20px; vertical-align: top;}
  .advanced-search-form .nice-select .list{height: auto; border-radius: 0;font-weight: 200;}
    .advanced-search-form .nice-select .list li{font-weight: inherit;}
    .advanced-search-form .nice-select .list li.selected, .advanced-search-form .nice-select .list li.focus{font-weight: 500;}
  .advanced-search-form .nice-select{border-radius: 0; height: 40px; line-height: 40px}
  .advanced-search-form .nice-select::after{transform-origin: 50% 50%; transform: rotate(-90deg);border:none; background-image: url("../_img/triangle-rouge-select.svg"); background-size: 100%; width: 10px; height: 10px; background-repeat: no-repeat;}
  .advanced-search-form .nice-select.open::after{transform: rotate(0deg);}
  .advanced-search-form button{cursor:pointer;  width:8%; border: none;min-width: 80px; padding: 15px 10px; background: var(--color1); color: #fff; font-size: 1.4rem;font-weight: 500;vertical-align: bottom;}
  .advanced-search-form button img{width: 15px; margin-right: 5px;}
  .advanced-search-form .label{display: block;color:var(--color1); font-weight: 500; font-size: 1.4rem; text-transform:uppercase; margin-bottom: 10px;}
  .advanced-search-form .radios{width: 18%;}
  .advanced-search-form .radios p{width: auto; display: inline-block; margin-right:15px; font-size: 1rem;}
  .advanced-search-form .radios p label{color: inherit; font-weight: 300; font-size:0.9em;text-transform: none;}
  .advanced-search-form .radios input{display: none;}
  .advanced-search-form .radios input+label{cursor: pointer; position: relative;vertical-align: middle;display: inline-block;width: 17px; height: 17px; border-radius: 17px;border:1px solid #CCC;margin-bottom: 0; margin-right: 7px}
  .advanced-search-form .radios input+label::before{top: -1px;left: -1px;transform:scale(0); transition:transform 0.3s; content:""; display: block;position: absolute; transform-origin: 50% 50%; width: 17px; height: 17px; border-radius: 17px;background: var(--color1) }
  .advanced-search-form .radios input:checked+label::before{transform:scale(1);}
  .advanced-search-form .search{vertical-align: bottom;margin-bottom: 0.5rem; width: 17%; }
    .advanced-search-form .search input{ border-radius:none; font-family: inherit;font-size: 0.9rem; width:  calc(90%); margin-right:15px; height: 40px; border:1px solid #e8e8e8; text-indent: 1em}

  .advanced-search-form .search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0,0,0,0.6);
  }
  .advanced-search-form .search input::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0,0,0,0.6);
  }
  .advanced-search-form .search input:-ms-input-placeholder { /* IE 10+ */
    color: rgba(0,0,0,0.6);
  }
  .advanced-search-form .search input:-moz-placeholder { /* Firefox 18- */
    color: rgba(0,0,0,0.6);
  }


.videoFixBg{
  object-fit:cover;
  top: 0; left: 0;
  position: fixed; z-index: -1; width: 100%; height: 100vh
}
/********************************************************
 *              Cms
 *******************************************************/
.page p{ font-size: 2em; }

.buttonWrap{position: relative;z-index: 2;}
.buttonWrap::after{clear: both; display: block; content: ""}
.cmd{display: inline-block;width: 60%; float: right;}
.qte{width: 50%; display: block; height: 100%;position: absolute; top: 0;left: 0; height: 100%}
.qte input{font-size: 2em; font-family: "Roboto" sans-serif; font-weight: 500;height: 100%; width: 100%;border:1px solid #CCC;text-indent: 5px; background: #FFF}
.qte .qte_btn{cursor:pointer; border: 1px solid transparent;  /*border-right-color: #CCC; border-left-color: #CCC;border-bottom-color:#CCC;*/ position: absolute; right: 0; background-color: #FFF; height: 50%; width: 35%}
.qte .qte_btn img{ width:10px !important;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);}
.qte #qte_plus{top: 0; border-top-color:#CCC;}
.qte #qte_moins{bottom: 0;border-bottom-color:#CCC;}

.button3.cmd{padding: 0;}
.button3.cmd a{padding: 8px 18px 8px 10px; display: block;text-align: center;}
.button3.cmd a img{width: 30px}


.qte input::-webkit-outer-spin-button,
.qte input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.qte input[type=number] {
  -moz-appearance: textfield;
}
/*.qte input:focus + .overlayer{display: block;}*/
.produit{position: relative;}
.produit .overlayer.on{display: block;}
.produit .overlayer{display: none; position: absolute; top: 0;left: 0; width: 100%;height: 100%; background: rgba(20,20,20,0.2); pointer-events: none; border-radius: 5px;}


#dadyProduit{width: 100%}
#dadyProduit .img{height: 142px}
.bloc .produit{box-shadow: #E7EAF0 0 8px 15px; border-radius: 5px; margin: 1.5%; margin-left: 0; margin-top: 25px;}
.bloc .produit.first, .bloc .produit.last{margin-right: 0;margin-left: 0}
.produit h3{display: inline-block;width: calc(100% - 30px);margin-bottom: 5px;vertical-align: middle; }
.produit .partProd{padding: 10px; text-align: left;}
.produit hr{color:transparent; height: 0; border-bottom: 1px solid #CCC; clear: both; }
.produit .partProd img, .produit .partProd .span_img, #caddy{ max-width:30px;width: auto; height: 30px; display: inline-block; vertical-align: middle;}
.produit .addOrDel_favoris{display: inline-block;vertical-align: middle;}
.produit .partProd .addOrDel_favoris img{max-width:20px; height: 20px; margin-left: 10px}
#dadyProduit .produit .partProd p{display: inline-block;vertical-align: middle; text-align: left; min-width: 30%}
.produit .partProd .dispo, .produit .partProd .alert-email{width: 50%}
.produit .partProd .alert-email{text-align:right; font-weight: 500; }
.produit .partProd .alert-email a{text-decoration: none; color: inherit;}
.produit .partProd .alert-email img{width: 20px;vertical-align:middle;}
.produit .partProd .ref{font-size: 1.2em;width: 40%}
.produit .partProd >p:first-child{text-align: left;}
.produit .partProd .p_prix{width: 50%; vertical-align: middle;}
.produit .p_prix span{display: block; font-weight: 500;text-align: left; padding-left: 15px;color: var(--color1); font-size: 1.3em;}
#dadyProduit .produit .buttonWrap{display: inline-block; width: 50%; vertical-align: bottom;}
.produit .qte .qte_btn img{width:70%;}
.produit .partProd .span_img, #caddy{width: 30px;height: 28px; mask-image: url("../_img/cart-white.svg"); -webkit-mask-image: url("../_img/cart-white.svg");background: #fff; mask-size:contain;-webkit-mask-size:contain; }
.produit .partProd a:hover .span_img, #caddy{background: #000;}
.produit .partProd .span_img.refresh{width: 20px;height: 28px;mask-image: url("../_img/refresh-white.svg"); -webkit-mask-image: url("../_img/refresh-white.svg");}
.produit .img img{max-height: 142px; margin:auto; width: auto; min-width: 0}

.bloc .switch1.produit{display: inline-block; vertical-align: top; /*width: 15.05%;max-width:195px;*/ ;/*margin: 1.5%;*/ margin-left: 0; font-size: 0.8em; }
.bloc .switch1.produit h3{font-size: 2em !important; width:100%; min-height: 1.9em; margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.switch1.produit .partProd img{max-width: 16px;height: 11px}
.switch1.produit .partProd.prixWrap{padding-right: 0;padding-bottom: 5px;padding-top: 5px;}
#dadyProduit .switch1.produit .alert-email{width: 45%; float: right;}
.alert-email a{display: block; text-align: right;}
.alert-email span, .alert-email img{display: inline-block;vertical-align: middle; }
.alert-email span{line-height: 0.9em;}

.heightAjustPanier.heightAlertInclude{min-height: 275px;}
/********************************************************
 *             .bando::before{content: ""; display: block; position:absolute;top: 0; left: 0; width:35%; height: 150px;  background-repeat: no-repeat; background-size: 100% auto;}
.bando_1::before{background-image:url("../_img/bando_new.svg")}
.bando_2::before{background-image:url("../_img/bando_promo.svg")}
.bando_3::before{background-image:url("../_img/bando_soon.svg")}
 *******************************************************/
.bando::before{content: " ";display: block;text-align: center;line-height: 45px;height: 45px;color: #FFF;text-transform: uppercase;font-size: 11px;font-weight: 500;position: absolute;top:3px; left: 3px;width: 45px;border-radius: 50%;z-index: 2;}
.addOrDel_favoris + .bando::before{top: 10px;}
.bando_1::before{content:"new"; background-color: var(--Coulnew); /*animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite;*/}
.bando_2::before{content:"promo";background-color:var(--CoulPromo); /*animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite;*/}
.bando_3::before{content:"soon"; background-color:var(--CoulSoon); /*animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite;*/}
.bando_4::before{content:"destock"; font-size: 9px;background-color:var(--CoulDestock); /*animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite;*/}
.bando_5::before{content:""; background-color:var(--CoulDestock); /*animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite;*/}
.bando_5::after{top: 25px;
left: 25px;display: block; position: absolute; top:25px; left: 25px; width: 45px; transform: translate(-50%, -50%); line-height:1em; content:"black friday"; text-transform: uppercase;font-size: 10px;font-weight: 500;color: #FFF;z-index: 2; /*animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite;*/}
.bando_6::before{content:"soldes"; background-color: #0B8EE6;font-size: 10px;}

.bando_preco::before{content:"preco"; background-color: var(--CoulStockReserv);font-size: 10px;}

.switch1.produit{position: relative;}
.switch1.produit a{display: inline-block;}
.switch1.produit .sorti{
    width: 100%;
    position: absolute;
    top: -22px;
    right: 0;

    font-size: 1.7em;
    border-bottom: 1px solid var(--rouge);
}
/*width: 125px;position: absolute; top: -10px; right: 0; transform:rotate(-90deg);transform-origin: 100% 100%; text-align: right; text-shadow: #FFF 1px 1px 0, #FFF -1px -1px 0, #FFF -1px 1px 0, #FFF 1px -1px 0; font-size: 1.5em; background-color: rgba(255,255,255,0.5)}*/
.switch1.produit .sorti span{color:#000; text-decoration: none}
.switch1.produit .partProd .dispo{line-height: 0.9em;}
.switch1.produit .partProd .p_prix{width: 40%;}
.switch1.produit .p_prix span.prix{padding-left: 0;}
.switch1.produit .buttonWrap{width: 60%}
.switch1.produit .buttonWrap .qte{width: 50%;}
.buttonWrap .button3.cmd{width: 50%; margin-bottom: 0;}
.switch1.produit .buttonWrap .qte .qte_btn{width: 32%}
.switch1.produit .buttonWrap .button3.cmd a{padding: 4px 14px 4px 6px}
.switch1.produit .partProd .buttonWrap .span_img{width: 24px;height: 23px;}
.switch1.produit hr{margin: 0;}
.switch1.produit .partProd .savoirPlus{font-size: 1.6em;width: calc(90% - 30px)}
.switch1.produit .partProd .fav{width: auto}

.unitaire{font-size: 0.7rem; color: #000;display: block;font-style: normal;}
.inStock.dispo{color:var(--CoulStockDispo) !important;font-weight: 500 !important;}
.outStock.dispo{color: var(--CoulStockVide) !important; font-weight: 500 !important;}
.preOrder.dispo{color:#000;}
.reserver.dispo{color:var(--CoulStockReserv); }
p.reserver.dispo{font-style: italic; font-size: 1.9em}
.reapro.dispo,
.reaproStock.dispo{color:var(--CoulStockReapro) !important; font-weight: 500 !important}

.buttonWrap.inStock .button3.cmd{ background: var(--CoulStockDispo);}
  .buttonWrap.inStock .button3.cmd:hover{color: var(--CoulStockDispo);border: 2px solid var(--CoulStockDispo); }
.buttonWrap.inStock .button3.cmd::before{background: var(--CoulStockDispo);}
.buttonWrap.inStock .button3.cmd:hover .span_img{background: var(--CoulStockDispo);}

.buttonWrap.reaproStock .button3.cmd{ background: var(--CoulStockReapro);}
  .buttonWrap.reaproStock .button3.cmd:hover{color: var(--CoulStockReapro);border: 2px solid var(--CoulStockReapro); }
.buttonWrap.reaproStock .button3.cmd::before{background: var(--CoulStockReapro);}
.buttonWrap.reaproStock .button3.cmd:hover .span_img{background: var(--CoulStockReapro);}

.buttonWrap.outStock .button3.cmd{ background: var(--CoulStockVide);}
  .buttonWrap.outStock .button3.cmd:hover{color: var(--CoulStockVide);border: 2px solid var(--CoulStockVide); }
.buttonWrap.outStock .button3.cmd::before{background: var(--CoulStockVide);}
.buttonWrap.outStock .button3.cmd:hover .span_img{background: var(--CoulStockVide);}

/*.buttonWrap.preOrder{opacity: 0.15; pointer-events: none}*/
.buttonWrap.preOrder .button3.cmd{ background: #CCC;}
  .buttonWrap.preOrder .button3.cmd:hover{color: #CCC;border: 2px solid #CCC; }
.buttonWrap.preOrder .button3.cmd::before{background: #CCC;}
.buttonWrap.preOrder .button3.cmd:hover .span_img{background: #CCC;}

/*.buttonWrap.preOrder{opacity: 0.15; pointer-events: none}*/
.buttonWrap.reserver .button3.cmd{ background: var(--CoulStockReserv);}
  .buttonWrap.reserver .button3.cmd:hover{color: var(--CoulStockReserv);border: 2px solid var(--CoulStockReserv); }
.buttonWrap.reserver .button3.cmd::before{background: var(--CoulStockReserv);}
.buttonWrap.reserver .button3.cmd:hover .span_img{background: var(--CoulStockReserv);}


.switch1.produit .PrixVetement .p_prix, .PrixVetement .buttonWrap{width: 50%}
#dadyProduit .produit .PrixVetement .button3{width: 100%}

/********************************************************
 *              en ligne
 *******************************************************/
#dadyProduit .switch2{display: none;}
#dadyProduit.enLigne .switch1{display: none;}
#dadyProduit.enLigne .switch2{display: block;}

#dadyProduit.enLigne {margin-top: 15px;}
#dadyProduit.enLigne .produit{font-size: 0;margin-bottom: 35px;}
#dadyProduit.enLigne .produit{text-align: left;}
#dadyProduit.enLigne .produit > *:not(.overlayer){display: inline-block;vertical-align: middle; padding-left: 10px}

#dadyProduit.enLigne .produit.switch2 > a:first-child{width: 15%; display: inline-block;}
#dadyProduit.enLigne .produit.switch2 .img img{display: block;}
#dadyProduit.enLigne .produit.switch2 .wrap{width: 85%;display: inline-block;font-size: 0.5rem;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd{width: 100%;padding-bottom: 0;}
#dadyProduit.enLigne .produit.switch2 .wrap >.partProd:first-child h3{font-size: 1rem;display: inline-block;vertical-align: middle;width: 75%;margin-bottom: 0;}
#dadyProduit.enLigne .produit.switch2 .wrap >.partProd:first-child p{display: inline-block; vertical-align: middle;width: 21%}
#dadyProduit.enLigne .produit.switch2 .wrap >.partProd:first-child a{display: inline-block;vertical-align: middle; width: 4%}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .ref{display: inline-block; width: 17%;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .dispo{display: inline-block;width: 20%;text-align: left;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .alert-email{display: inline-block;width: 20%;font-size: 0.8rem;text-align: left;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .buttonWrap{display: inline-block;width: 130px;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .p_prix{display: inline-block;width: calc(43% - 130px);text-align: right;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .p_prix span{text-align: right;}
#dadyProduit.enLigne .produit.switch2 .wrap  .partProd .buttonWrap.not_client{ width: 25% }

.arrondis{border-radius: 10px}

body.page_1 main>div>.bg_choice:first-child{padding-top: 0;padding-bottom: 0;}
body.page_1 p{margin-bottom: 0;}
/*.new-item{display: inline-block; max-width: 350px;vertical-align: top;}*/
.new-items .bg{background-size: cover; border-radius: 13px; padding: 2px; }
.new-items .MERCH{background-image: url('../_img/coul2.jpg')}
.new-items .ACC{background-image: url('../_img/coul3.jpg')}
.new-items .JEUVID{background-image: url('../_img/coul4.jpg')}
.new-items .bg .img{ overflow: hidden;border-radius: 10px; background-color: #fff; height: 150px; line-height: 250px}
.new-items p{margin-bottom: 0;text-align: left; }
/*.new-items .new-item{ width:350px; margin-right:50px;}*/
.new-items .new-item a{color: inherit;text-decoration: none; }

.totaux{border-top:1px solid #CCC;border-bottom:1px solid #CCC; padding: 0 15px;font-size: 1rem;}
.totaux strong{ background: var(--color1); padding: 15px; display: inline-block;color:#FFF; font-weight: 500; }

.prodInPanier{position: relative;}
.del{ border:none;position: absolute; top: 50%; left: -35px;width:30px !important; color: var(--color1);display: block;}
.del i{font-size: 1.2rem;}

.pagination a{display:inline-block; margin:10px 0; padding: 5px; text-decoration: none;font-size: 1.7em;font-weight: 500;}
.pagination a.current{display:inline-block; margin:10px 0; padding: 5px; background-color: var(--color1); color: #FFF}


/*.advanced-search-form .select{width: 22%; padding-bottom: 15px; margin-bottom: 0}*/
.advanced-search-form .select.search{margin-bottom: 0;}
.advanced-search-form .search input{border-radius: 0; box-shadow: none; border-color: rgba(255, 0, 0, 0.2)}
.advanced-search-form button{vertical-align: bottom;}
.advanced-search-form{text-align: left; margin-right: 1.5%;}
.advanced-search-form .bottom-advanced-search-form {display: inline-block; width: 89%}
.advanced-search-form .label{display: block;font-size: 1.15rem; margin-right: 15px;margin-bottom: 5px;  }
.advanced-search-form .radiosWrap{margin-left: 30px;width: auto; margin-top: -5px;}
.advanced-search-form .radiosWrap.elem1{margin-left: 0}
.advanced-search-form{position: relative;}
.advanced-search-form button{position: absolute; bottom: 0; right: 0;}
.advanced-search-form .qte_range{width: 88%;}
.advanced-search-form .prix_range{vertical-align: top;width: 44%;}
.advanced-search-form .range{height: 4px; border:1px solid #CCC;  margin-bottom: 20px; border-radius: 8px}
.advanced-search-form .range div{background: #eecdc9; margin-top: -1px; height: 5px}
.advanced-search-form .range span{cursor:pointer; outline:none !important;width: 17px; height: 17px; border-radius: 17px;background: var(--color1);transform: translate(-50%, -50%);}
.advanced-search-form .advanced-filter{display: inline-block;transition-property: height padding-bottom; transition-duration:0.3s; padding-bottom: 0px;height: 0; overflow: hidden}
.advanced-search-form .advanced-filter.showMe{height: 70px;}
.advanced-search-form .advanced-filter.select.showMe{padding-bottom: 20px;}


body.type_produit main .languette{display: none;}
#filter_plus_Btn{cursor:pointer; position: absolute; top: 81px; right: 11%;}
#filter_plus_Btn img{width: 45px; padding:5px; background-color: #FFF; padding-right: 15px}

.csv_button{margin-right: 11%; margin-top: 20px}
.radiosWrap{display: inline-block; text-align: left}
.logo_space{margin-right:5px;text-align: left}
#textLogo{ width: 220px; margin-top: 15px}
header .formulaire{margin: 10px 0;}
main>div:first-child{position: relative;}
main>div .switch_interface{position: absolute; right: 0; top:-20px;display: none;}
main>div .switch_interface:nth-child(2){margin-right: 40px}



/********************************************************
 *              Commande
 *******************************************************/
.commandes{padding-top: 10px}
.commande.open .ligne{background-color: #000; color: #FFF; padding-right: 15px; padding-left: 15px}
.commandes .totaux{border-top:1px solid #000; }
.totaux span{ float: left; width: 50%}
.totaux span:nth-child(2){float: right;text-align: right;}
.commande{font-size:2em;position: relative;}
.commande .ligne{ padding: 15px 0;cursor: pointer; }
.commande::after{ content: ""; display: block; position: absolute; bottom: 5px; left:50%; transform:translateX(-50%); width: 80%; background-color: #DDD; height: 1px}
.commande:last-child::after, .commande.open::after{display: none;}
.commande .date{float: left}
.commande .gauche{float: right}
.commande .prix{color:var(--color1); margin-right: 15px}
.commande i.fa{font-size: 1.5em; }
.open .composant{display: block;border:2px solid #000;; background: #FFF}
.composant{ display: none;text-align: left; font-size: 0;}
.composant .img{width: 33%; height: 160px; padding: 10px;}
.composant .img img{max-height: 140px; margin:auto; width: auto; min-width: 0}
.composant .prod div.gauche{width: 66%;; float: none; display:inline-block; }
.composant .prod .gauche>*{margin-bottom: 7px; display: block;}
.composant .prod{ position: relative; font-size:0; width: 30%;margin: 0 1.5% 1.5% 1.5%;  box-shadow: #E7EAF0 0 8px 15px; display: inline-block;}
.composant .prod>div{font-size:0.7rem; display: inline-flex; vertical-align: middle; float: none}
.composant .prod .type{text-align: right}
.composant .prod .type *{display: inline-block; vertical-align: middle;}
.composant .prod .type img{max-width: 30px}
.composant .prod h3{font-size: 1rem;}
.composant .prixProd{position: absolute; width: 66%; bottom: 2px; left:33%; text-align: center;display: block !important;}
.composant .prixProd .prix{float: left; color: #000; font-size: 0.7em;}
.composant .prixProd span{font-weight: 500;}
.composant .prixProd .total{float: right; font-size: 1.2em}


#dadyProduit.enLigne .produit.switch2 .wrap .partProd.prixWrap.vetement .taille{min-width: 15%; width: auto;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd.prixWrap.vetement .p_prix {min-width: calc(34% - 130px); width: auto;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd.prixWrap.vetement .ref{min-width: 12%; width: auto;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd.prixWrap.vetement .dispo{min-width: 17%; width: auto;}



aside>nav>ul>li:nth-child(3) img, aside>nav>ul>li:nth-child(4) img{animation-name: clignotteViteFait; animation-duration: 2.5s; animation-iteration-count: 1;}
@keyframes clignotteViteFait {

    0%{opacity: 1}
    12.5%{opacity: 0}
    25%{opacity: 1}
    37.5%{opacity: 1}
    50%{opacity: 0}
    62.5%{opacity: 1;}
    75%{opacity: 1}
    87.5%{opacity: 0}
    100%{opacity: 1}
  }


  body .mc-calendar .mc-picker__body,body .mc-calendar .mc-picker__footer{font-size: 2em;}
  body .mc-calendar .mc-table__weekday, body .mc-calendar .mc-btn--success{color:var(--rouge) !important;}
  body .mc-calendar .mc-display,body .mc-calendar .mc-date--active.mc-date--picked{background-color:var(--rouge) !important;}
  body .mc-calendar h2.mc-display__year{color: #FFF}
  body .mc-calendar h3.mc-display__month,body .mc-calendar h2.mc-display__year {text-align: center;}
  body .mc-calendar .mc-date{vertical-align: middle;}

.fav .buttonRappelDate{float: right;}
.switch1.produit .partProd .fav .buttonRappelDate img{max-width: 53px; height:13px; }
.buttonRappelDate{cursor: pointer;}

#dadyProduit .produit.rappelTop{margin-top: 85px;}
#dadyProduit .produit .cal{ margin-top: -75px;height: 75px; border-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; overflow: hidden;}
#dadyProduit .produit .cal .mois{background-color: var(--rouge); color: #FFF; font-weight: bold; font-size: 1.7em; padding: 5px;}
#dadyProduit .produit .cal .mois a{float: right; font-size: 11px; color: inherit;}
#dadyProduit .produit .cal .mois::after{clear: both;}
#dadyProduit .produit .cal .jour{border: 1px solid #F3F3F3; border-top: none; color: #717171; font-weight: bold; font-size: 4em;padding: 10px}

.notif{position: absolute; background-color: var(--rouge); color: #FFF; font-size: 9px; padding: 3px; position: absolute;bottom: 4px; left: 18px;border-radius: 9px}
header{position: relative;}
.Centre2Notifications{position: fixed; right:2px;top:100px; width: 350px; max-width: 70%; background-color: rgba(225,225,225,0.85); border-radius: 15px; padding: 5px;}

.Centre2Notifications .notification a{color: #000;font-size: 12px; display: flex; align-items: center; justify-items: center; border-radius: 15px; padding:  5px 10px; margin: 7px; text-decoration: none;}
.Centre2Notifications .notification .img, .Centre2Notifications .notification .ico, .Centre2Notifications .notification h3{display: inline-block;}
.Centre2Notifications .notification .img{width:100px; min-width: 100px; height: 75px;}
.Centre2Notifications .notification .img img{height: 100%; width: auto; min-width: none; display: block; margin: auto;}
.Centre2Notifications .notification .ico{height: 20px; width: 20px;}
.Centre2Notifications .notification h3{font-size: inherit;margin-bottom: 0;}
.Centre2Notifications #suprimerAll{text-align: right;display: block; color: #000; font-size: 13px;text-decoration: none;}
.Centre2Notifications #suprimerAll i{font-size: 20px;}

body .defilement .wrapperItem > .bloc{padding-top: 2.5%; position: relative; background-color:#FFF;}
body .defilement .wrapperItem > .bloc::before{content: ""; display: block; width: 1px; height: 50%; background-color: #CCC; position: absolute; right: -6%; top: 50%; transform: translateY(-50%);}

.shake{animation-delay: 0.5s;animation: shake 1.2s cubic-bezier(.36,.07,.19,.97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1%, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2%, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4%, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4%, 0, 0);
  }
}


/********************************************************
 *
 *******************************************************/


.Centre2Notifications{background: rgba(159,159,159,0.65); max-height: calc(100vh - 100px); overflow-y: scroll; -webkit-overflow-scrolling: touch}
.notification a{background: rgba(235,235,235,0.95);position: relative; /*border: 2px solid #FFF*/}
.notification.groupNotif .groupContent{ border-top: 1px solid #aaa;transition-property: width max-height border-top-right-radius border-top-left-radius;transition-duration: 0.3s;margin:auto; width: 85%; margin-top: -7px;  min-height: 11px;max-height: 11px; background: rgba(220,220,220,0.95); border-radius: 15px; border-top-right-radius:0;border-top-left-radius: 0; overflow: hidden;}

.notification.groupNotif .groupContent.grow4content{ border-top-left-radius: 15px; border-top-right-radius: 15px; width: 100%; max-height: 5000px; min-height: auto;}
.notification.groupNotif .groupContent a{opacity: 0;transition-property: opacity; transition-duration: 0.3s;}
.notification.groupNotif .groupContent.grow4content a{opacity: 1;}
.notification.groupNotif .groupContent .repliage{display: none;}
.notification.groupNotif .groupContent.grow4content .repliage{display: block;}
.notification.groupNotif>a{opacity: 1;font-size: 15px;height: 80px;overflow: hidden;transition-property:height padding opacity; transition-duration: 0.3s;}
.notification.groupNotif>a.reduit{height: 0;padding: 0;opacity: 0;}


.notification.groupNotif>a .ico{width: 40px;height: 40px; margin-right: 10px;}
.notification.groupNotif .imgs{min-width: 135px;text-align: left;}
.notification.groupNotif .imgs .img, .notification.groupNotif .imgs .small{min-width: 0;display: inline-block; width: 60px; height: 60px; margin-right:7px;  margin-top: 3px;border-radius: 10px; overflow: hidden;}
.notification.groupNotif .imgs .img img{object-fit: cover;height: 100%; width: 100%;}
.notification.groupNotif .imgs .small .img{width: 27px;height: 27px;  margin-right:3px; margin-top: 3px;}

.notification.groupNotif i.remove{opacity: 1;display: none; position: absolute; top: 3px;right: 3%;  border-radius: 100%; height: 14px ;width: 14px; border: 1px solid #333;}
.notification.groupNotif i.remove::after,.notification.groupNotif .remove::before{content: ""; display: block;position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 7px; height: 1px; background-color: #333}
.notification.groupNotif i.remove::after{transform: translate(-50%, -50%) rotate(45deg);}
.notification.groupNotif:hover i.remove{display: block;}


.repliage{width: 25px; margin: auto; display: block; margin-bottom: 5px;margin-top: -5px; cursor: pointer;}
.repliage.repliageTop{margin-top: 5px; margin-bottom: 0;}
h3.repliage{width:100%; font-size: 15px !important;text-align: center;margin-top: 5px}

.owl-carousel .owl-stage-outer{height: 130px;}

.owl-carousel .bloc{min-height: 0;padding-top: 60%;width: 3%;background-repeat: no-repeat;margin-right: 15px;display: block;}
.owl-carousel .bloc.background{background-size: contain;}
.owl-nav{position: absolute;top: 50%;width: 100%; left: 0; font-size: 45px; }
.owl-carousel:hover .owl-nav{display: block;}
.owl-nav .owl-prev, .owl-carousel2 .owl-nav .owl-next{transform: translateY(-50%);position: absolute;top: 0;left: 0; right: auto;text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF}
.owl-nav .owl-next, .owl-carousel2 .owl-nav .owl-prev{transform: translateY(-50%);position: absolute;top: 0;left: auto ;right: 0;text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF}

#ui-datepicker-div{z-index:999 !important; background-color: #FFF; font-size: 0.75rem; border: 1px solid rgba(255, 0, 0, 0.2)}
.ui-datepicker-next{
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid var(--color1);}

.ui-datepicker-prev{
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 7px solid var(--color1);}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width: 7px!important; height: 7px!important; top:5px !important}
.ui-datepicker-prev span, .ui-datepicker-next span{display: none;}
.ui-datepicker{width: auto !important}
#ui-datepicker-div td{text-align:center;}
#ui-datepicker-div td>*{text-align: center; padding: 0.4em 0.4em}
.ui-datepicker-current-day a{border-radius:50%;background: #000; color:#FFF}
.ui-datepicker-current-day a{border-radius:50%;background: #000; color:#FFF}
#ui-datepicker-div td.ui-state-disabled{color:rgba(255, 0, 0, 0.2)}


@media screen and (min-width: 1425px) {
  aside{ position:fixed; top:0; left:0; padding: 0; width: 260px}
  body{margin-left: 270px;}
  aside + main{width: 100% !important}
  body.asideFix main{margin-left: 0!important}
  aside .bg_choice{position: relative; }
  aside .bg_choice[style*="#FFF"] nav img.picto,
  aside .bg_choice[style*="rgb(255"] nav img.picto,
  aside .bg_choice[style*="rgb(255"] nav img.fleche,
  aside .bg_choice[style*="#FFF"] nav img.fleche{filter:invert(1)}

  aside .bg_choice[style*="rgb(255"] nav{text-shadow: #000 1px 0 10px;}

  aside .bg_choice[style*="#000"] nav img.picto,
  aside .bg_choice[style*="rgb(0"] nav{text-shadow: #FFF 1px 0 10px;}
  aside .bg_choice{padding-top: 0;}
  aside .bg_choice[data-shape="1"]{justify-content: start !important;padding-top: 0;}

  aside .bg_choice>*{z-index: 3!important; position: relative;}
  aside .bg_choice>.BgColorOverImg,
  aside .bg_choice>.bigLinkOverAll{position: absolute; top:0;left:0; width: 100%; height: 100%; z-index: 1!important}
  aside .bg_choice>.bigLinkOverAll{z-index: 2!important}
}

form.panier_validation{
  --couleurInsideForm: #FFF;
  --couleurContourForm: #CCC;
  --couleurSoulignForm: #000;
  --couleurTextForm: green;
  --spaceBetweenForm: 15px;
}


form.panier_validation .check_or_radio{position: relative;}

form.panier_validation label.case, form.panier_validation label.radio{ position: relative;display: inline-block; width:30px; height:30px; margin-right: 15px;background-color:var(--couleurInsideForm); border:1px solid var(--couleurContourForm); text-align: center;font-size: 0.4rem !important;}

form.panier_validation input[type="checkbox"]{position: absolute; z-index: -1; opacity: 1; pointer-events: none; opacity: 0}
form.panier_validation input[type="checkbox"] + label::before, form.panier_validation input[type="checkbox"] + label::after{z-index: 5;position:absolute; top:20%; left:20%;content:""; width: 0; height: 1em; background:var(--couleurSoulignForm); transform-origin:0 -100%; transform:rotate(-315deg); }
form.panier_validation input[type="checkbox"]:checked + label::before{width:2em;transition-property: width; transition-duration: .15s}
form.panier_validation input[type="checkbox"] + label::after{transform:rotate(-50deg);  margin-left: -1.2em; margin-top: 1.8em;}
form.panier_validation input[type="checkbox"]:checked + label::after{transition-delay:.15s;transition-property: width; transition-duration: .15s;width:6em;}
form.panier_validation .check_or_radio{text-align: center;}
form.panier_validation .check_or_radio>div{display: inline-block; width: 250px; vertical-align: top; white-space: nowrap; padding-left: 25px;text-align: left; margin-bottom: 15px; }
form.panier_validation .check_or_radio label{cursor: pointer; user-select: none; display: inline-block;font-size: 1rem;vertical-align: middle}
form.panier_validation .check_or_radio label + label,
form.panier_validation .check_or_radio label + label >p{display:inline}
form.panier_validation .check_or_radio p{padding: 0;padding-right: 0; padding-left: 0;}
form.panier_validation .check_or_radio>div *:not(input){ white-space: normal;display: inline-block; vertical-align: middle; font-size: 1rem;}
form.panier_validation .check_or_radio .label{font-size: 1.5rem; margin-bottom: 15px; margin-top: 50px; font-weight: 500;}
form.panier_validation .check_or_radio p{font-size: 1em;}


html #rgpd_side,
html #rgpd_bando{font-family: sans-serif; font-size: 0.7rem;}


.buttonWrap .button3.green, .buttonWrap .button3.green::before{  background: var(--CoulStockDispo);}
.buttonWrap .button3.green:hover{color:var(--CoulStockDispo); border-color: var(--CoulStockDispo)}

aside .background > .bgWrap.v{pointer-events: auto}
aside{user-select: none;}

body .button {
  --couBtn: var(--rouge);
  --coul2Btn: #FFF;
}

body .button[data-shape="3"] p.buttonP{border-width: 3px !important;}
body .button[data-shape="3"] p.buttonP:hover span,
body .button[data-shape="3"] p.buttonP:hover b,
body .button[data-shape="3"] p.buttonP:hover strong{color:inherit !important;}

.formV2 select {
background-color: #FFF;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3…c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat,repeat;
background-position: right .7em top 50%,0 0;
background-size: .85em auto,100%;
min-height: 4em;}
.formV2 form input, .formV2 form select, .formV2 form textarea{margin-top: 1rem; width: 100%; border:1px solid #EFEFEF !important; font-weight: normal; font-family: inherit;}
.formV2 select{line-height: 4em; text-indent: 0.5em}
.formV2 {padding: 1rem}

body .formV2 .button .buttonP:hover{color:var(--rouge);}

main>div{position: relative;}
main>div::before, main>div::after{pointer-events:none;
  transition-property: width, opacity; opacity: 0; transition-duration: 0.1s; /*transition-timing-function: cubic-bezier(.75,-0.5,0,1.75);*/
   z-index:5;background-color: #FFF; content: "";display: block; position: fixed; top: 0;left: 0;width: 0; height: 100%;
   background-image: url("../_img/replay_sigle.svg"); background-size: 10rem 10rem; background-position-y:50%; background-repeat: no-repeat;}
main>div::after{left: auto; right: 0;  background-position-x:-5rem}
main>div::before{  background-position-x:calc( 100% + 5rem)}
.loading::before, .loading::after{width: 50%; opacity:1}
main>div.unload::before, main>div.unload::after{transition-duration: 0.1s;width: 0;opacity: 0;}


.buttonWrap.outStock{pointer-events: none; opacity: 0.2}