.body{ /* body */
width:100%;
height:100%;

 background-image: url("image/bg_gradient.jpg");
   background-repeat: repeat-x;
   overflow: hidden;
   margin:0;
 }




/*********************************************************************************************************/
/* EN TETE                                                                                                */
/* Création du menu commun à toutes les pages                                                            */
/*********************************************************************************************************/ 


div#header{ /* En-tête */

display: block;
  width:100%;
  height:30%;
  top:0px;
position:absolute;
 }

.entete{
width:60%;

}

div#menu{
   display: block;
   width:50%;
   height:30px;
   position:relative;
  }
 
 /*********************************************************************************************************/
/* content                                                                                               */
/*                                                           */
/*********************************************************************************************************/ 

 
 div#content{ /* content */

   width:60%;
  height:64%;
margin-top:22%;
margin-left:20%;

  padding:0;
 
 position:absolute;
 
 }
 .content{
    width:100%;
  height:100%;
  }

  

 
  

 
 
div#texte{
   width:80%;
  height:76%;


top:10%;
left:10%;
  padding:0;
  text-align:center;
 position:absolute;
 overflow:auto;
 }
 
 
 
 
 
 
  div#left-sidebar{ /* Colonne de gauche */

  width:15%;
  height:100%; 
  position:absolute;
  left:0px;
  background-image: url("image/bg_gradient_border.gif");
 background-repeat: repeat-x;
  }
  
  
  
    div#right-sidebar{ /* Colonne de droite */
  width:15%;
  height:100%; 
position:absolute;
  right:0px;
  background-image: url("image/bg_gradient_border.gif");
 background-repeat: repeat-x;
  }
  
  
.bouton
{
width:40%;

}
  
  
  
  
  
    /*********************************************************************************************************/
/* page contact                                                                                               */
/*                                                           */
/*********************************************************************************************************/  
  
  
  .contact
  {
  
  width:25%;
  float:left;
  }
  
  
  
  
  
  
  
  
  
  
  
  /*********************************************************************************************************/
/* definition des balises                                                                                               */
/*                                                           */
/*********************************************************************************************************/  
  

  
  p
  {
  font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
  font-size: 1em;
  }
  
 h1
  {
  font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
  font-size: 150%;
  font-weight: bold;
  font-style:italic;
  }
  
a img
{
border: none;
} 
  
  
    /*********************************************************************************************************/
/* publicité                                                                                             */
/*                                                           */
/*********************************************************************************************************/  
  
  #pub_01{
   width:100%;
  height:100%; 
  position:absolute;
  left:20%;
top:90%;

}
  
  .pub_01{
width:60%;
height:5%; 
}