body
{
   width: 1024px;
   height: 750px;
   margin:auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-repeat: repeat-y;
   background-color: rgb(81,65,39);
   color :  rgb(81,65,39);
}
table
{
	width: 95%;
	margin-left: 30px;
	margin-right: 20px;
	vertical-align:top;
	text-align:center;
	border-style : collapse;
	padding: 10px;
	empty-cells: show;
}
td
{
	width: auto;
	border-collapse : collapse;
	vertical-align:middle;
	text-align: center;
	padding: 10px;
}
th
{
	width: auto;
	border-collapse : collapse;
	vertical-align:top;
	text-align: center;
	padding: 10px;
}

/* L'en-tête */

#en_tete h1
{
   height: 154px;
   background: url("../images/bandeau_site.png") no-repeat bottom center;
   margin-bottom: 10px;
   text-indent: -50000px;
}


/* Le menu */

#menu
{
   float: left;
   width: 200px;
   margin-right:20px;
}

.element_menu
{
   background-color: none;
   background-image: url("../images/mini_hongroise.png");
   background-repeat: no-repeat;
   background-position: top;
   border: 2px solid rgb(65,161,174);
   padding-top:5px;
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{   
   color: rgb(65,161,174);
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

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

.element_menu a
{
   color: rgb(65,161,174);
}

.element_menu a:hover
{
   background-color: rgb(65,161,174);
   color: black;
}


/* Le corps de la page */
#corps
{
   overflow: auto;
}

#corps
{
   height:1010px;
   margin-bottom: 10px;
   padding: 15px;
   text-align: justify;
   text-indent: 30px;
   background-image: url("../images/fondH2.jpg");
   border:4px solid rgb(65,161,174);
}
#corps ul
{
   list-style-image: url("../images/mini_puce_2RH.png");
   padding-left : 80px;
}
#corps h1 
{
   color: black;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2,  h4,  h5
{
   padding: 5px;
   color: rgb(81,65,39);
   text-align: center;
   font-family: "Times New Roman",Arial, "Arial Black",  Times, serif;
}
#corps h3
{
   padding: 5px;
   color: rgb(81,65,39);
   text-align: left;
   font-family: "Times New Roman",Arial, "Arial Black",  Times, serif;
}
#corps a
{
   color: rgb(81,65,39);
}
#corps a:hover
{
   background-color: none;
   color: rgb(65,161,174);
}
a img 
{
   border: none;
   color: none;/* Pas de bordure */
}
.imageflottante
{
   float: center;
   margin-top: 0px;
   margin-left: 150px;
   margin-right: 0px;
   margin-bottom: 10px;
}
.imageflottantegauche
{
   float: left;
   margin-top: 10px;
   margin-left: 10px;
   margin-right: 30px;
   margin-bottom: 10px;
}
.imageflottantedroite
{
   float: right;
   margin-top: 10px;
   margin-left: 30px;
   margin-right: 10px;
   margin-bottom: 10px;
}
.notepiedtexte 
{
   padding-top:40px;
   font-size: small;
   list-style-type= circle;
}
.center
{
   padding: 0px;
   text-align: center;
}
.aligncenter
{
   float: center;
   margin-top: 10px;
   margin-left: 425px;
   margin-right: 250px;
   margin-bottom: 50px;
}
.encadre
{
   border-style:solid;
   border-color:rgb(81,65,39);
   border-width:1px;
   padding:10px;
}
.encartrouge
{
   border-style:solid;
   border-color:red;
   border-width:2px;
   padding:10px;
}
.dessous
{
   clear: both; /*l'on peut aussi mettre right ou left*/
}
#pied_de_page/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
{
   padding: 10px;
   margin-top:30px;
   margin-bottom: 20px;
   text-align: center;
   color: white;
   background-color: none;
   background-image: url("../images/mini_hongroise.png");
   background-repeat: no-repeat;
   background-position: top;
   border: 2px solid rgb(65,161,174);
}
#marge_basse
{
	margin:1px;
}