body {
     text-decoration: none; /* pour éviter le soulignement au survol */
     color:#000000;
     background-color:#95F5F5;
     /*background-image:url(http://isindil.free.fr/images/eau.gif);*/
     margin:0px;
     font-family: 'Trebuchet MS', verdana, arial, sans-serif; /* on définit la police de base dans la page */
     font-size: 0.9em; /* on définit la taille de police de base dans la page */
     behavior: url(csshover.htc);
}

.head {
     text-align:left;
     background-image: url('Images/menu/menuHaut.gif');
     background-repeat:no-repeat;
     width: 977px;
     height: 108px;
     margin:0px;
}

.logoGauche {
     float: left; /* alignement du logo à droite */
     margin-right: 10px;  /* placement du logo dans son conteneur, head1 */
     margin-top: 0px;
     border: 0;
}

.head .logoGauche {
     height: 90px;
     width: 90px;
     margin-left: 10px;
     margin-top: 10px;
}

.logoDroite {
     float: right; /* alignement du logo à droite */
     margin-right: 70px;  /* placement du logo dans son conteneur, head1 */
     margin-top: 0px;
     border: 0;
     height: 99px;
}


.MenuHaut {
     /*float: center;*/
/*     background-color: #ffffff;*/
     margin-top: 10px;
     text-align: center;
}

.MenuHaut a {
     font-size: 18px;
     font-weight: bold;
     color: #ffff00;
     text-decoration: none; /* pour éviter le soulignement au survol */
     margin-top: 5px;
     margin: 10px;
}

.MenuHaut a:hover {
     font-size: 18px;
     font-weight: bold;
     color: #ff0C6f;
     text-decoration: none; /* pour éviter le soulignement au survol */
}

.Gauche {
     position: absolute;
     left: 1px; /* on place le bloc gauche à gauche en position absolue */
     background-image: url('Images/menu/menuGauche.gif');
     background-repeat: no-repeat;
     width: 180px;
     height: 447px;
     z-index: 2;
}

.Lien{
     margin-top: 20px;
     margin-left: 5px;
     background-image: url('Images/menu/cadreMenuGauche.bmp');
     vertical-align: middle;
     text-align: center;
     height: 34px;
     width: 155px;
}

.Lien a {
     display: block;
     position: relative;
     top: 3%;
     margin-top: -0.4em;
     height: 9px;
     font-size: 12px;
     font-weight: bold;
     color: #0080FF;
     text-decoration: none; /* pour éviter le soulignement au survol */
}

.Lien a.vcenter{
     top: 30%;
}

.Lien a:hover {
     color: #000080;
}

.Centre {
     position: absolute;
     background-color: #95f5f5;
     margin-left: 180px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
     width: 800px;
     height: 500px;
     text-align: left;
     z-index:1;
}

div.menu
{
     z-index: 10;
}

.LienActif{
  background-color: #CC66FF;
  width: 150px;
  text-align: center;
}

.LienActif a:link{
  color: #74FFFA;
}
.LienActif a:visited{
  color: #FFF39C;
}

.LienInactif{
  background-color: #CC66FF;
  font: #996600;
  width: 150px;
  text-align: center;
}

div.menu a
{
  color:#007070;
}
div.menu ul
{
  padding: 0;
  margin:0px;
  background: #FF80C0;
  text-align: center;
  z-index:1;
}

div.menu li
{
     background: #FF80C0;
     z-index:1;
     width: 170px;
}

div.menu li:hover
{
     background: #EDD;
}
div.menu li.sousmenu:hover
{
     background: #EBB;
}
/* rajout couleure de fond */
div.menu li.sousmenu
{
     background: url('Images/menu/flecheDroite.gif') 98% 50% no-repeat;
     background-color:#FF80C0;
}
/* rajout pr pour flèche direction bas et couleur de fond*/
div.menu li.plop
{
     background:url('Images/menu/flecheDroite.gif') 98% 50% no-repeat;
     background-color:#FF80C0;
}

/* une petite bordure en top*/
div.menu ul li
{
     position:relative;
     list-style: none;
     float:left;
     margin-left: 2px;
     margin-top: 10px;
     border:1px solid;
}

div.menu ul ul
{
     position: absolute;
     display:none;
     width:150px;
     margin-left: 171px;
     margin-top: -27px;
}

div.menu ul ul li
{
     margin-top:0px;
     margin-left: 0px;
     color:#FF80C0;
     z-index: 2;
}

div.menu li a
{
     text-decoration: none;
     padding: 4px 0 4px;
     display:block;
     width:165px;
}

div.menu ul.niveau1 li.sousmenu:hover ul.niveau2{
      display: block;
      border:1px solid;
      width:172px;
      z-index: 2;
}

div.menu ul.niveau2 li.sousmenu:hover ul.niveau3
{
      display:block;
      border:1px solid #000000;
      width:172px;
}

div.menu ul.niveau2
{
      top:26px;
      left: -1px;
      z-index: 2;
}

div.menu ul.niveau3
{
      top:25px;
      left: 0px;
      border: 1px solid;
      z-index: 4;
}

/* rajout de couleures de fond et de survol */
div.menu ul.niveau3 li
{
     background: #FF80C0;
}

div.menu ul.niveau3 li:hover
{
     background: #EDD;
}

.Titre
{
     background-color: #ffff99;
     color: #D60093;
     font-size: 2em;
     text-align: center;
}

label.aligner {
	display: block;
	float: left;
	width: 150px;
}