/*------------------------------------ CATALOGUE --------------------------------------*/
#Catalogue{
    margin:0;
}

#TitreCatAccueil.Titre,
#TitreCatFamille.Titre,
#TitreCatSousFamille.Titre{
    font-family:var(--font-family-bandeau);
    font-size:48px;
    font-weight:bold;
    margin-bottom:10px;
    text-align:center;
    color:var(--color-titre);
}

#TitreCatAccueilDescWeb{
    display:none;
    color:var(--color-gray);
}

.TitrePhoto{
    display:none;
}

.TitreDescWeb{
    margin:0 auto 30px auto;
}
.TitreDescWeb,
.TitreDescWeb p{
    font-size:13px;
    color:var(--color-text-light);
}

#ProduitNonDisponibleCmde{
    font-size:11px;
}
/*---------------------------------- RECHERCHE ---------------------------------*/
.Recherche{
    margin-top:10px;
    margin-bottom:10px;
    padding:10px 0;
}
#TitreRecherche{
    display:none;
}
#SaisieMotCle{
    border-radius:50vw 0 0 50vw;
    border-color:var(--color-titre);
    border-right:none;
    height:30px;
    min-height:30px;
    box-shadow:none;
}
#BtnSubmit,
#BtnSubmit:hover{
    height:30px;
    padding:4px 8px;
    color:var(--color-titre);
    border-color:var(--color-titre);
    border-left:none;
}
#SaisieMotCle:focus,
#SaisieMotCle:active,
#SaisieMotCle:hover{
    border-bottom-width:1px;
}
#SaisieMotCle:focus,
#SaisieMotCle:active,
#BtnSubmit:focus,
#BtnSubmit:active{
    border-color:var(--color-titre);
}
#BtnSubmit:focus,
#BtnSubmit:active,
#BtnSubmit:hover{
    box-shadow:none;
    border-left:none;
}

#ZoneRechercheTout .FormRecherche.collapse{
    display:none;
}
#ZoneRechercheTout .FormRecherche.collapse.in{
    display:block;
    position:fixed;
    top:0;
    left:0;
    height:calc(100% - 48px);
    width:100%;
    background:rgb(255, 255, 255, 0.75);
    backdrop-filter:blur(10px);
    z-index:2;
}
#ZoneRechercheTout .FormRecherche.collapse.in #SaisieMotCle{
    padding-left:0;
}
#ZoneRechercheTout .FormRecherche .close{
    position:absolute;
    top:0.125em;
    right:0.25em;
    font-size:32px;
    padding:0.25em;
    color:var(--color-secondary);
    z-index:1;
}
#ZoneRechercheTout .FormRecherche .close img{
    -webkit-filter:invert(100%);
    filter:invert(100%);
    width:16px;
}
#ZoneRechercheTout .FormRecherche .Recherche{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    margin:0;
}
#ZoneRechercheTout .FormRecherche .Recherche #SaisieMotCle{
    width:calc(90% - 50px);
    margin-right:15px;
    background:none;
    border:none;
    border-bottom:2px solid var(--color-secondary);
    border-radius:0;
}
#ZoneRechercheTout .FormRecherche .Recherche #BtnSubmit{
    margin-left:-15px;
    border:none;
    background:none;
    color:var(--color-secondary);
}

/*--------------------------------- PAGINATION -----------------------------------*/
.PaginationHaut,
.PaginationBas{
    display:block;
    border:none;
    padding:5px 0;
    color:var(--color-secondary);
}
.PaginationHaut{
    display:none;
}
.PaginationBas{
    margin-top:15px;
    margin-bottom:30px;
    height:auto;
    clear:both;
}
.page-accueil .PaginationBas{
    display:none;
}
.PaginationHaut span,
.PaginationBas span{
    padding:4px 6px;
    background:var(--color-primary);
    color:var(--color-white);
}
.PaginationHaut span.Page,
.PaginationBas span.Page{
    background:var(--color-primary);
    border-color:var(--color-primary);
    color:var(--color-white);
    font-weight:500;
    cursor:default;
}
.PaginationHaut span.Filtre,
.PaginationBas span.Filtre{
    font-size:10px;
}
.PaginationHaut a,
.PaginationBas a{
    margin-left:5px;
    text-decoration:none;
    color:var(--color-secondary);
}
.PaginationHaut .btn-group a.btn-default,
.PaginationBas .btn-group a.btn-default,
.PaginationHaut .btn-group .btn + a.btn-default,
.PaginationBas .btn-group .btn + a.btn-default,
.PaginationHaut .btn-group .btn + span.btn-default,
.PaginationBas .btn-group .btn + span.btn-default{
    margin-left:5px;
    padding:4px 6px;
}
.PaginationHaut a:hover,
.PaginationBas a:hover{
    color:var(--color-secondary-light);
}
.PaginationHaut .Numero,
.PaginationBas .Numero{
    float:none;
}
.PaginationHaut .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.PaginationBas .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.PaginationHaut .btn-group > .btn:last-child:not(:first-child),
.PaginationHaut .btn-group>.dropdown-toggle:not(:first-child),
.PaginationBas .btn-group > .btn:last-child:not(:first-child),
.PaginationBas .btn-group>.dropdown-toggle:not(:first-child){
    border-radius:0;
}

#PaginationArticleDeA{
    display:none;
}

.LienBarNav{
    margin:8px 0;
    color:var(--color-text-medium);
    font-size:12px;
}
.LienBarNav a{
    color:var(--color-text-light);
    font-size:12px;
}
.LienBarNav a:hover{
    color:var(--color-primary);
}

.page-accueil #TitreCatAccueilLienBarNav,
.page-accueil .TitreModule{
    display:none;
}

/*------------------------------ LISTE PRODUIT -----------------------------------------*/
#Liste_Produit .Titre{
    display:none;
}
#Liste_Produit .LienBarNav{
    display:none;
}
/*------------------------------ LISTE PRODUIT TABLE -----------------------------------*/
#TB_Catalogue{
    border-collapse:collapse;
    width:100%;
    border-spacing:30pt 10pt;
    border:outset 2px;
}
#TB_Catalogue img{
    vertical-align:middle;
    border:0;
    padding-right:4px;
}
#TB_Catalogue tr{
    border-spacing:10px;
    border:inset 2px;
    background-color:var(--color-white);
    padding:5px;
    margin:10px;
}
#TB_Catalogue td, #TB_Catalogue th{
    border-bottom:1px solid var(--color-white);
    padding:2px;
}
#TB_Catalogue .Entete{
    display:none;
}
#TB_Catalogue .ColPhoto{
    width:100px;
    text-align:center;
}
#TB_Catalogue .ColRef{
    display:none;
}
#TB_Catalogue .ColDesignation{
    font-size:11px;
}
#TB_Catalogue .ColDesignation a{
    font-size:15px;
    font-weight:bold;
}

#TB_Catalogue .DesignationComplementaire{
    display:none;
}

#TB_Catalogue .ColPrix{
    width:75px;
    text-align:right;
    font-weight:bold;
    color:var(--color-primary);
}
#TB_Catalogue .ColQte{
    width:10px;
}
#TB_Catalogue .ColAcheter{
    width:10px;
}
#TB_Catalogue .ColQteAcheter{
    width:110px;
}

#TB_Catalogue .ColDesignation .LibelleFamille{
    position:relative;
    top:10px;
}

/*------------------------------ LISTE PRODUIT DIV -----------------------------*/

.Div_Catalogue{
    position:relative;
    display:inline-block;
    width:100%;
    min-height:40px;
    padding:10px;
    text-align:center;
    vertical-align:top;
}
.Div_Catalogue .Div_CatPhoto,
.Div_Catalogue .Div_CatPasPhoto{
    color:var(--color-text-lighter);
    font-style:italic;
    font-size:12px;
    transition:all 0.2s ease;
}
.Div_Catalogue .Div_CatPhoto a,
.Div_Catalogue .Div_CatPasPhoto a{
    display:block;
    transition:all 0.2s ease;
}
.Div_Catalogue .Div_CatPhoto img,
.Div_Catalogue .Div_CatPasPhoto img{
    max-width:100%;
    background-color:var(--color-primary);
    border:5px solid var(--color-white);
    border-radius:50vw;
    box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15);
}
.Div_CatPasPhoto img{
    max-height:250px;
    width:auto;
}

.Div_Catalogue .Div_CatInfo{
    top:calc(50% - 35px);
}
.Div_Catalogue .Div_CatInfo a{
    padding-left:10px;
    padding-right:10px;
    font-family:var(--font-family-title);
    font-size:18px;
    line-height:22px;
}

.Div_Catalogue .Div_CatPhoto + .Div_CatInfo{
    text-align:center;
}
.Div_Catalogue .Div_CatPhoto + .Div_CatInfo a,
.Div_Catalogue .Div_CatPhoto + .Div_CatInfo + .Div_CatDescription + .Div_CatPlusInfo a{
    display:flex;
    align-content:center;
    justify-content:center;
    align-items:center;
    width:100%;
    color:var(--color-white);
    /*text-shadow:0px 0px 15px rgba(0, 0, 0, 0.8), 1px 1px 0px var(--color-link);*/
}

.Div_Catalogue .Div_CatPasPhoto + .Div_CatInfo a,
.Div_Catalogue .Div_CatPasPhoto + .Div_CatInfo + .Div_CatDescription + .Div_CatPlusInfo a{
    line-height:normal;
    color:var(--color-link);
    /*text-shadow:0px 0px 5px rgba(255, 255, 255, 0.5);*/
}

.Div_Catalogue:hover .Div_CatPhoto,
.Div_Catalogue:hover .Div_CatPasPhoto{
    filter:blur(1px) contrast(1.1);
    transition:all 0.2s ease;
}
/*.Div_Catalogue:hover .Div_CatPhoto a img,
.Div_Catalogue:hover .Div_CatPasPhoto img{
    filter:blur(3px);
}*/
.Div_Catalogue .Div_CatInfo::before,
.Div_Catalogue .Div_CatPlusInfo::after{
    content:'';
    position:absolute;
    left:50%;
    display:block;
    margin:0 auto;
    height:20px;
    width:1px;
    background-color:var(--color-white);
}
.Div_Catalogue .Div_CatInfo::before{
    top:-30px;
}
.Div_Catalogue .Div_CatPlusInfo::after{
    bottom:-30px;
}

/*
.Div_Catalogue .Div_CatPasPhoto{
    display:none;
}
*/
.LigneProduit{
    position:relative;
    display:inline-block;
    float:none;
    width:48%;
    min-height:75px;
    margin:10px 1%;
    padding:10px;
    background:var(--color-white);
    border:none;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
    vertical-align:top;
    text-align:center;
}

.LigneProduit .liPhoto{
    position:relative;
    display:inline-block;
    min-height:125px;
    max-height:250px;
    margin:4px auto;
    vertical-align:middle;
    text-align:center;
    font-size:12px;
    color:var(--color-text-light);
    overflow:hidden;
}
.LigneProduit .liPhoto img{
    margin:0;
    border:none;
    height:auto;
    width:auto;
    max-width:100%;
    max-height:250px;
}
.LigneProduit .liPhoto a{
    display:block;
    border:none;
}
.LigneProduit > .liPlusInfos{
    display:none;
}
.LigneProduit .liPhoto .liPlusInfos{
    position:absolute;
    display:block;
    width:100%;
    bottom:0;
    transform:translateY(100%);
    padding:10px 15px;
    background-color:rgba(255,255,255,0.75);
    opacity:0.8;
    color:var(--color-text);
    font-size:15px;
    text-align:center;
    transition:all .5s;
}
.LigneProduit .liPhoto:hover .liPlusInfos{
    transform:translateY(0);
    transition:all .25s;
}
.LigneProduit .liPhoto:hover .liPlusInfos:hover{
    opacity:1;
}
.LibellePromo{
    color:var(--color-black);
    font-weight:bold;
    font-size:12px;
}
#PhotoVide{
    display:inline-block;
    padding:0;
    color:var(--color-text-lighter);
}
#PhotoVide img{
    max-height:250px;
    width:auto;
}

.LigneProduit .liRef{
    display:none;
}
.LigneProduit .liStock{
    padding-top:2px;
}
.LigneProduit .liNomprod{
    display:block;
    margin:4px auto;
    overflow:hidden;
    font-family:var(--font-family);
    font-weight:bold;
    max-width:100%;
}
.LigneProduit .liNomprod a{
    display:block;
    max-width:100%;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.LigneProduit .LienProduit{
    color:var(--color-text);
}

.LigneProduit .liPrix .Entete{
    padding-right:6px;
    display:none;
}
.LigneProduit .liNomprod .Entete{
    display:none;
}
.LigneProduit .liLibellePromo{
    color:var(--color-text);
    font-weight:bold;
    font-size:12px;
}

.LigneProduit .liStock{
    font-size:12px;
    line-height:18px;
    color:rgba(0, 0, 0, 0.5);
}

.LigneProduit .liDesignCompl,
.LigneProduit .liFamille,
.LigneProduit .liStock{
    display:none;
}
.LigneProduit .liPrix{
    font-weight:normal;
}
.PrixPromoBarre,
.LigneProduit .liPrix .PrixPromoBarre{
    display:inline-block;
    margin-right:5px;
    color:var(--color-gray);
    font-size:12px;
    font-weight:normal;
}

.LigneProduit .liQteAcheter{
    clear:both;
    margin:10px auto 2px auto;
    height:36px;
}
.LigneProduit .liQteAcheter form{
    margin-bottom:8px;
}

.LigneProduit .liQteAcheter .Btn_Plus,
.LigneProduit .liQteAcheter .Btn_Moins,
.LigneProduit .liQteAcheter #Qte{
    display:none;
}
.LigneProduit .liQteAcheter button{
    width:100%;
    padding:6px;
    font-size:13px;
    z-index:0;
}
.liQteAcheter .btn,
.liQteAcheter .btn:focus,
.liQteAcheter .btn:hover{
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
}

#ProduitPasDeStockCmde,
#ProduitNonDisponibleCmde{
    position:absolute;
    top:20px;
    right:0;
    padding:4px 8px;
    background-color:var(--color-danger);
    color:var(--color-white);
    font-weight:bold;
}

/*-------------------------- BLOC PHOTO PROD ---------------------------------------*/
ul#thumblist{
    display:block;
    margin:0;
    padding:0;
}
ul#thumblist li{
    display:inline-block;
    margin-right:5px;
    margin-bottom:5px;
    list-style:none;
}
ul#thumblist li a{
    display:block;
    border:2px solid var(--color-text-lighter);
}
ul#thumblist li img{
    width:100%;
    max-height:80px;
}
ul#thumblist li a.zoomThumbActive{
    border-color:var(--color-text-medium);
}

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

.Div_ImageProd{
    display:block;
    width:100%;
    min-height:20px;
    margin-right:15px;
}
.Div_ImageProd #ImgProd1{
    position:relative;
    display:block;
    min-height:175px;
}
.Div_ImageProd img{
    margin:0 auto;
    border-color:var(--color-text-medium);
}

.zoomPad{
    text-align:center;
    margin:auto;
    width:100%;
}

#PhotoProdIMG{
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:100%;
    border:0px solid var(--color-text-lightest);
}

.Div_NavProd{
    display:none;
    width:100%;
    text-align:center;
}

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

.Div_ImageProd .zoomPad .zoomWindow .zoomWrapperImage > img{
    max-width:none;
}

/*-------------------------------------- PRODUIT -----------------------------*/
#Produit{
    margin-top:0;
}

#Produit h1.Titre{
    margin-bottom:0;
    font-family:var(--font-family-title);
    font-style:normal;
    font-size:24px;
    text-align:left;
    text-transform:uppercase;
    color:var(--color-text);
}

#ProduitBarNav{
    display:none;
}
#Produit .LienBarNav{
    display:none;
}

#ShortDesc{
    margin:15px 0;
}

#TB_Produit{
    margin:0;
    padding:2px;
    border-collapse:collapse;
    text-align:left;
    border:none;
}
#TB_Produit .Titre{
    display:none;
}

#TB_Produit .TrAcheter .LigneAcheter .QteStock{
    display:inline-block;
    font-style:normal;
}
#TB_Produit .TrAcheter .LigneAcheter .QteStock .qte{
    color:var(--color-primary);
    font-size:15px;
    font-weight:600;
}
#TB_Produit .TrAcheter .LigneAcheter .QteStock .descr{
    color:var(--color-secondary);
    font-size:12px;
    font-weight:500;
}

#TB_Produit .TrPrix{
    margin-bottom:15px;
    font-family:var(--font-family-title);
}
#TB_Produit .TrPrix #PrixU{
    display:none;
}
#TB_Produit #Montant{
    color:var(--color-primary);
    font-weight:bold;
    font-size:25px;
}
#TB_Produit .TrPrix #Montant #HTTTC{
    color:var(--color-text-light);
    font-size:16px;
}

#TB_Produit .LigneChoixLot{
    background-color:var(--color-white);
}
#TB_Produit .LigneChoixLot select{
    font-size:12px;
    box-shadow:none;
    border:1px solid var(--color-text-light);
}

#TB_Produit .LigneAcheter{
    background:none;
    line-height:45px;
}

#TB_Produit .LigneAcheter .input-qte{
    display:inline-block;
    max-width:65px;
    margin-right:5px;
    text-align:center;
}
#TB_Produit .LigneAcheter .input-qte:hover,
#TB_Produit .LigneAcheter .input-qte:focus{
    border-color:inherit;
    border-width:1px;
}

#TB_Produit .LigneAcheter .Btn_Plus,
#TB_Produit .LigneAcheter .Btn_Moins{
    width:34px;
    height:34px;
}
#TB_Produit .LigneAcheter .Btn_Moins{
    margin-right:5px;
}

#Produit #DescWeb{
    margin-top:5px;
    margin-bottom:25px;
    text-align:left;
    font-family:var(--font-family);
    color:var(--color-text);
}

#ColInfoProd #ColDescWeb{
    padding-left:0;
    padding-right:0;
}

#Produit #NomProd{
    font-size:20px;
    margin-top:4px;
    margin-right:0px;
    margin-bottom:5px;
    display:none;
}
#Produit #DesignProd{
    font-style:italic;
}
#Produit .Div_RefProduit{
    display:none;
}

#Div_Recommandations{
    text-align:center;
    margin:30px auto;
}

#ColPhotosNonContra{
    margin:30px auto;
}
#PhotosNonContractuelles{
    text-align:center;
    color:var(--color-text-light);
}

#SectionInfosProd .shape-fill{
    fill:rgba(55, 117, 50, 0.43);
}

#BlocOnglets,
#BlocOnglets .panel,
#BlocOnglets .panel-heading,
#BlocOnglets .nav-tabs{
    border:none;
    border-radius:0;
    border-top-right-radius:19px;
}
#BlocOnglets .nav-tabs{
    margin-bottom:0;
    border-bottom:none;
    background-color:var(--color-text-lighter);
}
#BlocOnglets .nav-tabs > li > a{
    font-size:16px;
    font-weight:bold;
    font-style:italic;
    background-color:var(--color-text-lighter);
    color:var(--color-black);
}
#BlocOnglets .nav-tabs > li > a:focus,
#BlocOnglets .nav-tabs > li > a:hover{
    background-color:var(--color-text-lightest);
}
#BlocOnglets .nav-tabs > li.active > a,
#BlocOnglets .nav-tabs > li.active > a:focus,
#BlocOnglets .nav-tabs > li.active > a:hover{
    background-color:var(--color-text-lightest);
    color:var(--color-text-medium);
}
#BlocOnglets .panel-heading{
    padding:0;
}
#BlocOnglets .panel-body{
    background-color:var(--color-text-lightest);
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

/*------------------------------------ Liste des Famille Menu ----------------------*/
#ListeFamilleMenuGauche{
    text-align:left;
    list-style:none;
    margin:0 0 15px 0;
    padding:0;
}
#ListeFamilleMenu li{
    position:relative;
    padding:6px 3px;
    text-align:left;
    font-size:12px;
    font-weight:normal;
    font-size:14px;
}
#ListeFamilleMenu .SousFamille{
    margin:0px;
    padding:0px 10px;
    list-style-position:outside;
    list-style-type:none;
}
#ListeFamilleMenu .SousFamille li{
    font-style:normal;
    text-decoration:none;
    padding:3px;
}
#ListeFamilleMenuGauche li a{
    display:inline;
    text-decoration:none;
    color:var(--color-link);
    font-weight:normal;
}
#ListeFamilleMenuGauche > li > a{
    display:block;
    float:none;
    clear:both;
    padding:8px 0;
    font-weight:400;
}
#ListeFamilleMenuGauche .SousFamille > li{
    padding-top:4px;
}
#ListeFamilleMenuGauche .SousFamille li a{
    font-size:14px;
    font-weight:300;
    color:var(--color-gray);
}
#ListeFamilleMenuGauche li a:hover,
#ListeFamilleMenuGauche .SousFamille li a:hover,
#ListeFamilleMenuGauche li.current > a,
#ListeFamilleMenuGauche .SousFamille li.current > a{
    color:var(--color-primary);
}

#LstSousFamille{
    display:inline-block;
    width:100%;
}

.dropdown span.caret{
    float:right;
    padding:4px 10px;
}
.dropdown span.caret:after{
    width:22px;
    font-size:22px;
    color:var(--color-primary);
}
/*.dropdown.open > a > span.caret:after,*/
.dropdown.ouvert > a > span.caret:after{
    content:'\e9c6';
}

#ListeFamilleMenuGauche:after{
    content:' ';
    display:table;
    clear:both;
}



.scroll-zone{
    position:relative;
    padding:0px 30px;
    overflow:hidden;
}


.scroll-zone .right-button,
.scroll-zone .left-button{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background-color:transparent;
    border:none;
    outline:none;
    cursor:pointer;
}
.scroll-zone .left-button{
    left:-15px;
}
.scroll-zone .right-button{
    right:-15px;
}
.scroll-zone .right-button i,
.scroll-zone .left-button i{
    font-size:40px;
    color:var(--color-text);
    opacity:0.75;
}
.scroll-zone .right-button:hover i,
.scroll-zone .left-button:hover i{
    opacity:1;
}

.scroll-zone .ProduitSeul{
    position:relative;
    width:100%;
    padding:15px 0;
    height:auto;
    display:flex;
    flex-wrap:nowrap;
    overflow-x:hidden;
    overflow-y:hidden;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
}

.scroll-zone .LigneProduit{
    display:inline-block;
    justify-content:center;
    align-items:center;
    text-align:center;
    min-width:calc(100% - 20px);
    padding:0 15px;
    margin:1px 10px;
    border:none;
    overflow:hidden;
}
@media screen and (min-width: 481px){
    .scroll-zone .LigneProduit{
        min-width:calc(50% - 20px);
    }
}
@media screen and (min-width: 768px){
    .scroll-zone .LigneProduit{
        min-width:calc(33% - 20px);
    }
}
@media screen and (min-width: 992px){
    .scroll-zone .LigneProduit{
        min-width:calc(25% - 20px);
    }
}
.scroll-zone .LigneProduit .EnteteTitreProduit{
    font-family:var(--font-family-serif);
    font-size:20px;
    font-weight:400;
    color:var(--color-primary);
}
.scroll-zone .LigneProduit .liPhoto{
    min-height:200px;
}
.scroll-zone .LigneProduit .Entete,
.scroll-zone .LigneProduit .liRef{
    display:none;
}
.scroll-zone .LigneProduit .liNomprod{
    margin-top:10px;
}
.scroll-zone .LigneProduit .liNomprod a{
    color:var(--color-text);
}
.scroll-zone .LigneProduit .liNomprod a:hover{
    color:var(--color-link-hover);
}

.scroll-zone .ProduitSeul::-webkit-scrollbar{
    width:5px;
    height:8px;
    background-color:var(--color-text-light);
}
.scroll-zone .ProduitSeul::-webkit-scrollbar-thumb{
    background-color:var(--color-black);
}

/*
@media (max-width:1199px){
    .LigneProduit{
        width:31.3%;
        margin:1%;
    }
    .Div_Catalogue{
        width:31.3%;
        margin:1%;
    }
}

@media (max-width:991px){
    #ListeFamilleMenu li{
        display:inline-block;
        width:45%;
        margin:0 1%;
        padding-bottom:1%;
        vertical-align:top;
    }
    #ListeFamilleMenu li a,
    #ListeFamilleMenu li a:visited{
        display:block;
        padding:6px 3px;
    }
}

@media only screen and (max-width:767px){
    #Div_Catalogue{
        width:100%;
        padding:0;
    }
    .Div_AutresVuesProd{
        height:100px;
        top:-21px;
    }
}
*/

@media only screen and (max-width:320px){
    .LigneProduit,
    .Div_Catalogue{
        width:96%;
        margin:6px 2%;
    }
    .Div_Catalogue .Div_CatInfo::before,
    .Div_Catalogue .Div_CatPlusInfo::after{
        height:10px;
    }
    .Div_Catalogue .Div_CatInfo::before{
        top:-20px;
    }
    .Div_Catalogue .Div_CatPlusInfo::after{
        bottom:-15px;
    }
}

@media (min-width:400px){

    .Div_Catalogue .Div_CatPhoto a img{
        object-fit:cover;
        width:290px;
        height:290px;
    }
    .Div_Catalogue .Div_CatInfo a{
        font-size:20px;
    }
    #TitreCatAccueil.Titre,
    #TitreCatFamille.Titre,
    #TitreCatSousFamille.Titre{
        text-align:left;
    }
}

@media (min-width:768px){
    .LienBarNav{
        display:none;
    }
    .Div_Catalogue{
        width:49%;
        margin:4px 0.5%;
    }
    .Div_Catalogue .Div_CatPhoto + .Div_CatInfo{
        padding-left:15px;
        padding-right:15px;
    }
    .Div_Catalogue .Div_CatInfo a{
        font-size:22px;
        height:45px;
    }
    .Div_Catalogue .Div_CatPhoto img,
    .Div_Catalogue .Div_CatPasPhoto img{
        border-width:10px;
    }
    .LigneProduit{
        width:32.3%;
        margin-left:0.5%;
        margin-right:0.5%;
    }
    .LigneProduit .liQteAcheter button{
        padding:6px 12px;
        font-size:14px;
    }
    /*.Div_Catalogue .Div_CatPhoto a:hover img,
    .Div_Catalogue .Div_CatPasPhoto:hover img{
        -webkit-transform:rotate(-3deg);
        transform:rotate(-3deg);
    }*/
    .Div_ImageProd #ImgProd1:before,
    .Div_ImageProd #ImgProd1:after{
        opacity:0;
        content:'';
        display:block;
        position:absolute;
        transition:all ease 0.2s;
    }
    .Div_ImageProd #ImgProd1:before{
        z-index:9;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0, 0, 0, 0.33);
        mix-blend-mode:overlay;
    }
    .Div_ImageProd #ImgProd1:after{
        z-index:10;
        top:50%;
        left:50%;
        width:50px;
        height:50px;
        border-radius:100px;
        transform:translate(-50%, -50%);
    }
    .Div_ImageProd #ImgProd1:hover:before,
    .Div_ImageProd #ImgProd1:hover:after{
        opacity:1;
    }
}

@media (min-width:768px) and (max-width:990px){
    #Catalogue{
        margin-top:50px;
    }
}

@media (min-width:991px){
    .LigneProduit{
        width:24%;
    }
    .LigneProduit .liPhoto{
        min-height:200px;
    }
    #Div_Recommandations #ProduitsAssocies .LigneProduit{
        width:24%;
    }
    #ColInfoProd{
        padding-left:5px;
    }
}

@media (min-width:1200px){
    .LigneProduit .liNomprod a{
        text-overflow:initial;
        white-space:initial;
        overflow:auto;
    }
}