/*===================================================

#		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(web_nouveautes_centre.css);
@import url(web_nouveautes_gauche.css);





/*----------------------------------------------- 

	1. STYLES GÉNÉRAUX

-------------------------------------------------*/

body { 

	background: #FFFFFF; /* Couleur du fond de la page */

	color: #666; /* Couleur du texte */

	margin: 0; /* Marge extérieures  */ 

	padding: 0; /* Marges intérieures */ 

	text-align: left; /* 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: #000000; /* Couleur des liens */ 

	text-decoration: none; /* Lien non-souligné */ 

	} 

a:hover	{ 

	text-decoration: none; /* Lien souligné lors du survol de la souris */ 
	color: #911048;
	
	}

	

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: 1px solid #666666; /* Bordure pour les documents attachés  */ 

	background-color: white; 

	margin: 0 8px 16px 8px; /*  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 { 

	width: 900px; /* Largeur de la page */

	padding: 0; 

	margin: 0px auto; /* Marges : 20pixels en haut et en bas, 20 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: 10px;

	display: block;

	height: 90px;

	} 



/* Logo et titre de l'organisme */

h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { 

	display: none;

	background: url(images/logo-site.gif) no-repeat left top; /* Le logo */

	height: 48px; /* Hauteur de l'image */

	position: absolute; /* Acive le positionnement relative à l'entête  */

	top: 12px; /* Position du LOGO du haut de la page */

	left: 0px; /* Position du logo de la gauche de la page */

	padding-left: 60px; /* Position du TEXTE de la gauche de la page */

	padding-top: 100px; /* Position du TEXTE du haut de la page */

	font-size: 18px; /* Grosseur du caractère */

	font-weight: bold; /* Enlève le gras par défaut du H1 */

	color: brown; /* Couleur du texte */

	} 



/* Bandeau */

#entete p {

	margin: 0; 

	padding: 0;

	position: absolute; /* Acive le positionnement relative à l'entête  */

	top: 10px; /* Position du haut de la page */

	left: 0px; /* Position de la gauche de la page */	

	width: 800px; /* Largeur de l'image du bandeau */ 

	height: 105px; /* Hauteur de l'image du bandeau */ 
	
	display: block;


	} 

	

/* 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: 35px; 

	left: 685px;

	}

#topmenu ul {

	margin: 0; 

	padding: 10; 

	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: #FFFFFF;

	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: 140px; 

	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: 140px; 

	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: none; 

	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 "CA" - normal */

li#item7es a {

	position: absolute; 

	z-index: 900; 

	display: block; 

	width: 24px; 

	height: 24px;

	background: url(images/menu_devRedacteur_normal.es.gif) no-repeat top left; 

	top: 0px; 

	left: 86px;

	}

	

/* Bouton "CA" - survol */

li#item7es a:hover { 

	position: absolute; 

	width: 169px; 

	height: 43px; 

	top: -19px; 

	left: 0px;

	background: url(images/menu_devRedacteur_survol.es.gif) no-repeat top left; 

	z-index: 295;

	}





/*------------------------------------------------ 

	5. COLONNE GAUCHE

 -------------------------------------------------*/

 

#colgauche { 

	float: left; 

	/*width: 400px; 

	margin-top:25px; */

	margin-left: -15px!important; /* Pour les navigateurs standards */

	margin-left: -15px; /* Pour Internet Explorer */

	padding: 0;

	}





/* ----------------------------------------------

	6. MENU VERTICAL 

 ------------------------------------------------*/



.menuGauche ul { 

	padding: 34px 0 0 0; 

	margin: 0; 

	list-style-type: none;

	}

.menuGauche li {

	margin-bottom: 6px;

	}

.menuGauche li a:link, 

.menuGauche li a:visited ,

.menuGauche li a:active, 

.menuGauche li a:focus {

	display: block; 

	width: 150px; /* Format et couleurs niveau 1 */

	padding: 3px 0 3px 10px; 

	text-decoration: none; 

	border: 1px solid #BFBFBF; 

	font-weight: bold;

	font-size: 11px;

	color: #828282;

	} 

.menuGauche li a:hover {

	color: #10330c; /* Couleur du lien en survol  */

	}  



/*------------------------------------------------ 

	7. COLONNE DROITE

 ------------------------------------------------*/

#coldroite { 

	position: relative; 

	float: right; 

	width: 190px; 

	/*margin-top: 680px; 

	padding-top: 1000px;*/

	margin-right: 10px!important; /* Pour les navigateurs standards */

	margin-right: 10px; /* Pour Internet Explorer */

	display: block; /* On le cache puisque l'on veut seulement 2 colonnes sur la page d'accueil 





*/

	}













#coldroite h3 { /* primera caja columna dcha*/
	display: block;
	position: relative;
	margin: 0;
	height: 20px; /* Hauteur de la boite */
	background: #5f646e; /* Couleur du fond */
	font-family: "Arial Narrow";
	font-size: 18px;
	font-weight: bold;
	color: #fff; /* Couleur du texte */
	/* border-left: 15px solid #5f646e;  <<< inicio columna */
	padding: 10px 0px 10px 0px;
	}










/* Listes */





#coldroite .boite { 

	margin-right: 0px; 

	padding: 3px;

	/*border-left: 1px solid #5f646e;  <<< borde caja */

	/*border-bottom: 1px solid #5f646e;  <<< borde caja  */

	font-size: 13px;

	font-weight: normal;

	font-family: Arial;

	font-color: #911048;

	text-align: right;

	background-color: #F4F4F4;

	}



#coldroite .boite h4 {

	margin: 0 5px; 

	padding-top: 5px; 

	font-size: 10px;

	}



#coldroite .boite ul {

	margin: 6px; 

	padding: 0;

	color:#800000

	}



#coldroite .boite li {

	margin: 6px; 

	padding: 0; 

	font-size: 9px;

	color: brown;

	}



#coldroite .boite li a, .boite li a:link, 

.boite li a:visited {

	display: block; 

	padding: 5px 10px 5px 23px;

	font-size: 9px; 

	background: url(images/bouton-colDroite-normal.gif) no-repeat 5px 50%; 

	color: #800000;



	}





#coldroite .boite li a:hover { 

	text-decoration: block; 

	background: url(images/bouton-colDroite-hover.gif) no-repeat 5px 50%;

	font-size: 9px;

	}



#coldroite #texte-coldroite { 

	margin: 5px;

	font-size: 9px;

	font-family: "Arial Narrow";

	color: #911048;

	}



#coldroite .boite p.spip a { 

	background-image: none; 

	display: inline;

	padding: 0;

	font-size: 10px;

		}

/* Corrections pour IE6Win\*/

* html .boite li a {

	height: 1%; 

	} 

/* Fin de la correction IE6Win */



/*------------------------------------------------

	8. COLONNE CENTRALE - Page d'accueil

 ------------------------------------------------*/

#colcentre { 

	/*margin-left: 290px; 

	margin-right: 0px;

	margin-top: 50px; */

	padding: 0 0 10px 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; 

	font-size: 14px;	

	}

#colcentre #message_accueil p {

	margin: 1em 0; 

	}

#colcentre #message_accueil p a, 

#colcentre #message_accueil p a:link, 

#colcentre #message_accueil p a:visited {

	color: #000000; 

	background: #FFFFFF;

	display: inline; 

	font-size: 1em;

	font-weight: normal;

	} 

#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 h2 {

	margin: 10px 0 0 0; 

	font-weight: bold; 

	font-size: 14px; 

	color: blue;

	display: none;

	}





.nouveau-intro { 

	margin-bottom: 0; 

	padding: 0;  

	text-align: left; 

	}

#colcentre div.spip_documents { border: none;}



/* -----------------------------------------------

	9. CONTENU PRINCIPAL - Pages niveau 2

 ------------------------------------------------*/

#contenu { 

	margin-left: 20px; 

	margin-right: 230px; 

	margin-top: 60px;

	padding: 0px 0 10px 0px; 

	}

/* Corrections pour IE6Win\*/

	* html #contenu .container { 

		height: 1%; 

		}

/* Fin de la correction */



/* Fil d'Ariane */

#contenu p.ariane {

	

	margin: 50px 0px 5px 0px;  

	text-align: left;

	}

#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 {/* columna central - titulo rubriques */
	font-family: Arial, Gadget, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #911048;
	position: relative;
	padding: 0px 0px 0px 10px;
	font-weight: bold; 
	} 













/* Chevron de titre */

#contenu h2 strong {

	display: none;

	position: absolute; 

	left: -10px!important; 

	left: -35px; 

	top: 3px;

	}

#contenu table {

	margin-top: 0px; 

	width: 99.5%;

	}



/* Boite logo, date, auteur de l'article */

#contenu #boite-logo-article,

#contenu #boite-logo-rubrique {
	width: 180px;
	display: block;
	float: right;
	margin: 0px 0px 20px 30px;
	background-color: #CCC;
	line-height: normal;
	}

/* Logo */	

#contenu #boite-logo-article img { 

	margin: 8px 0 0 8px; 

	border: 1px solid black;
	
	}



#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 .impressiones a { 

	display: block; 

	width: 162px; 

	height: 32px; 

	background: url(images/imprimablefr-normal.gif) no-repeat left top;

	}

#contenu .impressiones a:hover { 	

	background: url(images/imprimablefr-hover.gif) no-repeat left top;

	}

#contenu .impressionca a { 

	display: none; 

	width: 162px; 

	height: 32px; 

	background: url(images/imprimableen-normal.gif) no-repeat left top;

	}

#contenu .impressionca a:hover { 

	background: url(images/imprimableen-hover.gif) no-repeat left top;

	}



/* Bouton impression en castellano */

#contenu .page-impressiones 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 castellano au survol */

#contenu .page-impressiones a:hover { 

	display: block; 

	width: 162px; 

	height: 32px; 

	background: url(images/impressionfr-hover.gif);

	}

/* Bouton impression en catalan */

#contenu .page-impressionca 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 catalan au survol */

#contenu .page-impressionca 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-color: #E9EAEA; 

	color: black; 

	}

#contenu .texte p.spip {

	margin: 0 0 1em 0; 

	background-color: #E9EAEA;

	}

td#texte-article {

	background-color: #E9EAEA;

	}

#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: 0px solid #193485;

	margin-right: 185px;

	margin-left: -10px;

	}	











	

/* Bordure boîte liens*/

#boite-liens-rubrique { 

	border: 1px solid #027F02;

	}



/* Bordure boîte liens syndiqués */

#boite-syndic-rubrique { 

	border: 0px solid #FFC200; 

	}



#boite-syndic-rubrique p {

	margin: 1em;

	}



/* Titre h3 sous-rubrique et article*/

#boite-srubrique-rubrique h3, 

#boite-articles-rubrique h3 {

	color: #193485; 

	font-size: 13px; 

	margin-left: 10px;

	}



/* Titre h3 rubrique liens*/

#boite-liens-rubrique h3 { color: #027F02; 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: relative;  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: #000000;

	}



/* 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: 140px; 

	position: relative; 

	color: #999; 

	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: 120px; 

	width: 238px; 

	height: 21px; 

	border-style: bold;

	}

#contenu form.formrecherche input.form-submit {

	border-style: none; 

	background-color: #BABFBF; 

	color: white; 

	height: 23px; 

	width: 600px; 

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

	.h3coldroite.es1 {position: static; display: block; margin: 22px 0 0 5px;}

	.h3coldroite.es2 {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 */