.titre {  font-family: Arial, Helvetica, sans-serif; font-size: large; font-style: normal; color: #2BA27B; font-weight: bold; text-align: left}
.Normal { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal ; color: #000000; font-weight: normal; text-align: left}
TR.premli {background-color:#CCCCCC;font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; color: #000000;text-align: center} 
TR.li {background-color:#E2DEDC;font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000000} 

.UL { }
.liste {margin-bottom:10px;}
BODY, TABLE, TD {font-family: Arial,Geneva,Helvetica,sans-serif; font-size: 10pt;}
/*  td {  border-width:2px; border-style:solid;  border-color:black; } */

TABLE {border: 1pt; border-color:black; }
TH {font-family: <?php echo $LAYOUT["FontFamily"]; ?>; text-align: left;}
.notice {font-family: <?php echo $LAYOUT["FontFamily"]; ?>; font-size: small;}




/*caractéristiques des liens du site, actif, cliqué et déjà visité*/
A {text-decoration: none; color:#0000CC;}
A:hover {text-decoration: underline; color: #6D93DF; }
A :visited {text-decoration : none; color: #082883; }





/*caractéristiques des titres du site*/
H {
	 margin-bottom: 7pt;
	 margin-top: 7pt;
}
H1 {font-size: small;}
H2 {align: center; margin: 0em;}
H3 {font-size: 12pt;}
H4 {align: left;}
H5 { font-size: 11pt; color:#B5BECE; display: inline;}





/*em correspond à la taille des polices*/
em {font-weight: bold; text-align:center;}
	.boite {
		width: 48%;
	}

	.contenularge {
		background-color: white;
		border-top: 1px  solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		border-left: 1px solid black;
		width: 99%; /*largeur du tableau*/
		padding: 3px; /* largeur de la marge*/ 
		margin-left : 5px; /*marge extérieure gauche du tableau*/
		margin-top: 5px; /*marge extérieure haut du tableau*/
		
	
	}
	.google_box {
		padding: 0px;
		margin: 0em;
		width: 147px;
		border: 1px solid #c4c4ff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.surlignage {    
	font-size:12px;
		first-line.text-indent: 20px;
		width: 50%;
		height: 50%;
		padding : 2px;
		margin: 10px;
		background-color:#FFFFF9;
		border-top: 1Px solid #fc6;
		border-right: 1px solid #fc6;
		border-bottom: 1px solid #fc6;
		border-left: 1px solid #fc6; 
	} 

	.encart{
	border-bottom:1px solid #E2DEDC;
	border-top:1px solid #E2DEDC;
	font-size: small;
	width: 75%;
	margin-bottom: 10px;
	}
		.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}
	

	/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#menu {
          width: 130px;
         }

div#menu ul {
             padding: 0px;
             width: 130px;
             border:1px solid;
             margin:0px;
            }

/*On positionne les elements du menu */
div#menu ul li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
                border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/
               }

div#menu ul ul {
                position: absolute;
                top: 0;
                left: 100px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
               }  

div#menu li a {
               text-decoration: none; /* plus de soulignement pour les liens */ 
			    /*fond jaune pr les sous-menu*/
				}
				
 
 /* fichier pour internet explorer */
body {
      behavior: url(csshover.htc);
     }

/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
                position: absolute;
                top: 0;
                left: 100px;
                display:none
               }

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
                                                 }
body {behavior: url(csshover.htc);}
div#menu {width: 100px;}

/* fond blanc pour le menu */ 
div#menu a {color:#000000}
div#menu ul {padding: 0; width: 130px; border:1px solid; margin:0px; background: #EFEFEF}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #C2C7CF}
div#menu li.sousmenu:hover {background:#EFEFEF;}

/* Rajout d'une petite fleche pour les sous menu */ 
/*div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}*/

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 130px; 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; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #C2C7CF; width:114px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}