/* Fichier de Style */

body {
 color: black;
 background-color: #A6E9FA;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 }

img.resize75 {
  max-width:75%;
  max-height:75%;
}

/* ======================================================
  1. Zone DIV
====================================================== */

#wrapper {
 color: black;
 background-color: white;
 width: 99%; /* largeur de la zone de contenu */
 margin:10px auto;
/* margin-top: 10px;
 margin-right: auto;
 margin-bottom: 10px;
 margin-left: auto; *//* fonctionne de la même façon pour padding */
}

#bandeau {
 position:relative; /* positionne le point de référence pour les zones flottantes */
 color: black;
 background-color: #99FFCC;
 padding: 5px 20px;
 background-image: url(IMAGES/pool.jpg);
}

#bandeau img {
 background-color: white;
 padding: 5px; /* espace autour es images */
 border: 5px solid #d9d9d9; /* remplissage de l'espace créé avec padding */
}

#bandeau p {
 position: absolute; /* zone détache du flux de la page */
 top: 40%;
 left: 450px;
 padding: 5px 0;
 margin-bottom: 0;
 font-style: italic;
 font-size: 14px
}

#bandeau p span {
 color: red;
 font-weight: bold;
 font-size: 18px
}

#zone_de_navigation {
 text-align: right;
 color:black;
 background-color: #A6E9FA;
 /* background-color: #FFFF00; */
 padding: 5px 15px;
 /* background-image: url(IMAGES/ice-blue.jpg);*/
}

#zone_de_navigation li {
 display: inline; /* affiche la liste de choix en ligne */
 list-style-type: none; /* point d'enumération */
 margin: 0; /* espace à droite entre les choix de liste */
 position: relative;
}
/* ajout du 31/08/2011 */
#zone_de_navigation li ul {
margin: 0;
padding: 0;
position: absolute;
top: 2em;
left: -0.1em;
}

#zone_de_navigation li ul li{
float: none;
display: block;
margin-bottom: 0.7em;
}

 /* Complément pour affichage dynamique */
#zone_de_navigation li>ul {
    display: none; top: 2em;
  }
#zone_de_navigation li:hover>ul, ul#menu li>a#actif+ul {
    display: block;
  }

  /* adaptation pour IE 7 */
*:first-child+html ul#zone_de_navigation ul {
    background-color:silver; padding-bottom:0.4em;
  }
/* fin ajout 31/08/2011*/
#zone_de_navigation ul { margin-bottom: 0; }

#zone_de_navigation a {
 color:black;
/* background-color: #ffeda0; */
 padding: 4px 8px;
 border: 1px solid #8c8c8c;
}

#zone_de_navigation a:active { background-color:red; }

#zone_de_navigation a:hover, #page_photo #navi0601 a, #page_video #navi0602 a, #page_accueil #navi01 a, #page_calendar #navi02 a, #page_presse #navi07 a, #page_photo #navi06 a,#page_video #navi0602 a, #page_de_contact #navi08 a, #page_actus #navi03 a, #page_pratique #navi05 a, #page_club #navi04 a {
 text-decoration: none;
 color: black;
 background-color: #f3c600;
 padding-bottom: 5px;
 border-bottom: none;
}

#zone_de_texte {
 padding: 20px;
 background-image: url(IMAGES/sand-light.jpg);
}

#pied_de_page {
 padding: 20px;
 padding-top: 10px;
 border-top: 1px solid #A9122A;
 margin-top:0px;
 background-color: #EFECCA;
 background-image: url(IMAGES/pebble-light.jpg);
}


/* ======================================================
  2. Zone HTML
====================================================== */

h1 { font-size: 150%; }
h2 { font-size: 130%; }

address {
 text-align: center;
 font-size: 78%;
 font-style: normal; /* affichage du texte en italique si italic au lieu de normal */
 font-weight: bold; /* affichage du texte en gras */
 letter-spacing: 2px;
 line-height: 1.5em;
}

a {
 text-decoration: none; /* supprime les soulignements */
 outline: none; /* masque le contour lorsqu'un lien est selectionné */
}

a:link { color:#d90000; } /* couleur d'un lien non visité */
a:visited { color:#cc6666; } /* couleur d'un lien visité */
a:hover, a:focus { text-decoration:underline; } /* action quand le sourie survole le lien */
a:active { color: white; background-color: #d90000; }

.skiplink { display: none; }

label {
   float: left;
   display: block;
   width: 210px;
}

/* ======================================================
  3. Le formulaire de contact
====================================================== */

form {
/*  background-color: #eee; */
 width: 400px; /* largeur du formulaire */
 padding: 20px;
/* border: 1px solid #8c8c8c;*/
}

label { display:block; } /* affiche le titre sur une ligne à part de la zone de saisie */

#nom, textarea {
 width:300px;
 border: 1px solid #8c8c8c;
 margin-bottom: 1em;
}

#expediteur, textarea {
 width: 300px;
 border: 1px solid #8c8c8c;
 margin-bottom: 1em;
}

textarea { height: 7em; }

input:focus, textarea:focus { background-color: #d9d9d9; }