/* CSS Document */

 body{
    font-family: 'Trebuchet MS';
    background-color:#D1D1D1;
   }
   
   
   #main{
    margin: auto; 
    width: 800px;
   }
   
   #menu{
    height:150px;
    width:800px;
   }
   
   #gauche_container{
    float:left; 
    width:400px; 
    height:400px; 
    background-color:#878787;
    overflow:hidden;
   }
   #gauche{
    width:350px; 
    height:350px;
    margin: 24px; 
    color:#fff; 
    border:1px solid;
    overflow:hidden;
   }
   
   #droite_container{
    float:right; 
    width:400px; 
    height:400px;
    background-color:#fff;
    overflow:hidden;
   }
   #droite{
    width:350px; 
    height:350px; 
    margin: 24px; 
    color:#878787; 
    border:1px solid;
    overflow:hidden;
   }
   
   #droite img, #gauche img{
    float:left; 
    margin:5px 5px 5px 10px; 
    border: none;
    width:100px;
    height:75px;
   }
   
   
   #droite p, #gauche p{
    margin:0px; 
    padding:5px;
    text-align:justify;
    font-family: 'Trebuchet MS';
    font-size: 80%;
   }
   
   #droite .citation, #gauche .citation{
    clear:both; 
    font-size:70%;
    text-align:center;
  } 
   
   #gauche ul{
    padding: 0; 
     margin: 0 5px 5px 15px; 
     font-size: 80%;
     text-align: justify;
   }
   
   
   #droite h1, #gauche h1{
    font-size: 90%;
    padding: 10px;
    margin:0;
    font-weight: normal;
   }
   #footer{
    clear:both; 
    color:#878787;
   }
   
   #footer p, #footer h1{
    font-size:70%;
    text-align:center;
    font-weight: normal;
    padding:0;
    margin:0;
   }
   #footer a{
    text-decoration: none;
    color:#878787;
   }
   
  #gauche *.notop, #droite *.notop{
    padding: 360px 0 0 0;
   }
   .jrz{
    display: none;
   }