
body {

background-image:url("noel.gif");
background-attachment : fixed;
background-repeat:no-repeat;
color:darkblue;
background-color:white;
background-position: top center;


}

.page {
	position: relative;
	max-width: 1024px;
	min-width: 800px;
	margin: 0 auto;

}



h1 { font-family: Verdana; text-align: center; line-height: 1.2; color: navy; font-size: 16pt; }

h2 { font-family: Arial; font-size: 14pt; }

h3 { font-family: Arial; font-size: 10pt; }

p { font-family: Arial, sans-serif; font-size: 12px; font-weight: 600; margin-left: 10px; }

h4 { font-family: Arial; font-size: 13pt; font-weight: 700; }

h5 { font-family: Arial, serif; font-size: 10pt; font-weight: 600; }

h6 { font-family: Monotype Corsiva, fantasy; font-size: 14pt; color : navy; line-height: 0.8; }

p.cadre {border-style: double border-color: navy; font-weight: 400; font-size: px; }

border { border-style: simple; border-color: white; }

p.form { text-align: center; font-family: sans-serif, Arial; font-size: 8pt; line-height: 1.2; background: silver; padding: 8px; font-weight: 600; }

p.center { font-family: Arial, fantasy; font-size: 8pt; font-weight: 600; text-align: center; }

.petit { font-size: 0.8em;}

.nom  { background-color: #f0ffff;}

.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}



.trespetit{ font-size: 0.6em;}
.petit { font-size: 0.7em;}
.moyen { font-size: 1.2em;}
.grand { font-size: 1.4em;}
.supergrand { font-size: 1.6em;}


.cumul {
		font-size: 0.8em;
		text-align: center;
		font-weight: 600;
		 background-color: #FFEFD5;
 }



.top  {   text-align: center;
	           background-color: #f0ffff;}

			   .pourcent  {   text-align: center;
	           background-color: #f0ffff;}

.points  {   text-align: center;
			color: #ffffff;
	           background-color: #00aaff	;}


.espace1 { margin-right: 50px;}
.espace2 { margin-right: 150px;}

.separation {background-color: #ffffff;}





.gif	{margin: 10px;
			 padding: 5px;
  	   border:1px solid darkblue;
 }



.photos  { align: center;
		       background-color: blue;
	           padding: 10px;
	           border: 2px outset darblue;


	}

tr  { border-bottom: 2px solid white; }
	{ padding: 2px; }
td
	{  border-bottom:1px solid white;
      padding: 2px;
	  font-size: 14px;
		font-weight: 700; }
th
	{ border-bottom:1px solid white;
      color: white;
	  background-color:blue !important;
	  padding: 2px;
		font-weight: 700; }


 .barre  { font-weight: bold;
           color: darkblue;
             }

/* mise en page noel  */

.noel { background-color: blue; color: white; font-weight: bolder;
			text-align: center;
			padding: 2px; }

.noel1  {      text-align: center;
	           background-color: #b3ffff;
	           font-weight: bold;
               color: #004e69;
             }

.noel2  {      text-align: center;
	           font-weight: bold;
               color: #00738b;
             }

.noel3  {      background-color: #b3ffff;
	           font-weight: bold;
               color: #008a8b;
             }
.noel4  { text-align: left;
	           background-color: white;
              color: #00d4b7;
              font-size: 0.8em;
             }






.bordurenoel { border: 2px dashed; border-color: white; margin: 2px; padding: 2px; }

.bordurenoel1 { border: 1px solid; border-color: white; margin: 2px; padding: 2px; }

.arrondi { border-radius: 10px / 10px; }


.fond  { background-color: white; }


 .griset0 {
	font-family: verdana, "Courier New", "Times New Roman", Arial, serif;
	background-color: rgb(197, 197, 197);
	font-size: 0.7em;


 }

 .difference  { text-align: center;
	              font-weight: bold;
	              color: red;
        }

.rouge  { text-align: center;
	      background-color: white;
          color: red;
        }


form name { font-size: 8pts; color: red; } 

span { margin-left: 15px; margin-right: 15px; }

ul { font-family: Arial, serif; font-size: 8pt; font-weight: 500; }

ol { font-family: Arial, serif; font-size: 8pt; font-weight: 500; }

.suspensions {letter-spacing: 60%; font-size: 0.8em;	}

.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;
						}


.jeunes2 { background-color: #FFEFD5;
    	   color: #FA8072;  }

.premier
	{
	border-top:0pt solid #FFDEAD;
	border-right:0pt solid #FFDEAD;
	border-bottom:3.5pt solid goldenrod;
	border-left:0pt solid #FFDEAD;}

.deuxieme
	{
	border-top:0pt solid #FFDEAD;
	border-right:0pt solid #FFDEAD;
	border-bottom:2.5pt solid goldenrod;
	border-left:0pt solid #FFDEAD;}


.troisieme
	{
	border-top:0pt solid #FFDEAD;
	border-right:0pt solid #FFDEAD;
	border-bottom:1.5pt solid goldenrod;
	border-left:0pt solid #FFDEAD;}




.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;}

hr  { text-align: center; color: navy; }

border { border-style: simple; border-color: navy; } 

A:link { color: black; }
A:hover { color: navy; }
A:active { color: red; text-decoration: none; }