body     { color: #000; font-size: 85%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #ffc; position: absolute; width: 100%; height: 101%; margin: 0; padding: 0; border-width: 0; }
blockquote { font-style: italic; }
#conteneur      { background-repeat: no-repeat; background-position: 0 80px; position: relative; width: 100%; z-index: 0; margin-right: auto; margin-left: auto; padding: 0; border-width: 0; }
#entete          { background-color: #fff; background-image: url(images/skin/fondLogo.jpg); background-repeat: repeat-x; position: relative; height: 100px; z-index: 1; margin: 0; padding: 0; }
#fadeImages{ right: 0; float: right; margin: 0; padding: 0; border-width: 0; }
#logo{ position: absolute; top: 0; left: 0; z-index: 100; float: left; }
#entete h1, #entete p{ text-indent: -5000px; position: absolute; top: 0; left: -5000px; margin:0; }
#haut     { background-image: url(images/skin/SousMenu.jpg); position: relative; margin: 0; padding: 0; width: 100%; height: 40px; z-index: 10; border-top: 1px solid #999; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
.separation       { visibility: hidden; margin: 0; padding: 0; clear: both; border-width: 7px  }/* en mettant 7px, on obtient une hauteur a peu pr?s pareille ? celle du hr d'IE*/
.cache, #phpmyvisites{ position: absolute; left: -5000px; visibility: hidden; display: block; }
.biffe{ text-decoration: line-through; }
#slide{ position: absolute; top: 40px; left: 0; width: 120px; }
#gauche       { text-align: center; position: absolute; top: 140px; left: 0; z-index: 1000; margin: 0; padding: 0; }
.droite, #recherche    { color: #e7d5d0;  position: relative; top: 40px; width: 10em; z-index: 10; float: right; clear: right; margin-bottom: 10px; background-color: #669; background-image: url(images/skin/fondDroite.jpg); background-repeat: repeat-x;}
#contenu { text-align: justify; z-index: 0; margin-right: 12em; margin-left: 12em; border-width: 0; }
#pied { color: #fff; background-color: #fed; background-image: url(images/skin/fondDroite.jpg); text-decoration: none; text-align: center; position: static; clear: both ; margin: 30px 0 0; padding-top: 5px; padding-right: 2px; padding-left: 2px; border-top: 1px solid #999; }
/* Configuration de la partie accessibilit?*/
#easyaccess{
display: none;
}
/* fil d'arianne*/
#arianne      { color: #f30; position: absolute; left: -5000px; visibility: hidden; margin: 0; padding: 0; display: block; }
/* Configuration des styles dans la partie contenu */
#contenu kbd{ border: solid 1px #aaa; }
#contenu ul{ margin: 0 0 0.5em 1em; padding: 0; }
#contenu p  { margin: 0 0 0.5em; }
#contenu .sign { text-align: right; }
#contenu table{ width: 100%; float: left; margin-bottom: 0.5em; border: solid 1px #036; border-collapse: collapse       }
#contenu table caption{ font-weight: bold; text-align: left; margin-right: auto; margin-left: auto; padding: 5px; border-width: 0; }
#contenu table td{ vertical-align: middle; padding: 5px; border-bottom: 1px solid #036; border-left: 1px solid #036; }
#contenu table th{ background-color: #ccc; text-align: left; padding: 5px; border-bottom: 2px solid #036; border-left: 1px solid #036; white-space: nowrap; }
#contenu table .article{ width: 100%; }
#contenu table a{ text-decoration: none; display: block; }
#contenu table a:hover{ background-color: #6c9eb4; text-decoration: none; }
#contenu h4 a,#contenu h2 a,#contenu h3 a { color: #369; text-decoration: none }
#contenu h4 a:hover,#contenu h2 a:hover,#contenu h3 a:hover  { color: #069; text-decoration: underline }
#contenu h1 { color: #369; font-size: 1.2em; }
#contenu h2 { color: #369; font-size: 1.2em; margin: 1.5em 0 0.5em 1em    }
#contenu h3 { color: #369; font-size: 1.1em; font-weight: normal; font-style: italic; margin-top: 0.5em; margin-bottom: 0.2em; }
#contenu h4 { font-size: 1em; margin: 0 1em 1em 3em }
#notes{ position: relative; clear: both; margin-right: -10px; margin-left: -10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; border-top: 1px solid #036; }
#notes ul{ margin: 0; }
#notes .num{ text-decoration: none; }
#notes li{ list-style-type: none; }
#contenu sup a{ text-decoration: none; }
.bouton{ color: #000; background-color: #ccc; text-decoration: none; padding: 2px 5px; border-top: 1px solid #ccc; border-right: 1px solid #000; border-left: 1px solid #ccc; border-bottom-style: solid; border-bottom-width: 1px; }
.bouton:hover{ background-color: #fff; }
.imgDroite, .imgGauche{ font-style: italic; text-align: center; margin-top: 5px; margin-bottom: 5px; }
.imgDroite, .imgDroiteSansLegende{ position: relative; float: right; margin-left: 5px; }
.imgGauche{ position: relative; float: left; margin-right: 5px; }
.imgDroite img, .imgGauche img{  }
.imgDroite p, .imgGauche p{ font-size: 80%; display: block; }
.imgCentreSansLegendes{ text-align: center; top: 200px; }
.imgCentreSansLegendes p{ font-size: 80%; visibility: hidden; display: block; }
#contenu .liensInternesTM  { font-size: 1.2em; text-decoration: none; margin-top: 0; margin-bottom: 0; margin-left: 10px; padding: 0   }
#liensInternes   { margin: 0 0 1em !important; padding: 10px !important; border: solid 1px #036  ; list-style: none   } 
#liensInternes ul  { margin: 0; padding: 0; list-style: none; }
#liensInternes a { color: #036; text-decoration: none ; }
#liensInternes a:hover  { color: #4b839f; text-decoration: underline   }

/* Configuration des styles dans la partie de gauche et de droite*/
#gauche p, .droite p{ text-align: left; margin: 0 5px 5px; }
.droite a, #pied a{ color: #ddd; text-decoration: none; text-align: left; margin: 0; }
.droite a:hover, #pied a:hover, #contenu a:hover  { color: #4c4; }
#gauche hr, .droite hr{ visibility: hidden; margin: 0; padding: 0; }
#gauche h1, .droite h1{ color: #ddd; font-size: 1.2em; height: 1em; margin: 5px 0 0.5em 5px; }
#gauche h2, .droite h2{ font-size: 1em; font-weight: normal; font-style: italic; text-decoration: underline; height: 1em; margin: 0 5px 3px; }
/* Configuration des styles dans la partie de gauche seulement*/
/* Configuration des styles dans la partie de droite seulement*/
.droite blockquote { margin: 0; padding: 0; }
/* Configuration du menu rapide*/
#menuhaut         { position: absolute; top: 3px; right: -1px; z-index: 1000; float: right; clear: right; }
#menuhaut a{ color: #ccc; padding-right: 5px; padding-left: 5px; }
#menuhaut a:visited  { }
#menuhaut a:hover  { color: #080 !important; }
#menuhaut a:active, #menuhaut .selected { color: #080 !important; text-decoration: none; }
#nav           { position: absolute; top: 3px; z-index: 1000; }
#nav, #menuhaut { margin: 0; padding: 0; border-color: #699; list-style-type: none; list-style-image: none; }
#nav ul   { list-style: none; margin: 0; padding: 0 }
#nav a, #menugauche a, #menuhaut a{ font-weight: bold; text-decoration: none; text-align: left; display: block; }
#nav a { background-image: url(images/skin/bullet.gif); background-repeat: no-repeat; background-position: 5px 0.4em; padding-right: 10px; padding-left: 15px; }
#menugauche a{ background-image: url(images/skin/bullet.gif); background-repeat: no-repeat; background-position: 5px 0.4em; width: 8.5em; padding-left: 1.5em; }
#menuhaut a{ background-image: url(images/skin/bullet.gif); background-repeat: no-repeat; background-position: 5px 0.4em; padding-right: 10px; padding-left: 15px; }
#nav a:visited, #menugauche a:visited  { }
#nav a:hover, #menugauche a:hover  { color: #080 !important; }
#nav a:active, #menugauche a:active,  #nav .selected, #menugauche .selected{ color: #080 !important; text-decoration: none; }
/*Pour faire changer les bullets...*/
#nav a:hover, #menuhaut a:hover, #menugauche a:hover, #nav a:active, #nav .selected, #menuhaut a:active, #menuhaut .selected, #menugauche a:active, #menugauche .selected { background-image: url(images/skin/bullet_hl.gif) !important; text-decoration: none; }
#nav li, #menuhaut li    { float: left ; }
/* Sous menu de gauche (obligatoire pour les utilisateurs de IE sans javascript)*/
#menugauche { z-index: 1000; list-style-type: none; margin: 0; padding:0; }
#menugauche h1 { margin: 0; padding: 0; border-width: 0 }
/*Confiiguration du formulaire de recherche rapide*/
#formRechercheRapide{ margin: 5px; text-align: center; }
#formRechercheRapide label  { color: #ddd; font-size: 0.8em ; width: 8em; }
#formRechercheRapide .submit { width: 90%; margin-top: 2px; }
#formRechercheRapide .champ{ font-size: 0.8em; width: 90%; }
/* Configuration du formulaire de recherche*/
#formRecherche { text-align: center; margin: 15px }


/*Configuration de l'affichage des r?sultats de la recherche*/
#resultatRecherche .evidence  { font-weight: bold; background-color: #fc6 }
#resultatRecherche ul { list-style: none; margin: 15px; padding: 0 }
#resultatRecherche li  { background-color: #ccc; margin: 2px; border: dotted 1px #000 }
#resultatRecherche li p { margin: 3px }
#resultatRecherche .score { right: 0; float: right; border-top: 0; border-right: 0 #666; border-bottom: 0; border-left: 5px solid #666 }
/*Configuration du formulaire de contact*/
#contact{ background-color: #ffe387; text-align: center; padding: 5px; border: solid 1px #03f; }
#contact p{}
#contact label{ display: block; }
.champsForm{ border: solid 1px #03f; }
.message_livre_d_or{ background-color: #ffe387; margin-bottom: 10px; padding: 0 5px 5px; border: solid 1px #369; }
.message_livre_d_or h2{ margin: 0 0 3px !important; }