body
{
   width: 763px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;    
   background-image: url("images/fond.gif");
   background-position:center;
}

/* L'en-tête */

#en_tete
{
   width: 762px;
   height: 122px;
   background-image: url("images/entete.gif");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   border: 1px dashed black;
}

/* Menu Horizontal */

ul#menu_horizontal { 
width : 762px; 
height : 30px;
margin : 2em 0 0 0;
padding : 0;
margin-top: 0px;
background-color : #713222;
border : 1px dashed black;
list-style-type : none; 
}
 
ul#menu_horizontal li {
padding : 0 0.5em;  
line-height : 30px;
}
 
ul#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px dashed black; 
}
 
ul#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px dashed black;
}
 
ul#menu_horizontal a {
color : #FFCA00;
text-decoration : none;
padding : 0 0.5em; 
font :  0.8em "Trebuchet MS";
}
 
ul#menu_horizontal a:hover { text-decoration : underline; }
 
ul#menu_horizontal a img { 
border : none;
padding :  0 0.3em;
}


/* Le menu gauche*/

#bouton {
float:left;
width: 150px;
border-right: 1px dashed #000;
padding: 0 0 1em 0;
margin-bottom: 0px;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #BD292C;
color: #333;
}

#bouton ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#bouton li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#bouton li a {
display:block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #621113;
border-right: 10px solid #BD4547;
background-color: #C32124;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #bouton li a {
width: auto;
}

#bouton li a:hover {
border-left: 10px solid #E98082;
border-right: 10px solid #B0080B;
background-color: #E12125;
color: #fff;
}

/* image droite */

#img_gauche
{
   width: 150px;
   height: 286px;
   float: right;
   background-image: url("img/solaire/schema.gif"); 
   background-repeat: repeat-x repeat-y;
   border: 1px dashed black;
}

/* Le corps de la page */

#corps
{
   margin-left: 150px;
   margin-bottom: 0px;
   padding: 5px;
   
   color: #060400;
   background-color: #626262;
   background-image: url("images/corps.gif");
   background-repeat: repeat-x repeat-y;
   
   border: 1px dashed black;
}

#corps h1
{
   color: #060400;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.gif");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #060400;
   text-align: left;
}


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

#pied_de_page
{
   padding: 2px;

   text-align: center;

   color: #43423E;
   background-color: #D0732D;
   background-image: url("images/pied.gif");
   background-repeat: repeat-x;
   
   border: 1px dashed black;
}