/* liste numérotée */
.ulnum { list-style-type:decimal;  margin-left:30px;}
/* liste avec cercle et marge gauche 30px */
.varul {list-style-type:disc; margin-left:30px; list-style-position:outside; text-align:justify; }
/* liste avec cercle et sans marge gauche 10px*/
.varulnomarg {list-style-type:disc; margin-left:10px; text-align:justify;}

a { color: #006666;}
a:hover { color: #009999; }

.misenvaleur { font-size: 10pt; text-align:center; font-weight:bold; color:#006666 ; margin: 10px; border:1px solid #CC6633;  background-color:#FFCC99;}
a.neutre { color:#006666; text-decoration:none;}
a.neutre:hover {color:#009999; }

.misenleurva { font-size: 11pt; text-align:center; font-weight:bold; color:#006666 ; margin: 10px; border:1px solid #ff0033;  background-color:#ff0033;}
a.treneu { color:#006666; text-decoration:none;}
a.treneu:hover {color:#009999; }

.retouracc { font-size: 11pt; text-align:center; font-weight:bold; color:#006666 ;margin: 20px; border:2px solid #006666 ;}
a.retourac { color:#006666; text-decoration:none}
a.retourac:hover {  color:#009999; background-color:#ffffff;}

.retouracc2 { font-size: 11pt; text-align:center; font-weight:bold; color:#336666 ;margin: 20px; border:1px solid #CC6666 ;}
a.retourac2 { color:#CC6666; text-decoration:none}
a.retourac2:hover {  color:#CC0066; background-color:#ffffff;}

/* en bleu fonce */
.retourblfon 
						 { 
						 width:200px;
						 height:40px;
						 margin: 10px; 
						 text-align:center;
						 border:1px solid #0066cc; 
						 background-color:#0066cc;
						 }
a.retourblfo 
						 {
						 font-size: 11pt; 
						 text-align:center;
						 font-weight:bold; 
						 color:#ffffff; 
						 text-decoration:none;
						 }
a.retourblfo:hover 
									 {
									 color:#3399ff; 
									 }

.retourne { font-size: 11pt; text-align:center; font-weight:bold; margin: 10px; border:1px solid #ccff00;  background-color:#ffffff;}
a.retour { color:#ff0033; text-decoration:none;}
a.retour:hover {color:#ccff00; }

.petit { font-size: 8pt;}
.petitorange { font-size: 8pt;  color: #FF6600; }
.petitmarron { font-size: 8pt;  color: #993300; margin-top: 0px; margin-bottom: 0px;}
.centre { text-align:center; }
.droite { text-align:right; }
.moyenorange {  font-size: 10pt; color: #ff6600; }
.normalorange {  font-size: 12pt; font-weight:bold; color: #ff6600; }
.normalorangecentre {  font-size: 12pt; font-weight:bold; color: #ff6600;text-align:center;}
.normalorangemarron {  font-size: 12pt; font-weight:bold; color: #993300;text-align:center;}
.normalnormal { font-weight:normal; text-align:left;}
.titregauche { font-weight:bold; color: #000000; text-align:center;  font-style:italic; margin-bottom:20px;}
.moyenvert {  font-size: 10pt; color: #99CC00; font-weight:bold;}
.normalvertcentre {  font-size: 12pt; font-weight:bold; color: #99CC00;text-align:center;}

.chapo  { font-size: 10pt; font-style: italic; color: #666666; text-align:justify;  text-indent:20px;}
.legende {font-size: 8pt; color: #666666; text-align: center ; margin: 5px;}
.legendedrt {font-size: 8pt; color: #666666; text-align: right ; margin: 5px;}
.legendegrc {font-size: 8pt; color: #666666; text-align: left ; margin: 5px;}
.legendej {font-size: 8pt; color: #666666; text-align: center ; margin: 5px;}

.retrait { margin-left:20px;  margin-right:20px; }
.retrait_gauche { margin-left:20px; }
br.retrait { margin-left:20px;  margin-right:20px; }



#globallarge {width: 780px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.titre { width: 550px; height:70px; }
.corps { top:70px; margin-left:20px;}

/* TITRES AU CHOIX */

h1 { font-size: 16pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-style:italic; text-align:center;}
h2 { font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; text-align:center;}
h1.jap { font-size: 20pt; font-family: Geogia, Arial, Helvetica, sans-serif; font-weight: bold; color: #006666;  text-align:center;}
h2.jap { font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #99CC00;  text-align:center;}
h3.jap { font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #006600; text-align:center;}
h1.auf { font-size: 18pt; font-family: Geogia, Arial, Helvetica, sans-serif; font-weight: bold; color: #99CC00;  text-align:center;}
h2.auf { font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #99CC00;  text-align:center;}
h3.auf { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #99CC00; text-align:center;}


h3 { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h4.jap 
					{
					font-size: 10pt;
					font-family: Arial, Helvetica, sans-serif; 
					font-weight: bold; 
					color: #CC0066; 
					text-align:left; 
					 text-transform:uppercase;
					 margin:5pt 0 5pt 0;
					}


/* les deux grandes zones dans la fenêtre, avec un seul cadre */
#zonegauche  {position: absolute; width: 225px; margin: 10px 10px 0 125px; }
#zonedroite  {position: absolute; width: 480px; margin-left: 365px; margin-top: 10px; }
#sanszonegauche {position: absolute; width: 560px; margin-left:125px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}

/* vignette placee a gauche */
.gauche { position:relative;padding-left:10px;padding-right:10px;float:left;clear:left; }

/* vignette placee a droite */
.droite { position:relative;padding-left:10px;padding-right:10px;float:right;clear:right; }




/* pour une bordure */
.kadre  
					{
					 margin:10px;
					 padding:5px;
					border:1px solid #000000;
					}					 

					
					
/* vignette placée à droite */
.grcjap 
		 { 
		 position:relative;
		 padding-left:10px;
		 padding-right:10px;
		 float:left;
		 clear:left;
				} 

.drtjap 
		 { 
		 position:relative;
		 padding-left:10px;
		 padding-right:10px;
		 float:right;
		 clear:right; 
		} 
	
	.drtcentre
		 { 
		 position:relative;
		 padding-left:10px;
		 padding-right:10px;
		 float:center;
		 clear:center; 
		} 
		
		
		/* image HORIZONTALE placée à droite s'agrandissant vers le bas sans décalage*/
a.imdhsdjap {
				 text-decoration: none; /* définition du lien qui affichera le "calque" */
}
a.imdhsdjap:hover {
							 background: none; /* correction d'un bug IE */
}
a.imdhsdjap span { /* définition de la balise <span> inclue dans <a> */
				 display: none;
}
a.imdhsdjap:hover span { /* définition de la balise <span> au survol */
							 display: inline;
							 position: absolute;
							 top: 0px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
							 left: 0px;
							 width: 200px;
							 height: 300px;
							 background-color: #ffffff;
							 text-align: center;
							 color: white;
							 z-index: 10;