/* Arlequin */

  * { margin: 0pt;
    padding: 0pt;
    }

  html { height: 101%;
    }

  body { font-family: Verdenna,Arial,Helvetica,sans-serif;
    font-size: big;
color: rgb(204,204,204);
    background-image: url(images/bkground.jpg);
background-repeat: repeat-all;

background-position: top left;
    }

a { text-decoration: none; }
a: link { color: #686868; }
a:visited { color: #686868; }

a:hover, a:focus { text-decoration: underline; }

  h1 { font-size: 150%; }
  h2 { font-size: 130%; }
  strong { color: #4e9b88; }

/*   =============================================================

                                  Wrapper

==============================================================  */

  #wrapper { margin: 10px auto 10px auto;
    color: black;
    width: 720px;
background-color: rgb(255,204,0);
    }
/*   =============================================================

                                  Bandeau

==============================================================  */

  #bandeau { padding: 0px 0px 0pt;
    color: black;
 background-color: rgb(255,204,0);
    
    }

  #bandeau p { padding: 0px 0pt;
    margin-bottom: 0pt;
    }
/*   =============================================================

                                  nagigation

==============================================================  */

#navigation { border-bottom: 1px solid rgb(140, 140, 140);
    padding: 5px 10px 4px;
    text-align: right;
    color: black;
    background-color: rgb(255, 204, 0);
    background-image: url(bandeau_bg_degrade.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    }

  #navigation ul { margin-bottom: 0pt;
    }

  #navigation li { margin: 0pt;
    display: inline;
    list-style-type: none;
    }

  #navigation a { border: 1px solid rgb(140, 140, 140);
    padding: 4px 8px;
    color: black;
    background-color: rgb(255, 237, 160);
    }

  #navigation a:hover, #page_accueil #navi01 a, #page_des_partenaires #navi02 a, #page_des_tarifs #navi03 a, #boutique #navi04 a, #page_des_contacts #navi05 a { border-bottom: medium none;
    text-decoration: none;
    color: black;
    background-color: white;
    padding-bottom: 5px;
    }

  #navigation a:active { background-color: white;
    }
/*   

=============================================================

                               Zone du contenu de la page

=============================================================== */

  #contenu { padding: 20px 10px 20px 20px;
background-image: url(images/bkgroundcontenue.gif);
    }
.image_gauche  {
float:left;
padding: 3px;
margin-right: 15px;
margin-bottom: 15px;
}
.image_droite {
float:right;
padding: 3 px;
margin-bottom: 15px;
margin-left: 15px;
}

/* =============================================================

                               Pied de page

=============================================================== */

  #pied { 
    padding: 20px 10px 20px;
    border-top: 1px solid #686868;


address {
  text-align: center;
  font-size: 60%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5em;
}
a { text-decoration: none; outline: none; }
a:link { color: #686868;}
a:visited { color: #686868; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: white; background-color: #BDAA67; }
.skiplink { display: none; }

  ul ul { margin: 0pt;
    }

  li { margin: 0pt 0pt 0pt 1em;
    }

  form { border: 1px solid rgb(140, 140, 140);
    padding: 20px;
    background-color: rgb(238, 238, 238);
    width: 400px;
    }

  label { display: block;
    }

  #expediteur, textarea { border: 1px solid rgb(140, 140, 140);
    width: 300px;
    margin-bottom: 1em;
    }

  textarea { height: 7em;
    }

  input:focus, textarea:focus { background-color: rgb(217, 217, 217);
    }

  #navigation a:active { background-color: white;
    }