body
{
width: 98%; /*l'ensemble du site ne prendra que 90% de la page ne marche pas avec IE */

font-family:Arial, "Times New Roman", Times, sans-serif;
background-image:url("images/fond1.jpeg");
background-repeat:repeat;
}


#en_tete
{

margin-top: 0px; /*la banière sera à 0 pixel du haut */
height: 90px;   /*la banière aura 100 pixel du haut */
border-width: 3px 3px 3px 3px;
border-color: rgb(2,77,82) rgb(38,117,34) rgb(38,117,34) rgb(2,77,82);
border-style: solid;
background-color:yellow;
}

.balle2 /*animation tennis */
{
position: absolute;
top: 9px;
left: 30px;
}


.logo1   /*logo club*/
{
position:absolute;
top: 150px;
}

.armoirie
{
position:absolute;
top: 9px;
right:10px;
}


.jeunes  
{
width:20%;
border: 0px solid ;
}


.coupe1 /*coupe pour tournoi*/
{
width: 5%; /*reduction de la taille de l'image*/
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
border: 0px solid ;
}



.eq1 /*coupe pour tournoi*/
{
width: 40%; /*reduction de la taille de l'image*/
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
border: 0px solid ;
}


.45ans
{
position:absolute;
width: 6%;
}

.new71
{
width: 20%;
border: 0px solid ;
}

.assemblée
{
width: 15%;
margin-right: 50px;
}

.reservation
{
position:absolute;
width: 15%;
top:120px;
right: 12px;
border: 0px solid ;
}

h1 em   /*texte annonçant le tournoi*/
{
text-decoration:underline;  /*tous les h4dans les p*/
font-size: 20px; 
color:red ;
font-family:Arial, "Times New Roman", Times, sans-serif;
}


h2 em   /*texte annonçant le tournoi*/
{
text-decoration:underline;  /*tous les h4dans les p*/
font-size: 20px; 
color:black ;
font-family:Arial, "Times New Roman", Times, sans-serif;
}







#annonce
{
text-align: center;
}





h1
{
text-align:center;  /*position du titre dans la baniere */
margin-top:3px;
font-size: 60px; 
color:rgb(38,117,34) ;
font-family:Arial, "Times New Roman", Times, sans-serif;
}


#menu
{
position:absolute;
top:135px;
left:10px;
width: 140px;   /*largeur du menu en px pour uniformité avec les différente résolution */
padding:0;
height: 1400px;   
border: 0px solid red;   /*vert foncé */

}


#menu1
{
background-color: rgb(38,117,34);  /*vert clair */
border: 0px solid black;  
}

#menu2,#menu3,#menu33,#menu4,#menu5
{
margin-top:20px;
background-color: rgb(38,117,34);  /*vert clair */ 
border: 0px solid black;  
}



.sous_menu1 ,.sous_menu2,.sous_menu3,.sous_menu33,.sous_menu4  ,.sous_menu5    /*boite qui englobe les puces*/
{
margin-top:0px;
margin-left:0px;
border: 0px solid rgb(255,255,28);
}

ul
{ 
list-style-type: none;   /*supprime le point devant la puce*/
margin: 0px;   
padding: 0px;
}

.news  /*balise universelles  span*/
{
color:rgb(255,146,36);
}


.sous_menu1 h3, .sous_menu2 h3,.sous_menu3 h3 ,.sous_menu33 h3 ,.sous_menu4 h3   ,.sous_menu5 h3       /*titre du sous menu 1*/
{
margin-top:0px;  /*aucune marge en haut / au cadre du menu */
background-color: rgb(223,223,0); /*couleur de fond style vert du sous-titre */
color: rgb(38,117,34);
font-size: 20px;
text-align: center;
}

li
{
padding:5px;
}

.sous_menu1 a  ,.sous_menu2 a ,.sous_menu3 a   ,.sous_menu33 a   ,.sous_menu4 a,.sous_menu5 a             /*boite qui englobe les liens*/
{
display: block;
margin: 5px 0px;  /*espace verticale entre les liens et  espace du bord à gauche*/
background-color: rgb(2,77,82);
line-height: 15px;  /*hauteur de la boite */
width: 125px;  /*largeur  de la boite */
border-width: 1px 3px 3px 1px;
border-color: rgb(100,100,100) rgb(50,50,50) rgb(50,50,50) rgb(100,100,100);
border-style: solid;
color: rgb(255,255,28);
font-family: "Arial Narrow",Verdana,serif;
font-size: 15px;
font-weight: bolder;
text-align: left;
}

h5  /*page du site ou on se trouve*/
{
display: block;
margin: 10px 0px;  /*espace verticale entre les liens et  espace du bord à gauche*/
background-color: rgb(140,250,26);
line-height: 15px;  /*hauteur de la boite */
width: 125px;
border-width: 3px 1px 1px 3px;
border-color: black;
border-style: solid;
color: rgb(2,77,82);
font-family: "Arial Narrow",Verdana,serif;
font-size: 18px;
font-weight: bolder;
text-align: left;
}



a:visited   /*BALISE qui change les liens après la visite */
{
font-style: normal;
font-weight: bolder;
color: rgb(51,156,46);  /*en augmentant le chiffre du milieu le vert s'éclaircie */
text-decoration:none;
}

a:hover ,a:focus  /*BALISE qui change les liens au survol */
{
color: black;  /*couleur du texte */
background:rgb(223,223,0);  /*couleur du fond  jaune*/
}









/* style du corps  */
#corps
{
margin-left: 15%;
margin-top: 20px; /*le corps sera a 20 px sous l'en-tête comme le menu*/
padding: 0px;
border-style: solid;  /*style du cadre du corps */ 
border-width: 0px;    /*épaisseur du cadre*/ 
border-color: rgb(68,164,154);    /*couleur du cadre*/
height: 1800px; 
}

table
{
background-image:url("images/int4.jpg");
margin-left: 5px;
height:120px;
border-style:solid;
border-width: 5px;                /*epaisseur du cadre*/
border-collapse: collapse;
border-color: rgb(209,209,209);    /*couleur du cadre*/
}

th
{
width: 800px;
height:60px;
border-style:solid;
border-width: 5px;                /*epaisseur du cadre*/
border-collapse: collapse;
border-color: rgb(209,209,209);    /*couleur du cadre*/
}



td 
{
width: 800px;
height:120px; 
border-style:solid;
border-width: 5px;                /*epaisseur du cadre*/
border-collapse: collapse;
border-color: rgb(209,209,209);    /*couleur du cadre*/
}

tr
{
width: 800px;
border-style:solid;
border-width: 5px;                /*epaisseur du cadre*/
border-collapse: collapse;
border-color: rgb(209,209,209);    /*couleur du cadre*/
}

#renseignements
{
margin-top: 0px; /*la banière sera à 0 pixel du haut */
height: 720px;   /*la banière aura 100 pixel du haut */
border: 0px solid blue;
}


#info /*Tableau avec les infos du club */
{
font-size: 15px; 
background-image:url("images/fond2.jpeg");
color:rgb(0,242,0) ;
margin-left: 5px;
height:40px;
border-style:solid;
border-width: 4px;                /*epaisseur du cadre*/
border-collapse: collapse;
border-color: white;     /*couleur du cadre*/
}

p th  /*les th situé dans les paragraphe */
{
width: 800px;
height:40px;
border-style:solid;
border-width: 4px;                /*epaisseur du cadre*/
border-collapse: collapse;
border-color: white;    /*couleur du cadre*/
}

p td 
{
width: 800px;
height:80px; 
border-style:solid;
border-width: 4px;                /*epaisseur du cadre*/
border-collapse: collapse;
border-color: white;    /*couleur du cadre*/
}

p tr
{
width: 800px;
border-style:solid;
border-width: 4px;                /*epaisseur du cadre*/
border-collapse: collapse;
border-color: white;    /*couleur du cadre*/
}

td h4
{
text-decoration:underline;  /*tous les h4dans les td*/
font-size: 20px; 
color:rgb(38,117,34) ;
font-family:Arial, "Times New Roman", Times, sans-serif;
color:yellow;
}



td h6
{
text-decoration:underline;  /*tous les h6 dans les td*/
font-size: 15px; 
color:rgb(38,117,34) ;
font-family:Arial, "Times New Roman", Times, sans-serif;
color:yellow;
}



h3
{
text-align:center;  /*texte dans le terrain de tennis 2 */
font-size: 15px; 
color:rgb(209,209,209) ;
font-family:Arial, "Times New Roman", Times, sans-serif;
}


h4
{
text-decoration:underline;  /*texte dans le terrain de tennis 2 */
font-size: 20px; 
color:rgb(209,209,209) ;
font-family:Arial, "Times New Roman", Times, sans-serif;
}




.sous_renseignements      /*liens utiles*/
{
height: 350px;
margin-left: 0px;
margin-top:30px;  /*aucune marge en haut / au cadre du menu */
color: rgb(38,117,34);
font-size: 20px;
text-align: center;
border: 0px solid black; 
}




h2  /*l banière iens utiles*/
{
height: 25px;
margin-left: 0px;
margin-right: 0px;
text-align:center; 
font-size: 20px; 
color:rgb(38,117,34);
font-family:Arial, "Times New Roman", Times, sans-serif;
background-color:rgb(255,255,28);
}



.logofft /*logo de la fft */
{
width: 12%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
border: 0px solid ;
}


.logoligue /*logo de la ligue */
{
width: 10%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
border: 0px solid ;
}

.logosomme /*logo de la ligue */
{
width: 25%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
border: 0px solid ;
}

.acceslicencie /*logo de la ligue */
{
width: 15%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
border: 0px solid ;
}




h6 em /*tous les em situé dans des h6*/
{ 
font-size: 18px; 
font-weight: bold; /*gras */ 
color:rgb(38,117,34);
font-family:Arial, "Times New Roman", Times, sans-serif;
}





h6  /*droit acces*/
{ 
margin-top:10px;
font-size: 13px; 
color:rgb(38,117,34);
font-family:Arial, "Times New Roman", Times, sans-serif;
border-style: solid;              /*style du cadre du corps */ 
border-width: 0px;                /*épaisseur du cadre*/ 
border-color: red;    /*couleur du cadre*/
}


#compteur
{

margin-top:250px;
margin-left: 0%;
margin-right: 0%;
padding: 3px;     /* DISTANCE ENTRE LA BORDURE EN HAUT ET LA PREMIERE LIGNE*/
border-style: solid;              /*style du cadre du corps */ 
border-width: 0px;                /*épaisseur du cadre*/ 
border-color: rgb(68,164,154);    /*couleur du cadre*/
font-family: Verdana;    /*style de l'ecriture */ 
font-style: italic;     
font-size: 20px;         /*hauteur du texte*/ 
height: 30px;
text-align: center;
}

.mail /*le lien clignotant */
{
border:0px;
height: 20px;
}

#lien
{

margin-top:20px;
margin-left: 0%;
margin-right: 0%;
padding: 3px;     /* DISTANCE ENTRE LA BORDURE EN HAUT ET LA PREMIERE LIGNE*/
border-style: solid;              /*style du cadre du corps */ 
border-width: 0px;                /*épaisseur du cadre*/ 
border-color: rgb(68,164,154);    /*couleur du cadre*/
font-family: Verdana;    /*style de l'ecriture */ 
font-style: italic;     
font-size: 20px;         /*hauteur du texte*/ 
height: 30px;
text-align: center;
}

.eole /*le lien clignotant */
{
border:0px;
height: 40px;
}


#pied_de_page    /*logo de validation xhtml*/
{
position: absolute;
top: 2800px;  /*1850 si on enleve le changement d'heure  + 200 si info en début de page*/
width: 98%;
margin-left: 0%;
margin-top: 10px; /*le corps sera a 20 px sous l'en-tête comme le menu*/
padding: 3px;     /* DISTANCE ENTRE LA BORDURE EN HAUT ET LA PREMIERE LIGNE*/
border-style: solid;              /*style du cadre du corps */ 
border-width: 1px;                /*épaisseur du cadre*/ 
border-color: rgb(68,164,154);    /*couleur du cadre*/
font-family: Verdana;    /*style de l'ecriture */ 
font-style: italic;     
font-size: 10px;         /*hauteur du texte*/ 
height: 50px;
text-align: center;
}

.validxhtml        /*logo de validation xhtml*/
{
position: absolute;
left:20px;
margin-top:8px;
border:0px;
}

.validcss        /*logo de validation xhtml*/
{
position: absolute;
left:120px;
margin-top:8px;
border:0px;
}

.retour  /*gif animé pour retour en haut de page*/
{
position: absolute;
right:25px;
margin-top:8px;
border:0px;
}