/*******************************************************/
/* CSS du bandeau du haut (bandeau + recherche + menu) */
/*******************************************************/
/* Conteneur du bandeau (image de fond) */
div.bloc_bandeau_haut {
	width:984px;
	height:130px;
	padding:0;
	margin:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	background:white url(../img/bandeau.jpg) no-repeat;
}

/* Pour enlever le surlignage spip du moteur de recherche */
div.bloc_bandeau_haut .spip_surligne {
	background:none;
}

/* Lien vers page d'accueil (sur l'image du bandeau) */
div.bloc_bandeau_haut div.cont_lien,
div.bloc_bandeau_haut div.cont_lien a {
	width:984px;
	height:87px;
}
div.bloc_bandeau_haut div.cont_lien a {
	display:block;
}

/* Conteneur de la date */
div.bloc_bandeau_haut div.cont_date {
	width:984px;
	height:20px;
}
/* Date et numero */
div.bloc_bandeau_haut div.cont_date span {
	width:225px;
	height:auto;
	margin-left:759px;
	margin-top:0px;
	text-align:center;
	font-size:9px;
	color:#463964;
	text-transform:capitalize;
}

/* Conteneur du formulaire de recherche */
div.bloc_bandeau_haut div.cont_recherche {
	width:984px;
	height:23px;
}
/* Formulaire de recherche */
div.bloc_bandeau_haut div.cont_recherche form {
	width:225px;
	height:23px;
	margin-left:759px;
	margin-bottom:0px;
	margin-right:0px;
	clear:left;	
	background-color:#3a2a22;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
div.bloc_bandeau_haut div.cont_recherche form div,
div.bloc_bandeau_haut div.cont_recherche form dl,
div.bloc_bandeau_haut div.cont_recherche form span.titre_recherche {
	height:auto;
	width:auto;
	margin-top:4px;
	margin-left:4px;
	float:left;
}
div.bloc_bandeau_haut div.cont_recherche form div {
	margin-top:3px;
}
/* Champ de saisie */
div.bloc_bandeau_haut div.cont_recherche form input {
	width:105px;
	height:14px;
	float:left;
	border:0;
	background-color:#FFFFFF;
	font-size:10px;
	color:#3a2a22;
}
/* "Depuis" */
/* Lien "Depuis" */
dl#nav_depuis a {
	color:#FFFFFF;
}
dl#nav_depuis a:hover {
	color:#f47118;
}
/* Elements de l'encart dynamique */
dl#nav_depuis dl, dt, dd, ul.depuis, li.depuis {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style:none;
}
/* Taille et fond de l'encart */
dl#nav_depuis dd#depuis {
	width: 66px;
	height:67px;
	position: absolute;	
	background:#3a2a22 url(../img/fond_depuis.gif) repeat-x;
	display:none;
}
dl#nav_depuis ul.depuis {
	margin-top:4px;
	margin-left:4px;
	display:block;
}
dl#nav_depuis li.depuis {
	font-size:11px;
}
/* Liens de l'encart */
dl#nav_depuis li.depuis a {
	text-decoration: none;
	color:#FFFFFF;
}
dl#nav_depuis li.depuis a:hover {
	color:#f47118;
}
/****************************************************/

/****************************************************/
/* Menu principal horizontal 						*/
/****************************************************/
/* Conteneur du menu */
div.bloc_menu_haut {
	width:984px;
	height:28px;
	padding:0;
	margin:0;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#3a2a22 url(../img/fond_menu.gif) repeat-x;
}
/* Pour enlever le surlignage spip du moteur de recherche */
div.bloc_menu_haut .spip_surligne {
	background:none;
}
/* Titre des editions speciales et dossiers (pas de menu dans ces pages */
div.bloc_menu_haut span.esd {
	width:984px;
	height:auto;
	margin-top:5px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:right;
}
/* Conteneur des onglets 																*/
/* Le padding-left doit être egale a 984 - la largeur du bloc "ul"						*/
/* A noter : le 1er onglet sera decale de ce padding-left 								*/
div.bloc_menu_haut div.bloc_onglets {
	width:984px;
	height:28px;
	padding-left:4px;
	float:left;
}
/* Liste d'onglets */
/* La largeur de ce bloc doit être egale a : largeur d'un onglet * nombre d'onglets 	*/
div.bloc_menu_haut div.bloc_onglets ul {
	width:980px;
	height:28px;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	background:#3a2a22 url(../img/fond_menu.gif) repeat-x;
}
/* Liste d'onglets du sous-menu ("ANNONCES") */
div#annonce ul {
	width:auto;
	height:28px;
	margin:0;
	padding:0;
	float:right;
	list-style:none;
	background:#3a2a22 url(../img/fond_menu.gif) repeat-x;
}
/* Onglets */
div.bloc_menu_haut ul li,
div#annonce ul li {
	width:140px; /* = largeur de l'onglet */
	height:28px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
}
/* Liens dans les onglets */
div.bloc_menu_haut ul li a,
div.bloc_menu_haut ul li a.actif {
	width:140px; /* = largeur de l'onglet */
	height:28px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	background:#3a2a22 url(../img/fond_menu.gif) repeat-x;
}
/* Onglet actif et rollover des onglets */
div.bloc_menu_haut ul li a:hover,
div.bloc_menu_haut ul li.actif {
	text-decoration:none;
	background:#694b3c url(../img/fond_menu_actif.gif) no-repeat;
	color:#b5cc63;
}
div.bloc_menu_haut ul li a.actif {
	color:#b5cc63;
	background:none;
}
/* Sous menu "ANNONCES" */
div#annonce {
	width:984px;
	height:28px;
	display:none;
	margin:0;
	padding:0;
	position: absolute;
	background:#3a2a22 url(../img/fond_menu.gif) repeat-x;
	z-index:100;
}
div#annonce ul li a {
	width:140px; /* = largeur de l'onglet */
	height:28px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	background:#3a2a22 url(../img/fond_menu.gif) repeat-x;
}
div#annonce ul li a:hover {
	text-decoration:none;
	background:#3a2a22 url(../img/fond_menu_actif.gif) no-repeat;
	color:#b5cc63;
}
/****************************************************/