/* CSS Document */
BODY {
    background-color:#FFF5E5; 
	margin : 0px;
	leftmargin:0px;
	topmargin: 0px;
	marginwidth: 0px; 
    scrollbar-face-color:#FF9900;
    scrollbar-shadow-color:#993333;
    scrollbar-highlight-color:#FFFFCC;
    scrollbar-3dlight-color:#FF9900;
    scrollbar-darkshadow-color:#000000;
    scrollbar-track-color:#FFF5E5;
    scrollbar-arrow-color:#FF0000;
   }
   
#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 124px;
	border-style: solid ;
	border-width : 0px 0px 0px 0px;
	border-color: #FFCC00 ;
}

#nav a:hover {text-decoration: underline;}


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


#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background: white;
	width: 124px;
	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 ul { /* listes de troisième niveau et plus */
	margin: -1em 0 0 10em;
}

#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 { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}


.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	white-space: normal;
	left: 5px;
	font-weight: normal;





}
.titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff9900;
	text-decoration: underline;
	font-weight: bold;
	white-space: normal;



}

.txt {
	font-family: Arial Narrow ;
	font-size: 12px;
	color: #330000;
	text-decoration: none;
}

.textegras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	white-space: normal;
	left: 5px;
	font-weight: bold;
}

.texteblanc {
	font-family: Arial Narrow;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
	white-space: normal;
}



.bloc1 {
background-color: #006699; height: 16px;
width: 124px;
float: left;
font-family: Arial Narrow;
     text-indent: 5px;
	font-size: 12px; color: #FFFFFF;
	text-decoration: none;}

.bloc2 {
background-color: #CC0000; height: 16px;
width: 124px;
float: left;
font-family: Arial Narrow;
    text-indent: 5px;
	font-size: 12px; color: #FFFFFF;
	text-decoration: none;}

.bloc3 {
background-color: #333333; height: 16px;
width: 124px;
float: left;
font-family: Arial Narrow;
    text-indent: 5px;
	font-size: 12px; color: #FFFFFF;
	text-decoration: none;}

.bloc4 {
background-color: #FF9900; height: 16px;
width: 124px;
float: left;
font-family: Arial Narrow;
     text-indent: 5px;
	font-size: 12px; color: #FFFAE5;
	text-decoration: none;}

.bloc5 {
background-color: #339900; height: 16px;
width: 124px;
float: left;
font-family: Arial Narrow;
    text-indent: 5px;
	font-size: 12px; color: #FFFFFF;
	text-decoration: none;}

.button {
	background-color: #FF9900;
	float: none;
	font-family: Arial;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;


a.lien {
	font-family: Arial Narrow; font-size: 12px; color: #003399; text-decoration: none; font-weight: bold; }
a:hover.lien {
    font-family: Arial Narrow; font-size: 12px; color: #33CCFF; text-decoration: none; font-weight: bold; }

a.lienbleu {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #006699; text-decoration: none; font-weight: bold; }
a:hover.lienbleu {
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #33CCFF; text-decoration: none; font-weight: bold; }
	
a.lienorange {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ff9900; text-decoration: none; font-weight: bold; }
a:hover.lienorange {
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #33CCFF; text-decoration: none; font-weight: bold; }
	
	
a.liennoir {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold; }
	
a:hover.liennoir {
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none; font-weight: bold; }
	
a.liennoirp {
	font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; text-decoration: none; font-weight: bold; }
	
a:hover.liennoirp {
    font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; font-weight: bold; }
	
a.lienrouge {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; text-decoration: none; font-weight: bold; }
a:hover.lienrouge {
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000; text-decoration: none; font-weight: bold; }