td {                                                     /*cases des tableaux*/
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#333333;
	}

li {                                                     /*listes*/
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 font-size: 11px;
 display : list-item;
 list-style-image : url(../images/icon_bullet.gif);
 list-style-position: outside;
}
	
	
/* ----------------------------------------------------- STYLES PERSO ----------------------------------------*/


.sidebarText {
	font:12px verdana;
	color: #336666;
	line-height:18px;
	}
	
.plus {                                                  /*les zones "en savoir plus..."*/
	font:11px verdana;
	color: #333333;
	line-height:18px;
	font-weight:bold;
	text-align: right;
	}
	
.bodyText {                                             /*le style principal*/
	font:11px verdana;
	line-height:17px;
	color:#333333;
    text-align: justify;
	}
	
.bodyTextDoc {                                             /*le style principal*/
	font:11px verdana;
	line-height:12px;
	color:#333333;
    text-align: justify;
	}
	
.bodyTextaccueil {                                             /*le style principal*/
	font:12px verdana;
	line-height:17px;
	color:#333333;
    text-align: left;
	}

.style7 {                                             /*le titre de la page d'accueil*/
	font-size: 21px;
	color: #465E2F;
    text-align: left;
}
		
.subHeader {                                            /*le style des titres*/
	font:16px Trebuchet MS;
	color: #465E2F;
	font-weight:bold;
	line-height:20px;
	}
	
.navText {                                            /*le style de l'ancienne barre de navigation (encore utilisé en bas de la page)*/
	font:11px arial;
	color: #ffffff;
	}
	
.style3 {                                             /*style des cases de couleur sur la page d'accueil*/
	color: #660033;
	font:13px arial;
	font-weight:bold;
}

/*------------------------------------------------- LES LIENS ------------------------------------------------- */


/*Class définis pour Mozilla Firefox*/
a { 
font-weight: bold;									/*les liens*/		/*Pris en comte par IE */ 
color: #6297BC;
text-decoration: none; 
} 


/*Class définis pour IExplore 6 et 7*/
a:link { 
color: #6297BC; 																/* Pris en compte par IE */  
} 
/*a:active { 										
color: #6297BC; 												
} */
a:visited { 										/*les liens visités*/
color: #6297BC;  																/* Pris en compte par IE */ 
} 
a:hover { 											/*les liens survolés*/
text-decoration: underline;														/* Pris en compte par IE */ 
color: #6297BC;
} 

/*
a {                                                   
	color: #6297BC;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {                                             
	color: #6297BC;
	text-decoration:underline;
	}
	
a:active {                                            
	color: #6297BC;
}

a:visited {                                           
	color: #6297BC;
}
*/

body {                                                /*le corps de texte*/
	margin: 5px;
	padding: 5px;
	background: white;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 	background-color: #CCCCCC;
	background-image: url(/images/bg.jpg);
}

.lienmenu {
	font:11px arial;
	color: #FFFFFF}
/* --------------------------------------------LE MENU DEROULANT----------------------------------------------------*/

dl, dt, ul, li {                                    /*les petites cases du menu + titres*/
    margin: 0;
    padding: 0;
    list-style-type: none;
}

dd {                                                /*les petites cases du sous-menu*/
    margin: 0;
    padding: 5;
    list-style-type: none;
}

#menu {                                              /*le menu*/
    position: absolute; 
    top: 170px;
    left: center;
    z-index:100;
    width: 100%; 
}

#menu dl {                                           /*menu : paramètres généraux*/
    float: left;
    width: 14em;
}

#menu dt {                                           /*menu : les cases du haut*/
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    background: #89B0CD;
    border: 1px solid #ffffff;
    margin: 1;
}

#menu dd {                                           /*menu : les cases du sous-menu*/
    display: none;
    border: 1px solid #ffffff;
    background: #89B0CD;
}

#menu li {                                           /*formatage des liste dans les sous-menus*/
    text-align: center;
    background: #89B0CD;
}

#menu li a, #menu dt a {                             /*liens dans le menu*/
    color: #ffffff;
    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 {      /*liens dans le menu (autres paramètres)*/
    background: #eee;
}

#site {
    position: absolute;
    z-index: 1;
    top : 80;
    left : 20;
    color: #000;
    background-color: #bbb;
    padding: 5px;
    border: 1px solid #fff; 
}