

/*
 * Mise en page des textes (bordures...)
 */

.chapo {
	font-family: times,serif;
	font-size: 100%;
	line-height: 1.24em;
	margin-top: 1em;
	font-weight: bold;
	font-style:italic;
	color: #6d8f15;
	text-align: left;
	padding-bottom: 10px;
}
.texte {
}
.ps {
	padding-top: 0.6em;
	margin-top: 0.6em;
	border-top: 1px dashed #404040;
}
.notes {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	padding: 1.5em;
}

/*
 * Habillage des menus et de la navigation
 */

.menu {
	border: 1px solid #a0a0a0;
	border-top: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
}
.menu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
	list-style: none;
}
.menu ol {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
	list-style: none;
}
.menu-titre {
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px dashed #d0d0d0;
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
}
.menu-item {
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 80%;
}

.pagination {
	text-align : right;
	font-size: 85%;
}

/* Des couleurs specifiques selon les types de menus */

.general		{ background-color: #f8f8e8; text-align:center; }
.general .menu-titre 	{ background-color: #fcfcf0; }

.rubriques 		{ background-color: #eaffea; text-align:center; }
.rubriques .menu-titre	{ background-color: #f2fff2; }

.breves 		{ background-color: #ffeaea; }
.breves .menu-titre	{ background-color: #fff2f2; text-align:center; }

.divers 		{ background-color: #eaeaff; }
.divers .menu-titre	{ background-color: #f2f2ff; text-align:center; }

.forums 		{ background-color: #e8f8f8; }
.forums .menu-titre	{ background-color: #f0fcfc; text-align:center; }


/*
 * Styles pour le contenu (c-a-d. la colonne principale)
 */

.contenu {
	margin: 15px;
}
.contenu h2.titre-extrait {
}
.contenu h2.titre-texte {
}
.contenu .surtitre {
	margin-top: 0em;
	margin-bottom: 0em;
}
.contenu .detail {
	margin-left: 2em;
	}
.contenu .detail .important {
	color: #a02020;
}
.extrait {

}
.liste-articles {
	margin-top: 1em;
	margin-bottom: 1em;
	clear: left;
}
.contenu .forum-repondre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	margin-top: 0.6em;
}


/*
 * Disposition a l'ecran : colonnes, encarts, cartouches
 */
 
#conteneur {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
	margin-top: 0;
	margin-bottom: 0;
	}
	
#entete {
	width:770px;
	height: 118px;
	margin-top:4px;
	border:0;
	}

#centre {
	width:770px;
	height: auto;
	margin-top:4px;
	border:0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: left; 
	}
	
#sous-centre {
       	float:left;
        margin-top: 0px;
        width:768px;
	    height: auto;
	    background-color: white;
        border-left: 1px solid #9DA58F;
        border-right: 1px solid #9DA58F;
		padding : 12px 0px 10px 0px;
}

#contenu {
        float: left;
		width:510px;
	    height: auto;
        margin-left:22px !important;
		margin-left:12px;
        padding:0;
        border:0;
        margin-top:0px;
		margin-bottom:18px;
	}
	
#droite {
        float: right;
		width: 190px;
        margin-top:0px;
        padding-right:20px;
        border:0;
	}

#pied {
		clear: both;
 		font-family:arial,sans-serif;
        font-size:60%;
		color:gray;
		width:768px;
	    height: auto;
	    background-color: white;
        border-left: 1px solid #9DA58F;
        border-right: 1px solid #9DA58F;
		margin-top:0;
		margin-bottom:0;
		padding-top:8px;
		padding-bottom:0px;
	}

#principal {
	position: absolute;
	left: 30%;
	/*left: 18em;*/
	top: 0px;
	margin: 0px;
	padding: 0px;
	/*margin-right: 2em;*/
	margin-right: 3%;
	margin-top: 1.5em;
}

#plan {
	position: absolute;
	left: 2em;
	top: 0px;
	margin: 0px;
	padding: 0px;
	margin-right: 2em;
	margin-top: 2em;
}

#navigation {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 24%;
	/*width: 14em;*/
	padding: 0px;
	margin: 0px;
	/*margin-left: 1.8em;*/
	margin-left: 3%;
	margin-top: 1.5em;
}

.encart {
	float: right;
	/*width: 14em;*/
	width: 34%;
	margin-left: 4%;
	/*margin-left: 2em;*/
	margin-top: 1em;
	margin-bottom: 0em;
	margin-right: 0px;
}

.doc_joint {
	border-top: 2px solid #688C32;
	border-bottom: 2px solid #688C32;
	clear: both;
	width: 100%;
	padding: 9px 0 0px 0;
	margin: 9px 0 9px 0;
	font-size: 80%;
}

#chemin_de_fer {
	font-size: 80%;
	color: #747474;
	font-weight: bold;
}

.cartouche {
	padding-top: 1em;
	margin-bottom: 1.1em;
}

.liste_mots_cles {
	font-size: 75%;
	clear : both;
	line-height: 1.3em;
}

.titre_ss_rub{
	clear: both;
	color: #838688;
	font-weight: bold;
	font-variant: small-caps;
}

.spip_logos {

}

.vignette {
    border: 1px solid #688C32;
	float: left;
	margin: 0 10px 5px 0px;
	clear: both;
}

/*
 * Habillage de la page d'accueil
 */
 
.bienvenue {
        font-family: verdana,serif;
        font-size:75%;
		font-weight: bold;
		line-height: 12pt;
        color: #688C32;
		border:0;
		margin-top:2px;
		margin-bottom:0px;
}

.bellevue {
        width: 190px;
	    height: 153px;
        background-image: url('../IMG/lib/bellevue.jpg');
        float: right;
		margin-left: 7px;
		margin-right: -13px !important;
		margin-right: -9px;
        border: 0;
}

.bienvenue a {
		border-bottom: 1px dashed #688C32;
	}
	
.bienvenue a:hover {
		text-decoration: none;
	}	

  .etiquette_rub_region{
	width:112px;
	height: 19px;
	background-image: url('../IMG/lib/region.gif');
	margin-top:20px;
	margin-bottom:0px;
	border:0;
	clear: both;
	cursor: hand;
	cursor: pointer;
 }
 
 .etiquette_rubrique_actu {
	width:112px;
	height: 19px;
	background-image: url('../IMG/lib/actus.gif');
	margin-top:20px;
	margin-bottom:0px;
	border:0;
	clear: both;
	cursor: hand;
	cursor: pointer;
 }
 

 
 .corps_rubrique {
 	float: left;
	background-color: #f0f4ed;
	width: 485px;
	height: auto;
	margin-top:0px;
	margin-bottom:16px !important;
	margin-bottom:8px;
	border: 1px solid #D4D4D4;
	padding-top: 25px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
 }
 
.bloc_reac {
    width: 250px;
	height: auto;
	float: right;
}

.etiquette_reac {
    background-image: url(../IMG/lib/reactions.gif);
	width: 250px;
	height: 21px;
}

.corps_reactions {
    line-height: 14px;
    font-family: arial, sans-serif;
    font-size: 70%;
    text-align: left;
    background-color: #f6f9f5;
    border-left: 1px solid #95ad6b;
	border-right: 1px solid #95ad6b;
	border-bottom: 1px solid #95ad6b;
	padding: 1px 7px 2px 7px;
}

.reaction {
	color: #b0b0b0;
	border-bottom: 1px solid #d0e0cb;
	margin: 3px 0px 3px 0px;
	padding-bottom: 3px;
}

/*
 * Habillage des blocs de la colonne de droite
 */
 
  .etiquette_bloc_forum {
	width:190px;
	height: 19px;
	margin-top:20px;
	margin-bottom:0px;
	border:0;
	clear: both;
	background-image: url('../IMG/lib/forumsbloc.gif');
	cursor: hand;
	cursor: pointer;
 }
 
   .etiquette_bloc_annonces {
	width:190px;
	height: 19px;
	margin-top:20px;
	margin-bottom:0px;
	border:0;
	clear: both;
	background-image: url('../IMG/lib/annoncebloc.gif');
	cursor: hand;
	cursor: pointer;
 }
 
   .etiquette_bloc_agenda {
	width:190px;
	height: 19px;
	margin-top:20px;
	margin-bottom:0px;
	border:0;
	clear: both;
	background-image: url('../IMG/lib/agendabloc.gif');
	cursor: hand;
	cursor: pointer;
 }
 
  .corps_bloc_deg {
  	background-image: url('../IMG/lib/degrade_vert.gif');
	background-repeat: repeat-x;
	background-color: #dbe6d3;
	width:auto;
	height: auto;
	margin-top:0px;
	margin-bottom:0px !important;
	margin-bottom:2px;
	border: 1px solid #95ad6b;
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	font-size: 70%;
 }
 
   .corps_bloc {
	background-color: #dbe6d3;
	width:auto;
	height: auto;
	margin-top:0px;
	margin-bottom:0px !important;
	margin-bottom:2px;
	border: 1px solid #527908;
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	font-size: 70%;
 }
   .corps_bloc_orange {
	background-color: #fff5df;
	width:auto;
	height: auto;
	margin-top:0px;
	margin-bottom:0px !important;
	margin-bottom:2px;
	border: 1px solid #ad9619;
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	font-size: 70%;
 }
/*
 * Habillage du menu de navigation
 */

.secteuroff { font-size: 90%; display: block; }
.rubriqueoff { font-size: 80%; display: block; }
.secteuron  { font-size: 90%; font-weight: bold; display: block; color: #549030; }
.rubriqueon { font-size: 80%; font-weight: bold; display: block; color: #549030; }
.secteur { font-weight: bold; font-size: 90%; display: block; color: orange }
.rubrique { font-weight: bold;  font-size: 80%; display: block; color: orange }

/*
 * Habillage du calendrier
 */
 
#calendar table {
 	font-size: 75%;
	width: 190px;
 }
 
#calendar a {
 	color: #9e7900;
 }
 
#calendar table th {
	background-color: #e1b832;
	text-align: center;
	color: white;
	font-weight : bold;
 }

#calendar td.occupe, td.libre {
	background-color: #fff5df;
	text-align: center;
	color : #3b3b3b;
 }

#calendar td.today {
	border: 1px solid #e1b832;
}
 
#calendar td.horsperiode {
	background-color: #fbf8f3;
	text-align: center;
	color : #b3ab7f;
 }
	
/* 
 * Habillage agenda
 */
 .prochains{
	clear: both;
	padding: 5px 0 5px 0;
	margin: 15px 0 15px 0;
	border-top: 1px solid  #D5A403;
	border-bottom: 1px solid  #D5A403;
	font-size: 85%;
 }
 
 a.rubAgenda{
 color: #828688;
 font-weight: bold;
 }
  a.rubAgendaSmall{
 color: #828688;
 font-weight: bold;
 font-size: 90%;
 }
 
/*
 * Habillage liste
 */
 .liste_articles{
 	clear: both;
	font-size: 85%;
 }
 
/*
 * Habillage tableau
 */
 
 .titreRecap {
   width: 140px;
   height: 17px;
   margin-left: 20px;
   background-image: url('../IMG/lib/titre_recap.gif');
   background-repeat: no-repeat;
   border: 0px;
}
 .titreIdem {
   width: 190px;
   height: 17px;
   margin-left: 20px;
   background-image: url('../IMG/lib/titre_idem.gif');
   background-repeat: no-repeat;
   border: 0px;
}
table.recap {
   width: 190px;
   margin: 5px 0px 10px 20px;
   font-family: arial, sans-serif;
   font-size: 70%;
   color: #688C32;
   border: 1px solid #AABF9B;
}

td.gen {
   width: 33px;
   padding-left: 5px;
   padding-right: 5px;
}

td.rens {
   padding-left: 10px;
   padding-right: 5px;
}

tr.vert1 { 
   background-color: #F0F4ED;
   border-color: white;
}

tr.vert2 {  
   background-color: #DBE6D3;
   border-color: white;
}
	
/*
 * Habillage communes
 */

 .communes {
	text-align: center;
	margin-top: 5px;
	padding: 0px 15px 0px 15px;
 }
	
/*
 * Habillage du copyright
 */
 
 #copyright {
	text-align: center;
	margin-top: 5px;
 }
 
/*
 * Bas de page
 */
 
 #bas {
	float: left;
	width:770px;
	height: 45px;
	background-image: url('../IMG/lib/globalbas.gif');
	border:0;
	margin-bottom:5px;
 }

/*
 * Bandeau Flash
 */
 #bandeau-flash {
	position: absolute;
	z-index: 999;
	margin : 0px;
	border : 0px;
	left: 51.5%;
	top: 12px;
	/*background-color: #FFFFFF;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75; */
	width: 355px;
	height: 50px;
	font-family: verdana,serif;
	font-size:65%;
	font-weight: bold;
	line-height: 11pt;
	color: #b36115;
 
  }


/*
 * Habillage du plan du site
 */

.plan-secteur {
	margin-top: 0em;
	margin-bottom: 3em;
	clear: right;
}

.plan-secteur h1 {
	display: block;
	border: 1px solid #a0a0a0;
	margin: 0px;
	padding: 8px;
	font-size: 150%;
	font-weight: bold;
	background-color: #e0ffe0;
	text-align:center;
}
.plan-rubriques {
	clear: left;
	display: block;
	list-style: none;
}
.plan-rubrique {
	display: inline;
	border: 1px solid #a0a0a0;
	padding: 3px;
	font-weight: bold;
}
.plan-articles {
	clear: left;
	margin-top: 0.5em;
	margin-bottom: 1em;
	list-style: square;
}

/* Habillage en colonnes */
.deux_colonnes{
      float:left;
      width:29%;
      background-color: white;
      margin-bottom:1%;
	  border-bottom: 1px solid #D5A403;
      margin-top:0px;
      margin-left:1%;
	  margin-right:1%;
      padding:1% 0 1% 0;
}

/* Eclaircissement progressif des rubriques en fonction de la profondeur */

ul .plan-rubrique {
	background-color: #e0ffe0;
	border-color: #b8b8b8;
}
ul ul .plan-rubrique {
	background-color: #eaffea;
	border-color: #d0d0d0;
}
ul ul ul .plan-rubrique {
	background-color: #f4fff4;
	border-color: #e8e8e8;
}


/*
 * Habillage des forums
 */

ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 105%;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #688c31;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #303030;
	font-size: 80%;
}
.forum-repondre-message {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #6d8f15;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {
	border: 1px solid #81a918;
}
ul ul ul .forum {
	border: 1px solid #8cb91a;
}
ul ul ul ul .forum {
	border: 1px solid #9aca1d;
}
ul ul ul ul ul .forum {
	border: 1px solid #aade22;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #b4e23c;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #6d8f15;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	background: #dbe6d3;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
ul ul .forum-chapo {
	background: #dee8d6;
}
ul ul ul .forum-chapo {
	background: #e1eada;
}
ul ul ul ul .forum-chapo {
	background: #e5eddf;
}
ul ul ul ul ul .forum-chapo {
	background: #eaf1e5;
}


/*
 * Habillage des petitions
 */

.signatures {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}
.signatures td, .signatures th {
	-moz-border-radius: 0.4em;
}
.signatures-titre {
	clear: right;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	padding: 0.5em;
	margin: 0px;
}
.signature-date {
	white-space: nowrap;
	background: #e4f0f0;
	padding: 0.5em;
}
.signature-nom {
	font-weight: bold;
	background: #ecf4f4;
	padding: 0.2em;
	text-align: center;
}
.signature-message {
	font-size: 85%;
	background: #f4f8f8;
	padding: 0.4em;
	text-align: justify;
}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: 0; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px solid;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { float: left;} 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 12em; }
.formulaire_recherche label { display: none; }
.spip-admin {
}


