/* Layout Stylesheet */ 

body {
 margin:20px;
 background:#808080;
 color: #333333;
 text-align:center;
 padding:0;
 }

#outer {
 text-align:left;
 border:1px solid #000000;
/*  width:770px; */
 margin:auto;
 padding: 10px;
 }

#hdr {
 /* height:50px; */
 background:#dd0000;
 color: #333333;
  border: 2px solid #000000;
  
 }

#bodyblock {
    
    background-color: #AABEE1; 
  background-image: url("images/fond_bleu1.jpg"); 
   background-repeat: repeat-x; 
/* position:relative;
  background: #dcdcdc; 
     background-color: #AABEE1;
   background-image: url("images/fond_bleu1.jpg");
   background-repeat: repeat-x;
 color: #333333;
 width:760px; 
 height:auto; */

 }

 
#intro
{
   width: 120px; /* Très important : donner une taille au menu */
   background-color: #fff2aa; 
   background-image: url("images/fond1.jpg");
   background-repeat: repeat-x; 
   float: left; /* Le menu flottera à gauche */
    text-align:left;
   border: 2px solid black;
  padding: 5px 1px 5px 1px;
   margin: 30px 10px 10px 10px;  /* top right bas left */
}

#cont { 
 /* width:610px;  */
    background-color: #AABEE1; 
  background-image: url("images/fond_bleu1.jpg"); 
   background-repeat: repeat-x; 
 color: #333333;
  text-align:left;
 border: 0px solid black;
  padding: 5px 5px 5px 1px;
   margin: 0px 0px 0px 151px ;  /* top right bas left */
  
 }

#ftr {
 background:#c0c0c0;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }
 
 
/* Menu Principal*/
ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}
ul#menu{
  margin: 0px 0px 0px 0px ;  /* top right bas left */
  padding: 0px 0px 0px 0px;
  list-style:none;
  width:98%;  
  background-color: #dd0000; /* fond barre principale */
  float:left;
  font:0.7em Arial;
  
}


ul#menu li{
  float:left;
  display:block;
  padding:2px 1px 0px 0px;;
}

ul#menu li a{
  display:block;
  padding:2px 6px;
  color:#000000;  /* ecriture barre principale */
  text-decoration:none;
  font-weight:bold;
}



ul#menu li a:hover{  /* selection */
  background:#0000dd;
  color:#ffffff;
}
ul#menu ul{  /* sous-menu */
  position:absolute;
  background:#0000dd ;
  border:1px solid #0000dd;
  list-style:none;
  margin: 0px 0px 0px 0px ;  /* top right bas left */
  padding: 0px 0px 0px 0px;
/*  width:152px; */
  z-index:1;
}
ul#menu ul ul{
  top:0px;
  z-index:2;
}
ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  display:inline;
}
ul#menu ul li a{ /* sous-menu */
  display:block;
  border-top: 1px solid #0000dd;
  color:#ffffff;
}

ul#menu ul li a:hover{ /* sous-menu  selectionne */
  background:#dd0000;
  color:#000000;
}
/* fin menu principal */