body
{
padding: 0 ;
margin : 10px;
background-color :#333333;
font-family: "Courier New", "Trebuchet MS", helvetica, sans-serif ;
}
div#cadre
{
width : 800px;
height : 570px;
margin-left: auto;
margin-right: auto;
padding: 0 ;
background-color :#CCCCCC;
}
div#entete
{
height : 100px;
text-align : left;
}

div#entete a
{
text-decoration : none;
color: #000000 ;
}
div#liencommentaire
{
width : 748px;
margin-left : 26px;
margin-right : 26px;
text-align : right;
margin-top : 50px;
margin : bottom : 0px; 
padding : 0px;
}
ul#menubarre
{
width : 750px;
height : 15px;
list-style-type: none;
margin : 0px;
padding : 0px;
border : 0px;
position: absolute;
top : 95px;
margin-left : 25px;
margin-right : 25px;
background-color :#999999;
}
ul#menubarre li
{
float: left;
text-align : center;
width : 250px;
margin : 0px;
padding : 0px;
border : 0px;
}
ul#menubarre li a
{
display : block;
height: 1%; line-height: 13px ;
font-size: 1em ;
text-decoration: none;
margin : 0px;
padding : 0px;
border : 1px solid #CCCCCC;
text-decoration: none ;
color: #000000 ;

}
ul#menubarre .sousmenu
{
list-style-type: none;
margin : 0px;
padding : 0px;
border : 0px;
display: none;
}
ul#menubarre .sousmenu li 
{
float: none;
margin : 0px;
padding : 0px;
border : 0px;
width : 248px;
height : 399px;
font-size : 12px;
background-color :#FFFFFF;
border : 1px solid #CCCCCC;
-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);
}
ul#menubarre .sousmenu li a
{
display : block
text-decoration: none;
border : 0px;
height : 60px;
text-align : left ;
}
#menubarre li:hover .sousmenu { display: block; }
ul#menubarre .sousmenu li a : hover
{
-moz-opacity:0,2;
opacity: 0.2;
filter:alpha(opacity=20);
}

div#photo
{
height : 402px;
width : 750px;
text-align : center;
margin-left: 25px;
margin-right : 25px;
margin-top : 0px;
margin-bottom : 0px;
padding : 0px;
border : 0px;
}
div#photo a
{
font-size :12px;
}


div#commentaire
{
height : 382px;
width : 728px;
text-align : left;
margin-left: 26px;
margin-right : 26px;
margin-top : 0px;
margin-bottom : 0px;
padding : 10px;
border : 0px;
background-color :#FFFFFF;
-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);
}
div#commentaire a
{
font-size :12px;
}
div#formcom
{
width : 310px;
height : 382px;
border-right : 1px solid #CCCCCC;
border-left : 0px;
border-top : 0px;
border-bottom : 0px;
padding : 0px;
float : left;
}
div#closecom
{
width : 748px;
margin-left : 26px;
margin-right : 26px;
text-align : right;
border : 0px;
margin-top : 50px;
margin : bottom : 0px; 
padding : 0px;

}
div#closecom a
{
text-decoration : none;
color: #FF0000;
font-weight : bold;
font-size : 16px;
margin : 0px;
padding : 0px;
border : 1px solid #CCCCCC;
}
div#listecommentaires
{
width : 413px;
height : 382px;
margin-left : 315px;
margin-top : 0px;
padding : 0px;
overflow : auto;
}
ul#listecom
{
list-style-type: none;
margin : 0px;
padding : 0px;
border : 0px;
}
ul#listecom li
{
border : 1px solid #CCCCCC;
margin : 2px;
padding : 0px;
}
ul#listecom li a
{
font-size : 14px;
text-decoration : none;
color: #000000 ;
font-weight: bold;
}
ul#listecom .comcontenu
{
list-style-type: none;
margin : 3px;
padding : 0px;
border : 0px;
}
ul#listecom .comcontenu li
{
border : 0px;
margin : 0px;
padding : 0px;
}
ul#listecom .comcontenu li a 
{
font-size : 12px;
text-decoration : none;
color: #333333 ;
font-weight: normal;
}

#tablindex
{
width : 750px;
margin-left : auto;
margin-right : auto;
}
#tablindex td
{
border: 0px;
margin : 0px;
padding : 0px;
}
div#blocvignettes
{
height : 60px;
width : 800px;
background-color :#CCCCCC;
text-align : center;
}
#vig
{
margin-left : auto;
margin-right : auto;
}

a.vignette img
{
-moz-opacity:0.6;
opacity: 0.6;
filter:alpha(opacity=60);
}
a.vignette:hover img
{
-moz-opacity:1;
opacity: 1;
filter:alpha(opacity=100);
}