#Produit .Titre{
    margin-top:0;
}

#Catalogue,
#Liste_Produit{
    text-align:left;
}

.TitreCatAccueil > #TitreCatAccueilLienBarNav,
.TitreCatAccueil #LstSousFamille > .TitreModule{
    display:none;
}

/*------------------------------------- Partie Commune -------------------------------*/
.btn{
    white-space:normal;
}
.LienBarNav{
    margin:5px 0 30px 0;
}
#ColLienBarNav{
    display:none;
}
.PrixPromoBarre{
    display:block;
    text-decoration:line-through;
    font-size:var(--font-size-small);
}
.LibellePromo{
    display:block;
    color:var(--color-danger);
    font-size:var(--font-size-small);
}

/*--------------------------------- PAGINATION -----------------------------------*/
.Numero.btn-group > .btn{
    position:static;
    float:none;
    margin:0 5px;
}
.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,
.PaginationBas span.Page,
.PaginationBas span.btn-xs[disabled]{
    display:inline-block;
    border:none;
    padding:2px 8px;
}
.PaginationBas span.Page{
    background:transparent;
    color:var(--color-text);
    cursor:default;
}
.PaginationBas span.Page:hover{
    background-color:transparent;
    color:var(--color-text);
}
.PaginationBas span.Filtre{
    font-size:var(--font-size-small);
    font-style:italic;
}

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

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

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

#DesignProd{
    padding:5px;
    font-style:normal;
}

#TitreCatFamillePhoto,
#TitreCatSousFamillePhoto{
    margin:5px auto;
    text-align:left;
}
#TitreCatFamillePhoto img,
#TitreCatSousFamillePhoto img{
    max-width:100%;
    height:auto;
}
#TitreCatFamilleDescWeb,
#TitreCatSousFamilleDescWeb{
    padding-bottom:20px;
    margin-bottom:10px;
}

/*-------------------------- 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{
    width:100%;
    min-height:20px;
    text-align:center;
}

.Div_ImageProd img{
    margin:auto;
    border-radius:9px;
}
.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 .PrixPromoBarre{
    display:inline;
    text-decoration:line-through;
    font-size:var(--font-size-small);
}
#TB_Produit .LibellePromo{
    font-size:var(--font-size);
}

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

#TB_Produit #Montant{
    font-weight:bold;
}

#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{
    font-size:13px;
}

#TB_Produit .LigneAcheter{
    line-height:30px;
}

#DescWeb{
    margin-top:5px;
    margin-bottom:25px;
    font-family:var(--font-family) !important;
}
#DescWeb ul li{
    list-style-position:outside;
    font-family:var(--font-family) !important;
}
#DescWeb p,
#DescWeb span,
#DescWeb font{
    font-family:var(--font-family) !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_CatPhoto{
    width:100%;
}

.Div_Catalogue{
    box-sizing:border-box;
    display:inline-block;
    width:100%;
    min-height:200px;
    margin:10px 0 20px 0;
    padding:0;
    background:none;
    border:1px solid var(--color-brun);
    border-radius:var(--border-radius);
    box-shadow:var(--box-shadow);
    vertical-align:top;
    text-align:center;
    color:var(--color-primary);
}
.Div_Catalogue:hover{
    box-shadow:var(--box-shadow-hover);
}

.Div_CatPhoto{
    width:100%;
    min-height:210px;
    line-height:105px;
    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;
    border-top-left-radius:var(--border-radius);
    border-top-right-radius:var(--border-radius);
}

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

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

.Div_CatInfo{
    margin:16px auto;
    text-transform:uppercase;
}

.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_CatInfo{
    min-height:45px;
    display:inline-block;
}

.Div_Catalogue .Div_CatDescription{
    display:none;
}

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

#LstSousFamille .LienFamille{
    color:var(--color-link);
    font-weight:bold;
    text-decoration:none;
}
#LstSousFamille .LienFamille:hover{
    text-decoration:underline;
}

#TriLstProduit{
    float:right;
}

.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{
    color:var(--color-gray-dark);
    font-size:var(--font-size-small);
    padding-left:5px;
}

#Produit #NomProd{
    display:none;
}

#ProduitFormArt{
    min-height:120px;
    margin:15px auto 30px auto;
    padding:15px;
    border:1px solid var(--color-gray-lightest);
    border-radius:5px;
    text-align:left;
}

#DescriptionWebFamille{
    padding-left:5px;
    padding-top:5px;
    margin-bottom:20px;
}
/********CATALOGUE EN DIV********/
.LigneProduit{
    display:inline-block;
    box-sizing:border-box;
    width:100%;
    min-height:300px;
    margin:10px 0 30px 0;
    padding:0 0 10px 0;
    border:none;
    border-radius:var(--border-radius);
    background:none;
    box-shadow:var(--box-shadow);
    text-align:center;
    vertical-align:bottom;
    color:var(--color-primary);
    transition:all 0.25s ease;
}
.LigneProduit:hover{
    box-shadow:var(--box-shadow-hover);
}

.LigneProduit a{
    display:block;
    font-weight:bold;
    text-decoration:none;
}

.LigneProduit .Entete{
    display:none;
}

.liPhoto{
    width:100%;
    min-height:100px;
    height:auto;
    line-height:50px;
    border-top-left-radius:var(--border-radius);
    border-top-right-radius:var(--border-radius);
    background-color:var(--color-white);
    vertical-align:middle;
    display:inline-block;
    text-align:center;
    overflow:hidden;
}
.liPhoto img{
    max-width:100%;
    height:auto;
    border:none;
}
.Div_CatPasPhoto,
.liPhoto #PhotoVide{
    color:var(--color-gray-lighter);
    font-style:italic;
    font-size:var(--font-size-small);
}
.liLibellePromo{
    color:var(--color-danger);
}
.liRef{
    display:none;
}

.liNomprod,
.liPrix,
.liQteAcheter{
    padding-left:5px;
    padding-right:5px;
}

.liNomprod{
    margin:8px auto;
    min-height:45px;
}

.liDesignCompl{
    display:none;
}

.liFamille{
    display:none;
}

.liPrix{
    margin:8px auto;
    font-size:1.1em;
    font-weight:bold;
    color:var(--color-gray-darker);
}

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

.liPlusInfos{
    display:none;
}

.liQteAcheter{
    margin:8px auto;
}
.liQteAcheter #Qte,
.liQteAcheter .Btn_Plus,
.liQteAcheter .Btn_Moins{
    display:none;
}

#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 (min-width:300px){
    .LigneProduit,
    .Div_Catalogue{
        width:calc((100% / 2) - 4%);
        margin-left:2%;
        margin-right:2%;
    }
    .Div_ImageProd #ImgProd1{
        max-width:90%;
    }
}

@media (min-width:768px){
    .btn{
        white-space:nowrap;
    }
    .LigneProduit,
    .Div_Catalogue{
        width:calc((100% / 3) - 4%);
    }
    .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:calc((100% / 4) - 3%);
        margin-left:1.5%;
        margin-right:1.5%;
    }
    .Div_ImageProd #ImgProd1{
        max-width:100%;
    }
}

@media (min-width:1200px){
    .LigneProduit,
    .Div_Catalogue{
        width:calc((100% / 5) - 2%);
        margin-left:1%;
        margin-right:1%;
    }
    .Div_CatPhoto{
        width:100%;
    }
}