/* #################### Tout le site est concerné (début) #################### */




*
{

  margin: 0;
  padding: 0;

}





a
{
  font-weight:600;
  color: #645851;
}




/* toutes les images se trouvant dans les liens */


a img
{

  border-top-width: 0pt;
  border-right-width: 0pt;
  border-bottom-width: 0pt;
  border-left-width: 0pt;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;

}




/* Tous les paragraphes du site */


p 
{

  text-align : justify;

  font-size: 1.2em;
  padding-bottom: 1.2em; /* esapce entre paragraphe */
  

}


h1
{

  font-size: 1.2em;
  margin-bottom: 4px;
  background: url(img/fond_titre.gif);
  border: 1px solid #F6F6F6;
  display: block;
  margin-bottom: 12px;
  padding: 2px 10px;
  text-align:center;
  vertical-align:middle;

}


h1, h2,h3
{

  color: #882B02;
  padding-top: 6px;

}




.centrer_milieu
{

  display: block;
  text-align:center;

}




.date_en_bas
{

  text-align:right;
  display: block;

}


/* Les images de la page capture */

.screen
{
  text-align:center;
}


/* Les éléments du formulaire de la page contact */


.formulaire_contact
{
  display: block;
  text-align:center
}


/* Statistique : police */

.stat
{
  font-size: 1.1em;
  margin-left:auto;
  margin-right:auto;
  font-weight:600;
  text-align: center;
}	

/* Statistique : couleur vainqueur */

.vict {
	color: #882B02;
}

/* Statistique : le tableau */

.tab {
	border-bottom: solid 1px #BCBCBC;
	margin: 5px;
	padding: 0 5px 0 5px;
}




/* #################### Tout le site est concerné (fin) #################### */






/* Corps du site */


body
{

  background-image : url("img/fond.gif"); /* image de fond */
  background-color : black; /* couleur de fond */
  background-position : center; /* http://www.siteduzero.com/tutoriel-3-13639-liste-des-proprietes-css.html */
  background-position : top;
  background-repeat : repeat-y; /* se répète que sur une colonne, verticalement */
  margin: 0; /* le logo est bien collé au plafond */
  width: 730px;
  margin: auto; /* Pour centrer notre page */
  font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}





/* Zone qui représente la bannière en haut de page */


#en_tete
{

  background-image : url("img/baniere.gif");
  background-repeat : no-repeat;
  background-position : center;
  height: 171px;
  width: 730px;
  margin-left: auto;
  margin-right: auto;
	
}





/* Zone où est affiché le menu : icones qui nous renvoie sur les pages */


#menu
{

  background-image : url("img/menu.jpg");
  background-repeat : no-repeat;
  background-position : center;
  height: 70px;
  padding: 0 28px;

}





/* Liens se trouvant dans la zone menu */


#menu a
{

  color: #645851;
  float: right;
  font: 1em "Trebuchet MS",sans-serif;
  margin-top: 9px;
  padding-top : 6px;
  padding-bottom : 1px;
  padding-left : 2px;
  text-align: center;
  text-decoration: none;
  width: 54px;

}





/* Au passage sur un lien se trouvant dans la zone menu */


#menu a:hover
{

  background-image : url("img/fond_lien.gif");
  background-color : #8B4F29;
  background-repeat : repeat-x;
  padding: 3px 1px 2px;

}





/* Menu de l'espace membre */


#menu_membre
{

   float: left; /* Le menu flottera à gauche */
   width: 55px; /* Très important : donner une taille au menu */

}




/* Centrer les images se trouvant dans le block menu_compte */


#menu_membre img
{
  display:block; 
  margin:0 auto;
  margin-bottom : 10px;
  border:0px;  text-decoration: none
}




#menu_membre a
{
  outline: none; /* Enlève les pointillés */
  color: #645851;
}




/* Zone se trouvant avant le corps : simple image représentant la tête du design du corps */


#avant_corps
{

  clear: both;
  background: url(img/cadre_corps.jpg) no-repeat;
  height: 40px;

}




/* #################### Zone corps du site : là où s'afficheront les pages (début) #################### */




/* Zone corps du site : là où s'afficheront les pages */


#corps
{

  background: url(img/fond_corps.jpg) repeat-y;
  padding-right : 32px;
  padding-left : 32px;

}




/* #################### Zone corps du site : là où s'afficheront les pages (fin) #################### */




/* #################### Zone pied de page : le bas du site (début) #################### */




#pied_de_page
{
	
  clear: both;
  background: url(img/cadre_corps.jpg) no-repeat;
  height: 40px;
  background-position: left bottom;
  text-align: center;


  color: #666;
  font-size: 1.1em;



}




/* #################### Zone pied de page : le bas du site (fin) #################### */




/* #################### Zone corps du compte membre : là où s'afficheront les pages de l'espace membre (début) #################### */




/* Zone corps du site : là où s'afficheront les pages */


#corps_compte
{

   margin-left: 90px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

}



/* #################### Zone corps du compte membre : là où s'afficheront les pages de l'espace membre (fin) #################### */