* {
  padding: 0;
  margin: 0;
} 

body {
  /* Background color */
  background: #111;
  /* Font family */
  font-family: Helvetica, Arial, sans-serif;
  /* Font size */
  font-size: 14px;
}

/* Les liens en général (menu+content) */
a { 
  text-decoration: none; 
}

/* Cadre du site */
#frame {
  /* Largeur */
  width: 760px;
  /* Espace: hauteur gauche*/
  margin: 20px auto;
  /* padding: le contour */
  padding: 1px;
  /* couleur du contour */
  background: #fff;
}

/* Cadre pour le titre (a l'interieur de #frame) */
#header {
  /* Image de fond */
  background: #000 url(../images/banner.png) no-repeat;
  /* Hauteur */
  height: 100px;
}

/* Url dans la banniere */
#header .btitle {
  font-family: Helvetica, Arial, sans-serif;
  /* font size */
  font-size: 14px;
  /* bold */
  font-weight: bold;
  /* couleur */
  color: #fff;
  /* espace: hauteur ?? ?? gauche */
  padding: 60px 0 0 570px;
}

/* Menu de navigation */
#navigation {
  /* Taille du text */
  font-size: 12px;
  /* Police du text */
  font-family: Arial, Verdana, Tahoma, sans-serif;
  /* L'image de font */
  background: #111 url(../images/menu.gif) repeat-x;
  /* Hauteur */
  height: 30px;
  /* Hauteur de la ligne */
  line-height: 30px;
}

/* Les éléments li du menu */
#navigation li {
  /* Pour tout mettre à gauche (et non à la ligne) */
  float:left;
  /* Enlever le point du <li> */
  list-style-type:none;
  /* Barre qui délimite les différents éléments */
  border-right:1px solid #444;
}

/* Les liens du menu */
#navigation li a {
  /* Pour que le onmouse prenne toute la hauteur */
  display:block;
  /* Espace entre les liens */
  padding:0 20px;
  /* Couleur des liens */
  color: #fff;
  /* Espace en les lettre */
  letter-spacing:1px;
}

/* Le style onmouse */
#navigation li a:hover {
  /* L'image de fond */
  background: #111 url(../images/menuover.gif) repeat-x;
  text-decoration:none;
}

/* Le contenu de la page */
#content { 
  /* Couleur du text dans le corp de la page */
  color: #333;
  /* Espaces: haut droite ?? gauche */
  padding: 10px 20px 5px 10px;
}

#content a {
  /* Couleur des liens */
  color: #173D7F; 
}

#content a:hover {  color: #000; }

#content h1 {
  color: #999;
  font-size: 22px;
  margin-bottom: 20px;
  margin-top: 10px;
}

#content h2  {
  /* Couleur des petits titres */
  color: #000;
  font-size: 18px;
  /* Ligne en dessous */
  border-bottom: 1px dotted #999;
  /* Espace en dessous */
  margin-bottom: 20px;
  /* Espace au dessus */
  margin-top: 10px;
}

#content h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Les paragraphes */
#content p {
  /* Espace en haut */
  margin-top: 10px;
  /* Espace entre les lignes */
  line-height: 20px;
  /* Décalage au début d'un paragraphe */
  text-indent:10px;
  /* Justifier */
  text-align:justify
}

/* Les points */
#content ul {
  /* Couleur */
  color: #333;
  /* Espace: dessus ?? dessous ?? */
  margin: 3px 0 8px 0;
  /* Espace à gauche */
  padding-left: 20px;
}

#footer { 
  background: #111 url(../images/menu.gif) repeat-x;
  color: #eee;
  margin-top:20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

/* Ecrire une addresse */
.postal {
  float:left;
  width:200px;
  margin-left:20%;
}

/* Pour ecrire un numéro de tel */
.tel {
  float:right;
  margin-right:40px;
}

.imgonright {
  padding-left:10px;
  float:right;
}

.imgonright2 {
  padding-right:20%;
  float:right;
}

#monForm {
  letter-spacing: 1px;
}

#monForm input, #monForm select
{
  border: #CCC 1px solid;
}

#monForm p { 
  margin-top: 10px; 
  margin-bottom: 10px; 
}

#monForm textarea
{
   width: 100%;
   height: 120px;
   border: #CCC 1px solid;
}

#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus, #monForm textarea:hover, #monForm textarea:focus
{
   border: #999 1px solid;
   background-color: #ddd;
}

#footer a {  color: #aaa; text-decoration: none; }
#footer  a:hover { color: #777; }