html {
	background: url(/images/papier1.gif) repeat;
	font-family:Comic Sans MS;
	text-align:center;
}

a.infod {
   position: relative;
   color: green;
   font-size: 16px;
   font-weight:none;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.infod span {
   display: none; /* on masque l'infobulle */
   color:black;
   font-size: 12px,
}
a.infod:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   color:green;
   font-size: 16px;
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infod:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   font-size: 200;

   white-space: pre; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   text-align: justify;
   
   top: 40px; /* on positionne notre infobulle */
   right: -150px;
   font-size: 12px;
   font-weight:bold;

   background: rgb(255, 204, 0);

   color:black;
   padding: 2px;

   border: 1px solid rgb(255, 153, 0);
   border-left: 4px solid rgb(255, 153, 0);
}

a.infog {
   position: relative;
   color: green;
   font-size: 16px;
   font-weight:none;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.infog span {
   display: none; /* on masque l'infobulle */
}
a.infog:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infog:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   font-size: 200;

   white-space: pre; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   text-align: justify;
   
   top: -100px; /* on positionne notre infobulle */
   left: 0px;
   font-size: 12px;
   font-weight:bold;

   
   background: rgb(255, 204, 0);
   color:black;
   padding: 2px;

   border: 1px solid rgb(255, 153, 0);
   border-left: 4px solid rgb(255, 153, 0);
}

a.menu:link { font-size:12px ; font-weight:bold ; color: black ;text-decoration:none;}
a.menu:visited {font-size:12px ; font-weight:bold ; color: #BB381A ;text-decoration:none; }
a.menu:hover { font-size:14px ; font-weight:bold ; color: #006600; text-decoration: none ; }
.menu1 { font-size:12px ; font-weight:bold ; color: black ;text-decoration:none;}
a.menu1 { font-size:12px ; font-weight:bold ; color: black ;text-decoration:none;}



a.mail:link { font-size:14px ; font-weight:normal ; color: blue ;text-decoration:none;}
a.mail:visited {font-size:14px ; font-weight:normal ; color: blue ;text-decoration:none; }
a.mail:hover { font-size:14px ; font-weight:bold ; color: green; text-decoration: none ; }


.lien {
		text-decoration:none;
		color: red;
		font-weight: normal;
		
}

.banniere {
	width:100%;
}

.titre {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#9933CC;
}

.slogan {
	text-align:center;
	color:#9933CC;
	font-weight:bold;
	font-size:24px;
}



.page {
	width:1000px;
	align:center;
	margin-top:20px;
}

.gauche {
	width:200px;
	height:100%;
	margin-right:20px;
}

.droite {
	width:200px;
	height:100%;
	margin-left:20px;
}

.contenu {
	text-align: justify;
	background-color: #d0d0d0;
	border: medium groove #333333;
	margin:40px;
	padding:20px;
#	margin-left:170px;
#	margin-right:220px;
}

.contenu p, .contenu li {
	text-indent: 25px;
	margin-top: 3px;
	margin-bottom: 0px;
	font-size:14px;

}
  
.buttonImg {
      width: 70px;
      height: 30px;
      border: none;
      cursor: pointer;
	  background-color: #d0d0d0;
      }
.buttonImg:hover {
      background: url("btnImgHover.gif") no-repeat left bottom;
      }