body { margin: 1cm; background-color: #FFF8DC; }


/*  affiche la page centrée pour une largeur maximum de 1024 */

.page {
	position: relative;
	background-color: #FFF8DC;
	max-width: 1024px;
	min-width: 800px;
	margin: 0 auto;
	padding: 0 10px 50px 10px;
}

/* couleurs de fond */
.fond-blanc   { background-color: white;} /* blanc */
.fond-clair  { background-color: #FFF8DC;} /* beige clair */
.fond-moyen {background-color: #FFEFD5;} /* beige moyen */
.fond-fonce {background-color: #f5deb3; } /* brun */
.fond-vert { background-color: #82A453;} /* vert Soignies */

/*  définition des polices pour les titres */
h1 { color: #800000; font-size: 1.8em; text-align: center;
	 margin-top: 5px;  margin-bottom: 10px; font-weight: 600;
	 	 font-family: Verdana, "Trebuchet MS", Georgia, serif; }

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

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


hr {
  height: 2px;
  align: center;
  width:66%;
  background-color: #800000;
  border: 0;
}

.separation{
  height: 4px;
  align: center;
  width:44%;
  background-color: darkblue;
  border: 0;
}

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

.commentaire1 { align: left;
               font-size: 0.9em;
               background-color: white;
               margin-top: 10px;
               margin-bottom: 10px;
               padding: 10px;
               border: 5px double maroon;
	}

.ombre {box-shadow: 6px 6px 6px maroon; padding: 10px;
            margin-top: 10px; margin-bottom: 10px; }
            
.ombre1 {box-shadow: 6px 20px 15px maroon; padding: 10px;
            margin-top: 10px; margin-bottom: 10px; }            
            

.ombre2 {box-shadow: 12px 25px 12px darkgray; padding: 10px;
            margin-top: 10px; margin-bottom: 10px; }



.arrondi { border-radius: 20px / 10px;
            margin-top: 10px; margin-bottom: 10px; }

.arrondi2 { border-radius: 25px / 25px;
            margin-top: 10px; margin-bottom: 10px; }
            
            
.arrondi3 { border-radius: 20px / 20px;
            margin-top: 2px; margin-bottom: 2px; }            


table.bordure {
	border-collapse: collapse;
}
table.bordure tr td {padding-right:2px;
          border: 1px solid;
          border-color: #FFDEAD;
		  border-collapse: collapse;
         }
		 
table.bordure tr th {padding-right:2px;
          border: 1px solid;
          border-color: #FFDEAD;
		  border-collapse: collapse;
         }

.bordurebleu {padding-right:2px;
          border: 1px solid;
          border-color: #0000ff;
         }


.bordure00
	{padding: 2px;
    font-family: Verdana, Georgia, Arial, "Courier New", serif;
	border: 3px double black;
    background-color: rgb(243, 243,243);
 }



.bordure1 {padding-right:2px;
          border: 1px solid;
          border-color: #FFDEAD;
         }

.bordure2 {padding-right:2px;
          border: thin solid;
          border-color: maroon;
         }


.bordure3 { border: 3px dashed; border-color: maroon; margin: 5px; padding: 10px; }

.bordureclassique { border: 2px dashed;
                    border-color: white; margin: 5px; padding: 10px;
                    border-radius: 25px / 25px; }

.bordureclub { border: 2px dashed;
                    border-color: maroon; margin: 5px; padding: 10px;
                    border-radius: 25px / 25px; }



 .bordureclub1 { border: 2px solid;
                    border-color: maroon; margin: 5px; padding: 10px;
                    border-radius: 30px / 30px; }


 /* balises générales rencontrées dans toutes les pages : club, IC, compétitions et anonnces.... */

.center table { margin:0 auto }
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}

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

.gras { font-weight: 600; }

.italique { font-style: italic; font-size: 0.8em;}

.white  {color: white;}
.jaune {color: yellow;}
.rouge {color: red;}
.vert {color: green;}
.bleu {color: darkblue;}
.maroon{color: maroon;}
.noir {color: black;}




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

.club1 {color: maroon;
			 font-weight: 600;
			 font-size: 0.6em;
			 text-align: center;
			 background-color: white;
			}



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

.sonnet2 { background-color: #FFEFD5;}



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

.cellule1 { padding-left:4px;
            font-size: 0.8em;
			background-color: #FFDEAD;
			border: 1px solid maroon; }

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


.griset {
	font-family: verdana, "Courier New", "Times New Roman", Arial, serif;
	background-color: rgb(197, 197, 197);
	font-size: 0.9em;


 }

.griset1 {
	font-family: verdana, "Courier New", "Times New Roman", Arial, serif;
	background-color: rgb(197, 197, 197);
	font-size: 0.6em;
 }

.griset2 {
	font-family: verdana, "Courier New", "Times New Roman", Arial, serif;
	background-color: rgb(197, 197, 197);
	font-size: 1.1em;
 }
.forfait {
	font-family: verdana, "Courier New", "Times New Roman", Arial, serif;
	background-color: rgb(197, 197, 197);
	font-size: 0.7em;
	font-style: italic;
 }

 .DIV1 { font-family: verdana, Arial, sans-serif;
		 color:  blue;
		 font-weight: 500;
		 background-color: #FFEBCD;

 }


 .DIV2 { font-family: verdana, Arial, sans-serif;
		 color: #f58600;
		 font-weight: 500;
		 background-color: #FFEBCD;

 }

 .DIV3 { font-family: verdana, Arial, sans-serif;
		 color: darkturquoise;
		 font-weight: 500;
		 background-color: #FFEBCD;
 }


 /* permet de modifier le fond background des balises*/

.fond { background-color: white; }

.livrefond { background-color: #F5DEB3;}
.maroonfond { background-color: maroon;}
.noirfond { background-color: black;}



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

.jeunes {
	background-color: #FFEFD5;
    font-weight: 600;
	border-left: 5px solid red;
}

.jeunes1 { background-color: #FFEFD5;
		  font-weight: 600;
		  border: 1px dotted #FA8072; }



.jeunes2 { background-color: #FFEFD5;
    	   color: #FA8072;  }


.jeunes3 {
    font-weight: 600;
	border-left: 5px solid red;
    border-bottom: 2px solid red;
}

.challenge { font-weight: 600;
			 color: #FA8072;
			 margin-right: 5px;
             }
.challengeJ { font-weight: 500;
			 color: white;
             background-color: darkblue;}

.challengeC { font-weight: 500;
			 color: white;
             background-color: #035fff;}

.challengeB { font-weight: 500;
			 color: white;
             background-color: #0077a4;}

.challengeP { font-weight: 500;
			 color: white;
             background-color: #2600d0;}




/* pour le classique... 1 seule balise, */

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



.nom  { background-color: #f5deb3;
        font-size: 0.8em;}

.nom1  { background-color: #f5deb3;
        font-size: 1.1em;}

.entete   { background-color: #f5deb3;
            font-size: 0.8em;}

.entete1  { background-color: #f5deb3;
            font-size: 1.1em;}


/* les points... normaux, IC ==> permettent de différencier les tableaux IC  cumul sert pour le cumul des compétitions en plusieurs manches */


.cumul {
		font-size: 0.8em;
		text-align: right;
		font-weight: 600;
		 background-color: #FFEFD5;
 }


.points0 {
        color: maroon;
        font-size: 1em;
        text-align: right;
		font-weight: 500;
	    background-color: #FFEFD5;
 }



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

.points0C {
        color: maroon;
        font-size: 0.9em;
		text-align: center;
		font-weight: 600;
	    background-color: #FFEFD5;
 }

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


.solo {
	text-align: center;
	font-weight: bold;
	color: rgb(113, 0, 0);
	background-color: #FFFFF0;

 }


.duo {
  text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	background-color: white;

 }

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



.difference { background-color: #FFEFD5;
        text-align: center;
        font-size: 1em;
				font-weight: 600;}

.match {
     font-size: 0.8em;
		 text-align: center;
		 font-weight: 600;
		 background-color: #FFEFD5;
		 }


.gagne { font-family: Verdanan, Arial, "Courier New", "Times New Roman", serif;
	font-size: 0.9em;
	color: maroon;
	font-weight: 500;
	background-color: white;
		}

.handicap {color: maroon;
			 font-weight: 400;
			 font-size: 0.7em;
			 background-color: rgb(197, 197, 197);
			}




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

 }

.topping { font-family: verdana, "Courier New", "Times New Roman", Arial, serif;
	color:  rgb(255, 255, 0);
	text-align: center;
	font-weight: bold;
	background-color: rgb(0, 0, 147);
	font-size: 0.8em;

 }


.soustop1 {
	font-family: verdana, "Courier New", "Times New Roman", Arial, serif;
	background-color: rgb(197, 197, 197);
	font-size: 0.7em;


 }


.arbitrage { font-family: Verdana, Arial, Serif;
	 font-size: 0.9em;
	 font-weight: 500;
	background-color: rgb(222, 184, 135);  }



.bye { font-family: Verdana, Arial, Serif;
	 font-size: 0.9em;
	font-weight: 500;
	background-color: rgb(255, 215, 174);  }


 .zero {
	text-align: center;
	color: red;
	background-color: #FFFFF0;

 }






.palmares { background-color: #FFEFD5;
        font-size: 1em;
				font-weight: 600;}

.classement { font-family: verdana, "Courier New", "Times New Roman", Arial, serif;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	background-color: ivory;

 }



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

.licence1 { color: red;
			text-align: center;
			font-size: 0.8em;
			background-color: #D3D3D3;
		 }






.categorie
	{  color: maroon;
		 text-align: center;
		 font-weight: 600;
		 background-color: #FFFAF0; }


.categories { color: #2F4F4F;
						  text-align: center;
						  font-size: 0.5 bold;
						  background-color: #D3D3D3;
						}

.categorieV { color: #A52A2A;
						  text-align: center;
						  font-size: 0.5 bold;
						  background-color: #D3D3D3;
						}

.categorieD { color: blue;
						  text-align: center;
						  font-size: 0.5 bold;
						  background-color: #D3D3D3;
						}

.fede {
	font-weight: bold;
	background-color: white;

 }


/* mise en page noel  */

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


.bordurenoel { border: 1px solid; border-color: white; margin: 5px; padding: 5px; }
.bordurenoel1 { border: 1px dashed; border-color: white; margin: 5px; padding: 3px; }
.bordurenoel2 { border: 5px double; border-color: white; margin: 5px; padding: 5px; }
.bordurenoel3 { border: 5px double; border-color: white; margin: 5px; padding: 5px; }
.ombrenoel {box-shadow: 16px 16px 16px darkblue; padding: 10px;
            margin-top: 10px; margin-bottom: 10px; }
            
           
            
            
            

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

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




.serie6
	{	background-color: #F5DEB3;
        font-size: 0.8em;
        color: maroon; }

.serie7
	{	background-color: #FFDAB9;
        font-size: 0.8em;
        color: maroon; }













/* soulignement pour les classements séries, catégories, séparation pour les tableurs et classements  */


.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;}



 /* servent pour % des Séries 1 à 4 les suivantes 5, 6 et 7 sont définies par class="right" */




.S1pourcent  { background-color: #f5deb3;
               text-align: center;
               font-size: 0.8em;
               color: maroon;
             }

.S2pourcent  { background-color: #d7d2b7;
               text-align: center;
               font-size: 0.8em;
               color: maroon;
             }

.S3pourcent  { background-color: #ffdf8e;
               text-align: center;
               font-size: 0.8em;
               color: maroon;
             }
.S4pourcent  { background-color: #dbddb1;
               text-align: center;
               font-size: 0.8em;
               color: maroon;
             }



.alignement {	vertical-align:middle; }


.ligne
	{
 	border-bottom:1.5pt solid #800000;

	}

.ligne1
	{
     border-bottom:2.5pt solid #800000;

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

.ligne3
	{
     border-bottom:2.5pt solid white;

	}




 /* servent aux interclubs */

.pointsIC {

		font-size: 0.8em;
		font-weight: 600;
		background-color: white;
 }






.pointsIC1 {
		color: maroon;
		text-align: right;
		font-size: 0.7em;
		font-weight: 600;
		background-color: white;
 }

.pointsIC1C {
		color: maroon;
		text-align: center;
		font-size: 0.8em;
		font-weight: 600;
		background-color: white;
 }


 .pointsIC2 {
		color: darkblue;
    text-align: right;
		font-size: 0.7em;
		font-weight: 600;
		background-color: white;
 }


 .pointsIC2C {
		color: darkblue;
    text-align: center;
		font-size: 0.8em;
		font-weight: 600;
		background-color: white;
 }

.marge { margin-left: 10px; }
.marge1 { margin-left: 20px; }
.marge2 { margin-left: 30px; }

.retrait  {padding: 10px; }
.retrait1  {padding: 15px; }

.retraithaut  {margin-top: 10px; }

.espace { margin-left: 10px; margin-right: 10px; }
.espace1 { margin-left: 20px; margin-right: 20px;}
.espace2 { margin-left: 50px; margin-right: 50px;}
.espace3 { margin-left: 100px; margin-right: 100px;}
.espace4 { margin-left: 200px; margin-right: 200px;}
.espace5 { margin-left: 400px;}

.interligne { padding-top: 10px;}

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











/* definit les liens y compris des photos, ainsi que l'encadrement des images/photos */


.gif	{margin: 10px;
		 padding: 5px;
  	     border:1px solid maroon;
 }


.gif1	{margin:10px;
		 padding: 5px;
  	     border:1px solid white;
 }


.gif2	{margin: 5px;
		 padding: 5px;
  	 border:3px double maroon;
	   background-color: #F5DEB3;
 }



.image	{margin: 10px;
			 padding: 5px;
  	   border:1px solid white;
 }


.flotte { float: left;}

.dessous {clear: both;}




 /*
Liens
*/
a {
	text-decoration: underline;
	color: #800000;
}
a:hover{
	color: #800000;
	background-color: #FDD2AC;
	cursor: pointer;
}