body {	background:#FFF;padding: 0px; font-family: Arial,Verdana,Helvetica,sans-serif; }
a {	text-decoration:none;}

/*---comportement des liens de style bouton---*/
a.bouton {display:block;background:#669966; color:#F0F0FA;	text-decoration:none;	border: #669966 solid 1px;	text-align:center;	padding:1px;	margin:10px 0px 10px 0px;}
a.bouton:hover {	background:#F0F0FA;	color:#669966; 	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 lments de formulaires---*/

.saisie-texte, .forml {	/*display:block;*/	color: #669966; /*#6262A4; violet*/	background: #F0F0FA;border: 1px solid #669966; /*#6262A4; violet*/margin:5px 0px 5px 0px;	padding:1px;}
.spip_bouton {	/*display: block; */	background: #669966; /*#6262A4; violet*/	color: #F0F0FA;	border: 1px solid #669966; /*#6262A4; violet*/	margin:5px 0px 5px 0px;}
.spip_bouton:hover {	background: #F0F0FA;	color: #669966; /*#6262A4; violet*/	border: 1px solid #669966; /*#6262A4; violet*/}
fieldset {	margin: 0px;	padding: 0px;}
fieldset legend { color:#006600}
/*---style des info-bulles perso adaptes 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 associes 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 associes aux articles syndiqus (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 associes aux articles syndiqus (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, dcomposition de la page en 3 colonnes et 1 bandeau ====================== */
.bandeau { width: 960px; margin: 0 auto 0 auto;}
a.bandeau {display: block;margin: 0px;font-family: Arial,Verdana,Helvetica,sans-serif;padding: 0px;font-size:medium;	font-weight:normal;	color: #006600;	height: 126px;	padding: 0px 0px 0px 0px;	text-align:center; background-color:#D2F2C1;  }
a.bandeau:hover {	color: #006600;	text-decoration: none;}

/* ================================ Formatage des lments du bandeau =============================== */
a.bandeau .spip_logos { position: absolute; left: 0; top:0; border:none;height:99px;}
a.bandeau .spip_logos2 {position:absolute;border:none;height:99px; top:0px; right:1px;}
.bandeau .nom-site {position:absolute;color:#FFFFCC;font-size:2em; top:100px; font-weight:bold; font-family:"Times New Roman", Times, serif; width:950px; display:block; text-align:right;}

.bandeau .descriptif-site {position:absolute;top:60px;	font-size:medium;font-weight:bold; color:#060;left:28%; }
 

.arriere-plan { 	/*background-image:url(../puces/vue_aerienne_entete.jpg);*/	background-repeat:no-repeat;	position:absolute;	right:101px;	height:99px;	top:0px;	z-index:0;	width: 300px;	}
a.titre-site {text-align:center;font-weight:normal;color:#006600;font-size:large;top:30px;position:absolute;}
.bande-chemin {	clear:both ;	padding: 1px 0px 1px 0px;	margin-bottom:0px;	margin-top:0px;text-align: left;font-size:small;color:#006600 ; font-weight:normal;	font-family:Arial, Verdana,Helvetica,Arial,sans-serif; background-color:#ffffee; width: 960px; border-top: 1px solid black;
margin-left: auto; margin-right: auto;}
.bande-chemin a {	color:#006600 ;  /*#EEEEEE;*/	font-weight: bold;}
.bande-chemin a:hover {	color:#990000; /* #AAAAAA;*/}

.gauche {	/*colonne de gauche*/	border: 0px;	width: 200px;	float: left;	font-family: Arial,Verdana,Helvetica,sans-serif; background:#FFF;}
.centre {	/*colonne centrale*/	border: 0px; float: right; width: 750px; font-family: Arial,Verdana,Helvetica,sans-serif; list-style-type:none; margin: auto; margin-top: 30px;}
.centre_sommaire { border: 0px; list-style-type: none; font-family: Arial,Verdana,Helvetica,sans-serif; width: 960px; margin: 0 auto 0 auto;} 
.droite {	/*colonne de droite*/	border: 0px; width: 200px; float: right;	font-family: Arial,Verdana,Helvetica,sans-serif;	font-size: small;}
.footer {	/*pied de page*/	clear: both;	border-top:#006600 1px solid;	background:#fff;text-align: center;	font-size: small;	font-family: Arial,Verdana,Helvetica,sans-serif; width: 960px; margin: 0 auto 0 auto; overflow: hidden;/*padding: 20px;	height: 100px;*/}

#conteneur { margin-left: auto; margin-right: auto; width: 960px; border: 1px solid black;}
#wrapper { margin-left: auto; margin-right: auto; width: 960px; }
.wrapper { margin-left: auto; margin-right: auto; width: 960px;}

/* ================================ Formatage des lments du pied de page =============================== */

.footer a {	color: #669966; /*#6262A4; violet*/	text-decoration: none;}
.footer a:hover {	text-decoration: underline;}
.footer img{ border:0;}

/* ================================ Formatage des lments de la colonne de gauche =============================== */

/* bloc contenant la date de dernire 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;}

/* bloc de navigation 1 --> arborescence du site */

.nav1 {	/*bloc contenant la hirarchie*/	font-size: medium;	width: 100%;	padding: 0px;	margin-top:15px;	/*border:1px solid #669966;*/	}
.bord {	/*bloc englobant nav1, pour crer une marge valable sous IE et firefox*/	padding: 0px;	margin-right: 0px;}
/*rubrique */
.nav1  ul a.lien-menu-autre {	/*lien "normal" vers les rubriques de l'arborescence*/	color: #fefefe;	font-weight:normal; font-size: 0.9em;}
/*sous rubrique */
.nav1 ul ul a.lien-menu-autre {	/*lien "normal" vers les rubriques de l'arborescence*/	color:#006600;	font-weight:bold;}
/*sous sous rubrique */
.nav1  ul ul ul a.lien-menu-autre {	/*lien "normal" vers les rubriques de l'arborescence*/	color: #000;	font-weight:normal;}
/*rubrique*/
.nav1 ul a.lien-menu-autre:hover {	color: #ffff33;	text-decoration: none; font-size: 0.9em;}
/*sous rubrique */
.nav1 ul ul a.lien-menu-autre:hover {	color:#000000;	text-decoration: none;}
/*sous sous rubrique */
.nav1 ul ul ul a.lien-menu-autre:hover {	color:#006600;	text-decoration: none;}
/*rubrique*/
.nav1 ul a.lien-menu-courant {/*lien "surlign" vers les rubriques courantes de l'arborescence*/	color: #ccffcc;	font-weight: bold;}
/*sous rubrique */
.nav1 ul ul a.lien-menu-courant {	/*lien "surlign" vers les rubriques courantes de l'arborescence*/	color:#006666;	font-weight:bold;}
/*sous sous rubrique*/
.nav1 ul ul ul  a.lien-menu-courant {	/*lien "surlign" vers les rubriques courantes de l'arborescence*/	color: #006666;	font-weight: bold;}
/*rubrique*/
.nav1 ul a.lien-menu-courant:hover {	color: #ffff33;	text-decoration: none;}
/* sous rubrique*/
.nav1 ul ul a.lien-menu-courant:hover {color: #000;	text-decoration: none;}
/*sous sous rubrique*/
.nav1 ul ul ul a.lien-menu-courant:hover {	color: #006600;	text-decoration: none;}
.nav1 ul {	margin:0px;	background-image: url(../puces/puce2.gif); background-repeat:no-repeat;	background-position:0px 5px;	background-color: #669966;	border-bottom: 4px solid  #fff;	/*border-top: 1px  solid #CCFFCC;*/	/*text-indent:15px;*/	padding:0px;	padding-top: 3px;		text-indent:15px;	}
.espace {height:5px;	}
.nav1 ul ul {	/*margin: 6px 0px 0px 15px;*/	border:1px solid #006600;	background-image: none;	background-color:#FFF;	}
.nav1 ul ul ul {	border: none;	background-color:#FFF;		}
.nav1 li {	margin:0px;	padding:0em;	font-size:small;	list-style: none;  background-repeat: no-repeat;}
.nav1 ul ul li {	/*list-style: url(../puces/puce.gif);*/	padding-bottom:5px;}
.nav1 ul ul ul li {	list-style: url(../puces/puce.gif);		list-style-position:inside;}
/* bloc de navigation 2 --> contact + admin + formulaire + s'inscrire */
.nav2 {	/*bloc contenant les liens de navigation*/	/*border: 1px solid #669966; /*#6262A4; violet*/	/*background:#E0E0E0;*/width: 100%;	/*margin: 20px 0px 20px 0px;*/}
.nav2 .texte {	margin:0px;	font-size: small;}
.nav2 .saisie-texte {	width:70%;}        
.nav2 .forml{	width:90%;}

/* ================================== Formatage des lments de la colonne centrale ============================== */

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

.sommaire { width:960px; height: 600px; font-size: small;margin: 0px; background-image: url(../puces/vue_aerienne_gilles_martin.jpg);}
.sommaire a { color: #2f7544;}
.titreimage {	font-size: small;margin: 0px; padding:5px;float:left; font-weight:bold;}
/* edito */
.edito {	font-size: small;	margin: 0px 30px 20px 30px;	border: 2px solid #000000;	background-color: #ffffe0;}
.edito a {	color: #996633;	text-decoration: none;}
.edito a:hover {color: #996633;	text-decoration: underline;	}
.edito .image .spip_logos {	display: block;	float: right;	margin: 10px;}
.edito .surtitre {	color: #000000;	font-size: small;	font-weight: bold;	margin: 5px 10px 5px 10px;	padding: 0px;}
.edito .titre {	color: #000000;	font-size: medium;	font-weight: bold;	margin: 5px 10px 5px 10px;	padding: 0px;}
.edito .soustitre {	color: #000000;	font-size:medium;	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: 10px;	padding: 0px;}
.edito .chapo {	color: #669966; /*#6262A4; violet*/	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:#669966; /*#6262A4; violet*/	padding: 0px;	margin: 10px 0px 10px 0px;}
.edito .notes {	color: #000000;	margin: 10px;	padding: 0px;	border-top: 2px solid #000000;	font-size: small;}
.edito h3 {	color: #669966; /*#6262A4; violet*/	font-weight: bold;	font-size: medium;	margin: 1.5em 0em 0.5em 0em;}
.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;}
/* annonce des rubriques-secteurs */

.sommaire .rubrique {	border: 1px solid  #000;	background: #FFFFFF;	margin: 0px 30px 20px 30px;  }
.sommaire .rubrique a.titre {	display: block;	font-size: medium;	color:#006600;	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:#00CC00;padding: 1px 5px 1px 5px;	margin-right: 50%;	text-align:center;	font-weight:bold;}
.sommaire .rubrique .texte {	margin: 10px;}
.sommaire .rubrique .texte a {	color: #996633;	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;}

/* ~~~~~~~~~~~~ contenu ~~~~~~~~~~~~ *//* Le bloc contenu contient les rubriques, *//* les articles, et leurs objets associs *//* in extenso */
.contenu {	font-size: small;	margin: 0px;width:100%; }

/* contenu --> rubriques */
.contenu .rubrique {border: 1px solid #000;	background: #FFFFFF; margin-right: 5px;}
.contenu .rubrique a.titre {	display: block;	font-size: medium;	color:#006600;padding: 1px 5px 1px 5px;	margin-right: 50%;	text-align:left;	font-weight:normal;}
.contenu .rubrique a.titre:hover {	display: block;	font-size: medium;	color:#006600;padding: 1px 5px 1px 5px;	margin-right: 50%;	text-align:left;	font-weight:normal;}
.contenu .rubrique .texte {	margin: 10px;}
.contenu .rubrique .texte a {	color:#006600;	text-decoration: none;}
.contenu .rubrique .texte a:hover {	text-decoration: underline;}
.contenu .rubrique .image .spip_logos {	display: block;	float: right;	margin: 10px;}
.contenu .rubrique .descriptif {	margin: 10px 10px 5px 10px;font-size: small;	padding: 5px;	font-family: Arial,Verdana,Helvetica,sans-serif;}
.contenu .rubrique table {	font-size: small;	border-color: #FFFFFF;}
.contenu .rubrique tr.row_first {	background: #808080;	color: #FFFFFF;	text-align: center;	font-size: small;}
.contenu .rubrique tr.row_odd {	background: #DDDDDD;	color: #000000;}
.contenu .rubrique tr.row_even {	background: #DDDDDD;	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:#006600;	font-weight: bold;background-position: left center;	background-repeat: no-repeat;	padding-left: 15px;	margin: 5px 0px 5px 30px;}
.contenu .rubrique .filles a:hover {color:#990000;background-position: left center;	background-repeat: no-repeat;}

/* mise en forme des documents insrs dans le texte de la rubrique*/
.rubrique .spip_documents {	display: block;	padding: 10px;	font-size: small;	border: 1px solid #669966; /*#6262A4; violet*/	margin: 10px 5px 10px 5px;padding: 5px;	background: #F0F0FA;	width: 200px !important;	text-align: center;}
.rubrique .spip_documents_center {	margin-left: auto;	margin-right: auto;}
.rubrique .spip_doc_titre {	text-align: left;	padding: 5px 0px 0px 0px;	text-align: center;}
.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:#006600;background: #FFFFFF;	margin: 5px; 	border-top:dashed 1px #003300;}
.contenu .doc .en-tete {	font-size:small;	font-weight:bold;	margin: 5px 0px 5px 0px; }
.contenu .doc .spip_logos {	margin: 5px 0px 0px 30px;}
.contenu .doc a {	display:block;	text-decoration: none;	color: #996633;	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: #996633;}
.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 nomme : */
/* elle correspond aux annonces d'articles, dans les */
/* pages sommaire, plan, recherche, auteur, etc. */

.derniers-articles {background: #fff;}
.derniers-articles a {	color:#006600;	text-decoration: none;}
.derniers-articles .image .spip_logos {	display: block;	float: left;	margin: 10px;}
.derniers-articles a:hover {	color:#006600;	text-decoration: underline;}
.derniers-articles .en-tete {	color: #FFFFFF;	font-size:medium;	font-weight: bold;	margin: 0px 10px 10px 10px;}
.derniers-articles .annonce {	background: #FFFFFF;	margin: 10px;	padding: 0px 0px 10px 0px;	border:#666666 dashed 1px ;}
.derniers-articles .surtitre {	color: #669966; /*#6262A4; violet*/	font-weight: bold;	margin: 0px 10px 0px 10px;	padding-top: 5px;}
.derniers-articles a.titre {	display: block;	color: #669966; /*#6262A4; violet*/	font-size:medium;	font-weight: bold;	margin: 0px 10px 0px 10px;	text-decoration: none;	padding-top: 5px;}
.derniers-articles a.titre:hover {	color: #669966; /*#6262A4; violet*/	font-size:medium;	font-weight: bold;	margin: 0px 10px 0px 10px;	text-decoration: underline;}
.derniers-articles .soustitre {	color: #669966; /*#6262A4; violet*/	font-weight: bold;	margin: 0px 10px 0px 10px;	padding-top: 5px;}
.derniers-articles .detail {	color: #669966; /*#6262A4; violet*/	font-size: small; 	font-weight: bold;	text-align: center;	margin: 0px 0px 10px 0px; 	padding: 1px 5px 1px 5px;	border-left: 1px solid #669966; /*#6262A4; violet*/	border-bottom: 1px solid #669966; /*#6262A4; violet*/	width: 200px;	float: right;}
.derniers-articles .chemin {	color:#006600;	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;}
/* ~~~~~~~~~~~~ article (affichage presque semblable  "derniers articles" ~~~~~~~~~~~~ */

/* contenu de l'article "proprement dit" */
.contenu .article {	background: #fff; border : 1px solid #000 ; overflow:hidden; margin-right: 5px; margin-bottom: 5px; }
.article a {color:#006600;text-decoration: none;}
.article a:hover {	color:#006600;text-decoration: underline;}
.article .image .spip_logos {	display: block;	float: left;	margin: 10px;}
.article .surtitre {	color: #000;	font-size: small;	font-weight: bold;	margin: 0px; }
.article .titre {	color: #006600;	font-size: medium;	font-weight: bold;	margin: 0px; padding: 1px 5px 1px 5px;	 }
.article .soustitre {	color: #000;	font-size:medium;	font-weight: bold;	margin: 0px; }
.article .contenu {	background: #FFFFFF;	margin: 10px 0px 0px 5px; 	padding: 0px 0px 10px 0px;}
.article .detail {	color: #669966; /*#6262A4; violet*/	font-size: small; 	font-weight: bold;	text-align: center;	margin: 0px 0px 10px 55%;	padding: 1px 5px 1px 5px;	border-left: 1px solid #669966; /*#6262A4; violet*/	border-bottom: 1px solid #669966; /*#6262A4; violet*/}
.article .texte {color: #000000;	margin: 0px 10px 0px 10px;}
.article .chapo {	color: #669966; /*#6262A4; violet*/	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 #669966; /*#6262A4; violet*/}
.article .post-scriptum .annonce {	font-weight: bold;	color:#669966; /*#6262A4; violet*/	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 #669966; /*#6262A4; violet*/	font-size: small;}
.article .en-tete {	color: #006600;	font-size:medium;	font-weight: bold;	margin: 10px 0px 10px 0px; }
.article h3 {	color: #669966; /*#6262A4; violet*/font-weight: bold;	font-size: medium;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;}
.article tr.row_first {	background: #808080;	color: #FFFFFF;	text-align: center;	font-size: small;}
.article tr.row_odd {	background: #DDDDDD;	color: #000000;}
.article tr.row_even {	background: #DDDDDD;	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 des documents insrs dans le texte de l'article */
.article .spip_documents {	display: block;font-size: small;padding: 5px;text-align: center;}
.article .spip_documents_center {margin: auto;}
.article .spip_doc_titre {margin: auto;}
.article .spip_doc_descriptif {	font-size: small;	color: #808080;	text-align: left;	padding: 5px 0px 5px 0px;	text-align: center;}
.article img { border:0px}
/* ~~~~~~~~~~~~ dans la meme rubrique ~~~~~~~~~~~~ */

.articles-freres {border: 2px solid #669966; 	padding: 10px;	margin-top:5px;	background: #fff;}
.articles-freres ol {	color: #669966; }
.articles-freres .en-tete{	color: #669966; /*#6262A4; violet*/	font-size:medium;	margin: 0px 0px 5px 0px;}
.articles-freres .frere a {	/* lien vers les articles frres sauf l'article en cours */	color: #669966; /*#6262A4; violet*/	text-decoration: none;	font-weight: bold;}
.articles-freres .frere a:hover {color: #669966; /*#6262A4; violet*/	text-decoration: underline;}
.articles-freres .frere .date {	color: #996633;}
.articles-freres .en-cours {	/* affichage du titre de l'article en cours (sans lien) */	color: #808080;}
/* ~~~~~~~~~~~~ plan du site et sites rfrencs ~~~~~~~~~~~~ */

.plan {font-size: large;	margin: 0px 30px 0px 30px; 	background:#FFFFFF;	border:#666666 solid 1px;	}
.plan .intitule {	color:#006600;	font-size: medium;	font-weight:normal;padding: 1px 5px 1px 5px; }
.plan a.rubrique {	display:block;	color:#006600;font-weight:normal;	padding-left:15px;	margin: 0.5em 0px 0px 0px;}
.plan a.rubrique:hover {	background-image:url(../puces/puce-verte-pinail.gif);	background-position: left center;	background-repeat: no-repeat;}
.plan a.article {	color: #000; /*#6262A4; violet*/	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: #996633;}
.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 #996633;}
.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: #996633;	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;}
.auteur div {	text-align: left !important;}
.auteur .image .spip_logos {	display: block;	float: right;	margin: 10px;}
.auteur .nom {	color: #669966; /*#6262A4; violet*/	font-size: medium;	font-weight: bold;	margin: 0px 0px 20px 0px;	padding: 0px;}
.auteur .tchak {	color: #000000;	font-size:medium;	font-weight: bold;	margin: 30px 0px 10px 0px;	padding: 0px;}
.auteur .spip_encadrer {	border: 1px solid #669966; /*#6262A4; violet*/	color: #669966; /*#6262A4; violet*/	font-size: small;	margin: 5px 0px 10px 0px;	padding: 5px;}
.auteur a {	color: #996633;	text-decoration: none;}
.auteur a:hover {	text-decoration: underline;}
/* ~~~~~~~~~~~~ recherche ~~~~~~~~~~~~ */

.recherche {	margin: 0px 30px 20px 30px;  	padding:10px;	background:#FFFFFF;	}
.recherche .intitule {	color:#006600; /*#6262A4; violet*/	font-size: small;	font-weight: bold;	margin: 0px 0px 20px 0px;	padding: 1px 10px 1px 10px;	/*border: 2px solid #669966; /*#6262A4; violet*/}
.recherche .elements-trouves {color:#FF0000;	font-size: small;	font-weight: bold;	margin: 0px 0px 15px 0px;	padding: 0px;	text-decoration: underline;}
.recherche .mot-cle {	color: #669966; /*#6262A4; violet*/	font-size: small;	font-weight: bold;	margin: 0px 0px 20px 0px;	padding: 0px;	text-decoration: underline;}
.recherche .derniers-articles {	margin: 0px;}
.indentation {	padding-left: 20px;}
.redimensionnement {	font-size:small;}
.recherche .rubrique .texte {margin: 10px;font-size :small;}

/* ====================== Formatage des lments de la colonne de droite ====================== */

/* ~~~~~~~~~~~~ sites syndiqus ~~~~~~~~~~~~ */

.web {margin: 0px;font-size: small;padding: 0px 0px 5px 0px;	font-size: small;}
.web a.en-tete {display: block;	background-color:#669966;font-weight: normal;font-size: medium;color: #FFFFFF;text-align: center;border: 1px solid #808080;}
.web a.en-tete:hover {background-color:#006600 ;color:#FFF;	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;	background:#FFFFFF;	}
.web .site .descriptif {margin: 5px;	padding: 5px;}
.web .site a.nom-site {	display: block;	border-bottom: 1px solid #808080;	font-size:medium;	font-weight:normal;	text-align: center;	color:#669966;	margin: 0px;	padding: 1px;	background:#fFF;	margin-bottom: 10px;}
.web .site a.nom-site:hover {	color:#669966 ;	background:#FFFFFF;}

/* ~~~~~~~~~~~~ brves ~~~~~~~~~~~~ */
.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: #000;	text-align: left;	padding: 5px 0px 5px 0px;	text-align: center;}
.breves a.en-tete {	display: block;	background-color: #669966;	font-weight: normal;	font-size: medium;	color: #FFFFFF;	text-align: center;	border: 1px solid #808080;	margin-bottom : 10px;}
.breves a.en-tete:hover {	background-color:#669966 ;	color:#FFF ;	border: 1px solid #808080;}
.droite .breves .contenu {width : 95%; }
.breves .contenu .titre {	border-bottom: 1px solid #808080;	font-size: small;	font-weight:normal;	text-align: center;	color: #000;	margin: 0px;	padding: 1px;	background: #EEEEEE;}
.breves .contenu {	border: 1px solid #808080;	margin: 0px auto 10px auto;	padding: 0px;	font-size: small;	background:#FFFFFF;}
.breves .contenu a.nom-breve {	display: block;	border-bottom: 1px solid #808080;font-size: medium;	font-weight: bold;text-align: center;color:#669966;	margin: 0px;padding: 1px;	background:#D2F2C1;}
.breves .contenu a.nom-breve:hover {	color:#669966 ;	background:#FFFFFF; /*#808080;*/	text-decoration: none;}
.breves .contenu .date {	border-bottom: 1px solid #808080;	border-left: 1px solid #808080;	font-size: small;	text-align: center;	color: #000;	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: small;	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:#006600;}
.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; color:#000; background-color:#FFFF99;}

/* !!!!!!!!!!! Sarka-SPIP 1.1.1 !!!!!!!!!!!! */
/* ~~~~~~~~~~~~ mots-cls ~~~~~~~~~~~~ */

.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:medium; 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; }

.liens {font-size: large;	margin-top:20px;background:#FFFFFF;	border:#666666 solid 1px; width:95%; padding-bottom:10px	}
.liens .intitule {	color:#006600;	font-size: medium; font-weight:normal;	padding: 1px 5px 1px 5px;	}
.liens a.article-syndic {display: block;	color: #000000;	padding:0px;	margin: 0px;	font-size: small;	font-weight: bold;}
.liens a.article-syndic:hover {	background-image:url(../puces/puce.gif);	background-position: left top;	background-repeat: no-repeat;}
.liens .date-syndic {	color: #996633;	font-weight: bold;}
.liens .a-propos {	display: block;	border: 0px;	background: #FFFFFF;	color: #909090;	font-size:small;	padding: 3px 30px 5px 40px;}
.liens .a-propos .site-pere {	font-weight: bold;}
.liens .a-propos .auteur-pere {	font-weight: bold;}


.liensweb {margin: 0px;font-size: small;padding:0px;	font-size: small;}
.liensweb a.nom-site {font-size:small;font-weight:normal;	text-align: left;	color:#669966;}
.liensweb .site .descriptif {padding-bottom: 10px;padding-left: 25px;}

/*
* AGENDA
*/
.agenda {	margin: 0px 10px 0px 10px;font-size:medium;color:#006600; background:#fff;padding:5px; border:1px solid #006600;}
.agenda .en-tete {	display: block;	background-color:#fff;	font-weight: bold;	font-size:medium;color: #000; text-align: center;}
.agenda a.en-tete {	display: block;	background-color: #fff;	font-weight: bold;	font-size: medium;	color: #000;	text-align:left;	}
.agenda .contenu {	border: 1px solid #808080;	margin: 5px 0px 5px 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: 100%;	/*width:150px;*/	text-align:center;}
.agenda .contenu .mois a{    color:#085521;	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:#000;	text-align:center;	font-style:normal;}
.calendar_this_day {  /* surligne le jour d'aujourd'hui */    background:#d2f2c1;	font-weight:bold;	}
.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 => dbut et fin de mois */	background: #ececec;	color:#aaa;}
.calendar_head_mini {    /* corespond  la ligne des jours : lu ma me je ve sa di*/	background-color:#006600;	text-align: center;	font-size: 10px;	color: #EEE;	font-family: Verdana, Arial, Helvatica, sans-serif;		font-style:normal;}

.date_jour {text-align:left; color:#000;display:inline; font-weight:bold;} 
.evenement {height:100%; overflow:hidden;}
.evenement a { text-decoration:none; font-weight:normal; color:#000;}
.evenement a:hover{ text-decoration:underline;}
.evenement a.courant { font-weight:bold; color:#000; }
.evenement table { text-align:left;width:100%; font-size:small; color:#000;}
.evenement caption{ text-align:left; margin-top:15px; color:#000080; font-weight:bold; font-size:medium;}
.texteart {padding: 0px 15px 0px 30px; text-align:justify; border-top:1px dashed #006600; margin:5px 0px 5px 0px;color:#000;border-bottom:1px dashed #006600;overflow:hidden; height:100%}
.texteart a{ text-decoration:none; font-weight:normal; color:#000080;}.
a.date_style{font-size:small; color:#000; font-weight:bold;}
a.style_noir { color:#000; font-weight:bold;}
.rq { font-size:x-small; font-style:italic;}




#saisie {width:30px;}

.pagination { color:#006600; text-align: center; float:right; width: 100%;}

.pagination a { color:#006600}
.hebdotop { visibility:hidden}

/* Galerie */

.galerie { width: 80%; float: right; margin-top: 10px;}

.thumbnail
{
	float: left;
	margin-left: 10px;
	margin-bottom: 15px;
	width: 180px;
	text-align: center;
}

.thumbnail a { text-decoration: none; }
.thumbnail a img { border: 1px solid black; }

.thumbnail_accueil { float: left; margin-left: 18px; width: 130px; text-align: center; }
.thumbnail_accueil img { border: 1px solid black; }

/* Bloc gauche de la partie galerie */

.galerie-liste { width: 20%; float: left; height: 100%; }
.galery_error { text-align: center; }

/* Menu horizontal */

.hmenu { width: 960px; line-height:20px; padding: 0px; border-bottom: 1px solid black; margin: 0 auto 0 auto;}
.hmenu ul.niveau1 { list-style-type: none; margin: 0px; padding: 0px; vertical-align: middle;}
.hmenu ul.niveau2 { list-style-type: none; margin: 0px; padding: 0px; }
.hmenu ul.niveau1 li { /*width: 14.24%;*/ width: 136px;  float: left; text-align: center; background-color:#696; margin: 0px; padding: 0px;  color: white; border-bottom: 1px solid black; border-top: 1px solid black; border-right: 1px solid #006600;}



.hmenu ul.niveau1 li:hover { color: #ff3;}
.hmenu ul.niveau2 li { width: 250px; float: none; border: none; border-bottom: dotted 1px black; border-left: 3px solid grey; border-right: 3px solid grey; background-color:#696; position: relative; top:20px; text-align: left; font-size: 0.8em; font-weight: normal; color: white; }



.hmenu ul.niveau2 li:hover { border-left: 3px solid white; border-right: 3px solid white; color: #ff3;}
.hmenu ul ul { position: absolute; display:none; width:100px; }
.hmenu ul.niveau1 li.sousmenu:hover ul.niveau2 { display:inline; margin-left:-104px; ba_ckground-color:#00f; }
.hmenu a { color: white; width: 136px; font-size: 1em;}
.hmenu a:hover { color: #ff3; }

/* Centre Sommaire */

.left_somm { float: left; background-image:url(../fond-sommaire.png); margin: 0.5%; width: 49%; height:215px; }
.left_somm h3 { text-align: center; margin-top: 0; border-bottom: 1px solid #060; background-color:#ffffee;}
.left_somm p { margin: auto; margin-left: 2px; margin-top: 0; }
.left_somm .texte { padding-left: 3px; }

.right_somm { float: right; background-image:url(../fond-sommaire.png); margin: 0.5%; width: 49%; height:215px;}
.right_somm h3 { text-align: center; margin-top: 0; border-bottom: 1px solid #060; background-color:#ffffee; }
.right_somm p { margin: auto; margin-left: 2px; margin-top: 0; }
.right_somm .texte { padding-left: 3px; }

.title_diapo { font-size: 0.8em;}

/* Contact */
.centre_obs .annonce { margin-top: 15px; margin-left: auto; margin-right: auto;width: 940px; background: #FFFFFF;	padding: 0px 0px 10px 0px;	border:#666666 dashed 1px ;}
.centre_obs .rubrique { margin: 25px auto 10px auto; width: 950px; border: 1px solid #000; background: #FFFFFF; }

/* Agenda - Sommaire */

.texte strong { color: black; text-decoration: none; }
.texte a:hover { text-decoration: none; }
.texte img { border: 0;}
.arttexte { display: block; }
.arttexte a { text-decoration: none; color: #2f7544;}
.arttexte a:hover { text-decoration: underline;}

.clearb { clear: both; }

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li { 
  /* width: 138px; */
   text-align:center;
}

#primary-nav li li { 
   width: 200px; 
   text-align:left;

}
/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}
/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   text-decoration: none; 
   color: #FFF;
   font-weight: normal;
   font-size:1em;
}
#primary-nav li a { 
   border-top: 1px solid #000;
   border-right: 1px solid #006600;
   border-left: 1px solid #006600;
   border-bottom: 1px solid #000;
   padding: 1px 36px; 

}
#primary-nav li li a { 
   border: 1px dotted #000;
   background-color: #669966;
   font-size: 0.9em;
   font-weight: normal;
   padding: 1px 11px; 

}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #669966; 
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav a.menuactive { 
   border-bottom: 1px solid #b7d599;
   background-color: #b7d599; 
   color: #555;
}
#primary-nav li li a.menuactive { 
   border-bottom: 1px solid #ddd;
   background-color: #e0c5f0;
   font-weight: normal; 
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}
/* Styling the apperance of menu items on hover */
#primary-nav li a:hover { 
   border-bottom: 1px solid #006600;
   background-color: #669966;
   color:#FFFF00;
}

#primary-nav li li a:hover { 
   border-bottom: 1px dotted #000;
   background-color: #669966;
   color: #FFFF00;
   font-weight: normal;
}
#primary-nav li.menuh,
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #669966;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}

/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'Navigation: CSSMenu - Horizontal' */