/* CSS Document */

/* ========================== Body =============================*/
body
{
   background-color: #003366; /* Couleur du fond de la page */
   width: 995px; /* Longueur de la page */
   margin: auto; /* Pour centrer notre page */
}

/* ======================= L'en-tête ===========================*/

#en_tete_haut /* Contient le bandeau gris du haut */
{
   width: 995px;
   height: 5px;
   background-image: url("images/BandeauGris.gif");
   background-repeat: no-repeat;
}

#en_tete /* Contient la bannière */
{
   width: 995px;
   height: 105px;
   background-image: url("images/Banniere.gif");
}

#en_tete_bas /* Contient le bandeau gris du milieu */
{
   width: 995px;
   height: 5px;
   background-image: url("images/BandeauGris.gif");
}

#en_tete_milieu /* Contient le menu du milieu */
{
   width: 995px;
   height: 57px;
   background-image: url("images/MenuMilieu.gif");
}

/* Le tableau du menu du milieu contenant le contact, le livre d'or et la page des liens */

table#TabMenuMilieu /* Caractéristiques générales du tableau du menu du milieu */
{
   width: 556px; /* Largeur du tableau */
   /*border: 1px solid black;*/
   border-collapse: collapse; /* Les bordures du tableau seront collées */
   table-layout:fixes; /* Fixe la largeur du tableau */
   text-align: center; /* Alignement du texte */ 
   margin-top: 8px;
   margin-left: 219px;
}

table#TabMenuMilieu td /* Caractéristiques des colonnes du tableau*/
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ccffff;
}

table#TabMenuMilieu a /* Tous les liens se trouvant dans le menu du milieu */
{
	color: #ccffff;
}

table#TabMenuMilieu a:hover /* Quand on pointe sur un lien du menu */
{
	color: #ff0033;
}

.accueil
{
	text-align: left;
	width: 140px;
}

.contact
{
	text-align: left;
	width: 200px;*/
}

.livredor{text-align: left;}

.liens{text-align: right;}

/* Pour la rubrique club */

table#TabMenuClub /* Caractéristiques générales du tableau du menu pour le club */
{
   width: 560px; /* Largeur du tableau */
   /*border: 1px solid black;*/
   border-collapse: collapse; /* Les bordures du tableau seront collées */
   table-layout:fixes; /* Fixe la largeur du tableau */
   text-align: center; /* Alignement du texte */ 
   margin-top: 8px;
   margin-left: 219px;
}

table#TabMenuClub td /* Caractéristiques des colonnes du tableau*/
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

table#TabMenuClub a /* Tous les liens se trouvant dans le menu du club */
{
	color: #003366;
	text-decoration: none;
}

table#TabMenuClub a:hover /* Quand on pointe sur un lien du menu */
{
	color: #ff0033;
}

/* Pour la rubrique competition individuelle */

table#TabMenuCompetInd /* Caractéristiques générales du tableau du menu pour le club */
{
   width: 556px; /* Largeur du tableau */
   /*border: 1px solid black;*/
   border-collapse: collapse; /* Les bordures du tableau seront collées */
   table-layout:fixes; /* Fixe la largeur du tableau */
   text-align: center; /* Alignement du texte */ 
   margin-top: 8px;
   margin-left: 219px;
}

table#TabMenuCompetInd td /* Caractéristiques des colonnes du tableau*/
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

table#TabMenuCompetInd a /* Tous les liens se trouvant dans le menu du club */
{
	color: #003366;
	text-decoration: none;
}

table#TabMenuCompetInd a:hover /* Quand on pointe sur un lien du menu */
{
	color: #ff0033;
}

/* Pour la rubrique communication */

table#TabMenuCom /* Caractéristiques générales du tableau du menu pour le club */
{
   width: 556px; /* Largeur du tableau */
   border-collapse: collapse; /* Les bordures du tableau seront collées */
   table-layout:fixes; /* Fixe la largeur du tableau */
   text-align: center;
   margin-top: 8px;
   margin-left: 219px;
}

table#TabMenuCom td /* Caractéristiques des colonnes du tableau*/
{
	width: 278px;
	/*border: 1px solid black;*/
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

table#TabMenuCom a /* Tous les liens se trouvant dans le menu du club */
{
	color: #003366;
	text-decoration: none;
}

table#TabMenuCom a:hover /* Quand on pointe sur un lien du menu */
{
	color: #ff0033;
}

/* ======================= Le menu gauche ======================*/

#menugauche
{
   background-image: url("images/MenuGauche.gif");
   float: left; /* Le menu flottera à gauche */
   width: 154px; /* Très important : donner une taille au menu */
   height: 353px; /* La longueur du menu */
}

/* Le tableau du menu de gauche */

table#TabMenuGauche /* Caractéristiques générales du tableau du menu de gauche */
{
   width: 70px; /* Largeur du tableau */
   /*border: 1px solid black;*/
   border-collapse: collapse; /* Les bordures du tableau seront collées */
   table-layout:fixes; /* Fixe la largeur du tableau */
   text-align: center; /* Alignement du texte */ 
   margin-top: 30px;
   margin-left: 13px;
}

table#TabMenuGauche caption /* Titre du tableau */
{
   font-family: Verdana;
   font-weight: bold;
   font-size: 13px;
   color: #ccffff;
   text-align:center;
}

table#TabMenuGauche td /* Caractéristiques des colonnes du tableau*/
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #003366;
}

.club {height: 30px;}
.club_club {height: 30px;}
.competequipe {height: 40px;}
.competequipe_competequipe {height: 40px;}
.competindiv {height: 36px;}
.competindiv_competindiv {height: 36px;}
.comu {height: 37px;}
.comu_comu {height: 37px;}
.handisport {height: 37px;}
.handisport_handisport {height: 37px;}
.partenaires {height: 36px;}
.partenaires_partenaires {height: 36px;}
.lebaby {height: 36px;}
.baby_baby {height: 36px;}

table#TabMenuGauche a /* Tous les liens se trouvant dans le menu de gauche */
{
	text-decoration: none;
}

table#TabMenuGauche a:hover /* Quand on pointe sur un lien du menu */
{
	color: #ff0033;
}

.club a {color: #003366;}
.club_club a {color: #ff0033;}
.competequipe a {color: #003366;}
.competequipe_competequipe a {color: #ff0033;}
.competindiv a {color: #003366;}
.competindiv_competindiv a {color: #ff0033;}
.comu a {color: #003366;}
.comu_comu a {color: #ff0033;}
.handisport a {color: #003366;}
.handisport_handisport a {color: #ff0033;}
.partenaires a {color: #003366;}
.partenaires_partenaires a {color: #ff0033;}
.lebaby a {color: #003366;}
.baby_baby a {color: #ff0033;}

/* ======================= Le corps de la page index =================*/

#corps
{
   float: left; /* Le menu flottera à gauche */
   background-image: url("images/Milieu.gif");
   width: 686px; /* Très important : donner une taille au menu */
   height: 353px; /* La longueur du menu */
}

.news
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #003366;
	text-align: center;
}

/* ======================= Le corps pour les autres pages =================*/

#corps_club
{
   float: left; /* Le menu flottera à gauche */
   background-image: url("images/Milieu.gif");
   width: 686px; /* Très important : donner une taille */
   height: 353px; /* La longueur du menu */
   overflow:scroll;
}

table#TabCorps_club
{
   width: 100%; /* Largeur du tableau */
   height: 100%; /* La longueur du tableau */
   /*border: 1px solid black;*/
   border-collapse: collapse; /* Les bordures du tableau seront collées */
   text-align: left; /* Alignement du texte */ 
}

/* ======================== Le menu droit ======================*/

#menudroit
{
   background-image: url("images/MenuDroit.gif");
   float: left; /* Le menu flottera à gauche */
   width: 155px; /* Très important : donner une taille au menu */
   height: 353px; /* La longueur du menu */
}

/* Le tableau du menu de droite */

table#TabMenuDroit /* Caractéristiques générales du tableau du menu de droite */
{
   width: 70px; /* Largeur du tableau */
   /*border: 1px solid black;*/
   border-collapse: collapse; /* Les bordures du tableau seront collées */
   table-layout:fixes; /* Fixe la largeur du tableau */
   text-align: center; /* Alignement du texte */ 
   margin-top: 70px;
   margin-left: 41px;
}

table#TabMenuDroit td /* Caractéristiques des colonnes du tableau*/
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
}

.administration
{
	color: #003366;
	height: 23px;
}

.login
{
	color:#ccffff;
	height: 20px;
}

.mdp
{
	color:#ccffff;
	height: 20px;
}

.btnentrer{height: 35px;}

.logopartenaires
{
	width: 102px;
	height: 75px;
}

/* ======================== Le menu bas =======================*/

#menubas
{
   background-image: url("images/Bas.gif");
   float: left; /* Le menu flottera à gauche */
   width: 995px; /* Très important : donner une taille au menu */
   height: 60px; /* La longueur du menu */
}

/* Le tableau du menu du bas */

table#TabMenuBas /* Caractéristiques générales du tableau du menu du bas */
{
   width: 576px; /* Largeur du tableau */
   /*border: 1px solid black;*/
   border-collapse: collapse; /* Les bordures du tableau seront collées */
   table-layout:fixes; /* Fixe la largeur du tableau */
   text-align: center; /* Alignement du texte */ 
   margin-top: 37px;
   margin-left: 210px;
}

table#TabMenuBas td
{
	font-family: Verdana;
	font-size: 12px;
	color: #ccffff;
}

.design
{
	width: 275px;
	text-align: right;
}

.webmaster
{
	font-weight: bold;
	text-align: left;
}

.webmaster a
{
	color: #ccffff;
	text-decoration: none;
}

.webmaster a:hover
{
	color: #ff0033;
}

/* ====================== Le pied de page ====================*/

#pied_de_page
{
   background-image: url("images/BandeauGris.gif");
   float: left; /* Le menu flottera à gauche */
   width: 995px; /* Très important : donner une taille au menu */
   height: 5px; /* La longueur du menu */
}