/*E09E6A beige
028A25 vert*/

body {background:#fffce4;padding:0px;margin: 0px;}
a {	text-decoration:none;}

/*---comportement des liens de style bouton---*/

a.bouton {	display:block;	background:#006600;	color:#F0F0FA;	text-decoration:none;	border: #006600 solid 1px;	text-align:center;	padding:1px;	margin:10px 0px 10px 0px;}
a.bouton:hover {	background:#F0F0FA;	color:#006600 ;	text-decoration:none;}

/*---comportement des éléments de formulaires---*/
.saisie-texte, .forml {color: #000;border: 1px solid #a21b1e;margin:0px;	padding:1px; }
.spip_bouton {background:#fffce4;color:#a21b1e;border: 1px solid #a21b1e;	margin-right:5px;behavior: url(squelettes/scripts/spip-bouton-hover.htc);}
.spip_bouton:hover {background:#a21b1e;color: #fffce4;;	border: 1px solid #a21b1e;;	cursor: pointer;}
fieldset {	margin: 0px;	padding: 0px;}

/*---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)---*/
tt {	display: block;	border-width: 1px 1px 1px 8px;	border-style: solid;	border-color: #669999;	padding: 1em;	margin: 1em 0em 1em 0em; 	font-size: small;	background: #E0F0F0;	overflow: auto;	max-height: 25em;}

/* ====================== Blocs principaux, décomposition de la page en 3 colonnes et 1 bandeau ====================== */
	/*bandeau contenant le titre du site*/
	

a.bandeau {	display: block;	margin: 0px;font-family: Verdana,Helvetica,Arial,sans-serif;padding:0px;font-size:x-large;font-weight: bold;	color:#a21b1e;height:100px;text-align: center; top:0px}
a.bandeau:hover {	color: #a21b1e;	text-decoration: none;}
a.bandeau .nom-site {position:absolute;	margin: 0px;padding: 0px; top:25px;	font-size:x-large;font-weight:bold;color:#a21b1e; text-align:center;left:27%;}

/*bande accrochée au bandeau de titre, contenant le chemin hiérarchique de la page en cours*/
.bande-chemin  {text-decoration :none;font-size:small;color:#a21b1e;padding: 0px 0px 1px 0px;margin-bottom:32px; font-family: Verdana,Helvetica,Arial,sans-serif; border-bottom:#a21b1e 1px solid; font-weight:bold; margin-left:42px; background:none;}
.bande-chemin a {color:#a21b1e;	font-weight: bold;}
	/*colonne de gauche*/
.bande-chemin a:hover {	color:#a21b1e;}
.gauche1 {background-image:url(../../images/bandeau_gauche.jpg); background-repeat:no-repeat; width:40px; height:551px; float:left; z-index:1000;}
.gauche {border: 0px;	width: 180px;	float: left;font-family: Arial,Verdana,Helvetica,sans-serif;left:41px;position : absolute; top:150px; }
/*html #gauche {	behavior: url(ie-fixed.htc);}*/
html>body .gauche {
        position: fixed;
}

/*colonne centrale*/
.centre {border: 0px;	margin-left: 221px; font-family: Arial,Verdana,Helvetica,sans-serif;}
/*colonne de droite*/
.droite {border: 0px;	width: 170px;	float: right;	font-family: Arial,Verdana,Helvetica,sans-serif;font-size:small;}
/*pied de page*/
.footer {clear: both;text-align: center;	font-size: small;	font-family: Arial,Verdana,Helvetica,sans-serif;	padding: 20px;}
.footer .titre {color:#a21b1e; font-weight:bold;}
.footer .adresse{color:#016531; text-align:center;}
.footer .foot { background:#eaf1e1; padding:2px; border-top:1px solid #004292;border-bottom:1px solid #004292;}
.footer a.pied { color:#004292; font-weight:bold;}

/* ================================ Formatage des éléments du bandeau =============================== */

a.bandeau .spip_logos {	left:0px;border: 0px; position:absolute;}
a.bandeau .spip_logos2 {left:110px;border: 0px; position:absolute;}
h1 {margin: 0px}
a.bandeau .nom-site {	margin: 0px;	padding: 0px;}

/* ================================ Formatage des éléments du pied de page =============================== */
.footer a {	color:#016531;	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: small;	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;}
/* bloc de navigation 2 --> contact + admin + formulaire + s'inscrire */

	/*bloc contenant les liens de navigation*/
.nav2 {	position :absolute;width: 40%; right:0px; top:120px; }
.nav2 .texte {	margin:0px;	font-size: small;}
.nav2 .saisie-texte {width:50%;}        
.nav2 .forml{width:30%;}

/* ================================== Formatage des éléments de la colonne centrale ============================== */

/* Style de l'intitulé de chaque page */
.intitule {	color: #808080;	font-size: medium;	font-weight: bold;	margin: 0px 30px 20px 30px; }

/* ~~~~~~~~~~~~ sommaire ~~~~~~~~~~~~ */
/* Le bloc sommaire contient l'édito et les annonces */
/* des derniers articles et des secteurs */

.sommaire {	font-size: small;	margin: 0px; 	width: 98%; }

/* edito */
.edito {background: #fff;	margin: 0px 30px 20px 30px; 	font-family: Arial,Verdana,Helvetica,sans-serif;	font-size: small;	padding: 10px 10px 10px 10px; border:1px solid #004292;overflow:hidden; }

.edito a {	color: #028A25;	text-decoration: none; }
.edito a:hover {	color: #028A25;	text-decoration: underline;}
.edito .image .spip_logos {display: block;	float: right;	margin: 10px;	border:0px;}
.edito .surtitre {	color: #000000;	font-size:small;	font-weight: bold;	margin: 5px 10px 5px 10px;	padding: 0px;}
.edito .titre {	color: #016531;	font-size:x-large;font-weight: bold;	margin: 5px 10px 5px 10px;	padding: 0px; text-align:center;}
.edito .titre h2{	color: #016531;	font-size:x-large;font-weight: bold;	margin: 5px 10px 5px 10px;	padding: 0px; text-align:center;}
.edito .titre .deco { background-image:url(../../images/virgule.jpg); background-repeat:no-repeat;height:19px; background-position:center;}
.edito .soustitre {	color: #000000;	font-size:small;	font-weight: bold;	margin: 5px 10px 5px 10px;	padding: 0px;}
.edito .detail {	font-size: small;	font-weight: bold;	text-align: right;	color: #000000;	padding-right: 10px;}
.edito .texte {	color: #000000;	margin-left: 15px;	padding: 0px; width:95%; }
.edito .chapo {	color: #006600;	margin: 10px;	padding: 0px;	font-weight: bold;}
.edito .post-scriptum {	color: #000000;	margin: 10px;	padding: 0px;	font-size: small;	border-top: 2px solid #000000;}
.edito .post-scriptum .annonce {	font-weight: bold;	color:#006600;	padding: 0px;	margin: 10px 0px 10px 0px;}
.edito .notes {	color: #000000;	margin: 10px;	padding: 0px;	border-top: 2px solid #000000;	font-size: small;}
.edito .texte h2 {	color: #004292;	font-weight: bold;	font-size: large;	margin: 1.5em 0em 0.5em 0em;}
.edito .texte h3 {	color: #004292;	font-weight: bold;	font-size: large;	margin: 1.5em 0em 0.5em 0em;}
.edito .texte h4 {	color: #a21b1e;	font-weight: bold;	font-size: 1.1em;	margin:0px; padding:0px}
.edito .texte h5 {	color: #ff3d00;	font-weight: bold;	font-size: small;	margin: 1.5em 0em 0.5em 0em;}
.edito .texte .actualites { border:4px solid #BFD0E4; float:right; width:50%; }
.edito .texte .titrea { text-align:center; background-color:#BFD0E4; padding:5px}
.edito .texte .titrea h3 {margin:0px; }
.edito .texte .textea {padding:5px;}
.edito .texte .textea h4 {border-bottom:4px solid #DFE9F;margin:0px;}
.clearer {	clear: both;display: block;	
: 2px;}
.edito p.spip{ padding:0px; margin:2px 0px 3px 0px}


.edito blockquote {	border: 1px solid #808080;	background: #EEEEEE;	padding: 0px 15px 0px 15px;}
.edito table {	font-size: small;	border-color: #FFFFFF;}
.edito tr.row_first {	background: #808080;	color: #FFFFFF;	text-align: center;	font-size: small;}
.edito tr.row_odd {	background: #DDDDDD;	color: #000000;}
.edito tr.row_even {	background: #DDDDDD;	color: #000000;}
.edito td {	border: 1px solid #FFFFFF;	padding: 1px 5px 1px 5px;}
.edito a.imprimer {	display: block;	background-image: url(../puces/printer.gif);	background-repeat: no-repeat;	width: 22px;	height: 22px;	float: right;	margin-right: 10px;  margin-top:5px;}


/* annonce des rubriques-secteurs */
.sommaire .rubrique {	border: 2px solid #028A25;background: #FFFFFF;	margin: 0px 30px 20px 30px;  }
.sommaire .rubrique a.titre {	display: block;	font-size: medium;	color: #FFFFFF;	background: #028A25;	border-right: 2px solid #028A25;	border-bottom: 2px solid #028A25;	padding: 1px 5px 1px 5px;	margin-right: 50%;	text-align:center;	font-weight:bold;}
.sommaire .rubrique a.titre:hover {	display: block;	font-size: medium;	color: #028A25;	background: #FFFFFF;	border-right: 2px solid #028A25;	border-bottom: 2px solid #028A25;	padding: 1px 5px 1px 5px;	margin-right: 50%;	text-align:center;	font-weight:bold;}
.sommaire .rubrique .texte {	margin: 10px;}
.sommaire .rubrique .texte a {	color: #028A25;	text-decoration: none;}
.sommaire .rubrique .texte a:hover {	text-decoration: underline;}
.sommaire .rubrique table {	font-size: small;	border-color: #FFFFFF;}
.sommaire .rubrique tr.row_first {	background: #808080;	color: #FFFFFF;	text-align: center;	font-size: small;}
.sommaire .rubrique tr.row_odd {	background: #DDDDDD;	color: #000000;}
.sommaire .rubrique tr.row_even {	background: #DDDDDD;	color: #000000;}
.sommaire .rubrique td {	border: 1px solid #FFFFFF;	padding: 1px 5px 1px 5px;}
.sommaire .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: small;	margin: 0px;width: 98%;}
/* contenu --> rubriques */
.contenu .rubrique {background: #fff;	margin: 0px 30px 20px 30px; 	font-family: Arial,Verdana,Helvetica,sans-serif;	font-size: small;	padding: 10px 10px 10px 10px; border:1px solid #004292; overflow:hidden;}
.contenu .rubrique .titre {	color: #016531;	font-size:x-large;	font-weight: bold;	margin: 0px; text-align:center;}
.contenu .rubrique .titre h2{	color: #016531;	font-size:x-large;	font-weight: bold;	margin: 0px; text-align:center;}
.rubrique .titre .deco { background-image:url(../../images/virgule.jpg); background-repeat:no-repeat;height:19px; background-position:center;}

.contenu .rubrique .texte {	margin: 10px; text-align:justify;}
.contenu .rubrique .texte a {	color: #028A25;	text-decoration: none;}
.contenu .rubrique .texte a:hover {	text-decoration: underline;}
.contenu .rubrique .texte h2 {	color: #004292;	font-weight: bold;	font-size: large;	margin: 1.5em 0em 0.5em 0em;}
.contenu .rubrique .texte h3 {	color: #004292;	font-weight: bold;	font-size: large;	margin: 1.5em 0em 0.5em 0em;}
.contenu .rubrique .texte h4 {	color: #a21b1e;	font-weight: bold;	font-size: medium;	margin: 1.5em 0em 0.5em 0em;}
.contenu .rubrique .texte h5 {	color: #ff3d00;	font-weight: bold;	font-size: small;	margin: 1.5em 0em 0.5em 0em;}
.contenu .rubrique .image .spip_logos {	display: block;float: right;margin: 10px;border:0px;}
.contenu .rubrique .descriptif {	margin: 10px 150px 5px 10px;	border-top: 1px solid;	border: 1px solid;	font-size: small;	padding: 5px;	font-family: Arial,Verdana,Helvetica,sans-serif;}
.contenu .rubrique table {	font-size: small;	border-color: #FFFFFF; margin:auto}
.contenu .rubrique caption {margin:auto}
.contenu .rubrique tr.row_first {	background: #fffce4;	color: #000;	text-align: center;	font-size:small;}
.contenu .rubrique tr.row_odd {	background: #fffce4;	color: #000000;}
.contenu .rubrique tr.row_even {	background: #eaf1e1;	color: #000000;}
.contenu .rubrique td {	border: 1px solid #FFFFFF;	padding: 1px 5px 1px 5px;}
.contenu .rubrique a.imprimer {	display: block;	background-image: url(../puces/printer.gif);	background-repeat: no-repeat;	width: 22px;	height: 22px;	float: right;	margin-right: 10px; }

/* contenu --> rubriques filles */

.contenu .rubrique .filles {	margin: 10px;}
.contenu .rubrique .filles a {	display: block;	color: #000000;	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;}

/* mise en forme des documents insérés dans le texte de la rubrique*/

.rubrique .spip_documents {	display: block;	padding: 5px;margin:5px;	text-align: center;}
.rubrique .spip_documents_center {	margin-left: auto;	margin-right: auto;}
.rubrique .spip_doc_titre {	padding: 5px 0px 0px 0px;	text-align: center; margin:auto}
.rubrique .spip_doc_descriptif {	font-size: small;	color: #808080;	text-align: left;	padding: 5px 0px 5px 0px;	text-align: center;}
/* contenu --> documents joints (aux articles et aux rubriques) */

.contenu .doc {	padding: 10px; 	color: #028A25;	background: #FFFFFF;margin: 0px; }
.contenu .doc .en-tete {	font-size: small;	font-weight:bold;	margin: 5px 0px 5px 0px; }
.contenu .doc .spip_logos {	margin: 5px 0px 0px 30px;	border:0px;}
.contenu .doc a {	display:block;	text-decoration: none;	color: #028A25;	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; 	padding: 10px;	background: #FFFFFF;}
.contenu .images .en-tete {	font-size: small;	font-weight: bold;	margin: 10px 0px 10px 0px;	color: #028A25;}
.contenu .images .vignette {	font-size: small;	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 sommaire, plan, recherche, auteur, etc. */
.derniers-articles ol {	color: #016531;}
.derniers-articles {border: 1px solid #004292;	padding: 10px;	margin: 20px 30px 10px 30px; background: #FFF;}
.derniers-articles a {	color: #006600;	text-decoration: none;	font-weight: bold;}
.derniers-articles a:hover {	color: #006600;	text-decoration: underline;font-weight: bold;}
.derniers-articles .image .spip_logos {	display: block;float: left;	margin: 10px;	border:0px;}
.derniers-articles .en-tete {	color: #016531;	font-size: medium;	margin: 0px 0px 5px 0px;}
.derniers-articles .annonce {	background: #FFFFFF;	margin: 10px;	padding: 0px 0px 10px 0px;}
.derniers-articles .surtitre {	color: #006600;font-weight: bold;	margin: 0px 10px 0px 10px;	padding-top: 5px;}
.derniers-articles a.titre {	display: block;	color: #006600;	font-size: medium;	font-weight: bold;	margin: 0px 10px 0px 10px;	text-decoration: none;	padding-top: 5px;}
.derniers-articles a.titre:hover {color: #006600;	font-size: medium;font-weight: bold;	margin: 0px 10px 0px 10px;	text-decoration: underline;}
.derniers-articles .soustitre {	color: #006600;	font-weight: bold;	margin: 0px 10px 0px 10px;	padding-top: 5px;}
.derniers-articles .detail {	color: #006600;	font-size:small; 	font-weight: bold;	text-align: center;	margin: 0px 0px 10px 0px; padding: 1px 5px 1px 5px;	border-left: 1px solid #006600;	border-bottom: 1px solid #006600;	width: 200px;float: right;}
.derniers-articles .chemin {	color: #028A25;	font-weight: bold;	padding: 10px 10px 5px 10px;}
.derniers-articles .introduction {	color: #000000;	margin: 10px 10px 0px 10px;}
.derniers-articles a.suite {	text-align: right;	display: block;}
.derniers-articles .en-cours {	/* affichage du titre de l'article en cours (sans lien) */	color: #808080;}

/* ~~~~~~~~~~~~ article (affichage presque semblable à "derniers articles" ~~~~~~~~~~~~ */

/* contenu de l'article "proprement dit" */

.contenu .article {	background: #fff;	margin: 0px 30px 20px 30px; 	font-family: Arial,Verdana,Helvetica,sans-serif;	font-size: small;	padding: 10px 10px 10px 10px; border:1px solid #004292;}
.article a {	color: #016531;	text-decoration: none;}
.article a:hover {color: #016531;	text-decoration: underline;}
.article .image .spip_logos {	display: block;	float: left;	margin: 10px;	border:0px;}
.article .surtitre {color: #004292;	font-size: small;	font-weight: bold;	margin: 0px; }
.article .titre {color: #016531;	font-size:x-large;font-weight: bold;	margin: 0px; text-align:center;}
.article .titre h2{color: #016531;	font-size:x-large;font-weight: bold;	margin: 0px; text-align:center;}
.article .titre .deco { background-image:url(../../images/virgule.jpg); background-repeat:no-repeat;height:19px; background-position:center;}
.article .soustitre {	color: #004292;	font-size: small;	font-weight: bold;	margin: 0px; }
.article .contenu {	background: #fff;	margin: 10px 0px 0px 0px; 	padding: 0px 0px 10px 0px; }
.article .detail {	color: #006600;	font-size: small; font-weight: bold;	text-align: center;	margin: 0px 0px 10px 55%;	padding: 1px 5px 1px 5px;	border-left: 1px solid #006600;	border-bottom: 1px solid #006600;}
.article .texte {	color: #000000;	margin: 0px 10px 0px 10px;	padding-top:5px; overflow:hidden; text-align:justify;}
.article .chapo {	color: #006600;	margin: 10px 10px 0px 10px;	font-weight: bold;}
.article .post-scriptum {	color: #000000;	margin: 10px 0px 10px 0px;	padding-top: 10px;	font-size: small;	border-top: 2px solid #006600;}
.article .post-scriptum .annonce {	font-weight: bold;	color:#006600;	padding: 0px;	margin: 0px 0px 10px 0px;}
.article .notes {	color: #000000;margin: 10px 0px 10px 0px;	padding: 0px 10px 0px 10px;	border-top: 2px solid #006600;	font-size:small;}
.article .en-tete {	color: #FFFFFF;	font-size: medium;	font-weight: bold;	margin: 10px 0px 10px 0px; }
.article .texte h2 {	color: #004292;	font-weight: bold;	font-size: large;	margin: 1.5em 0em 0.5em 0em;}
.article .texte h3 {	color: #004292;	font-weight: bold;	font-size: large;	margin: 1.5em 0em 0.5em 0em;}
.article .texte h4 {	color: #a21b1e;	font-weight: bold;	font-size: medium;	margin: 1.5em 0em 0.5em 0em;}
.article .texte h5 {	color: #ff3d00;	font-weight: bold;	font-size: small;	margin: 1.5em 0em 0.5em 0em;}
.article blockquote {	border: 1px solid #808080;	background: #EEEEEE;	padding: 0px 15px 0px 15px;}
.article table {	font-size: small;	border-color: #FFFFFF; margin:auto}
.article caption {margin:auto}
.article tr.row_first {	background: #fffce4;	color: #000;	text-align: center;	font-size: small;}
.article tr.row_odd {	background: #fffce4;	color: #000000;}
.article tr.row_even {	background: #eaf1e1;	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; }

.article .tableau table {font-size: small;	border-color:#000;border-collapse:collapse; margin:auto}
.article .tableau caption {margin:auto; color:#000000;}
.article .tableau tr.row_first {background: #fff;color: #000;text-align: center;font-size: small; }
.article .tableau tr.row_first th {border:1px solid #a21b1e;}
.article .tableau tr.row_odd {	background: #fff;	color: #000000;}
.article .tableau tr.row_even {	background: #fff;	color: #000000;}
.article .tableau td {padding: 1px 5px 1px 5px; border:1px solid #000; }


.article .nocadre table {	font-size: small;border-collapse:collapse; margin-bottom:10px; margin:auto; border:none; }
.article .nocadre caption {font-weight:bold; color:#300000; font-size:small; padding-bottom:10px}
.article .nocadre tr.row_first {background: #FFF; text-align:center}
.article .nocadre tr.row_odd {	background: #fff;	color: #000000;text-align:center}
.article .nocadre tr.row_even {	background: #fff;	color: #000000; text-align:center}
.article .nocadre td img{border:0px;}
.article .nocadre td {	border: none; padding:5px; background:#FFF;}
.article .nocadre th {	border: none;background:#FFF;}

.article .clear { clear:both;}


/* mise en forme des documents insérés dans le texte de l'article */
.article .spip_documents {	display: block;	margin:5px;	text-align: center;margin-right:20px;}
 .article .spip_document_301 { margin-right:20px;}
.article .spip_documents_center {	margin-left: auto;	margin-right: auto;}
.article  spip_documents_right {float:right}
.article .spip_doc_titre {		padding: 5px 0px 0px 0px;	text-align: center; margin:auto}
.article .spip_doc_descriptif {	font-size: small;	color: #808080;	text-align: left;	padding: 5px 0px 5px 0px;	text-align: center;}

/*.article .spip_documents { text-align: center; }
.article .spip_documents_center { clear: both; width: 100%; margin: auto; }
.article span.spip_documents_center { display: block; margin-top:1em; }
.article .spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.article .spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.article .spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.article .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;}*/

/* mise en forme du formulaire de pétition */
.petition {	border: 2px solid #006600;	padding: 10px;	margin: 0px 30px 20px 30px; 	background: #EEEEEE;}
.petition fieldset {	border: 1px solid #006600;	margin: 5px 0px 0px 0px;	padding: 10px;}
.petition legend {	color: #006600;	font-weight: bold;border: 1px solid #006600;	padding: 1px 5px 1px 5px;	margin: 0px 0px 5px 0px;}
.petition .en-tete {	color: #006600;	font-size: medium;	margin: 0px 0px 5px 0px;}
.petition textarea {	width: 80%;}
/* mise en forme de l'affichage des signataires de la pétition */
.signatures {	border: 2px solid #006600;	padding: 10px;	margin: 10px 30px 10px 30px; 	background: #EEEEEE;	font-size: small;}
.signatures .en-tete{	color: #006600;font-size: medium;	margin: 0px 0px 5px 0px;}
.signatures td {	border: 1px solid #006600;	margin: 0px;	padding: 2px 5px 2px 5px;	empty-cells: hide;	font-size: small;}
.signatures thead {	background: #006600;	font-weight: bold;	color: #FFFFFF;}
.signatures a {	color: #028A25;	text-decoration: none;}
.signatures a:hover {	color: #028A25;	text-decoration: underline;}

/* ~~~~~~~~~~~~ dans la meme rubrique ~~~~~~~~~~~~ */
.articles-freres {	border: 1px solid #004292;	padding: 10px;	margin: 20px 30px 10px 30px; background: #FFF;}
.articles-freres ol {	color: #016531;}
.articles-freres .en-tete{	color: #016531;	font-size: medium;	margin: 0px 0px 5px 0px;}
.articles-freres .frere a {	/* lien vers les articles frères sauf l'article en cours */	color: #006600;	text-decoration: none;	font-weight: bold;}
.articles-freres .frere a:hover {	color: #016531;	text-decoration: underline;}
.articles-freres .frere .date {color: #028A25;}
.articles-freres .en-cours {	/* affichage du titre de l'article en cours (sans lien) */	color: #808080;}

/* ~~~~~~~~~~~~ forum ~~~~~~~~~~~~ */

.annonce-forum {	color: #028A25;	font-size: medium;	font-weight: bold;	width: 100%; 	margin: 0px 30px 0px 30px; }
.forum {	border: none;	padding: 0px;	margin: 0px;	font-size: small;	margin: 0px 30px 0px 30px; }
a.repondre {	background: #028A25;	color: #FFFFFF !important;	text-decoration:none !important;	border: #028A25 solid 1px;	text-align:center;	padding: 1px 5px 1px 5px;	float: right;}
a.repondre:hover {	background:#FFFFFF !important;	color:#028A25 !important;	text-decoration:none !important;}
.forum fieldset {	border: 1px solid #006600;	margin: 5px 0px 0px 0px;	padding: 10px;}
.forum legend {	color: #006600;	font-weight: bold;	border: 1px solid #006600;	padding: 1px 5px 1px 5px;	margin: 0px 0px 5px 0px;}
.forum .en-tete {	color: #006600;	font-size:medium;	margin: 0px 0px 5px 0px;}
.forum textarea {	width: 80%;}
.forum .visualisation {	border: 1px solid #006600;	margin: 10px 0px 0px 0px;}
.forum .visualisation a {	color: #028A25;	text-decoration: none;}
.forum .visualisation a:hover {	color: #028A25;	text-decoration: underline;}
.forum .visualisation .titre {	border-bottom: 1px solid #FFFFFF;	font-size: medium;	font-weight: bold;	text-align: left;	color: #FFFFFF;	margin: 0px;	padding: 2px 10px 2px 10px;	background: #006600;	margin: 0px;}
.forum .visualisation .detail {	border-bottom: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF;	font-size: small;	text-align: center;	color: #FFFFFF;	width: 200px;	float: right;	padding: 1px;	background: #006600;}
.forum .visualisation .texte {	padding: 10px;}
.forum a.article-forum {	text-decoration: none;	font-size:small;	color: #028A25;	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:small;}
/*.bande-pagination .texte {	display:inline;	background:#F0F0FA;	color:#006600;	border: #006600 solid 1px;	padding:1px;	margin:10px 2px 10px 2px;}
.bande-pagination a.page {	display:inline;	background:#006600;	color:#F0F0FA;	border: #006600 solid 1px;	padding:1px;	margin:10px 2px 10px 2px;}
.bande-pagination a.page:hover {	background:#F0F0FA;	color:#006600;}*/
.bande-pagination span.on {	display:inline;	background:#F0F0FA;	color:#006600;	border: #006600 solid 1px;	padding:1px;	margin:10px 2px 10px 2px;}		.bande-pagination a {	display:inline;	background:#006600;	color:#F0F0FA;	border: #006600 solid 1px;	padding:1px;	margin:10px 2px 10px 2px;}
.bande-pagination a:hover {	background:#F0F0FA;	color:#006600;}

/* ~~~~~~~~~~~~ plan du site et sites référencés ~~~~~~~~~~~~ */

.plan {	font-size: medium;	margin: 0px 30px 0px 30px;  background:#FFFFFF ; border:1px solid #004292;}
.plan .intitule {color: #016531;	font-size:x-large;font-weight: bold;	margin: 0px; text-align:center;}
.plan .intitule h2{color: #016531;	font-size:x-large;font-weight: bold;	margin: 0px; text-align:center;}
.plan .intitule .deco { background-image:url(../../images/virgule.jpg); background-repeat:no-repeat;height:19px; background-position:center;}
/*.plan .intitule {	color: #004292;	font-size: medium;	font-weight: bold;	margin-top:10px; text-align:center;}*/
.plan a.rubrique {	display:block;	color: #028A25;	font-weight:bold;	padding-left:15px;	margin: 0.5em 0px 0px 0px;}
.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: #006600;	padding: 0px 0px 0px 10px;	margin: 0px;	font-size: small;}
.plan a.article:hover {	/*background-image:url(../puces/puce.gif);*/	background-position: left center;	background-repeat: no-repeat;	text-decoration: underline;}
.plan a.breve {	color: #808080;	padding: 0px 0px 0px 10px;	font-size: small;}
.plan a.breve:hover {	/*background-image:url(../puces/puce.gif);*/	background-position: left center;	background-repeat: no-repeat;	text-decoration: underline;}
.plan .date {	color: #028A25;}
.plan ul {	list-style-type: none;	padding: 0px 0px 0px 20px; 	margin: 0px;	border: 0px;}
.plan li {	font-size: small;	padding:0px;	margin:0px;	border: 0px;}
.plan hr {	margin: 10px 20px 10px 20px;	border: 1px solid #028A25;}
.plan a.article-syndic {	display: block;	color: #000000;	padding: 0px 0px 0px 10px;	margin: 0px;	font-size: small;	font-weight: bold;}
.plan a.article-syndic:hover {	background-image:url(../puces/puce.gif);	background-position: left top;	background-repeat: no-repeat;}
.plan .date-syndic {	color: #028A25;	font-weight: bold;}
.plan .a-propos {	display: block;	border: 0px;	background: #FFFFFF;	color: #909090;font-size: small;	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; 	font-size: small;}
/* Style de l'intitulé de chaque page */
.auteur .intitule {	color: #808080;	font-size: medium;	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: #006600;	font-size: medium;	font-weight: bold;	margin: 0px 0px 20px 0px;	padding: 0px;}
.auteur .tchak {	color: #000000;	font-size: small;	font-weight: bold;	margin: 30px 0px 10px 0px;	padding: 0px;}
.auteur .spip_encadrer {	border: 1px solid #006600;	color: #006600;	font-size: small;	margin: 5px 0px 10px 0px;	padding: 5px;}
.auteur a {	color: #028A25;	text-decoration: none;}
.auteur a:hover {	text-decoration: underline;}
/* ~~~~~~~~~~~~ recherche ~~~~~~~~~~~~ */
.recherche {margin: 0px 30px 0px 30px; background:#FFFFFF; border:1px solid #004292;}
.recherche .intitule {	color: #004292; font-size: medium;	font-weight: bold;	margin-top: 10px; padding: 1px 10px 1px 0px;border: 0px; }
.recherche .elements-trouves {	color: #028A25;	font-size: medium;font-weight: bold;	margin: 0px 0px 15px 0px;	padding: 0px;	text-decoration: underline;}
.recherche .mot-cle {color: #006600;font-size: medium;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: small; /* Sarka-SPIP 1.8.2 */}

.recherche  a {	color: #028A25;	text-decoration: none;}
.recherche  a:hover {	text-decoration: underline;}
/* ====================== Formatage des éléments de la colonne de droite ====================== */
/* ~~~~~~~~~~~~ Mini-agenda ~~~~~~~~~~~~ */
.agenda {	margin: 0px 0px 0px 0px;	font-size: small;	color: #808080;}
.agenda .en-tete {	display: block;	background-color: #808080;	font-weight: bold;	font-size: medium;	color: #FFFFFF;	text-align: center;	border: 1px solid #808080;}
.agenda a.en-tete {	display: block;	background-color: #808080;	font-weight: bold;	font-size: medium;	color: #FFFFFF;	text-align: center;	border: 1px solid #808080;}
.agenda a.en-tete:hover {	background-color: #EEEEEE;	color: #808080;	border: 1px solid #808080;}
.agenda .contenu {	border: 1px solid #808080;	margin: 10px 0px 10px 0px;	padding: 0px;	font-size: small;	/*width:150px;*/}
.agenda .contenu .mois {	border-bottom:1px solid #808080;	margin: 0px 0px 0px 0px;padding: 0px;font-size: small;	/*width:150px;*/	text-align:center;}
.agenda .contenu .mois a{    color: #006600;	font-weight: bold;    text-decoration: none ;	font-size:small;}
.agenda .contenu .mois a:hover{    text-decoration: underline;	color: #006600;}
.tableau {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:small;	color:#999999;	text-align:center;	font-style:normal;}
.calendar_this_day {  /* surligne le jour d'aujourd'hui */    background: #028A25;	font-weight:bold;	color :#FFFFFF;}
.calendar_this_month {  /* couleur des cases appartenant au mois en cours */	background-color: #FEFEFE;}
.calendar_not_this_month {  /* couleur des cases n'appartenant pas au mois en cours => début et fin de mois */
	background: #ECECEC;	color:#AAAAAA;}
	.calendar_head_mini {    /* corespond à la ligne des jours : lu ma me je ve sa di*/	background-color: #006600;	text-align: center;	font-size: small;	color: #EEEEEE;	font-family: Verdana, Arial, Helvatica, sans-serif;		font-style:normal;}

/* ~~~~~~~~~~~~ agenda annuel ~~~~~~~~~~~~ */
.agenda_annuel {	font-size: medium;	margin: 0px 30px 0px 30px; }
.agenda_annuel .intitule {	color: #808080;font-size: medium;	font-weight: bold;	margin: 0px 0px 20px 0px;}
.agenda_annuel a.mois {	display:block;	color: #028A25;	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: #006600;	padding: 0px 0px 0px 10px;	margin: 0px;	font-size: small;}
.agenda_annuel a.evenement:hover {	background-image:url(../puces/puce.gif);	background-position: left center;	background-repeat: no-repeat;	text-decoration: underline;}
.agenda_annuel .date {	color: #028A25;}
.agenda_annuel ul {	list-style-type: none;	padding: 0px 0px 0px 20px; 	margin: 0px;	border: 0px;}
.agenda_annuel li {	font-size: small;	padding:0px;	margin:0px;	border: 0px;}

/* ~~~~~~~~~~~~ sites syndiqués ~~~~~~~~~~~~ */
.web {	margin: 0px;	font-size: small;	padding: 0px 0px 5px 0px;	}
.web a.en-tete {	display: block;	background-color: #808080;	font-weight: bold;	font-size: medium;	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.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 .web a.article-synd:hover {	color: #808080;	text-decoration: none;	background-image:url(../puces/puce.gif);	background-position: left top;	background-repeat: no-repeat;}
.web .site {	border: 1px solid #808080;	margin: 10px 0px 10px 0px;	padding: 0px;	font-size: small;}
.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: small;	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: small;	color: #808080;}
.droite .breves .spip_documents {	display: block;	width: 120px !important;	padding: 3px;}
.centre .breves .spip_documents {display: block;	width: 200px !important;	padding: 5px;}
.breves .spip_documents_center {	margin-left: auto;	margin-right: auto;}
.breves .spip_doc_titre {	text-align: left;	padding: 5px 0px 0px 0px;}
.breves .spip_doc_descriptif {	font-size: small;	color: #808080;	text-align: left;	padding: 5px 0px 5px 0px;	text-align: center;}
.breves a.en-tete {	display: block;	background-color: #808080;	font-weight: bold;	font-size: medium;	color: #FFFFFF;	text-align: center;	border: 1px solid #808080;}
.breves a.en-tete:hover {	background-color: #EEEEEE;	color: #808080;	border: 1px solid #808080;}
.breves .contenu .titre {border-bottom: 1px solid #808080;	font-size:small;	font-weight: bold;	text-align: center;	color: #808080;	margin: 0px;	padding: 1px;	background: #EEEEEE;}
.breves .contenu {	border: 1px solid #808080;	margin: 10px 0px 10px 0px;	padding: 0px;	font-size: small;}
.breves .contenu a.nom-breve {	display: block;	border-bottom: 1px solid #808080;	font-size: medium;	font-weight: bold;	text-align: center;	color: #808080;	margin: 0px;	padding: 1px;background: #EEEEEE;}
.breves .contenu a.nom-breve:hover {	color: #FFFFFF;	background: #808080;	text-decoration: none;}
.breves .contenu .date {	border-bottom: 1px solid #808080;	border-left: 1px solid #808080;	font-size:small;	text-align: center;	color: #808080;	margin-left: 40%;	padding: 1px;	background: #EEEEEE;	text-align: center;}
.breves .contenu .texte {	margin: 0px;	padding: 5px;	font-size: small;	line-height: 110%;}
.breves .contenu .texte h3 {	margin:0.3em 0em 0.3em 0em;	padding:0px;	font-size: medium;	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:#028A25;}
.breves .contenu a:hover {	text-decoration: underline;}
.breves .contenu blockquote {	border: 1px solid #808080;	padding: 0px 5px 0px 5px;	margin: 0px 10px 0px 10px;}
.breves .contenu .notes {	margin: 0px;	padding: 5px;	font-size: small;	line-height: 110%;	border-top: 1px solid #808080;}

/* !!!!!!!!!!! Sarka-SPIP 1.1.1 !!!!!!!!!!!! */
/* ~~~~~~~~~~~~ mots-clés ~~~~~~~~~~~~ */

.droite .mots-cles {        margin: 0px 0px 0px 0px;  font-size: small;color: #808080;}
.droite .mots-cles a.en-tete {display: block;  background-color: #669999; font-weight: bold;font-size:medium;color: #FFFFFF; text-align: center; border: 1px solid #669999;}
.droite .mots-cles a.en-tete:hover {        background-color: #FFFFFF;color: #669999; border: 1px solid #669999;}
.droite .mots-cles .contenu { border: 1px solid #669999;margin: 10px 0px 20px 0px;padding: 0px; font-size: small;}
.droite .mots-cles .contenu a {  display: block;color: #669999;        padding: 0px 5px 3px 5px; font-size:small;   text-decoration: none;}
.droite .mots-cles .contenu a:hover { text-decoration: underline;}
.droite .mots-cles .contenu .nom-groupe { display: block; padding: 2px 5px 0px 5px; font-size: small;  text-decoration: none;  font-weight: bold;}
.droite .mots-cles .contenu a.type { display: block;border-bottom: 1px solid #669999;  font-size: small; 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: #669999;}
.spip_surligne { background: #FFFF66; }

/* 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 obetnu est <li class="spip"> */
li.spip { list-style-image:URL(../puces/puce-n0.gif);list-style-position: inside;}/* 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  { 	margin-left: 1em;padding-left: 1em;}
ul.spip li.spip {list-style-image:URL(../puces/puce-n1.gif); list-style-position: outside;}
ul.spip ul.spip  { margin-left: 1em;padding-left: 1em;}
ul.spip ul.spip li.spip { list-style-image:URL(../puces/puce-n2.gif);list-style-position: inside;}
img {	border: 0px}

.spip_document_12 img{ width:80%;}

.texteencadre-spip {	color: #000033;	background: #EEE;	border-bottom: 2px solid #333333;	border-left: 1px solid #666666;	border-right: 2px solid #333333;	border-top: 1px solid #666666;	margin: 1em 0;		padding: .25em;		position: relative;	}
.caractencadre-spip {	color: #F60;	font-weight: bold;}
.caractencadre2-spip {	color: #009;	font-weight: bold;}

.hebdotop img{display:none}
label.lab {width:10em; float:left; color: #ff3d00;	font-weight: bold;	font-size: small;}

.invisible_au_chargement {
	visibility: hidden;
}
.visible_au_chargement {
	visibility: visible;
}
.display_au_chargement {
	display: block;
}

select { width:220px; font-size:80%;}

.contenu .formcherche {	background: #fff;	margin: 0px 30px 20px 30px; 	font-family: Arial,Verdana,Helvetica,sans-serif;	font-size: small;	padding: 10px 10px 10px 10px; border:1px solid #004292;}
.formcherche .titre {color: #016531;	font-size:x-large;font-weight: bold;	margin: 0px; text-align:center;}
.formcherche .titre h2{color: #016531;	font-size:x-large;font-weight: bold;	margin: 0px; text-align:center;}
.formcherche .titre .deco { background-image:url(../../images/virgule.jpg); background-repeat:no-repeat;height:19px; background-position:center;}

