body {
	font-family:"Segoe UI",Calibri,Helvetica,Arial,sans-serif;
	font-size:11px;
	background-color:#c3c3c3;
}

p {
	text-align:justify;
}

h1 {
	font-size:18px;
	margin:0;
}

h2 {
	font-size:16px;
	margin-top:0;
	margin-bottom:10px;
}

h3 {
	font-size:14px;
	margin:0;
	color: #999999;
}

h4 {
	font-size:10px;
	margin:0;
	color: #999999;
}

img {
	border:none;	
}

a {
	text-decoration:none;
}

#container {
	width:1024px;
	margin:0 auto;
	background-image:url(images/background.jpg);
	background-repeat: repeat-y;
}

#header {
	width:1024px;
	height:327px;
	background-image:url(images/header.jpg);
}

#home {
	float:left;
	margin-top:52px;
	margin-left:350px;
	height:45px;
	width:370px;
}

#slogan {
	float:right;
	width:225px;
	height:20px;
	margin-top:50px;
	margin-right:337px;
	color:#7c7c7c;
	font-size:16px;
}

#description {
	text-align:justify;
	float:left;
	width:450px;
	height:90px;
	margin-top:20px;
	margin-left:235px;
	color:#FFF;
}

#menu {
	width:650px;
	height:40px;
	margin-bottom:15px;
}

#menu-para {
	margin-left:50px;
	padding-top:5px;
}

#contenu {
	overflow:hidden;
}

#gauche {
	width:650px;
	float:left;
	margin-left:35px;
	margin-right:55px;
}

#droite {
	width:250px;
	float:left;	
}

#footer {
	text-align:left;
	font-size:12px;
	color: #FFF;
	width:1024px;
	height:76px;
	padding-top:33px;
	background-image:url(images/footer.jpg);
}

#w3c {
	 float:left;
	 margin-left:40px; 
	 margin-top:13px; 
	 margin-right:15px;
}

#partenaires {
	text-align:left;
	color: #333;
	margin-left:39px;
}

/*Menu*/

#accueil a {
	display:block;
	float:left;
	width:121px;
	height:40px;
	background:url("images/menu-principal/accueil.jpg");
}

#accueil a:hover {
	background:url("images/menu-principal/accueil-hover.jpg");
}

#archives-2011 a {
	display:block;
	float:left;
	width:173px;
	height:40px;
	background:url("images/menu-principal/archives-2011.jpg");
}

#archives-2011 a:hover {
	background:url("images/menu-principal/archives-2011-hover.jpg");
}

#archives-2010 a {
	display:block;
	float:left;
	width:175px;
	height:40px;
	background:url("images/menu-principal/archives-2010.jpg");
}

#archives-2010 a:hover {
	background:url("images/menu-principal/archives-2010-hover.jpg");
}

#archives-2009 a {
	display:block;
	float:left;
	width:181px;
	height:40px;
	background:url("images/menu-principal/archives-2009.jpg");
}

#archives-2009 a:hover {
	background:url("images/menu-principal/archives-2009-hover.jpg");
}

/*Tableau*/

.cellule_haut {
	width:650px;
}

.cellule_gauche {
	width:350px;
	border-bottom:#000 solid 1px;
}

.cellule_droite {
	 vertical-align:top;
	 text-align:right;
	 width:300px;
	 border-bottom:#000 solid 1px;
	 padding-top:10px;
}

.sections {
	margin-top:15px;
}

.liens {
	margin-bottom:5px;	
	}

a.liensblanc {
	color: #FFF;
}

a.liensgris {
	color: #333;
}

.guests {
	margin-right:5px;
}

.alignc {
	text-align:center;
}

.alignl {
	text-align:left;
}

.infos {
	background-image:url(images/infos.jpg);
	width:64px;
	height:17px;
	float:right;
	text-align:center;
	color:#FFF;
	padding-top:3px;
	margin-right:3px;
}

.at {
	color: #999999;	
}