body {margin: 0; padding: 0; color: #EFFFEF;} /* marges intérieures et extérieures */


#conteneur { /* boite qui entoure les 3 colonnes */
  background-color: #000000 ; /* couleur de fond */
  margin:0 ; padding:0
  width: 100%;
  } /* marges intérieures et extérieures à 0 */

#barre-navigation {
  border-style: hidden;
  border-width: 1px;
  width: 100%;
  padding: 2px;
  text-align : right;
  border-top: 1px solid #FEDCBA; /* style de l'encadrement haut */
    border-bottom: 1px solid #FEDCBA; /* style de l'encadrement bas */
  background-color: #000000;
}

#col_gauche { /* boite gauche (avec le menu) */
   position: absolute; /* positionné par rapport à la boite parent (ici .container) */
   left: 10px; /* démarre à 10 pixels de la gauche de la boite parent */
   width: 25%; /* largeur de la boite */
   color : white;
   background-color: #222222;
   border:dashed 1px orange;} /* encadrement discret de la boite */

#col_centre { /* boite qui "pousse" vers le bas le reste de la page */
   margin: 0 2% 0 27%; /* marges gauche et droite, pour la place des 2 autres colonnes */
   border-left: 3px solid #FEDCBA; /* bordure gauche */
   border-right: 3px solid black; /* bordure droite */
  padding: 3px; /* marge intérieure - indispensable */
  background-color: #010300} /* couleur du fond */

#pied {
  border-style: groove;
  border-width: 1px;
  clear: both;
  margin-top: -1px;
  background-color: #ffffbb;
  font-color=#222222;
  font-style: italic;
  font-family: Book Antiqua;
  text-align: right;
}

#col_droite { /* boite droite (avec le commentaire) */
  position: absolute; /* positionné par rapport à la boite parent (ici .container) */
  right: 5px; /* démarre à 10 pixels de la droite de la boite parent */
  width: 2%; ; /* largeur de la boite */
  background-color: #222222;
  border:dashed 1px orange} /* encadrement discret de la boite */

#header {
    width: 100%;
    color: #FFFFFF;
    background-color: #222222; /* couleur de fond */
    text-align: center;
    padding: 4px 0; 
    border-top: 3px solid #FEDCBA; /* style de l'encadrement haut */
    border-bottom: 3px solid #FEDCBA; /* style de l'encadrement bas */
    
}
#footer {
    clear: both;
    width: 100%;
    color: #001100;
    background-color: #ffaa22; /* couleur de fond */
    text-align: right;
    padding: 3px 3px; 
    border-top: 3px solid #FEDCBA; /* style de l'encadrement haut */
    border-bottom: 3px solid #FEDCBA; /* style de l'encadrement bas */
}

h1 { /* style des en-tête et en-pied */
  font-size: 30px; /* taille de la police */
  margin: 0; /* pas de marge : colle aux bords de l'écran */
  text-align:center ; /* le texte est centré */
  color: #FFFFFF;
  padding: 20px 20px; 
  background-color: #101010;
  font-weight: bold;
} 

h2 {
  text-align: center;
  font-size: 30px;
  background-color: #101010;
  color: #FFFFFF;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  border:1px solid #EEEEEE;
  font-style: italic;
}
h3 {
  border-style: groove;
  border-width: 2px;
  font-weight: bold;
  font-style: oblique;
  font-size: 24pt;
  opacity: 1;
  text-align: center;
}
h4 {
  font-weight: bold;
  color: #FEFEFE;
  font-size: 16pt;
  text-align: center;
}
h5 {
  font-family: Verdana,arial,Times;
  font-size: 13px;
  text-align: left;
  text-decoration: underline;
  font-weight: bolder;
  color: white;
}
h6 {
  font-size: 13pt;
  margin-top: 20px;
  bottom: 0;
  color: #ff66FF;
}
a {
  color: #66FFFF;
}
table#images {
    background-color:#000000;
    border: solid #FFFFFF 1px;
    color: #FFFFFF;
    
}


#affich {
    background-color:#000000;
    color: #FFFFFF;
    margin-top:2px;
    margin-left:1%; 
}



table#images td {
    padding: 1px;
    border: solid #FFFFFF 1px;
    font-style: italic;
}

.data {
    color: #FFFFFF;
    text-align: center;
    background-color: #111111;

}

.menu{
    text-decoration: underline;
    font-size: 13px;
}

.matable{
    nosave:""; 
    border-width:1px;
    border-color:white;
    rules:all;
    border-style:solid; 
    border-collapse:collapse;
    width: 100%;
    color: #EFFFEF;
    padding: 1px;
} 

table.matable td {
    padding: 1px;
    border: solid #FFFFFF 1px;
    font-style: italic;
}

table.sansbord td {
    padding: 1px;
    border: 0;
}

.maliste{
    
}    

#table_select{
  width :80%; 
  border:0; 
  border-spacing: 5em 0em;
}

.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color:#ff7c11;
    border: 2px solid #999;
    background: #000;
    width:170px;
}