/*---------------------------------------------------*/
/*----------- le style général de la page -----------*/
/*---------------------------------------------------*/
body {
    margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 75%;
	text-align:center;
/*---------------------------------------------------*/
/*--- on définit ici les couleurs de la scrollbar ---*/
/*---------------------------------------------------*/	
	scrollbar-arrow-color:#000000; 
	scrollbar-track-color:#CCCCCC; 
	scrollbar-shadow-color:#000000; 
	scrollbar-face-color:#CCCCCC; 
	scrollbar-highlight-color:#CCCCCC; 
	scrollbar-darkshadow-color:#999999; 
	scrollbar-3dlight-color:#CCCCCC;
	}
/*---------------------------------------------------*/
/*------- le style global qui centre la page --------*/
/*---------------------------------------------------*/
.global {
	width: 1000px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
	}
/*---------------------------------------------------*/
/*------------ les divers style de bloc -------------*/
/*---------------------------------------------------*/
.leblocheader {
	width:1000px;
	height: 124px;
	background-image: url('images/titre imal.png');
	border: 0px solid #004a99;
	
	}

.arbre {
	}
.titresite {
	}
.leblocmenuheader {
	background-image: url('images/bmenu.png');
	width: 1000px;
	height: 25px;
	border-top: 0px solid #004a99;
		}
.leblocmenu {
	background-image: url('images/corp.png');
	border: 0px solid #004a99;
	margin-top:5px;
	width: 250 px;
	height: 651px; /* cette ligne indique la hauteur du bloc menu */
	float:left;
	}

.lebloccontenu {
	background-image: url('images/corp.png');
	border: 0px solid #004a99;
	margin-top:5px;
	width: 735px;
	height: 651px; /* cette ligne indique la hauteur du bloc contenu */
	float:right;
	}
.lebloctitre {
	border-bottom: 0px solid #004a99;
	background-image: url('images/bmenu.png');
	height: 15px;
	width: auto;
	}



/*--- Menu 18---  */

#menu18 {
width: 200px;
margin: 20px;
}

#menu18 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu18 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 32px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images */
#menu18 li a:link, #menu18 li a:visited {
	color: #333333;
	display: block;
	background: url(images/menu181.png);
	padding: 8px 0 0 10px;
}

#menu18 li a:hover {
	color: #FF9966;
	background: url(images/menu181.png) 0 -32px;
	padding: 8px 0 0 10px;
}





/*---------------------------------------------------*/
/*------------ Et maintenant les textes -------------*/
/*---------------------------------------------------*/
.menutitre {
	text-align: left;
	font-weight: bold;
	margin-left:10px;
	text-decoration: none;	
	}
.titre {
	text-align: left;
	font-weight: bold;
	margin-left:10px;
	color: #FFFF66;
	}
.texte {
	text-align: left;
	height:640px;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
	}
a {
	color: #FFFF66;
	text-decoration: none;
	}
a:hover {
	color: #FFFF66;
	text-decoration: underline;
	}
.joel{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFF33;
	font-size: 14px;
}
.style10{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#00FFFF;
	font-size: 12px;
}

.style11{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#CC0000;
	font-size: 9px;
}
.style12{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#00FFFF;
	font-size: 9px;
}