body
{
background-color:#024978;
background-image:url('images/fond.png');
background-repeat:repeat-x;
}

#conteneur 
{
	width:960px;
	margin: 0 auto;
}

#bandeau
 {
	width:960px;
	height:152px;
	background-image:url('images/haut.gif');
	background-repeat:no-repeat;
}

#slogan 
{
	margin-top: 7px;
	padding-left: 276px;
	width: 473px;
	height: 143px;
	text-align: center;
	color: #400080;
}

#slogan p 
{
	padding-top: 13px;
	margin-top: 1px;
	font-size:17px;
	margin-bottom:4px;
}

#slogan strong 
{
	font-size: 24px;
}
#slogan ul
{
margin-top:0px;
margin-left:0px;
margin-bottom:2px;

}
#slogan li
{
font-size:18px;
list-style:none;
}

#centre 
{
	width: 960px;
	background-image:url('images/millieu.gif');
	margin-top:0px;
	margin-bottom:-8px;
	overflow:auto;
}

#col_gauche 
{
	float:left;
	width:269px;
	margin-left: 3px;
	margin-top:5px;
}

.haut_menu 
{
	color: #400080;
	font-size:17px;
	text-align: center;
	height: 25px;
	width:268px;
	background-image: url('images/menu_haut_gauche.jpg');
	background-repeat: no-repeat;
	font-weight:bold;
}

.haut_menu p
{
margin:3px 0px 0px 0px;
}

.menu_gauche 
{
	width: 266px; /* Largeur maximale - (taille de la bordure * 2) soit 268 - ( 1 * 2 )*/
	border: 1px solid #8A96D7;
}

.bas_menu 
{
	height: 5px;
	width: 268px;
	background-image: url('images/menu_bas_gauche.jpg');
	background-repeat: no-repeat;
	padding-bottom:3px;
	margin-bottom:3px;
}

.navigation 
{
	padding:0px;  /*La on vire les margin et padding car les ul ont la fâcheuse tendance d'en mettre*/
	margin:0px;
	font-weight:bold;
}

.navigation li 
{
	list-style:none;
	text-align: center;
	margin:3px 0px;
	padding:3px 0px;
}

.navigation  a
{
	text-decoration: none;
	color:#333333;
	font-size:15px;
	display: block;
	padding: 0px 0px;
}


.navigation li a:focus
{
	background: #C4C4E1;
	text-decoration: none;
	color:#FF0000;
}


.navigation li a:hover
{
	background: #C4C4E1;
	text-decoration: none;
	color:#FF0000;
}


.navigation li a:active
{
	background: #C4C4E1;
	text-decoration: none;
	color:#FF0000;
}


#col_droite 
{
	float:left;
	width:659px;
	margin-left:11px;
	margin-top:5px;
}

#haut_contenu 
{
	width:661px;
	height:25px;
	background-image: url('images/menu_haut_droite.jpg');
	background-repeat: no-repeat;
}

#contenu 
{
	width:659px;
	min-height:830px;
	overflow:auto;
	border: 1px solid #8A96D7;
	font-size:15px;	
}

#contenu h1
{
	text-align:center;
	color:#4D4D4D;
	font-size: 27px;
	margin-top:10px;
	margin-bottom:20px;
}

#contenu h2
{
	text-align:center;
	color:#333333;
	font-size: 14px;
	margin-top:10px;
	margin-bottom:20px;
}

#contenu p
{
	margin-left:25px;
	margin-right:25px;
	color:#333333;
}


#bas_contenu 
{
	width:661px;
	height:24px;
	background-image: url('images/contenu_bas.jpg');
	background-repeat: no-repeat;
}

.baspage 
{
	clear: both;
	background-image: url(images/bas.gif);
	background-repeat:no-repeat;
	height: 100px;
	width: 960px;	
}

.baspage ul 
{
	width:920px;
	height: 15px;
	margin:2px 0px 2px 15px;
	padding-left:0px;
	font-size: 15px;
}


.baspage li 
{
	list-style:none;
	display:inline;	
}

.baspage a
 {
	text-decoration: none;
	color: #333333;
	height:15px;
}

.baspage p
{
	margin-top:20px;
	height:14px;
	font-size:12px;
}

#copyright
{
	margin-left:15px;
	width:915px;
	color:#333333;
}

#flashingid, #flashingid a, #flashingid a:visited, #flashingid a:hover #flashingid h2, #flashingid p, #flashingid ul, #flashingid li
{
    margin:0px;
	font-size:1px;
	line-height:1px;
	height:1px;
	
}