body   {
	background-color: #ffffff;
	background-image:  url("images/fond1.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom left;
}

a:link {
	text-decoration: none;
	color: #ffffff;}

a:visited {	
	text-decoration: none;
	color: #ffffff;}

a:hover {
	text-decoration: none;
	color: #FF9933;}


p {
	font-family: Arial,Helvetica,sans-serif;
	color: #CCCCCC; 
	font-size:80%;
	line-height:120%;
	text-align:justify;
}

h1           {
	font-size: 110%;
	color: #FFDDDD; 
	font-family: Arial,Helvetica,sans-serif; 
	font-style: normal; 
    word-spacing: 0; 
	text-indent: 0; 
	line-height: 110%; 
	text-align: left ;
	}
			   
h2           {
	font-family: Arial,Helvetica,sans-serif;
	color: #FFDDDD; 
	font-size: 95%;
	font-style: normal;
	text-indent: 0;
	line-height: 110%;
	word-spacing: 0;
}

h3  { 
	font-family: Arial,Helvetica,sans-serif; 
	color: #FFEEEE; 
	font-size: 90%; 
	text-indent: 0; 
    line-height: 100%; 
	word-spacing: 0; 
	text-align: left; 
}
h4  { 
	font-family: Arial,Helvetica,sans-serif; 
	color: #CCCCCC; 
	font-size: 80%; 
	text-indent: 0; 
    line-height: 100%; 
	word-spacing: 0; 
	text-align: left; 
	}

h5  { 
	font-family: Arial,Helvetica,sans-serif; 
	color: #CCCCCC; 
	font-size: 80%; 
	text-indent: 0; 
    line-height: 90%; 
	word-spacing: -2px; 
	letter-spacing: -1px;  
}

.commander{
   background-color: #000000;
   padding:7px;	
   	font-family: Arial,Helvetica,sans-serif; 
	text-align: center; 
   border: 2px dotted white;
}
	
.element_menu
{
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
}

.element_menu li
{
	font-family: Arial,Helvetica,sans-serif; 
	text-color: #FFFFFF;
	font-weight:bold; 
	border: 1px solid white;
	margin: 10px;
	padding:4px;
	background-color:rgb(81,81,76);
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-type: none;
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 0px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}



#menu {
 	width:201px ;
	height:450px ;
	position:absolute ;
	top:135px;
	left:0px ;
	position:fixed ;
	background-color:#333333;
   background-image: url("images/fond-titre.gif");
   background-repeat: repeat;
}

#contenu {
 	width:480px ;
	height-mini:100% ;
	position:absolute ;
	top:135px ;
	left:201px ; 
	padding:60px;
	padding-top:30px;
	background-color: rgb(81,81,76);

}

#banniere {
 	width:700px ;
	height:135px ;
	position:fixed ;
	top:0px ;
	left:0px ;
	background-image:  url("images/banniere.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	}

#annexe {
 	display:none;
	width:200px ;
	height:auto;
	position:fixed  ;
	bottom:00px ;
	right:0px ;
	background-color:#333333;
	margin:0px;
	margin-top:0px;
	padding-bottom:200px;
}

.haut {
	text-align:right ;
}
.dashed
{
   border: 4px dashed red;
   padding: 6px;
}

a em
{
   color: #FFEEEE;
   font-style: normal;
}