/* ------------------ */
/* Le header (entýte) */
/* ------------------ */
body {
	background-image:  url('../Images/background_page.gif');
	margin-left: 50;
	margin-top: 10;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #660066; /*Violet foncé*/
}
a:link {
	font-weight: bold;
  text-decoration: underline;
	color:#CC0000; /*Rouge foncé*/
}
a:visited {
	font-weight: bold;
	text-decoration: none;
	color:#330033;
}
a:hover, a:active {
	text-decoration: underline;
	color: #FF6600;
}
.date {
	font-size: 9px;
	color: #663366;
	margin-left: 810px;
}
.head1 {
background-image:  url('../Images/Head1.gif');
width: 900px;
height: 91px;
}
.head2 {
background-image:  url('../Images/Head2.gif');
width: 900px;
height: 36px;
}
.logo {
float: LEFT;
margin-LEFT: 10px;
margin-top: 5px;
border: 0;
}
/* -------------- */
/* Le menu gauche */
/* -------------- */
.menugauche {
position: absolute;
left:50px;
top :155px;
width: 140px;
}
.menugauche2 {
position: absolute;
left:50px;
margin-top :200px; /* --- ATTENTION : 230px si 6 boutons, avec la demarche --- */
width: 140px;
}
.clindoeil {
	margin-left:50;
	margin-top: 40;
	font-size: 8px;
	color: #FFCC00;
}
.copyright {
margin-top: 40px; /* --- ATTENTION : 95px si 6 boutons, avec la demarche --- */
font-size: 80%;
text-align: center;
color:  #CC0000   /* ancienne couleur : #FFD778 */
}
/* ------------------ */
/* le contenu central */
/* ------------------ */
.titre{
	position: absolute;
	top: 140;
	left: 200;
	width: 350px;
}
.centre {
	position: absolute;
	top :155;
	left:200;
	width: 753px;
	background-color:#FFFFFF;
	height: 438px;
	overflow:  auto;
	padding-top: 17px;  /*Marges du texte*/
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.optimise {
	margin-top :45;
  margin-left: 714; 
  font-size: 8px;
  color:#FFFF99; /*Jaune pale*/
}
/* ------------------------------ */
/* Balises de titres et de listes */
/* ------------------------------ */
h1 { font-size: 140%; text-align: right; }
h2 { font-size: 120%; text-align: right; }

/* ------------------ */
/* Le menu horizontal */
/* ------------------ */
.menuhaut {
float: right; /* on aligne le menu vertical a droite de son conteneur */
margin-right: 10px;
margin-top:11px;
font-size:13px;
font-weight:bold;
}
.menuhaut a {
font-size: 13px;
font-weight: bold;
color:#FFFF99; /*Jaune pale*/
text-decoration: none; /* pour eviter le soulignement au survol */
margin-left: 20px; /* espacement entre chaque sous-menu */
}

/* ----------------- */
/* Le contact en bas */
/* ----------------- */
.bas {
position: absolute;
left: 330px; /* on place le bloc centre par rapport a la largeur du bloc gauche */
top: 640px;
font-size: 80%;
color:#FF99FF;
}