body
{
   width: 760px;
   margin: auto;
   
    
   background-color: #FEF0CB;
   font-family: Verdana, Tahoma, Arial, Helvetica, serif;
   color: #000000;
   font-size: 12px;
}

/* L'en-tête */

#en_tete
{

   width: 760px;
   height: 130px;
   background-image: url("banniere-haut-rose.gif");
   background-repeat: no-repeat;
  
}



/* Le menu */

.cataracte-1 { color: #000000; font-size: 11px; font-family:  Verdana, Arial, Tahoma, Helvetica; font-weight: bold; font-style: normal; word-spacing: 0; text-decoration: none;}
.cataracte-pt { color: #000000; font-size: 1px; font-family:  Verdana, Arial, Tahoma, Helvetica; font-weight: bold; font-style: normal; word-spacing: 0; text-decoration: none;}

#monmenu 
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%; 
	font-family: Verdana, Tahoma, Arial, Helvetica, serif;
	float: left; /* Le menu flottera à gauche */
    width: 230px; /* Très important : donner une taille au menu */
    margin-left: -45px;
	text-align: right;
}
#monmenu UL UL 
{
	BORDER-RIGHT: #b0b0b0 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #b0b0b0 1px solid; 
	DISPLAY: none;
	PADDING-LEFT: 0px; 
	LEFT: 164px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; 
	BORDER-LEFT: #b0b0b0 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #b0b0b0 1px solid; 
	POSITION: absolute; 
	TOP: -1px
}
#monmenu LI 
{
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	WIDTH: 150px; 
	PADDING-TOP: 2px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	BACKGROUND-COLOR: #ffffff
}
#monmenu LI:hover 
{
    font-variant: small-caps;
	BACKGROUND-COLOR: #f0e68c;
}
#monmenu LI.sfhover 
{
    font-variant: small-caps;
	BACKGROUND-COLOR: #f0e68c;
}

#monmenu a:visited
{
    text-decoration: none;

}

#monmenu LI A 
{

	TEXT-DECORATION: none
}
#monmenu LI:hover UL.niveau2 
{

	DISPLAY: block
}
#monmenu LI LI:hover UL.niveau3 
{
	DISPLAY: block
}
#monmenu LI.sfhover UL.niveau2 
{
	DISPLAY: block
}
#monmenu LI LI.sfhover UL.niveau3 
{
	DISPLAY: block
}
#monmenu LI.plus 
{
	BACKGROUND-POSITION: right 50%; 

	BORDER-BOTTOM: #b0b0b0 1px solid; 
	BACKGROUND-REPEAT: no-repeat;
	text-align: left;
}
#monmenu h2
{
	text-align: center;
   border: none;
   background-color: #cfdda8;
   color: rgb(224,84,35);
   font-size: 20px;
   
   width: 189px;
}

#menu
{
   float: left;
   width: 148px;
   font-size: 9px; 
   
   background-color: #ffffff;
}




/* Quelques effets sur les menus */


.element_menu h3
{    
text-decoration: underline;
font-size: 9px; 
   
}

.element_menu ul
{
   list-style-image: url("puce-rond.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   text-align: right;
}


.element_menu a
{
  text-align: left;
}

.element_menu a:hover
{
   
   
   font-variant: small-caps;
   list-style-image: url("puce.png")
}


/* Le corps de la page */

#corps
{
   width: 559px;
   margin-left: 180px;
   margin-bottom: 0px;
   margin-top: 0px;
   font-size: 13px; 
   background-color: #FEF0CB;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: none;
}

#corps h1
{
   
   text-align: center;
   border: none;
   background-color: rgb(182,213,119);
   color: rgb(224,84,35);
   font-size: 20px;
 
}

#corps h2
{
   font-size: 10px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: red;
   text-align: left;
}
#corps p
{
text-indent: 30px;
text-align: justify;
padding-left: 40px;
}

.signature
{

position:absolute;
right:135px;
bottom:50px;
}
.legende
{
text-align: right;

}
.imageflottante
{
   float: right;
   padding: 15px;
   padding-top: 0px;
   padding-right: 0px
}




/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   width: 760px;
   height: 130px;
   background-image: url("banniere-bas.gif");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}