@charset "utf-8";
/* CSS Document */

body{
background:#ffcc00 url(img/body.jpg) top center no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

#site{
width:1007px;
margin-left:auto;
margin-right:auto;
}

#ban{
background-image:url(img/ban.png); 
_background-image:url(no-image);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/ban.png');
width:1007px;
height:256px;
background-position:top left;
background-repeat:no-repeat;
}

#menu{
background-image:url(img/menu.png); 
_background-image:url(no-image);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/menu.png');
width:1007px;
height:75px;
background-position:top left;
background-repeat:no-repeat;
}

#contenu{
background-image:url(img/contenu.png); 
_background-image:url(no-image);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/contenu.png');
width:1007px;
min-height:400px;
background-repeat:repeat-y;
}
*html #contenu{
height:400px;
}

#footer{
background-image:url(img/footer.png); 
_background-image:url(no-image);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/footer.png');
width:1007px;
height:169px;
background-position:top left;
background-repeat:no-repeat;
}

#gauche{
margin-left:19px;
/*border: 1px solid black;*/
width:159px;
}

.aff table{
	border:solid 1px;
	border-color:#CCCCCC;
}
.aff td{
	border:solid 1px;
	border-color:#CCCCCC;
}
.aff tr{
	border:solid 1px;
	border-color:#CCCCCC;
}


#blogavoir-g{
background-image:url(img/blogavoir-g.jpg);
width:159px;
height:313px;
background-repeat:no-repeat;
}

#droite{
margin-left:4px;
/*border: 1px solid black;*/
width:159px;
}

#blogavoir-d{
background-image:url(img/blogavoir-d.jpg);
width:159px;
height:313px;
background-repeat:no-repeat;
}

#titre-class{
background-image:url(img/titre-class.jpg);
width:199px;
height:77px;
background-repeat:no-repeat;
}

#liens-menu{
position:absolute;
margin-top:5px;
margin-left:80px;
}

#image1 img {
width: 137px; 
height: 40px; 
border: none;
background-image:url(img/boutonoff_1.jpg);
}
*html #image1:hover {
background-image:url(img/boutonon_1.jpg);
}

#image1:hover img {
background-image:url(img/boutonon_1.jpg);
}

#image2 img {
width: 137px; 
height: 40px; 
border: none;
background-image:url(img/boutonoff_2.jpg);
}
*html #image2:hover {
background-image:url(img/boutonon_2.jpg);
}

#image2:hover img {
background-image:url(img/boutonon_2.jpg);
}

#image3 img {
width: 137px; 
height: 40px; 
border: none;
background-image:url(img/boutonoff_3.jpg);
}
*html #image3:hover {
background-image:url(img/boutonon_3.jpg);
}

#image3:hover img {
background-image:url(img/boutonon_3.jpg);
}

#image4 img {
width: 137px; 
height: 40px; 
border: none;
background-image:url(img/boutonoff_4.jpg);
}
*html #image4:hover {
background-image:url(img/boutonon_4.jpg);
}

#image4:hover img {
background-image:url(img/boutonon_4.jpg);
}

#image5 img {
width: 137px; 
height: 40px; 
border: none;
background-image:url(img/boutonoff_5.jpg);
}
*html #image5:hover {
background-image:url(img/boutonon_5.jpg);
}

#image5:hover img {
background-image:url(img/boutonon_5.jpg);
}

#image6 img {
width: 137px; 
height: 40px; 
border: none;
background-image:url(img/boutonoff_6.jpg);
}
*html #image6:hover {
background-image:url(img/boutonon_6.jpg);
}

#image6:hover img {
background-image:url(img/boutonon_6.jpg);
}

.zone-blogavoir{
position:absolute;
margin-left:10px;
margin-top:140px;
}

#centre{

}

#log{
position:absolute;
margin-left:725px;
margin-top:38px;
width:250px;
height:193px;
}

.red{
color:#760000;
}

.fat{
color:#0F73C8;
font-size:16px;
font-weight:bold;
}

.gras-b{
color:#0F73C8;
font-size:13px;
font-weight:bold;
}

.gras-r{
color:#760000;
font-size:13px;
font-weight:bold;
}

.little{
font-size:10px;
}

.titre-top{
background-image:url(img/titre-class.jpg);
background-repeat:no-repeat;
width:199px;
height:77px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:16px; 
font-weight:bold;
}

.contenu-top{
background-color:#e7e7e6;
width:199px;
}

#texte-footer{
position:absolute;
margin-top:40px;
margin-left:35px;
width:920px;
text-align:justify;
color:#666666;
font-size:10px;
}

#stat{
position:absolute;
margin-top:35px;
margin-left:35px;
}

#blog-loterie{
font-size:11px;
}

#blog-inscrit{
font-size:11px;
}