/* CSS Document */
body
{
background-color : #000 ;
font : 1em "Verdana", trebuchet, sans-serif ;
color : silver ;
background: url(images/pattern.gif) ;
background-color: #000 ;
padding : 0px ;
margin : 0px ;
}

div#conteneur
{
width : 760px ;
margin : 0px auto 0px auto;
padding : 0px ;
}

div#nav_head
{
margin : 0px ;
padding : 0px ;
z-index : 120;
}

.log
{
padding : 0px 0px 0px 530px ;
margin : 0px ;
}

.log a
{
font-size : 0.8em ;
text-decoration : none ;
color : #000 ;
font-variant : small-caps ;
vertical-align:bottom ;
border-right : 1px solid #000 ;
padding-left : 4px ;
padding-right : 4px ;
}

.log a:hover
{
color : #fff ;
background-color : #000 ;
}

div#header
{
height : 100px ;
margin : 0px ;
padding : 0px ;
background : url(images/logo_body.gif) no-repeat 0 0  ;
text-indent : -5000px ;
}

div#menu
{
height : 30px ;
margin : 0px 0px 15px 0px;
padding : 0px ;
}

div#menu ul
{
margin : 0px ;
padding : 0px 0px 0px 510px;
list-style-type: none ;
text-align: center ;
}

div#menu li
{
float : left ;
}

div#menu li a
{
display : block ;
height : 30px ;
width : 110px ;
text-decoration : none ;
color : silver ;
font-variant : small-caps ;
font-weight:bold ;
background : url(images/bg_menu.gif) no-repeat 0 0 ;
}

div#menu li a:hover
{
background : url(images/bg_menu.gif) no-repeat 0 -30px ;
color : #000;
}

div#navleft
{
clear : both ;
width : 21% ;
height : 1020px;
margin : 0px ;
padding : 0px ;
float : left ;
background-color:#000 ;
}

div#navleft h1
{
font-variant : small-caps ;
font-size: 0.9em ;
letter-spacing : 2px ;
color : darkseagreen ;
padding-left : 12px ;
margin : 10px 0px 0px 0px;
border-left : 10px solid darkseagreen ;
border-bottom: 1px solid darkseagreen ;
}

div#navleft ul
{
list-style-type : none ;
margin : 0px ;
padding : 4px ;
font-size : 0.8em ;
font-variant : small-caps ;
}

div#navleft li
{
height : 18px ;
}

div#navleft li a
{
display : block ;
text-decoration : none ;
color : silver ;
}

div#navleft li a:hover
{
color : #000 ;
font-weight : bold ;
padding-left : 16px ;
background : url(images/point_anim.gif) no-repeat 0 60% ;
background-color : #fff;
}

div#contenu
{
width : 78% ;
height : 1000px ;
margin : 0px ;
padding : 0px ;
float : right ;
background-color:#fff ;
border-right : 2px solid #000 ;
border-top : 2px solid #000 ;
border-bottom : 2px solid #000 ;
overflow : auto ;
color : gray ;
}

div#contenu a
{
color : darkseagreen ;
}

div#contenu a:hover
{
text-decoration : none ;
color : gray ;
}

.titre_contenu
{
color : silver;
background-color: #000 ;
padding : 10px ;
font-variant:small-caps;
}

table, tr, td
{
padding : 10px ;
margin : 0px ;
border-bottom : 1px dotted silver ;
}

table, tr, td p
{
color : gray ;
}

.products_mini
{
border : none ;
}

.products_mini a
{
border : none ;
}

.price
{
font-weight : bold ;
color : darkseagreen ;
font-size : 1.1em ;
}

.add
{
border : none ;
padding : 0px ;
margin : 10px 0px 40px 0px;
}

.zoom
{
font-size : 0.6em ;
font-style: italic ;
}

div#footer
{
clear : both ;
height : 20px ;
margin : 0px;
padding : 0px ;
background-color:#000 ;
text-align : center ;
}

.foot
{
font-size : 0.7em ;
}

.foot a
{
text-decoration : none ;
color : #fff;
font-weight: bold ;
}

.foot a:hover
{
font-weight : normal ;
letter-spacing : 1px ;
}

.exposant
{
font-size: 60% ;
vertical-align : text-top ;
}