@charset "iso-8859-1";
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/oison2.jpg); FONT-SIZE: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#header {
	BACKGROUND: url(images/poesie-tete.gif) no-repeat; TEXT-ALIGN: right;  left bottom; MARGIN: 0px; HEIGHT: 200px
}
#haut {
	HEIGHT: 30px; BACKGROUND-COLOR: #ccccff
}
#conteneur {
	MARGIN: 0px auto; WIDTH: 772px;
}
h2
{
   font-style: italic; /* caractere italique ! */
   text-indent: 30px; /* alinea des sous-titres */
   font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
}
#centre {
	MARGIN-LEFT: 150px; MARGIN-RIGHT: 150px; TEXT-ALIGN: justify; COLOR: #990066; TEXT-DECORATION: none
}
#gauche {
	FLOAT: left; WIDTH: 150px
}
#droite {
	FLOAT: right; WIDTH: 150px; TEXT-ALIGN: right
}
#pied {
	CLEAR: both; HEIGHT:15px;  COLOR: #ff3399; TEXT-DECORATION: none; BACKGROUND: #ffcc99; TEXT-ALIGN: center; BORDER-TOP: #990066 3px dotted
}
#menuhaut {
		PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/menu.gif) repeat-x 0px -25px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 25px
}
#menuhaut LI {
	FLOAT: left; TEXT-ALIGN: center;
	DISPLAY: inline
}
#menuhaut A {
    BORDER-RIGHT: #063 2px solid; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 1em; WIDTH: 120px; COLOR: #990066; LINE-HEIGHT: 25px; LETTER-SPACING: 1px; TEXT-DECORATION: none
	MARGIN: 0px 2px; COLOR: #990066; TEXT-DECORATION: none
}
#menuhaut A:hover {
	BACKGROUND: url(images/menu.gif) repeat-x 0px 0px
}
ul#menu {list-style-type: none; padding:  20}

/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
ul#menu li {margin: 0 0 0px 0 ;   padding: 0 ;}

/* On passe les liens en éléments de type block pour leur donner des propriétés de taille 
 On décale le texte de 10px du bord gauche 
 On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
ul#menu li a {display: block ;    width: 110px ;   line-height: 25px ;   color: #990066 ;   text-indent: 0px ;      text-decoration: none ;   background: url(images/bg_menu.gif) no-repeat 0 0 ;    border: 0px groove #3c3 ;}

/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
ul#menu li a:hover {background: url(images/menu-normandie.gif) no-repeat 0 -20px ;    border: 0px groove #f97 ;}

#menugauche {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menugauche LI {
	MARGIN-BOTTOM: 5px
}
#menugauche A {
	MARGIN: 0px 2px; COLOR: #006600; TEXT-DECORATION: none
}
#menugauche A:hover {
	TEXT-DECORATION: none
}
#menudroit {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menudroit LI {
	MARGIN-BOTTOM: 5px
}
#menudroit A {
	MARGIN: 0px 2px; COLOR: #006600; TEXT-DECORATION: none
}
#menudroit A:hover {
	TEXT-DECORATION: none
}
P {
	MARGIN: 0px 0px 0px
}