/*---------------------------------------------------*/
/*----------- le style général de la page -----------*/
/*---------------------------------------------------*/
body {
    margin: 0;
	font-family:"Comic Sans MS";
	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: 762px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
	}
/*---------------------------------------------------*/
/*------------ les divers style de bloc -------------*/
/*---------------------------------------------------*/
.leblocheader {
	width:760px;
	background-image: url('images/img04.jpg');
	border: 1px solid #000000;
	}
.leblocmenuheader {
	background-image: url('images/img07.jpg');
	width: 760px;
	height: 17px;
	border-top: 1px solid #000000;
	}
.menu {
	width:150px;
	height:356px;
	float:left;
}

.leblocidentification {
	background-image: url('images/img12.jpg');
	border: 1px solid #000000;
	margin-top:5px;
	width: 150px;
	height:150x; /* cette ligne indique la hauteur du bloc menu */
	float:left;
	}
	
.leblocmenu {
	background-image: url('images/img12.jpg');
	border: 1px solid #000000;
	margin-top:5px;
	width: 150px;
	height:208px; /* cette ligne indique la hauteur du bloc menu */
	float:left;
	}
.contenu {
	margin-top:5px;
	width: 600px;
	height: 356px; /* cette ligne indique la hauteur du bloc contenu */
	float:right;
	}
.lebloccontenu {
	background-image: url('images/img12.jpg');
	border: 1px solid #000000;
	width: 600px;
	height: 356px; /* cette ligne indique la hauteur du bloc contenu */
	float:right;
	}
.annonce {
	width: 600px;
	height: 356px; /* cette ligne indique la hauteur du bloc contenu */
	float:right;
	}
.leblocannonce {
	background-image: url('images/img12.jpg');
	border: 1px solid #000000;
	width: 600px;
	height: 110px; /* cette ligne indique la hauteur du bloc contenu */
	float:right;
	margin-top:5px;
	}
.lebloctri {
	background-image: url('images/img12.jpg');
	border: 1px solid #000000;
	width: 600px;
	height: 14px; /* cette ligne indique la hauteur du bloc tri */
	float:right;
	margin-top:5px;
	}
.lebloctitre {
	border-bottom: 1px solid #000000;
	background-image: url('images/img09.jpg');
	height: 15px;
	}
.leblocsignature {
	border: 1px solid #000000;
	background-image: url('images/img09.jpg');
	margin-left: 210px;
	margin-top: 20px;
	width: 500px;
	height: 15px;
	text-align:center;
	}
/*---------------------------------------------------*/
/*------------ Et maintenant les textes -------------*/
/*---------------------------------------------------*/
.menutitre {
	text-align: left;
	font-weight: bold;
	margin-left:10px;
	font-size:11px;
	}
.titre {
	text-align: left;
	font-weight: bold;
	margin-left:10px;
	font-size:11px;
	color:#AA2D89;
	}
.signature {
	text-align: left;
	font-weight: bold;
	margin-left:10px;
	font-size:11px;
	color:#000000;
	}
.texte {
	text-align: left;
	height:auto;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
	font-size:13px;
	}
a {
	color: #000000;
	text-decoration: none;
	}
a:hover {
	color: #AA2D89;
	text-decoration: underline;
	}
/*---------------------------------------------------*/
/*-     et voilà c'est pas bien dur à faire...      -*/
/*-                                                 -*/
/*-                                       Rorschach -*/
/*---------------------------------------------------*/