a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

a:active {
	text-decoration: none;
	color: #000000;
}

#barreHAUT {
	width:100%;
	height: 14px;
	background-color: #000000;
	}
	
#boite00 {
	width: 565px;
	background-color: #FFFFFF;
	padding: 5px;
	}
	
#boite0 {
	width: 210px;
	background-color: #D40000;
	padding: 5px;
	}
	#boite01 {
	background: url(images/hg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 210px;
	padding: 5px;
	}
	#boite02 {
	background: url(images/bd.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 210px;
	padding: 5px;
	}

#boite1 {
	width: 385px;
	padding: 5px;
	background-color: #73ac1a;
	}
	
#boite2 {
	width: 360px;
	background-color: #058aab;
	padding: 5px;
	}
	#boite21 {
	background: url(images/hg3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 360px;
	padding: 5px;
	}
	#boite22 {
	background: url(images/bd3.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 360px;
	padding: 5px;
	}
	
#boite3 {
	width: 185px;
	background-color: #ff5000;
	padding: 5px;
	z-index: 3;

	}

#boite4 {
	width: 185px;
	background-color: #ff7000;
	padding: 5px;
	}
	#boite41 {
	background: url(images/hg8.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 185px;
	padding: 5px;
	}
	#boite42 {
	background: url(images/bd8.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 185px;
	padding: 5px;
	}
	
#boite5 {
	width: 185px;
	background-color: #ff9000;
	padding: 5px;
	}
	#boite51 {
	background: url(images/hg9.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 185px;
	padding: 5px;
	}
	#boite52 {
	background: url(images/bd9.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 185px;
	padding: 5px;
	}
	
#boite6 {
	width: 1000px;
	height: 20px;
	background-color: #FFFFFF;
	padding: 5px;
	align: left;
	z-index: 2000;

	}
	
#boite7 {
	width: 185px;
	background-color: #4c9c05;
	padding: 5px;
	}
	#boite71 {
	background: url(images/hg12.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 185px;
	padding: 5px;
	}
	#boite72 {
	background: url(images/bd12.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 185px;
	padding: 5px;
	}
	
#boite8 {
	width: 185px;
	background-color: #6bb316;
	padding: 5px;
	}
	#boite81 {
	background: url(images/hg10.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 185px;
	padding: 5px;
	}
	#boite82 {
	background: url(images/bd10.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 185px;
	padding: 5px;
	}
	
#boite9 {
	width: 185px;
	background-color: #89e61d;
	padding: 5px;
	}
	
#boite10 {
	width: 185px;
	background-color: #fa4c00;
	padding: 5px;
	}
#boite110 {
	width: 3px;
	height: 3px;
	background-color: #FFFFFF;
	}
	
#onglets a:hover {
	background-color:#CC0000;color:#000000;
	}
	
#boite12 {
	width: 160px;
	background-color: #D40000;ffaa00
	padding: 5px;
	}

#boite14 {
	width: 185px;
	background-color: #ffaa00;
	padding: 5px;
	}

#boite15 {
	width: 160px;
	background-color: #058aab;
	padding: 5px;
	}
	
#boite16 {
	width: 185px;
	background-color: #398704;
	padding: 5px;
	}
	
#boite17 {
	width: 360px;
	background-color: #b13c8f;
	padding: 5px;
	}
	#boite171 {
	background: url(images/hg17.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 360px;
	padding: 5px;
	}
	#boite172 {
	background: url(images/bd17.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 360px;
	padding: 5px;
	}
	
#boite18 {
	width: 555px;
	background-color: #CCCCCC; 
	padding: 5px;
	}
	
.titre1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
}

.titre1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #3c5c09;
}

.titre11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #3c5c09;
}

.Texte1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c5c09;
}

.titre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #550000;
}

.titre22 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #550000;
}

.Texte2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #550000;
}

.titre3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #263b70;
}

.titre33 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #263b70;
}

.Texte3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #263b70;
}

.titre4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #730d8c;
}

.titre44 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color:#730d8c;
}

.Texte4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #730d8c;
}

.titre5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #d94d09;
}

.titre55 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #d94d09;
}

.Texte5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d94d09;
}

.titre6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #D40000;
}

.titre66 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #D40000;
}

.Texte6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D40000;
}

.titre7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #058aab;
}

.titre77 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #058aab;
}

.Texte7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #058aab;
}

.titreNOIR {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
}

.titreNOIR2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
}

.TexteNOIR {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.TexteNOIR10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.TexteONGLETS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.Texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.TexteBLANC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	hover: #000000;
}


.texte_10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


.titreBLANC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
}

.titreBLANC2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
}

.TexteBLANC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}



<!--feuille de style menu --!>
body {
padding: 0;
background: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 80;
left: 0;
margin-left: 12px;
z-index:1000;
width: 100%; /* correction pour Opera */
}

#form {
position: absolute;
top: 105;
left: 675;
width: 200;
z-index:1020;
}
#datejs {
position: absolute;
top: 105;
left: 130;
z-index:1000;
}
#menu dl {
float: left;
width: auto;
}
#menu dt {
cursor: pointer;
font-size: 12px;
background: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu dd {
display: none;
width: 100%;
}

#menu li {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 11px;
padding: 1pt;
background: #ffffff;
border: 1px solid #a60505;

}

#menu li a, #menu dt a {
color: #000000;
text-decoration: none;
border-color: #000000;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #a60505;
color: #ffffff;
border-color: #a60505;
}
#site {
position: absolute;
z-index: 1000;
top : 70px;
left : 10px;
right : 10px;
color: #000;
background-color: #ffffff;
padding: 5px;
border: 1px #000000; 
}