body	{
	font-size: 12px;
	font-weight: normal;
	font-family: "Comic Sans MS";
	background-color: white;	
	}
	
a:link{
	font-size: 12px;
	font-weight: bold;
	color: #FF6633;
	text-decoration: underligne;
	}
a:visited{
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: underligne;
	}
a:hover{
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
	}
	
h1	{
	font-size: 28px;
	color: #FF3300;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 35px
	}
h2 	{
	font-size: 21px;
	color: red;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:25px;
	}
h3 	{
	font-size: 18px;
	color: #3300CC;
	margin-top: 0px;
	margin-bottom: 0px;
	}
h4 	{
	font-size: 16px;
	color: #333300;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
img	{
	border: 0;
	}
	
/***********************************************/
/* Classes tableaux                            */
/***********************************************/
td 	{
	font-size:12px; line-height:15px;
	}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
.centre{ /* exemple de boite centrée */
	width: 90%; /* largeur de la boite 860 */
	height: 90%; /* hauteur de la boite 540*/
	border: 0px; /* forme, couleur et épaisseur de la bordure de la boite */
	z-index: 1;
	position: relative  /* envoie la boite à un endroit précis de l'écran */
	top: 0%; /* la boite débute à 50% du haut du parent (ici la page) */
	left: 0%; /* la boite débute à 50% de la gauche du parent (ici la page) */
	margin-left: 5%; /* on recule la boite vers la gauche de 430 pixels */
	margin-top: 5%; /* on recule la boite vers le haut de 270 pixels */
	} 
	
.centre2{ 
	width: 100%/*1004px; */
	height: 100%/*590px; */
	border: 0px; 
	z-index: 1;
	
	top: 0%; 
	left: 0%; 
	/*margin-left: -502px; */
	/*margin-top: -284px; */
	} 
	
.menu{ 
	width: 178px; 
	height: 500px; 
	border: 1px; 
	z-index: 1;
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-left: -89px; 
	margin-top: -175px; 
	} 

.fam {float: left; width: 9em; 
	z-index: 2;
	position: relative;
	background-color: #FDD;}	

.fam1 {float: left; width: 18em; 
	z-index: 2;
	position: relative;
	visibility: visible;
	background-color: #99FFFF    ;}
	
.fam2 {float: left; width: 18em; 
	z-index: 2;
	position: relative;
    visibility: visible;
	background-color: #FFFF66 ;}

.fam3 {float: left; width: 8em; 
	z-index: 2;
	position: relative;
    visibility: visible;
	background-color: #66FF99 ;}
		
.fam4 {float: left; width: 8em; 
	z-index: 2;
	position: relative;
    visibility: visible;
	background-color: #00FFFF ;}
	
#content{
	margin: 0px;
	padding: 0px;
	z-index: 1;
	position: relative;
	width: 720px;
	height: 450px; 
	border: 0px;
	overflow: auto;
	background-color: #FFCC99;
	}
.gauchedroit{ /* exemple de boite centrée */
	width: 1000px; /* largeur de la boite 860 */
	height: 588px; /* hauteur de la boite 540*/
	border: 0px; /* forme, couleur et épaisseur de la bordure de la boite */
	z-index: 1;
	position: absolute;  /* envoie la boite à un endroit précis de l'écran */
	top: 50%; /* la boite débute à 50% du haut du parent (ici la page) */
	left: 0%; /* la boite débute à 50% de la gauche du parent (ici la page) */
	margin-left: 5%; /* on recule la boite vers la gauche de 430 pixels */
	margin-top: 15%; /* on recule la boite vers le haut de 270 pixels */
	} 	
#left{
	margin: 0px;
	padding: 0px;
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 178px;
	height: 588px; 
	border: 1px solid;
	margin-left: 20px; /* on recule la boite vers la gauche de 430 pixels */
	margin-top: 10px; /* on recule la boite vers le haut de 270 pixels */
	}
#right{
	margin: 0px;
	padding: 0px;
	z-index: 1;
	position: absolute;
	top: -1px;
	left: 179px;
	width: 950px;
	height: 588px; 
	border: 1px solid;
	margin-left: 20px; /* on recule la boite vers la gauche de 430 pixels */
	margin-top: 10px; /* on recule la boite vers le haut de 270 pixels */
	backgroundcolor: lightblue;
	}
.bouhistorique{	
    margin: 0px;
	padding: 0px;
	z-index: 2;
	position: absolute;
	top: 195px;
	left: 30px;
	width: 118px;
	height: 27px; 
	border: 0px solid;
	
	}
.bounouvelles{	
    margin: 0px;
	padding: 0px;
	z-index: 2;
	position: absolute;
	top: 250px;
	left: 30px;
	width: 118px;
	height: 27px; 
	border: 0px solid;
	}
.bouarchives{	
    margin: 0px;
	padding: 0px;
	z-index: 2;
	position: absolute;
	top: 296px;
	left: 30px;
	width: 118px;
	height: 27px; 
	border: 0px solid;
	}
.bouannuaire{	
    margin: 0px;
	padding: 0px;
	z-index: 2;
	position: absolute;
	top: 338px;
	left: 30px;
	width: 118px;
	height: 27px; 
	border: 0px solid;
	}
.bouforum{	
    margin: 0px;
	padding: 0px;
	z-index: 2;
	position: absolute;
	top: 380px;
	left: 30px;
	width: 118px;
	height: 27px; 
	border: 0px solid;
	}
.finmenu{	
    margin: 0px;
	padding: 0px;
	z-index: 2;
	position: absolute;
	top: 450px;
	left: 30px;
	width: 118px;
	height: 100px; 
	border: 0px solid;
	}