/*
--- Feuille de style pour "les feuilles tombées"---
--- HdC - janvier 2009 ---
*/
a img
{
border:none;
}
body
{
   width: 780px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("images/fond_gris.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#couverture
{
    margin-left: 10px;
	Margin-top:100px;
	width: 780px;
   height: 150px;
   text-align: center;
  /* background-image: url("images/Vue Sud_banniere-P.jpg");
   background-repeat: no-repeat;
   */
   margin-bottom: 5px;
   border: 1px solid black;
   }
#preface
{
padding:100px 100px 5px 5px;
}

/* Le corps de la page */

#corps
{

padding:30px 30px 5px 5px ;
 Font-family: times, arial,"comic sans Ms",  times ;
     
   color: #FFFFFF;
   background-color: #626262;
   background-image: url("images/Arme_bracquemont_chanterac_20x20.gif");
   background-repeat: repeat-x;
   /* clip:rect(200,760,650,760);
   overflow:auto;
   */
   border: 1px solid black;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 40px;

   /* background-image: url("images/puce_titre.gif"); /* 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: #FFC400;
   text-align: center;
}
#corps h4 /* Tous les titres h4 du corps */
{
   /* height: 30px; */
     color: #FFC400;
   text-align: center;
}
#corps em 
{
   /* height: 30px; */
     color: #FFC400;
	 text-indent:0px;
   }
#corps p
{
	text-indent:40px;
	text-align:justify ;
}
#corps p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: Bold; 
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
   color: black ; /* En bleu */
}

#menu
{
	position:fixed;
	bottom:0;
	left:0;
	height:94px;
	width:100%;
	z-index:1000;

}

.element_menu
{

   background-color: #626262;
   background-image: url("images/Arme_chanterac_20x20.gif");
   background-repeat: repeat-x;

   border: 2px solid black;
}
/* Quelques effets sur les menus */


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

.element_menu ul
{
   list-style-image: url("images/puce.gif");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 50px;
   
}
.element_menu li
{
	float: left;
    margin: 10px;
	}
	
.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}
.element_menu a:active, .element_menu a:focus
{
   background-color: yellow;
   color: blue;
}




.image1 {
position: relative;
float:left;
margin: 0;
padding: 0;
border: 0;
top: 0;
left: 0;
width:60%;
height:60%;
}
.image2 {
position: relative;
margin: 0;
padding: 0;
border: 0;
top: 0;
left: 0;
width:46%;
height:46%;
}