/*
Design du Site Ferrige
Réalisé par josy21fr
<lien url="http://www.ferrige.fr">http://www.ferrige.fr</lien>
*/

body
{
   margin-left: 315px; /* Pour centrer notre page */
   margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 5px;    /* Idem pour le bas du navigateur */
   background-color: #666666; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

.centrer
 {
  margin:auto;
  width:1024px;
  text-align:left;  /* pour résoudre le bug de centrage de IE */
}
 
/* L'en-tête */

#en_tete
{
   width: 1024px;
   height: 299px;
   background-image: url(images/banniere-finale.jpg);
   background-repeat: no-repeat;
   margin-bottom: 0px;
}

/* Le menu */

#menu
{
   background-image: url(images/colonne-g.jpg);
   background-repeat: no-repeat;
   position: absolute;
   top: 305px;
   left: 315px; /* Le menu flottera à gauche */
   width: 175px; /* Très important : donner une taille au menu */
   height: 858px; /* Hauteur colonne menu */
}

.element_menu
{
   top: 832px;
   left: 315px;
   background-repeat: repeat-x;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Le corps de la page */

#corps
{
	background-image: url(images/page-centrale.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 305px;
	left: 492px;
	width: 676px;
	height: 859px;
	margin-bottom: 20px;
	padding: 0px;
   
}

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

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

   background-image: url(images/image_titre.jpg); /* 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;
}

/* La colonne de droite */

#droite
{
   background-image: url(images/colonne-Droite-1.jpg);
   background-repeat: no-repeat;
   position: absolute;
   top: 305px;
   left: 1165px; /* Le menu flottera à gauche */
   width: 175px; /* Très important : donner une taille au menu */
   height: 858px; /* Hauteur colonne menu */
}

.element_droite
{
   margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   background-image: url(images/pied-de-page.jpg);
   position: absolute;
   top: 1155px;
   left: 315px;
   width: 1024px;
   height: 45px;
   text-align: center;
   background-repeat: no-repeat;
}