body {
behavior: url(/csshover.htc);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
color:#f9f9f9;
background:#454545 url(/boutons/bg.gif) repeat-x;
}
a:link,a:visited,a:active
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#f9f9f9;
text-decoration : none; 
white-space : nowrap; 
} 
a:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#f9f9f9;
text-decoration : none; 
white-space : nowrap; 
} 

#conteneur {
width: 846px;
margin: 0 auto;
}
#menulang {
width: 845px; text-align:center; padding-top:5px; padding-right:5px;
}
#header {
height: 180px;
padding-top: 10px;
}
#haut {
height: 40px;
}
#centre { 
padding-top:50px;
padding-left:20px;
padding-right:20px;
}

#gauche {
float:left;
width: 350px;
}
#droite {
float:right;
width: 350px;
}

#pied {
height: 60px;
padding:20px;margin-bottom:0px; 
clear:both;
}
#nav, #nav ul { /* toutes les listes */
	padding: 0;
margin: 0 auto;
	list-style: none;
	line-height: 22px;
}

#nav a {
	display: block;
	width: 168px; 
	text-indent:0px;
	font-size:14px; 
}
#nav li a.bg {background:url(/boutons/cssplay_0.gif) no-repeat top left; text-align:center; font-weight:bold;line-height: 36px;
}
#nav li a.bg:hover {background:url(/boutons/cssplay_1.gif) no-repeat top left; text-align:center;font-weight:bold;	line-height: 36px;
} 

#nav li { /* tous les items de liste */
	float: left;
	width: 168px; /* largeur obligatoire, sinon opera devient fou */

}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background-color:#454545;
	width: 168px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li ul a {
color:#f2f2f2; 
text-indent:10px;

}

#nav li ul a:hover{ /* listes de deuxième niveau */
	background-color:#a40a15;
	text-decoration:none;
	color:#f9f9f9; 
	}
#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -25px 0 0 168px;
}
/*deuxième niveau 250px*/                
#nav ul a {width: inherit;}
#nav ul.niveau2bis ul {left: 200px;}  
#nav ul.niveau2bis {display:block; width:200px;}      
#nav ul.niveau2bis li a {width: 200px;}
#nav li ul.niveau2bis ul { /* listes de troisième niveau et plus 250 px*/
	margin: -25px 0 0 200px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover{
	background: #454545;
}
p {margin: 0 0 10px 0;}

/* index actu*/
#actu { 
width: 610px;
margin: 0 auto; padding:10px;
border-right:1px solid #f9f9f9;
border-bottom:1px solid #f9f9f9;
clear:both;
}
.rubriqueactu
{
width: 610px;
margin: 0 auto;
color: #FF0000;
padding-top:10px;
padding-right:10px;
padding-bottom:5px;
}
.cadrerougeactu
{
width: 570px;
margin: 0 auto;
padding-left:20px;
padding-right:10px;
padding-bottom:10px;
}
.cadrereponse
{
padding-left:20px;
padding-right:10px;
padding-bottom:10px; background-color:#333333;
}
/* page style */
.red {color: #FF0000;}
a.red {color: #FF0000;}

.bleu {color: #44dac8;}

.fondblanc{background-color:#f9f9f9; color:#313131;}
.fondnoir{background-color:#313131; color:#FFFFFF;}
.fondnoirtexte{
background-color:#313131;
color:#FFFFFF;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}

#centrediapo { 
padding-top:50px;
padding-left:20px;
padding-right:20px;
}
.diapo{
width: 720px;
margin: 0 auto;
border-bottom:1px solid #ff0000;
border-left:1px solid #ff0000;
padding-top:50px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;

}

.rubrique
{
width: 800px;
margin: 0 auto;
color: #FF0000;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;

}

.pagecadrerouge
{
width: 720px;
margin: 0 auto;
border-bottom:1px solid #ff0000;
border-left:1px solid #ff0000;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}