/*---------------------Style page HTML------------------------------- */

body { 
	background: white;
	color:#000000;
	margin: 5px;/* bien regler la marge (bugs IE) 5 au lieu de 10 avant*/
	color:#000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

.structure {
	display: none;
}
h1,h2,h3,h4 {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 14px;
	font-weight: normal;
}

/* -------------------------------------------- Mémo ------------------------------------ */

/* Noir = #000000  */
/* Blanc = #FFFFFF  */
/* Bleu des titres = #003399  */
/* Fond gris = #DDDDDD  */
/* Vert = #CCCC00 ou plus foncé #A6AA14  */
/* Gris moyen pour bordures = #a0a0a0  */
/* Fond gris bleuté presque blanc = #E8E8E8  */


/* --------------------------------- Styles des squelettes ------------------------------ */

a, a:visited, a:active {color:#000000;	text-decoration: none;}
a:hover {color:#003399;	text-decoration: underline;background: #E8E8E8;}

.titre-bleu-grand {color: #003399;font-size: 20px; font-weight:bold;}
.titre-bleu-moyen {color: #003399;font-size: 18px; font-weight:bold;}
.titre-bleu-petit {color: #003399;font-size: 14px; font-weight:bold;}

.titre-bleu-petit-trait {color: #003399;font-size: 16px;font-weight: bold;
	border-top: 1px solid #a0a0a0;
	border-bottom: 0px dashed #a0a0a0;
	margin: 0px;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 5px;}

.surtitre {font-size: 11px; font-weight: bold; color: #000000;font-family: Verdana,Arial,Helvetica,sans-serif;
		   text-align: left;
		   margin-top: 0.5em;
		   margin-bottom: 0.5em;
		   font-variant: small-caps;}

.sousrubrique {font-size: 11px; font-weight: bold; color: #000000;font-family: Verdana,Arial,Helvetica,sans-serif;
		   text-align: left;
		   padding-left: 10px;
		   margin-top: 0.5em;
		   margin-bottom: 0.5em;
		   font-variant: small-caps;}
		   
.titrearticle {font-size: 20px;font-weight: bold; color: #003399;font-family: Verdana,Arial,Helvetica,sans-serif;
		  	   margin-top: 0.5em;
			   margin-bottom: 0.5em;}

.soustitre {font-size: 14px; font-weight: normal; color: #000000;font-family: Verdana,Arial,Helvetica,sans-serif;
	        margin-top: 14px;
			margin-bottom: 0.5em;}

.date {font-size: 11px;
	   text-align: justify;
	   font-style: italic;
	   padding-top: 0.1em;
	   padding-left: 4px;
	   color: #000000;
	   font-family: Verdana, Arial, Helvetica, sans-serif;}

.chapo {font-size: 11px;font-weight: bold;text-align: justify;font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.4em;
		margin-top: 1em;}

.texte {font-size: 12px;
		line-height : 18px;
		text-align: justify;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;}

a.texte   {font-weight: bold;color: #003399;}

.ps {font-size: 11px;text-align: left;font-family: Verdana, Arial, Helvetica, sans-serif;
	 margin-top: 0.5em;
	 margin-bottom: 0.3em;
	 padding-top: 0.3em;}

.notes {font-size: 11px;text-align: left;font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-top: 0.5em;
		margin-bottom: 0.3em;
		padding-top: 0.3em;}
.navigation-bas, a.navigation-bas  {
		font-size: 11px;text-align: left;color: #003399;font-style: bold;}
		
.encart-chapeau	{ font-size: 15px;
				font-weight: bold;
				background-color: #E8E8E8; 
				text-align:center; 
				padding-bottom: 2px;
				border-top: 1px solid #a0a0a0; 
				border-bottom: 0px dashed #a0a0a0; }
.encart-titre { font-size: 13px;
				font-weight: bold;
				text-align:left;
				padding-left: 6px;
				padding-top: 0.5em;
				border-top: 1px dashed #a0a0a0;
				border-bottom: 0px solid #a0a0a0;}
.encart-texte	{ font-size: 11px;padding-left: 12px;border-bottom: 0px solid #a0a0a0;list-style: none; }
.encart-date	{ font-size: 11px;font-style: italic;padding-left: 12px; padding-bottom: 0px;}

.menu-titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 0px solid #a0a0a0; 
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 2px;}

.menu-www { font-size: 22px;font-weight: normal;color: #003399;}
.menu-item { 
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
	font-size: 15px;}
.liste-titres-home {
	font-size: 12px;
	font-weight: bold;
}

/* -------------------------- Styles SPIP ------------------------------------------ */


/* spip_out : lien externe au site (non visité) [xxxxxx->http...]*/
a.spip_out { font-size: 11px;text-decoration: none; color: #000000; }
/* spip_in : lien interne au site*/
a.spip_in { text-decoration: none; color: #000000; }
/* Lien hors texte ADRESSE URL (non visité) <a href="">*/
a.offsite	{color:#003399; text-decoration: underline;}
/* spip_url : pour les adresses URL transformées en lien - ADRESSE URL (non visité) [->http://...]*/
a.spip_url {color:#003399; text-decoration: underline;}
/* p.spip : raccourci de saut de paragraphe (en sautant une ligne)*/
p.spip { }

a.spip_note, .spip_note:hover {font-size: 12px;color:#003399; text-decoration: bold;text-decoration: underline;background: #E8E8E8;}
/* NOTES de bas de page créées par raccourci [[xx]]*/
p.spip_note {}


/* h3 : intertitre dans SPIP*/
h3.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin-top: 32px;
	font-size: 16px;
	text-align: left;
}

.spip_documents{font-size : 11px;text-align: left;font-family: Verdana,Arial,Helvetica,sans-serif;}
.spip_surligne {color:#003399;background-color: #E8E8E8;}

/*Format des tableaux sous SPIP */
table.spip {background-color: #FFFFFF;; border: none;}
table.spip tr.row_first {background-color: #E8E8E8;}
table.spip tr.row_odd {background-color: #E8E8E8;}
table.spip tr.row_even {background-color: #E8E8E8;}
table.spip td {
	padding: 2px 2px 2px 0.5em; 
	margin: 5px; text-align: left; 
	text-align: left;
	vertical-align: top;	
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px; color: #000000}
	
/* hr.spip = ligne continue en tapant ---- */
hr.spip {color:#E8E8E8; }

b.spip { }

i.spip { }

.spip_code { }


/* form1 = formulaire forum boîte intérieure */
.forml {
	width: 100% ;
	background-color: #DDDDDD;
	margin: 4px;
	padding: 1px;
	border: dashed 1px #a0a0a0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}



/* spip_encadrer = formulaire forum boîte extérieure */
.spip_encadrer {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px #a0a0a0 solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.spip_cadre {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
}
.spip_bouton {
	padding: 1 px;
	font-weight: bold;
	font-size: 12px;
	background-color: #CCCC00;
	background: #003399;
	color:#DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.spip-admin {
	position: fixed
	bottom: 0px;
	font-size: 11px;
	padding: 2px;
	line-height: 1.4em;
}

.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #DDDDDD;}

.spip_surligne { background-color: #CCCC33; }

.formrecherche {
	margin: 0px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #DDDDDD;
	border: solid 1px #909090;
}
input, textarea, option, select {
		font-family : Verdana,Arial,Helvetica,sans-serif;
		font-size : 1em;
}

input.submit {
	padding: 0 px;
	border : 1px outset #003399;
	background-color: #CCCC00;
	background: #003399;
	font-weight: bold;
	color:#DDDDDD;
}
.formulaire {
	color: black;
	margin: 0px;
	margin-bottom: 14px;
	padding: 4px;
	border: 1px solid #a0a0a0;
	background-color: #DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* ---------------------- Disposition a l'ecran : colonnes, encarts, cartouches ----------------------*/

/* Habillage du menu de gauche */
.menu {
	border-top: 1px dashed #a0a0a0;
	border: 1px solid #a0a0a0;
	padding: 0.1em;
	margin: 0.1em;
	margin-bottom: 1px;
	background-color: #E8E8E8;
	text-align:center;
	list-style: none;
	font-weight: bold;
	font-size: 13px; 
}
.menu a:hover {color:#003399; text-decoration: underline;background: #FFFFFF;}

.breves { background-color: #E8E8E8;text-align:left; }

.encart {
	border: 1px solid #a0a0a0;
	border-top: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 14px;
}

.extrait {
	padding: 5px;
	margin: 3 px;
	border: 1px dashed #a0a0a0;
}
.cartouche {
	padding-top: 1em;
	border-top: 1px solid #a0a0a0;
	margin-bottom: 1em;
}
/*Menu de navigation gauche*/
#navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 1px;
	top: 80px;
	width: 24%;
	padding: 0px;
	margin: 0px;
	margin-left: 1%;
	margin-top: 5%;
}
/*Contenu central*/
#principal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 100px;
	left: 28%;
	margin: 0px;
	padding: 0px;
	margin-right: 3%;
	margin-top: 1.5em;
	width: 50%;
}
.contenu {
	margin: 15px;
}
/*Bloc de droite*/
#blocdroite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 80%;
	width: 20%;
	top: 80px;
	margin: 0px;
	padding: 0px;
	margin-right: 3%;
	margin-top: 5%;
}
/*Plan en pleine largeur*/
#plan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 28%;
	top: 100px;
	margin: 0px;
	padding: 0px;
	margin-right: 3%;
	margin-top: 1.5em;
	width: 70%;
}

/* ------------------- Habillage du plan du site --------------------------- */

.plan-secteur {
	margin-top: 0em;
	margin-bottom: 0.7em;
	clear: right;
}

.plan-secteur h1 {
	display: block;
	border: 1px solid #a0a0a0;
	margin: 3px;
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
	background-color: #E8E8E8;
	text-align:left;
}
.plan-rubriques {
	clear: left;
	display: block;
	list-style: none;

}
.plan-rubrique {
	display: block;
	border: 1px dashed #a0a0a0;
	margin: 0.5em;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
}
.plan-articles {
	clear: left;
	margin-top: 0.5em;
	margin-bottom: 1em;
	list-style: square;
}
.liste-articles {
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 0.3em;
	border-top: 1px dashed #a0a0a0;
}
.liste-titres-articles {
	font-size: 12px;
	font-weight: bold;
}

.date-articles {
	font-size: 11px;
	font-style: italic;
}
/* Eclaircissement progressif des rubriques en fonction de la profondeur */

ul .plan-rubrique {
	background-color: #E8E8E8;
	border-color: #b8b8b8;
}
ul ul .plan-rubrique {
	background-color: #E8E8E8;
	border-color: #d0d0d0;
}
ul ul ul .plan-rubrique {
	background-color: #E8E8E8;
	border-color: #DDDDDD;
}


/* -------------------------------- Habillage des forums ------------------------ */

ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 12px;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #303030;
	font-size: 11px;
}
.forum-lien {
	font-weight: bold;
	font-size: 11px;
}

.forum-repondre-message {
	text-align: right;
	font-weight: bold;
	font-size: 10px;

}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {
	border: 1px solid #a4a4a4;
}
ul ul ul .forum {
	border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #DDDDDD;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #a0a0a0;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 12px;
	background: #DDDDDD;
}
ul ul .forum-chapo {
	background: #E8E8E8;
}
ul ul ul .forum-chapo {
	background: #E8E8E8;
}
ul ul ul ul .forum-chapo {
	background: #E8E8E8;
}
ul ul ul ul ul .forum-chapo {
	background: #E8E8E8;
}


/* ------------------------ Habillage des petitions ---------------------------------- */

.signatures {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}
.signatures td {
	-moz-border-radius: 0.4em;
}
.signatures-titre {
	clear: right;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	padding: 0.5em;
	margin: 0px;
}
.signature-date {
	font-size: 10px;
	white-space: nowrap;
	background: #DDDDDD;
	padding: 0.5em;
}
.signature-nom {
	font-size: 11px;
	font-weight: bold;
	background: #DDDDDD;
	padding: 0.2em;
	text-align: center;
}
.signature-message {
	font-size: 11px;
	background: #DDDDDD;
	padding: 0.4em;
	text-align: justify;
}