a.menu-presentation { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(menu_presentation.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menu-presentation:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(menu_presentation_o.gif); /* source de l'image d'arrivée */
     } 
	 
a.menu-activite { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(menu_activite.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menu-activite:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(menu_activite_o.gif); /* source de l'image d'arrivée */
     } 

a.menu-implantation { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(menu_implantation.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menu-implantation:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(menu_implantation_o.gif); /* source de l'image d'arrivée */
     } 
	 
a.menu-recrutement { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(menu_recrutement.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menu-recrutement:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(menu_recrutement_o.gif); /* source de l'image d'arrivée */
     } 	 
	 
a.menu-news { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(menu_news.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menu-news:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(menu_news_o.gif); /* source de l'image d'arrivée */
     } 

a.menu-vide1 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(menu_vide1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menu-vide1:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(menu_vide1.gif); /* source de l'image d'arrivée */
     } 
	 
	 
a.menu-vide2 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(menu_vide2.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menu-vide2:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(menu_vide2.gif); /* source de l'image d'arrivée */
     } 
	 
	 
ul.list {
	         margin: 0 0 0 0;
	         padding: 0 0 0 0 ;
	         width: 169px;
}

ul.list li {
	         margin: 0 0 0 20 ;
	         padding: 0 0 0 0;
	         list-style: none;
	         font-size: 11px;
	         display: block;
}

ul.list a {	 
	         font-family: Verdana, Tahoma serif;
	         color : #0071BC;
			 font-size:  11px;
	         display: block;
	         padding: 4px 20px 4px 14px;
	         list-style-image: none;
	         list-style-type: none;
}

ul.list a, ul.list a:visited {
	         color: #0071BC;
	         text-decoration: none;
}

ul.list a:hover {
	         color: #FFFFFF;
	         text-decoration: none;
	         background-color: #0071bc;		
}

.bleu1 {
	background-color: #CFE4F2;
}
.bottom-link {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.bottom-link:hover {
	color: #cde3f2;
}
.bleu2 {
	background-color: #0071BC;
}
.langues {
	background-color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #0071BC;
	text-decoration: none;
	border: none;
}
.text {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border: none;
}
.text_o {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

#hardButton {position: absolute; z-index: 80; left: 20px; top: 20px;}
#hardMenu {position: absolute; z-index: 70; visibility: hidden; left: 33px; top: 36px;}
#softButton {position: absolute; z-index: 80; left: 220px; top: 20px;}
#softMenu {position: absolute; z-index: 70; visibility: hidden; left: 233px; top: 36px;}
#gamesButton {position: absolute; z-index: 80; left: 420px; top: 20px;}
#gamesMenu {position: absolute; z-index: 70; visibility: hidden; left: 433px; top: 36px;}

#text {position: absolute; z-index: 20; visibility: visible; left: 15px; top: 75px;}


.hrlink {
            font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 9px;
	        color: #9ca0a1;
			text-decoration: none;
}

.hrlink:visited {
            font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 9px;
	        color: #9ca0a1;
			text-decoration: none;
}

.hrlink:hover {
            font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 9px;
	        color: #9ca0a1;
			text-decoration: none;
}	
		
.hrpage {
            font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 9px;
	        color: #0168b7;
			text-decoration: none;
}		
.hrpage2 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 9px;
	        color: #ff9900;
			text-decoration: none;
}		
.menu {
            font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 11px;
	        color: #003399;
			background-color: #CFE4F2;
			text-decoration: none;
}
.menu:visited {
            font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 11px;
	        color: #003399;
			background-color: #CFE4F2;
			text-decoration: none;
}
.menu:hover {
            font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 11px;
	        color: #FFFFFF;
			background-color: #FF9900;
			text-decoration: none;
}

#tooltipDiv {
	        position: absolute;
	        left: 0;
	        top: 0;
	        z-index: 100;
	        display: none;
	        padding: 6px;
	        border-style: solid;
	        border-width: 4px;
	        border-color: #fff;
	        background-color: #FF9900;              
	        color: #fff;
	        font-family: verdana, sans-serif;
	        font-size: 10px;
	        white-space: nowrap;
}
.white {
            font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 10px;
	        color: #FFFFFF;
			text-decoration: none;
}

.white:hover {
            font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 10px;
	        color: #FF9900;
			text-decoration: none;
}