body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10px;
  color:#000066;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
  color:#000066;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

a.imageNavAccueil { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 80px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(accueilOff.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imageNavAccueil:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(accueilOn.gif); /* source de l'image d'arrivée */
     } 
	
a.imageNavActu { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 100px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(actuOff.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imageNavActu:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(actuOn.gif); /* source de l'image d'arrivée */
     } 

a.imageNavNous { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 70px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(nousOff.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imageNavNous:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(nousOn.gif); /* source de l'image d'arrivée */
     } 
a.imageNavRecrut { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(recrutOff.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imageNavRecrut:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(recrutOn.gif); /* source de l'image d'arrivée */
	}
a.imageNavTarifs { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 60px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(tarifsOff.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imageNavTarifs:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(tarifsOn.gif); /* source de l'image d'arrivée */
	 }

a.imageNavVous { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 70px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(vousOff.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imageNavVous:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(vousOn.gif); /* source de l'image d'arrivée */
	 }
a span { /* d?nition de la balise <span> inclue dans <a> */
   display: none;
   }
a:hover span { /* d?nition de la balise <span> au survol */
   display: inline;
   position: absolute;
   top: 170px; /* positions et dimensions du calque, que vous pouvez changer ?oisir */
   left: 300px;
   width: 349px;
   height: 320px;
   background: none;
   text-align: center;
   color: #000066;
   }
#interventions-table {
	background-color: #fff;
	height: 340px;
	widtht: 500px;
	empty-cells: show;
	border: 1px solid #66CCFF;
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 9px;
	
  }
#interventions-table th {
  font-weight: bold;
  padding-left: .5em;
  background-color: #E6E6FF;
  }

#interventions-table tr {
	border: 1px solid #7a7;
	
  }

#interventions-table td {
  }

.frame {
width: 500;
height: 320;
overflow: auto; 
font-size: 10px;
}


#recap-table {
	background-color: #0099FF;
	border: solid #E6E6FF 1px;
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 9px;
	
  }
#recap-table th {
  font-weight: bold;
  background-color: #E6E6FF;
  }

#recap-table tr {
	background-color: #FFFFFF;
  }

#recap-table td {
	background-color: #FFFFFF;
  }