/* CSS Document */

html
{
	width: 100%;
	height: 100%;
	background-color:#f8f9f8
}

body
{
   width: 984px;
   height: 100%;
   min-height:920px;
   margin: auto; /* Pour centrer notre page */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color:#FFFFFF;  
}

img
{
	border: none;
}

hr
{
	color:#8A5E00;
}

ul
{
	list-style:none;
}

a
{
   color: #B3B3B3;
}

a:hover
{
   background-color: #B3B3B3;
   color: black;
}

#conteneur
{
	padding-top:20px;
	padding-bottom:20px;
	background-image: url("images/fond.png");
	background-position:center; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */	
   	background-repeat: repeat-y;
   	min-height:900px;
   	border-color: #FF0000;
	
}

/* L'en-tête */

#en_tete
{
   width: 984px;
   height: 130px;  
   margin-bottom: 10px;
}

.en_tete_gauche
{
	width:224px;
	height:130px;
	float:left;
}

.en_tete_droite
{
	width:760px;
	height:130px;
	background-image: url("images/");
	background-position:center;
   	background-repeat: no-repeat;
	margin-left:224px;
}

/* Le menu */

#menu
{
   float: left;
   width: 224px;
   margin-left:10px;
   margin-bottom:10px;
}

.element_menu
{
   background-image: url("images/fond2.png");
   background-repeat: repeat-x;
   border: 2px solid black;
   padding-bottom: 5px; 
   margin-bottom: 20px;
}

.element_menu1
{
   background-image: url("images/fond2.png");
   background-repeat: repeat-x;
   border: 2px solid black;
   padding-bottom: 5px; 
   margin-bottom: 20px;
   position:fixed;
}

/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #B3B3B3;
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   margin: 0px;
   margin-bottom: 5px;
}


/* Le corps de la page */

.imgflg
{
	float:left;
	border:none;
	margin:20px;
	margin-left:0px;	
}

.imgfld
{
	float:right;
	border:none;
	margin:10px;
	margin-right:0px;	
}


.top
{
	text-align:center;
	text-decoration:blink;
}

.important
{
	font-style:italic;
	color: #FF0000;
	font-weight: bold;
}
	
#corps
{
   margin-left: 244px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-right:10px;
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ 
   color: #B3B3B3;
   background-color:; /* Une couleur de fond pour le corps */
   background-image: url("images/motif.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */ 
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */ 
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}

#corps h3 /* Tous les titres h4 du corps */
{
	text-decoration:underline;
	background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
	background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
	color: #B3B3B3;
	text-align: left;
}

#corps h4 /* Tous les titres h4 du corps */
{
	text-decoration:underline;
	background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
	background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
	color: #B3B3B3;
	text-align: left;
}

#corp1
{
	
	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   	margin-right:10px;
   	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	border: 10px solid red; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corp1 img
{
	position:static;
     left: 50%; 
     margin-left: -380px; /* moitié de la largeur de l'image */
}

#formulaire
{
   margin-left: 244px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-right:10px;
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ 
   color: #B3B3B3;
   background-color:; /* Une couleur de fond pour le corps */
   background-image: url("images/motif.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */ 
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#formulaire label
{
	text-decoration:underline;
	color:#CC0000;
}
/* Le pied de page */

#pied_de_page
{
	margin-right:10px;
	margin-left:244px;
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: #B3B3B3;
	border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}