body {

      font-family:Verdana, Arial, Helvetica, sans-serif;
      
      font-size: 0.8em;
      
      margin: 0;
      
      padding: 0;
      
      /* couleur de fond */
      background-color:#444444;

      /* Image de fond */
      background-image:url(./IMAGES/fond.jpg);

      /* Repetition de cet image */
      background-repeat : repeat-x;

      /* On place l'image */
      background-position: left top

}

#conteneur {

      width: 850px;
      
      margin: 0 auto;
      
      background-color:#fff;

 
}

#header {

      /* Taille de l'en tête */
      height: 100px;

      /* Image de fond */
      background-image:url(./IMAGES/tete.jpg);

}

#centre {

     /* bordure du cadre */
      border: 0px solid #000;

}

#pied {

      /* Taille du pied */
      height: 100px;

      /* Image de fond */
      background-image:url(./IMAGES/pied.jpg);

      /* Repetition de cet image */
      background-repeat : repeat-x;

      /* On place l'image */
      background-position: left top;

      /* Alignement de la police */
      text-align:center;
}

/* ELEMENT HTML */
h1 {
      /* Alignement de la police */
      text-align:left;

      /* Mise en forme de la police */
      font-weight:lighter;
      font-style:bold;

      /* Couleur de la police */
      color:#1C408E;

      /* Marge de l'element */
      margin: 5;

      /* Ligne en dessous du titre */
      border-bottom: 1px solid #aaa;

}

h2 {
      /* Alignement de la police */
      text-align:left;

      /* Mise en forme de la police */
      font-weight:lighter;

      /* Couleur de la police */
      color:black;

      /* Marge de l'element */
      margin: 5;

      /* Ligne en dessous du titre */
      border-bottom: 1px solid #aaa;

      /* Image de fond */
      background-image:url(./IMAGES/titre.jpg);

      /* Repetition de cet image */
      background-repeat : repeat-x;

      /* On place l'image */
      background-position: left top;

}

h3 {
      /* Alignement de la police */
      text-align:center;

      /* Mise en forme de la police */
      font-weight:lighter;
      font-style:italic;

      /* Couleur de la police */
      color:#1C408E;

      /* Marge de l'element */
      margin: 0;

}

p {

      /* Alignement de la police */
      text-align:justify;

      /* Mise en forme de la police */
      font-weight:lighter;
      font-style:italic;

      /* Couleur de la police */
      color:#1C408E;

      /* Marge de l'element */
      margin: 5;

}

p.white {

      /* Alignement de la police */
      text-align:justify;

      /* Mise en forme de la police */
      font-weight:lighter;
      font-style:italic;

      /* Couleur de la police */
      color:white;

      /* Marge de l'element */
      margin: 5;

}


/* Définition des input */
input, textarea {

	    /* Taille de la bordure et couleur */
    	border:1px solid black;

    	/* Couleur de fond */
    	background-color: #DEE5E3;

}

/* Définition de la classe bouton */
input.bouton {

      	/* Mise en gras de la police */
      	font-weight:bold;

      	/* Taille de la bordure et couleur */
      	border:2px outset #1C408E;

      	/* type du curseur */
      	cursor:pointer;

      	/* Couleur de la police */
      	color:#fff;

    	  /* Image de fond */
    	  background-image:url(./IMAGES/ligne.jpg);

}

/* Définiton des liens */
a, .b:link {

      font-size:80%;

      color:white;

      background-color:transparent;

      text-decoration:none;

}

a, .b:visited {

      font-size:80%;

      color:white;

      background-color:transparent;

      text-decoration:none;

}

a, .b:hover {

      font-size:90%;

      color:white;

      background-color:transparent;

      text-decoration:none;

}

a, .c:link {

      font-size:80%;

      color:#444444;

      background-color:transparent;

      text-decoration:none;

}

a, .c:visited {

      font-size:80%;

      color:#444444;

      background-color:transparent;

      text-decoration:none;

}

a, .c:hover {

      font-size:90%;

      color:#444444;

      background-color:transparent;

      text-decoration:underline;

}

/* MENU CSS */
#nav li {
    margin: 0;
    padding: 0;
    display: inline;
    font-size:120%;
}

#nav li a:link, #nav li a:visited {
 display: block;
    float: left;
    height: 32px;
    width: 121.4px;
    line-height: 32px;
    text-decoration: none;
    text-align: center;
    background:#fff url(./IMAGES/nav.gif);
    color:white;
    padding: 0;
}

#nav li a:hover, #nav li a:active {
    background:#000 url(./IMAGES/nav.gif) 0 -32px;
    padding: 0;
    color:white;
    font-style:bold;


}