.Contenu .Infos .Boutique .Titre
{
    margin-top:25px;
    margin-left:10px;
}


.Contenu .Infos .Boutique 
{
    position:absolute;
    top:0px;
    left:0px;
    
    width:100%;
    height:100%;    
}

.Contenu .Infos .Boutique .Progress
{
    position:absolute;
    top:5px;
    left:190px;
    
    font-size:10px;
    color:Gray;
}

.Contenu .Infos .Boutique .ContenuBoutique
{
    position:absolute;
    top:22px;
    /*margin-top:20px;*/
        
    width:100%;
    height:490px;    
}

.Contenu .Infos .Boutique .MessageArticleEnPanier
{
    margin-right:3px;
    text-align:right;
    color:red;
    font-size:10px;
    z-index:1000;
}


/********************************************
    SOUS FAMILLE
**********************************************/

.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles
{
    position:absolute;
    top:0px;
    left:0px;
    
    width:185px;
    height:100%;
    
    overflow:auto;
    
    font-size:10px;
    color:Gray;        
    
    padding-top:0px;
    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille
{
    width:98%;    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .LienBoutonFamille,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .LienBoutonFamilleSelec
{
    text-decoration:none;    
    cursor:pointer;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .LienBoutonFamilleSelec
{
    font-weight:bold;
    cursor:pointer;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .LienBoutonFamille .ContenuBoutonFamille,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .LienBoutonFamilleSelec .ContenuBoutonFamille
{
    background:url('../../../Res/Boutique/FondFamille.jpg') repeat-x;   
    
    color:White;
    letter-spacing:1px;
    font-size:10px;
    
    padding:1px;
    width:100%;
    
    border:1px solid gray;
    
    margin-bottom:1px;
    margin-top:2px;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .LienBoutonFamilleSelec .ContenuBoutonFamille
{
    background:url('../../../Res/Boutique/FondFamilleSelec.jpg') repeat-x; 
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .LienBoutonFamille .ContenuBoutonFamille:hover
{
    background:url('../../../Res/Boutique/FondFamilleOver.jpg') repeat-x; 
}


.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .DataListSousFamille
{
    width:100%;    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .DataListSousFamille .LienBoutonSousFamille,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .DataListSousFamille .LienBoutonSousFamilleSelec
{
    text-decoration:none;    
    width:100%;
    cursor:pointer;
}


.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .DataListSousFamille .LienBoutonSousFamille .ContenuBoutonSousFamille,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .DataListSousFamille .LienBoutonSousFamilleSelec .ContenuBoutonSousFamille
{
    background:url('../../../Res/Boutique/FondSousFamille.jpg') repeat-x;    
    
    color:White;
    letter-spacing:1px;
    font-size:10px;
    
    padding:1px;
    width:100%;
    
    border:1px solid gray;
    
    margin-bottom:1px;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .DataListSousFamille .LienBoutonSousFamilleSelec .ContenuBoutonSousFamille
{
    background:url('../../../Res/Boutique/FondSousFamilleSelec.jpg') repeat-x;    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneFamilles .DataListFamille .DataListSousFamille .LienBoutonSousFamille .ContenuBoutonSousFamille:hover
{
    background:url('../../../Res/Boutique/FondSousFamilleOver.jpg') repeat-x; 
    color:Gray;
}

/********************************************
    ARTICLES
**********************************************/

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles
{
    position:absolute;
    top:1px;
    left:190px;
    
    width:480px;
    height:500px;
    
    overflow:auto;
    font-size:10px;    
}

.Contenu .Infos .Boutique .ContenuBoutique .MessageAucunArticle
{
    color:#909090;
    font-size:12px;
    
    /*margin-top:50px;*/
    margin-left:auto;
    margin-right:auto;
    
    width:90%;
    text-align:center;
    padding:5px;
    padding-top:50px;
}

/***************************
    ARTICLES TOP
***************************/

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop
{
    /*background:url('../../../Res/Boutique/FondArticlesTop.jpg') repeat-x;
    background-attachment:fixed;*/
    
    width:460px;    
    height:100%;
    vertical-align:top;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop
{
    /*width:100%;    
    height:100%;        */
    vertical-align:top;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop
{
    text-decoration:none;
    height:109px;
    cursor:pointer;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop:hover
{
    text-decoration:underline;
}


.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop:hover .Libelle
{
    text-decoration:underline;
}


.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-0,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-1,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-2,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-3,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-4,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-5,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-6
{
    position:relative;
    
    width:101px;
    height:109px;  
    
        
    padding:3px;
    padding-top:8px;
    padding-right:7px;        
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-0
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemVide.jpg') no-repeat;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-1
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemListe.jpg') no-repeat;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-2
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemGraphe.jpg') no-repeat;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-3
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemAudit.jpg') no-repeat;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-4
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemConseil.jpg') no-repeat;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-5
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemFormation.jpg') no-repeat;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-6
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemSysteme.jpg') no-repeat;
}

/*.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-1:hover
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemListe-Survol.jpg') no-repeat;    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-2:hover
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemGraphe-Survol.jpg') no-repeat;    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-3:hover
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemAudit-Survol.jpg') no-repeat;    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-4:hover
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemConseil-Survol.jpg') no-repeat;    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .ContenuBoutonArticleTop-5:hover
{
    background:url('../../../Res/Boutique/FondArticleTop_ItemFormation-Survol.jpg') no-repeat;    
}*/



.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .Libelle
{
    position:absolute;
    top:3px;
    left:5px;
    width:95px;
    
    color:#505050;  
    font-weight:bold;
    text-align:left;  
    letter-spacing:1px;
    font-size:10px;
    overflow:hidden;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .Reference
{
    position:absolute;
    top:5px;
    right:10px;
    
    text-align:right;  
    color:gray;
    font-size:8px;
    overflow:hidden;
    
    visibility:hidden
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .Prix
{
    /*position:absolute;    
    right:10px;
    top:3px;*/
    position:absolute;
    bottom:10px;
    right:10px;
    
    line-height:13px;
    text-align:right;
    font-size:13px;        
    letter-spacing:1px;
    color:#F0F0F0;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesTop .DataListArticlesTop .BoutonArticleTop .Prix .Unite
{
    color:#F0F0F0;
    font-size:8px;    
}

/***************************
    ARTICLES BOTTOM
***************************/

/*
.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom
{
    width:100%;
    height:320px;
    
    overflow:auto;    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom
{
    width:100%;    
}



.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .LigneArticle,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .LigneArticleAlternee
{
    height:30px; 
    
    border-top:1px solid lightgrey;
    border-bottom:1px solid lightgrey;       
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .LigneArticle
{
    background:url('../../../Res/Boutique/FondArticleBottom2.jpg') repeat-x;        
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .LigneArticleAlternee
{
    background:url('../../../Res/Boutique/FondArticleBottom1.jpg') repeat-x;            
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .ColonneImage 
{
    border:0px;
    width:32px;    
    vertical-align:top;
    text-align:left;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .ColonneImage .ImageArticleBottom-1,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .ColonneImage .ImageArticleBottom-2
{
    border-right:1px solid lightgrey;    
    border-left:1px solid lightgrey;    
    
    width:29px;
    height:29px;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .ColonneImage .ImageArticleBottom-1
{
    background:url('../../../Res/Boutique/ImageListe.jpg') no-repeat;            
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .ColonneImage .ImageArticleBottom-2
{
    background:url('../../../Res/Boutique/ImageGraphe.jpg') no-repeat;            
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .BoutonArticleBottom
{
    text-decoration:none;
    width:100%;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .BoutonArticleBottom .ContenuBoutonArticleBottom
{
    color:Gray;
    width:100%;
    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .BoutonArticleBottom .ContenuBoutonArticleBottom .Libelle
{
    color:#404040;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .BoutonArticleBottom .ContenuBoutonArticleBottom .Reference
{
    color:Gray;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .ColonnePrix
{
    text-align:right;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneArticles .ZoneArticlesBottom .DataListArticlesBottom .ColonnePrix .Prix
{
    color:#ff8300;
    font-size:12px;
    font-weight:bold;        
}
*/

/*****************************************
    DETAIL ARTICLE
*****************************************/

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle
{
    position:absolute;
    top:0px;
    left:674px;
    
    width:270px;
    height:100%;
    
    overflow:auto;
    
    font-size:10px;
    
    /*background:blue;    */
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle
{
    width:100%;
    height:100%;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .Empty
{
    Color:#909090;
    font-size:12px;
    
    margin-top:100px;
    margin-left:auto;
    margin-right:auto;
    
    width:90%;
    text-align:center;    
    padding:5px;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-1,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-2,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-3,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-4,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-5,
.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-6
{
    width:50px;
    height:50px;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-1
{
    background:url('../../../Res/Boutique/ImageListe.jpg') no-repeat;            
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-2
{
    background:url('../../../Res/Boutique/ImageGraphe.jpg') no-repeat;            
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-3
{
    background:url('../../../Res/Boutique/ImageAudit.jpg') no-repeat;            
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-4
{
    background:url('../../../Res/Boutique/ImageConseil.jpg') no-repeat;            
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-5
{
    background:url('../../../Res/Boutique/ImageFormation.jpg') no-repeat;            
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ImageDetailArticle-6
{
    background:url('../../../Res/Boutique/ImageSysteme.jpg') no-repeat;            
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .Libelle
{
    color:#404040;
    font-size:13px;
    letter-spacing:2px;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .Reference
{
    color:gray;
    font-size:9px;
    letter-spacing:2px;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ZoneDescription
{
    margin-top:10px;
    padding-left:0px;
    padding-right:5px;
    padding-bottom:10px;
    
    line-height:15px;
    text-align:justify;
    /*text-indent:20px;*/
    
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ZoneDescription .Description
{
    color:#606060;
    font-size:11px;
    letter-spacing:1px;        
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ZoneDescription .Notes
{
    color:#606060;
    font-size:9px;        
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ZoneDescription .Notes ul
{
    line-height:normal;
    text-indent:0px;
    
    list-style-position:outside;            
    
    margin:0px;
    padding-left:10px;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ZoneDescription .Notes li
{
    margin:0px;
    margin-bottom:5px;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ZonePrix
{
    margin-top:10px;
    text-align:right;
    padding-right:5px;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .ZonePrix .Prix
{
    font-size:15px;
    letter-spacing:2px;
    font-weight:bold; 
    color:#ff8300;
}

.Contenu .Infos .Boutique .ContenuBoutique .ZoneDetailArticle .DetailsArticle .BoutonAjouterPanier
{
    margin-top:10px; 
}