/* -------------------------------------------------------
   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: 0px 0px 5px 0px;
	background-image: url("img/bureau-bleu-jaune-gfond-l.jpg");
	border: 0px;
	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%;}