body

 {
  width:100%;
  margin:0px auto;
  font:10pt, "Trebuchet MS", serif;
  background-color:#000000;
  background-image:url(images/fondecran.jpg);
}
div#page {
  background:url("../images/gauche.png") repeat-y;
}
div#page_bis {
  background:url("../images/droite.png") repeat-y top right;
}
div#contenu {
  margin:0px 18px;
}
div#banniere {
  padding:21px;
  text-align:center;
  background-color:#87CEFA;

  
  background-color:#729EBF; 
   background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40
  
}
div#menu_barre {
  margin-bottom:10px;
  padding:2px;
  height:15px;
  text-align:center;
  background:url("../images/barre.png") repeat-x;
}

#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 180px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#729EBF; 
   background-image:-webkit-linear-gradient(top, #729EBF 0%, #000000 100%);
   background-image: linear-gradient(to bottom, #729EBF 0%, #000000 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  color:#fff;
  font-size:0.8em
}
#menu-accordeon li:hover {

   background: #729EFB
}
#menu-accordeon li li:hover {

   background: #999;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
} 


div#corps

  {width:70%;position:absolute; top:20%; left:20%; height:80%;color:#fff;float:left;font-size:1.0em
   }
   a{color:#000000; }
table
{
background-position:top left;
background-color:white;
margin-left:2px;
border: 6px outset green;
border-collapse:collapse;

}
caption
{
margin-left:1px;
font-family:Arial,Times,"times New Roman",serif;
font-weight:bold;
font-size:0.8em;
color:#009900;
margin-bottom: 10px;
background-color: white;

}
 
 th    { 
   
   
   background-color: #C0C0C0;
   color:red;
   font-size:0.8em;
   font-family:Arial,"Arial Black",Times,"times New Roman", serif;
   font-weight:bold;
 
   }
   td
   {
   color:#000000;
   height:20px;
   border: 1px solid green;
   font-family:"Comic Sans MS","Trebuchet MS",Times, "Times New Roman",serif;
   font-weight:bold;
   text-align: center;
   padding: 2px;
   }

div#titre2



{
position:absolute;
width:120mm;
margin-left:600px;
margin-top:10px;
text-align:center;
font-family:Arial,Times,"times New Roman",serif;
font-weight:bold;
font-size:1.0em;
color:black;
margin-bottom: 1px;
background-color:#000000;
margin-right:2px;
}

div#photo11
{
width:120mm;

margin-left:30px;
margin-top:10px;
text-align:center;
font-family:Arial,Times,"times New Roman",serif;
font-weight:bold;
font-size:1.0em;

position:absolute;
margin-bottom: 1px;
background-color:#000000;
color:black;}

  

div#copyright {
margin-top:60%;
  margin-left:10px; 
  text-align:center;
  padding:5px 0px;
  background-color:#F5F5F5;
  border:1px solid #DCDCDC;
  clear:both;
  font-size:0.8em;
  font-style:normal;
}

div#menu_section {
  margin-bottom:0;
  padding-left: 0px;
  background-color:#F5F5F5;
  border:1px solid #DCDCDC;
}