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

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

a.bouton {display:block;background:#2F7544;color:#F0F0FA;text-decoration:none;border: #2F7544 solid 1px;text-align:center;padding:1px;margin:10px 0px 10px 0px;}
a.bouton:hover {background:#F0F0FA;color:#2F7544;text-decoration:none;}

/*---comportement des éléments de formulaires---*/
.saisie-texte, .forml {	color: #000080;background:#fff;border: 1px solid #000080; margin:5px 0px 5px 0px;padding:1px;}

.spip_bouton {background: #d9e5f1;color:  #000080;border: 1px solid  #000080; margin:5px 0px 5px 0px;}

.spip_bouton:hover {background:#003399 ;color: #d9e5f1 ;border: 1px solid  #000080;}

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:x-small;	background: #E0F0F0;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;	background-image:url(/OBSERVATOIRE/squelettes/images/fond-entete.gif);background-repeat:repeat-x;	margin: 0px;font-family: Verdana,Helvetica,Arial,sans-serif;	padding: 0px;font-size:medium;font-weight:normal;color: #2F7544;height: 69px;text-align:center; }
a.bandeau:hover {text-decoration: none;}
.bande-chemin  {clear:both;text-decoration :none;font-style :normal; font-size:x-small;color:rgb(128,0,0);padding: 1px 0px 1px 0px;margin-bottom:5px;font-family: Verdana,Helvetica,Arial,sans-serif;}
#bande-chemin-coul {background:#F1F1EB;/*border-bottom:solid rgb(208,111,78) 1px;border-top:solid rgb(208,111,78) 1px;*/}
.bande-chemin a {	color: rgb(128,0,0);}
.bande-chemin a:hover {	color:#FF0000;}
.bande-chemin  .red { color:#FF0000;}

.gauche {	/*colonne de gauche*/
border: 0px;width: 150px;float: left;font-family: Arial,Verdana,Helvetica,sans-serif;}
.gauche .contenu {width : 100%; text-align:left;}
.centre {	/*colonne centrale*/
border: 0px;	margin-left: 155px; 	font-family: Arial,Verdana,Helvetica,sans-serif; min-width:600px;}
.centre2 {/*colonne centrale*/
border: 0px;margin-left: 150px;	margin-right: 180px;font-family: Arial,Verdana,Helvetica,sans-serif;}
.droite {	/*colonne de droite*/
border: 0px;width: 180px;float: right;font-family: Arial,Verdana,Helvetica,sans-serif;font-size: small;}
.footer {	/*pied de page*/
clear: both;text-align: center;	font-size: small;font-family: Arial,Verdana,Helvetica,sans-serif;padding: 20px;}

/* ajouté*/
.vert {clear: both; width:100%; font-size:small; border-bottom:solid rgb(221,215,157) 2px; margin-bottom:3px;vertical-align: middle; background:url(/OBSERVATOIRE/squelettes/images/fond-bas.gif); background-repeat:repeat-x;}
.vert A {text-decoration:none; background:rgb(144,174,88); color:navy;font-size:small;}
.vert #gauche2 {background:rgb(144,174,88); padding-top:5px;}
.vert img {border:0px;}
.imgclef span {width:200px; background:rgb(255,255,255); border-bottom:solid rgb(144,174,88) 2px;}
.signature {text-align:right; font-size:small;}
.signature img {border:0px;}
.bas_vert {}

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

a.bandeau .spip_logos {	position:absolute;	top:0px;left:0px;border:none;}
a.bandeau .nom-site {position:absolute;	margin: 0px;padding: 0px;left:90px;	text-indent:15%;}
h1 {margin:0px;}
.bandeau img {	top:0px;left:0px;border:none;}
.financeurs {position:absolute; top:2px; left:620px; width:251px; z-index:0; }
.financeurs img {border:none;}

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

.signature a {	color:#003366;	text-decoration: none;}
.signature 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:x-small;border: 1px solid #808080;	width: 100%;text-align: center;	padding: 3px 0px 3px 0px;color: #808080;margin: 20px 0px 20px 0px;}
.maj a{color: #2f7544;text-decoration: none;}
.maj a:hover{text-decoration:underline;}
.maj img {border:0px;}

/* ajouté */
.navigation {background:rgb(217,229,241); margin:0;}
.navigation H2 {padding-left:3px; font-size:small;margin-bottom:0px; margin-top:0px; color:#333; border-top:solid #000000 1px; border-right:solid #000000 1px; border-bottom:dashed #000000 1px; background:rgb(244,240,144);}
.navigation H3 {font-size:small; padding-left:6px; margin-top:0px; margin-bottom:0px; color:#000066;}
.navigation ul {font-size:small; padding-left:0px; margin-top:0px; margin-bottom:0px; margin-left:5px; list-style-position:inside; list-style-image:url(images/partout/liste-menu.gif);}
.sous li {font-size:small; margin-left:10px; list-style-image:url(images/partout/liste2-menu.gif);}
.navigation a {text-decoration:none;color:navy;}
/* fin ajout*/


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

.nav2 {	border: 1px solid #000;width: 100%;margin: 10px 0px 10px 0px; background:rgb(254,242,154); }
.haut_navigation {position:relative;top:-1px;right:-1px; background:url(/OBSERVATOIRE/squelettes/images/haut-menu.gif) top right no-repeat; float:right;width:10px; border-top: solid rgb(255,255,255) 1px; }
.bas_navigation {background: url(/OBSERVATOIRE/squelettes/images/coin-menu.gif) bottom left no-repeat; border-bottom: solid #FFFFFF 4px;}
.footer_navigation {position:relative;top:-1px;right:-1px; background:url(/OBSERVATOIRE/squelettes/images/menu-bas.gif) top right no-repeat; float:right;width:10px; }

.nav2 .texte {	margin-top:0px; margin-bottom:0px;	font-size:small;}
.nav2 .saisie-texte {	width:70%;}
.nav2 .forml{	width:90%;}
.nav2 .en-tete { font-size:small;	font-weight:bold;  color:#000000; text-align: left; }
/* ajouté*/
.boite {border:solid 1px #990000; background:rgb(244,240,144); margin-top:10px; margin-bottom:10px; margin-left:2px;}
.boite P {margin-top:0px; margin-bottom:0px;}
.admin {font-size:small;margin-bottom:0px;margin-top:0px;padding-left:5px; }
/* fin ajout*/

/* ================================== Formatage des éléments de la colonne centrale ============================== */
/* ~~~~~~~~~~~~ contenu ~~~~~~~~~~~~ */
/* Le bloc contenu contient les rubriques, */
/* les articles, et leurs objets associés */
.contenu {	font-size: small;	margin: 0px; width: 98%;}


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

.contenu .doc {	padding: 10px;	color: #E3C448;	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;}
.contenu .doc a {display:block;	text-decoration: none;	color: #2f7544;	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: #E3C448;}
.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;}



/* ~~~~~~~~~~~~ article (affichage presque semblable à "derniers articles" ~~~~~~~~~~~~ */
/* contenu de l'article "proprement dit" */

.contenu .article {	background: #fff;font-family: Arial,Verdana,Helvetica,sans-serif;	font-size: small;border-left: 1px solid #FEF29A; margin-right:215px;}
.article .texte {	color: #000000;	margin:0px;	font-size:small; padding-left:20px;text-align:justify}
.article .texte h2 {color:#003399;	font-weight: bold;	font-size: large;margin:20px 0px 0px 0px}
.article .texte h3 {color:#2086D9;	font-weight: bold;	font-size: medium; margin-top:20px;	margin-bottom:0px;	}
.article .texte h4 {color:#CC6600;	font-weight: bold;	font-size: small;	margin: 1.5em 0em 0.5em 0em;}
.article .texte h5 {color:#000000;	font-weight: bold;	font-size:small;	margin: 0px; background-image:url(../puces/puce-n0.gif); background-repeat:no-repeat; text-indent:15px; margin-top:10px;}
.article  .texte h6{color:#000; font-weight:normal;font-size:85%; text-align:right;margin:0px;padding-bottom:0px;}

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

.gauche .mots-cles { margin: 0px 0px 0px 0px;color: #808080;}
.gauche .mots-cles a.en-tete { display: block;  background-color:rgb(254,242,154); font-weight:normal; font-size:small;	font-weight:bold;        color:#000; text-align: left; border-top: 1px solid #000;border-left: 1px solid #000; border-right: 1px solid #000;border-bottom: 1px dashed #000; }
.gauche .mots-cles .contenu { margin: 0px 0px 0px 0px; padding: 0px; font-size:small;background:#d9e5f1;	}
.gauche .mots-cles .contenu a {  display: block; color:#003366;padding: 0px 5px 0px 5px; font-size:small;text-decoration: none;		background-image:url(/OBSERVATOIRE/squelettes/images/liste-menu.gif);	background-repeat:no-repeat;text-indent:10px;}
.gauche .mots-cles .contenu a:hover {  text-decoration: underline;}
.gauche .mots-cles .contenu .nom-groupe {display: block;padding: 2px 5px 0px 5px;font-size: small;text-decoration: none; font-weight: bold;}
.gauche .mots-cles .contenu a.type {  display: block;font-size: small;font-weight: bold; text-align: left; color:#003399;        margin: 0px;        padding: 1px; background:#d9e5f1 ; margin-bottom: 10px;text-decoration:none;text-indent:0px;}
.spip_surligne { background: #FFFF66; }
#saisie {width:30px}

.deco {float:right;width :5px;height:22px;position:relative;top:-2px;right:-10px;background-image:url(/OBSERVATOIRE/squelettes/images/bout-titre.gif);}
.deco2 {width :100%;background-image:url(/OBSERVATOIRE/squelettes/images/sous-titre-droite.gif);background-repeat:repeat-x;}
.logo {position:relative;float:left;top:-2px;left:-6px;width:20px;	height:20px;	background:#EFE5C1;	border-top:1px solid #644518;border-right:1px solid #644518;	border-left:1px solid #644518;}
a.pl {color :#2F7544;font-size:small;}
a.pl:hover{color :#2F7544;font-size:small;text-decoration:underline;}
ul.plansite, ul.plansite ul { list-style-type: none; margin: 0; padding: 0; padding-left: 1em;font-size:small; }
ul.plansite li { margin: 0; padding: 0; }
ul.plansite li a { padding-left: 0.5em; text-decoration: none;		color: black; }
.frame { width: auto;height: 500px;overflow: auto; }

/*menu */

.menu { margin: 0px 0px 0px 0px;color: #808080;}
.menu a.en-tete {  display: block;background-color:rgb(254,242,154); font-weight:normal;font-size:small;	font-weight:bold;  color:#000000; text-align: left;      border-top: 1px solid #000;border-left: 1px solid #000;border-right: 1px solid #000; border-bottom: 1px dashed #000;}

.menu .contenu { margin: 0px 0px 0px 0px;   padding: 0px;  font-size:small;background: #d9e5f1;/*#d6efb7;*/}
.menu .contenu a { display: block; color:#003366; padding: 0px 5px 0px 5px;font-size:small;text-decoration: none;background-image:url(/OBSERVATOIRE/squelettes/images/liste-menu.gif);background-repeat:no-repeat;	text-indent:10px;		}

.menu .contenu a:hover {text-decoration: underline;}
.menu .contenu a.type {   display: block; font-size:small;font-weight: bold;text-align: left; color:#003399;margin: 0px;padding: 1px;       background:#d9e5f1 ;  margin-bottom: 10px;  text-decoration:none;text-indent:0px;}

/*-----------------------le menu horizontale------------------------*/
.menu-hz{background:#FFF;	text-align: left;	font-size:small;color: #EEEEEE;	font-weight: bold;	font-family: Verdana,Helvetica,Arial,sans-serif; }
.menu-hz .bouton{margin:0px; background:#FFFFCC;padding:1px 15px 1px 15px;border:1px solid #669900;float:left;text-align:center;font-size:small;font-weight:bold; color:#336600;}
.menu-hz a:hover {background:#669900;color:#FFFFCC;text-decoration:none;}
.bout {font-size:70%;text-align :right;margin-bottom:10px; }
.bout a {color:#006600;}
.art {margin-bottom:15px;}



/*style de la structure*/
.notdisplay { display:none}
.menu h3 { padding:0px; margin:0px;font-size:small;}
.nav2 h3 { margin:0px; padding:0px; font-size:small;}
.gauche .mots-cles h3 { padding:0px; margin:0px; font-size:small}
.gdtitre h2 { padding:0px; margin:0px;}
.plandroite h2 { padding:0px; margin:0px; font-size:inherit}
.plandroite h3 { padding:0px; margin:0px; font-size:inherit}
.plandroite h4 { padding:0px; margin:0px; font-size:inherit}
.plandroite h5 { padding:0px; margin:0px; font-size:inherit}
.outil h3 { padding:0px; margin:0px; font-size:inherit}
.article .titre h2 { padding:0px; margin:0px; font-size:inherit}