/* -------------------------------------------------------
   STYLE ALTERNATIF - 3
   Semi-fluide (meme technique qu'alternatives 1) :
   	- largeur du bandeau et colonne centrale s'etirent avec la fenetre
   	- mais la largeur totale est maintenue au minimum de 700px (sauf dans IE/WIN)
   	- la largeur des menus reste fixe
   Bandeau : sur 3 colonnes de large
   	Utilisation de 4 images pour le bandeau, 
   	dont 2 (l'une pour le survol) en remplacement du titre du site
   Changement des couleurs pour les menus
 ------------------------------------------------------- */
#page {
    margin: 20px auto;
    width: 94%;
    min-width: 700px
    }
#entete /* voir (/squelettes/inc/inc-bandeau.html) */ {
    margin: 0 0 5px 0;
    background-image: url(img/bureau-bleu-jaune-gfond-l.jpg);
    border: 0;
    height: 120px
    }
#entete a.nom-site, #entete a.nom-site:link, #entete a.nom-site:visited {
    color: #666;
    background-image: url(img/titre-jaune-bleu.jpg);
    background-position: 160px 12px;
    background-color: transparent;
    background-repeat: no-repeat
    }
#entete a.nom-site:hover {
    color: #999;
    font-style: italic;
    background-image: url(img/titre-jaune-bleu-over.jpg)
    }
#entete .nom-site span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(img/bureau-bleu-jaune-pfond-r.jpg);
    background-color: transparent;
    text-indent: -5000px;
    /* c'est ici qu'est le TRUC pour cacher le texte tout en conservant l'image de fond */
    text-align: left
    }
/* -------------------------------------------------------
   Marge du haut de 125px (bandeau + 5px) pour les menus
   Changement de couleur de fond pour les menus
 ------------------------------------------------------- */
#navigation, #encart {
    top: 125px
    }
/* COULEURS des menus */
.menu ul li a, .menu ul li b {
    background-color: #6476a8
    }
/* bleu marine extrait de l'image du bandeau */
.menu ul li li a, .menu li span {
    background-color: #fae788
    }
/* jaune extrait d'une nuance du visage de l'image */
.edito h3 {
    background-color: #6476a8
    }
/* bleu marine extrait de l'image du bandeau */
#menu-principal ul li {
    width: 100%
    }
#menu-recherche {
    clear: both;
    width: 100%
    }