#ecom > h1.Titre{
    margin:0 auto 30px auto;
    padding:1em;
    font-size:32px;
    text-transform:uppercase;
    text-align:center;
}

#Produit{
    margin-top:30px;
    font-weight:400;
}

#Produit .Titre{
    margin:0 auto 10px auto;
    text-align:left;
    color:var(--color-primary);
}

#Produit .SousTitre{
    margin-top:30px;
}
#Div_Recommandations .SousTitre{
    font-weight:400;
}
.AvisVerifies .SousTitre h2{
    font-weight:400;
    color:var(--color-primary);
}

#pictos-reassurance > div{
    min-height:200px;
}
#pictos-reassurance div.bloc-img{
    text-align:center;
}
#pictos-reassurance img.img-responsive{
    max-width:50%;
    margin:0 auto;
    padding:1em;
}
#pictos-reassurance p{
    font-size:13px;
}

#Catalogue,
#Liste_Produit{
    text-align:center;
}
#Catalogue .TitreModule .Title,
#Liste_Produit .TitreModule .Title{
    display:none;
}
/*------------------------------------- Partie Commune -------------------------------*/
.LienBarNav{
    display:none;
}

.PrixPromoBarre{
    display:inline-block;
    margin-right:8px;
    text-decoration:line-through;
    font-size:var(--font-size-small);
    color:var(--color-gray);
}
.LibellePromo{
    display:block;
    color:var(--color-danger);
    font-size:var(--font-size-small);
}
/*#ProduitsRecommandes .LigneProduit .LibellePromo{
    display:inline-block;
    margin-right:8px;
}*/

/*--------------------------------- PAGINATION -----------------------------------*/
.PaginationHaut{
    display:none;
}
.PaginationBas{
    clear:both;
    height:auto;
    padding:30px 0;
    border:none;
}
.PaginationBas,
.PaginationBas .btn-xs{
    font-size:14px;
}

#PaginationArticleDeA{
    display:none;
}
.PaginationBas a.btn-default,
.PaginationBas span.Page,
.PaginationBas span.btn-xs[disabled]{
    display:inline-block;
    padding:6px 12px;
    background-color:var(--color-white);
    border:1px solid var(--color-gray);
    color:var(--color-primary);
}
.PaginationBas span.Page,
.PaginationBas span.Page:focus,
.PaginationBas span.Page:hover{
    background:var(--color-gray-lightest);
    color:var(--color-primary);
    cursor:default;
}
.PaginationBas span.Filtre{
    font-size:var(--font-size-small);
    font-style:italic;
}
.PaginationBas a.btn-default:focus,
.PaginationBas a.btn-default:hover{
    background-color:var(--color-primary);
    color:var(--color-white);
}

.InfoPetit{
    font-size:var(--font-size-small);
}

/*------------------------------------ CATALOGUE --------------------------------------*/

#NomProd{
    color:var(--color-gray-dark);
    font-size:18px;
    font-weight:500;
    padding:0 0 0 5px;
    margin:20px 0 0 0;
}

#DesignProd{
    padding:0;
    font-style:normal;
}

#TitreCatFamillePhoto,
#TitreCatSousFamillePhoto{
    display:none
}
#TitreCatFamillePhoto img,
#TitreCatSousFamillePhoto img{
    display:none;
}
#TitreCatFamilleDescWeb,
#TitreCatSousFamilleDescWeb{
    margin-bottom:10px;
    padding-bottom:20px;
    text-align:left;
    font-weight:400;
}

/*-------------------------- BLOC PHOTO PROD ---------------------------------------*/
ul#thumblist{
    display:block;
    margin:0;
    padding:0;
}
ul#thumblist li{
    display:inline-block;
    margin:5px;
    vertical-align:top;
}
ul#thumblist li a{
    display:block;
    border:1px solid var(--color-gray-light);
}
ul#thumblist li img{
    max-width:100px;
    height:auto;
}
ul#thumblist li a.zoomThumbActive,
ul#thumblist li a:hover{
    border:1px solid var(--color-secondary);
}

.Div_BlocProd{
    display:block;
    width:100%;
}

.Div_ImageProd{
    position:relative;
    width:100%;
    min-height:20px;
    text-align:center;
}

.Div_ImageProd img{
    margin:auto;
    border-radius:9px;
}
.Div_ImageProd #label-made-in-france{
    position:absolute;
    top:0;
    left:0;
    background:rgba(255, 255, 255, 0.5);
    font-weight:500;
}
.Div_ImageProd #label-made-in-france img{
    margin-right:4px;
}
.Div_CatPlusInfo{
    display:none;
}
.zoomPad{
    text-align:center;
    margin:auto;
    width:100%;
}

#PhotoProdIMG{
    max-width:100%;
    border:0px solid var(--color-gray-lighter);
}

.Div_NavProd{
    margin:5px auto 20px auto;
    width:100%;
    text-align:center;
}

.Div_AutresVuesProd{
    overflow:auto;
    width:100%;
    text-align:center;
    margin-top:15px;
}

.Div_ImageProd .zoomPad .zoomWindow .zoomWrapperImage > img{
    max-width:none;
}
/*-------------------------------------- PRODUIT -----------------------------*/
#TB_Produit{
    border-collapse:collapse;
}

#TB_Produit .Titre{
    display:none;
}

#TB_Produit #Montant{
    font-size:18px;
}
#TB_Produit #MontantFormate{
    font-weight:500;
}

#TB_Produit .PrixPromoBarre{
    display:inline;
    text-decoration:line-through;
    font-size:var(--font-size-small);
}
#TB_Produit .LibellePromo{
    font-size:var(--font-size);
}
#TB_Produit #InfoPromo{
    margin-right:8px;
}
#TB_Produit #InfoPromo,
#TB_Produit .TrPrix{
    display:inline-block;
}

#TB_Produit .TrPrix,
#TB_Produit .TrCompo{
    margin:10px auto;
}
#TB_Produit .TrAcheter{
    margin:20px auto;
}

#TB_Produit .TitreLot{
    background:var(--color-primary);
    color:var(--color-white);
    text-align:center;
    padding:0;
}

#TB_Produit .TrCompo{
    text-align:center;
}

#TB_Produit .LigneChoixLot{
    padding:3px;
}

#TB_Produit .LigneChoixLot select.form-control{
    display:inline-block;
    font-size:var(--font-size-small);
    font-weight:400;
}

#TB_Produit .LigneAcheter{
    line-height:30px;
}
#TB_Produit .LigneAcheter .input-qte{
    display:inline-block;
    font-weight:500;
}

#DivContenuLot{
    margin:30px auto 15px auto;
}

#DescWeb{
    margin:20px auto;
    font-family:var(--font-family-serif) !important;
}
#DescWeb ul li{
    list-style-position:outside;
    font-family:var(--font-family-serif) !important;
}
#DescWeb p,
#DescWeb span,
#DescWeb font{
    font-family:var(--font-family-serif) !important;
}

#PhotosNonContractuelles{
    margin:20px auto 10px auto;
    font-size:14px;
    font-style:italic;
    color:var(--color-gray);
}

/*------------------------------------ Liste des Famille Menu ----------------------*/
#ListeFamilleMenu{
    list-style-type:none;
}
#ListeFamilleMenu .SousFamille{
    margin:0px;
    padding:0px 10px;
    list-style-position:outside;
    list-style-type:none;
}
#ListeFamilleMenu .SousFamille li{
    font-style:normal;
}
#ListeFamilleMenu li a:link, .ListeFamilleMenu .SousFamille li a:link, #ListeFamilleMenu li a:visited, .ListeFamilleMenu .SousFamille li a:visited{
    display:block;
    color:var(--color-primary);
}

/*********** CATALOGUE ***************/
#Div_CatComplet{
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
}
#Div_CatComplet br{
    display:none;
}
#Div_Catalogue{
    width:100%;
    padding:0;
}
.Div_CatPhoto{
    width:100%;
}

.Div_Catalogue{
    position:relative;
    box-sizing:border-box;
    display:inline-block;
    width:100%;
    min-height:2em;
    margin:10px 0;
    background-color:var(--color-white);
    border:none;
    vertical-align:top;
    text-align:center;
    color:var(--color-primary);
    transition:all 0.2s ease;
}
.Div_Catalogue:hover,
.Div_Catalogue:focus,
.Div_Catalogue:focus-within,
.Div_Catalogue:has(a:focus){
    box-shadow:0px 0px 10px var(--color-black);
}

.Div_CatPhoto{
    width:100%;
    vertical-align:middle;
    display:inline-block;
    text-align:center;
    overflow:hidden;
}

.Div_CatPhoto a{
    display:block;
    width:100%;
    border:none;
}

.Div_CatPhoto img{
    border:none;
    max-width:100%;
    height:auto;
}

.PhotoSmallList{
    max-width:100px;
    height:auto;
}

.Div_CatPasPhoto{
    min-height:210px;
    line-height:105px;
    vertical-align:middle;
}

.Div_CatInfo{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    margin:0 auto;
    text-transform:uppercase;
    color:var(--color-white);
    opacity:1;
}

h1.F2{
    --bg:var(--color-fam-articul);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF2 .Div_CatInfo{
    --bg:var(--color-fam-articul-transp);
    background-color:var(--bg);
}
/*#NF2 .Div_CatInfo a{
    --bg:var(--color-fam-articul);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F3{
    --bg:var(--color-fam-coeur);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF3 .Div_CatInfo{
    --bg:var(--color-fam-coeur-transp);
    background-color:var(--bg);
}
/*#NF3 .Div_CatInfo a{
    --bg:var(--color-fam-coeur);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F4{
    --bg:var(--color-fam-mental);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF4 .Div_CatInfo{
    --bg:var(--color-fam-mental-transp);
    background-color:var(--bg);
}
/*#NF4 .Div_CatInfo a{
    --bg:var(--color-fam-mental);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F5{
    --bg:var(--color-fam-mental);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF5 .Div_CatInfo{
    --bg:var(--color-fam-mental-transp);
    background-color:var(--bg);
}
/*#NF5 .Div_CatInfo a{
    --bg:var(--color-fam-mental);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F6{
    --bg:var(--color-fam-coeur);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF6 .Div_CatInfo{
    --bg:var(--color-fam-coeur-transp);
    background-color:var(--bg);
}
/*#NF6 .Div_CatInfo a{
    --bg:var(--color-fam-coeur);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F7{
    --bg:var(--color-fam-mental);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF7 .Div_CatInfo{
    --bg:var(--color-fam-mental-transp);
    background-color:var(--bg);
}
/*#NF7 .Div_CatInfo a{
    --bg:var(--color-fam-mental);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F8{
    --bg:var(--color-fam-detox);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF8 .Div_CatInfo{
    --bg:var(--color-fam-detox-transp);
    background-color:var(--bg);
}
/*#NF8 .Div_CatInfo a{
    --bg:var(--color-fam-detox);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F9{
    --bg:var(--color-fam-detox);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF9 .Div_CatInfo{
    --bg:var(--color-fam-detox-transp);
    background-color:var(--bg);
}
/*#NF9 .Div_CatInfo a{
    --bg:var(--color-fam-detox);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F10{
    --bg:var(--color-fam-immun);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF10 .Div_CatInfo{
    --bg:var(--color-fam-immun-transp);
    background-color:var(--bg);
}
/*#NF10 .Div_CatInfo a{
    --bg:var(--color-fam-immun);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F11{
    --bg:var(--color-fam-articul);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF11 .Div_CatInfo{
    --bg:var(--color-fam-articul-transp);
    background-color:var(--bg);
}
/*#NF11 .Div_CatInfo a{
    --bg:var(--color-fam-articul);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F12{
    --bg:var(--color-fam-coeur);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF12 .Div_CatInfo{
    --bg:var(--color-fam-coeur-transp);
    background-color:var(--bg);
}
/*#NF12 .Div_CatInfo a{
    --bg:var(--color-fam-coeur);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F13{
    --bg:var(--color-fam-immun);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF13 .Div_CatInfo{
    --bg:var(--color-fam-immun-transp);
    background-color:var(--bg);
}
/*#NF13 .Div_CatInfo a{
    --bg:var(--color-fam-immun);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F14{
    --bg:var(--color-fam-sport);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF14 .Div_CatInfo{
    --bg:var(--color-fam-sport-transp);
    background-color:var(--bg);
}
/*#NF14 .Div_CatInfo a{
    --bg:var(--color-fam-sport);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F15{
    --bg:var(--color-fam-sport);
    background-color:var(--bg);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
}
#NF15 .Div_CatInfo{
    --bg:var(--color-fam-sport-transp);
    background-color:var(--bg);
}
/*#NF15 .Div_CatInfo a{
    --bg:var(--color-fam-sport);
    color:oklch(from var(--bg) calc((l - 0.5) * -999) 0 h);
    text-shadow:0px 1px 5px oklch(from var(--bg) calc((l - 0.5) * 999) 0 0);
}*/

h1.F1,
h1.F2,
h1.F3,
h1.F4,
h1.F5,
h1.F6,
h1.F7,
h1.F8,
h1.F9,
h1.F10,
h1.F11,
h1.F12,
h1.F13,
h1.F14,
h1.F15,
h1.F16{
    color:var(--color-white);
    font-weight:400;
}

.Div_CatInfo a{
    display:block;
    padding:8px;
    color:inherit;
    font-size:18px;
    font-weight:500;
    text-decoration:none;
    text-shadow:0px 1px 5px rgba(0, 0, 0, 0.25);
}

.Div_Catalogue .Div_CatDescription{
    display:inline-block;
    color:var(--color-gray-darker);
    margin:5px 0;
    line-height:1.5;
    font-size:0.9em;
}

/* presentation sous-familles horizontal */
.Div_Catalogue .Div_CatDescription{
    display:none;
}

.Div_Catalogue .Div_CatPlusInfo{
    display:none;
}
/* /presentation sous-familles horizontal */

.FinRechercheCatalogue{
    height:20px;
    clear:both;
}

.Div_ImageProd{
    display:block;
}

.Div_ImageProd img{
    margin:0;
    border-color:var(--color-gray-dark);
}

.Div_ImageProd #ImgProd1{
    display:block;
    margin:0 auto;
    max-width:95%;
}

.Div_RefProduit{
    display:none;
    color:var(--color-gray-dark);
    font-size:var(--font-size-small);
    margin:5px auto;
    padding:0;
}

#Produit #NomProd{
    display:none;
}

#ProduitFormArt{
    min-height:120px;
    margin:30px auto;
    padding:0;
    border:none;
    text-align:left;
}
#ProduitFormArt #PrixU{
    display:none;
}

#DescriptionWebFamille{
    padding-left:5px;
    padding-top:5px;
    margin-bottom:20px;
}
/********CATALOGUE EN DIV********/
#Div_Catalogue{
    text-align:center;
}
.LigneProduit{
    position:relative;
    display:inline-block;
    box-sizing:border-box;
    width:100%;
    min-height:340px;
    margin:10px 0;
    padding:5px;
    border:1px solid transparent;
    background-color:var(--color-white);
    text-align:left;
    vertical-align:bottom;
    color:var(--color-primary);
    transition:all 0.25s ease;
}
#ProduitsRecommandes .LigneProduit{
    margin:5px 0 15px 0;
}

.LigneProduit a:not(.review__header){
    display:block;
    text-decoration:none;
}

.LigneProduit .Entete{
    display:none;
}

.liQteAcheter #Acheter{
    display:block;
    width:100%;
    margin:5px auto;
    padding:6px;
    color:var(--color-primary);
    border:1px solid var(--color-primary);
    background-color:var(--color-white);
}
.liQteAcheter #Acheter:focus,
.liQteAcheter #Acheter:hover{
    color:var(--color-white);
    background-color:var(--color-primary);
    border-color:var(--color-primary);
}

#TB_Produit .LigneAcheter #Acheter,
#TB_Produit .LigneAcheter .btn-achat{
    color:var(--color-white);
    border:1px solid var(--color-secondary);
    background-color:var(--color-secondary);
}
#TB_Produit .LigneAcheter .btn-achat:focus,
#TB_Produit .LigneAcheter .btn-achat:hover,
#TB_Produit .LigneAcheter #Acheter:focus,
#TB_Produit .LigneAcheter #Acheter:hover{
    color:var(--color-white);
    background-color:var(--color-primary);
    border-color:var(--color-primary);
}

.liPhoto{
    width:100%;
    vertical-align:middle;
    display:inline-block;
    text-align:center;
    overflow:hidden;
}
.liPhoto img{
    max-width:100%;
    border:none;
}
.Div_CatPasPhoto,
.liPhoto #PhotoVide{
    color:var(--color-gray-lighter);
    font-style:italic;
    font-size:var(--font-size-small);
}
.liLibellePromo{
    position:absolute;
    top:0;
    left:0;
    padding:4px 8px;
    background-color:var(--color-secondary);
    color:var(--color-white);
    opacity:0.9;
}
.liRef{
    display:none;
}

.liNomprod{
    min-height:25px;
    font-weight:500;
}

.liDesignCompl{
    min-height:45px;
    font-weight:400;
}

.liFamille{
    font-weight:300;
}

.liPrix{
    display:block;
    margin:8px auto;
    text-align:right;
    font-size:18px;
    font-weight:500;
    color:var(--color-primary);
}

.liInfosSuppl{
    color:var(--color-gray-dark);
}
.liInfosSuppl a{
    font-weight:normal;
}

.liPlusInfos{
    display:none;
}

.liQteAcheter{
    margin-top:10px;
}
.liQteAcheter #Qte,
.liQteAcheter .Btn_Plus,
.liQteAcheter .Btn_Moins{
    display:none;
}

.LigneProduit .AvisVerifies a,
.LigneProduit .AvisVerifies a:focus,
.LigneProduit .AvisVerifies a:hover{
    text-decoration:none;
    color:var(--color-link);
    cursor:default;
}
#ProduitsRecommandes .skeepers_product__stars.stars-cursor .review__header:hover .stars__rating{
    text-decoration:none;
}

#info-abonnement{
    margin-bottom:15px;
}

#ProduitNonDisponibleCmde,
#ProduitPasDeStockCmde{
    display:inline-block;
    padding:4px 12px;
    border-radius:3px;
    background-color:var(--color-warning-light);
    color:var(--color-warning-dark);
    font-size:14px;
}

@media only screen and (max-width:419px){
    #pictos-reassurance > div{
        width:100%;
        min-height:120px;
    }
    #pictos-reassurance img.img-responsive{
        max-width:75%;
    }
}

@media only screen and (min-width:420px){
    .LigneProduit,
    .Div_Catalogue{
        width:46%;
        margin:20px 2%;
    }
    .Div_ImageProd #ImgProd1{
        max-width:90%;
    }
}

@media (min-width:768px){
    #ProduitsRecommandes .LigneProduit{
        width:31.3%;
        margin-left:1%;
        margin-right:1%;
    }
    .form-inline #TB_Produit .LigneChoixLot select.form-control{
        margin:1px auto;
        width:95%;
    }
    .Div_ImageProd #ImgProd1{
        max-width:80%;
    }
}

@media (min-width:992px){
    .LigneProduit,
    .Div_Catalogue{
        width:30.3%;
        margin-left:1.5%;
        margin-right:1.5%;
    }
    #ProduitsRecommandes .LigneProduit{
        width:23%;
    }
    .Div_ImageProd #ImgProd1{
        max-width:100%;
    }
    #TB_Produit .LigneAcheter .input-qte{
        margin-left:1em;
        margin-right:1em;
        max-width:120px;
    }
}

@media (min-width:1200px){
    .Div_CatPhoto{
        width:100%;
    }
}