/* CSS Document */

body
{

   width: 1067px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 10px;
   background-image: url(images/fond.jpg); 
   color: #B3B3B3;
   text-align:center;
}

#haut
{
   width: 1067px;
   height: 142px;
   background-image: url("images/design_01.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}


/*  MENU */
#menu
{
   float: left;
   width: 150px; 
}

.element_menu
{
   background-color: #000000;
   background-image: url("images/fond.jpg");
   background-repeat: repeat-y;
   
   border: 2px solid black;
   
   margin-bottom: 10px; 
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.jpg"); /* On change l'apparence des puces */
   padding-right: 0px;
   padding-left:10px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a 
{
   color: #B3B3B3;
}

.element_menu a:hover 
{
   background-color: #OOOOOO;
   color: white;
}


/* TEXTE */
#content
{
   margin-left: 160px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #OOOOOO;
   background-image: url("images/fond.jpg");
   background-repeat: repeat-x;
   border: 2px solid black;
   border-bottom:none;
}


/* LIENS DANS LE TEXTE */
a
{
   text-decoration:none;
   color:#8B0D0E;
}




/*  AUTRES PARTICULARITES DU TEXTE  */
 h1 
{
   color: #B3B3B3;
   text-align: center;
   font-family: Verdana;
}

p
{
   width: 80%;
   text-align: center;
}


#content 
      border: 2px solid black;
.h2 
{
   height: 30px;
   background-image: url("images/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 */
   color:#921213;
   padding-left: 30px;
   text-align: center;
   font-family: Verdana;
}

h3 
{
   color: #8B0D0E;
   text-align: center;
   font-family: verdana;
}


strong
{
   color:#921213;
}



#bas
{
   padding: 5px;
   margin-top: 20px;


   text-align: center;
   width: 1067px;
   height: 277px;
   background-image: url("images/design_04.jpg");
   background-repeat: no-repeat;

}

img { display:block ; border:0; }