body { margin: 0.3cm; background: #FFF8DC; }
/*  définition des polices pour les titres, blocs, et les class styles */ 
h1 { color: #800000; font-size: 1.7em; text-align: center; 
	 margin-top: 5px;  margin-bottom: 10px; font-weight: 400;
	 	 font-family: "Trebuchet MS", Georgia, Verdana, serif; }


h2 { text-align: left; font-size: 0.9em; font-weight: bolder; color:  #A52A2A;  margin-left: 20px;
		 font-family: "Trebuchet MS", Georgia, Verdana, serif;
	 	 }

h3 { color: #8B4513; font-size: 0.9em; text-align: left; margin-left: 30px;
	 font-family: "Trebuchet MS", Georgia, Verdana, serif; }


p {  margin-left: 20px;
		 font-size: 1em; text-align: justify;
     font-family: Verdana, Georgia, Arial, "Courier New", serif; 
  }



.commentaire
	{
	align: left;
	font-size: 1.1em;
	background-color: white;
	padding: 10px;
	border: 2px outset maroon;
	}

.titre
	{
	border-top:1pt solid #FFDEAD;
	border-right:1pt solid #FFDEAD;
	border-bottom:1.5pt solid maroon;
	border-left:1pt solid #FFDEAD;}
  

hr { color: #800000; align: center; width: 80%;}
  
 /* définit le style des polices de mises en formes particulière gras, petit, couleur, couleurs de fond */
 
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}

.petit { font-size: 0.8em;}
.trespetit{ font-size: 0.6em;}
.moyen { font-size: 1em;}
.grand { font-size: 1.4em;}

.griset { font-family: Arial, serif;
		 font-size: 1em;
		 font-weight: 500;
		 color: rgb(63, 63,63);
		 background-color: rgb(243, 243,243);
		 margin-left: 10px
 }
 
.griset1 {  color: rgb(69, 69,69);
            font-size: 1.1em; }
.griset2 {  color: rgb(69, 69,69);
            font-size: 0.6em; }
            
.griset3 {  color: rgb(69, 69,69);
		        background-color: rgb(243, 243,243);
		        font-weight: 700;
            font-size: 0.7em; }

.rouge {color: red;}
.blanc {color: white;}
.bleu {color: darkblue;}

.jaune { color:  yellow;
			   font-weight: 600;
				  font-size: 0.8em;}
				  
.jaune1 { color:  yellow;
			   font-weight: 500;
				  font-size: 1em;}
				  
.jaune2 { color:  yellow;
			   font-weight: 600;
				  font-size: 1.1em;}

.belge {color: darkblue;
			 font-weight: 600;
			 background-color: white;
			}


.club {color: maroon;
			  font-weight: 600;
			 background-color: white;
			}
.club1 {color: darkblue;
			  font-weight: 600;
			 background-color: white;
			}

.club2 {color: maroon;
			  font-weight: 600;
			 background-color: white;
				  font-size: 0.7em;
			}
.club3 {color: maroon;
			  font-weight: 600;}

 .DIV1 { font-family: verdana, Arial, sans-serif;
		 font-size: 0.7em;
		 color:  #A52A2A;
		 font-weight: 600;
		 background-color: #FFEBCD;

 }

 .DIV3 { font-family: verdana, Arial, sans-serif;
		 font-size: 0.7em;
		 color: white;
		 font-weight: 600;
		 background-color: #735d4c;

 }


 .DIV4 { font-family: verdana, Arial, sans-serif;
		 font-size: 0.7em;
		 color: #ecca3c;
		 font-weight: 600;
		 background-color: #735d4c;

 }

  .france { font-family: verdana, Arial, sans-serif;
		 font-size: 0.7em;
		 color: darkblue;
		 font-weight: 600;
		 background-color: white;

 }


.anniversaire { background-color: #800000; color: white; font-weight: bolder;
			text-align: center;
			padding: 2px; }



.maroon { background-color: maroon;}

.belgiqueN { border-bottom: 2px solid black;	}
.belgiqueJ { border-bottom: 2px solid yellow;	}
.belgiqueR { border-bottom: 2px solid red;	}


/* définit ce qui concerne toutes annonces concernant les jeunes */

.jeunes { background-color: #FFEFD5;
				border: 1px dotted #FA8072;  }

.jeunes1 { background-color: #FFEFD5;
				border: 1px dotted #FA8072;
		    font-size: 0.9em; }
				
.commentaire1
	{
	align: left;
	font-size: 0.8em;
	background-color: white;
	padding: 10px;
	border: 1px dotted maroon;
	}
	
.inscription {
	float: left;
	width: 230px;
 }
	
	
				
.challenge {
			  text-align: right;
			  font-weight: 600;
				color: #FA8072;
				margin-right: 5px;  }




.bulle {
	position:relative;
	z-index:50;
	text-decoration:none;
	font-weight:bold;
	width: 600;
	color: #894105;
	cursor:default;	}

.bulle span {display: none;}

.bulle:hover {background:none; /*correction bug IE*/ }

.bulle:hover span { /*au survol de l’élément, la bulle apparaîtra*/
	display:block;
	position:absolute;
	top:1em; left:1em;
	width:20em;
	color: #993300;
	text-align: left;
	background-color: white;
	padding: 10px 10px; }





				
.classique { color: white; background-color: #406566 ; }				


.espacement { letter-spacing: 30%;}

.espace { margin-left: 10px;}

.espace1 { margin-left: 50px;}

.espace2 { margin-left: 100px;}

.espace3 { margin-left: 200px;}

.espace4 { margin-left: 20px;}

.espace5 { margin-right: 20px;}


.suspension {letter-spacing: 60%;
							font-size: 0.6em;	}

.marginbas { padding-bottom: 15px;}
.marginhaut { padding-top: 15px;}
/* definit background, insertions de photos, va falloir chercher ! */

.mois { background-color: white; 
			font-size: 0.8em;}
.fond { background-color: white;}

.fond1 { background-color: white;
         font-size: 0.9em;}

.fond2 { background-image: url("photos/AGclub09.jpg");
			 background-repeat: no-repeat; }

.sonnet1 { background-color: #FFEFD5;
				border: 1px dotted #8B4513;  }

.InterClubs { background-color: #FFEFD5;
				border: 1px dotted darkblue;  }





/* mise en page tournoi  */

.nom  { background-color: #f5deb3; }

.premier
	{
	border-top:1pt solid #FFDEAD;
	border-right:1pt solid #FFDEAD;
	border-bottom:3.5pt solid goldenrod;
	border-left:1pt solid #FFDEAD;}

.deuxieme
	{
	border-top:1pt solid #FFDEAD;
	border-right:1pt solid #FFDEAD;
	border-bottom:2.5pt solid goldenrod;
	border-left:1pt solid #FFDEAD;}


.troisieme
	{
	border-top:1pt solid #FFDEAD;
	border-right:1pt solid #FFDEAD;
	border-bottom:1.5pt solid goldenrod;
	border-left:1pt solid #FFDEAD;}


.premierA
	{
	border-top:0pt;
	border-right:0pt;
	border-bottom:3pt solid goldenrod;
	border-left:0p;}

.deuxiemeA
	{
	border-top:0pt;
	border-right:0pt;
	border-bottom:2pt solid goldenrod;
	border-left:0pt;}


.troisiemeA
	{
	border-top:0pt0;
	border-right:0pt0;
	border-bottom:1pt solid goldenrod;
	border-left:0pt0;}



.serie
	{
	border-top:1pt solid #FFDEAD;
	border-right:1pt solid #FFDEAD;
	border-bottom:1.5pt solid #800000;
	border-left:1pt solid #FFDEAD;
	background-color: #FFFAF0;
	}		

.serie1
	{
	border-top:0pt;
	border-right:0pt;
	border-bottom:1.5pt solid #800000;
	border-left:0pt;

	}


 .points { 
		text-align: right;
		 font-weight: 600;
		 background-color: white;
 }



 .rang { 
		 text-align: right;
		 font-weight: 500;
		 background-color: #FFEFD5;
		 }


.pourcent { 
          font-size: 0.8em;
					text-align: center;
					background-color: #D3D3D3;
					color: #2F4F4F;}

.nuit { background-color: darkblue; color: white; font-weight: bolder;
			text-align: center;
			padding: 2px; }


/* mise en page noel  */

.noel { background-color: blue; color: white; font-weight: bolder;
			text-align: center;
			padding: 2px; }


.noel1 { background-color: #48653c; color: white; font-weight: bolder;
			text-align: center;
			padding: 2px; }

.noelbordure
	{
	border-top: 0pt;
	border-right: 0pt;
	border-bottom: 1.5pt dashed White;
	border-left: 0pt;
  border-style: double;
	}
.noelbordure2
	{
	border-top: 0pt;
	border-right: 0pt;
	border-bottom: 2.5pt dashed yellow;
	border-left: 0pt;
  border-style: double;
	}



/* definit propriétés des tablex et bordures  */



.bordure1 { border: 2px dashed; border-color: gray;
		        font-size: 1em; }


.bordure2 { border: 1px dashed; border-color: white; }



table
	{ margin: auto; 
		font-size: 0.8em; text-align: left;
    font-family: Verdana, Georgia, Arial, "Courier New", serif; 
   }



.bordure
	{padding-right:2px;
  font-size: 0.7em; 
  font-family: Verdana, Georgia, Arial, "Courier New", serif; 
	border:1px dashed #FFDEAD;
 }
 
.gif	{margin:10px;
			 padding: 5px;
  	border:1px solid #800000;
 }
 
.gif1	{margin:10px;
			 padding: 5px;
  	border:1px solid white;
 }
.bordure3 { border: 3px dashed; border-color: white; margin: 5px; padding: 5px; }

.cellule1 { padding-left:4px;
				 	 background-color: #FFDEAD;
				   border: 1px solid #FFDEAD; }

.cellule2 { padding-left:4px;
				 	 background-color: #FDF5E6;
				   border: 1px solid #FFDEAD; }



/* definit les liens */



 


.texte:hover { 
	color: #A52A2A;
	background-color: #FFDEAD;
	
 }


 
  a:hover { 
	color:   rgb(113, 0, 0);
	background-color: #FFDEAD;
	
 }
 
 
  a:active, a: focus { 
	color:  rgb(113, 0, 0);
	text-decoration: none; 
	background-color: #FFDEAD;
	
 }
 
 a { 
	text-decoration: underline; 
	color:  rgb(113, 0, 0);
	
 } 
  a:visited { 
	text-decoration: uderline;
	color:  rgb(113, 0, 0);
	
 }