.banniereindex
{position:relative;
text-align:center;
left: 10px;
right: auto;
margin-top: 100px;
width: 760px;
height: 100px ;
}

b:link {font-family: Arial; color: #003893; text-decoration: none}
b:visited {font-family: Arial;color: #003893; text-decoration: none}
A:active {font-family: Arial;color: #003893; text-decoration: none}

A:link {font-family: Arial; color: black; text-decoration: underline; color: black}
A:visited {font-family: Arial;color: black; text-decoration: underline; color: black}
A:active {font-family: Arial;color: black; text-decoration: none}
A:hover {font-family: Arial;color: #003893; text-decoration: underline overline; color: red;
}
.gauche {position:absolute;
top:390px;
margin-left: 60px;
}

.droite{
position:absolute;
top:390px;
left: 420px;
}
.droite1{
position:absolute;
top:390px;
left: 370px;
}
.droite2{
position:absolute;
top:390px;
left: 480px;
}
.centrage { /* style de centrage horizontal pour tous les navigateurs récents */ 
position: relative;
	text-align :center ; /* centre texte (+ boite ou table sous IE seul) */
	margin-left:auto;
	margin-right:auto;
	top:0 px;
z-index: 1;
} /* centre boite ou table, sauf sous IE */

img {
	border: 0px;
}

.boitecahier { /* définition de la boite de cahier */
	clear:both;
	position:absolute ; /* positionne la boite dans l'écran */ 
  	top:100px ; /* à 400 pixels du haut de page */
  	left: 220px ;
	padding-left: 15 px;
	padding-right: 20 px;  
	height:420px ; /* hauteur de la boite */
  	width:560px ; /* largeur de la boite */
z-index: 10;
  } /* bordure de la boite */

.page { /* boite quelconque pour exemple de centrage */
z-index: 2;	
top:0 px;
background-image: url(images/fond.jpg);
	border: 5px outset ; /* style de la bordure */
	height:600px ; /* hauteur de la boite */
  	width:800px ; /* largeur de la boite */
	text-align:justify;} /* On met en double-justifié le texte de la boite, qui est sinon centré par ".centrage". */

.titre {
	top: 0px;
	text-align: center;
	font-size: 36px;
	color: #003893;
	font-family: "Comic Sans MS";
	font-weight: bold;
	margin-top: 15px;
}


.titre1 {
	text-align: center;
	font-size: 18px;
	color: #003893;
	font-family: "Comic Sans MS";
	font-weight: bold;
	
}


body {
	background-image: url(images/pagefondfin3.jpg);
	margin: 0;/* sans marges, la page sera collée aux bords */
	font-family: "comic sans ms", sans-serif; /* on définit la police de base dans la page */
	font-size: 16px; /* on définit la taille de police de base dans la page */
	color: #003893;
}

.flux 
{	
clear: both ; } 

.harmony {
	margin-top:20 px;
}

.logocedres {
	position:relative;
	float: left; /* alignement du logo à droite */
	margin-left: 0px;  /* placement du logo dans son conteneur, head1 */
	margin-top: 0px;
	width: 83px;
	height: 88px;
	border: 0;
}

.boitegauche{
	position: absolute;
	margin-left: 0px;
}

.menugauche {
	clear: both;
	position: absolute;
	float: left;
	align: left;
	margin-left: 10px;
	top: 100px;
	width: 220px ;
	height: 420px;
}

.pieddepage {
	position: relative;
	margin-top:460px;
	margin-left: auto;
	margin-right: auto;
	width: 800 px;
	height :  80px;
	text-align: left;
	z-index: 2;
}
.pieddepageindex {
	position:absolute;
	float: left; /* alignement du logo à droite */
	margin-left: 0px;  /* placement du logo dans son conteneur, head1 */
	top: 514px;
	


}
.menuitem {
	position:relative;
	top: 10px;
 	border: 0 ;
	text-decoration: none;
 	height: 40 px;
	width:180px;
}

.imleft{
	margin-top: 15 px;
	margin-left: 8 px;
	float: left;
	width : 72 px;
	height: 52 px;
}

.textpied{
	text-align: center;
	margin-top: 10 px;
	font-size: 12px;
}
.textsmall{

	text-align: left;

	margin-top: 10 px;

	font-size: 10px;

}
.imright{
	float: right; /* alignement du logo à droite */
	width : 98 px;
	height: 64 px;
}
.imright2{
	float: right; /* alignement du logo à droite */
	width : 62 px;
	height: 61 px;
}