span.surlignerorange
{
background-color:#F65936;
}

#entete_band
{
	background-image: url(img/bandeausesips.gif);
	background-repeat: no-repeat;
	text-align: right;
	width:100%;
}

/* -------------------------------------------------------
 	3. BANDEAU - ENTETE (inc/inc-bandeau.html)
 ------------------------------------------------------- */



#entete_band			/* voir (../inc/inc-bandeau.html) */
{
	position: relative;
	height: 127px;
	
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	text-align: right;
	background-color: #FFFFFF;
	overflow: hidden;
	z-index: 10;
	/* background-image - voir/see : 'alter.css' */
}





/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
/* COULEURS des menus */
.menu ul li {border-top: 1px solid #eee; } /* separateur : meme couleur que fond de BODY */

.menu ul li a:hover { text-decoration: none; }

.menu ul li a:hover { color: white;}

.menu ul li { color: white;}


/* text : color  rubrique */
.menu ul li a, 
.menu ul li a:visited,
.menu ul li b 	{ color: white;}

.menu li span { color: #444;}

/* text : color  ss rubrique */
.menu ul li li a, 
.menu ul li li a:visited 			{ color: #22326E;}

.menu ul li li a.lienon
.menu ul li li a:hover { color: #0E826E;}



/* background  rubrique*/

.menu ul li a,
.menu ul li,
.menu ul li b { background-color: #EC431E; }

.menu ul li a:hover { background-color: #91270F; }

.menu ul li li a:hover { background-color: #DA120A; }


/* background  sous rubrique*/
.menu ul li li a, 
.menu ul li li a:visited,
.menu li span 				{ background-color: #DDD; }



.menu ul li li a.lienon 	{ background-color: #ffd; }


.menu ul li li a.article { background-color: #eee; }
.menu ul li li a.article:hover { background-color: #EDFBFF; }

.menu ul li li a.rubrique { background-color: #eee; }
.menu ul li li a.rubrique:hover { background-color: #EDFBFF; }

/* TYPO et ESPACEMENT des menus */

.menu ul 
{
	font-size: 88%;
	line-height: 1.2em;
	font-weight: normal;
	text-align: left;
	list-style-type: none;
	margin: 0;	padding: 0;
}

.menu ul ul { font-size: 1em; margin: 0;}
.menu ul li { margin: 0; }

.menu ul li a, .menu ul li b
{	
	text-decoration: none;
	text-align: left;
	padding: 3px 4px 3px 4px;
	display: block;	
	/* background-image - voir/see : 'alter.css' */
}



.menu ul li li a { padding-left: 4px; font-weight: normal;}
.menu ul li li li a { padding-left: 10px;}
.menu ul li li li li a { padding-left: 16px;}
.menu ul li li li li li a { padding-left: 22px;}
.menu ul li li li li li li a { padding-left: 28px;}


.menu li span
{
	display: block;	
	font-style: italic;
	font-size: 92%;	
}
.menu li li address a
{
	padding: 0px 0 4px 4px;
	font-style: italic;
	font-size: 92%;	
}

/*  ANNONCE dans #encart */
.annonce
{
	background-color: #DDD;
	/* overflow: hidden; */
	text-align: center;
}
.menu li.annonce a { padding: 0; }
.menu li.annonce .spip_logos,
.menu li.annonce a img { margin: 0; }

#menu-principal {
	position: absolute;
	top: -1.4em;
	margin-top: 0px;
	margin-left: 0px;
	width: 3000px;
}

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

#menu-principal ul li 
{ float: left;
   }

/* #menu-recherche {  position: absolute; top: 185px; width: 148px;} */
#menu-recherche { width: 100px; }
#menu-recherche.menu ul li { border-top: 0; }

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

.menu-item { font-size: 85%; }

.menu-item,
.menu-titre-special, 
.menu-titre { background-color: #313c72; } 

/* -------------------------------------------------------
 	4. ELEMENTS HTML DE BASE
 ------------------------------------------------------- */

h1
{
	color: #F29616;
}

h2
{
	color: #F65936;
}

h3
{
	color: #F29616;
}

h1.titre-site { 
font-family: Comic Sans MS, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	text-decoration: none;
	color: #5140A4; 
	font-size: 1em;
	font-weight: lighter;}

/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX
 ------------------------------------------------------- */

body {
	color: #1E3272;
	font: 85%/1.0 "Times New Roman", "Trebuchet MS", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	margin: 0;
	text-align: center;
	/* pour centrer horizontalement la boite #page dans IE/Win */
	background-color: #F8C178;
	/* background-image - voir/see : 'alter.css' */
}

body {
	background-image: url(img/body_bg.png);
	background-repeat: repeat;
}

#page
{
	position: relative;
	text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
	margin: 3em auto; /* auto pour centrer horizontalement la boite dans BODY 
						 pour le navigateurs autres que IE/WIN */
	padding: 0;
	width:95%; /* 780 px ou 100% pour largeur fluide pleine largeur */
}

#entete			/* voir (../inc/inc-bandeau.html) */
{
	position: relative;
	height: 127px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	text-align: right;
	background-color: #787878;
	overflow: hidden;
	z-index: 10;
	/* background-image - voir/see : 'alter.css' */
}


#navigation			/* (inc/inc-menu.html) */ {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

#bloc-contenu
{
	position: static;
	border: solid 1px #DEDEDE;
	margin: 10px 155px 5px 155px;
	padding: 10px 10px 5px;
	background: white;
	z-index: 20;
}

#encart
{
	position: absolute;
	top: 145px;
	right: 0px;
	width: 150px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

#bas			/* (inc/inc-bas.html) */
{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: center;
	margin-left: 155px;
	margin-right: 155px;
}

.cartouche_site
{
	/*border-top: 2px solid #404040;*/
	margin-bottom: 15px;
	height:35px;
	/*clear: right;*/
}