.chapeau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #646464;

}
.textemajus {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;
	text-transform:uppercase
}
.information {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #af191a;
}
.information2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #af191a;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;
	font-weight: normal;
	font-style: normal;

}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	font-style: normal;

}
.copyright2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	font-weight: normal;
	font-style: normal;

}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;

}
.lettrine {
	font-size: 24px;
	color: #af191a;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
}

.titre {
	font-size: 20px;
	color: #af191a;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
}

.textemajus2 {

	font-size: 20px;
	color: #af191a;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase
}
a:link { color:#af191a ; text-decoration:none ;  }

a:visited { color:646464 ; text-decoration:none ; }

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

.texte-petit {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #646464;
	font-weight: normal;
	font-style: normal;
}


/*----------------MENU-----------------*/
/*on enleve la restriction de taille du menu*/ 
body {behavior: url(csshover.htc);} 
/*on enleve la restriction de taille du menu*/ 
div#menu {/*width: 100px;*/} 
div#menu a {color:#FFFFF} 
/* on enleve la taille de ul et labordure*/ 
div#menu ul {padding: 0;/* width: 100px;  solid;*/ border:5px;margin:0px; background: #af191a} 
div#menu li:hover {background: #333333} 
div#menu li.sousmenu:hover {background: #333333;} 


/* float left pour les li afin d'aligner le menu et plus de bordures*/ 
div#menu ul li {position:relative; list-style: none;/* border-bottom:1px solid;*/ float:left;} 

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/ 
div#menu ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:100px} 

/* plus de bordure et taille remise a 100px*/ 
div#menu li a {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color: #FFFFFF; text-decoration: none; padding: 4px 0 4px /*8px*/; display:block; /*border-left: 8px solid #BBB; width:300px */} 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;width:200px} 

/*Il faut decaller les soussous menu de la taille du sous menu */ 
div#menu ul.niveau3 {top:0; left: 100px;} 

on enleve la bordure de chaque hauteur a une couleure de survol 
div#menu li a:hover {border-left-color: red;} 
div#menu ul ul li a:hover {border-left-color: #00FF00;} 
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}