/* -------------------------------------------------------
   STYLE PERSO - BASED ON alt-3.css
   Semi-liquid (same technique as alt-1.css) :
      - centered but fluid width:96% (margin:auto - so, each side 2%)
      - but minimum-width:700px (except in the buggy IE/WIN)
      - content area is also fluid but nav bars are fixed
   Banner : display full width
      Only one image in the banner in ID #entete, 
      Site Title is there but invisible when style is applied (text-indent: -5000px)
   Color changes for menus
   Main menu positionned horizontally
 ------------------------------------------------------- */

body
{
	color: #444;
	font-size: 83%;
	font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Arial, Geneva, Helvetica, "Lucida sans", Lucida, sans-serif;
	margin: 0;
	text-align: center;
	/* pour centrer horizontalement la boite #page dans IE/Win */
	background-color: #699;
}

#page
{
	margin: 20px auto;
/*	width: 96%;
	min-width: 700px;
	max-width: 1000px;
*/
	background-color: #699;
}

#entete         /* voir (/squelettes/inc/inc-bandeau.html) */
{
	position: relative;
	top: 0em;
	margin: 0;
	background-color: #928076;
	background-image: url("img/bannerfinal.jpg"); 
	background-position: center top;
	height: 120px;
	   /*border: 2px solid #606070; */      
	z-index: 5;
margin-top: 2px;
}

#entete a.nom-site, #entete a.nom-site:link,  #entete a.nom-site:visited { color: #FC6; }
#entete a.nom-site:hover { color: #fed; }

#entete .nom-site span
{
	left: .3em;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
text-indent: -5000px;
}

#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:visited
{
        background-image: none;
        background-repeat: no-repeat;
        background-position: right top;
}


#bloc-contenu
{
	background-color: #E9E9E9;
	margin-top: 10px;
border: 0px;
     /* margin-left: 160px; */
}

#menu-lang 
{ z-index: 10;
display: none; }

#encart { top: 130px; }



/* MENU HORIZONTAL */

#navigation
{
	position: absolute;
	top: 0px;
	width: 150px;
}


#menu-principal
{
	position: absolute;
	top: -1.4em;
	margin-top: 0px;
	margin-left: 0px;
/*        width: 50em;*/
width: 780px;
}


#menu-rubriques { position: absolute; top: 130px; width: 150px;}

#menu-principal li a
{
	padding: .2em 1em .2em 1em;
	margin: 0px 1px 2px 0px;
} 


#menu-principal ul li 
{ float: left; 
padding-bottom: 5px;}


#menu-recherche { margin-top: 145px; }
#champ-recherche { width: 196px; }



/* COULORS for menus */

.menu ul li { border-top: 1px solid #699; }
.menu ul li a, .menu ul li b { color: white; }
.menu ul li li a { color: white; }
.menu li a:hover, .menu li li a.lienon { color: maroon; }
.menu li span { color: #444; }

.menu ul li a, .menu ul li b
{
	color: white;
	background-color: #224644;
	background-image: url("img/manthan-titre-coin.gif");
}

.menu ul li li a, .menu li span { background-color: #5B7F7F; }
.menu li a:hover { background-color: #BFFFDF; }
.menu li li a.lienon { background-color: #ffd; }
.menu ul li li a.article { background-color: #a2c2c2; color: black;}
.menu ul li li a.article:hover { background-color: #bfffdf; }
.menu ul li a:visited { background-color: #4f4848; }
.menu ul li a.article:visited { background-color: #b8a5a5; }

/* To hide authors and dates */
.detail, .ps h4, .ps h3, .ps ul { display: none; }

/* To hide articles on home page */
body.sommaire #bloc-contenu h3,
body.sommaire #bloc-contenu .surtitre,
body.sommaire #bloc-contenu .sous-titre,
body.sommaire #bloc-contenu .texte { display: none; }

body.sommaire #bloc-contenu .edito h3 { display:none; 
background-color:#5B7F7F;}


body.sommaire #bloc-contenu 
{background-image:url("img/bloc_contenu_image.jpg");
background-repeat: no-repeat;
background-position: top;}

 /*background-color: #5B7F7F; */
/*.menu ul li li a.article {margin-left: 5px;} */

body.sommaire #bloc-contenu .chapo 
{background-image:url("img/div_chapo_image2.jpg");
color: black;}

body.sommaire #bloc-contenu a.spip_in
{color: #19046D;
font-size: 117%;}

.extrait
{background-color: #e9e9e9;
}

.petit-info
{display: none;}

body.sommaire #page { width: 780px; }

a.lien {font-weight: bold;}
 a.lien { font-weight: bold;}