@charset "iso-8859-1";
/* CSS issu des tutoriels www.alsacreations.com/articles */
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 150;
left: 0;
z-index:100;
width: 140px; /* correction pour Opera */
font : 90%, sans-serif;

}
#menu dl {
float: left;
/*width: 12em;*/
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #B7D3F0;/*#ccc;*/
/*border: 1px solid gray;*/
margin: 1px;
}
#menu dd {
display: none;
/*border: 1px solid gray;*/
}
#menu li {
text-align: right;
background: #E7FFFF;/*#fff;*/
font-weight: normal;

}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;

}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
/*background: #eee;*/
background: #C6FEFD;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}
.head1
{
/*width: 770px;*/
/*background-image: url('design/head1.gif');*/
height: 100px;
background-color: #B7D3F0;/*FFC809;*/
}
.head2
{
/*width: 770px;*/
height: 20px;
background-color: #FDE835;
}
.logo
{
float: right; /* alignement du logo à droite */
margin-right: 10px;  /* placement du logo dans son conteneur, head1 */
margin-top: 3px;
border: 0;
}
.gauche
{
position: absolute;
left:0;
width: 181px;
height: 337px;
background-color: #B7D3F0;
}
.centre
{
margin-left: 181px;
width: 586px;
height: 337px;
padding-top: 10px;
}
.frame {
width: auto;
margin-left: 181px;
/*height: 338px;*/
overflow: auto;
font-size: 14px;
}
h1 {
font-size: 110%;
text-align: left;
}


h2	{
font-size: 100%;
text-align: left;
}
.menuhaut {
float: right; /* on aligne le menu vertical à droite de son conteneur, head3 */
margin-right: 10px;
margin-top: 0px;
}

.menuhaut a {
font-size: 16px;
font-weight: bold;
color: #4936FE;
text-decoration: none; /* pour éviter le soulignement au survol */
margin-left: 5px; /* espacement entre chaque sous-menu */
}
.menuhaut a:hover {
/*background: #eee;*/
background: #C6FEFD;
}



/* définitions tableaux */
/* Style des lignes de séparation */
.table-separateur {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #d6d3ce;
}

/* Style du titre du tableau */
.table-titre {
   font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
  color : #eeeeee;
  text-align : center;
  font-weight : bold;
  background-color : #666666;
}

/* Style des en-têtes du tableau */
.table-entete {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  font-weight : bold;
  color : #333333;
  background-color : #a7ada7;
}
/* Style des en-têtes du tableau */
.table-entete-centre {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  font-weight : bold;
  text-align : center;
  color : #333333;
  background-color : #a7ada7;
}
/* Style des en-têtes du tableau */
.table-entete-ligne {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #a7ada7;
}
/* Style des en-têtes du tableau (centré) */
.table-entete-centre {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
   color : #333333;
   text-align : center;
  background-color : #a7ada7;
}

/* Style des en-têtes du tableau (droite) */
.table-entete-droit {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
   color : #333333;
  text-align : right;
  background-color : #a7ada7;
}

/* Style 1 des cellules */
.table-ligne1 {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #c6c3bd;
}

/* Style 2 des cellules */
.table-ligne2 {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #cccccc;
}

/* Style 1 des cellules (centré) */
.table-ligne1-centre {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : center;
  background-color : #c6c3bd;
}

/* Style 2 des cellules (centré) */
.table-ligne2-centre {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : center;
  background-color : #cccccc;
}