a.info {
   position: relative;
   color: black;
   text-decoration: none;
   /*border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: Tahoma, Verdana, Arial, serif;
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}



.menu_gauche
	{ 
	font-family:Tahoma;
	font-weight: bold;
	font-size: 8pt;
	text-align: justify;
	color:#FFFFFF;
	}
	
.texte
	{ 
	font-family:Tahoma;
	font-size: 10pt;
	text-align: justify;
	}



.pincipal_actu
	{
	font-size: 8pt;
	width: 95%; 
	height: 250;
	color:#2A4289;
	overflow: auto;
	}


.div_actualite 
	{
	font-size: 8pt;
	text-align: justify;
	width: 95%; 
	height: 318;
	color:#2A4289;
	margin-top:30px;
	margin-left:4px;
	overflow: auto;
	}
	
.rectification
	{ 
	font-family:Tahoma;
	font-size: 8pt;
	}
	
	
.decolletage
	{ 
	font-family:Tahoma;
	font-size: 8pt;
	text-align: justify;
	width: 310; 
	height: 90; 
	} 
.titre_gras
	{
	font-family:Tahoma;	
	font-size:10pt;
	}
/*
.div-titre 
	{ 
	font-family:Monotype Corsiva;
	width: auto; 
	height: 100; 
	overflow: auto;
	}
.titre 
	{
	font: bold 25px/25px verdana, sans-serif;
	color: gray;
	}

.titre:after
	{
	display: block;
	margin-left: -2px;
	margin-top: -26px;
	color: red;
	content: attr(title);
	}

.popup
	{
	font-family: "Monotype Corsiva";
	font-size: 11pt;
	margin-right:0px;
	margin-left:-1px;
	text-align: center;
	}
.num
	{
	background-color : #DFEDF9;
	border: 0px #DFEDF9 solid;
	font-family: Arial;
	font-size: 9pt;
	margin-right:2px;
	margin-left:2px; 
	text-align: right;
	width: 40px;
	}
.text
	{
	border: 0;
	font-family: Monotype Corsiva;
	font-size: 20pt;
	font-weight: bold;
	color: #25342B; 			
	margin-right:0px;
	margin-left:-1px;
	text-align: left;
	}
.text-center
	{
	border: 0;
	font-family: Monotype Corsiva;
	font-size: 22pt;
	font-weight: bold;
	color: #25342B;
	margin-right:0px;
	margin-left:-1px;
	text-align: center;
	width: 98%;
	}
.date
	{
	border: thin solid #C7D1D6;
	font-family: Arial;
	font-size: 9pt;
	margin-right:0px;
	margin-left:-1px;
	text-align: left;
	width: 70;
	}
.contact
	{
	background-color : #DFEDF9;
	border: 0px #DFEDF9 solid;
	font-family: Arial;
	font-size: 9pt;
	margin-right:2px;
	text-align: left;
	width: 45%;
	}
.ville
	{
	background-color : #DFEDF9;
	border: 0px #DFEDF9 solid;
	font-family: Arial;
	font-size: 9pt;
	margin-right:2px;
	text-align: left;
	}
select 
	{
	font-family: arial;
	font-size: 9pt;
	}
textarea 
	{
	font-family: arial;
	font-size: 9pt;
	width: 98%;
	}
TABLE
	{
	border: #000000;	
	text-align: left;
	}
TH 
	{
	background-color : #C7D1D6;
	border: thin solid;
	text-align: center;
	font-size: 9pt;
	white-space: nowrap;
	}
.td
	{
	font-family: tahoma;
	font-size: 10pt;
	text-align: justify;
	font-weight: bold;
	}
.bouton
	{
	background-color: #FFFFFF;
	color: #0000EE;
	font-weight: bold;
	border: none;
	font-size:9pt;
	}
.bouton_color
	{
	background-color: #DFEDF9;
	color: #0000EE;
	font-weight: bold;
	border: none;
	font-size:9pt;
	}
.td_bouton
	{
	border: thin solid;
	}

A:active
	{
	color: #000000;
	font-size: 10pt;
	font-weight: none;
	text-decoration:none;
	}
A:link
	{
	color: #000000;
	font-size: 10pt;
	font-weight: none;
	text-decoration:none;
	}
A:visited
	{
	color: #000000;
	font-size: 10pt;
	font-weight: none;
	text-decoration:none;
	}
A:hover 
	{
	color: #000000;
	text-decoration: none;
	}


td
	{
	border: thin ;
	}*/

.li {
margin: 0;
padding: 0;
list-style-type: disc;
}


/*************************************** MENU *****************************************/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

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

#menu dl, #menu2 dl {
float: left;
height: 27;
/*width: 12em;*/
}

#menu dt, #menu2 dt {
cursor: pointer;
text-align: center;
/*color:#2A4289;*/
font-size:10pt;
font-weight: bold;
/*background: #ccc;*/
/*border: 1px solid gray;*/
margin: 1px;
}

#menu dd, #menu2 dd {
display: none;
border: 1px solid gray;
}

#menu ul, #menu2 ul{
/*opacity : .9;*/
background: #AEC2D5;
width:100%;
}

#menu li, #menu2 li {
text-align: left;
background: #AEC2D5;
font-weight: bold;
font-size:10pt;
opacity : .9;
width:100%;
}

#menu li a, #menu dt a, #menu2 li a, #menu2 dt a {
color: #000000;
text-decoration: none;
display: block;
/*height: 100%;*/
border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus, #menu2 li a:hover, #menu2 li a:focus, #menu2 dt a:hover, #menu2 dt a:focus {
/*background: #eee;*/
text-decoration: underline;
}