/*------------------------------------- Partie Commune -------------------------------*/
#Produit .Titre{
    text-align:left;
}

.LienBarNav{
    margin:10px auto;
    padding-left:5px;
    font-weight:bold;
    color:#1eb2c9;
}

.LienBarNav a{
    font-weight:normal;
    text-decoration:none;
    color:#1eb2c9;
    font-size:14px;
    margin-top:5px;
    margin-bottom:5px;
}

#ProduitBarNav{
    /*display:none;*/
}

.LienBarNav a:hover{
    text-decoration:underline;
}

.DesignWeb{
    display:none;
}

.TitreModule span{
    float:right;
    margin-right:5px;
}

.TitreModule span label{
    font-size:12px;
    font-weight:normal;
}

.TitreModule select{
    font-size:12px;
}

.TitreModule .FontBouton{
    margin-top:-5px;
}

.Recherche{
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
    background:none;
}

.Recherche table{
    margin:auto;
}

.PrixPromoBarre{
    display:block;
    text-decoration:line-through;
    font-size:12px;
}
.LibellePromo{
    display:block;
    color:#ab4b30;
    font-size:12px;
}

/*--------------------------------- PAGINATION -----------------------------------*/
.PaginationHaut{
    border:none;
    padding:10px;
}
.PaginationBas{
    clear:both;
    border:none;
    padding:10px;
}
#PaginationArticleDeA{
    display:inline-block;
    line-height:24px;
    padding:0;
}
.PaginationHaut span.Page, .PaginationBas span.Page{
    border-top-color:transparent;
    border-bottom-color:transparent;
    cursor:default;
}
.PaginationHaut span.Page:hover, .PaginationBas span.Page:hover{
    background-color:transparent;
}
.PaginationHaut span.Filtre, .PaginationBas span.Filtre{
    font-size:12px;
    font-style:italic;
}
.PaginationHaut .Numero, .PaginationBas .Numero{
    float:right;
}

/*------------------------------------ CATALOGUE --------------------------------------*/
#TB_Catalogue{
    border:1px solid #fff;
    border-collapse:collapse;
    width:100%;
}

#TB_Catalogue img{
    vertical-align:middle;
    border:0;
    padding-right:4px;
}

#TB_Catalogue td, #TB_Catalogue th{
    border:1px solid #fff;
    padding:2px;
}

#TB_Catalogue .Entete td, #TB_Catalogue .Entete th{
    text-align:center;
    color:#000;
    background-color:#1eb2c9;
    font-weight:bold;
    margin-top:5px;
    min-height:35px;
}

#TB_Catalogue .ColPhoto{
    width:100px;
    text-align:center;
}

#TB_Catalogue .ColRef{
    width:100px;
    text-align:center;
}

#TB_Catalogue .DesignationComplementaire{
    display:none;
}

#TB_Catalogue .PlusInfos{
    display:none;
}

#TB_Catalogue .ColPrix{
    width:75px;
    text-align:center;
}

#TB_Catalogue .ColQte{
    width:50px
}

#TB_Catalogue .ColAcheter{
    width:55px;
}

#TB_Catalogue .ColQteAcheter{
    width:105px;
    text-align:center;
}

#TB_Catalogue .ColQteAcheter input{
    font-size:12px;
}

#TB_Catalogue .Ligne1{
    background-color:#eee;
}

#TB_Catalogue .ColStock{
    text-align:center;
}

#NomProd{
    display:none;
}

#DesignProd{
    display:none;
    padding:5px;
    font-size:16px;
    font-style:normal;
}

#TitreCatFamille,
#TitreCatSousFamille{
    display:inline-block;
    width:100%;
    text-align:center;
    vertical-align:top;
}
#TitreCatFamillePhoto,
#TitreCatSousFamillePhoto{
    display:inline-block;
    width:100%;
    padding:5px 0;
    text-align:center;
}
#TitreCatFamillePhoto img,
#TitreCatSousFamillePhoto img{
    max-width:100%;
    max-height:250px;
    height:auto;
    width:auto;
}
#TitreCatFamilleDescWeb,
#TitreCatSousFamilleDescWeb{
    display:inline-block;
    width:100%;
    margin-top:1em;
    padding:5px;
    text-align:center;
    vertical-align:top;
}
#TitreCatFamilleLienBarNav,
#TitreCatSousFamilleLienBarNav{
    border-top:1px solid #ccc;
}

/*-------------------------- BLOC PHOTO PROD ---------------------------------------*/
.Div_BlocProd{
    position:relative;
    display:block;
    float:left;
    margin:10px 15px 25px 0;
    width:100%;
    min-height:340px;
}

.Div_ImageProd{
    display:block;
    width:100%;
    min-height:120px;
    padding:5px 0;
    text-align:center;
}

.Div_ImageProd img{
    margin:auto;
}
.Div_CatPlusInfo{
    display:none;
}
.zoomPad{
    text-align:center;
    margin:auto;
    width:350px;
}
.zoomPup{
    border:none;
    opacity:0;
}

#PhotoProdIMG{
    max-width:100%;
    max-height:430px;
    margin-left:auto;
    margin-right:auto;
    border:0px solid #eee;
    position:relative;
    z-index:10;
}

.Div_NavProd{
    clear:both;
    width:90%;
    margin:5px auto;
    text-align:center;
}
.Div_NavProd a{
    display:block;
    margin-left:25px;
}

.Div_AutresVuesProd{
    overflow:auto;
    width:350px;
    height:70px;
    text-align:center;
    margin-top:15px;
}

ul#thumblist{
    display:inline-block;
    margin:0;
    padding:0;
    /* For IE, the outcast */
    zoom:1;
    *display:inline;
}
ul#thumblist li{
    float:left;
    margin-right:2px;
    list-style:none;
}
ul#thumblist li a{
    display:block;
    border:1px solid #ccc;
}
ul#thumblist li img{
    max-width:50px;
    max-height:50px;
    width:auto;
}
ul#thumblist li a.zoomThumbActive,
ul#thumblist li a:hover{
    border:1px solid #f07a5f;
}

.Div_ImageProd .zoomPad .zoomWindow .zoomWrapper{
    border:2px solid rgba(30, 178, 201, 0.6);
}
.Div_ImageProd .zoomPad .zoomWindow .zoomWrapperImage > img{
    /*max-width:100%;*/
}

/*-------------------------------------- PRODUIT -----------------------------*/
#TB_Produit{
    margin:auto;
    margin-top:25px;
    width:100%;
    padding:2px;
    border-collapse:collapse;
    background-color:rgba(221, 244, 247, 0.5);
}

#TB_Produit td, #TB_Produit th{
    border:1px solid #FFF;
    border-spacing:0px;
    text-align:center;
    padding:5px;
}

#TB_Produit .Titre, #TB_Produit .Titre td, #TB_Produit .Titre th{
    font-size:18px;
    font-weight:normal;
}

#TB_Produit .TitreLot{
    background:none;
    color:#fff;
    background:#1eb2c9;
    min-height:24px;
    text-align:center;
    padding:0;
}

#TB_Produit .PrixPromoBarre{
    display:inline;
    text-decoration:line-through;
    font-size:12px;
}
#TB_Produit .LibellePromo{
    font-size:14px;
}

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

#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;
}
#DescWeb:after{
    content:'';
    display:table;
    clear:both;
}
#DescWeb,
#DescWeb div,
#DescWeb span,
#DescWeb a,
#DescWeb p,
#DescWeb li,
#DescWeb font{
    font-family:"Abel", Verdana, Helvetica, sans-serif;
    font-size:18px;
    font-weight:300;
    line-height:24px;
    margin-top:4px;
    margin-bottom:4px;
}
#DescWeb li{
    list-style-position:outside;
}
#DescWeb strong,
#DescWeb strong *{
    font-weight:bold;
}
#DescWeb h1, #DescWeb .h1
#DescWeb h2, #DescWeb .h2,
#DescWeb h3, #DescWeb .h3,
#DescWeb h4, #DescWeb .h4,
#DescWeb h5, #DescWeb .h5,
#DescWeb h6, #DescWeb .h6,
#DescWeb p[align=center] > strong,
#DescWeb p[align=center] > font > strong{
    font-family:'Yanone Kaffeesatz', sans-serif;
    font-weight:bold;
}
#DescWeb p[align=center] > strong,
#DescWeb p[align=center] > font > strong{
    font-size:1.1em;
}
#DescWeb h1, #DescWeb .h1{
    font-size:28px;
    color:#000;
}
#DescWeb h2, .DescWeb .h2{
    font-size:26px;
    color:#1eb2c9;
}
#DescWeb h3, .DescWeb .h3{
    font-size:24px;
    color:#ac4c30;
}
#DescWeb h4, .DescWeb .h4{
    font-size:20px;
    color:#4a4a4a;
}
#DescWeb h5, .DescWeb .h5{
    font-size:19px;
    color:#616161;
}
#DescWeb h6, .DescWeb .h6{
    font-size:18px;
    color:rgba(0, 221, 255, 0.67);
}

#Produit .LienBarNav{
    display:none;
}

/*------------------------------------ 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:#1eb2c9;
}

/*********** CATALOGUE ***************/
.RechercheCatalogue{
    text-align:center;
}

#Div_CatComplet{
    margin-top:20px;
    margin-bottom:20px;
    font-family:'Lobster', cursive;
    font-weight:normal;
    font-size:20px;
    text-align:center;
}

.Div_Catalogue{
    box-sizing:border-box;
    display:inline-block;
    width:200px;
    min-height:280px;
    margin:10px;
    border:none;
    vertical-align:top;
    text-align:center;
    color:#1eb2c9;
    overflow:hidden;
}

.Div_CatPhoto{
    width:100%;
    min-height:250px;
    line-height:125px;
    vertical-align:middle;
    display:inline-block;
    text-align:center;
    overflow:hidden;
}

.Div_CatPhoto a{
    display:block;
    width:100%;
    max-height:250px;
    border:none;
}

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

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

.Div_CatPasPhoto{
    width:100%;
    height:100px;
    line-height:100px;
    color:transparent;
    vertical-align:middle;
}

.TitreCatAccueil .RechercheCatalogue .Div_Catalogue{
    min-height:200px;
}
.TitreCatAccueil .RechercheCatalogue .Div_Catalogue .Div_CatPhoto + .Div_CatInfo,
.TitreCatAccueil .RechercheCatalogue .Div_Catalogue .Div_CatDescription{
    display:none;
}

.Div_Catalogue .Div_CatDescription{
    display:inline-block;
    color:#363636;
    margin:5px 0;
    line-height:1.5;
    font-size:0.9em;
}

#LstSousFamille .LienFamille{
    color:#1eb2c9;
    font-weight:bold;
    text-decoration:none;
}
.TitreCatFamille #LstSousFamille{
    display:none;
}

.FinRechercheCatalogue{
    clear:both;
}

.Div_ImageProd{
    margin-left:0;
    float:right;
    display:block;
}

.Div_ImageProd img{
    margin:0;
    border-color:#6c6c6c;
}

.Div_RefProduit{
    color:#4a4a4a;
    font-size:12px;
    font-weight:normal;
    padding:15px 0;
}

#ProduitFormArt{
    min-height:130px;
    display:inline-table;
    width:100%;
    text-align:center;
    margin-bottom:25px;
}

#DescriptionWebFamille{
    padding-left:5px;
    padding-top:5px;
    margin-bottom:20px;
}
/********CATALOGUE EN DIV********/
.LigneProduit{
    display:inline-block;
    box-sizing:border-box;
    width:200px;
    min-height:375px;
    margin:10px;
    border:2px solid #ab4b30;
    border-radius:10px;
    text-align:center;
    vertical-align:top;
    color:#1eb2c9;
}
#Div_Recommandations .LigneProduit{
    border:none;
    min-height:175px;
}

.LigneProduit a{
    display:block;
    color:#4a4a4a;
    text-decoration:none;
}

.LigneProduit .Entete{
    display:none;
}

.liPhoto{
    display:inline-block;
    margin:0 auto;
    padding:0;
    width:100%;
    height:250px;
    line-height:250px;
    vertical-align:middle;
    text-align:center;
    overflow:hidden;
}
#Div_Recommandations .liPhoto{
    height:120px;
    line-height:60px;
}
#ProduitsRecommandes .liPhoto img.PhotoSmallDiv{
    max-height:120px;
    max-width:100%;
    height:auto;
    width:auto;
}
.liPhoto img{
    border:none;
    max-width:100%;
    transition:all 0.5s ease-out;
}
.liPhoto a:focus img,
.liPhoto a:hover img{
    border-radius:80px;
}
.liPhoto #PhotoVide{
    color:#949494;
    font-style:italic;
}
.liLibellePromo{
    color:#cc0000;
}
.liRef{
    display:none;
}

.liNomprod{
    min-height:42px;
    background:#fff;
}

.liDesignCompl{
    display:none;
}

.liFamille{
    display:none;
}

.liStock{
    display:none;
}

.liPrix{
    display:inline-block;
    line-height:32px;
    font-size:15px;
    font-weight:bold;
    color:#1eb2c9;
}

.liInfosSuppl{
    color:#6c6c6c;
}
.liInfosSuppl a{
    font-weight:normal;
    color:#6c6c6c;
}

.liPlusInfos{
    padding:0;
    margin:5px auto;
}
.liPlusInfos a{
    display:inline-block;
    padding:5px 10px;
    background:#ac4c30;
    border:2px solid #ac4c30;
    border-radius:10px;
    color:#fff;
    font-weight:normal;
}
.liPlusInfos a:focus,
.liPlusInfos a:hover{
    background:#fff;
    color:#ac4c30;
}

.liQteAcheter{
    display:inline-block;
    vertical-align:bottom;
}
.liQteAcheter #Qte,
.liQteAcheter .Btn_Plus,
.liQteAcheter .Btn_Moins{
    display:none;
}
.liQteAcheter #Acheter{
    display:inline-block;
    padding:5px;
    background:transparent;
    border:none;
    opacity:1;
}
.liQteAcheter #Acheter:hover,
.liQteAcheter #Acheter:focus{
    opacity:0.8;
}
.liQteAcheter #Acheter img{
    max-width:32px;
    height:auto;
}

#Div_Recommandations{
    margin:15px 0;
    background-color:rgba(221, 244, 247, 0.05);
}
#Div_Recommandations h2{
    margin:25px auto 10px auto;
    padding:5px 15px;
    background:#1eb2c9;
    border-radius:10px;
    font-weight:normal;
    color:#fff;
    text-align:center;
}
#Div_Recommandations h3.liNomprod{
    min-height:55px;
}
#Div_Recommandations .liPrix #ProduitNonDisponibleCmde{
    line-height:initial;
}

@media (max-width:767px){
    #ProduitFormArt, .Div_ImageProd, .Div_NavProd, .Div_AutresVuesProd, .zoomPad{width:100%;}
    .zoomPup, .zoomWindow{display:none !important;}
}

@media (min-width:768px) and (max-width:991px){
    #ProduitFormArt, .Div_ImageProd, .Div_NavProd, .Div_AutresVuesProd, .zoomPad{width:690px;}
    .zoomPup, .zoomWindow{display:none !important;}
    #Div_Recommandations .LigneProduit .liNomprod a{font-size:15px;}
}

@media (min-width:992px) and (max-width:1199px){
    .Div_BlocProd{margin:10px 15px 25px 0;width:390px;}
    #ProduitFormArt, .Div_ImageProd, .Div_NavProd, .Div_AutresVuesProd, .zoomPad{width:390px;}
    #Div_Recommandations .LigneProduit .liNomprod a{font-size:14px;}
}
@media (min-width:1200px){
    .Div_BlocProd{margin:10px 15px 25px 0;width:430px;}
    #ProduitFormArt, .Div_ImageProd, .Div_NavProd, .Div_AutresVuesProd, .zoomPad{width:430px;}
    #Div_Recommandations .LigneProduit .liNomprod a{font-size:14px;}
}

@media (max-width:991px){
}
@media (max-width:1199px){
    .LigneProduit{
        width:29%;
        margin:2%;
    }
}

@media (min-width:768px){
    .form-inline #TB_Produit .LigneChoixLot select.form-control{
        width:90%;
    }
    #TitreCatFamille,
    #TitreCatSousFamille{
        width:66%;
        text-align:left;
    }
    #TitreCatFamillePhoto,
    #TitreCatSousFamillePhoto{
        width:33%;
    }
    #TitreCatFamilleDescWeb,
    #TitreCatSousFamilleDescWeb{
        width:66%;
        text-align:left;
    }
}

@media only screen and (max-width:480px){
    .LigneProduit{
        width:95%;
        margin:2%;
        max-width:auto;
    }
    .Div_Catalogue{
        width:95%;
        margin:2%;
    }
    #Produit, #Produit p, #Produit li, #Produit div{
        font-size:16px;
    }
}
@media only screen and (min-width:481px) and (max-width:767px){
    .LigneProduit{
        width:45%;
        margin:2%;
    }
    .Div_Catalogue{
        width:45%;
        margin:2%;
    }
    #Produit, #Produit p, #Produit li, #Produit div{
        font-size:16px;
    }
}
@media only screen and (max-width:767px){
    #Div_Catalogue{
        width:100%;
        padding:0;
    }
    .Div_CatPhoto{
        width:100%;
    }
}
@media (min-width:1200px){
    .LigneProduit{
        width:25%;
        margin:4%;
    }
    .Div_Catalogue{
        width:250px;
    }
    .Div_CatPhoto{
        width:100%;
    }
}