/*BASE noir gris foncé #171717*/
/*BASE gris foncé #333333*/
/*BASE ORANGE #FF6600*/


/********************************************************************/
/* CORPS*/
html, body 
{
font-family:Verdana;
font-size:12px;
color:black;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#F0F0F0;
background-image : url(Images/FondBody.gif);
background-repeat :repeat-x;
}

/********************************************************************/
/* HEADER*/
#FondHeader
{
position:relative;
min-width:1000px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:120px;
background-image : url(Images/FondHeader.png);
background-repeat :repeat-x;
}
#Header
{
position:relative;
width:1000px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:120px;
margin-left:auto;
margin-right:auto;
background-color:transparent;
}

/********************************************************************/
/* CONTENU*/
#Contenu
{
position:relative;
width:1000px;
margin-left:auto;
margin-right:auto;
background-color:transparent;   
}

/* LeftBar */
#LeftBar
{
position:relative;
float:left;
min-height:500px;
width:150px;
background-color:transparent;   
}

/* RightBar */
#RightBar
{
position:relative;
float:right;
min-height:500px;
width:150px;
background-color:transparent; 
}

/* Content */
#Content
{
position:relative;
min-height:500px;
margin-left:155px;
margin-right:155px;
padding: 10px 10px 10px 10px;
background-color:white;
color:Black;
border: solid 1px #CCCCCC;
}

#ContentAdmin
{
position:relative;
min-height:500px;
margin-left:155px;
margin-right:0px;
padding: 5px 5px 5px 5px;
background-color:white;
color:Black;
border: solid 1px #CCCCCC;
}
/* Menu Principal*/
.menu {
position : relative;
width:150px;
margin-bottom:5px;
background-color : transparent;
text-decoration : none;
}
.menu a {
display : block;
background-image : none;
background-repeat : no-repeat;
font-size : 13px;
color:White;
text-decoration : none;
}
.menu a:hover {
font-size : 13px;
color:White;
text-decoration : none;
}
.menuItem {
position : relative;
width : 150px;
height : 25px;
background-color : transparent;
background-image : url(Images/MenuItem.png);
background-repeat : no-repeat;
text-align : center;
line-height : 25px;
margin-bottom:1px;
}

.menuItemHover {
position : relative;
width : 150px;
height : 25px;
background-color : transparent;
background-image : url(Images/MenuItemHover.png);
background-repeat : no-repeat;
text-align : center;
line-height : 25px;
}




/* Sous-Menu du menu principal */ 





/********************************************************************/
/* FOOTER*/
#Footer
{
 position:relative;
 width:100%;
 height:50px;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 background-color:transparent; 
 font-size:10px; 
 color:Black;   
}

/********************************************************************/
/* FORMAT DES TITRES ET BARRE DE FRACTIONNEMENT */

h1 
{
    color:#171717;
    font-size:16px;  
}
h2 
{
    color:#333333;
    font-size:14px; 
    font-style:italic;   
}
h3 {}
h4 {}
h5 {}
h6 {}

hr 
{
 height:1px;
 background-color:#DADADA;
 border-style:none;
}

a
{
    color:#FF6600;
    text-decoration:none;
}
a:hover
{
    color:#FF6600;
    text-decoration:underline;
}

/********************************************************************/
/* FORMAT OUTILS */

  /* Zoom PHOTO */
img {
z-index : 1000;
border : none;
}
#bulle {
z-index : 1000;
position : absolute;
visibility : hidden;
}
.info 
{
z-index : 1000;
border : 1px solid black;
background-color : white;
color: Black;
}

  /* Onglets */
.Onglet150 {
position : relative;
width : 150px;
height : 25px;
background-color : transparent;
background-image : url(Images/Onglet150.png);
background-repeat : no-repeat;
text-align : center;
font-size : 15px;
color:White;
}

.SousOnglet {
position : relative;
margin-bottom : 5px;
padding : 5px 5px 5px 5px;
background-color:white; 
border: solid 1px #CCCCCC;
font-size:11px;
color:Black;
}

.SousOnglet a
{
   text-decoration:none;
   font-weight:normal;
    color:#333333;
}
.SousOnglet a:hover
{
   text-decoration:none;
    color:#FF6600;
}
.Bouton1
{
    position:relative;
    width:100px;
    height:25px;
    line-height:25px;
    text-align:center;
    text-decoration:none;
    background-image:url("Images/bouton1.png");
    background-repeat:no-repeat;
}

.Bouton1:hover
{
    text-decoration:none;
    background-image:url("Images/bouton2.png");
    background-repeat:no-repeat;
}

.Bouton2
{
    position:relative;
    width:100px;
    height:25px;
    line-height:25px;
    text-align:center;
    text-decoration:none;
    background-image:url("Images/bouton2.png");
    background-repeat:no-repeat;
}

.Bouton2:hover
{
    text-decoration:none;
    background-image:url("Images/bouton1.png");
    background-repeat:no-repeat;
}

.Bouton3
{
    position:relative;
    width:66px;
    height:16px;
    line-height:16px;
    text-align:center;
    text-decoration:none;
    background-image:url("Images/bouton3.png");
    background-repeat:no-repeat;
}

.Bouton3:hover
{
    text-decoration:none;
    background-image:url("Images/bouton4.png");
    background-repeat:no-repeat;
}
.Bouton4
{
    position:relative;
    width:66px;
    height:16px;
    line-height:16px;
    text-align:center;
    text-decoration:none;
    background-image:url("Images/bouton4.png");
    background-repeat:no-repeat;
}

.Bouton4:hover
{
    text-decoration:none;
    background-image:url("Images/bouton3.png");
    background-repeat:no-repeat;
}

.BDetails
{
    position:relative;
    width:75px;
    height:16px;
    line-height:16px;
    text-align:center;
    text-decoration:none;
    background-image:url("Images/BDetails.png");
    background-repeat:no-repeat;
}

.Cadre
{
    border: solid 1px #FF6600;
}

.ModalBackGround
{
    background-color:gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.ItemDataList
{
    background-color:transparent;
}
.ItemDataList:hover{
    background-color:#CCCCCC;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.MenuNavigation {
position : relative;
}
.MenuNavigation a {
display : block;
background-image : none;
background-repeat : no-repeat;
}
.MenuItemNavigation {
position : relative;
height : 10px;
padding-left : 7px;
margin-bottom: 3px;
background-color : transparent;
background-image : url(Images/Fleche.png);
background-repeat : no-repeat;
line-height : 10px;
}

.Recherche 
{
    position : absolute;
    top : 40px;
    right : 5px;
    background-color:Transparent;
}

.SiteMap 
{
    position : absolute;
    text-align:right;
    top : 5px;
    right : 5px;
    background-color:Transparent;
}

.FondBlock
{
    background-image : url(Images/FondBlock.png);
    background-repeat : repeat;    
}

.TableRadioButton
{
    position:relative;
    width:100%;
}
.TableRadioButton tr
{
   height:40px;
}
.TableRadioButton tr:hover
{
    background-color:#CCCCCC;
}

.SeparatorDataList
{
    position:relative;
    border-style:none;
    background-color:#DADADA;
    width:1px;
    height:100px;
    margin-left:10px;
    margin-right:10px;
}
.DivBoutique
{
text-align:center;
}

.DivBoutique:hover 
{
cursor: pointer;
}


.Lien30ml
{
    position:relative;
    width:150px;
    height:150px;
    text-decoration:none;
    background-image:url("Images/30ml.jpg");
    background-repeat:no-repeat;
}

.Lien10ml
{
    position:relative;
    width:150px;
    height:150px;
    text-decoration:none;
    background-image:url("Images/10ml.jpg");
    background-repeat:no-repeat;
}

.Lien5ml
{
    position:relative;
    width:150px;
    height:150px;
    text-decoration:none;
    background-image:url("Images/5ml.jpg");
    background-repeat:no-repeat;
}

.Separator
{
    position:relative;
    width:15px;
    height:15px;
    background-image:url("Images/Separator.png");
    background-repeat:no-repeat;
}


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}