/*
Squelette Sarka-SPIP
Copyright (C) 2005 Sylvain Bellégo - sylvain.bellego@no-log.org
Ce programme est libre, vous pouvez le redistribuer et/ou le modifier selon les termes
de la Licence Publique Générale GNU publiée par la Free Software Foundation (version 2
ou bien toute autre version ultérieure choisie par vous).
Ce programme est distribué car potentiellement utile, mais SANS AUCUNE GARANTIE, ni
explicite ni implicite, y compris les garanties de commercialisation ou d'adaptation
dans un but spécifique. Reportez-vous à la Licence Publique Générale GNU pour plus de détails. Vous devez avoir reçu une copie de la Licence Publique Générale GNU en même temps que ce programme
; si ce n'est pas le cas, écrivez à la Free Software Foundation, Inc., 59 Temple Place, Suite 330,
Boston, MA 02111-1307, États-Unis.


*/ body {
	background: #ccccfe;
	padding: 1.5%;
	margin: 0px;
} a {
	text-decoration:none;
} /*---comportement des liens de style bouton---*/ a.bouton {
	display:block;
	background:#6262A4;
	color:#F0F0FA;
	text-decoration:none;
	border: #6262A4 solid 1px;
	text-align:center;
	padding:1px;
	margin:10px 0px 10px 0px;
} a.bouton:hover {
	background:#F0F0FA;
	color:#6262A4;
	text-decoration:none;
} /*---comportement des logos de la colonne de gauche---*/ a.logo-sarka-spip {
	display: block;
	background:URL(../puces/sarka-spip.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
} a.logo-sarka-spip:hover {
	display: block;
	background:URL(../puces/sarka-spip-hover.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
} a.logo-spip-powered {
	display: block;
	background:URL(../puces/spip-powered.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
} a.logo-spip-powered:hover {
	display: block;
	background:URL(../puces/spip-powered-hover.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
} /*---comportement des éléments de formulaires---*/ .saisie-texte, .forml {
	display:block;
	color: #6262A4;
	background: #FFFFFF;
	border: 1px solid #6262A4;
	-moz-border-radius: 6px;
	margin:2% 2% 2% 0%;
	padding:1px 0px 1px 4px;
} .spip_bouton {
	display: block;
	background: #6262A4;
	color: #F0F0FA;
	font-weight: bold;
	border: 1px solid #6262A4;
	-moz-border-radius: 6px;
	margin:2% 0% 2% 1%;
} .spip_bouton:hover {
	background: #F0F0FA;
	color: #6262A4;
	font-weight: bold;
	border: 1px solid #6262A4;
} /*---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; /*Sarka-SPIP 1.8.2*/
	font-size: 90%;
	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*/
  background-image: url(../images/compbiodiv6.jpg);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  background-color: #ffffff;
  height: 150px;
  border: 1px solid #7a3300;
  margin: 0px Opx 3px 0px;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 0px;
  color: #FFFFFF;
  text-align: right;
  display: block;
} #menuhaut dl {
float: left;
width: 19.9%;
margin: 3px 0px 0px 0px;
} #menuhaut dt {
text-align: center;
font-family: Mistral, Arial, sans-serif;
font-size: 18px;
background: #47bd5d;
border-right: 1px solid #6cbf6d;
border-bottom: 1px solid #6cbf6d;
margin: 1px;
} #menuhaut dt:hover {
text-align: center;
font-family: Mistral, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
background: #6cbf6d;
border: 2px solid #ccccfe;
margin: 1px;
} .bande-chemin {
	/*bande accrochée au bandeau de titre, contenant le chemin hiérarchique de la page en cours*/
	display: block;
	border: 1px solid #7a3300;
	background: #ddeeaa;
	padding: 4px 10px 4px 10px;
	margin: 32px 0px 5px 0px;
	text-align: left;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana,Helvetica,Arial,sans-serif;
} .bande-chemin a {
	color: #000000;
	font-weight: bold;
} .bande-chemin a:hover {
	color: #AAAAAA;
} .gauche {
	/*colonne de gauche*/
	border: 0px;
	width: 169px;
	float: left;
	font-family: Arial,Verdana,Helvetica,sans-serif;
} .centre {
	/*colonne centrale*/
	border: 0px;
	margin-left: 171px; /*Sarka-SPIP 1.8.2*/
	margin-right: 171px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
} .droite {
	/*colonne de droite*/
	border: 0px;
	width: 169px;
	float: right;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
} .footer {
	/*pied de page*/
	clear: both;
	text-align: center;
	font-size: 10px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	padding: 20px;
} /* ================================ Formatage des éléments du bandeau =============================== */

a.bandeau .spip_logos {
	float: left;
} a.bandeau .nom-site {
	margin: 0px;
	padding: 0px;
} /* ================================ Formatage des éléments du pied de page =============================== */ .footer a {
	color: #6262A4;
	text-decoration: none;
} .footer a:hover {
	text-decoration: underline;
}

/* ================================ Formatage des éléments de la colonne de gauche =============================== */ /* bloc de navigation 1 --> arborescence du site */ 
.nav3 {
        /*logoroc*/
        width: 100%;
		padding:0px 0px 0px 0px;
        background-color: #ffffff;
		border:1px solid #7a3300;
}

.nav1 {
        /*bloc contenant la hiérarchie*/
        width: 100%;
		margin: 5px 0px 0px 0px;
        padding:5px 0px 5px 0px;
        font-size: 13px;
		background:#ddeeaa;
		border:1px solid #7a3300;
}

ul.menulist li ul{ display:none; }

ul.menulist li:hover>ul{ display:block; }

ul.menulist,
ul.menulist ul{
 background:#ddeeaa;
 list-style:none;
 margin:0.2%;
 padding:0px;
 width:155px;
 _width:150px;
}

ul.menulist ul{
 position:absolute;
 top:2px;
 left:133px;
 border:1px solid #7a3300;
}

ul.menulist li{
 position:relative;
 margin:0px;
 padding-left:3px;
 font-size:98%;
}

ul.menulist a{
 display:block;
 width: 90%;
 color:#7a3300;
 font-weight: bold;
 text-decoration:none;
 margin-left: 8%;
 padding: 6px 0px 6px 0px;
}

ul.menulist a:hover{
  color:#606070;
}

ul.menulist li.smenu {
        background-image: url(../puces/arrow.gif);
        background-position: 127px 12px;
        background-repeat: no-repeat;
}

ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover  {
    	background-image: url(../puces/arrowb.gif);
        background-position: 127px 12px;
        background-repeat: no-repeat;
}

.nav1 a.lien-menu-plan {
	/*lien plan "normal" vers les rubriques de l'arborescence*/
	color: #7a3300;
	font-size: 100%;
	margin-left: 10%;
	font-weight: bold;
	Padding-top:4px;
	padding-bottom:4px;
} .nav1 a.lien-menu-plan:hover {
	color: #606070;
	text-decoration: none;
}
/* ================================== Formatage des éléments de la colonne centrale ============================== */
/* ~~~~~~~~~~~~ sommaire ~~~~~~~~~~~~ */ 
/* Le bloc sommaire contient l'édito et les annonces */ /* des derniers articles et des secteurs */ 
.sommaire {
	font-size: 12px;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	width: 100%; /*Sarka-SPIP 1.8.2*/
} 
/* edito */ 
.edito {
	font-size: 13px;
	margin: 0% 1% 1% 1%;
	border: 1px solid #7a3300;
	background-color: #ffffff;
	background-image: url(../images/FLcoquelicotsBB.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
} .edito a {
	color: #7a3300;
	text-decoration: none;
} .edito a:hover {
	color: #7a3300;
	text-decoration: underline;
} .edito .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
} .edito .surtitre {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	margin: 5px 10px 5px 10px;
	padding: 0px;
} .edito .titre {
	color: #933300;
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	margin: 5px 10px 5px 10px;
	padding: 0px;
} .edito .soustitre {
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	margin: 5px 10px 5px 10px;
	padding: 0px;
} .edito .detail {
	font-size: 90%;
	font-weight: bold;
	text-align: right;
	color: #000000;
	padding-right: 10px;
} .edito .texte {
	color: #000000;
	text-align:justify;
	margin: 10px;
	padding: 0px;
} .edito .chapo {
	color: #6262A4;
	text-align:justify;
	margin: 10px;
	padding: 10px;
	font-size: 120%;
	font-weight: bold;
} .edito .post-scriptum {
	color: #000000;
	margin: 10px;
	padding: 0px;
	font-size: 100%;
	border-top: 2px solid #000000;
} .edito .post-scriptum .annonce {
	font-weight: bold;
	color:#6262A4;
	padding: 0px;
	margin: 10px 0px 10px 0px;
} .edito .notes {
	color: #000000;
	margin: 10px;
	padding: 0px;
	border-top: 2px solid #000000;
	font-size: 90%;
} .edito h3 {
	color: #6262A4;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	margin: 1.5em 0em 0.5em 0em;
} .edito blockquote {
	border: 1px solid #808080;
	background: #EEEEEE;
	padding: 0px 15px 0px 15px;
} .edito table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 120%;
	color: #6262A4;
	background: #ccccfe;
	border: 1px solid #6262A4;
} .edito tr.row_first {
	text-align: center;
} .edito tr.row_odd {
	text-align: center;
} .edito tr.row_even {
	text-align: center;
} .edito td {
	text-align: center;
	padding: 1px 10px 1px 10px;
} .edito .link {
	color: #7a3300;
	text-align: right;
	font-size: 110%;
	font-weight: bold;
	padding: 1px 5px 15px 1px;
} 
/* ~~~~~~~~~~~~ contenu ~~~~~~~~~~~~ */
/* Le bloc contenu contient les rubriques, */
/* les articles, et leurs objets associés */
/* in extenso */ 
.contenu {
	font-size: 13px;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	width: 100%; /*Sarka-SPIP 1.8.2*/
	width:100%;overflow-x:auto
} 
/* contenu --> rubriques */ 
.contenu .rubrique {
	border: 1px solid #7a3300;
	background: #FFFFFF;
	margin: 0% 1% 0.5% 1%; /*Sarka-SPIP 1.8.2*/
} 
.contenu .rubrique a.titre {
	display: block;
	font-size: 170%;
	color: #933300;
	background: #FFFFFF;
	padding: 2px 0px 0px 0px;
	margin-right: 0%;
	text-align:center;
	font-weight:bold;
} 
.contenu .rubrique a.titre:hover {
	display: block;
	font-size: 170%;
	color: #933300;
	background: #FFFFFF;
	padding: 2px 0px 0px 0px;
	margin-right: 0%;
	text-align:center;
	font-weight:bold;
} 
.contenu .rubrique .texte {
	margin: 10px;
	text-align:justify;
} 
.contenu .rubrique .texte a {
	color: #7a3300;
	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 150px 5px 10px;
	border-top: 1px solid;
	border: 1px solid;
	background: #ffffff;
	font-size: 85%;
	padding: 5px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.contenu .rubrique table {
	font-size: 85%;
	border-color: #FFFFFF;
} 
.contenu .rubrique tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
} 
.contenu .rubrique tr.row_odd {
	background: #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: #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: 10px;
	font-size: 95%;
	border: 1px solid #6262A4;
	margin: 10px 10px 10px 10px;
	padding: 5px;
	background: #F0F0FA;
	width: (50%) !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: 90%;
	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; /*Sarka-SPIP 1.8.2*/
	color: #7a3300;
	background: #FFFFFF;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
} 
.contenu .doc .en-tete {
	font-size: 110%;
	font-weight:bold;
	margin: 5px 0px 5px 0px; /*Sarka-SPIP 1.8.2*/
} 
.contenu .doc .spip_logos {
	margin: 5px 0px 0px 30px;
} 
.contenu .doc a {
	display:block;
	text-decoration: none;
	color: #7a3300;
	margin: 0px 0px 5px 0px;
} 
.contenu .doc a:hover {
	text-decoration: underline;
} 
.contenu .vignette a:hover {
	text-decoration: none;
} 
/* contenu --> images jointes (aux articles et aux rubriques) */ 
.contenu .images {
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	padding: 10px;
	background: #FFFFFF;
}

.contenu .images .en-tete {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	color: #7a3300;
} .contenu .images .vignette {
	font-size: 80%;
	margin: 10px;
	padding: 10px 0px 10px 0px;
} .contenu .images ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #000000;
} /* ~~~~~~~~~~~~ derniers articles ~~~~~~~~~~~~ */
/* La classes "derniers articles" est mal nommée : */
/* elle correspond aux annonces d'articles, dans les */
/* pages sommaire, plan, recherche, auteur, etc. */ 
.derniers-articles {
	border: 1px solid #7a3300;
	background: #ffffff;
	margin: 0% 1% 1% 1%; /*Sarka-SPIP 1.8.2*/
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 0px;
} 
.derniers-articles .en-tete {
	color: #7a3300;
	font-size: 120%;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
}
.derniers-articles .annonce {
	background: #ffffff;
	text-align:justify;
	margin: 0px;
	padding: 0px 5px 10px 10px;
} .derniers-articles a.titre {
	display: block;
	color: #7a3300;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 10px 5px 0px;
	text-decoration: none;
	padding-top: 0px;
} .derniers-articles a.titre:hover {
	color: #606070;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 10px 5px 0px;
	text-decoration: none;
}

.derniers-articles a.suite {
	margin-left: 75%;
} /* ~~~~~~~~~~~~ derniers articles (droite)~~~~~~~~~~~~ */ 
.derniers-articles-droite {
	border: 1px solid #7a3300;
	background: #ddeeaa;
	margin: 0px 0px 0px 0px; /*Sarka-SPIP 1.8.2*/
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 0px;
} .derniers-articles-droite .en-tete {
	color: #7a3300;
	font-size: 120%;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
} .derniers-articles-droite .annonce {
	background: #ddeeaa;
	margin: 0px;
	padding: 0px 0px 10px 0px;
} .derniers-articles-droite a.titre {
	display: block;
	color: #7a3300;
	font-size: 90%;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	padding-top: 0px;
} .derniers-articles-droite a.titre:hover {
	color: #606070;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
} 
/* ~~~~~~~~~~~~ article (affichage presque semblable à "derniers articles" ~~~~~~~~~~~~ */
/* contenu de l'article "proprement dit" */ 
.contenu .article {
	border: 1px solid #7a3300;
	background: #ffffff;
	margin: 0% 1% 1% 1%; /*Sarka-SPIP 1.8.2*/
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #7a3300;
	padding: 1% 1% 1% 1%; /*Sarka-SPIP 1.8.2*/
} .article a {
	color: #7a3300;
	text-decoration: none;
} .article a:hover {
	color: #7a3300;
	text-decoration: underline;
} .article .image .spip_logos {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} .article .surtitre {
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
} .article .titre {
	color: #933300;
	font-size: 160%;
	Text-align: center;
	font-weight: bold;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
} .article .soustitre {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
} .article .contenu {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px; /*Sarka-SPIP 1.8.2*/
	padding: 0px 0px 0px 0px; /*Sarka-SPIP 1.8.2*/
} .article .image {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px; /*Sarka-SPIP 1.8.2*/
	padding: 0px 0px 0px 0px; /*Sarka-SPIP 1.8.2*/
	width:100%;
	overflow-x:auto;
}	
	
} .article .detail {
	color: #000000;
	font-size: 85%; /*Sarka-SPIP 1.8.2*/
	font-weight: bold;
	text-align: right;
	margin: 0% 0% 10% 55%;
	padding: 0px 5px 1px 5px;
} .article .texte {
	color: #000000;
	text-align:justify;
	margin: 20px 10px 0px 10px;
	padding: 1px
} .article .chapo {
	color: #6262A4;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	text-decoration: none;
} .article .post-scriptum {
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding-top: 1px;
	font-size: 100%;
	border-top: 2px solid #6262A4;
} .article .post-scriptum .annonce {
	font-weight: bold;
	color:#6262A4;
	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 #6262A4;
	font-size: 90%;
} .article .en-tete {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 1px 0px 10px 0px; /*Sarka-SPIP 1.8.2*/
} .article h3 {
	color: #6262A4;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	margin: 1.5em 0em 0.5em 0em;
} .article blockquote {
	border: 1px solid #808080;
	background: #EEEEEE;
	padding: 0px 15px 0px 15px;
} .article table {
	font-size: 90%;
	border-color: #7a3300;
	text-align: justify;
} .article tr.row_first {
	background: #ffffcc;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
} .article tr.row_odd {
	background: #ffffcc;
	color: #000000;
} .article tr.row_even {
	background: #ffffcc;
	color: #000000;
} .article td {
	border: 1px solid #7a3300;
	padding: 1px 5px 1px 5px;
} .article a.imprimer {
	display: block;
	background: #7a3300;
	background-image: url(../puces/printer.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 10px; 
	
} /* mise en forme des documents insérés dans le texte de l'article */ .article .spip_documents {
	/*display: block;*/
	font-size: 95%;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
	background: #Ffffff;
	/*width: 500px !important;*/
	text-align: center;
	width:100%;overflow-x:auto
} .article .spip_documents_center {
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

.article .spip_doc_titre {
	text-align: left;
	padding: 5px 0px 0px 0px;
	text-align: center;
} .article .spip_doc_descriptif {
	font-size: 90%;
	color: #808080;
	text-align: left;
	padding: 5px 0px 5px 0px;
	text-align: center;
} /* mise en forme du formulaire de pétition */ .petition {
	border: 2px solid #6262A4;
	padding: 10px;
	margin: 0px 10px 20px 10px; /*Sarka-SPIP 1.8.2*/
	background: #EEEEEE;
} .petition fieldset {
	border: 1px solid #6262A4;
	margin: 5px 0px 0px 0px;
	padding: 10px;
} .petition legend {
	color: #6262A4;
	font-weight: bold;
	border: 1px solid #6262A4;
	padding: 1px 5px 1px 5px;
	margin: 0px 0px 5px 0px;
} .petition .en-tete {
	color: #6262A4;
	font-size: 150%;
	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 #6262A4;
	padding: 10px;
	margin: 10px 10px 10px 10px; /*Sarka-SPIP 1.8.2*/
	background: #EEEEEE;
	font-size: 100%;
} .signatures .en-tete{
	color: #6262A4;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
} .signatures td {
	border: 1px solid #6262A4;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	empty-cells: hide;
	font-size: 12px;
} .signatures thead {
	background: #6262A4;
	font-weight: bold;
	color: #FFFFFF;
} .signatures a {
	color: #7a3300;
	text-decoration: none;
} .signatures a:hover {
	color: #7a3300;
	text-decoration: underline;
} /* ~~~~~~~~~~~~ dans la meme rubrique ~~~~~~~~~~~~ */ .articles-freres {
	border: 1px solid #7a3300;
	padding: 10px;
	margin: 20px 10px 10px 10px; 	/*Sarka-SPIP 1.8.2*/
	background: #EEEEEE;
} .articles-freres ol {
	color: #6262A4;
} .articles-freres .en-tete{
	color: #6262A4;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
} .articles-freres .frere a {
	/* lien vers les articles frères sauf l'article en cours */
	color: #6262A4;
	text-decoration: none;
	font-weight: bold;
} .articles-freres .frere a:hover {
	color: #6262A4;
	text-decoration: underline;
} .articles-freres .frere .date {
	color: #7a3300;
} .articles-freres .en-cours {
	/* affichage du titre de l'article en cours (sans lien) */
	color: #808080;
} /* ~~~~~~~~~~~~ forum ~~~~~~~~~~~~ */ .annonce-forum {
	color: #7a3300;
	font-size: 150%;
	font-weight: bold;
	width: 100%; /*Sarka-SPIP 1.8.2*/
	margin: 0px 10px 0px 10px; /*Sarka-SPIP 1.8.2*/
} .forum {
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	margin: 0px 10px 0px 10px; /*Sarka-SPIP 1.8.2*/
} a.repondre {
	background: #7a3300;
	color: #FFFFFF !important;
	text-decoration:none !important;
	border: #7a3300 solid 1px;
	text-align:center;
	padding: 1px 5px 1px 5px;
	float: right;
} a.repondre:hover {
	background:#FFFFFF !important;
	color:#7a3300 !important;
	text-decoration:none !important;
} .forum fieldset {
	border: 1px solid #6262A4;
	margin: 5px 0px 0px 0px;
	padding: 10px;
} .forum legend {
	color: #6262A4;
	font-weight: bold;
	border: 1px solid #6262A4;
	padding: 1px 5px 1px 5px;
	margin: 0px 0px 5px 0px;
} .forum .en-tete {
	color: #6262A4;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
} .forum textarea {
	width: 80%;
} .forum .visualisation {
	border: 1px solid #6262A4;
	margin: 10px 0px 0px 0px;
} .forum .visualisation a {
	color: #7a3300;
	text-decoration: none;
} .forum .visualisation a:hover {
	color: #7a3300;
	text-decoration: underline;
} .forum .visualisation .titre {
	border-bottom: 1px solid #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	background: #6262A4;
	margin: 0px;
} .forum .visualisation .detail {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-size: 90%;
	text-align: center;
	color: #FFFFFF;
	width: 200px;
	float: right;
	padding: 1px;
	background: #6262A4;
} .forum .visualisation .texte {
	padding: 10px;
} .forum a.article-forum {
	text-decoration: none;
	font-size: 110%;
	color: #808080;
	font-weight: bold;
} .forum a.article-forum:hover {
	text-decoration: underline;
} /* ~~~~~~~~~~~~ plan du site et sites référencés ~~~~~~~~~~~~ */ .plan {
	font-size: 24px;
	margin: 0px 10px 0px 10px; /*Sarka-SPIP 1.8.2*/
	padding: 0px 0px 20px 5px;
} .plan .intitule {
	color: #7a3300;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 20px 0px; /*Sarka-SPIP 1.8.2*/
} .plan a.rubrique {
	display:block;
	color: #7a3300;
	font-weight:bold;
	padding-left:15px;
	margin: 0.5em 0px 0px 0px;
} .plan a.rubrique:hover {
	background-repeat: no-repeat;
} .plan a.article {
	color: #000000;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 11px;
} .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: #7a3300;
	padding: 0px 0px 0px 10px;
	font-size: 11px;
} .plan a.breve:hover {
	background-image:url(../puces/puce.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
} .plan .date {
	color: #7a3300;
} .plan ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px; /*Sarka-SPIP 1.8.2*/
	margin: 0px;
	border: 0px;
} .plan li {
	font-size: 80%;
	padding:0px;
	margin:0px;
	border: 0px;
} .plan hr {
	margin: 10px 20px 10px 20px;
	border: 1px solid #7a3300;
} .plan a.article-syndic {
	display: block;
	color: #000000;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
} .plan a.article-syndic:hover {
	background-image:url(../puces/puce.gif);
	background-position: left top;
	background-repeat: no-repeat;
} .plan .date-syndic {
	color: #7a3300;
	font-weight: bold;
} .plan .a-propos {
	display: block;
	border: 0px;
	background: #FFFFFF;
	color: #909090;
	font-size: 11px;
	padding: 3px 10px 5px 20px;
} .plan .a-propos .site-pere {
	font-weight: bold;
} .plan .a-propos .auteur-pere {
	font-weight: bold;
} /* ~~~~~~~~~~~~ auteur ~~~~~~~~~~~~ */ .auteur {
	padding: 0px;
	margin: 0px 10px 0px 10px; /*Sarka-SPIP 1.8.2*/
	font-size: 12px;
} .auteur div {
	text-align: left !important;
} .auteur .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
} .auteur .nom {
	color: #6262A4;
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px;
} .auteur .tchak {
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	margin: 30px 0px 10px 0px;
	padding: 0px;
} .auteur .spip_encadrer {
	border: 1px solid #6262A4;
	color: #6262A4;
	font-size: 100%;
	margin: 5px 0px 10px 0px;
	padding: 5px;
} .auteur a {
	color: #7a3300;
	text-decoration: none;
} .auteur a:hover {
	text-decoration: underline;
} /* ~~~~~~~~~~~~ recherche ~~~~~~~~~~~~ */ .recherche {
	margin: 0px 10px 20px 10px;  /*Sarka-SPIP 1.8.2*/
} .recherche .intitule {
	color: #7a3300;
	font-size: 200%;
	font-weight: bold;
	background: #ffffff;
	margin: 0px 0px 20px 0px; /* Sarka-SPIP 1.8.2 */
	padding: 1px 10px 1px 10px;
	border: 1px solid #7a3300; /* Sarka-SPIP 1.8.2 */
} .recherche .elements-trouves {
	color: #7a3300;
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-decoration: underline;
} .recherche .mot-cle {
	color: #6262A4;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-decoration: underline;
} .recherche .derniers-articles {
	margin: 0px; /* Sarka-SPIP 1.8.2 */
	padding: 5px;
} .indentation {
	padding-left: 40px;
} .redimensionnement {
	font-size: 11px; /* Sarka-SPIP 1.8.2 */
} /* ====================== Formatage des éléments de la colonne de droite ====================== */ /* ~~~~~~~~~~~~ sites syndiqués ~~~~~~~~~~~~ */ .web {
	margin: 0px;
	font-size: 10px;
	padding: 0px 0px 5px 0px;
	font-size: 100%;
} .web a.en-tete {
	display: block;
	background-color: #808080;
	font-weight: bold;
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #808080;
} .web a.en-tete:hover {
	background-color: #EEEEEE;
	color: #808080;
	border: 1px solid #808080;
} .web a.article-synd {
	display: block;
	color: #808080;
	text-decoration: none;
	background-image:url(../puces/puce.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: 100%;
} .web .site .descriptif {
	border: 1px solid #808080;
	background-color: #EEEEEE;
	margin: 5px 10px 10px 10px;
	padding: 5px;
} .web .site a.nom-site {
	display: block;
	border-bottom: 1px solid #808080;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: #808080;
	margin: 0px;
	padding: 1px;
	background: #EEEEEE;
	margin-bottom: 10px;
} .web .site a.nom-site:hover {
	color: #FFFFFF;
	background: #808080;
}

/* ~~~~~~~~~~~~ FAQ ~~~~~~~~~~~~ */

.programme {
	margin: 0% 0% 0% 0%;
	Padding: 0px 3px 0px 3px;
	font-size: 100%;
	color: #7a3300;
	background-color: #ddeeaa;
	border: 1px solid #7a3300;
}

.programme a.entete {
	display: block;
	margin: 0% 0% 0% 0%;
	Padding: 3px 1px 3px 1px;
	font-weight: bold;
	font-style: italic;
	font-size: 130%;
	color: #7a3300;
	text-align: center;
}

.programme a.contenu {
	margin: 5px 0px 3px 0px;
	text-align: left;
	Padding: 3px 3px 3px 0px;
	font-size: 100%;
} 

.programme a.sigle {
	margin: 0px 0px 0px 0px;
	text-align: left;
	Padding: 0px 0px 0px 0px;
	font-size: 110%;
	font-weight: bold;
} 

/* ~~~~~~~~~~~~ brèves ~~~~~~~~~~~~ */ 
.breves {
	border: 1px solid #7a3300;
	background: #ddeeaa;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #7a3300;
	padding: 0px;
} .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: 90%;
	color: #808080;
	text-align: left;
	padding: 5px 0px 0px 0px;
	text-align: center;
} .breves a.en-tete {
	display: block;
	background-color: #ddeeaa;
	font-weight: bold;
	font-size: 120%;
	color: #7a3300;
	text-align: left;
	padding: 10px 0px 5px 10px;
} .breves a.en-tete:hover {
	background-color: #ddeeaa;
	color: #808080;
} .breves .contenu .titre {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #808080;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	background: #ddeeaa;
} .breves .contenu {
	margin: 5px 0px 2px 0px;
	padding: 0px;
	font-size: 100%;
} .breves .contenu a.nom-breve {
	display: block;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	color: #7a3300;
	margin: 0px;
	padding: 0px 2px 0px 10px;
	background: #ddeeaa;
} .breves .contenu a.nom-breve:hover {
	color: #606070;
	font-size: 100%;
	font-weight: bold;
	background: #ddeeaa;
	text-decoration: none;
} .breves .contenu .date {
	font-size: 80%;
	text-align: center;
	color: #7a3300;
	margin-left: 0%;
	padding: 0px 5px 0px 1px;
	background: #ddeeaa;
	text-align: right;
} .breves .contenu .texte {
	margin: 0px;
	padding: 5px;
	font-size: 100%;
	text-align: justify;
	line-height: 110%;
	background: #ddeeaa;
} .breves .contenu .texte h3 {
	margin:0.3em 0em 0.3em 0em;
	padding:0px;
	font-size: 120%;
	line-height: 110%;
} .breves .contenu .texte p {
	margin:0.7em 0em 0.7em 0em;
	padding:0px;
} .breves .contenu .texte strong {
	color: #000000;
} .breves .contenu  a {
	color:#7a3300;
}

.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: 100%;
	line-height: 110%;
	border-top: 1px solid #808080;
} 

.spip_surligne { background: #FFFF66; }

/* !!!!!!!!!!! Sarka-SPIP 1.1.1 !!!!!!!!!!!! */