body {
  margin-top: 0px;
  background-color: #000022;
  background-image: url(images/fond.png);
  background-attachment:fixed;
  margin-left: auto;
  width: 760px;
  color: #000000;
  margin-right: auto;
  font-family:calibri,"Arial";
}


#en-tete {
  background-color: #000022;
  width: 760px;
  color: #000066;
  background-image: url(images/fond3.png);
}

#banniere {
  width: 760px;
  height: 141px;
  background-image: url(images/banniere.jpg);
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-bottom: 0px;
}
#colonne {
  float: left;
  width: 192px;
  background-repeat: no-repeat;
  margin-top: 10px;
  margin-bottom: 10px;
}

#menuh{
  position: fixed;
  border:none;
  border:0px;
  margin:0px;
  padding:0px;
  font-size:14px;
  font-weight:bold;
  color:8e8e8e;
  }
.menuh ul {
  background:url(images/menu-bg.gif) top left repeat-x;
  height:70px;
  list-style:none;
  margin:0;
  padding:0;
  padding-top:0px;
  }
  .menuh li{
    float:left;
    padding:0px 0px 0px 0px;

    }
  .menuh li a{
    color:#666666;
    display:block;
    font-size:14px;
    font-weight:bold;
    color:8e8e8e;
    line-height:24px;
    padding:10px 15px;
    text-align:center;
    text-decoration:none;
    }
    .menuh li a:hover{
      color:#000000;
      text-decoration:none;
      }
  .menuh li ul{
    background:#e0e0e0;
    border-left:2px solid #0079b2;
    border-right:2px solid #0079b2;
    border-bottom:2px solid #0079b2;
    display:none;
    height:auto;
    opacity:0.95;
    position:absolute;
    width:250px;
    z-index:200;
    }
  .menuh li:hover ul{
    display:block;
    }
  .menuh li li {
    display:block;
    float:none;
    padding:0px;
    width:250px;
    }
  .menuh li ul a{
    display:block;
    font-size:12px;
    font-style:normal;
    padding:0px 10px 0px 15px;
    text-align:left;
    }
    .menuh li ul a:hover{
      background:#949494;
      color:#000000;
      opacity:1.0;
      }
  .menuh p{
    clear:left;
    }  
  .menuh .active > a{
    background:url(images/courant-bg.gif) top left repeat-x;
    color:#ffffff;
    }
  .menuh .active > a:hover {
    color:#ffffff;
    }

    

#corps {
  border: 2px outset black;
  padding: 10px;
  padding-top: 30px;
  margin-bottom: 10px;
  background-color: #ffffff;
  color: #000000;
}
#corps h1 {
  color: #000066;
  text-align: left;
  font-size: 36px;
}
#corps h2 {
  text-align: left;
  font-size: 24px;
  color: #000099;
}

#corps h3 {
  padding-top: 18px;
  text-align: left;
  font-size: 26px;
  color: #000099;
}

#corps h4 {
  text-align: left;
  font-size: 18px;
  color: #000099;
}

#corps h5 {
  text-align: left;
  font-size: 20px;
  color: #000099;
  display : list-item;
  list-style-position:inside;
  list-style-image : url(images/puce_fiche_bleue.gif);
}

#texte_cadre {
  overflow: scroll;

  margin-left: 220px;
  border: 2px outset black;
  padding: 5px;
  margin-bottom: 10px;
  padding-top: 10px;
  color: #000026;
  background-repeat: repeat-x;
}

#texte {
  height:100%;
  margin-left: 220px;
  border-left: 2px outset black;
  padding: 10px;
  margin-bottom: 10px;
  color: #000026;
  background-repeat: repeat-x;
}

a 
{ 
 text-decoration:none; 
} 

img { 
  width: 25px;
  height: 15px;
}  

.imgSymbole { 
  float: right;
  width: 25px;
  height: 15px;
} 

imgLegende { 
  width: 25px;
  height: 15px;
  overflow
}

#intro {

 color: #000026;
}
 


#espace_vide {
  margin-left: 220px;
  margin-top: 2px;
}

.nouvelle_ligne {
  clear: both;
}

.flotte {
float: left;
padding: 1%;
margin-right: 2px;
}

#logo {
  float: left;
  width: 192px;
  height: 122px;
  background-image: url(images/Logo_DdeL.png);
  background-repeat: no-repeat;
  margin-top: 10px;
  margin-bottom: 10px;
}
table {
  border: 0px;
  margin: auto;
  border-collapse: collapse;
  width: 100%;
}
thead, tfoot {
  border: 1px solid #6495ed;
  color: #ccffff;
  font-size: 18px;
  background-image: url(images/f_noir.jpg);
  background-color: #000066;
  text-align: center;
}
tbody {
  border: 0px;
  background-color: #ffffff;
  cellpadding: 2px;
  cellspacing: 2px;
}
th {
  border: 0px dotted #6495ed;
  padding: 5px;
  background-color: #eff6ff;
  width: 25%;
}
td {

  border-top: 1px solid #6495ed;
  padding: 5px;
  font-size: 80%;
}
#tdrubrique {
  text-align: left;
}

caption {
  font-weight:bold;
}

#cours {
  text-decoration:none;
  margin-left:30px;
  border-bottom:1px solid #0079b2;
}
#cours_lien {
  font-size: 80%;
  margin-left:30px;
}
#cours_lien_explication {
  text-decoration:none;
  margin-left:30px;
  font-style:italic;
}
.image_legende {
  float: right;
  width: 25px;
  height: 15px;

}
.fleche {
  font-size: 60%;
}

#pied_de_page {
  border: 2px outset black;
  padding: 5px;
  clear: both;
  text-align: center;
  color: #000066;
  background-color: #FFFFEA;
  background-image: url(images/motif.png);
  background-repeat: repeat-x;
  font-size: 80%;
}
#fin {
  clear: both;
  text-align: right;
  font-style: italic;
  font-size: 60%;
}