body {
	background: #FFFFFF;
	padding: 20px;
	margin: 0px;
}

a {
	text-decoration:none;
}

/*---comportement des liens de style bouton---*/

a.bouton {
	display:block;
	background:#70152C;
	color:#FF7E00;
	text-decoration:none;
	border: #70152C solid 1px;
	text-align:center;
	padding:1px;
	margin:10px 0px 10px 0px;
	font-weight: bold;
}

a.bouton:hover {
	background:#FF7E00;
	color:#70152C;
	text-decoration:none;
}

/*---comportement des logos de la colonne de gauche---*/

a.logo-sarka-spip {
	display: block;
	background:URL(../puces/sarka-spip.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
}

a.logo-sarka-spip:hover {
	display: block;
	background:URL(../puces/sarka-spip-hover.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
}

a.logo-spip-powered {
	display: block;
	background:URL(../puces/spip-powered.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
}

a.logo-spip-powered:hover {
	display: block;
	background:URL(../puces/spip-powered-hover.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
}

/*---comportement des éléments de formulaires---*/

.formulaire_spip fieldset {
	border: 1px solid #FF7E00;
	margin: 10px 0px 10px 0px;
	padding: 10px;
}

.formulaire_spip legend {
	color: #FF7E00;
	background: #EEEEEE;
	font-weight: bold;
	border: 1px solid #FF7E00;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
}

.formulaire_spip label {
	font-weight: bold;
}

.saisie-texte, .forml {
	display:block;
	color: #FF7E00;
	background: #F0F0FA;
	border: 1px solid #FF7E00;
	margin:5px 0px 5px 0px;
	padding:1px;
}

.spip_bouton input {
	display: block;
	float: right;
	background: #70152C;
	color: #FF7E00;
	border: 1px solid #70152C;
	margin:5px 0px 5px 0px;
	behavior: url(squelettes/scripts/spip-bouton-hover.htc);
}

.spip_bouton input:hover {
	background: #FF7E00;
	color: #70152C;
	border: 1px solid #70152C;
	cursor: pointer;
}

.spip_bouton_gauche input {
	display: block;
	background: #70152C;
	color: #FF7E00;
	border: 1px solid #70152C;
	margin:5px 0px 5px 0px;
	behavior: url(squelettes/scripts/spip-bouton-hover.htc);
}

.spip_bouton_gauche input:hover {
	background: #FF7E00;
	color: #70152C;
	border: 1px solid #70152C;
	cursor: pointer;
}

fieldset {
	margin: 0px;
	padding: 0px;
}

blockquote {
	display: block;
	border : 1px solid #FF7E00;
	border-left : 8px solid #FF7E00;
	background : #EEEEEE;
	padding : 0px 5px 0px 5px;
	font-style :italic;
	overflow: auto;
}

/*RAJOUTER PAR MALORIE---comportement des éléments de formulaires pour l'inscription des lecteurs par mail afin de recevoir les nouveautés de la bibliothèque---*/

.formulaire_spip fieldset {
	border: 1px solid #FF7E00;
	margin: 10px 0px 10px 0px;
	padding: 10px;
}

.formulaire_spip legend {
	color: #FF7E00;
	background: #EEEEEE;
	font-weight: bold;
	border: 1px solid #FF7E00;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
}

.formulaire_spip label {
	font-weight: bold;
}

.saisie-texte, .forml {
	display:block;
	color: #FF7E00;
	background: #F0F0FA;
	border: 1px solid #FF7E00;
	margin:5px 0px 5px 0px;
	padding:1px;
}

.spip_bouton input {
	display: block;
	float: right;
	background: #70152C;
	color: #FF7E00;
	border: 1px solid #70152C;
	margin:5px 0px 5px 0px;
	behavior: url(squelettes/scripts/spip-bouton-hover.htc);
}

.spip_bouton input:hover {
	background: #FF7E00;
	color: #70152C;
	border: 1px solid #70152C;
	cursor: pointer;
}

.spip_bouton_gauche input {
	display: block;
	background: #70152C;
	color: #FF7E00;
	border: 1px solid #70152C;
	margin:5px 0px 5px 0px;
	behavior: url(squelettes/scripts/spip-bouton-hover.htc);
}

.spip_bouton_gauche input:hover {
	background: #FF7E00;
	color: #70152C;
	border: 1px solid #70152C;
	cursor: pointer;
}

fieldset {
	margin: 0px;
	padding: 0px;
}

blockquote {
	display: block;
	border : 1px solid #FF7E00;
	border-left : 8px solid #FF7E00;
	background : #EEEEEE;
	padding : 0px 5px 0px 5px;
	font-style :italic;
	overflow: auto;
}

/**FIN : RAJOUTER PAR MALORIE---comportement des éléments de formulaires pour l'inscription des lecteurs par mail afin de recevoir les nouveautés de la bibliothèque***/

/*---style des info-bulles perso adaptées au contexte (image, plan...)---*/

a.info span {
	display: none;
}

a.info:hover {
	background: none; /* correction d'un bug IE */
}

.images a.info:hover span {
	/* style des infobulles associées aux images */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
	width: 200px;
}

.plan a.info:hover span {
	/* style des infobulles associées aux articles syndiqués (page site.html) */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
}

.recherche a.info:hover span {
	/* style des infobulles associées aux articles syndiqués (page site.html) */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
}

/*---affichage de code (pour afficher en mode texte du code html)---*/

.spip_code {
	display: block;
	border : 1px solid #669999;
	border-left : 8px solid #FF7E00;
	background : #E0F0F0;
	padding : 0px 5px 0px 5px;
	margin: 1em 1em 1em 0em; /*Sarka-SPIP 1.8.2*/
	font-size: 90%;
	overflow: auto;
	max-height: 25em;
}

/* ====================== Blocs principaux, décomposition de la page en 3 colonnes et 1 bandeau ====================== */

a.bandeau {
	/*bandeau contenant le titre du site*/
	display: block;
	margin: 0px;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	padding: 0px;
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
	height: 50px;
	padding: 10px 20px 10px 10px;
	text-align: center;
}

a.bandeau:hover {
	color: #EEEEEE;
	text-decoration: none;
}

.bande-chemin {
	/*bande accrochée au bandeau de titre, contenant le chemin hiérarchique de la page en cours*/
	border-top: 2px solid #FF7E00;
	background-color: #FFFFFF;
	padding: 4px 10px 4px 10px;
	margin: 0px 190px 10px 210px;
	text-align: left;
	font-size: 11px;
	color: #FF7E00;
	font-weight: bold;
	font-family: Verdana,Helvetica,Arial,sans-serif;
}

.bande-chemin a {
	color: #70152C;
	font-weight: bold;
}

.bande-chemin a:hover {
	color: #70152C;
	text-decoration: underline;
}

.gauche {
	/*colonne de gauche*/
	border: 0px;
	width: 180px;
	position: absolute;
	left: 20px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

/*INDEX   : contenuindex et centreindex rajouté pour avoir le centre de la page d'accueil avec la colone de droite et le centre dans les autres pages (articles, rubriques) sans le margin pour la colonne de droite*/
.centreindex {
	/*colonne centrale*/
	border: 0px;
	margin-left: 180px; /*Sarka-SPIP 1.8.2*/
	margin-right: 170px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.contenuindex {
	font-size: 13px;
	margin: 0px 10px; /*Sarka-SPIP 1.8.2*/
	padding: 0px 10px;
	width: 100%; /*Sarka-SPIP 1.8.2*/
}

.centre {
	/*colonne centrale*/
	border: 0px;
	margin-left: 180px; /*Sarka-SPIP 1.8.2*/
	margin-right: 10px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.droite {
	/*colonne de droite*/
	position:absolute;
	right:20px;
	width:170px;
	border: 0px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
}

.footer {
	/*pied de page*/
	clear: both;
	text-align: center;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	padding: 20px;
}

/* ================================ Formatage des éléments du bandeau =============================== */

a.bandeau .spip_logos {
	border: 0px;
}

a.bandeau .nom-site {
	margin: 0px;
	padding: 0px;
}


/* ================================ Formatage des éléments du pied de page =============================== */

.footer a {
	color: #FF7E00;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

/* ================================ Formatage des éléments de la colonne de gauche =============================== */

/* bloc contenant la date de dernière mise à jour */

.maj {
	background: #FFFFFF;
	font-size: 11px;
	border: 1px solid #808080;
	width: 100%;
	text-align: center;
	padding: 3px 0px 3px 0px;
	color: #808080;
	margin: 20px 0px 20px 0px;
}

.maj hr {
	border: 0px;
	height: 1px;
	color: #808080;
	background-color: #808080;
	margin-left: 0px;
	margin-right: 0px;
}

.stats {
	background: #FFFFFF;
	font-size: 11px;
	border: 1px solid #808080;
	width: 100%;
	padding: 3px 0px 3px 0px;
	color: #808080;
	margin: 20px 0px 20px 0px;
}

.stats hr {
	border: 0px;
	height: 1px;
	color: #808080;
	background-color: #808080;
	margin-left: 0px;
	margin-right: 0px;
}

.stats .titre {
	font-weight: bold;
	color: #808080;
	text-align: center;
	margin: 0px auto 5px auto;
}

.stats a {
	display: block;
	color: #FF7E00;
	background-image:url(../puces/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 5px 10px;
	margin: 0px 5px 0px 5px;
	text-align: left;
	text-decoration: none;
}

.stats a:hover {
	background-image:url(../puces/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #FF7E00;
	text-decoration: underline;
}

.stats a.info:hover span {
	/* style des infobulles associées aux images */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #FF7E00;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 3px 0px 3px;
	border:1px solid #FF7E00;
	width: 30px;
}



/* bloc de navigation 2 --> contact + admin + formulaire + s'inscrire */

.nav2 {
	/*bloc contenant les liens de navigation*/
	border: 1px solid #70152C;
	background: #E0E0E0;
	width: 100%;
	margin: 20px 0px 20px 0px;
}
.nav2 .titre {
	margin:0px 0px 0px 0px;
	font-size: 12px;
	background-image: URL(../puces/1clic.png)!important;
	background-image: URL(../puces/1clic.gif);	
	background-repeat: no-repeat;
	width: 100%;
	height: 48px;
}

.nav2 .texte {
	margin:10px;
	font-size: 12px;
}

.nav2 .texte .bouton {
	margin: 17px 0px 17px 22px;
	text-indent: -20px;
	text-align: center;
	text-indent: 5px;
}

.nav2 .texte .boutonbiblio{
	margin: 17px 0px 17px 22px;
	text-indent: -20px;
	text-align: center;
	text-indent: 5px;
	background-image: URL(../puces/biblio.png) !important;
	background-image: URL(../puces/biblio.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 150px;
	height: 110px;
	float: left;
}

/*logos des boutons du bloc de navigation 2 - avec un hack pour ie6 qui ne supporte pas les png*/

.nav2 .texte .titre  {
	margin: 17px 0px 17px 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 1em;
}

.nav2 .texte .logo-plan {
	background-image: URL(../puces/_plan.png) !important;
	background-image: URL(../puces/_plan.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px !important; /*hack pour le 1er bouton du bloc positionné différemment sous ie*/
	bottom: 10px;
	right: 21px;
	margin: 0px -50px 0px -0px;
}

.nav2 .texte .logo-agenda {
	background-image: URL(../puces/_agenda.png) !important;
	background-image: URL(../puces/_agenda.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 0px -50px 0px -0px;
}

.nav2 .texte .logo-galerie {
	background-image: URL(../puces/_galerie.png) !important;
	background-image: URL(../puces/_galerie.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 0px -50px 0px -0px;
}

.nav2 .texte .logo-motscles {
	background-image: URL(../puces/_mots-cles.png) !important;
	background-image: URL(../puces/_mots-cles.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 0px -50px 0px 0px;
}

.nav2 .texte .logo-forum {
	background-image: URL(../puces/_forum.png) !important;
	background-image: URL(../puces/_forum.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 0px -50px -30px -0px; /*marge basse de -30 px pour dimension bloc de navigation sous ie*/
}

.nav2 .texte .logo-contact {
	background-image: URL(../puces/__contact.png) !important;
	background-image: URL(../puces/__contact.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px !important; /*hack pour le 1er bouton du bloc positionné différemment sous ie*/
	bottom: 11px;
	right: 19px;
	margin: 0px -50px 0px 0px;
}

.nav2 .texte .logo-referencement {
	background-image: URL(../puces/__proposer-site.png) !important;
	background-image: URL(../puces/__proposer-site.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px;
	right: 19px;
	margin: 0px -50px 0px 0px;
}

.nav2 .texte .logo-inscription {
	background-image: URL(../puces/__inscription.png) !important;
	background-image: URL(../puces/__inscription.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px;
	right: 19px;
	margin: 0px -50px 0px 0px;
}

.nav2 .texte .logo-login {
	background-image: URL(../puces/__public-in.png) !important;
	background-image: URL(../puces/__public-in.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px;
	right: 19px;
	margin: 0px -50px -30px 0px; /*marge basse de -30 px pour dimension bloc sous ie avec logos*/
}

.nav2 .texte .logo-logout {
	background-image: URL(../puces/__public-out.png) !important;
	background-image: URL(../puces/__public-out.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px;
	right: 19px;
	margin: 0px -50px -30px 0px; /*marge basse de -30 px pour dimension bloc sous ie avec logos*/
}

.nav2 .texte .logo-prive {
	background-image: URL(../puces/__prive.png) !important;
	background-image: URL(../puces/__prive.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px;
	right: 19px;
	margin: 0px -50px -30px 0px; /*marge basse de -30 px pour dimension bloc sous ie avec logos*/
}

.nav2 .texte .logo-mairie {
	background-image: URL(../puces/_mairie.png) !important;
	background-image: URL(../puces/_mairie.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px !important; /*hack pour le 1er bouton du bloc positionné différemment sous ie*/
	bottom: 10px;
	right: 21px;
	margin: 0px -50px 0px -0px;
}

.nav2 .texte .logo-biblio {
	background-image: URL(../puces/_biblio.png) !important;
	background-image: URL(../puces/_biblio.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 8px -50px 0px -0px;
}

.nav2 .texte .logo-formalite {
	background-image: URL(../puces/_formalite.png) !important;
	background-image: URL(../puces/_formalite.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 8px -50px 0px -0px;
}

.nav2 .texte .logo-plancommune {
	background-image: URL(../puces/_planmillery.png) !important;
	background-image: URL(../puces/_planmillery.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 8px -50px 0px 0px;
}

.nav2 .texte .logo-bm {
	background-image: URL(../puces/_bm.png) !important;
	background-image: URL(../puces/_bm.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 0px -50px -30px -0px; /*marge basse de -30 px pour dimension bloc de navigation sous ie*/
}

        
.nav2 .texte .auteur{
	margin: 17px 0px 17px 0px;
	padding-top: 3px;
	padding-bottom: 2px;
	background: #F0F0FA;
	color: #FF7E00;
	border: 1px solid #FF7E00;
	text-align: center;
}
        
.nav2 .texte .auteur a{
	color: #FF7E00;
}
        
.nav2 .texte .auteur a:hover{
	text-decoration: underline;
}

.nav2 .saisie-texte {
	width:90%;
}
        
.nav2 .forml{
	width:90%;
}

/* ================================== Formatage des éléments de la colonne centrale ============================== */

/* Style de l'intitulé de chaque page */
.intitule {
	color: #808080;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 30px 20px 30px; 
}

/* ~~~~~~~~~~~~ alaune ~~~~~~~~~~~~ */
/* Le bloc alaune contient l'édito et les annonces */
/* des derniers articles et des secteurs */

.alaune {
	font-size: 12px;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	width: 100%; /*Sarka-SPIP 1.8.2*/
}

/* edito */

.edito {
	font-size: 13px;
	/*margin: 0px 30px 20px;*/
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
	border: 2px solid #70152C;
	background-color: #FFBB33;
}

.edito a {
	color: #70152C;
	text-decoration: none;
}

.edito a:hover {
	color: #FF7E00;
	text-decoration: underline;
}

.edito .image .spip_logos {
	display: block;
	float: right;
	margin: 30px 10px 10px 10px;
	border:0px;
}

.edito .surtitre {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	margin: 5px 10px 5px 10px;
	padding: 0px;
}

.edito .titre {
	color: #70152C;
	font-size: 150%;
	font-weight: bold;
	margin: 10px;
	padding: 0px;
	text-align: center;
}

.edito .titre a{
	color: #70152C;
	font-size: 150%;
	font-weight: bold;
	margin: 10px;
	padding: 0px;
	text-align: center;
}

.edito .titre a:hover {
	color: #70152C;
	font-size: 150%;
	font-weight: bold;
	margin: 10px;
	padding: 0px;
	text-align: center;
	text-decoration: underline;
}

.edito .soustitre {
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	margin: 5px 10px 5px 10px;
	padding: 0px;
}

.edito .detail {
	font-size: 80%;
	text-align: right;
	color: #E0E0E0;
	padding-right: 10px;
}

.edito .texte {
	color: #000000;
	margin: 10px;
	padding: 0px;
	text-align: justify;
}

.edito .chapo {
	color: #70152C;
	margin: 10px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
}

.edito .introduction {
	color: #000000;
	margin: 10px;
	padding: 0px;
	text-align: justify;
	border-bottom: 0px solid #FF7E00;
	margin: 10px 190px 10px 10px;
	padding: 0px 0px 20px 0px;
}

.edito .post-scriptum {
	color: #000000;
	margin: 10px;
	padding: 0px;
	font-size: 100%;
	border-top: 2px solid #000000;
}

.edito .post-scriptum .annonce {
	font-weight: bold;
	color:#FF7E00;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

.edito .notes {
	color: #000000;
	margin: 10px;
	padding: 0px;
	border-top: 2px solid #000000;
	font-size: 90%;
}

.edito h3 {
	color: #FF7E00;
	font-weight: bold;
	font-size: 140%;
	margin: 1.5em 0em 0.5em 0em;
}

.edito table {
	font-size: 90%;
	border-color: #FFFFFF;
}

.edito tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

.edito tr.row_odd {
	background: #E0E0E0;
	color: #000000;
}

.edito tr.row_even {
	background: #E0E0E0;
	color: #000000;
}

.edito td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}
/*************a la une****************/

.exalaune {
	font-size: 10px;
	background-color: #f8f8f8;
	border: #FFFFFF 1px solid;
	margin: 0px 30px 20px 30px;
}

.exalaune .introduction {
	color: #000000;
	margin: 10px;
	padding: 0px;
	text-align: justify;
	border-bottom: 1px solid #FF7E00;
}

.exalaune a.suite {
	text-align: right;
	width: 100%;
	float: right;
}

/**bloc de gauche : a la une 1**/
.exalaune_1 {
	margin: 5px;
	border: 1px solid #FF7E00;
	background-color: #ffffe0;
	float: left;
	display: block;
	width: 30%;
}
/**bloc de droite : a la une 2**/
.exalaune_2 {
	margin: 5px;
	border: 1px solid #555555;
	background-color: #ffffe0;
	float: left;
	display: inline;
	width: 30%;
}

/**bloc de droite : a la une 3**/
.exalaune_3 {
	margin: 5px;
	border: 1px solid #555555;
	background-color: #ffffe0;
	float: left;
	display: inline;
	width: 30%;
}

.exalaune a {
	color: #FF7E00;
	text-decoration: none;
}

.exalaune a:hover {
	color: #FF7E00;
	text-decoration: underline;
}

.exalaune .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
	border:0px;
}

.exalaune .surtitre {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	margin: 5px 10px 5px 10px;
	padding: 0px;
}

.exalaune .titre {
	color: #FF7E00;
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
	padding: 0px;
	text-align: center;
	width: 100%;
}

.exalaune .titre a{
	color: #FF7E00;
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
	padding: 0px;
	text-align: center;
}

.exalaune .titre a:hover{
	color: #FF7E00;
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
	padding: 0px;
	text-align: center;
	text-decoration: underline;
}

.exalaune .soustitre {
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	margin: 5px;
	padding: 0px;
}
/**detail sert à mettre la date, on n'en a pas besoin car on ne veut pas que la date apparaisse/ j'ai remplacé par une image en haut au centre de l'article detai = l'image ici**/
.exalaune .detail {
	font-size: 80%;
	text-align: center;
	color: #E0E0E0;
	height: 80px;
}

.exalaune .texte {
	color: #000000;
	margin: 5px;
	padding: 0px;
	text-align: justify;
	border-bottom: 1px solid #FF7E00;
}

.exalaune .chapo {
	color: #FF7E00;
	margin: 5px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
}

.exalaune .post-scriptum {
	color: #000000;
	margin: 5px;
	padding: 0px;
	font-size: 100%;
	border-top: 2px solid #000000;
}

.exalaune .post-scriptum .annonce {
	font-weight: bold;
	color:#FF7E00;
	padding: 0px;
	margin: 5px;
}

.exalaune .notes {
	color: #000000;
	margin: 5px;
	padding: 0px;
	border-top: 2px solid #000000;
	font-size: 90%;
}

.exalaune h3 {
	color: #FF7E00;
	font-weight: bold;
	font-size: 140%;
	margin: 1.5em 0em 0.5em 0em;
}

.exalaune table {
	font-size: 90%;
	border-color: #FFFFFF;
}

.exalaune tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

.exalaune tr.row_odd {
	background: #E0E0E0;
	color: #000000;
}

.exalaune tr.row_even {
	background: #E0E0E0;
	color: #000000;
}

.exalaune td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}

/* annonce des rubriques-secteurs */

.alaune .rubrique {
	border: 2px solid #70152C;
	background: #FFFFFF;
	margin: 0px 30px 20px 30px;  /*Sarka-SPIP 1.8.2*/
}

.alaune .chapo {
	color: #000000;
	margin: 10px 190px 10px 10px;
	padding: 0px;
	font-weight: bold;
	text-align: justify;
}

.alaune .introduction {
	color: #000000;
	margin: 10px 190px 10px 10px;
	padding: 0px;
	text-align: justify;
}

.alaune .rubrique a.titre {
	display: block;
	font-size: 150%;
	color: #FF7E00;
	background: #70152C;
	border-right: 2px solid #70152C;
	border-bottom: 2px solid #70152C;
	padding: 1px 5px 1px 5px;
	margin-right: 190px;
	text-align:center;
	font-weight:bold;
}

.alaune .rubrique a.titre:hover {
	display: block;
	font-size: 150%;
	color: #70152C;
	background: #FF7E00;
	border-right: 2px solid #70152C;
	border-bottom: 2px solid #70152C;
	padding: 1px 5px 1px 5px;
	margin-right: 190px;
	text-align:center;
	font-weight:bold;
}

.alaune .rubrique .texte {
	margin: 10px;
}

.alaune .rubrique .texte a {
	color: #FF7E00;
	text-decoration: none;
}

.alaune .rubrique .texte a:hover {
	text-decoration: underline;
}

.alaune .rubrique table {
	font-size: 85%;
	border-color: #FFFFFF;
}

.alaune .rubrique tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

.alaune .rubrique tr.row_odd {
	background: #E0E0E0;
	color: #000000;
}

.alaune .rubrique tr.row_even {
	background: #E0E0E0;
	color: #000000;
}

.alaune .rubrique td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}

.alaune .rubrique .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
	border:0px;
}

/* ~~~~~~~~~~~~ contenu ~~~~~~~~~~~~ */
/* Le bloc contenu contient les rubriques, */
/* les articles, et leurs objets associés */
/* in extenso */

.contenu {
	font-size: 13px;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	width: 100%; /*Sarka-SPIP 1.8.2*/
}

/*********************************titres et contenu à mise en forme spécial dans les articles***********************************************************/
.contenu h7 {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #000000;
}

.contenu h6 {
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #000000;
}

/***********contenu  h5 rajouté = texte petit gras centré*************************************/
.contenu h5 {
	text-align: center;
	font-size: 100%;
	color: #000000;
}

/***********contenu  h4 rajouté = titre avec la police comics sans ms en couleur à gauche*************************************/
.contenu h4 {
	color: #FF7E00;
	font-weight: bold;
	font-size: 130%;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	text-align: left;
	margin : 20px 0px 5px 0px;
}

/***********contenu  h3 rajouté =  titre avec la police comics sans ms en couleur centré*************************************/
.contenu h3 {
	color: #FF7E00;
	font-weight: bold;
	font-size: 130%;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	text-align: center;
}

/***********contenu  h4 rajouté = titre avec la police arial  sans ms en couleur à gauche*************************************/
.contenu h2 {
	color: #000000;
	font-weight: bold;
	font-size: 130%;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	text-align: left;
}

/***********contenu  h4 rajouté = titre avec la police arial  sans ms en couleur à gauche*************************************/
.contenu h1 {
	color: #000000;
	font-weight: bold;
	font-size: 130%;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	text-align: center ;
}

/* contenu --> rubriques */

.contenu .rubrique {
	background: #FFFFFF;
	margin: 0px 30px 40px 30px; /*Sarka-SPIP 1.8.2*/
	text-align: justify;
}

.contenu .rubrique a.titre {
	border: 0px solid #FF7E00;
	display: block;
	font-size: 180%;
	color: #FF7E00;
	background: #FFFFFF;
	padding: 1px 5px 1px 5px;
	text-align:center;
	font-weight:bold;
}

.contenu .rubrique a.titre:hover {
	display: block;
	font-size: 180%;
	color: #FF7E00;
	border-bottom: 0px solid #FF7E00;
	background: #FFFFFF;
	padding: 1px 5px 1px 5px;
	text-align:center;
	font-weight:bold;
}

.contenu .rubrique .texte {
	margin: 10px;
}

.contenu .rubrique .texte a {
	color: #FF7E00;
	text-decoration: none;
}

.contenu .rubrique .texte a:hover {
	text-decoration: underline;
}

.contenu .rubrique .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
	border:0px;
}

.contenu .rubrique .descriptif {
	margin: 10px;
	font-size: 85%;
	padding: 5px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	text-align: justify;
}

.contenu .rubrique table {
	font-size: 85%;
	border-color: #FFFFFF;
}

.contenu .rubrique tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

.contenu .rubrique tr.row_odd {
	background: #E0E0E0;
	color: #000000;
}

.contenu .rubrique tr.row_even {
	background: #E0E0E0;
	color: #000000;
}

.contenu .rubrique td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}

/* contenu --> rubriques filles */

.contenu .rubrique .filles {
	margin: 10px;
}

.contenu .rubrique .filles a {
	display: block;
	color: #FF7E00;
	font-weight: bold;
	background-image: url(../puces/puce0.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin: 5px 0px 5px 30px;
}

.contenu .rubrique .filles a:hover {
	background-image: url(../puces/puce1.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
}

/* contenu --> documents joints (aux articles et aux rubriques) */

.contenu .doc {
	padding: 10px; /*Sarka-SPIP 1.8.2*/
	color: #FF7E00;
	background: #FFFFFF;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.contenu .doc .en-tete {
	font-size: 110%;
	font-weight:bold;
	margin: 5px 0px 5px 0px; /*Sarka-SPIP 1.8.2*/
}

.contenu .doc .spip_logos {
	margin: 5px 0px 0px 30px;
	border:0px;
}

.contenu .doc a {
	display:block;
	text-decoration: none;
	color: #FF7E00;
	margin: 0px 0px 5px 0px;
}

.contenu .doc a:hover {
	text-decoration: underline;
}

.contenu .vignette a:hover {
	text-decoration: none;
}

/* contenu --> images jointes (aux articles et aux rubriques) */

.contenu .images {
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	padding: 10px;
	background: #FFFFFF;
}

.contenu .images .en-tete {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	color: #FF7E00;
}

.contenu .images .vignette {
	font-size: 80%;
	margin: 10px;
	padding: 10px 0px 10px 0px;
}

.contenu .images ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #000000;
}

/* ~~~~~~~~~~~~ derniers articles ~~~~~~~~~~~~ */
/* La classes "derniers articles" est mal nommée : */
/* elle correspond aux annonces d'articles, dans les */
/* pages alaune, plan, recherche, auteur, etc. */

.derniers-articles {
	background: #FFFFFF;
	margin: 30px 30px 20px 30px; /*Sarka-SPIP 1.8.2*/
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 2px;
}

.derniers-articles a {
	color: #FF7E00;
	text-decoration: none;
}

.derniers-articles .image .spip_logos {
	display: block;
	float: left;
	margin: 0px 3px;
	border:0px;
}

.derniers-articles a:hover {
	color: #FF7E00;
	text-decoration: underline;
}

.derniers-articles .en-tete {
	color: #FF7E00;
	font-size: 150%;
	font-weight: bold;
	margin: 0px 10px 10px 10px;
}

.derniers-articles .annonce {
	background: #FFFFFF;
	margin-bottom: 2px;
	padding: 0px 0px 10px 0px;
	border-bottom : 1px #FF7E00 solid;
}

.derniers-articles .annoncenew {
	background: #FFFFFF;
	margin: 10px;
	padding: 0px 10px 3px 0px;
	border-bottom : 1px #FF7E00 solid;
	width : 45%;
	display : inline;
	float : left;
}
.derniers-articles .surtitre {
	color: #FF7E00;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
}

.derniers-articles a.titre {
	display: block;
	color: #FF7E00;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	padding-top: 5px;
}

.derniers-articles a.titre:hover {
	color: #FF7E00;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	text-decoration: underline;
}

.derniers-articles .soustitre {
	color: #FF7E00;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
}

.derniers-articles .detail {
	color: #FF7E00;
	font-size: 85%; /*Sarka-SPIP 1.8.2*/
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 0px; /*Sarka-SPIP 1.8.2*/
	padding: 1px 5px 1px 5px;
	border-left: 1px solid #FF7E00;
	border-bottom: 1px solid #FF7E00;
	width: 200px;
	float: right;
}

.derniers-articles .chemin {
	color: #FF7E00;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}

.derniers-articles .introduction {
	color: #000000;
	margin: 5px;
	text-align: justify;
}
/******rajouté pour mettre le texte de l'artcle en entier dans les rub biblio*****/
.derniers-articles .texte {
	color: #000000;
	margin: 10px 10px 0px 10px;
}
/*************/
.derniers-articles a.suite {
	text-align: right;
	display: block;
}

/* ~~~~~~~~~~~~ article (affichage presque semblable à "derniers articles" ~~~~~~~~~~~~ */

/* contenu de l'article "proprement dit" */

.contenu .article {
	/*background: #FF7E00;*/
	margin: 0px 30px 20px 30px; /*Sarka-SPIP 1.8.2*/
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 10px 10px 10px 10px; /*Sarka-SPIP 1.8.2*/
}

.article a {
	color: #70152C;
	text-decoration: none;
}

.article a:hover {
	color: #FF7E00;
	text-decoration: underline;
}

.article .image .spip_logos {
	display: block;
	float: left;
	margin: 20px 10px 20px 10px;
	border:0px;
}

.article .surtitre {
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.article .titre {
	color: #FF7E00;
	font-size: 180%;
	font-weight: bold;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	text-align: center;
}

.article .soustitre {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.article .contenu {
	background: #FFFFFF;
	margin: 10px 0px 0px 0px; /*Sarka-SPIP 1.8.2*/
	padding: 0px 0px 10px 0px; /*Sarka-SPIP 1.8.2*/
}

.article .detail {
	color: #FF7E00;
	font-size: 85%; /*Sarka-SPIP 1.8.2*/
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 55%;
	padding: 1px 5px 1px 5px;
	border-left: 1px solid #FF7E00;
	border-bottom: 1px solid #FF7E00;
}

.article .texte {
	color: #000000;
	margin: 2px;
	padding: 5px;
	text-align: justify;
	background: #FFFFFF;
}

.article .chapo {
	color: #FFFFFF;
	margin: 10px 10px 0px 10px;
	font-weight: bold;
}

/******style du post scriptum modifié par Malo pour les informations du genre "Contact", "Renseignements" ou Coordonnées" en fin d'un article, par exemple pour les associations******/
.article .post-scriptum {
	color: #FFFFFF;
	background: #FF7E00;
	margin: 10px 50px 10px 50px;
	padding: 10px;
	font-size: 100%;
	border: 2px solid #E0E0E0;
	text-align: center;
}

.article .post-scriptum .annonce {
	font-weight: bold;
	color:#FFFFFF;
	margin: 0px 0px 10px 0px;
}
/******style du post scriptum rajouté par Malo pour les liens concernant les informations du genre "Contact", "Renseignements" ou Coordonnées" en fin d'un article, par exemple pour les associations******/
.post-scriptum a{
color: #E0E0E0;
}
/***idem pour les liens survolées du PS****/
.post-scriptum a:hover{
text-decoration: underline;
}

.article .notes {
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border-top: 2px solid #FF7E00;
	font-size: 90%;
}

.article .en-tete {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0px 10px 0px; /*Sarka-SPIP 1.8.2*/
}

/*.article h3 {
	color: #FF7E00;
	font-weight: bold;
	font-size: 140%;
	margin: 1.5em 0em 0.5em 0em;
}
/***********article h4 rajouté = titre avec la police arial*************************************
.article h4 {
	color: #FF7E00;
	font-weight: bold;
	font-size: 130%;
	margin: 1.5em 0em 0.5em 0em;
	font-family: Comic Sans MS,Arial,Verdana,Helvetica,sans-serif;
}*/

.article table {
	font-size: 90%;
	border-color: #FFFFFF;
}

.article tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

.article tr.row_odd {
	background: #E0E0E0;
	color: #000000;
}

.article tr.row_even {
	background: #E0E0E0;
	color: #000000;
}

.article td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}

.article a.imprimer {
	display: block;
	background-image: url(../puces/printer.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 10px; 
}

/* mise en forme du formulaire de pétition */

.petition {
	border: 2px solid #FF7E00;
	padding: 10px;
	margin: 0px 30px 20px 30px; /*Sarka-SPIP 1.8.2*/
}

.petition .en-tete {
	color: #FF7E00;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

/* mise en forme de l'affichage des signataires de la pétition */

.signatures {
	border: 2px solid #FF7E00;
	padding: 10px;
	margin: 10px 30px 10px 30px; /*Sarka-SPIP 1.8.2*/
	background: #EEEEEE;
	font-size: 100%;
}

.signatures .en-tete{
	color: #FF7E00;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

.signatures td {
	border: 1px solid #FF7E00;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	empty-cells: hide;
	font-size: 12px;
}

.signatures thead {
	background: #FF7E00;
	font-weight: bold;
	color: #FFFFFF;
}

.signatures a {
	color: #FF7E00;
	text-decoration: none;
}

.signatures a:hover {
	color: #FF7E00;
	text-decoration: underline;
}

/* ~~~~~~~~~~~~ dans la meme rubrique ~~~~~~~~~~~~ */

.articles-freres {
	border: 2px solid #FF7E00;
	padding: 10px;
	margin: 20px 30px 10px 30px; 	/*Sarka-SPIP 1.8.2*/
	background: #EEEEEE;
}

.articles-freres ol {
	color: #FF7E00;
}

.articles-freres .en-tete{
	color: #FF7E00;
	font-size: 120%;
	margin: 0px 0px 5px 0px;
}

.articles-freres .frere a {
	/* lien vers les articles frères sauf l'article en cours */
	color: #FF7E00;
	text-decoration: none;
	font-weight: bold;
}

.articles-freres .frere a:hover {
	color: #FF7E00;
	text-decoration: underline;
}

.articles-freres .frere .date {
	color: #FF7E00;
}

.articles-freres .en-cours {
	/* affichage du titre de l'article en cours (sans lien) */
	color: #808080;
}

/* ~~~~~~~~~~~~ forum ~~~~~~~~~~~~ */

.annonce-forum {
	color: #FF7E00;
	font-size: 150%;
	font-weight: bold;
	width: 100%; /*Sarka-SPIP 1.8.2*/
	margin: 0px 30px 0px 30px; /*Sarka-SPIP 1.8.2*/
}

.forum {
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	margin: 0px 30px 0px 30px; /*Sarka-SPIP 1.8.2*/
}

a.repondre {
	background: #FF7E00;
	color: #FFFFFF !important;
	text-decoration:none !important;
	border: #FF7E00 solid 1px;
	text-align:center;
	padding: 1px 5px 1px 5px;
	float: right;
}

a.repondre:hover {
	background:#FFFFFF !important;
	color:#FF7E00 !important;
	text-decoration:none !important;
}


.forum .en-tete {
	color: #FF7E00;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}


.forum .visualisation {
	border: 1px solid #FF7E00;
	margin: 10px 0px 0px 0px;
}

.forum .visualisation a {
	color: #FF7E00;
	text-decoration: none;
}

.forum .visualisation a:hover {
	color: #FF7E00;
	text-decoration: underline;
}

.forum .visualisation .titre {
	border-bottom: 1px solid #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	background: #FF7E00;
	margin: 0px;
}

.forum .visualisation .detail {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-size: 90%;
	text-align: center;
	color: #FFFFFF;
	width: 200px;
	float: right;
	padding: 1px;
	background: #FF7E00;
}

.forum .visualisation .texte {
	padding: 10px;
}

.forum a.article-forum {
	text-decoration: none;
	font-size: 110%;
	color: #FF7E00;
	font-weight: bold;
}

.forum a.article-forum:hover {
	text-decoration: underline;
}

/* ~~~~~~~~~~~~ pagination des messages de forum ~~~~~~~~~~~~ */

.bande-pagination {
		margin: 0px 30px 30px 30px;
		text-align: center;
		text-decoration:none;
		font-size: 12px;}

.bande-pagination span.on {
	display:inline;
	background:#F0F0FA;
	color:#FF7E00;
	border: #FF7E00 solid 1px;
	padding:1px;
	margin:10px 2px 10px 2px;
}
		
.bande-pagination a {
	display:inline;
	background:#FF7E00;
	color:#F0F0FA;
	border: #FF7E00 solid 1px;
	padding:1px;
	margin:10px 2px 10px 2px;
}
.bande-pagination a:hover {
	background:#F0F0FA;
	color:#FF7E00;
}

/* ~~~~~~~~~~~~ plan du site et sites référencés ~~~~~~~~~~~~ */

.plan {
	font-size: 100%;
	margin: 0px 30px 0px 30px; /*Sarka-SPIP 1.8.2*/
}

.plan .intitule {
	color: #808080;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

.plan a.annee {
	display:block;
	color: #FF7E00;
	font-weight:bold;
	padding-left:15px;
	margin: 0.5em 0px 0px 0px;
}

.plan a.annee:hover {
	background-image:url(../puces/puce0.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

.plan a.rubrique {
	display:block;
	color: #FF7E00;
	font-weight:bold;
	padding-left:15px;
	margin: 5px 0px 0px 0px;
	font-size: 100%;
}

.plan a.rubrique:hover {
	background-image:url(../puces/puce0.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration : underline;
}

.plan a.article {
	color: #FF7E00;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 11px;
}

.plan a.article:hover {
	background-image:url(../puces/puce-n0.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
}

.plan a.breve {
	color: #808080;
	padding: 0px 0px 0px 10px;
	font-size: 11px;
}

.plan a.breve:hover {
	background-image:url(../puces/puce-n0.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
}

.plan .date {
	color: #FF7E00;
}

.plan ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px; /*Sarka-SPIP 1.8.2*/
	margin: 0px;
	border: 0px;
}

.plan li {
	font-size: 80%;
	padding:0px;
	margin:0px;
	border: 0px;
}

.plan hr {
	margin: 10px 20px 10px 20px;
	border: 1px solid #FF7E00;
}

.plan a.article-syndic {
	display: block;
	color: #000000;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}

.plan a.article-syndic:hover {
	background-image:url(../puces/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.plan .date-syndic {
	color: #FF7E00;
	font-weight: bold;
}

.plan .a-propos {
	display: block;
	border: 0px;
	background: #FFFFFF;
	color: #909090;
	font-size: 11px;
	padding: 3px 30px 5px 40px;
}

.plan .a-propos .site-pere {
	font-weight: bold;
}

.plan .a-propos .auteur-pere {
	font-weight: bold;
}

/* ~~~~~~~~~~~~ auteur ~~~~~~~~~~~~ */

.auteur {
	padding: 0px;
	margin: 0px 30px 0px 30px; /*Sarka-SPIP 1.8.2*/
	font-size: 12px;
}

.auteurbiblio {
	padding: 0px;
	margin: 0px 180px 0px 50px; /*Sarka-SPIP 1.8.2*/
	font-size: 12px;
}

/* Style de l'intitulé de chaque page */
.auteur .intitule {
	color: #808080;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 20px 0px; 
}

.auteur div {
	text-align: left !important;
}

.auteur .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
	border:0px;
}

.auteur .nom {
	color: #FF7E00;
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.auteur .tchak {
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	margin: 30px 0px 10px 0px;
	padding: 0px;
}

.auteur .spip_encadrer {
	border: 1px solid #FF7E00;
	color: #FF7E00;
	font-size: 100%;
	margin: 5px 0px 10px 0px;
	padding: 5px;
}

.auteur a {
	color: #FF7E00;
	text-decoration: none;
}

.auteur a:hover {
	text-decoration: underline;
}

/* ~~~~~~~~~~~~ recherche ~~~~~~~~~~~~ */

.recherche {
	margin: 0px 30px 20px 30px;  /*Sarka-SPIP 1.8.2*/
}

.recherche .intitule {
	color: #808080; 
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 20px 0px; /* Sarka-SPIP 1.8.2 */
	padding: 1px 10px 1px 0px;
	border: 0px;
}

.recherche .elements-trouves {
	color: #FF7E00;
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-decoration: underline;
}

.recherche .mot-cle {
	color: #FF7E00;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-decoration: underline;
}

.recherche .derniers-articles {
	margin: 0px; /* Sarka-SPIP 1.8.2 */
}

.indentation {
	padding-left: 40px;
}

.redimensionnement {
	font-size: 11px; /* Sarka-SPIP 1.8.2 */
}



/* ====================== Formatage des éléments de la colonne de droite ====================== */

/* ~~~~~~~~~~~~ Mini-agenda ~~~~~~~~~~~~ */

.agenda {
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	color: #70152C;
}

.agenda .en-tete {
	display: block;
	background-color: #70152C;
	font-weight: bold;
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #70152C;
}

.agenda a.en-tete {
	display: block;
	background-color: #70152C;
	font-weight: bold;
	font-size: 200%;
	color: #FF7E00;
	text-align: center;
	border: 1px solid #70152C;
}

.agenda a.en-tete:hover {
	background-color: #FF7E00;
	color: #70152C;
	border: 1px solid #FF7E00;
}
.agenda .contenu {
	border: 1px solid #FF7E00;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
	/*width:150px;*/
}
.agenda .contenu .mois {
	border-bottom:1px solid #FF7E00;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	/*width:150px;*/
	text-align:center;
	color: #FF7E00;
}

.agenda .contenu .mois a{
    color: #70152C;
	font-weight: bold;
    text-decoration: none ;
	font-size: 100%;
}
.agenda .contenu .mois a:hover{
    text-decoration: underline;
	color: #70152C;
}

.tableau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#70152C;
	text-align:center;
	font-style:normal;
}

.calendar_this_day {  /* surligne le jour d'aujourd'hui */
    background: #AAAAAA;
	font-weight:bold;
	color :#FFFFFF;
}

.calendar_this_month {  /* couleur des cases appartenant au mois en cours */
	background-color: #FFBB33;
}

.calendar_not_this_month {  /* couleur des cases n'appartenant pas au mois en cours => début et fin de mois */
	background: #FFBB33;
	color:#AAAAAA;
}

.calendar_head_mini {    /* corespond à la ligne des jours : lu ma me je ve sa di*/
	background-color: #FFBB33;
	text-align: center;
	font-size: 10px;
	color: #EEEEEE;
	font-family: Verdana, Arial, Helvatica, sans-serif;	
	font-style:normal;
}


/* ~~~~~~~~~~~~ agenda annuel ~~~~~~~~~~~~ */

.agenda_annuel {
	font-size: 24px;
	margin: 0px 30px 0px 30px; /*Sarka-SPIP 1.8.2*/
}
.agenda_annuel .intitule {
	color: #70152C;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

.agenda_annuel a.mois {
	display:block;
	color: #FF7E00;
	font-weight:bold;
	padding-left:15px;
	margin: 0.5em 0px 0px 0px;
}

.agenda_annuel a.mois:first-letter {
	text-transform: uppercase;
}

.agenda_annuel a.mois:hover {
	background-image:url(../puces/puce0.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

.agenda_annuel a.evenement {
	color: #FF7E00;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 11px;
}

.agenda_annuel a.evenement:hover {
	background-image:url(../puces/puce-n0.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
}

.agenda_annuel .date {
	color: #FF7E00;
}

.agenda_annuel ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px; /*Sarka-SPIP 1.8.2*/
	margin: 0px;
	border: 0px;
}

.agenda_annuel li {
	font-size: 80%;
	padding:0px;
	margin:0px;
	border: 0px;
}

/* ~~~~~~~~~~~~ galerie/albums ~~~~~~~~~~~~ */

.galerie {
	margin: 0px 30px 0px 30px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
}

.galerie .album {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-top: 2px solid #FF7E00;
}

.galerie .album  .vignette {
	display: block;
	float: left;
	width: 220px;
}

.galerie .album  .vignette .spip_logos {
	padding: 10px;
	display: block;
	background: #EEEEEE;
	border-left: 2px solid #FF7E00;
	border-right: 2px solid #FF7E00;
	border-bottom: 2px solid #FF7E00;
}

.galerie .album  .detail {
	color: #FF7E00;
	font-size: 85%; /*Sarka-SPIP 1.8.2*/
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 0px; /*Sarka-SPIP 1.8.2*/
	padding: 1px 5px 1px 5px;
	border-left: 1px solid #FF7E00;
	border-right: 1px solid #FF7E00;
	border-bottom: 1px solid #FF7E00;
	width: 200px;
	float: right;
}

.galerie .album  .detail a {
	color: #FF7E00;
}

.galerie .album  .detail a:hover {
	text-decoration: underline;
}

.galerie .album   a.titre {
	display: block;
	color: #FF7E00;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	padding-top: 5px;
	text-align: right;
}

.galerie .album   a.titre:hover {
	color: #FF7E00;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	text-decoration: underline;
	text-align: right;
}

.galerie .album .texte {
	display: block;
	float: left;
	margin: 10px;
}

.galerie .album .introduction {
	color: #000000;
	margin: 10px 10px 0px 10px;
	text-align: right;
}

.galerie .album a.suite {
	color: #FF7E00;
	text-align: right;
	display: block;
	padding-right : 25px;
}

.galerie .album a.suite:hover {
	text-decoration: underline;
	
}

/* ~~~~~~~~~~~~ album ~~~~~~~~~~~~ */

.album_menu a:hover {
	text-decoration: none !important;
}

.album_menu {
   margin-top:2px;
   padding-top:5px;
   padding-bottom:5px;
   border-top:0px #FF7E00 solid;
   width:100%;
	color: #FF7E00;
	font-family: Courier, monospace;
}


.album_boutons {
	border: 1px #FF7E00 solid;
	background-color: #FFFFFF;
	min-width: 150px; !important
	min-width: 100px;
	margin: 5px 30% 5px 30%;
	padding: 2px;
	font-weight: bold;
	color: #FF7E00;
	_height: 20px;      /*hack pour ie : pour espacement entre boutons et bordure du bloc de navigation*/
}



.album_menu a.fleche-rew {
	display: block;
	background-image: URL(../puces/_prem.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 2px;
}

/*cadre vise aux mêmes dimensions que cadre contenant les boutons, pour garder la numérotation centrée*/
.album_menu a.fleche-rew:hover {
	background-image: URL(../puces/_premon.gif);
}

.album_menu a.fleche-previous {
	display: block;
	background-image: URL(../puces/_prec.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: left;
}

/*cadre vise aux mêmes dimensions que cadre contenant les boutons, pour garder la numérotation centrée*/
.album_menu a.fleche-previous:hover {
	background-image: URL(../puces/_precon.gif);
}

.album_menu .fleche-previous-vide {
	width: 16px;
	height: 16px;
	float: left;
}

.album_menu .fleche-gauche-vide {
	width: 32px;
	height: 16px;
	float: left;
}

.album_menu a.fleche-next {
	display: block;
	background-image: URL(../puces/_suiv.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: right;
	_margin-left: 2px; /*hack pour ie : permet de créer une bordure uniforme autour des boutons*/
}

.album_menu a.fleche-next:hover {
	background-image: URL(../puces/_suivon.gif);
}

.album_menu a.fleche-fwd {
	display: block;
	background-image: URL(../puces/_fin.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: right;
	margin-left: 2px; 
}

.album_menu a.fleche-fwd:hover {
	background-image: URL(../puces/_finon.gif);
}

.album_menu .fleche-droite-vide {
	width: 34px;
	height: 16px;
	float: right;
}

.album_menu .entre-fleches {
	display: inline;
}


.album_vignette {
	/*float:left; */
	width: 100%;
	text-align: center;

}

.album_vignette a:hover {
	text-decoration: none !important;
}

/*hack pour ie : permet de créer le fond bleu des vignettes et l'espacement entre elles*/

.album_vignette a.image-vignette {
	_background-color: #E0E0E0;
	_padding: 0px;
	_margin: 5px;
	_height: 100px;
}

/*style valable pour ff, équivalent au style précédent pour ie*/

.album_vignette IMG {
	/*padding: 5px;*/
	/*margin: 5px;
	background-color: #E0E0E0; */
}

.album_vignette table{
	text-align: center;
	margin : auto;
}

.album_vignette TD{
	background-color: #E0E0E0; 
	height : 90px ;
	width : 90px;
	padding : 2px;
	margin :0px;
}

.album_photo {
   border-top:0px #FF7E00 solid;
   width:100%;
   margin:0px;
   text-align:center;
   padding-top:0px;
}

.album_photo .album_titre {
	text-align: center;
	padding: 0px;
	margin: 10px;
	color: #FF7E00;
	font-size: 150%;
	font-weight: bold;
}

.album_photo .album_descriptif {
	text-align: left;
	padding: 10px;
	border: 1px solid #FF7E00;
	background-color: #E0E0E0;
	margin: 10px 20px 10px 20px;
	color: #FF7E00;
}

/* ~~~~~~~~~~~~ sites syndiqués ~~~~~~~~~~~~ */

.web {
	margin: 0px;
	font-size: 10px;
	padding: 0px 0px 5px 0px;
	font-size: 100%;
}

.web a.en-tete {
	display: block;
	background-color: #808080;
	font-weight: bold;
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #808080;
}

.web a.en-tete:hover {
	background-color: #EEEEEE;
	color: #808080;
	border: 1px solid #808080;
}

.web a.article-synd {
	display: block;
	color: #808080;
	text-decoration: none;
	background-image:url(../puces/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 5px 10px;
	margin: 0px 5px 0px 5px;
}

.droite .web a.article-synd:hover {
	color: #808080;
	text-decoration: underline;
}
/*centre modif en centre-accueil*/
.centre-accueil .web a.article-synd:hover {
	color: #808080;
	text-decoration: none;
	background-image:url(../puces/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.web .site {
	border: 1px solid #808080;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
}

.web .site .descriptif {
	border: 1px solid #808080;
	background-color: #EEEEEE;
	margin: 5px 10px 10px 10px;
	padding: 5px;
}


.web .site a.nom-site {
	display: block;
	border-bottom: 1px solid #808080;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: #808080;
	margin: 0px;
	padding: 1px;
	background: #EEEEEE;
	margin-bottom: 10px;
}

.web .site a.nom-site:hover {
	color: #FFFFFF;
	background: #808080;
}


/* ~~~~~~~~~~~~ brèves ~~~~~~~~~~~~ */

.breves {
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	color: #000000;
}

.breves a.en-tete {
	display: block;
	background-color: #70152C;
	font-weight: bold;
	font-size: 200%;
	color: #FF7E00;
	text-align: center;
	border: 1px solid #70152C;
}

.breves a.en-tete:hover {
	background-color: #FF7E00;
	color: #70152C;
	border: 1px solid #FF7E00;
}

.breves .contenu .titre {
	border-bottom: 1px solid #70152C;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #FF7E00;
	margin: 0px;
	padding: 1px;
	background: #70152C;
}

.breves .contenu {
	border: 1px solid #70152C;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
}

.breves .contenu a.nom-breve {
	display: block;
	border-bottom: 1px solid #70152C;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: #FF7E00;
	margin: 0px;
	padding: 1px;
	background: #70152C;
}

.breves .contenu a.nom-breve:hover {
	color: #70152C;
	background: #FF7E00;
	text-decoration: none;
}

.breves .contenu .date {
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	font-size: 90%;
	text-align: center;
	color: #808080;
	margin-left: 40%;
	padding: 1px;
	background: #EEEEEE;
	text-align: center;
}

.breves .contenu .texte {
	margin: 0px;
	padding: 5px;
	font-size: 100%;
	line-height: 110%;
}

.breves .contenu .texte h3 {
	margin:0.3em 0em 0.3em 0em;
	padding:0px;
	font-size: 120%;
	line-height: 110%;
}

.breves .contenu .texte p {
	margin:0.7em 0em 0.7em 0em;
	padding:0px;
}

.breves .contenu .texte strong {
	color: #000000;
}

.breves .contenu  a {
	color:#FF7E00;
}

.breves .contenu a:hover {
	text-decoration: underline;
}

.breves .contenu blockquote {
	margin : 2px;
}

.breves .contenu .notes {
	margin: 0px;
	padding: 5px;
	font-size: 100%;
	line-height: 110%;
	border-top: 1px solid #808080;
}
/*****LOGO-LIENS DIRECTS--- A MODIF----

.logolien {
	/*bloc contenant les "logos-liens" de navigation*
	border: 1px solid #FF7E00;
	background: #E0E0E0;
	width: 100%;
	margin: 20px 0px 20px 0px;
}

.logolien .texte {
	margin:10px;
	font-size: 12px;
}

.logolien .texte .bouton {
	margin: 17px 0px 17px 22px;
	text-indent: -20px;
	text-align: left;
	text-indent: 5px;
	font-size: 12px;
}
****/

}

.logolien .saisie-texte {
	width:90%;
}
        
.logolien .forml{
	width:90%;
}


.logolien a {
	display: block;
	background-color: #808080;
	font-weight: bold;
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #808080;
}

.logolien a:hover {
	background-color: #EEEEEE;
	color: #808080;
	border: 1px solid #808080;
}


/* !!!!!!!!!!! Sarka-SPIP 1.1.1 !!!!!!!!!!!! */
/* ~~~~~~~~~~~~ mots-clés ~~~~~~~~~~~~ */

.droite .mots-cles {
        margin: 0px 0px 0px 0px;
        font-size: 100%;
        color: #808080;
}

.droite .mots-cles hr {
	border: 0px;
	height: 1px;
	color: #FF7E00;
	background-color: #FF7E00;
	margin-left: 0px;
	margin-right: 0px;
}

.droite .mots-cles a.en-tete {
        display: block;
        background-color: #70152C;
        font-weight: bold;
        font-size: 200%;
        color: #FF7E00;
        text-align: center;
        border: 1px solid #70152C;
}

.droite .mots-cles a.en-tete:hover {
        display: block;
        background-color: #70152C;
        font-weight: bold;
        font-size: 200%;
        color: #FF7E00;
        text-align: center;
        border: 1px solid #70152C;
}

.droite .mots-cles .contenu {
        border: 1px solid #FF7E00;
        margin: 10px 0px 20px 0px;
        padding: 0px;
        font-size: 100%;
}

.droite .mots-cles .contenu a {
        display: block;
        color: #FF7E00;
        padding: 0px 5px 3px 5px;
        font-size: 110%;
        text-decoration: none;
}

.droite .mots-cles .contenu a:hover {
        text-decoration: underline;
}

.droite .mots-cles .contenu span {
        display: block;
        color: #FF7E00;
        padding: 0px 5px 3px 5px;
        font-size: 110%;
        text-decoration: none;
}

.droite .mots-cles .contenu .nom-groupe {
        display: block;
        padding: 2px 5px 0px 5px;
        font-size: 110%;
        text-decoration: none;
        font-weight: bold;
}

.droite .mots-cles .contenu a.type {
        display: block;
        border-bottom: 1px solid #FF7E00;
        font-size: 130%;
        font-weight: bold;
        text-align: center;
        color: #669999;
        margin: 0px;
        padding: 1px;
        background: #FFFFFF;
        margin-bottom: 10px;
        text-decoration:none;
}

.droite .mots-cles .contenu a.type:hover {
        color: #FFFFFF;
        background: #FF7E00;
}

.spip_surligne { background: #f8f8f8; }

/* Puces générées par un tiret seul en début de ligne */
/* Ces puces ne sont pas incluses dans une balise <ul> et le code obtenu est <li class="spip"> */

li.spip {
	list-style-image:URL(../puces/puce-n0.gif);
	list-style-position: outside;
	padding: 0;
	margin: 5px 0 0 20px;
}

/* Puces générées par un tiret suivant d'un ou plusieurs asterisques (ex: -* blabla...) */
/* Ces puces sont incluses dans une balise <ul class="spip"> et le code de chaque item est <li class="spip"> */

ul.spip  {
	padding: 0;
	margin: 5px 0 0 20px;
}

ul.spip li.spip {
	list-style-image: URL(../puces/puce-n1.gif);
	padding: 0px;
	margin: 5px 0 0 0;
}

ul.spip ul.spip li.spip {
	list-style-image:URL(../puces/puce-n2.gif);
}

img {
	border: 0px;
}

/* Puces générées par un tiret suivant d'un ou plusieurs diez (ex: -# blabla...) */
/* Ces puces sont incluses dans une balise <ol class="spip"> et le code de chaque item est <li class="spip"> */

ol.spip  {
	padding: 0;
	margin: 5px 0 0 20px;
}

ol.spip li.spip {
	list-style-type: decimal;
	list-style-image: none;
	list-style-position: outside;
	padding: 0px;
	margin: 5px 0 0 0;
}

ol.spip ol.spip li.spip {
	list-style-type: lower-alpha;
}

ol.spip ol.spip ol.spip li.spip {
	list-style-type: lower-roman;
}

/* !!!!!!!!!!! Sarka-SPIP 1.9.1 !!!!!!!!!!!! */

/*---style des documents---*/

.spip_documents_left {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}

.spip_documents_center {
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0 0px 10px 0px
}

.spip_documents_right {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}

div.spip_documents_no-float {
	clear: both;
	margin: 0 0 10px 0;
}

div.spip_documents_left .spip_documents, div.spip_documents_center .spip_documents, div.spip_documents_right .spip_documents {
	text-align: center;
	font-size: 90%;
	border: 0px solid #FF7E00;
	background: #F0F0FA;
	padding: 5px 0 5px 0;
	margin: auto;
}

div.spip_documents_no-float .spip_documents {
	text-align: center;
	font-size: 90%;
	border: 0px solid #FF7E00;
	background: #F0F0FA;
	padding: 5px 0 5px 0;
}

.spip_doc_titre {
	clear: both;
	font-weight: bold;
	font-size: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 5px 0px;
	text-indent: 0;
}

.spip_doc_descriptif {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	font-size: 90%;
	color: #808080;
}

.droite .spip_documents {
	width: 130px !important;
}

.droite .spip_doc_titre {
	width: 120px !important;
}

.droite .spip_doc_descriptif {
	width: 120px !important;
}

.clearer {
	clear: both;
	display: block;
	height: 0px;
}

.reponse_formulaire { 
	font-size: 12px; 
	font-weight: bold; 
	color: red;
}

/***************************************************************************************************************************************
*******************************************************BIBLIOTHEQUE******************************
******************************************************************************/
.centrebiblio {
	/*colonne centrale*/
	border: 0px;
	margin-left: 180px; /*Sarka-SPIP 1.8.2*/
	margin-right: 170px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.contenubiblio {
	font-size: 13px;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	width: 100%; /*Sarka-SPIP 1.8.2*/
}

/* contenu --> rubriques */

.contenubiblio .rubrique {
	background: #FFFFFF;
	margin: 0px 30px 40px 30px; /*Sarka-SPIP 1.8.2*/
}

.contenubiblio .rubrique a.titre {
	border: 0px solid #FF7E00;
	display: block;
	font-size: 200%;
	color: #FF7E00;
	/*background: #EEEEEE;*/
	padding: 1px 5px 1px 5px;
	text-align:center;
	font-weight:bold;
	font-family: Comic Sans MS,Arial,Verdana,Helvetica,sans-serif;
}

.contenubiblio .rubrique a.titre:hover {
	display: block;
	font-size: 200%;
	color: #FF7E00;
	/*border-bottom: 2px solid #FF7E00;*/
	/*background: #EEEEEE;*/
	padding: 1px 5px 1px 5px;
	text-align:center;
	font-weight:bold;
	font-family: Comic Sans MS,Arial,Verdana,Helvetica,sans-serif;
}

.contenubiblio .rubrique .texte {
	margin: 10px;
	text-align: justify;
}

/***********contenubiblio  h6 rajouté = texte normal centré*************************************/
.contenubiblio h6 {
	text-align: center;
	font-size: 100%;
	text-decoration: none;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #000000;
}

/***********contenubiblio  h5 rajouté = texte petit gras centré*************************************/
.contenubiblio h5 {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
}

/***********contenubiblio  h4 rajouté = titre avec la police comics sans ms en couleur à gauche*************************************/
.contenubiblio h4 {
	color: #FF7E00;
	font-weight: bold;
	font-size: 130%;
	margin: 1.5em 0em 0.5em 0em;
	font-family: Comic Sans MS,Arial,Verdana,Helvetica,sans-serif;
	text-align: left;
}



/***********contenubiblio  h3 rajouté =  titre avec la police comics sans ms en couleur centré*************************************/
.contenubiblio h3 {
	color: #FF7E00;
	font-weight: bold;
	font-size: 130%;
	margin: 1.5em 0em 0.5em 0em;
	font-family: Comic Sans MS,Arial,Verdana,Helvetica,sans-serif;
	text-align: center;
}

/***********contenubiblio  h2 rajouté =  titre avec la police comics sans ms en noir à gauche*************************************/
.contenubiblio h2 {
	color: #000000;
	font-weight: bold;
	font-size: 130%;
	margin: 1.5em 0em 0.5em 0em;
	font-family: Comic Sans MS,Arial,Verdana,Helvetica,sans-serif;
	text-align: left;
}
/***********contenubiblio  h1 rajouté =  titre avec la police comics sans ms en noir centré*************************************/
.contenubiblio h1 {
	color: #000000;
	font-weight: bold;
	font-size: 130%;
	margin: 1.5em 0em 0.5em 0em;
	font-family: Comic Sans MS,Arial,Verdana,Helvetica,sans-serif;
	text-align: center;
}
.contenu .rubrique .texte a {
	color: #FF7E00;
	text-decoration: none;
}

.contenubiblio .rubrique .texte a:hover {
	text-decoration: underline;
}
/******A VERIF********************************************************/
.contenubiblio .rubrique .spip_logos {
	display: block;
	float: right;
	margin: 10px;
	border:0px;
	
}

.contenubiblio .rubrique .descriptif {
	margin: 10px;
	font-size: 85%;
	padding: 5px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	text-align: justify;
}

.contenubiblio .rubrique table {
	font-size: 85%;
	border-color: #FFFFFF;
}

.contenubiblio .rubrique tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

.contenubiblio .rubrique tr.row_odd {
	background: #E0E0E0;
	color: #000000;
}

.contenubiblio .rubrique tr.row_even {
	background: #E0E0E0;
	color: #000000;
}

.contenu .rubrique td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}

/* A SUPPRIMER 
contenu --> rubriques filles 

.contenubiblio .rubrique .filles {
	margin: 10px;
	font-size: 150%;
}

.contenubiblio .rubrique .filles a {
	display: block;
	color: #FF7E00;
	font-weight: bold;
	background-image: url(../puces/pucebiblio0.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin: 5px 0px 5px 30px;
	font-size: 150%;
}

.contenubiblio .rubrique .filles a:hover {
	background-image: url(../puces/pucebiblio1.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
	font-size: 150%;
}
*/

/* contenu --> documents joints (aux articles et aux rubriques) */

.contenubiblio .doc {
	padding: 10px; /*Sarka-SPIP 1.8.2*/
	color: #FF7E00;
	background: #FFFFFF;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.contenubiblio .doc .en-tete {
	font-size: 110%;
	font-weight:bold;
	margin: 5px 0px 5px 0px; /*Sarka-SPIP 1.8.2*/
}

.contenubiblio .doc .spip_logos {
	margin: 5px 0px 0px 30px;
	border:0px;
}

.contenubiblio .doc a {
	display:block;
	text-decoration: none;
	color: #FF7E00;
	margin: 0px 0px 5px 0px;
}

.contenubiblio .doc a:hover {
	text-decoration: underline;
}

.contenubiblio .vignette a:hover {
	text-decoration: none;
}

/* contenu --> images jointes (aux articles et aux rubriques) */

.contenubiblio .images {
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	padding: 10px;
	background: #FFFFFF;
}

.contenubiblio .images .en-tete {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	color: #FF7E00;
}

.contenubiblio .images .vignette {
	font-size: 80%;
	margin: 10px;
	padding: 10px 0px 10px 0px;
}

.contenubiblio .images ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #000000;
}
/********************************************DROITE BIBLIO**********************************/
.droitebiblio  {
	/*colonne de droite*/
	position:absolute;
	right:20px;
	width:170px;
	border: 0px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
}

.rubriquesbiblio {
	margin: 50px 0px 0px 0px;
	font-size: 100%;
	color: #808080;
}

a.boutonbiblio {
	display:block;
	background:#70152C;
	color:#FF7E00;
	text-decoration:none;
	border: #70152C solid 1px;
	text-align:center;
	padding:1px;
	margin:40px 0px 40px 0px;
	font-weight: bold;
	font-size : 150%;
}

a.boutonbiblio:hover {
	background:#FF7E00;
	color:#70152C;
	text-decoration:none;
}

.rubriquesbiblio .en-tete {
	display: block;
	font-weight: bold;
	font-size: 200%;
	color: #FF7E00;
	text-align: center;
	border: 0px solid #808080;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.rubriquesbiblio .contenu {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	border: 0px solid #808080;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 150%;
	/*width:150px;*/
}

/*********************rubriques filles dans le bloc de droite*****************************************/
.rubriquesbiblio .contenu  .filles {
	margin: 10px;
}

.rubriquesbiblio .contenu  .filles a {
	display: block;
	color: #70152C;
	font-weight: bold;
	background-image: url(../puces/pucebiblio2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 10px 15px 0px 5px;
	margin: 0px;
	height : 80px;
}

.rubriquesbiblio .contenu  .filles a:hover {
	background-image: url(../puces/pucebiblio2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	text-decoration: underline;
	padding: 10px 15px 0px 5px;
	margin: 0px;
	display: block;
	color: #FF7E00;
	font-weight: bold;
	height : 80px;
}

.rubriquesbiblio .contenu  .filles-horaires {
	display: block;
	color: #70152C;
	font-weight: bold;
	background-image: url(../puces/carreviolet.gif);
	background-image: url(../puces/carreviolet.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 40px;
	margin: 5px 0px 5px 5px;
	width: 130px;
	height: 130px;
	background: #FFBB33;
}

.rubriquesbiblio .contenu  .filles-anim {
	display: block;
	color: #70152C;
	font-weight: bold;
	background-image: url(../puces/carreviolet.gif);
	background-image: url(../puces/carreviolet.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 40px;
	margin: 5px 0px 5px 5px;
	width: 130px;
	height: 130px;
	background: #FFBB33;
}



/******************************************************/




.droitebiblio  {
	/*colonne de droite*/
	position:absolute;
	right:20px;
	width:170px;
	border: 0px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
}

/* contenu --> rubriques */

.droitebiblio .rubrique {
	background: #FFFFFF;
	margin: 0px 30px 40px 30px; /*Sarka-SPIP 1.8.2*/
}

.droitebiblio .rubrique a.titre {
	border: 2px solid #FF7E00;
	display: block;
	font-size: 130%;
	color: #FF7E00;
	background: #EEEEEE;
	padding: 1px 5px 1px 5px;
	text-align:center;
	font-weight:bold;
}

.droitebiblio .rubrique a.titre:hover {
	display: block;
	font-size: 130%;
	color: #FF7E00;
	border-bottom: 2px solid #FF7E00;
	background: #EEEEEE;
	padding: 1px 5px 1px 5px;
	text-align:center;
	font-weight:bold;
}

.droitebiblio .rubrique .texte {
	margin: 10px;
}

.droitebiblio .rubrique .texte a {
	color: #FF7E00;
	text-decoration: none;
}

.droitebiblio .rubrique .texte a:hover {
	text-decoration: underline;
}

.droitebiblio .rubrique .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
	border:0px;
}

.droitebiblio .rubrique .descriptif {
	margin: 10px;
	font-size: 85%;
	padding: 5px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	text-align: justify;
}

.droitebiblio .rubrique table {
	font-size: 85%;
	border-color: #FFFFFF;
}

.droitebiblio .rubrique tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

.droitebiblio .rubrique tr.row_odd {
	background: #E0E0E0;
	color: #000000;
}

.droitebiblio .rubrique tr.row_even {
	background: #E0E0E0;
	color: #000000;
}

.droitebiblio .rubrique td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}

/* contenu --> rubriques filles */

.droitebiblio .rubrique .filles {
	margin: 10px;
}

.droitebiblio .rubrique .filles a {
	display: block;
	color: #FF7E00;
	font-weight: bold;
	background-image: url(../puces/puce0.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin: 5px 0px 5px 30px;
}

.droitebiblio .rubrique .filles a:hover {
	background-image: url(../puces/puce1.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
}

.rubriquebiblio {
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	color: #808080;
}

/***********************ARTICLES DE LA BIBLIO*******************************/

/* ~~~~~~~~~~~~ article (affichage presque semblable à "derniers articles" ~~~~~~~~~~~~ */

/* contenu de l'article "proprement dit" */

.contenubiblio .article {
	background: #FF7E00;
	margin: 0px 30px 20px 30px; /*Sarka-SPIP 1.8.2*/
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 10px 10px 10px 10px; /*Sarka-SPIP 1.8.2*/
}

.article-58 a {
	color: #FF7E00;
	text-decoration: none;
}

.article-58 a:hover {
	color: #FF7E00;
	text-decoration: underline;
}

.article-58 .image .spip_logos {
	display: block;
	float: left;
	margin: 20px 10px 20px 10px;
	border:0px;
}

.article-58 .surtitre {
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.article-58 .titre {
	color: #FFFFFF;
	font-size: 180%;
	font-weight: bold;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.article-58 .soustitre {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.article-58 .contenu {
	background: #FFFFFF;
	margin: 10px 0px 0px 0px; /*Sarka-SPIP 1.8.2*/
	padding: 0px 0px 10px 0px; /*Sarka-SPIP 1.8.2*/
}

.article-58 .detail {
	color: #FF7E00;
	font-size: 85%; /*Sarka-SPIP 1.8.2*/
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 55%;
	padding: 1px 5px 1px 5px;
	border-left: 1px solid #FF7E00;
	border-bottom: 1px solid #FF7E00;
}

.article-58 .texte {
	color: #000000;
	margin: 10px;
	padding: 10px;
	text-align: justify;
	background: #FFFFFF;
}

.article-58 .chapo {
	color: #FFFFFF;
	margin: 10px 10px 0px 10px;
	font-weight: bold;
}

/******style du post scriptum modifié par Malo pour les informations du genre "Contact", "Renseignements" ou Coordonnées" en fin d'un article, par exemple pour les associations******/
.article-58 .post-scriptum {
	color: #FFFFFF;
	background: #FF7E00;
	margin: 10px 50px 10px 50px;
	padding: 10px;
	font-size: 100%;
	border: 2px solid #E0E0E0;
	text-align: center;
}

.article-58 .post-scriptum .annonce {
	font-weight: bold;
	color:#FFFFFF;
	margin: 0px 0px 10px 0px;
}
/******style du post scriptum rajouté par Malo pour les liens concernant les informations du genre "Contact", "Renseignements" ou Coordonnées" en fin d'un article, par exemple pour les associations******/
.post-scriptum a{
color: #E0E0E0;
}
/***idem pour les liens survolées du PS****/
.post-scriptum a:hover{
text-decoration: underline;
}

.article-58 .notes {
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border-top: 2px solid #FF7E00;
	font-size: 90%;
}

.article-58 .en-tete {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0px 10px 0px; /*Sarka-SPIP 1.8.2*/
}

.article-58 h3 {
	color: #FF7E00;
	font-weight: bold;
	font-size: 140%;
	margin: 1.5em 0em 0.5em 0em;
}

.article-58 table {
	font-size: 90%;
	border-color: #FFFFFF;
}

.article-58 tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

.article-58 tr.row_odd {
	background: #E0E0E0;
	color: #000000;
}

.article-58 tr.row_even {
	background: #E0E0E0;
	color: #000000;
}

.article-58 td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}

.article-58 a.imprimer {
	display: block;
	background-image: url(../puces/printer.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 10px; 
}

/* mise en forme du formulaire de pétition */

.petition {
	border: 2px solid #FF7E00;
	padding: 10px;
	margin: 0px 30px 20px 30px; /*Sarka-SPIP 1.8.2*/
}

.petition .en-tete {
	color: #FF7E00;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

/* mise en forme de l'affichage des signataires de la pétition */

.signatures {
	border: 2px solid #FF7E00;
	padding: 10px;
	margin: 10px 30px 10px 30px; /*Sarka-SPIP 1.8.2*/
	background: #EEEEEE;
	font-size: 100%;
}

.signatures .en-tete{
	color: #FF7E00;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

.signatures td {
	border: 1px solid #FF7E00;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	empty-cells: hide;
	font-size: 12px;
}

.signatures thead {
	background: #FF7E00;
	font-weight: bold;
	color: #FFFFFF;
}

.signatures a {
	color: #FF7E00;
	text-decoration: none;
}

.signatures a:hover {
	color: #FF7E00;
	text-decoration: underline;
}

/* ~~~~~~~~~~~~ dans la meme rubrique ~~~~~~~~~~~~ */

.articles-58-freres {
	border: 2px solid #FF7E00;
	padding: 10px;
	margin: 20px 30px 10px 30px; 	/*Sarka-SPIP 1.8.2*/
	background: #EEEEEE;
}

.articles-58-freres ol {
	color: #FF7E00;
}

.articles-58-freres .en-tete{
	color: #FF7E00;
	font-size: 120%;
	margin: 0px 0px 5px 0px;
}

.articles-58-freres .frere a {
	/* lien vers les articles frères sauf l'article en cours */
	color: #FF7E00;
	text-decoration: none;
	font-weight: bold;
}

.articles-58-freres .frere a:hover {
	color: #FF7E00;
	text-decoration: underline;
}

.articles-58-freres .frere .date {
	color: #FF7E00;
}

.articles-58-freres .en-cours {
	/* affichage du titre de l'article en cours (sans lien) */
	color: #808080;
}