body
{
   background: url("images/fond.jpg") repeat-x;
   background-color: #ff0000;
   text-align: center;
   width: 100%;
   margin-bottom: 20px;  
}

a img
{
   border: none;
}

#page
{
   background-color: #ffffff;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   width: 1000px;
   padding: 5px;
   margin-top: 0px;
   margin-bottom: 10px;
   margin-left: 10px;
   margin-right: 10px;
   border-left: 3px solid #ff0000;
   border-right: 1px solid #ff0000;
   border-top: 3px solid #ff0000;
}

#en_tete
{
   background: url("images/entete.jpg") no-repeat;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   width: 1000px;
   height: 300px;
   margin-bottom: 3px;
}

#menu
{
   font-family: "Bradley Hand ITC", Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   background-color: #ffffff;
   color: #ff0000;
   font-size: 16px;
   float: left;
   width: 200px;
   height: 1120px;
   margin-bottom: 3px;
}

#menu a, a:visited
{
   font-family: "Bradley Hand ITC", Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #ff0000; 
}

#menu a:hover
{
   font-family: "Bradley Hand ITC", Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #ff0000; 
   font-weight: bold;
}

.club
{
   background: url("images/club2.jpg") no-repeat;
}

.espace_interactif
{
   background: url("images/esp_interactif.jpg") no-repeat;
}

.ec_foot
{
   background: url("images/ecole_foot.jpg") no-repeat;
}

.jeunes
{
   background: url("images/jeune.jpg") no-repeat;
}

.seniors
{
   background: url("images/senior.jpg") no-repeat;
}

.photos
{
   background: url("images/photo.jpg") no-repeat;
}

#droite
{
   background-color: #ff0000;
   color: #ffffff;
   float: right;
   width: 160px;
   height: 1100px;
   font-family:  Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: small;
}

#centre
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: justify;
   margin-left: 202px;
   margin-right: 162px;
   padding: 5px;
   color: #000000; 
   font-size: x-small;
   background-color: #ffffff;
   border-color: #ff2222;
   border-width: 1px;
   border-style: solid;
}

#centre h1
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   color: #000000;
   font-weight: bold;
   font-size: xx-large;
}

#centre h2
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   color: #ff0000;
   font-weight: bold;
   font-size: large;
}

#centre h3
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   color: #000000;
   font-weight: bold;
   font-size: medium;
}

#centre h4
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #000000;
   font-weight: bold;
   text-decoration: underline;
   font-size: small;
}

#centre .titre
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   background-color: #ff2222;
   color: #ffffff;
   font-weight: bold;
   font-size: 16px;
}

#centre a
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #000000;
   font-weight: bold;
   font-style: italic;
}

#centre .boite
{
   border-color: #ff2222;
   border-width: 2px;
   border-style: solid;
   padding: 1px;
}

#centre .boite_2
{
   margin-right: 15px;
   background: url("images/fond_boite_2.jpg") repeat;
}

#centre_2
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: justify;
   margin-left: 202px;
   padding: 5px;
   color: #000000;
   font-size: x-small;
   background-color: #ffffff;
   border-color: #ff2222;
   border-width: 1px;
   border-style: solid;
}

#centre_2 h1
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   color: #000000;
   font-weight: bold;
   font-size: xx-large;
}

#centre_2 h2
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   color: #ff0000;
   font-weight: bold;
   font-size: large;
}

#centre_2 h3
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   color: #000000;
   font-weight: bold;
   font-size: medium;
}

#centre_2 h4
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #000000;
   font-weight: bold;
   text-decoration: underline;
   font-size: small;
}

#centre_2 .titre
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   background-color: #ff2222;
   color: #ffffff;
   font-weight: bold;
   font-size: 16px;
}

#centre_2 a
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #000000;
   font-weight: bold;
   font-style: italic;
}

#centre_2 .left
{
   float: left;
   width: 300px;
   height: 500px;
   padding: 3px;
}

#centre_2 .right
{
   margin-left: 305px;
   padding: 3px;
}

#centre_2 .left_2
{
   float: left;
   width: 410px;
   height: 1000px;
   padding: 3px;
}

#centre_2 .right_2
{
   margin-left: 420px;
   padding: 3px;
}

#centre_2 .zone_1
{
   float: left;
   width: 257px;
   height: 500px;
   padding: 3px;
}

#centre_2 .zone_2
{
   float: right;
   width: 257px;
   height: 500px;
   padding: 3px;
}

#centre_2 .zone_3
{
   margin-left: 262px;
   margin-right: 262px;
   padding: 3px;
}

#centre_2 .boite
{
   border-color: #ff2222;
   border-width: 2px;
   border-style: solid;
   padding: 1px;
}

#centre_2 .boite_2
{
   margin-right: 15px;
   background: url("images/fond_boite_2.jpg") repeat;
   border-color: #ff0000;
   border-width: 1px;
   border-style: solid;
   padding: 1px;
}

#centre_2 table
{
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #000000;
   text-align: justify;
   font-size: x-small; 
   border-collapse: collapse;
}

#centre_2 table .titre
{
   background-color: #ff2222;
   color: #ffffff;
   text-align: left;
   font-size: small;
   font-style: italic;
}

#centre_2 table .titre2
{
   background-color: #ff2222;
   color: #ffffff;
   text-align: center;
   font-size: small;
   font-style: italic;
}

#centre_2 table .titre8
{
   background-color: #ff2222;
   color: #ffffff;
   text-align: center;
   font-size: medium;
   font-style: italic;
}

#centre_2 table .c1
{
   width: 8px;
   background-color: #ff2222;
}

#centre_2 table .c3
{
   background-color: #ffffff;
   color: #000000;
   font-size: x-small;
   text-align: center;
}

#centre_2 table .c6
{
   width: 1px;
   background-color: #ff6666;
}

#centre_2 table .ligne
{
   height: 1px;
   background-color: #ff6666;
}

#pied_de_page
{
   width: 990px;
   height: 140px;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   padding: 5px;
   margin-top: 5px;
   border-color: #ff9999;
   border-width: 1px;
   border-style: solid;
   text-align: center;
   font-weight: bold;
   font-size: small;
   color: #ff0000;
   background-color: #ffffff;
}