body {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/fond11.gif);
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.fdgris {
	
	padding: 4px;
	background-image: url(images/fond08.gif);
}
.fdcolor1 {
	background-color: #FFA500;
	padding: 4px;
}

.Style1 {  
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
}
a.Style1 {
	text-decoration: underline;
}
a.Style1:hover {
	text-decoration: none;
}


.Style2 {
	font-size: xx-small;
	color: Black;
}
a.Style2 {
	text-decoration: underline;
}
a.Style2:hover {
	text-decoration: none;
}
.Style3 {  
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
}
a.Style3 {
	text-decoration: none;
}
a.Style3:hover {
	text-decoration: underline;
}
.Style4 {  
	font-size: 10pt;
	font-weight: bold;
	color: #8E0000;
}
a.Style4 {
	text-decoration: none;
}
a.Style4:hover {
	text-decoration: underline;
}


.txtrouge {
	font-size: xx-small;
	color: #FF0000;
	font-weight: bold;
}

td.tdover {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
td.tdover:hover {
	border: 1px solid #666666;
}


.imageborder {
	border: 1px solid #666666;
}
.tableau{
}
ul {
list-style-type: none; /* on supprime les puces, inutiles */
width: 100%; /* précision pour Opera */
margin: 0;
padding: 0;
}
li { 
float: left;
padding: 0;
display: inline;
}

.menu a {
     display: inline;
     margin-bottom: 2px;
	  margin-top: 2px;
	  padding-bottom: 1px;
	  padding-top: 1px;
     width: 110px; /* on définit la taille du bouton de menu */
     height: 20px;
     float: left;
     display: block;
     text-align: center;
     text-decoration: none;
     font-size: 10pt;
	  font-weight: bold;
	  color: #FFFFFF;
     background: #B0C4DE;
     }
	 
.menu a:hover {
     background: #DCDCDC;
	  color: #708090;
     border: none;
	  margin-bottom: 2px;
	  margin-top: 2px;
	  padding-bottom: 1px;
	  padding-top: 1px;
     }
.tableau{
	border: 1px solid;
	border-color:White ;
	background-color: #FFD700;
	}
	
.tableau2{
	border: 1px solid;
	border-color:White ;
	background-color: #FFD700;
		}
		
a.menuindex { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 75px;  /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/index01.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menuindex:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/index02.gif); /* source de l'image d'arrivée */
     } 		
	  
a.menulesite { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 75px;  /* largeur de l'image réactive */
     height: 33px; /* hauteur de l'image réactive */
     background-image: url(images/lesite01.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menulesite:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/lesite02.gif); /* source de l'image d'arrivée */
     } 		  
	  
a.menublagues { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 75px;  /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/blagues01.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menublagues:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/blagues02.gif); /* source de l'image d'arrivée */
     } 			  
	  
a.menulogos { /* 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: 59px; /* hauteur de l'image réactive */
     background-image: url(images/logos01.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menulogos:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/logos02.gif); /* source de l'image d'arrivée */
     } 			  
	  
a.menuretour { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 75px;  /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/retour01.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menuretour:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/retour02.gif); /* source de l'image d'arrivée */
     } 
a.menunews { /* 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: 59px; /* hauteur de l'image réactive */
     background-image: url(images/newsletter01.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menunews:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/newsletter02.gif); /* source de l'image d'arrivée */
     } 		  
	  		  
a.menunew { /* 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: 80px; /* hauteur de l'image réactive */
     background-image: url(images/b_new.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.menunew:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/b_new2.gif); /* source de l'image d'arrivée */
     }