/* Affichage des codes couleurs utilisés */
/*
noir : #000
blanc : #FFF
gris clair : #dddddd (couleur utilisé pour les textes sur fond foncé)
gris foncé : #333(couleur utilisé pour les textes sur fond claire)
Violet foncé : #0099FF
Violet clair : #0099CC
Couleur lien hypertexte : #423858
Couleur lien hypertexte au survol : #CCC
Couleur des titres : #990000

*/
/* 
Balise HTML général
Nous configurons ici toutes les balises standards utilisés pour le html
*/


body {background:#960;  margin:0;  color: #333;font-family: "Century Gothic"; font-size: 1.10em;}
ul, li , ol {list-style: none; }
hr{ border-color: #0099CC; border-left:1px dashed;}

/*  Typographie et taille de police generale du site */


#subheader {font-family: Century Gothic; font-size: 0.6em;}
#contenu {font-family: "Century Gothic";font-size: 0.85em;}
#navigation {font-family:"Century Gothic";font-size: 0.85em;}
.infobulle {font-family: "Century Gothic";font-size: 0.71em;}
#pied {font-size: 0.72em;}
h1 {font-size:1.4em; }
h2, h3 {font-size:1.1em; }
h4, h5, h6 {font-size:1em; }


/* espaceur de blocs */
.nettoyeur {clear:both; margin:0; padding:0; border:#FFF; height:0; line-height:1px; font-size:1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
.none { display: none; }

/* GESTION DE L'HABILLAGE DU SITE */

/* Haut de page  - configuration de l'entete et du sous-entête des pages du squelette */
/* entete de page */

#fonctionalites {
	position : absolute;
	top : 5px;
	font-size:11px;
	right : 290px;
	color : #686645;
}

#menu {

	position : absolute;
	top : 133px;
	right : 0px;
	color : #686645;

}


/*main-menu*/
.main-nav-wrap{
	float:left;
	width:100%;
	padding:3em 0 0 0;
	margin:0 0 2em 0;
}

.main-nav-wrap .main-nav{
	float:right;
	list-style:none;
	padding:0;
	margin:0;
}
.main-nav-wrap .main-nav li{
	color:#FFFFFF;
	list-style:none;
	display:inline;
	float:left;
	margin:0 10px 0 0;
	padding:8px;
}
.main-nav-wrap .main-nav li.current{
	background:url(../images/arrow_up.gif) no-repeat bottom center;
}
.main-nav-wrap .main-nav li a{
	display:block;
	float:left;
	font-size:9px;
	font:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#cccc66;
}
.main-nav-wrap .main-nav li a:hover, .main-nav-wrap .main-nav li.current a{
	color:#d5d2c5;
}

#recherche {

	height : 11px;
	padding : 0px;
	margin : 0px;
	position : absolute;
	top : 100px;
	right : 385px;
	width : 40px;
		padding : Opx Opx 0px 5px;
		margin : 0px;
		border : none;
		font-family : Verdana;
		font-size : 10px;
		text-transform : uppercase;

	}
	#search {

	height : 13px;
	top : 0px;
	right : 435px;
	width : 270px;
	}

#recherche_bouton {

	width : 25px;
	height : 23px;
	padding : 0px;
	margin : 0px;
	border : none;

	position : relative;
	top : 1px;
	
}



#mainsup{width:100%; height: 128px; background:#FFF; background:url(../../images/band-las.jpg) no-repeat;
}

#mainhaut{width:100%; height: 128px; background:#FFF; background:url(../../images/papier-haut.jpg) no-repeat;
background-position:right;
}

#mainsearch{background:url(../../images/search.jpg);
background-repeat:no-repeat;
}
/* sous-entête */






#subheader{margin:0; padding-left:7px;color:#000033; 
font-size:12px;height:6px; border-top: #fff 1px solid; vertical-align:middle;}
#subheader a {color:#FFF; text-decoration: none; font-weight: bold;}
#subheader a :hover{color:#FFF; text-decoration: none; font-weight: bold;}
#subheader .noircir {color:#000;}
#subheader a.noircir {color:#000; text-decoration: none;}
#subheader a:hover .noircir {color:#000; text-decoration: none;}
/*configuration du menu langue*/
#subheader .menu_lang {background: #FFF;padding:0; margin-bottom:0; height: 60px; margin:0; padding:0;}
#subheader .menu_lang fieldset {border:#FFF; }
#subheader .menu_lang legend {padding:5px 0 10px 0; color:#0099CC; }
#subheader .menu_lang label {display:block; }

/* corps de page */
#main{ width:100%; background:#FFF; }
#maincontent{ width:95%; background:#FFF; margin:0; }

/* Colonne de gauche : contenu */
#contenu{float: left; width: 100%; padding-right: 6px; background:#FFF;}

/* Disposition du contenant de la colonne principale */
#navigation{ float: right; padding-left:4px; width: 42%; background:#FFF;}

/*  Dispostion du contenu de la colonne centrale */
#encartcentrale{ float: left; width: 100%; background:#FFF;}



#actualites {
	
	min-height : 40px;
	padding : 0px 0px 36px 0px;
	margin : 0px;
	width:100%;
	position : relative;
	top : 0 !important; 
	top : 0px;
	float : left;
	background-color:#FFF;
}

#contenu {

			width : 100%;
			
			position : relative;

			float : left;

		}
		#colonnemilieu {

				width : 100%;
				margin : 0px 0 0px 0; 

				position : relative;
				left : 0px;

				float : left;
				
			}


/*Règlage des colonnes Droite et Gauche de la colonne de navigation */
#col_droite {background-color: #fff; float: right; width:48%;}
#col_gauche {background-color: #fff; float: left; margin-left: 5px; width:48%;}

/* mise en page du pied de page */
#pied {float: left; width: 100%; background-color:#999999; text-align:center; color:#FFFFFF;}
#pied ul {padding:0 }
#pied ul li {display:inline; padding:10px;}
#pied ul li a {color:#FFFFCC; font-size:10px; text-decoration:none; font-weight: bold; }

/* GESTION DES LIENS HYPERTEXTES */

/* liens hypertexte par défaut */
a {color:#990000; text-decoration:none;}
a:hover {color:#666; text-decoration:none;}
.plus { float: right; clear: right; width: 210px; margin-bottom: 27px; text-align: left; text-decoration:none;}
a.enligne {color:#990000; text-decoration:none; font-weight:bold;}
a:hover.enligne {color:#990000; text-decoration:none; font-weight:bold;}
.on { font-weight: bold; color: #000;} /* liens exposes */

/* gestion des infos bulles */
a.infobulle em {display:none;}
a.infobulle:hover {border: 0;position: relative;z-index: 500; text-decoration:none;}
a.infobulle:hover em {font-style: normal; display: block; position: absolute; top: 26px; left: -10px; padding: 5px;    color: #fff;border: 1px solid #9880cc;background: #990000;width:350px;}
a.infobulle:hover em span {position: absolute;top: -15px; left: 5px;height: 14px;width: 29px;background: transparent url("../images/infobulle.png"); margin:0;    padding: 0;border: 0;}

/* GESTION DU NUAGES DE MOTS CLES  -  REPORT ICI CAR C'EST LE FICHIER CSS DU PLUGINS QUI DOIT ETRE PERSONNALISE */
/* Nuages */
#tagcloud { color: #0099CC; }
#tagcloud * { color: #888; }
#tagcloud * { color: #990000; }
#tagcloud * { display: inline; line-height: normal; }
#tagcloud .on { color: #333; }
#tagcloud h2 {display: block; font-style: italic; font-size: 11px;  font-family: Georgia, "Times New Roman", Times, serif; color:#0099CC; font-weight:bold; margin-bottom:10px; padding-bottom:3px; background:url(../../squelettes/images/gifs/pointbleu.gif) repeat-x bottom left; }
/* le nuage */
#tagcloud ul.nuage {margin:0;	padding: 0;	list-style: none;}
#tagcloud ul.nuage li {	display: inline;line-height:2em;}
#tagcloud ul.nuage li a {white-space: nowrap;color: #0099FF;}
#tagcloud ul.nuage li a:hover {	white-space: nowrap;color: #0099FF;text-decoration: underline;}
#tagcloud ul.nuage span.frequence {display: block; float: left; height: 0; overflow: auto; width: 0; }

/* les mots */
/* defaut */
#tagcloud ul.nuage a.nuage   { font-size: 11px; }
/* variantes */
#tagcloud ul.nuage a.nuage0  { color: #0099FF; font-size: 11px; }
#tagcloud ul.nuage a.nuage1  { color: #423858; font-size: 11px; }
#tagcloud ul.nuage a.nuage2  { color: #0099CC; font-size: 11px; }
#tagcloud ul.nuage a.nuage3  { color: #423858; font-size: 11px; }
#tagcloud ul.nuage a.nuage4  { color: #CCC; font-size: 11px; }
#tagcloud ul.nuage a.nuage5  { color: #0099CC; font-size: 11px; }
#tagcloud ul.nuage a.nuage7  { color: #CCC; font-size:11px; }
#tagcloud ul.nuage a.nuage8  { color: #0099CC; font-size: 11px; }
#tagcloud ul.nuage a.nuage9  { color: #0099FF; font-size: 11px; }
#tagcloud ul.nuage a.nuage10 { color: #CCC; font-size: 11px; }


/* GESTION DES MENUS */




/*--------------------------- ARTICLES ------------------*/



#articles {
	position : relative;
	float : left;
	background-color : transparent;
	width : 100%;
}

.las {
	position : relative;
	float : left;
	background-color : transparent;
	width : 100%;
	border : 0px solid gray;
	clear : both;
}

.post_date {
			background-image:url(../images/date-las.png);
							background-repeat:no-repeat;
					
	position : relative;
	float : left;
	width : 80px;
/*	min-height : 121px; */
	min-height : 77px;
	text-align : right;
	border : 0px solid gray;
}

.jour {
	position : relative;
	float : none;
	margin-top : 14px;
	margin-right : 14px;
	text-align : right;
	color : #fff;
	font-family : Arial;
	font-size : 0.9em;
	font-weight : bold;
	border : 0px solid gray;
}

.date {
	position : relative;
	float : none;
	margin-right : 14px;
	text-align : right;
	color : #FC0;
	font-family : Times;
	font-size : 2em;
	font-style : italic;
	border : 0px solid gray;
}

.mois {
	position : relative;
	float : none;
	margin-top : -3px;
	margin-right : 14px;
	text-align : right;
	color : #FFF;
	font-family : Arial;
	font-size : 9px;
	font-weight : bold;
	border : 0px solid gray;
}

.las_resume {
	position : relative;
	float : left;
	width : 80%;
	border : 0px solid gray;
}

H4.las_title A {
	position : relative;
	float : none;
	display : block;
	margin-top : 10px;
	margin-left : 20px;
	margin-right : 15px;
	text-align : left;
	color : #000;
	font-family : Trebuchet MS;
	font-weight : bold;
	border : 0px solid gray;
}

H3.las_text {
	position : relative;
	float : none;
	margin-top : 10px;
	margin-left : 10px;
	margin-right : 0px;
	margin-bottom : 10px;
	text-align : justify;
	color : #666;
	border : 0px solid gray;
}

.las_lire {
	position : relative;
	float : none;
	height : 15px;
	text-align : center;
	border : 0px solid gray;
	margin-bottom : 16px;
}
.num-semaine {
	position : relative;
	float : none;
	margin-top : 0px;
	margin-right : 1px;
	text-align : left;
	color : #C06;
	font-family : Arial;
	font-size : 0.75em;
	font-weight : bold;
	border : 0px solid gray;
}


#sur_la_toile{
	background-image:url(../../images/las-de-la-semaine.jpg);
	background-repeat:repeat-y;
	position : relative;
	float : left;
	width : 100%;
	min-height : 100px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	background-color : transparent;
	text-align : left;
	border : 0px solid gray;
}



#rub_as_semaine{
	background-image:url(../../images/las-de-la-semaine.jpg);
	background-repeat:no-repeat;
	position : relative;
	float : left;
	width : 100%;
	min-height : 100px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	background-color : transparent;
	text-align : left;
	border : 0px solid gray;
}

.rub_as_semaine_in{
	margin-left:15px;
}
#rub_as_dessous_de_carte{
	background-image:url(../../images/dessous-de-carte.jpg);
	background-repeat:no-repeat;
	position : relative;
	float : left;
	width : 100%;
	min-height : 100px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	background-color : transparent;
	text-align : left;
	border : 0px solid gray;
}

.rub_as_dessous_de_carte_in{
	margin-left:15px;
}
#rub_as_coin{
	background-image:url(../../images/coin-de-expert.jpg);
	background-repeat:no-repeat;
	position : relative;
	float : left;
	width : 100%;
	min-height : 100px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	background-color : transparent;
	text-align : left;
	border : 0px solid gray;
}

#infos_utiles{
	background-image:url(../../images/coin-de-expert.jpg);
	background-repeat:repeat-y;
	position : relative;
	float : left;
	width : 100%;
	min-height : 100px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	background-color : transparent;
	text-align : left;
	border : 0px solid gray;
}

.rub_as_coin_in{
	margin-left:15px;
}


/*----------------------------------------------- FIN EN las ----------*/


#treffle_en_las {

						position : relative;
						float : left;
						width : 288px;
						margin : 36px 24px 0px 24px !important;
						margin : 36px 12px 0px 12px;
						z-index : 2;

					}

						.treffle_en_las_item {
/* Espace entre le titre et le texte du haut */
							margin : 0px 0px 10px 0px !important;
							z-index : 2;

						}

						.treffle_en_las_item H2 {

							border-bottom : #799900 solid 2px;
							width : 100%;
							margin : 0px 0px 0px 0px;
							padding-bottom : 4px;
							font-weight : bold;
							font-size : 15px;
							color:#900;

						}

/*						.par_auteur {

							font-size : 0.9em;
							font-style : italic;
							margin : 0px;
							padding : 0px;

						} */

						.treffle_en_las_item_chapo {

							position : relative;
							margin-top : 1px;
							text-align : justify;

						}

						.treffle_en_las_item_chapo A {

							color : #37392A;
							text-decoration : none;

						}

						.treffle_en_las_item_chapo A:hover {

							color : #AA2E08;
							text-decoration : none;

						}

/*----------------------------------------------- FIN EN las ----------*/


/*--------------------------- ARTICLES LINKS ------------*/

#articles_links {
	position : relative;
	float : left;
	width : 562px;
	min-height : 30px;
	margin-top : 16px;
	margin-bottom : 16px;
	margin-right : 16px;
	background-color : transparent;
	text-align : right;
	border : 0px solid gray;
}

/*------------------------------------- SQUELETTE ARTICLE ---------------------*/

#articles_bloc {
	position : relative;
	float : none;
	background-color : transparent;
	width : 174px;
	margin-left : 24px;
	margin-top : 30px;
	border : 0px solid gray;
	font-family : Arial;
	text-align : justify;
}

H5.titre_article {
	margin : 0px;
	padding : 0px;
	font-weight : bold;
	font-family : Arial;
	font-size : 1.77em;
	margin-bottom : 12px;
	}

H3.sigle {
	margin : 0px;
	padding : 0px;
	font-weight : bold;
	font-family : Arial;
	font-size : 1.2em;
	margin-bottom : 12px;
}

H3.chapo {
	margin-top : 8px;
	margin-bottom : 16px;
	padding : 0px;
	font-weight : normal;
	font-family : Arial;
	text-align : justify;
	}

H3.intertitre {
	position : absolute;
	bottom : -1px !important;
	margin : 0px;
	padding : 0px;
	font-weight : bold;
	font-family : Arial;
	font-size : 1.2em;
	text-align : left;
	background-color : #FFF;
}

H2.type_haut {
	margin: 0 0 6px 0;
	padding : 0px;
	font-weight : normal;
	font-family : Arial;
	color : #666;
	font-size : 0.9em;
	text-align : left;
	}

.informations {
	position : relative;
	float : none;
}

.label_info {
	position : relative;
	float : left;
	width : 25%;
	padding: 0 0 1em 0;
	text-align : right;
	font-weight : bold;
}

.label_info27 {
	position : relative;
	float : left;
	padding: 0 0 0 0;
	text-align : right;
	font-weight : bold;
}

.content_info {
	position : relative;
	float : none;
	margin : 0 0 1em 25%;
	padding : 0 0 0 0.5em;
	text-align : left;
}

.content_file_titre {
	position : relative;
	float : none;
	margin : 0 0 0 25%;
	padding : 0 0 0 0.5em;
	text-align : left;
	font-size : 1.1em;
	font-weight : bold;
}

.content_file_titre27 {
	position : relative;
	float : none;
	margin : 0 0 0 0%;
	padding : 0 0 0 0.5em;
	text-align : left;
	font-size : 1.1em;
}

.content_file_info {
	position : relative;
	float : none;
	margin : 0 0 3.5em 25%;
	padding : 0.25em 0 0 0.75em;
	text-align : left;
	font-size : 0.9em;
}

.content_file_info27 {
	position : relative;
	float : none;
	margin : 0 0 2em 0%;
	padding : 0.25em 0 0 0em;
	text-align : left;
	font-size : 0.9em;
}

.texte {
	margin : 0px;
	padding : 0px;
	font-weight : normal;
	font-family : Arial;
	text-align : justify;
	margin-top : 8px;
	margin-bottom : 8px;
}

.texte_message {
	margin-top : 3em;
	margin-bottom : 1em;
	padding : 0px;
	font-weight : bold;
	color : #F00;
	font-family : Arial;
	text-align : center;
	}

.ligneintertitre {
	position : relative;
	float : none;
	width : 100%;
	height : 11pt;
	margin-top : 32px;
	margin-bottom : 32px;
	padding : 0px;
}

H3.intertitre P.spip {
	position : relative !important;
	bottom : -15px !important;
	background : #FFF;
}

.hautdepage {
	position : relative;
	float : none;
	width : 100%;
	height : 11pt;
	padding : 0px;
	text-align : right;
	margin-bottom : 8px;
	margin-top : 8px;
}

A.hautdepage {
	margin : 0px;
	padding : 0px;
	font-weight : bold;
	font-family : Arial;
}

.admin {
	position : relative;
	float : left;
	width : 100%;
	margin : 3em 0 1em 0;
	font-size : 0.9em;
	text-align : right;
}

						
						#actualites_treffle_box {
					position : relative;
					top : 0px;
					left : 20px;
					margin : 0px;
					padding : 0px;
					z-index : 5;
					width : 145px;
					border-top : 10px solid white;
					border-bottom : 10px solid white;
					z-index : 5;
				}

				#actualites_rubrique_box {
					position : relative;
					top : 0px;
					left : 0px;
					margin : 0px 0px 0px 0px;
					padding : 0px;
					z-index : 5;
					width : 445px;
					min-height : 80px;
					border-top : 10px solid white;
					border-bottom : 10px solid white;
					z-index : 5;
				}

					#actualites_treffle_box .spip_logos {
						position : relative;
						display : block;
						top : 0px;
						left : 0px;
						width : 89px;
						height : 78px;
						margin : 0px;
						padding : 0px;
						border-top : 1px solid #FF0099;
						border-bottom : 1px solid #FF0099;
						border-right : 1px solid #FF0099;
						border-left : 20px solid #FF0099;
						z-index : 6;
					}

					#actualites_rubrique_box .spip_logos {
						position : relative;
						display : block;
						top : 0px;
						left : 0px;
						width : 89px;
						height : 78px;
						margin : 0px;
						padding : 0px;
						border-top : 1px solid #FF0099;
						border-bottom : 1px solid #FF0099;
						border-right : 1px solid #FF0099;
						border-left : 20px solid #FF0099;
						z-index : 6;
					}

					#actualites_treffle_las {
						position : relative;
						display : block;
						top : 0px;
						left : 0px;
						width : 320px;
						min-height : 78px;
						margin : 0px;
						padding : 0px;
						border-top : 1px solid #DEDEDE;
						border-bottom : 1px solid #DEDEDE;
						z-index : 6;
					}

						#actualites_treffle_titre {
							position : relative;
							display : table-cell;
							top : 0px;
							left : 0px;
							width : 100%;
							margin : 0px;
							padding : 0px 10px 0px 10px;
							z-index : 7;
							font-size : 1.5em;
							font-weight : bold;
							color : #990000;
							vertical-align : middle;
						}	

						#actualites_treffle_date {
							position : relative;
							display : block;
							background-image:url(../images/date-las.png);
							background-repeat:no-repeat;
							top : 0px;
							left : 0px;
							width : 40px;
							height : 80px;
							margin : 0px;
							padding : 0px 10px 0px 10px;
							z-index : 7;
							font-weight : bold;
							font-style : italic;
							color : #1F5079;
						}	

						#actualites_treffle_texte {
							position : relative;
							display : block;
							top : 0px;
							left : 0px;
							width : 300px;
							min-height : 18px;
							margin : 0px;
							padding : 0px 10px 10px 10px;
							z-index : 7;
							overflow : hidden;
						}	

					#actualites_treffle_lire {
						position : relative;
						display : block;
						top : 0px;
						left : 0px;
						width : 15px;
						min-height : 80px;
						margin : 0px;
						padding : 0px;
						z-index : 6;
					}


/* règlage du menu Horizontal */
/*#cadrmenu{width:100%; height: 25px; background: #FFF url(../images/panorama2.jpg) repeat-x; }*/


.menu {float: left;font-family: Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif; width: 100%; background-color: #990000; color: inherit; background-image: url(82a1cd.png); font-size: 65%; padding: 0; margin: 0;}


.menu ul li a, .menu ul li a:visited {display: block;clear: none; text-decoration: none ;padding-left: 1em; padding-right: 1em; padding-top: 0.1em; padding-bottom: 0.1em; margin-bottom:1px; color: white; background-color: transparent; width: auto; border-right: #fff 1px solid;}
.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {visibility:hidden; position:absolute; z-index:80; left:-1px; top:15px;}
.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}
.menu ul li:hover a, .menu ul li a:hover {color:#000; background:#0099CC;}/*Onglets au survole */
.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:26px; left:-3px;}/* Onglets sous-menus */
.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#a7c9c9; color:#000;}
.menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#fff; color:#000; width:150px; clear:both;left:2px;}/* Onglets de sous-menus */
.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:#0099CC; color:#000;}
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; top:0px; }/* Onglets de sous-sous-menus */
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; background:#0099FF; color:#fff; width:100%; padding-left:10px;}/* Onglets de sous-menus*/
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#0099CC; color:#000;}/* Onglets sous-menu au survole */
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:171px; bottom:0;}
.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#0099FF; color:#fff;} /*Onglets de sous-sous-menu */
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#FFFFFF; color:#fff;}
.menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}

/* menu navigation horizontale (hiérarchie) */
#hierarchie {font-size : 0.85em; color: #BABDB6; margin:5px 0 10px 0; padding:5px 10px;}

/*menu navigation verticale - colonne droite */
/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */

.rubriques {border:1px solid #0099CC; padding:5px; margin-bottom:2px; margin-top:3px; font-size: 0.95sem; }
.borderline_rubrique {margin-bottom:0; padding-bottom:0; border-bottom:1px solid #0099CC;}
.rubriques  ul {padding:0; margin:6px; }
.rubriques ul li {padding-left: 5px;}
.rubriques { background: #FFF;}
.rubriques .menu-titre {font-style: italic; font-size: 1.1em; font-family: "Century Gothic"; color:#990000; font-weight:bold; margin-bottom:2px; padding-bottom:1px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; padding-left: 5px;}

/* GESTION DES TEXTES */

/* Pour mettre un article à la une */
#premier {background-color: #FFF; padding:10px;}
#premier h1 {font-style: italic; font-size: 1.2em; font-family: "Century Gothic"; color:#990000; font-weight:bold;  margin-bottom:5px; }
#premier p {margin-bottom:30px; text-align:justify;}
#premier a {font-size:0.95em; color:#990000; text-decoration:none;}
#premier a:hover {font-size:0.95em; color:#990000; text-decoration:none;}

/* Pour mettre une rubrique à la une */
#rubalaune {background-color:#FFF; padding:2px; margin-bottom:2px; border: 1px solid #0099FF;}
#rubalaune h1{font-size: 1.2em; font-family: "Century Gothic"; color:#FFF; font-weight:bold; margin-bottom:5px; padding-bottom:3px; padding-left: 5px; background:#0099FF; }
#rubalaune h3 {font-style: italic; font-size: 1.2em; font-family: "Century Gothic"; color:#990000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#rubalaune p {text-align:justify; }
.plus #rubalaune{ float: right; clear: right; width: 210px; margin-bottom: 27px; text-align: left; }

#docjoint {background-color:#FFF; padding:2px; margin-bottom:2px; border: 1px solid #0099FF;}
#docjoint h1{font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; margin-bottom:5px; padding-bottom:3px; padding-left: 5px; background:#0099FF; }
#docjoint h3 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#docjoint p {text-align:justify; }
.plus #docjoint{ float: right; clear: right; width: 210px; margin-bottom: 27px; text-align: left; }

/* Pour mettre une brève à la une */
#brevealaune {background-color:#FFF; padding:5px; margin-bottom:2px; }
#brevealaune h3 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#brevealaune p {text-align:justify; }
#brevealaune a {font-size:0.95em; color:#0099FF; text-decoration:none;}
#brevealaune a:hover {font-size:0.95em; color:#990000; text-decoration:none;}

/* gestion des contenus de page */

.contautre h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.contautre {background-color: #FFF; padding:5px; margin-bottom:2px; }
.contautre h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.contautre ul {padding:0; margin:10px; }
.contautre ul li {background:url(../images/gifs/puce_bleu.gif) no-repeat 0% 6px; padding-left:10px;}
.contautre ul li a {font-size:0.95em; color:#0099FF; text-decoration:none;}
.contautre ul li a:hover {font-size:0.95em; color:#990000; text-decoration:none;}
.contautre p images.spip_logos {float:left; padding:2px; border:1px solid #DDDDDD; margin-right:10px; }
.contautre p {font-size:0.95em; text-align:justify; }
.contautre strong i {color:#990000; }
.contautre fieldset {border: #FFF; }
.contautre legend {padding:5px 0 10px 0; color:#0099CC; }
.contautre label {display:block; }

.contautresansli h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.contautresansli {background-color: #FFF; padding:5px; margin-bottom:2px; }
.contautresansli h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.contautresansli ul {padding:0; margin:10px; }
.contautresansli ul li {list-style: none; padding-bottom:20px;}
.contautresansli ul li a {font-size:0.95em; color:#0099FF; text-decoration:none; }
.contautresansli ul li a:hover {font-size:0.95em; color:#990000; text-decoration:none;}
.contautresansli p images.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.contautresansli p {text-align:justify; }
.contautresansli strong i {color:#990000; }
.contautresansli fieldset {border:#FFF; }
.contautresansli legend {padding:5px 0 10px 0; color:#0099CC; }
.contautresansli label {display:block; }
.contautrepublication  h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.contautrepublication h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }

.identification h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.identification {background: #FFF url(../images/identification.jpg) no-repeat right; padding:5px; margin-bottom:2px; }
.identification h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.identification ul {padding:0; margin:10px; }
.identification ul li {background:url(../images/gifs/puce_bleu.gif) no-repeat 0% 6px; padding-left:10px;}
.identification ul li a {text-decoration:none;}
.identification ul li a:hover {text-decoration:none;}
.identification p images.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.identification p {text-align:justify; }
.identification strong i {color:#0099CC; }
.identification fieldset {border: #FFF; }
.identification legend {padding:5px 0 10px 0; color:#0099CC; }
.identification label {display:block; }

.members h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.members {background: #FFF url(../images/members.png) no-repeat right; padding:5px; margin-bottom:2px; }
.members h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.members ul {padding:0; margin:10px; }
.members ul li {background:url(../images/gifs/puce_bleu.gif) no-repeat 0% 6px; padding-left:10px;}
.members ul li a {text-decoration:none;}
.members ul li a:hover {text-decoration:none;}
.members p images.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.members p {text-align:justify; }
.members strong i {color:#0099CC; }
.members fieldset {border: #FFF; }
.members legend {padding:5px 0 10px 0; color:#0099CC; }
.members label {display:block; }

.syndic h1 {font-style: italic; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.syndic {background: #FFF url(../images/syndic.jpg) no-repeat right; padding:5px; margin-bottom:2px; }
.syndic h2 {font-style: italic; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.syndic ul {padding:0; margin:10px; }
.syndic ul li {background:url(../images/gifs/puce_bleu.gif) no-repeat 0% 6px; padding-left:10px;}
.syndic ul li a {text-decoration:none;}
.syndic ul li a:hover {text-decoration:none;}
.syndic p images.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.syndic p {text-align:justify; font-size:10px}
.syndic strong i {color:#0099CC; }
.syndic fieldset {border: #FFF; }
.syndic legend {padding:5px 0 10px 0; color:#0099CC; }
.syndic label {display:block; }

.stats h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.stats {background: #FFF url(../images/stats.jpg) no-repeat right; padding:5px; margin-bottom:2px; }
.stats h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.stats ul {padding:0; margin:10px; }
.stats ul li {background:url(../images/gifs/puce_bleu.gif) no-repeat 0% 6px; padding-left:10px;}
.stats ul li a {text-decoration:none;}
.stats ul li a:hover {text-decoration:none;}
.stats p images.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.stats p {text-align:justify; }
.stats strong i {color:#0099CC; }
.stats fieldset {border: #FFF; }
.stats legend {padding:5px 0 10px 0; color:#0099CC; }
.stats label {display:block; }

/* GESTION DU MODULE RECHERCHE
.recherche {background: #FFF;padding:0; margin-bottom:0; height: 60px; margin:0; padding:0;}
.recherche fieldset {border:#FFF; }
.recherche legend {padding:5px 0 10px 0; color:#0099CC; }
.recherche label {display:block; }
 */
/* mise en page article */

h3.spip {color:#990000; font-weight:bold; margin-bottom:10px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#cadrarticle{border: 1px solid #f1f1f1;}
.surtitrearticle{color:#333; font-size: 1.3em; font-weight:bold; }
.titrearticle{color:#0099CC; font-size:1.2em; font-weight:bold; }
.soustitrearticle{color:#BABDB6; font-size: 1em; font-weight:bold; }
.datearticle{ color:#666666; margin:5px; padding:5px; }
.detail { color: #909090; font-size: 0.90em; font-weight: bold; text-align: center; margin-bottom:10px; padding: 1px 5px 1px 5px;	border-left: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; width: 200px;float: right;}
.descriptifarticle{	font-size:0.90em; font-style:italic; color: #0099CC;  margin:5px; padding:10px; }
.chapoarticle{font-size:0.90em; font-weight:bold; color: #333; }
.textearticle{	font-size:1em;	color: #333;	margin:5px;	padding:15px;}
.voirenligne {font-size:0.95em; color:#333; margin:5px; padding:15px;}
.psarticle{	font-size:0.95em;	color: #333;	margin:5px;	padding:15px;}
.notesarticle{font-size:0.95em;color: #000;	margin:5px;	padding:15px;}

#documents_portfolio {margin-bottom:15px; }
#documents_portfolio images {padding:2px; border:1px solid #CCC; margin-right:10px; }
#document_actif {width:400px; margin:15px auto; text-align:center; padding:20px 0; border:1px solid #A8A790; background:#FFF; }

/* mise en page breve */

.titrebreve{color:#990000;font-size:1.6em; font-weight:bold;}
.datebreve{color:#666666;	margin:5px;	padding:5px;}
.descriptifbreve{	font-size:0.90em;	font-style: italic;	color: #333;	margin:5px;	padding:10px;}
.textebreve{font-size:0.97em;	color: #333;	margin:5px;	padding:10px;}

/* Mise en page des commentaires */
ul li.bloccomment{background-color:#f1f1f1;}

/* GESTION DES LOGOS, DOCUMENTS ET IMAGES */

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }
.spip_logos { background: #fff; margin: 0.5em 0.5em 0em 0.5em; padding: 0; border: 2px solid #ccc; }
.spip_documents_center { margin-top: 0; }
/* liens hypertexte pour images et logos spip */
a:hover .spip_logos {  border-color: #0099CC;}

/* Gestion du portfolio */

#portfolio { clear: both; }
#portfolio h1 {font-style: italic; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; color:#0099CC; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#portfolio .spip_logos.modulo1 { margin-left: 0; }
#portfolio .gentil_message { font-size: 0.97em; font-family: Georgia, "Times New Roman", Times, serif; color:#0099CC; margin: 0; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
#portfolio .spip_logos { margin: 1em 2em 1em 0; }

/* GESTION DES TABLEAUX GERES PAR SPIP */

table.spip { margin: auto; margin-bottom: 1em; border: 1px solid #c4aec4; border-collapse: collapse; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin: auto; padding: 5px; 	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 5px; text-align: left; vertical-align: middle; border: 1px solid #6a6969;}

/* GESTION DES FORMULAIRES */

.formulaire_notation {display:block; width:auto; margin:2px; padding:10px; }
.formulaire_site {margin:0 10px 10px 10px; }
.formulaire_inscription b {color:#0099CC; cursor:pointer; }
.formulaire_forum fieldset {border: #FFF; padding-bottom:5px; border-bottom:1px solid #D5D6BB; margin-bottom:10px }
.formulaire_forum label {display:block; text-align:left; }
.formulaire_inscription {background-color:#FFF; padding:10px; margin-bottom:10px; }
.formulaire_inscription legend {color:#0099CC; padding:5px 0; }
.formulaire_inscription fieldset {border:#FFF; }
p.spip_bouton input {border:1px solid #A8A790; background-color:#EFECCA; color:#0099CC; margin:3px 0; }
p.spip_bouton input:hover {border:1px solid #A8A790; background-color:#D5D6BB; color:#0099CC; margin:3px 0; cursor:pointer; }
p.spip_bouton input.highlightinput {border:1px solid #0099CC; background-color:#6699CC; color:#0099CC; margin:3px 0; }
p.spip_bouton input:hover.highlightinput {border:1px solid #0099CC; background-color:#FFF; color:#0099CC; margin:3px 0; cursor:pointer; }

/*  GESTION DES FORUMS */

.forum-repondre, .forum-decompte { clear: both; margin-top: 2.5em; padding-top: 2px; font-size: 1em; font-weight: bold; }
ul.forum { list-style: none; display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { list-style: none; display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #fff; }
.forum-chapo small {color:#fff;}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size:0.95em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* boite d'un forum : eclaircissement progressif des bords */
ul .forum-message {list-style: none; border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message {list-style: none; border: 1px solid #A4A4A4; }
ul ul ul .forum-message {list-style: none; border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message {list-style: none; border: 1px solid #faf9f1; }
ul ul ul ul ul .forum-message {list-style: none; border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message {list-style: none; border: 1px dotted #E0E0E0; }

/* boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {list-style: none; border: #FFF; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.95em; background: #990000; }
ul ul .forum-chapo {list-style: none; background: #cfc4d2; }
ul ul ul .forum-chapo {list-style: none; background:#cfc4d2; }
ul ul ul ul .forum-chapo {list-style: none; background:#cfc4d2; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo {list-style: none; background:#cfc4d2; }