body {
   width: 950px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("images/.jpg");
   background-color: #a6cee7;
   background-position: center;
   background-repeat: repeat;
}

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

div#en_tete {    /* bloc image en arrière-plan */
   width : 950px;
   height: 186px;
   margin-bottom: 0px;   
   background: url("images/bandeau1.gif") top left no-repeat ;
   -moz-border-radius : 30px 30px 0px 0px;
}
div#menuhaut {    /* bloc image en arrière-plan */
   width : 950px;
   height: 61px;
   margin-bottom: 0px;   
   background: url("images/bandeaupalmares.gif") top left no-repeat ;
}
#zone2 {    /* zone cliquable *//* zone accueil */
   float: left;
   width : 95px;	/* taille */
   height: 50px;	/* hauteur */
   margin-left: 31px;	/* marge gauche */
   margin-top: 0px;    /* hauteur */
}
#image a span { /* contenu masqué mais accessible sans CSS*/
   position: absolute;
   left: -500em;
   top: -500em;
   text-indent: -500em;
}
#zone3 {    /* zone cliquable *//* zone news */
   float: left;
   width : 72px;	/* taille */
   height: 50px;	/* hauteur */
   margin-left: 2px;	/* marge gauche */
   margin-top: 0px;    /* hauteur */
}
#image a span { /* contenu masqué mais accessible sans CSS*/
   position: absolute;
   left: -500em;
   top: -500em;
   text-indent: -500em;
}
#zone4 {    /* zone cliquable *//* zone compagnie */
   float: left;
   width : 126px;	/* taille */
   height: 50px;	/* hauteur */
   margin-left: 3px;	/* marge gauche */
   margin-top: 0px;    /* hauteur */
}
#image a span { /* contenu masqué mais accessible sans CSS*/
   position: absolute;
   left: -500em;
   top: -500em;
   text-indent: -500em;
}
#zone5 {    /* zone cliquable *//* zone concours */
   float: left;
   width : 110px;	/* taille */
   height: 50px;	/* hauteur */
   margin-left: 4px;	/* marge gauche */
   margin-top: 0px;    /* hauteur */
}
#image a span { /* contenu masqué mais accessible sans CSS*/
   position: absolute;
   left: -500em;
   top: -500em;
   text-indent: -500em;
}
#zone6 {    /* zone cliquable *//* zone palmarès */
   float: left;
   width : 114px;	/* taille */
   height: 50px;	/* hauteur */
   margin-left: 4px;	/* marge gauche */
   margin-top: 0px;    /* hauteur */
}
#image a span { /* contenu masqué mais accessible sans CSS*/
   position: absolute;
   left: -500em;
   top: -500em;
   text-indent: -500em;
}
#zone7 {    /* zone cliquable *//* zone evenements */
   float: left;
   width : 140px;	/* taille */
   height: 50px;	/* hauteur */
   margin-left: 4px;	/* marge gauche */
   margin-top: 0px;    /* hauteur */
}
#image a span { /* contenu masqué mais accessible sans CSS*/
   position: absolute;
   left: -500em;
   top: -500em;
   text-indent: -500em;
}
#zone8 {    /* zone cliquable *//* zone photos */
   float: left;
   width : 86px;	/* taille */
   height: 50px;	/* hauteur */
   margin-left: 4px;	/* marge gauche */
   margin-top: 0px;    /* hauteur */
}
#image a span { /* contenu masqué mais accessible sans CSS*/
   position: absolute;
   left: -500em;
   top: -500em;
   text-indent: -500em;
}

#zone9 {    /* zone cliquable *//* zone creations */
   float: left;
   width : 114px;	/* taille */
   height: 50px;	/* hauteur */
   margin-left: 4px;	/* marge gauche */
   margin-top: 0px;    /* hauteur */
}
#image a span { /* contenu masqué mais accessible sans CSS*/
   position: absolute;
   left: -500em;
   top: -500em;
   text-indent: -500em;
}


/*-------------------------------------- Menus de Gauche ---------------------------------------------------------------------------------------*/

div#left {
   font-size: 17px;
   font-weight: bold;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   float: left;
   width: 160px;
   height:100px;
   padding-left:3px;
   margin-left:0px;
   margin-top: 30px;
   line-height: 25px; /* regle le probleme de decalage entre ff et ie*/
}
.menu{
   background-image:url(images/menucampagne.gif); 
   background-repeat: no-repeat;
   background-position: center top; 
}
a.pageactive{
   color: red;
}
a.taille{
   font-size: 17px;
   font-weight: normal;
   line-height: 20px;
   color: blue;
}
.survol:hover{color: red;
}
a.nonactive{
   color: gray;
}
/*-------------------------------------- Menu de Droite ----------------------------------------------------------------------------------------*/

div#right {
   font-size: 17px;
   font-weight: bold;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   float: right;
   width: 175px;
   height:500px;
   margin-right:0px;
   margin-top: 30px;
   line-height: 25px; /* regle le probleme de decalage entre ff et ie*/
}
.menudroite{
   background-image:url(images/menuliens.gif); 
   background-repeat: no-repeat;
   background-position: center top; 
}

/*-------------------------------------- Corp de Texte ----------------------------------------------------------------------------------------*/

div#middle {
   margin: center; 
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding-right: 190px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-left: 190px;
   padding-top: 0px;
   padding-bottom: 30px;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #000000;
   background: url("images/2.jpg") repeat ;
   background-position: center;
   border: 0px solid black;
}
div#middle h1{
   color: #005f9b;
   text-align: center;
   font-size: 29px;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   background-image: url("images/3.jpg");
   width: 564px;  /* largeur max */
   height: 76px;  /* hauteur max */
   margin-left: 0px;
   margin-top: 0px;
   padding-bottom: 10px;
   background-repeat: no-repeat;
}
td {/* Toutes les cellules des tableaux... */
   border: 1px solid black; /* ... auront une bordure de 1px */
}
a{
   text-decoration: none;
   color: black;
}
.bandeautitre{
   background-image:url(images/campagne.gif); 
   background-repeat: no-repeat;
   background-position: center; 
   font-size:15px;
   font-weight: bold;
   color: red;
   border: 0px solid black; /* ... auront une bordure de 1px */
}
.droite{
   text-align:right;
   font-size: 12px;
   border: 0px solid black; /* ... auront une bordure de 1px */
}
.center{
   text-align:center;
}
.bleu{
   color: blue;
   text-align:center;
   border: 0px solid black; /* ... auront une bordure de 1px */
}
.classements{
   background-color: #ffff99;
}
.gris{
   background-color: #cccccc;
}
.soustitre{
   font-size: 20px;
   font-weight: bold;
   font-family:  Arial, "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   background-image: url("images/flecherouge.gif");
   color: red;
   background-repeat: no-repeat;
   text-align:center;
   background-position: center;
   border: 0px solid black; /* ... auront une bordure de 1px */
}
.soustitre2{
   font-size: 20px;
   font-weight: bold;
   font-family:  Arial, "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   background-image: url("images/fleche24.gif");
   color: red;
   background-repeat: no-repeat;
   text-align:center;
   background-position: center;
   border: 0px solid black; /* ... auront une bordure de 1px */
}
.soustitre3{
   font-family:  Times, "Times New Roman", Arial, "Comic Sans MS", "Arial Black", serif;
   background-image: url("images/fleche24inv.gif");
   border: 0px solid black; /* ... auront une bordure de 1px */
   background-repeat: no-repeat;
   text-align:center;
   background-position: center;
}
.soustitre4{
   font-family:  Times, "Times New Roman", Arial, "Comic Sans MS", "Arial Black", serif;
   background-image: url("images/flecherougeinv.gif");
   border: 0px solid black; /* ... auront une bordure de 1px */
   background-repeat: no-repeat;
   text-align:center;
   background-position: center;
}
.gauche{
   text-align:left;
   font-size: 15px;
   border: 0px solid black; /* ... auront une bordure de 1px */
}
.tableau{ 
   margin:auto;
  font-size:15px;
}
.bordure{ 
  border: 0px solid black;
  color: blue;
  text-align:center;
  font-weight: bold;
}
.bordure2{ 
  border: 0px solid black;
  
}
.soustitre5{
   font-size: 18px;
   font-weight: ;
   font-family:  Comic Sans MS, "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   background-image: url("images/bandeau france.gif");
   color: black;
   background-repeat: repeat;
   text-align:center;
   background-position: center;
}
/*-------------------------------------- Pied de Page ----------------------------------------------------------------------------------------*/

div#footer {
   width: 950px;
   clear: both;
   background-color: #f1ea80;
   margin-left:0px;
   margin-right:0px;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   -moz-border-radius : 0px 0px 30px 30px;
}