/*===================================================
#		FEUILLE DE STYLE 							#
#		R�CIT-FP Partenaires 2C 					#
#		Auteur:   pierre.bourgeois.com				#
#		Version:  8 juillet 2005					#
#		M�J: 29 mars 2006							#
#													#	
#		Index de la feuille de style :				#	
#		1. Style g�n�raux							#
#		2. Contenant								#
#		3. Ent�te									#
#		4. Menu horizontal							#
#		5. Colonne gauche							#
#		6. Menu vertical							#
#		7. Colonne droite							#
#		8. colonne centrale							#
#		9. Contenu principal - pages de niveau 2	#
#		10 Pied de page								#
#		11. Formulaires								#
#		12. Agenda									#
#		13.	CSS exclusif � IE MAC 5.2				#
====================================================*/

@import url(nouveautes.css);


/*----------------------------------------------- 
	1. STYLES G�N�RAUX
-------------------------------------------------*/
body { 
	
	background: url(images/fond.jpg) #d95174; /* Couleur du fond de la page */
	background-attachment: fixed;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	color: #666; /* Couleur du texte */
	margin: 0; /* Marge ext�rieures  */ 
	padding: 0; /* Marges int�rieures */ 
	text-align: center; /* Permet de centrer la page */ 
	font-size: 70%; /* Grosseur du caract�re */ 
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; /* Type de caract�re : 
																si l'usager n'a pas verdana 
																alors on essaie Arial, sinon 
																Helvetica, etc  */ 
	}
a:link, a:visited, a:active { 
	color: #6f050b; /* Couleur des liens */ 
	text-decoration: none; /* Lien non-soulign� */ 
	} 
a:hover	{ 
	text-decoration: underline; /* Lien soulign� lors du survol de la souris */ 
	}
	
fieldset {
	border: none;
	}
	
/* Classes g�n�r�es par SPIP */
.spip_logos {
	border-style: none; /* Enl�ve la bordure sur la images int�gr�es via l'espace priv�  */ 
	}
.spip_documents {
	border: 0px solid #666666; /* Bordure pour les documents attach�s  */ 
	background-color: transparent; 
	margin: 3px 4px 4px 4px; /*  Marges (haut, droite, bas, gauche :
							comme le sens de l'aiguille d'une montre */ 
	}
/* Alternance de couleur pour les listes */	
.pairs {
	display: block; 
	background: #F5F5F7;
	}
.impairs {
	display: block; 
	background: #FFFFFF;
	}

/* ----------------------------------------------
	2. CONTENANT
-------------------------------------------------*/
#contenant { 
	background: url(images/page-fond.png); /*repeat-y center;*/
	width: 1024px; /* Largeur de la page */
	padding: 0; 
	margin: 0px auto; /* Marges : 20pixels en haut et en bas, 0 pixel � droite et gauche */
	text-align: left; /* Justifier le texte � gauche */
	}
/*------------------------------------------------ 
	3. ENT�TE
-------------------------------------------------*/
#entete { 
	position: relative; /* Condition pour poditionner les objets de l'ent�te */
	margin: 0;
	background: url(images/entete-top.jpg) no-repeat center top; /* Ombrag� du haut */
	height: 280px;
	} 

/* Logo et titre de l'organisme */
h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { 
	display: block;
	background: url(images/logoGA2.jpg) no-repeat left top; /* Le logo */
	height: 43px; /* Hauteur de l'image */
	position: absolute; /* Acive le positionnement relative � l'ent�te  */
	top: 22px; /* Position du LOGO du haut de la page */
	left: 55px; /* Position du logo de la gauche de la page */
	padding-left: 100px; /* Position du TEXTE de la gauche de la page */
	padding-top: 20px; /* Position du TEXTE du haut de la page */
	font-size: 13px; /* Grosseur du caract�re */
	font-weight: normal; /* Enl�ve le gras par d�faut du H1 */
	color: black; /* Couleur du texte */
	} 

/* Bandeau */
#entete p {
	margin: 0; 
	padding: 0;
	position: absolute; /* Acive le positionnement relative � l'ent�te  */
	top: 80px; /* Position du haut de la page */
	left: 20px; /* Position de la gauche de la page */	
	width: 982px; /* Largeur de l'image du bandeau */
	height: 200px; /* Hauteur de l'image du bandeau */ 
	background: url(images/bandeauw.jpg) no-repeat center top; /* L'image du bandeau */
	} 
	
/* Texte du bandeau */	
#entete p span {
	display: none; /* 	Cache le texte pour les navigateurs compatible avec CSS
				      	Utile pour mettre un slogan ou du texte que les moteurs 
					  	de recherche indexeront
					
					*/
	}
	

/* ----------------------------------------------
	4. MENU HORIZONTAL (les rollovers du haut)
 ------------------------------------------------*/
/* Positionnement du topmenu */
#topmenu {
	position: absolute; 
	top: 40px; 
	left: 820px;
	}
#topmenu ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	position: relative; 
	}
#topmenu li a {
	text-decoration: none;
	position: relative;
	}
#topmenu li a span {
	display: none; 
	}

#topmenu li a:hover span {
	display: block;
	color: #B3B3B3;
	background-color: #C31D02;
	text-align: center;
	border: 1px solid #B3B3B3;
	width: 138px;
	}

/* Bouton "Recherche sur ce site" - normal */
li#item1 a,
li#item1 a:link,
li#item1 a:focus{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 300; 
	display: block; 
	width: 26px; 
	height: 24px;  
	background: url(images/menu_recherche_normal.gif) no-repeat top left; 
	}

/* Bouton "Recherche sur ce site" - survol */

li#item1 a:hover { 
	position: absolute; 
	width: 26px; 
	height: 43px; 
	top: -19px; 
	left: 0; 
	background: url(images/menu_recherche_survol.gif) no-repeat top left;  
	z-index: 297;
	}
	
/* Bouton "Plan du site" - normal */
li#item2 a {
	position: absolute; 
	z-index: 400; 
	display: block; 
	width: 24px; 
	height: 24px; 
	background: url(images/menu_plan_normal.gif) no-repeat top left; 
	top: 0; left: 29px;
	}
	
/* Bouton "Plan du site" - survol */
li#item2 a:hover { 
	position: absolute; 
	width: 169px; 
	height: 43px; 
	top: -19px; 
	left: 0;
	background: url(images/menu_plan_survol.gif) no-repeat top left; 
	z-index: 200;
	}
	
/* Bouton "Espace r�dacteur" - normal */
li#item3 a {
	position: absolute; 
	z-index: 500; 
	display: block; 
	width: 24px; 
	height: 24px;
	background: url(images/menu_redaction_normal.gif) no-repeat top left; 
	top: 0; 
	left: 57px;
	}
	
/* Bouton "Espace r�dacteur" - survol */
li#item3 a:hover { 
	position: absolute; 
	width: 169px; 
	height: 43px; 
	top: -19px; 
	left: 0;
	background: url(images/menu_redaction_survol.gif) no-repeat top left; 
	z-index: 299;
	}

/* Bouton "Devenir r�dacteur" - normal */
li#item4 a {
	position: absolute; 
	z-index: 600; 
	display: block; 
	width: 24px; 
	height: 24px;
	background: url(images/menu_devRedacteur_normal.gif) no-repeat top left; 
	top: 0; 
	left: 86px;
	}
	
/* Bouton "Devenir r�dacteur" - survol */
li#item4 a:hover { 
	position: absolute; 
	width: 169px; 
	height: 43px; 
	top: -19px; 
	left: 0;
	background: url(images/menu_devRedacteur_survol.gif) no-repeat top left; 
	z-index: 298;
	}

/* Bouton "Inscription au bulletin de nouvelles" - normal */
li#item5 a {
	position: absolute; 
	z-index: 700; 
	display: block; 
	width: 24px; 
	height: 24px;
	background: url(images/menu_bulletin_normal.gif) no-repeat top left; 
	top: 0; 
	left: 115px;
	}
	
/* Bouton "Inscription au bulletin de nouvelles" - survol */
li#item5 a:hover { 
	position: absolute; 
	width: 169px; 
	height: 43px; 
	top: -19px; 
	left: 0;
	background: url(images/menu_bulletin_survol.gif) no-repeat top left; 
	z-index: 297;
	}
	
/* Bouton "Contact" - normal */
li#item6 a {
	position: absolute; 
	z-index: 800; 
	display: block; 
	width: 24px; 
	height: 24px;
	background: url(images/menu_contact_normal.gif) no-repeat top left; 
	top: 0; 
	left: 115px;
	}
	
/* Bouton "Contact" - survol */
li#item6 a:hover { 
	position: absolute; 
	width: 169px; 
	height: 43px; 
	top: -19px; 
	left: 0;
	background: url(images/menu_contact_survol.gif) no-repeat top left; 
	z-index: 296;
	}

/* Bouton "En" - normal */
li#item7fr a {
	position: absolute; 
	z-index: 900; 
	display: none; 
	width: 25px; 
	height: 24px;
	background: url(images/menu_langue_normal_fr.gif) no-repeat top left; 
	top: 0; 
	left: 172px;
	}
	
/* Bouton "En" - survol */
li#item7fr a:hover { 
	position: absolute; 
	width: 197px; 
	height: 43px; 
	top: -19px; 
	left: 0;
	background: url(images/menu_langue_survol_fr.gif) no-repeat top left; 
	z-index: 295;
	}

/* Bouton "FR" - normal */
li#item7en a {
	position: absolute; 
	z-index: 900; 
	display: none; 
	width: 25px; 
	height: 24px;
	background: url(images/menu_langue_normal_en.gif) no-repeat top left; 
	top: 0; 
	left: 172px;
	}
	
/* Bouton "FR" - survol */
li#item7en a:hover { 
	position: absolute; 
	width: 197px; 
	height: 43px; 
	top: -19px; 
	left: 0;
	background: url(images/menu_langue_survol_en.gif) no-repeat top left; 
	z-index: 295;
	}
/*------------------------------------------------ 
	5. COLONNE GAUCHE
 -------------------------------------------------*/
 
#colgauche { 
	float: left; 
	width: 200px; 
	margin-top: 0; 
	margin-left: 0px!important; /* Pour les navigateurs standards */
	margin-left: 0px; /* Pour Internet Explorer */
	padding: 0;
	}

/* ------------------------------------------------------------------
 	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; }

/* text : color */
.menu li span 				{ color: #CCC;}

.menu ul li a, 
.menu ul li a:visited,
.menu ul li b				{ color: white;}
.menu ul li a:hover 			{ color: #white;}

.menu ul li li a, 
.menu ul li li a:visited 			{ color: #ffffff;}
.menu ul li li a:hover,
.menu ul li li a.lienon  			{ color: #ffffff;}

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


/* background */
.menu ul li a,
.menu ul li b 				{ background-color: #3c5e9d; }
.menu ul li a:hover { background-color: #567bbe; }

.menu ul li li a, 			
.menu ul li li a:visited,		
.menu li span 				{ background-color: #ab7ac0; }

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

.menu ul li li a.article { background-color: #89b440; }
.menu ul li li a.article:hover { background-color: #a2c761; }

/* TYPO et ESPACEMENT des menus */

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

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

.menu ul li a, .menu ul li b
{	
	text-decoration: none;
	padding: 0 0 3px 4px;
	display: block;	
	background-repeat: no-repeat;
	background-position: top left;
}

.menu ul li li a { padding-left: 20px; font-weight: normal;}
.menu ul li li li a { padding-left: 14px;}
.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: bold;
	font-size: 92%;	
}
.menu li li address a
{
	padding: 0px 0 4px 4px;
	font-style: bold;
	font-size: 100%;	
}

/*------------------------------------------------ 
	7. COLONNE DROITE
 ------------------------------------------------*/
#coldroite { 
	float: right; 
	width: 192px; 
	padding-top: 0;
	margin-right: 17px!important; /* Pour les navigateurs standards */
	margin-right: 8px; /* Pour Internet Explorer */
	display: none; /* On le cache puisque l'on veut seulement 2 colonnes sur la page d'accueil */
	text-align: justify;
	}
#coldroite h3 { /* Titre "Sur le Web" */
	position: relative; 
	margin: 0; 
	height: 14px; /* Hauteur de la boite */
	background: #DBDBD9; /* Couleur du fond */
	font-size: 12px; 
	color: #C31D02; /* Couleur du texte */
	font-weight: bold; 
	border-left: 5px solid #DBDBD9; 
	padding: 5px 0 0 3px;
	text-align: center;
	}

/* Listes */

#coldroite .boite { 
	margin: 0; 
	padding: 0; 
	border-left: 5px solid #DBDBD9;
	border-bottom: 5px solid #DBDBD9;
	}
#coldroite .boite h4 {
	margin: 0 5px; 
	padding-top: 5px; 
	font-size: 9px;
	}
#coldroite .boite ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	}
#coldroite .boite li {
	margin: 0; 
	padding: 0; 
	}
#coldroite .boite li a, .boite li a:link, 
.boite li a:visited {
	display: block; 
	padding: 5px 10px 5px 23px; 
	font-size: 7px; 
	background: url(images/bouton-colDroite-normal.gif) no-repeat 5px 50%; 
	color: #C31D02;
	}
#coldroite .boite li a:hover { 
	text-decoration: none; 
	color: black;
	background: url(images/bouton-colDroite-hover.gif) no-repeat 5px 50%;
	}
#coldroite #texte-coldroite { 
	margin: 5px;
	}
#coldroite .boite p.spip a { 
	background-image: none; 
	display: inline; 
	padding: 0;
	}
/* Corrections pour IE6Win\*/
* html .boite li a {
	height: 1%; 
	} 
/* Fin de la correction IE6Win */

/*------------------------------------------------
	8. COLONNE CENTRALE - Page d'accueil
 ------------------------------------------------*/
#colcentre { 
	margin-left: 227px; 
	margin-right: 33px; 
	padding: 0 0 1em 0;
	}
/* Corrections pour IE6Win\*/
* html #colgauche { 
	margin-right: 10px;
	}
* html #colcentre { 
	height: 1%; 
	margin-left: 0; 
	}
/* Fin de la correction IE6Win */

/* Texte d'accueil */
#colcentre #message_accueil {
	margin-top: 8px; 		
	}
#colcentre #message_accueil p {
	margin: 1em 0;
	text-align: justify;
	color: #000000
	}
#colcentre #message_accueil p a, 
#colcentre #message_accueil p a:link, 
#colcentre #message_accueil p a:visited {
	color: #000000; 
	background: #FFFFFF;
	display: inline;
	font-weight: normal;
	font-size: 1,2em;
	} 
#colcentre #message_accueil p a:hover {
	text-decoration: underline;
	} 
/* Fin Texte d'accueil */

/* Titre de la colonne du centre "Nouveaut�s sur ce site" */
#colcentre #message_accueil h2 {
	font-size: 135%; 
	font-weight: bold; 
	color: white; 
	position: relative;
	background-color: #c53626; 
	padding: 3px 3px 3px 45px; 
	margin: 0; 
	}	 
#colcentre #message_accueil h2 strong {
	position: absolute; 
	left: 10px!important; 
	left: -35px; 
	top: 3px;
	}
.nouveau-intro { 
	margin: 0; 
	padding: 0;  
	text-align: left; 
	}
#colcentre div.spip_documents { border: none;}

/* -----------------------------------------------
	9. CONTENU PRINCIPAL - Pages niveau 2
 ------------------------------------------------*/
#contenu { 
	margin-left: 235px; 
	margin-right: 34px; 
	padding: 10px 0 1em 0; 
	}
/* Corrections pour IE6Win\*/
	* html #contenu .container { 
		height: 1%; 
		}
/* Fin de la correction */

/* Fil d'Ariane */
#contenu p.ariane {
	margin: 8px 3px 5px 0; 
	text-align: right;
	}
#contenu p.ariane a, 
#contenu p.ariane a:link, 
#contenu p.ariane a:hover,
#contenu p.ariane a:visited {
	color: black; 
	margin: 0;
	}
#contenu p.ariane a:active {
	font-weight: normal;
	}
/* Titre de page */
#contenu h2 { 
	font-size: 135%; 
	font-weight: bold; 
	color: white; 
	position: relative;
	background-color: #690e20; 
	padding: 3px 3px 3px 45px; 
	margin: 0; 
	} 
/* Chevron de titre */
#contenu h2 strong {
	position: absolute; 
	left: 10px!important; 
	left: -35px; 
	top: 3px;
	}
#contenu table {
	margin: 0; 
	width: 99.5%;
	}

/* Boite logo, date, auteur de l'article */
#contenu #boite-logo-article,
#contenu #boite-logo-rubrique {
	width: 162px; 
	display: block; 
	float: right; 
	margin: 0 0 5px 10px; 
	background-color: #C9D1D1; 
	line-height: normal;
	}
/* Logo */	
#contenu #boite-logo-article img { 
	margin: 8px 0 0 8px; 
	border: 1px solid black;
	}
#boite-logo-article.ps ul 
{
	font-size: 80%;
	line-height: 0.8em;
	font-weight: bold;
	text-align: left;
	list-style-type: none;
	margin: 0;	padding: 0;
}

#boite-logo-article.ps ul ul { font-size: 0.7em; margin: 0;}
#boite-logo-article.ps ul li { margin: 0; }

#boite-logo-article.ps ul li a, #contenu.ps ul li b
{	
	text-decoration: none;
	padding: 0 0 3px 4px;
	display: block;	
	background-repeat: no-repeat;
	background-position: top left;
}

#boite-logo-article.ps ul li li a { padding-left: 20px; font-weight: normal;}


#contenu .date {
	margin: 5px 0 5px 10px; 
	padding: 0; 
	font: 12px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	}
#contenu .auteur-titre {
	margin: 0 10px; 
	font: 10px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	}
#contenu .auteur {
	margin: 0 3px 5px 10px;
	}

#contenu .impressionfr a { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/imprimablefr-normal.gif) no-repeat left top;
	}
#contenu .impressionfr a:hover { 	
	background: url(images/imprimablefr-hover.gif) no-repeat left top;
	}
#contenu .impressionen a { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/imprimableen-normal.gif) no-repeat left top;
	}
#contenu .impressionen a:hover { 
	background: url(images/imprimableen-hover.gif) no-repeat left top;
	}

#contenu .page-impressionfr a { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/impressionfr-normal.gif);
	width: 162px; /* Largeur de l'image */
	height: 32px; /* Hauteur de l'image */
	}
/* Bouton impression en fran�ais au survol */
#contenu .page-impressionfr a:hover { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/impressionfr-hover.gif);
	}
/* Bouton impression en anglais */
#contenu .page-impressionen a { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/impressionen-normal.gif);
	width: 162px; /* Largeur de l'image */ 
	height: 32px; /* Hauteur de l'image */
	}
/* Bouton impression en anglais au survol */
#contenu .page-impressionen a:hover { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/impressionen-hover.gif);
	}

#contenu .texte { 
	margin-top: 0; 
	padding: 10px 20px; 
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/fond-article.jpg) repeat; 
	color: black; 
	}
#contenu .texte p.spip {
	margin: 0 0 1em 0; 
	/*background-color: #E9EAEA*/;
	}
td#texte-article {
	background: url(images/fond-article.jpg) repeat;
	}
#contenu.ps
{
	text-align: justify;
	font-size: smaller;
}
	
#contenu .item {
	clear: right;
	}
.titrerubrique a {
	background: url(images/folder.png) no-repeat left 50% ; 
	adding-left: 20px;
	}
#contenu .soustitre {
	font-weight: bold;
	}

/* Boites de contenu dans les squelettes rubriques */
#boite-srubrique-rubrique, 
#boite-liens-rubrique, 
#boite-syndic-rubrique { 
	margin: 15px 0; 
	padding: 0; 
	}

/* Bordure boite de rubriques et d'articles */
#boite-srubrique-rubrique {
	border: 1px solid #193485;
	}	
	
/* Bordure bo�te liens*/
#boite-liens-rubrique { 
	border: 1px solid #C31D02;
	}

/* Bordure bo�te liens syndiqu�s */
#boite-syndic-rubrique { 
	border: 1px solid #FFC200; 
	}

#boite-syndic-rubrique p {
	margin: 1em;
	}

/* Titre h3 sous-rubrique et article*/
#boite-srubrique-rubrique h3, 
#boite-articles-rubrique h3 {
	color: #C31D02; 
	font-size: 13px; 
	margin-left: 10px;
	}

/* Titre h3 rubrique liens*/
#boite-liens-rubrique h3 { color: #C31D02; font-size: 13px; margin-left: 10px;}

/* Titre h3 rubrique liens syndiqu�s*/
#boite-syndic-rubrique h3 {color: #FFC200; font-size: 13px; margin-left: 10px; position: relative;}
#boite-syndic-rubrique h3 em a { font-family: Arial, Helvetica, sans-serif; font-weight: normal; 
	font-style: normal; font-size: 11px; position: absolute;  top: 2px; left: 340px; 
	text-decoration: none; color: #FFC200;}
	
#boite-srubrique-rubrique ul, 
#boite-liens-rubrique ul, 
#boite-syndic-rubrique ul {
	margin: 0; padding: 0;
	}
#boite-srubrique-rubrique li, 
#boite-liens-rubrique li, 
#boite-syndic-rubrique li {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	}
#boite-srubrique-rubrique li a, 
#boite-srubrique-rubrique li a:link, 
#boite-srubrique-rubrique li a:visited {
	display: block; 
	padding: 5px 10px 5px 23px; 
	background: url(images/puce-articles-Srubrique-normal.gif) no-repeat 5px 5px; 
	color: #7A7A7A;
	}
#boite-srubrique-rubrique li a:hover { 
	text-decoration: none; color: black;
	background: url(images/puce-articles-Srubrique-hover.gif) no-repeat 5px 5px;
	}
#articles li a, 
#articles li a:link, 
#articles li a:visited {
	display: block; 
	padding: 5px 10px 5px 23px; 
	background: url(images/puce-articles-rubrique-normal.gif) no-repeat 5px 8px; 
	color: #7A7A7A;
	}
#articles li a:hover { 
	text-decoration: none; 
	color: black;
	background: url(images/puce-articles-rubrique-hover.gif) no-repeat 5px 8px;
	}
#boite-liens-rubrique li a, 
#boite-liens-rubrique li a:link, 
#boite-liens-rubrique li a:visited {
	display: block; padding: 5px 10px 5px 23px; 
	background: url(images/puce-liens-rubrique-normal.gif) no-repeat 5px 8px; 
	color: #7A7A7A;
	}
#boite-liens-rubrique li a:hover { 
	text-decoration: none; 
	color: black;
	background: url(images/puce-liens-rubrique-hover.gif) no-repeat 5px 8px;
	}
#boite-syndic-rubrique li a, 
#boite-syndic-rubrique li a:link, 
#boite-syndic-rubrique li a:visited {
	display: block; 
	padding: 5px 10px 5px 23px; 
	background: url(images/puce-syndic-rubrique-normal.gif) no-repeat 5px 8px; 
	color: #7A7A7A;
	}
#boite-syndic-rubrique li a:hover { 
	text-decoration: none; 
	color: black;
	background: url(images/puce-syndic-rubrique-hover.gif) no-repeat 5px 8px;
	}
#boite-articles-rubrique li.recherche-liste-sites a {background: url(images/puce-liens-rubrique-normal.gif) no-repeat 5px 8px;}
#boite-articles-rubrique li.recherche-liste-sites a:hover {background: url(images/puce-liens-rubrique-hover.gif) no-repeat 5px 8px;}

/* Contenu boite de documents */
#documents_boite { width: 100%; margin-top: 15px; padding-left: 15px;}
#documents_boite h3 {margin: 0;}
#documents_boite dl {margin: 15px 10px 0 5px; width: 225px; padding: 0; float: left;}
#documents_boite dt {float: left;}
#documents_boite dd a {color: #666666;}
#documents_boite dd a:hover {color: #000000; text-decoration: none;}

/* Plan du site */
#plan {
	margin-top: 20px;
	}
#plan ul { 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	color: #666666;
	}
#plan ul ul li { 
	background: url(images/plan-puce.gif) no-repeat; 
	margin: 0; 
	padding: 6px 0 0 36px; 
	}
#plan ul ul li.dernier { 
	background-image: url(images/plan-dernier.gif); 
	}
#plan a, #plan li a {
	color: #666;
	}
#plan a:hover, 
#plan li a:hover {
	color: #0066CC;
	}

/* Correction du bug de 3px sous IE/Win 5 et 6. Voir � ce sujet :
   http://www.positioniseverything.net/explorer/threepxtest.html
   IE5-Mac ne voit pas cette correction \*/
* html #documents_boite dt { margin-right: 5px;}
* html #documents_boite dd { height: 1%; margin-left: 0; }
/* Fin du code non visible pour IE MAC 5.2 */
.logo_document {
	float: left;
	}
.logoArticle {
	background-color: #C9D1D1;
	}
.titre_resultat_recherche { 
	color: #1D4D9E;
	}

/* Forum d'article */
.spip_barre {
	display: none;
	}
.spip_encadrer table { 
	display: none;
	}
.spip_encadrer td { 
	padding-top: 5px;
	}
#message-forum {
	border: 1px solid #666666; 
	padding: 5px 15px; 
	margin-top: 20px; 
	margin-bottom: 30px; 
	}
#message-forum ul {
	padding: 0; 
	margin: 0; 
	list-style-type: none;
	}
#message-forum li {
	margin-bottom: 15px; 
	}
#message-forum h3, 
#formulaire-forum h3 a, 
h3 a.repondre, 
#documents_boite h3 {
	color: #1D4D9E; 
	font-size: 13px;
	}
a.repondre {
	text-decoration: underline; 
	padding-left: 15px; 
	padding-top: 30px;
	}
#message-forum h4 {
	margin: 0;  
	font-size: 13px;
	}
#message-forum .date-auteur {
	color:#333333;
	}
#message-forum a {
	color: #666666; 
	text-decoration: underline; 
	}
#formulaire-forum {
	border: none; 
	padding: 15px;  
	width: 493px;
	margin: 0; 
	background-color: #F0F0F0; 
	text-align: left;
	}
#formulaire-forum form {
	border: none;
	}
/* Correction pour IE6 \*/
#formulaire-forum {
	width: 490px;
	}
/* Fin de la correction pour IE6 */
#formulaire-forum fieldset {
	border: none;
	}
#formulaire-forum textarea {
	width: 480px; 
	border: none;
	}
#formulaire-forum input {
	border: none;
	}
#formulaire-forum .spip_bouton {
	background-color: #1D4D9E; 
	font-family: Arial, Helvetica, sans-serif; 
	color: white; 
	font-size: 11px; 
	border: none; 
	padding: 3px 15px; 
	}
	
#stats img {
	display: none;
	}

#contenu form {
	margin-top: 0; 
	position: relative; 
	color: black; 
	text-align: left;
	}
#contenu .forml {
	width: 450px; 
	border: 1px solid #BABABA; 
	height: 20px; 
	margin: 5px 0;
	}

/*------------------------------------------------
	10. PIED DE PAGE
 ------------------------------------------------*/
#pied { 
	clear: both; 
	margin: 0; 
	padding: 0 30px 0 0; 
	font-size: 9px; 
	text-align: left; 
	height: 85px; 
	position: relative; 
	color: #ffffff; 
	background: url(images/pied-fond.jpg) no-repeat center bottom; /* Ombrag� du bas */
	z-index: 10;
	}

/*\*/
* html #pied { height: 165px; }
/**/

#pied hr {
	border: 0;  
	color: #DBDBD9; 
	width: 95%!important; 
	width: 100%;
	background-color: #DBDBD9; 
	margin: 15px 0 0 30px!important; 
	margin: 0 0 0 40px;
	height: 1px;
	}
#pied p {
	text-align: center;
	}
#pied p#spip {
	position: absolute; 
	right: 40px; 
	top: 50px!important; 
	top: 85px; 
	text-align: right;
	}
#pied a, #pied a:link, 
#pied a:visited {
	color: #999; 
	font-size: 9px;
	}
#pied span {
	display: none;
	}
img#pied-logo-recit {
	vertical-align: -4px; 
	border: none;
	}
#pied p#spip a img {
	border: none;
	margin-top: 10px;
	}

/*----------------------------------------------- 
	11. FORMULAIRES
-------------------------------------------------*/

/* Formulaire d'inscription au bulletin */

/* Champs courriel */
#contenu form#bulletin input.courriel {
	width: 240px; 
	height: 20px; 
	border: none;
	}
/* Bouton valider */
#contenu form#bulletin input.bouton_valider {
	margin: 15px 0 0 4px; 
	background-color: #BBBFC0; 
	color: white; 
	padding: 2px 38px; 
	font-weight: bold; 
	border: none;
	}
#bulletin_confirmation {
	font-size: 120%; 
	color: #FF0000; 
	font-weight: bold;
	}
	
/* Formulaire de recherche */
#contenu form.formrecherche {
	padding: 20px 0; 
	position: relative;
	}
#contenu form.formrecherche input.champs {
	margin-left: 20px; 
	width: 238px; 
	height: 21px; 
	border-style: none;
	}
#contenu form.formrecherche input.form-submit {
	border-style: none; 
	background-color: #BABFBF; 
	color: white; 
	height: 23px; 
	width: 123px; 
	position: absolute; 
	left: 270px; 
	top: 20px; 
	font-size: 13px;
	}
#contenu form.formrecherche #radio1, 
#contenu form.formrecherche #radio2 {
	color: #1D4D9E; 
	margin: 5px 0 0 15px;
	}
#contenu form.formrecherche #aide a {
	color: #1D4D9E; 
	position: absolute; 
	left: 450px; 
	top: 25px;
	}

/*------------------------------------------------
	12. AGENDA
 ------------------------------------------------*/
#calendrier {
	background-color: #EAEAEA; 
	margin: 0; 
	padding-bottom: 15px;  
	}
#calendrier table {
	width: 490px; 
	margin: 1px auto; 
	padding: 15px 0; 
	border-style: none;
	font-size: 10px;
	border-collapse: collapse; 
	} 
table.agenda {
	border-collapse: collapse; 
	}
table.agenda th.agendaNav {
	border-collapse: collapse; 
	border-style: none; 
	background-color: #EAEAEA;
	text-align: center;
	}
table.agenda th.agendaNav form {
	margin: 0 auto;
	width: 250px;
	}
table.agenda th.agendaNav form input.agendaBouton { 
	border-style: none; 
	color: #FFFFFF; 
	background-color: #BABEBF; 
	padding: 1px 10px;
	}
table.agenda th.agendaHead {
	background-color: #BBBFC0;
	border: 1px solid #7A7A7A;
	}

table.agenda a, 
table.agenda a:link, 
table.agenda a:visited, 
table.agenda a:active { 
	text-decoration: none; 
	color: #000; 
	padding: 2px; 
	font-size: 9px;
	}
table.agenda a:hover { 
	text-decoration: underline; 
	}

table.agenda td {
	border: 1px solid #BFBFBF;
	}
table.agenda td.agendaThisMonth {
	background-color: #FFFFFF;
	}
table.agenda td.agendaThisDay {
	background-color: #BBC9E3;
	}
table.agenda td.agendaNotThisMonth { 
	background: #EFEFEF;
	}
table.agenda td.agendaNav {
	text-align: center; 
	border: none;
	}




/*------------------------------------------------
	13. CSS EXCLUSIF � IE MAC 5.2
 ------------------------------------------------*/
/* Les r�gles suivantes sont exclusives � IEMAC 5.2. Explications ici: 
   http://www.stopdesign.com/examples/ie5mac-bpf/ */
/*\*//*/
	#entete p strong {top: 80px; left: 300px;}
	.h3coldroite1 {position: static; display: block; margin: 22px 0 0 5px;}
	.h3coldroite2 {position: static; display: block; margin: 10px 0 0 5px;}
	#colcentre h3 {position: static; padding-left: 8px;}
	h3 strong {position: static;} 
/* Fin des r�gles exlusives � IE5 MAC 5.2 */