/* Appel de la feuille de style reset*/
@import url('reset.css');

/* -------------------------------------------------------
 	1. LIENS base
 ------------------------------------------------------- */
a, a:link, a:visited						{ text-decoration: none;	color: #0A74A6; }
a:hover										{ text-decoration: underline;	color: #0A74A6;}
a.spip_out,
a.spip_in,
a.spip_url,
a.spip_glossaire 							{ color: #0A74A6; }

/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX
 ------------------------------------------------------- */
body 										{ background-image:url(img/bg_body.jpg); color: #444; font: 85%/1.0 "Trebuchet MS", "Lucida Grande", "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-image - voir/see : 'alter.css' */}
#page										{ position:relative; text-align: left; margin: 3em auto; padding: 0;	width: 960px;}
#entete										{ position:relative; height: 180px; background-image:url(img/aflar_bandeau_960.jpg); margin: 0px 0px 0px 0px; padding: 0; border-width: 0; text-align: right; background-color: #787878; overflow: hidden;	z-index: 10; }
#conteneur 									{ position:relative; padding-top:10px; background-image:url(img/bg_conteneur.jpg); background-position:repeat-y; float:left; width:100%; }
#nav										{ width:23%;float:left; background:#2c3449;}
#contenu									{ width:54%;float:left; border: solid 1px #DEDEDE; margin:0 5px 10px 5px; padding:5px 5px 10px 5px;}
#extra										{ width:20%;float:right;background:#ddd;}
#pied 										{ clear:both; border:2px solid #DDD; background:#FFF; text-align:center; padding-top:10px;}

/* -------------------------------------------------------
 	3. MISE EN PAGE - Général
 ------------------------------------------------------- */
.contenu-principal							{ margin-top:10px; }
#contenu h5									{ padding-bottom:5px; border-bottom:1px dashed #AAAAAA; }
p											{ text-align:justify; margin:15px 0 }
a.suite										{ color:maroon; display:inline; font-variant:small-caps; text-decoration:none; }
a.suite:hover								{ text-decoration:underline; color:#085D85; }

/* ------------------------------------------------------------------
 	3. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
/************************* 3-1.  Menu horizontal + formulaire recherche ****************************/	 
#menu-principal a							{ color:#FFFFFF; }
#menu-principal a:hover						{ color:#024F4F; text-decoration:none;}

#menu-principal 							{ margin-left:0; margin-top:0; position:absolute; top:-1.4em; width:780px; }
#menu-principal ul 							{ font-size:88%;font-weight:normal;line-height:1.2em;list-style-type:none;text-align:left;}
	#menu-principal ul li a:hover,
	#menu-principal ul li li a:hover 		{ background-color: #45AFA7; }	
	#menu-principal ul li 					{ float:left; }
	#menu-principal li a 					{ margin:0 1px 0 0; padding:0.2em 1em;}
	#menu-principal ul li a, 
	.menu ul li b 							{ background-color:#2c3449; color:#FFFFFF; display:block; padding:3px 4px; text-align:left; text-decoration:none; }

#menu-recherche .forml 						{ margin:0 0;}
#formulaire_recherche input.text 			{ background-image:url(img/loupe.png); background-position:right center;background-repeat:no-repeat;}
#formulaire_recherche label,
#formulaire_recherche .submit 				{ display:none;}
/************************* 3-2.  Menu vertical ****************************/	 
ul li.menu_vertical 						{ font-size: 88%; line-height: 1.2em; font-weight: normal; text-align: left; list-style-type: none; margin: 0; padding:0; border:1px solid white }
ul li.menu_vertical a,
	li.menu_vertical ul li.rubriques a 		{ color:#FFFFFF; text-decoration: none; text-align: left; padding: 3px 10px; display: block;}
	li.menu_vertical ul.menu_entree li 		{ padding-left: 15px; font-weight: normal;}
	li.menu_vertical ul li.articles a 		{ color:#024F4F;}
	li.menu_vertical 						{ background-color:#2c3449; }
	li.menu_vertical:hover,
	li.menu_vertical ul li.rubriques:hover 	{ background-color: #45AFA7;}
	li.menu_vertical ul li.articles:hover 	{ background-color: #CFE25D;}
		ul.menu_entree li.rubriques 		{ background-color:#259993; }
		ul.menu_entree li.articles 			{ background-color:#CDEB8B; }
/************************* 3-3.  Menu Extra ****************************/
#extra ul 									{ font-size: 88%;line-height: 1.2em;font-weight: normal;text-align: left;list-style-type: none;margin: 0;padding:0;}
	#extra ul li 							{ float: left; border-top: 1px solid #EEEEEE; margin:0;} /* separateur : meme couleur que fond de BODY */
	#extra li span 							{ background-color: #DDD; color: #444; display: block; font-style: italic;	font-size: 92%;}
	#extra ul li a:hover 					{ text-decoration: none; color:#FFFFFF; background-color:#45AFA7; }
	#extra ul li a, 
	#extra ul li b							{ text-decoration: none;text-align: left;padding: 3px 4px 3px 4px;display: block;}
	#extra ul li b							{ background:#2c3449; min-width:184px; }
		#extra ul ul 						{ font-size: 1em; margin: 0;}
		#extra ul li li a:hover				{ color: maroon; background-color: #EDFBFF; /* background-color: #ffd; */}
		#extra li li address a				{ padding: 0px 0 4px 4px;	font-style: italic;	font-size: 92%;	}
 
 /* -------------------------------------------------------
 5. EDITO (sur page sommaire.html)
------------------------------------------------------- */

.edito										{ overflow: hidden; margin-bottom: 1em;	padding-bottom: 1em; border-color: #BBB;border-width: 0 0 2px 0; border-style: dotted; font-family:Arial,Helvetica,sans-serif; }
.edito h3									{ background-color:#2c3449; min-height:18px; color:#FFFFFF; font-size:1.1em; line-height:1.4; text-indent:4px;}
	.edito .articles						{ background-color:#F6F6F6; margin-top:0;}
	.edito .articles h2						{ font-size:120%; font-weight:bold; margin-bottom:0.2em; margin-top:0.2em; }
	.edito .articles h2 a					{ font-size:1.2em; font-weight:bold; color:#024F4F; text-decoration:none }
	.edito .articles h2 a:hover				{text-decoration:underline;}
	.edito .articles p.auteur				{ font-size:90%; font-weight:normal; margin-bottom:0; margin-top:0;text-transform:uppercase;  }
	.edito .articles p.date					{ font-size:80%; margin:0; padding:0; }
		.edito .articles .texte_article					{ background-color:#DDDDDD; line-height:1.1em; margin:5px 5px 25px 5px; padding:8px; font-family:85%/1 "Trebuchet MS","Lucida Grande","Lucida Sans",Tahoma,Arial,'Helvetica Neue',Helvetica,Geneva,Lucida,sans-serif }
		.edito .articles .texte_article	p.suite			{ background-image:url(img/puce.png) ; background-repeat:no-repeat; padding-left:10px; padding-top:2px;}
		.edito .articles .texte_article p.suite a		{ color:maroon; display:inline; font-variant:small-caps; text-decoration:none; }
		.edito .articles .texte_article p.suite a:hover	{ text-decoration:underline; color:#085D85; }

/* -------------------------------------------------------
 	6. Pages Rubriques
 ------------------------------------------------------- */

#bloc-contenu h3 a,
h3.spip,
h1.titre-article, 
#contenu h5 a,
#contenu h3 a 								{ color: #024F4F; }
#contenu .detail 							{ font-size:smaller; margin:0; padding:0; }
#contenu .extrait  							{ background-color:#F6F6F6; line-height:1.4em; margin:5px; padding:8px; }

#description								{ background-color:#DDD; padding:5px; margin-bottom:10px;  }
h1.titre-article 							{ margin-top:13px; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; line-height: 1em; }
h2.structure 								{ background-color:#2c3449; color:#FFFFFF; padding:5px; margin:10px 0; }
h3.spip 									{ border-color: #6CC; border-width: 0 0 1px 0; border-style: solid; }
#bloc-contenu h3 a 							{ font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#bloc-contenu h3.edito-titre a 				{ color: white; font-weight: bold; font-size: 1em;font-family: Arial, Helvetica, sans-serif;}
#plan .plan-rubrique h3 					{ background-color: #6CC; }



/* -------------------------------------------------------
 	7. Pages Articles
 ------------------------------------------------------- */

.ps 							{ font-size:90%; text-align:left; border-top:1px dashed #AAAAAA; margin-bottom:10px; margin-top:0.6em; padding-top:0.6em; }
.ps h4 a,
.ps ul li a						{ color:#024F4F;}

.ps ul 							{ margin: 20px auto auto 40px;}
.ps ul li						{ list-style-type:circle;}



/* -------------------------------------------------------
 	7. Pages Plan du site
 ------------------------------------------------------- */

#plan h2						{ font-size:150%; font-weight:bold; margin-bottom:15px; margin-top:0; }
#plan h3 						{ padding:2px 0; margin-top:8px; text-indent:2px; text-transform:uppercase; background-color:#DDDDDD; }
 
#plan ul li						{ margin-left:15px; font-size:90%; }
#plan a							{ color:#024F4F; text-decoration:none; }
#plan a:hover					{ text-decoration:underline; }


#plan ul li.titre_rub			{ margin-top:5px;}
#plan ul li.titre_art			{ list-style-type:circle; margin:5px auto 8px 30px;}
#plan ul li a.bold				{ font-weight:bold; margin-top:10px; }
	#plan ul li ul li				{ list-style-type:square; } 			


/* -------------------------------------------------------
 	7. Formulaires (Pages Contact et Recherche)
 ------------------------------------------------------- */

#formulaire_contact legend,.listeAuteur legend					{ margin-bottom:10px; }
#formulaire_contact label,.listeAuteur label 					{ color:#024F4F; margin-bottom:5px; }
.formulaire_spip fieldset.previsu 								{ border:2px solid #333333; }
.formulaire_spip fieldset.previsu legend 						{ color:#024F4F; }


.formulaire_recherche input.text 			{ padding-left :1px; }

.listeAuteur

/* -------------------------------------------------------
 	7. Pages Résumé
 ------------------------------------------------------- */


.archives ul li 					{ list-style-type:disc; margin-left:30px; }
.archives ul li.deplier a			{ text-decoration:none; color:#444444 }
.archives ul.sousMenu li a			{ text-decoration:none; color:#024F4F; }
.archives ul.sousMenu li a:hover	{ text-decoration:underline; }

	.archives ul li ul li			{ list-style-type:circle; margin-left:45px;}
	
/* -------------------------------------------------------
 	7. Pages Recherche
 ------------------------------------------------------- */


.liste.resultats  		{ margin-bottom:35px; }
.liste.resultats h2 	{ font-size:125%; margin-bottom:5px; }
.liste.resultats a		{ color:#024F4F; }


/* -------------------------------------------------------
 	7. Pages Site
 ------------------------------------------------------- */


.site ul li ul li			{ list-style-type:circle; margin-left:30px;}
.site a						{ color:#024F4F; }
.site ul li ul				{ margin-top:15px; }




/* -------------------------------------------------------
 	7. Pages Auteur
 ------------------------------------------------------- */

.liste.articles						{ border-bottom:1px dashed #AAAAAA; margin-bottom:30px;}
.listeAuteur h1						{ font-size:130%; }
.listeAuteur ul						{ margin:15px auto; }
.listeAuteur ul li 					{ list-style-type:circle; margin-left:30px;}

.listeAuteur a						{ color:#024F4F; }