/*===================================================
#		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: #FFFFFF; /* Couleur du fond de la page */
	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  */ 
	}
	
h1, h2, h3, h4 ,h5, h6	{margin:0;padding:0;}
	
IMG { border:0;}

a:link, a:visited, a:active { 
	color: #FF6600; /* 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: 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: #E5E5E5; /* #F5F5F7*/
	}
.impairs {
	display: block; 
	background: #FFFFFF;
	}

#clearboth{ clear:both;}

/* ----------------------------------------------
	2. CONTENANT
-------------------------------------------------*/
#contenant { 
	width: 792px; /* Largeur de la page */
	padding: 0; 
	margin: 20px auto; /* Marges : 20pixels en haut et en bas, 0 pixel à droite et gauche */
	text-align: left; /* Justifier le texte à gauche */
	background: url(images/page-fond.jpg) repeat-y center; /* ombragé gauche et droite*/
	}
/*------------------------------------------------ 
	3. ENTÊTE
-------------------------------------------------*/
#entete { 
	position: relative;
	background: url(images/entete-top.jpg) no-repeat center top; 
	width: 760px;
	height: 239px;
	padding: 20px 18px 0 14px;
	z-index:3;
	} 
#entete .image{
	background: url(images/logo-site.gif) no-repeat left top; /* Le logo */
	height: 54px; /* Hauteur de l'image */
	width: 80px;
	margin: 0 6px 3px 8px;
	float:left;
	}
#entete .image img{width:80px;height:54px;}
#entete .titre {
	position: relative;
	padding: 0 0 0 10px;
	font-size: 15px; /* Grosseur du caractère */
	font-weight: normal; /* Enlève le gras par défaut du H1 */
	color: #000000; /* Couleur du texte */
	}
	
#contenant #entete .magasins {
	padding: 0 0 0 21px;
	}
#contenant #entete .magasins a{
	font-size:9px;
	font-weight: bold; /* Enlève le gras par défaut du H1 */
	color: #000000; /* Couleur du texte */
	}
/* Bandeau */
#entete .bandeau {
	margin: 0 2px!important; 
	padding: 0 0 0 4px !important;
	clear:both;	
	width: 756px; /* Largeur de l'image du bandeau */ 
	height: 182px; /* Hauteur de l'image du bandeau */ 

	} 
/* ----------------------------------------------
	4. MENU HORIZONTAL (les rollovers du haut)
 ------------------------------------------------*/
/* Positionnement du topmenu */
#topmenu {
	position: absolute; 
	top: 50px; 
	left: 625px;
	}
#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: #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: 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: 600; 
	display: block; 
	width: 24px; 
	height: 24px;
	background: url(images/menu_bulletin_normal.gif) no-repeat top left; 
	top: 0; 
	left: 86px;
	}
	
/* 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: 298;
	}
/*

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

/*------------------------------------------------ 
	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 */
	z-index: 1;
	}
#coldroite h3 { /* Titre "Sur le Web" */
	position: relative; 
	margin: 0; 
	height: 14px; /* Hauteur de la boite */
	background: #EAEBED; /* Couleur du fond */
	font-size: 10px; 
	color: #000000; /* Couleur du texte */
	font-weight: bold; 
	border-left: 5px solid #DBDBD9; 
	padding: 10px 0 0 3px;
	}

/* 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: 10px;
	}
#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: 10px; 
	background: url(images/bouton-colDroite-normal.gif) no-repeat 5px 50%; 
	color: #7A7A7A;
	}
#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: 38px!important; 
	margin-right: 33px!important; 
	padding: 8px 0 1em 0!important;
	}
/* Corrections pour IE6Win\*/
* html #colcentre { 
	height: 0%; 
	margin-left: 0; 
	}
/* Fin de la correction IE6Win */

/* Texte d'accueil */
#colcentre #message_accueil {
	margin-top: 4px;
	font-size: 12px;
	text-align:justify;
	}
#colcentre #message_accueil .titre {
	margin-top: 8px; 
	font-size: 15px;
	font-weight:bold;	
	text-align:justify;
	color:#000000;
	}	

#colcentre #message_accueil .titre_sec {
	margin-top: 6px; 
	font-size: 12px;
	font-weight:bold;	
	text-align:justify;
	color: #666666;
	}	


#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: #F60; 
	display: inline; 
	font-size: 1em;
	font-weight: normal;
	} 
#colcentre #message_accueil p a:hover {
	color: #000; 
	text-decoration: underline;
	} 
/* Fin Texte d'accueil */

/* Texte d'accueil important */
#colcentre #message_accueil_important {
	margin-top: 8px; 
	font-size: 12px;	
	text-align:justify;
	color:#000000;
	background-color: #CCCCCC;

	}
.titre_important {
	margin-top: 8px; 
	padding-left: 4px;
	font-size: 15px;
	font-weight:bold;
	color: #FF6600;
	text-align:justify;
	background-color: #000000;
	}	
	
.titre_important a:hover {
	color: #FFFFFF;
	text-decoration:none;
	}
#colcentre #message_accueil_important p {
	padding: 5px;
	}
#colcentre #message_accueil_important p a, 
#colcentre #message_accueil_important p a:link, 
#colcentre #message_accueil_important p a:visited {
	color: #FF6600; 
	display: inline; 
	font-size: 1em;
	font-weight: normal;

	} 
#colcentre #message_accueil_important 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: normal; 
	font-size: 1.5em; 
	color: #000000;
	}

.nouveau-intro { 
	margin: 0; 
	padding: 0;  
	text-align: left; 
	}
#colcentre div.spip_documents { border: none;}


/* -----------------------------------------------
	9. CONTENU PRINCIPAL - Pages niveau 2
 ------------------------------------------------*/
#contenu { 
	margin-left: 42px; 
	margin-right: 34px; 
	padding: 10px 0 1em 0; 
	}

#contenu .cal, #contenu .cal a, #contenu .cal a:hover {
	color:black;  /* page agenda */
	 }

/* 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: 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 { 
	font-size: 135%; 
	font-weight: bold; 
	position: relative;
	border-left: 2px solid #FF6600;
	border-bottom: 2px solid #FF6600;
	padding: 3px 3px 3px 45px; 
	} 
/* Chevron de titre */
#contenu h2 strong {
	position: absolute; 
	left: 10px!important; 
	left: -35px; 
	top: 3px;
	}
#contenu table {
	margin: 0; 
	width: 99.5%;
	}

#contenu .surtitre { 
	text-transform: uppercase;
	font-size: 100%;
	font-weight:normal;
	color: #999; 
	position: relative;
	background-color: #222;
	padding: 3px 3px 3px 24px; 
	margin: 0; 
	} 

#contenu .soustitre { 
	text-transform: capitalize;
	font-size: 100%;
	font-weight:normal;
	color: white; 
	position: relative;
	background-color: #333333;
	padding: 3px 3px 3px 48px; 
	margin: 0; 
	} 
	
/* Boite logo, date, auteur de l'article */
#contenu #boite-logo-article,
#contenu #boite-logo-rubrique {
	width: 162px; 
	display: block; 
	float: right; 
	margin: 0 0 20px 20px; 
	background-color: #C9D1D1; 
	line-height: normal;
	}

/* Logo */	
#contenu #boite-logo-article .logo_arti  { 
	margin: 8px 0 8px 0; 
	text-align:center;
	}
#contenu #boite-logo-article .logo_arti img { 
	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 .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 .boitepersopm {
	margin: 0; 
	padding: 0; 
	background: #E0E0E0;

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

#contenu .surleoueb-titre {
	margin: 3px 10px; 
	font: 10px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	}
	
#contenu .surleoueb {
	margin: 0 3px 5px 10px;
	font-size:smaller;
	}
#contenu .surleoueb a{
	margin: 0 3px 5px 10px;
	color: #666666;
	text-decoration: none;
	}
#contenu .surleoueb a:hover{
	color: black;
	}

#contenu .chapo { 
	margin-top: 0; 
	padding: 10px 20px; 
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-align:justify;
	background-color: #E9EAEA; 
	color: black; 
	}

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

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

/* Bordure boite de rubriques et d'articles */
#boite-srubrique-rubrique {
	border: 1px solid #666666;
	width: 707px;
	}	
/* Bordure boîte magasins*/
#boite-srubrique-mag {
	border: 2px solid #000;
	margin: 14px 0 0 54px;
	padding: 12px 4px;
	width: 152px;
	float:left;
	text-align:center;
	color: black;
	}
/* Bordure boîte liens*/
#boite-srubrique-liens {
	border: 2px solid #000;
	margin: 14px 0 0 20px;
	padding: 12px 4px;
	width: 200px;
	float:left;
	text-align:Justify;
	color: black;
	}
#boite-srubrique-sold {
	border: 2px solid #000;
	margin: 14px 0 0 124px;
	padding: 12px 4px;
	width: 152px;
	float:left;
	text-align:center;
	color: black;
	}	
/* Bordure boîte liens*/
#boite-liens-rubrique { 
	border: 1px solid #000;
	}

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

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

/* Titre h3 sous-rubrique et article*/
#boite-srubrique-mag .titre a {
	font-size:16px;
	font-weight:bold;
	color:#666666;
	border-bottom:3px;
	}
#boite-srubrique-mag .titre a:hover{
	color: #000;
	text-decoration:none;
	}
#boite-srubrique-liens .titre a {
	font-size:16px;
	font-weight:bold;
	color:#666666;
	}
#boite-srubrique-liens .titre a:hover{
	color: #000;
	text-decoration:none;
	}
#boite-srubrique-sold .titre a {
	font-size:16px;
	font-weight:bold;
	color:#666666;
	}
#boite-srubrique-sold .titre a:hover{
	color: #000;
	text-decoration:none;
	}

#boite-srubrique-rubrique h3, 
#boite-articles-rubrique h3 {
	color: #000; 
	font-size: 12px; 
	margin-left: 10px;
	}
/* Titre h3 rubrique liens*/
#boite-liens-rubrique h3 { color: #000; font-size: 13px; margin-left: 10px;}

/* Titre h3 rubrique liens syndiqués*/
#boite-syndic-rubrique h3 {color: #000; 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: #000;}
	
#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; 
	height: 60px!important;
	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;
	}
#articles li .logo, 
#articles li .logo a,
#articles li .logo a:link,
#articles li .logo a:visited,
#articles li .logo a:hover { 
	text-decoration: none; 
	display: inline;
	height: 60px!important;
	background: none;
	}
#articles li .logo img{ 
padding: 0 33px 0 0; }



#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;
	margin-right: 4px;
	}
.logoArticle {
	background-color: #C9D1D1;
	}
.titre_resultat_recherche { 
	color: #000;
	}

/* 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: #000; 
	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: #CCCCCC; 
	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: 60px; 
	position: relative; 
	color: #999; 
	background: url(images/pied-fond.jpg) no-repeat center bottom; /* Ombragé du bas */

	}

/*\*/
* html #pied { 	margin: 0 0 0 4px; height: 87px; }
/**/

#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: 0px!important; 
	text-align: right;
	}
#pied a, #pied a:link, 
#pied a:visited {
	color: #999; 
	font-size: 9px;
	}
#pied span {
	display: 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 */



.texteencadre-spip {
	color: #000033;
	background: #999;
	border-bottom: 2px solid #333;
	border-left: 1px solid #666;
	border-right: 2px solid #333;
	border-top: 1px solid #666;
	margin: 1em 1em;	
	padding: .25em;	
	float:left;
	width:70%
	}
.texteencadre-spip p {
	color: #000033;
	background: #999;
	border-bottom: 2px solid #333;
	border-left: 1px solid #666;
	border-right: 2px solid #333;
	border-top: 1px solid #666;
	padding: .45em;	
}

.caractencadre-spip {
	color: #F60;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

a[hreflang]:after {
content: "\0000a0[" attr(hreflang) "]";
color: #999;
background : transparent;
}

a.spip_blank {
	color: #F00;
}



/*  Portfolio
---------------------------------------------- */
#documents_portfolio { background-color:#333333; padding: 5px;}
#documents_portfolio .titre { 
	background-color: #222;
	border-left: 2px solid #FF6600;
	border-bottom: 2px solid #FF6600;
	padding: 4px 0 2px 8px;
	text-transform: uppercase ;
	color:#CCCCCC;
	font-weight: bold;
	font-size: 1.2em;
	}

#documents_portfolio .vignettes { padding-top: 6px;}
#documents_portfolio .vignettes img{margin: 1.5px; border: solid 2px black;}

#document_actif {padding-top: 10px; color: #CCCCCC;}

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#docjttitre {
	background-color: #999999;
	/*border-left: 2px solid #FF6600;
	border-bottom: 2px solid #FF6600;
	border-top: 3px solid black;
	border-right: 3px solid black;*/
	padding: 7px 3px 3px 10px; 
	color: black; 
	text-transform: uppercase; 
	font-size: 0.82em; 
	font-weight: bold;
	}
#documents_joints {
	/*border: 3px solid black;
	border-top: 0;*/
	margin: 0;
	padding: 0;}
#documents_joints .box-titre {padding: 2px;}
/*#documents_joints .doc_indiv { border-left: 2px solid black;}*/
#documents_joints .spip_doc_titre { padding: 4px 0 0 10px; font-size: 0.9em;}
#documents_joints .spip_doc_titre a { color:black;}
#documents_joints .spip_doc_titre small { font-size: 0.9em; font-weight: normal; }
#documents_joints .spip_doc_descriptif {padding: 0 3px; clear: both;font-size: 0.89em; font-weight:normal; }
#documents_joints ul {margin: 0 0 0 0; padding: 0; list-style-type: none; position: relative;	}
#documents_joints li, #doc	uments_joints li a, #documents_joints li a:link, #documents_joints li a:visited {
	display: block; color: #7A7A7A;
	}
#documents_joints li a:hover { text-decoration: none; color: black; background-color:#999999;}


/* Logos, documents et images */
img .spip_logos { margin: 0; padding: 0; border: none; }
.spip_documents { text-align: center; }
.spip_documents_center { margin: auto; background-color: transparent;}
span.spip_documents_center { display: block; margin-top: 1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
#documents_portfolio .spip_doc_titre {color:white; font-weight: bold; font-size: 1.4em; padding: 8px 4px 18px 4px; text-transform:uppercase;  }
#documents_portfolio .embed { float:left; margin: 0 0 0 0;  font-size: 0.85em; font-weight:normal;}
.embed a {color: black;}
.embed a:hover { color: white; text-decoration:none; border-width: 0; margin: 0; padding:0;}
#document_actif .spip_doc_descriptif {font-size: 0.87em; margin: 2px 10px; text-align:justify;}



/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 4px;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold;
	 }
	 
table.spip strong { color:#FF6600; font-variant:small-caps;}
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: 3px; text-align: left; vertical-align: middle; }

#projets{ 
	padding: 3px;
	}
a #projets{
	background-color:#FFF;
	text-decoration:none;
	color:black;
	}
a:hover #projets {
	background-color:#000000;
	text-decoration:none;
	color:#FFF;
	}
.splickrbox{
margin:0;
overflow:hidden;
}
.splickrbox table td, .splickrbox table{
border-spacing:0px;
padding:0;
}


.img_png, .image_typo, .spip_logos, .format_png {
	behavior: url("win_png.htc");
}