/* -------------------------------------------------------
   STYLE ALTERNATIF - 2
   Semi-fluide :
   	- 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
   Menu general en haut a droite
   Bandeau : pleine largeur de la fenetre 
 ------------------------------------------------------- */

#page
{
	margin: 20px auto;
	padding: 0;
	width:100%;
}

#entete			/* (inc/inc-bandeau.html) */
{
	margin: 0px 1% 5px 23%;
	background-position: left bottom;
        height: 110px;
	border: 0px;
	padding: 0;
	background-repeat: no-repeat;
}

#entete a.nom-site, #entete a.nom-site:link,  #entete a.nom-site:visited
{
	color: #666;
	background-position: right bottom;
	background-repeat: no-repeat;
}

#entete a.nom-site:hover
{
	color: #999;
	font-style: italic;
}
#entete .nom-site span
{
	bottom: 12px;
	right: 55%;
}

#bloc-contenu
{
	margin: 0px 23% 5px 23%;
}


#menu-lang		/* voir (../inc/inc-bandeau.html) */
{
	top: 32px;
	right: 25%;
}

/* -------------------------------------------------------
   Navigation :
   	- d�buter navigation de droite en haut
   	- afficher 2 niveaux de navigation seulement
  
 ------------------------------------------------------- */
#navigation { top: 0px; margin: 0 1% 0 1%; width: 20%;}
#encart	{ top: 116px; margin: 0 1% 0 1%; width: 20%; }

.menu ul li a, 
.menu ul li b	 { background-color: #000000; } /* 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: #cc0000; } /* bleu marine extrait de l'image du bandeau */

ul ul .menu-hierarchie {
	display: none; /* pour n'afficher que 2 niveaux */
}

#menu-principal ul li { width: 100%; }
#menu-recherche { clear:both; width:100%;}