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/bandeauconcours.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*/
}
.menus{
   background-image:url(images/menuconcours.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-top: 0px;
   padding-bottom: 10px;
   margin-left: 0px;
   background-repeat: no-repeat;
}
#map{
   border: 0px solid black;
}
a{
   text-decoration: none;
   color: black;
}

.italic{
   font-style:italic;
   color:blue ;
}
/*-------------------------------------- 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;
}