div#menu { width: 200px; height:500px; overflow:auto; display: none; position: absolute; top:34px; z-index:150; }
/* fond blanc pour le menu */ 
div#menu a {}
div#menu ul {padding: 0; border:1px solid; margin:0px; background-color: #CCCCCC; color:#FFFFFF; }

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #AAA}
div#menu li.sousmenu:hover {background: #AAA;}
/* Rajout d'une petite fleche pour les sous menu */ 
/*
div#menu li.sousmenu {background: url('../img/fleche.jpg') no-repeat 10% 50%; vertical-align:top;}
*/
div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 100px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; font-size:10px; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:150px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* 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;}

.divCV {  background-image:url(../img/fondCV.gif); background-repeat:no-repeat; height:140px; width:230px; vertical-align: bottom; margin:0px; padding:0px; }
.divCV:hover { cursor:pointer; background-image:url(../img/fondCVHaut.gif);  background-repeat:no-repeat; cursor:pointer;}

#divVide { font-size:1px; height:5px; }


.contour 		{ 
					padding: 1px; /*Inner border size*/
background: #FF0000; /*Inner border color*/
 }
.contourOut 	{ }


.f8 {font-family: Arial, Helvetica, sans-serif; font-size:  8px;}
.f8G {font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight:bolder; }
.f9 {font-family: Arial, Helvetica, sans-serif; font-size:  9px;}
.f9G {font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight:bolder; }
.f10 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.f10G {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bolder; }
.f12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.f12G {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bolder;}
.f14 {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.f14G {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bolder;}
.f16 {font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.f16G {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bolder;}
.f18 {font-family: Arial, Helvetica, sans-serif; font-size: 18px;}
.f20 {font-family: Arial, Helvetica, sans-serif; font-size: 20px;}
.f20G {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight:bolder;}
.f22 {font-family: Arial, Helvetica, sans-serif; font-size: 22px;}
.f24 {font-family: Arial, Helvetica, sans-serif; font-size: 24px;}
.f26 {font-family: Arial, Helvetica, sans-serif; font-size: 26px;}
.f28 {font-family: Arial, Helvetica, sans-serif; font-size: 28px;}
.f28G {font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight:bolder;}
.f32 {font-family: Arial, Helvetica, sans-serif; font-size: 32px;}
.f36 {font-family: Arial, Helvetica, sans-serif; font-size: 36px;}
.f40 {font-family: Arial, Helvetica, sans-serif; font-size: 40px;}
.f48 {font-family: Arial, Helvetica, sans-serif; font-size: 48px;}
.f64 {font-family: Arial, Helvetica, sans-serif; font-size: 64px;}
.f96 {font-family: Arial, Helvetica, sans-serif; font-size: 96px;}