body
{
   width: 1000px;
   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/backdBJ.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#en_tete
{
   width: 1000px;
   height: 151px;
   background-image: url("images/banners.gif");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
/* Texte défilant ------------------------------------------------------------- */
#TexteDefil span
{
	margin-left:300px;
}
/* Menu onglet -------------------------------------------------------------------- */

#MenuOnglet
{
  overflow: hidden;
  background-color: #e8d6be;
  background-image: url(MenuOnglet/fond.png);
  background-position: bottom;
  background-repeat: repeat-x;
}

#MenuOnglet ul 
{
  float: right;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;

}

#MenuOnglet ul li
{
  float: left;
  margin-left: 3px;

}

#MenuOnglet ul li a
{
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(MenuOnglet/coin-gauche.png);
  background-repeat: no-repeat;
  background-position: 0% -250px;


}
#MenuOnglet ul li a span
{
  float: left;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(MenuOnglet/coin-droit.png);
  background-repeat: no-repeat;
  background-position: 100% -250px;
  color: #ffffff;
}

#MenuOnglet ul li#actif a
{
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(MenuOnglet/coin-gauche.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
}
#MenuOnglet ul li#actif span
 {
  float: left;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(MenuOnglet/coin-droit.png);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  color:#324d96;
}
#MenuOnglet ul li a:hover 
{
  background-position: 0% -500px;
}
#MenuOnglet ul li a:focus 
{
  background-position: 0% -500px;
}
#MenuOnglet ul li a:hover span
 {
  background-position: 100% -500px;
}
#MenuOnglet ul li a:focus span 
{
  background-position: 100% -500px;
}

/* ------------------------------------------------------------------------------------ */

#Actu
{
    float:left;/* Le menu flottera à gauche */
    width: 195px; /* Très important : donner une taille au menu */
    font-size: 1em;
    background-image: url(images/FondActuJB.png);  
    border: 2px solid black;
   
   
}
#Actu .maj,h2,h3
{
   text-align:center;
  
}
#Actu p
{
	padding-left:5px;
}
#Actu  a:visited
{
	color:orange;
	text-decoration:none;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */

#corps
{
   
   margin-left: 200px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 1px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 15px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-bottom:25px;
   min-height:300px;
   
   color: #324d96;
   font-size:1.2em;
   background-image: url(images/FondCorpsJ.png);
 
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps a
{
	color:blue;
}
#corps h2
{
	  text-align:center;
}

#corps  a
{
	padding-left: 60px;
}
#corps .lienphoto
{
	  padding-left: 60px;
	  font-size:1.2em;
}
#corps .texte
{
	  text-align:left;
	  font-size:1 em;
	  text-indent:45px;
	  padding-left:20px;
	  padding-right:20px;
	 
}
#corps img
{
	border:none;
	
	 padding-left:80px;
}
#corps .texte span
{
	  text-align:left;
	  font-size:1 em;
	  padding-left:65px;
}

#pied_de_page
{
   margin-top:20px;
   padding: 2px;
   text-align: center;
   color: white;
   background-image: url("images/FondFin.png");
   font-size:1.2em;
   border: 2px solid black;
}

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