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

body
{
	width: 967px;
	margin: auto;
	margin-top: 25px;
	background-color: white; 
	}
	
/* ############################ BLOC & SOUS BLOC ############################ */

#header
{
	width: 952px;
	height: 254px;
	padding-left: 15px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	}
	
#navbar
{
	width: 967px;
	height: 37px;
	padding-top: 5px;
	margin-left: -2px;
	background-image: url(images/barrenav.png);
	background-repeat: no-repeat;
	}	
	
#menu
{
	width: 181px;
	float: left;
	}
	
.haut-menu
{
	width: 181px;
	height: 31px;	
	color: white;
	text-align: center;
	padding-top: 5px;
	background-image: url(images/haut-menu.png);
	background-repeat: no-repeat;
	}
	
.menu
{
	width: 184px;
	margin-left: -3px;
	padding-top: 14px;
	padding-left: 12px;
	background-image: url(images/fond-menu.png);
	background-repeat: repeat-y;
	}	
	
.bas-menu
{
	width: 181px;
	height: 16px;
	margin-bottom: 5px;
	background-image: url(images/bas-menu.png);
	background-repeat: no-repeat;
	}	
	
#content
{
	width: 590px;
	margin-left: -1px;
	float: left;
	}	
	
#pub
{
	width: 590px;
	margin-left: 5px;
	margin-bottom: 5px;
	}	
	
#corps
{
	width: 590px;
	margin-left: 5px;
	}	
	
.haut-centre
{
	width: 590px;
	height: 31px;
	padding-left: 20px;
	padding-top: 5px;
	color: white;
	background-image: url(images/haut-centre.png);
	background-repeat: no-repeat;
	}	
	
.pub
{
	width: 590px;
	padding-top: 10px;
	text-align: center;
	background-image: url(images/fond-centre.png);
	background-repeat: repeat-y;
	}	
	
.bas-centre
{
	width: 590px;
	height: 11px;
	background-image: url(images/bas-centre.png);
	background-repeat: no-repeat;
	}	
	
.corps
{
	width: 590px;
	padding-top: 6px;
	padding-bottom: 1px;
	padding-left: 5px;
	background-image: url(images/fond-centre.png);
	background-repeat: repeat-y;
	}
	
.actu
{
	width: 550px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	background-color: white;
	}	
	
.news
{
	width: 570px;
	padding-top: 10px;
	}	
	
.cote-gauche
{
	width: 285px;
	float: left;
	}	
	
.cote-droit
{
	width: 285px;
	margin-left: 285px;
	}	
	
.haut-gauche
{
	width: 285px;
	height: 70px;
	background-color: white;
	}
	
.milieu-gauche
{
	width: 285px;
	height: 70px;
	background-color: #eeeeee;
	}	
	
.bas-gauche
{
	width: 285px;
	height: 70px;
	background-color: white;
	}	
	
.haut-droit
{
	width: 285px;
	height: 70px;
	background-color: #eeeeee;
	}
	
.milieu-droit
{
	width: 285px;
	height: 70px;
	background-color: white;
	}
	
.bas-droit
{
	width: 285px;
	height: 70px;
	background-color: #eeeeee;
	}				

#forum-publicite
{
	width: 182px;
	margin-left: 781px;
	}

.haut-forum-pub
{
	width: 182px;
	height: 31px;
	padding-top: 5px;
	padding-left: 20px;
	color: white ;
	background-image: url(images/haut-forum-pub.png);
	background-repeat: no-repeat;
	border: 1px solid black;
	}
	
.forum-pub
{
	width: 182px;
	padding-top: 10px;
	text-align: center;
	background-image: url(images/fond-forum-pub.png);
	background-repeat: repeat-y;
	}
	
.bas-forum-pub
{
	width: 182px;
	height: 13px;
	margin-bottom: 5px;
	background-image: url(images/bas-forum-pub.png);
	background-repeat: no-repeat;
	}		

.publicite
{
	width: 182px;
	padding-top: 10px;
	text-align: center;
	background-image: url(images/fond-forum-pub.png);
	background-repeat: repeat-y;
	}
	
#footer
{
	width: 961px;
	height: 35px;
	margin-top: 30px;
	text-align: center;
	color: white;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	}	
	
/* ########################### FORMATAGE ######################### */

#header p
{
	color: white;
	}		
	
#navbar a
{
	padding: 11px;
	color: white;
	text-decoration: none;
	}
	
img
{
	border: none;
	}	
	
.menu a
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: none;	
	color: white;
	}	
	
.menu h4
{
	padding-left: 5px;
    margin: 0;	
	}	
	
.clair
{
	width: 155px;
	height: 14px;
	padding-left: 5px;
	background-image: url(images/fond-menu-clair.png);
	background-repeat: no-repeat;
	}	
	
.actu strong
{
	color: #04720d;
	}		
	
.image-actu
{
	float: left;
	padding-right: 10px;
	}
	
.texte-actu
{
	text-align: left;;
	}