body {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;/*0.7em*/
padding: 0;
color: #000;
background: #4e93c0 url(back2.jpg) repeat-x;
text-align:center;
position: relative;
margin : 0px;
}

h1 {
	margin:0;
	padding: 0 0 0 20px;
	color:#000;
	font-size: 30px;
	letter-spacing: -2px;
	background: #FFF;
	width: 738px;
	border-bottom: 1px solid black;
	height: 45px;
}

ul {
	list-style-type: circle;
	margin:0 0 1em 1.5em;
	padding:0;
}

p {
margin:0 0 15px 0;
padding: 0 3px;
}

a:link, a:visited, a:hover {
font-weight : bold; 
color: #222;
text-decoration : underline;
}


/*---------------------------- conteneur de la page ----------------------------*/
#conteneur { /* contient toute la page: haut de page, corps, bas de page */
width: 760px;
margin-left: auto;
margin-right:auto;
text-align:justify;
padding: 0px;
position: relative;
}
/*---------------------------- haut de la page ---------------------------------*/
#hautdepage { /* contient le haut de page */
height: 72px;
font-size: 30px;
font-weight: bold;
padding: 23px 0 0px 20px;
background-color: #023c69;
border: 1px solid #186299;
border-top: 0px;
letter-spacing: -2px;
line-height: 25px;
margin-left: auto;
margin-right:auto;
position: relative;
}
#hautdepage a {
text-decoration : none;
padding: 0;
margin: 0px;
color: white;
}
#hautdepage img {
position :absolute; 
top: 0px;
right: 0px;
border: 0px;
border-left: 1px solid #186299;

}

/*------------------- corps de la page -----------------------------------------*/
#corps { /* contient le corps: partie gauche (=menu gauche + centre) + menu droite + bas de page*/
font: 100%/1.4 Arial, Helvetica, sans-serif;
padding: 0px;
margin: 30px 0 0px 0px;
background-color: #efeddf;
margin-left: auto;
margin-right:auto;
border: 1px solid #000;
border-bottom: 0px;
}
/*------------------- bas de page ----------------------------------------------*/
#basdepage { /* contient le bas de page */
position: relative;
clear:both;
margin-top: 0px;
padding: 0px;
background-color: #FFF;
border: 1px solid #000;
border-top: 0px;
}
#basdepage a {
font-weight: normal;
color: #000;
text-decoration: none;
}
#basdepage a:hover {
color: #000;
text-decoration: underline;
}


.bottomContainer {
width: 758px;
height: 85px;
padding-top: 5px;
position: relative;
}

.LastArticles{
width: 375px;
float: left;
height: 85px;
}

.Categories{
width: 375px;
float: right;
height: 85px;
}

.titleBottom {
width: 738px;
border-top: 1px solid black;
margin:0;
padding: 10px 0 0 20px;
color:#000;
font-size: 18px;
letter-spacing: -1px;
background: #FFF;
font-weight: bold;
}

.titleBottom2 {
width: 738px;
border-top: 1px solid black;
margin:0;
padding: 10px 0 0 20px;
color:#000;
font-size: 18px;
letter-spacing: -1px;
background: #FFF;
font-weight: bold;
}



ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:16px;
	background-color: #e5e2cc;
	font-family:Arial,Verdana,sans-serif;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	border-right:1px solid #777;
	}
ul#menu li a{
	display:block;
	float:left;
	color: black;
	text-decoration:none;
	padding:3px 32px 0 32px;
	height:27px;
	letter-spacing: -1px;
	}
ul#menu li a:hover{
	background-color: #f6f5ea;	
	border-bottom: 1px solid black;
}



#contenu img {
	margin-right: 17px;
	margin-bottom: 10px;
}