/* Feuille de style en fonction du folio

Quelques couleurs :

- bleu clair : #cdf0f9;
- bleu encore plus clair (menu droit) : #dbf5fb;
- bleu soutenu : #4dd3f8;
- vert clair : #b1d353;
- vert foncé : #2c9630;
- rouge : #ec343a;
- orange foncé : #f45131;
- jaune orangé : #f7c42c;
- jaune : #f8b735;

*/

/* Correction des styles HTML par defaut */
.structure {
	display: none;
}

/* Disposition générale */
.page {
	position: relative;
    width: 960px;
	top: 0px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
}

.effetombre {
position: relative;
    width: 980px;
	top: 0px;
    margin-left: auto;
    margin-right: auto;
	background-image: url(../IMG/design/effetombre.png);
}

.entete {
width:960px;
height:176px;
background-color:#fff;
margin-top:0px;
 /* background-image: url(../IMG/design/bandeau.png);
  background-repeat:no-repeat;
  background-position:top right; */
}

.flags {
  position:absolute;
  display:block;
  left: 2px;
 top:1px;
  width:150px;
  height:40px;
  text-decoration:none;
  text-align: left;
  background-color: transparent ;
}

.gauche {
	width: 159px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	background-color:#f45131;
   background-image: url(../IMG/design/hautmenugauche.png);
  background-repeat:no-repeat;
  background-position:top right;
}
	
.centre {
	width: 620px;
	top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
}

.droite {
	width: 175px;
	top: 0px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 5px;
}

/* bien regler la marge (bugs IE) */
body { 
background: #f7c42c; 
margin: 0px; text-align: center; top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	text-align: justify;
	line-height: 15px;

}

/* Liens spip */
a { text-decoration: none; color: #ec343a;}
a:hover { text-decoration: none; color: #fbbb01;}
a.spip_in, a.spip_url, a.spip_out, a.spip_glossaire { text-decoration: none; color: #ec343a; }
a.spip_in:hover, a.spip_url:hover, a.spip_out:hover, a.spip_glossaire:hover { text-decoration: none; color: #fbbb01; }
 {font-weight: bold;	color: #ec343a;}

.album {
border: 2px solid #4dd3f8;
padding: 3px;
}

.album:hover 
{
border: 2px solid #dbf5fb;
padding: 3px;
}
/* Entête  

.folio {
  position:absolute;
  display:block;
  left: 0px;
  top:0px;
  width:326px;
  height:183px;
   background-image: url(../IMG/design/folio.png);
  background-color: #fff ;
}

.logoMRES {
  position:absolute;
  display:block;
  right:5px;
  top:5px;
    width:148px;
  height:134px;
}

.titreentete{
  position:absolute;
  display:block;
   width:550px;
  height:60px;
  left:280px;
  top:5px;
   background-image: url(../IMG/design/titresite.png);
  }


.barrebleue {
  position:absolute;
  display:block;
  right: 0px;
  top:130px;
  width:627px;
  height:32px;
   background-image: url(../IMG/design/barrebleue.png);
  background-color: transparent ;
  color: #FFFFFF;
} 

.silhouette {
  position:absolute;
  display:block;
  right: 337px;
  top:99px;
  width:254px;
  height:43px;
   background-image: url(../IMG/design/silhouette.png);
} 
*/

.lientopmenu {
   position:absolute;
   display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	text-align: right;
	right: 50px;
	top:135px;
}

.lientopmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.lientopmenu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
}


/* Accueil */
.boite {
	padding-top: 5px;
}

.titreboite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #BBDD75;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 10px;
}

.titrearticleboite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-variant: small-caps;
	font-weight: bold;
}

.dateboite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-style: italic;
}

.texteboite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 20px;
}

.lienboite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

a.lienboite:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B01100;
	text-decoration: none;
}
a.lienboite:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BBDD75;
	text-decoration: none;
}
a.lienboite:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
}
a.lienboite:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
}



.breverouge {
	color: #333;
	font-size: 11px;
	font-style:italic;

}

.logoboite {
	padding-left: 20px;
}

.breves_populaires {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	margin:0px;
	text-align: left;
	line-height: 12px;
	padding-bottom: 5px;
}

/* logoboite */
.encart a span {
display:none ; /* cache les <span> placés dans un lien <a> */
text-decoration:none ; /* supprime le soulignement du texte <span> */
color:#000;
font-size: 12px;
background-color:#ffffff;
} /* met le texte <span> en noir */

.encart a:hover span {
display: block; /* Montre le texte <span> lors du survol */
position: absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
top: 490px;
right: 16px ;
width: 150px ;
height:45px ;
} 

/* Articles */
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f45131;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 18px;
}

.titre2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #5B781B;
	font-weight: bold;
	font-size: 15px;
	padding-top: 10px;
}

.titresommaire {
	font-family: Arial, Helvetica, sans-serif;
	color: #ec343a;
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
}

.soulignetitre {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f8b735;
}

.chapo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight:bold;
	line-height: 15px;
	padding: 10px 10px 0 10px;
	text-align: justify;
  background-image: url(../IMG/design/fondactu.png);
  background-repeat:no-repeat;
  background-position:top left;

}

.texte, .texte p.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	margin:0px;
	text-align: justify;
	line-height: 18px;
	padding-bottom: 10px;
}

.partenaires {
	position:relative;
	bottom:5px;
	margin-right:10px;
	text-align:right;
		
	}

/* ACTUS */

/* boîte à actus */

.floatactu {
  float: left;
  width: 46%;
  margin: 1em 0;
  padding-top:8px;
  padding-left:3px;
  padding-bottom:3px;
  padding-right: 3%;
  background-image: url(../IMG/design/fondactu.png);
  background-repeat:no-repeat;
  background-position:top left;
  font-size:1.1em;
  line-height:1.2em;

  }
  
  
/* Une du site */ 
.floatactu1 {
  float: left;
  margin: 0 0 1em 0;
  padding-top:8px;
  padding-left:8px;
  padding-bottom:3px;
  padding-right: 8px;
  background-image: url(../IMG/design/fondactu.png);
  background-repeat:no-repeat;
  background-position:top left;
  font-size:1.1em;
  line-height:1.2em;
  border: 2px solid #f8b735;
  z-index: -2;
  }
  
 .titreactu1 {
 float: left;
  background-color: #fff;
  background-image: url(../IMG/design/barreactu1.png);
  background-repeat:repeat-y;
  background-position:top left;
  color:#fff;
  font-weight:bold;
 padding:5px;
 margin-top:10px;
 margin-left:10px;
 z-index: 2;
}

/* Une du site */ 
.floatactu2 {
  float: left;
  margin: 0 0 1em 0;
  padding-top:8px;
  padding-left:8px;
  padding-bottom:3px;
  padding-right: 8px;
 border-top: 2px solid #cdf0f9;
  background-repeat:no-repeat;
  background-position:top left;
  font-size:1.1em;
  line-height:1.2em;
  z-index: -2;
  }
  
 .titreactu2 {
 float: left;
  background-color: #f8b735;
   background-image: url(../IMG/design/barreactu2.png);
  color:#fff;
 padding:5px;
 margin-top:10px;
 margin-left:10px;
 z-index: 2;
 font-weight:bold;
}

/* Connaissez-vous */

.floatactuconnais {
  float: left;
  margin: 0 0 1em 0;
  padding-top:8px;
  padding-left:8px;
  padding-bottom:3px;
  padding-right: 8px;
 border-top: 2px solid #cdf0f9;
  background-repeat:no-repeat;
  background-position:top left;
  font-size:1.1em;
  line-height:1.2em;
  z-index: -2;
  }
  
 .titreactuconnais {
  float: left;
  background-color: #4dd3f8;
   background-image: url(../IMG/design/barreactuconnais.png);
  color:#fff;
 padding:5px;
 margin-top:10px;
 margin-left:10px;
 z-index: 2;
 font-weight:bold;
}
  
/* boîte flottante */
.float {
  float: left;
  width: 47%;
  margin: 1em 0;
  padding-right: 3%;
  }
  

/* logo de la boîte float et de la page d'accueil */
.float .spip_logos {
padding: 1px;
margin: 1px;
}

.floatactu1 .spip_logos {
padding: 1px;
margin: 1px;
}
  
.sstitreactu {
  color:  #4dd3f8;
  font-weight: bold;
  font-size:13px;
}


.cadrerss {
	border: 1px solid  #f7c42c;
	padding: 5px;
}


.sstitrerss {
  color:#fff;
  font-weight: bold;
  background-image: url(../IMG/design/barreactu2.png);
  background-repeat:repeat-y;
  background-position:top left;
  padding: 3px;
  margin-bottom: 3px;
}

.imgsatelites:hover{
	opacity:0.5; 
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity:0.5;
border: 2px solid #f7c42c;
	}
	
	.imgsatelites{
opacity:1; 
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1;
border: 2px solid #fff;
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 15px;
	margin:0px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 12px;
}

h3, h3.spip
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 14px;
 	
	text-align: left;
	margin-top : 10 px;
	margin-bottom : 10px;
	color: #ec343a;
	background-image: url(../IMG/design/feuille_li.png);
	background-repeat: no-repeat;
	background-position: 0% 80%;
	padding-left: 18px;
}

h4 {
	font-family: arial;
	color: #55811B;
	font-size: 16px;
	margin:0px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding-bottom: 10px;
}

.spip_puce { 
list-style-position: outside; }

ul.spip { list-style: square; }
ol.spip { list-style: decimal; }
ul.spip li, ol.spip li { list-style: inherit; }
li.spip { margin: 0 0 5px 5px; list-style-position: outside; }

.ps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B781B;
	font-size: 10px;
	line-height: 12px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px dashed #55811B;
}

.notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B781B;
	font-size: 10px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px groove #55811B;
}

a.spip_note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B781B;
	font-size: 10px;
	font-weight: bold;
}

a.spip_note:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #BBDD75;
	font-size: 10px;
	font-weight: bold;
}

/* Auteur */
.auteur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5B781B;
}

/* Barre */
hr {
clear: both;
width: 100%;
border: 0; /* enleve toute bordure */
border-bottom: 1px solid #d2f43b; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}

/* Topmenu */

.intitule {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	margin-left: 15px;
}

.topmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d2f43b;
	text-decoration: none;
	margin-right: 15px;
}



/* Menu */
.affiche{
	visibility:visible;
}
.cache{
	display:none;
}

.racine{
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
}

.rubrique li {
	margin-right:0px;
	margin-top:3px;
	margin-bottom:5px;
	margin-left: 10px;
	padding:0px;
	color: #FFFFFF;
	font-size:13px;
   list-style-position: outside;
   list-style-image: url(../IMG/design/pucemenuoff.png); 
  /* background: transparent url(../IMG/design/pucerouge.png) center left no-repeat; */
}

.rubriqueon li {
	margin-right:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left: 10px;
	padding:0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:13px;
   list-style-position: outside;
   list-style-image: url(../IMG/design/pucemenuoffon.png); 
  /* background: transparent url(../IMG/design/pucerouge.png) center left no-repeat; */
}

.rubriqueon li:hover {

   list-style-image: url(../IMG/design/pucemenuon.png); 
  /* background: transparent url(../IMG/design/pucerouge.png) center left no-repeat; */
}

.rubrique li:hover {

   list-style-image: url(../IMG/design/pucemenuon.png); 
  /* background: transparent url(../IMG/design/pucerouge.png) center left no-repeat; */
}

.rubriquess li{
	margin:0px;
	padding:0px;
	font-size:11px;
	margin-bottom:5px;
	margin-left:20px;
  font-style: italic;
	 list-style-position: outside;
   list-style-image: url(../IMG/design/pucessmenuoff.png); 
}

.rubriquess li:hover{
	list-style-image: url(../IMG/design/pucessmenuon.png); 
}

.tableaumenu{
	padding-left:10px;
	width:155px;

}

.tableaumenu2{
	padding-left:5px;
	width:145px;
}

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
	text-decoration: none;
	font-weight: bold;
}

.menuon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b1d353;
	text-decoration: none;
	font-weight: bold;
}

.sousmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
} 

.sousmenuon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #b1d353;
	text-decoration: none;
}

.resousmenu, .resousmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eeeeee;
	text-decoration: none;
	font-size:8px;
} 

.resousmenuon, .resousmenuon a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	font-size:8px;
}

/* Liens RSS */

.lienrss {
color:#f7c42c;
}

.lienrss:hover {
color:#f8b735;
}

/*Menu intermédiare */
.menuagenda {
   color:  #d2f43b;
   margin-bottom:25px;
}

.menuagendaon {
  color: #ec343a;
   text-decoration: none;
   background-color: #d2f43b;
  line-height: 30px;
    padding: 4px;
   border: 1px solid #fbbb01;
}

a.menuagenda {
   color: #ec343a;
   text-decoration: none;
    line-height: 30px;
    padding: 4px;
   border: 1px solid #fbbb01;
}

a.menuagenda:hover {
   color: #ec343a;
   text-decoration: none;
   background-color: #d2f43b;
   padding:2px;
   border: 1px solid #fbbb01;
}

/* Agenda */

.maniftitreenv {
font-weight: bold;
	color: rgb(91, 120, 27);
}

.maniftitresol {
font-weight: bold;
	color: #ec343a;
}

.manifdate {
   font-style: italic;
	color: #2c9630;
}

.manifgris {
	color: #7f7f7f;
	font-size: 9px;
}

td.important {
   padding: 10px;
	text-align: justify;
	border:1px solid #f7c42c;
}

td.importanton {
   padding: 10px;
	text-align: justify;
	border:2px solid #f7c42c;
	 background-repeat:no-repeat;
  background-position:top left;
	 background-image: url(../IMG/design/fondactu.png);
}

.logoimportant
{
	margin-top: 10px;
	text-align: center;
	background-color: #d2f43b;
	
}

.blanc
{
	height:7px;
	background-color:#ffffff;

}

/* Rubriques */position:absolute;
.titregeneral {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: rgb(91, 120, 27);
	background-color: #d2f43b;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1px;
	padding-left: 5px;
	margin-bottom: 10px;
}

.titregeneral2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: justify;
}

.lienrubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

a.lienrubrique:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B01100;
	text-decoration: none;
}

a.lienrubrique:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B01100;
	text-decoration: none;
}

a.lienrubrique:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}

a.lienrubrique:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}

.separation {
	margin-bottom: 5px;
	border-bottom: 1px solid #99CC33;
}

/* Date ajout */
.dateajout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5B781B;
}

/* Bouton */
.bouton, .boutoni {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	padding: 1px;
	margin: 1px;
}

/* Breves */
.breves {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	margin:0px;
	text-align: left;
	line-height: 12px;
}

/* Glossaire */
.glossaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #5B781B;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

/* Hierarchie */
.hierarchie {
	position:relative;
	bottom:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #f8b735;
	text-decoration: none;
	padding-top: 5px;
	margin-top: 25px;
	border-top: 1px solid #f8b735;
}

a.hierarchie:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f8b735;
	text-decoration: underline;
}
}
a.hierarchie:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f7c42c;
	text-decoration: underline;
}
a.hierarchie:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f7c42c;
	text-decoration: underline;
}

/* Cartouches */


/* Activités */

.boxcomplement {
  background-color: #ffff00;
  float: right;
  width: 100px;
  margin: 0;
}


/* Bord droit */

.cartouche {
	margin-bottom: 5px;
	width:175px;
}

.liencartouche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#d2f43b;
	text-align: center;
	font-weight: bold;
}

.titrecartouche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2c9630;
	text-align: left;
	text-transform: uppercase;
	background-color: #fff;
	font-weight: bold;
	padding: 1px;

}

.titrecartouche2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5B781B;
	font-weight: bold;
	padding: 3px;
}

.encart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
	color: #333333;
	padding: 3px;
	background-color: #fff;
}

.miniencart
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 3px;
	background-color: #cdf0f9;
	height:24px;
}



.dateencart {
color: #333333;
	font-size: 10px;
font-style: italic;
}
.interligneencart {
	padding-bottom: 3px;
	text-align: left;
}

.lienencart {
	margin-left: 11px;
	color:#2c9630;
	text-decoration: none;

}

.lienencart:hover {
	margin-left: 11px;
	color:#ec343a;
	text-decoration: none;
}


a.encart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f45131;
	text-decoration: none;
	padding-bottom: 5px;
	border: none;
	padding: 0px;
}


a.encart:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f8b735;
	text-decoration: none;
	border: none;
	padding: 0px;
}


/* Pied */
.pied {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B781B;
	font-size: 10px;
	text-align: center;
	padding: 5px;
	background-color:#b1d353;
	background-repeat:repeat-x;
  background-position:bottom;
	 background-image: url(../IMG/design/fondpied.png);
  padding-bottom:10px;
}

.lienpied:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ec343a;
	font-size: 10px;
	text-decoration: none;
	}
.lienpied:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ec343a;
	font-size: 10px;
	text-decoration: underline;
}
.lienpied:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ec343a;
	font-size: 10px;
	text-decoration: underline;
}

.lienpied:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ec343a;
	font-size: 10px;
	text-decoration: none;
}

/* Formulaires */
.recherche {
	padding-top: 10px;
	padding-bottom: 10px;
}

input.formgoogle{
	width: 25px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#f7d780;
	background-image: url(images/stickpt.jpg);
}

.formrecherche2 {
	color: #505030;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width:90px;
}

.formcartouche {
	color: #505030;
	margin: 0px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.formagenda {
color :#333333;
font-size: 11px;
padding: 1px;
}

.formagendagras {
color :#333333;
font-weight:bold;
font-size: 11px;
padding: 1px;
}

input.boutonagenda {
border:2px outset #fbbb01;
font-weight:bold;
cursor:pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ec343a;
	font-size: 10px;

	padding: 1px;
	margin: 1px;

}

input.boutonagenda:hover {
background-color:#d2f43b;
color:#ec343a;
}

input.boutonagenda:active {
border:2px inset #fbbb01;
background-color:#d2f43b;
color:#ec343a;
}

.formcontact {
	color: #333333;
	margin: 0px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.formulaire {
	color: black;
	margin: 0px;
	margin-bottom: 16px;
	padding: 4px;
	border: 1px solid #a0a0a0;
	background-color: #f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
}

.formrecherchegoogle {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:9px;
}

.etiquette {
	text-align: right;
}

.texteetiquette {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.avertissement {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5B781B;
}

/* Images et documents */

img, .spip_logos { margin: 0; padding: 0; border: none; }



.spip_documents {}
span.spip_documents_center { display: block; margin-top:1em; }

.spip_doc_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5B781B;
	text-align: center;
	line-height: 14px;
	padding-top: 5px;
	margin-left:auto;
	margin-right:auto;
}

.spip_doc_descriptif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5B781B;
	text-align: center;
	line-height: 12px;
	padding-top: 5px;
	margin-left:auto;
	margin-right:auto;
}

.spip_documents_right {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
}

.spip_documents_left {
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

.spip_documents_center {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	text-align: center;
}

.spip_logos {
	margin-left: 5px;
	border-width: 0px;
}

.spacer {
  clear: both;
}

/* Tableaux articles */
.tableau {
	background-color: #DDEDA7;
	margin: 0px;
	padding: 10px;
	border: 0px;
}
.cellule {
	background: #DDEDA7;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
}
.colonne {
	background: #5B781B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-indent: 0pt;
	font-weight: bold;
	text-align: center;
}

/* Pagination*/
.pagination {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5B781B;
	text-decoration: none;
	}

/* Liens */
a.liens:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #B01100;
	font-weight: bold;
	text-decoration: none;
}

a.liens:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}
a.liens:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
a.liens:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

/* Plan*/
.plan_sous_rubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B781B;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 10px;
}

.plan_article {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	margin:0px;
	text-align: left;
	line-height: 12px;
	padding-left: 20px;
}

a.lienplan1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

a.lienplan1:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
a.lienplan1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
}
a.lienplan1:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
}

a.lienplan2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #B01100;
	text-decoration: none;
}

a.lienplan2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}
a.lienplan2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
}
a.lienplan2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
}

a.lienplan3:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ec343a;
	text-decoration: none;
}

a.lienplan3:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ec343a;
	text-decoration: none;
}
a.lienplan3:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B781B;
	text-decoration: none;
}
a.lienplan3:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B781B;
	text-decoration: none;
}



/* Tableaux */
table.spip {
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px;
	border-collapse: collapse;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold;
}
table.spip tr.row_first { background: #FFFFFF; }
table.spip tr.row_odd { background: #FFFFFF; }
table.spip tr.row_even { background: #FFFFFF; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: top; }

/* Forums */
a.lienrepondre:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B01100;
	text-decoration: none;
}

a.lienrepondre:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B01100;
	text-decoration: none;
}

a.lienrepondre:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

a.lienrepondre:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

/* Social tags */
div.socialtags { margin: 2px 0 0px 0; padding 0;}


.socialtags ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.socialtags ul li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.socialtags ul li:before { content: ""; }
.socialtags img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.socialtags-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.socialtags-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
/* Habillage des forums */
.forum-repondre, .forum-decompte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	font-weight: bold;
	color: #5B781B;
	font-size: 10px;
}

ul.forum {list-style:none; display: block; clear: both; margin: 0; padding: 0;}
.forum-fil {margin-top: 10px;}
.forum-fil ul {list-style: none; display: block; margin: 0; padding: 0; margin-left: 20px;}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #5B781B;}
.forum-chapo small {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000;}
.forum-texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 10px; color: #333333;}
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 1px 0; text-align: right;}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message {border: 1px solid #5B781B; margin: 0; padding: 0; margin-bottom: 10px;}
ul ul .forum-message {border: 1px solid #5B781B;}
ul ul ul .forum-message {border: 1px solid #5B781B;}
ul ul ul ul .forum-message {border: 1px solid #5B781B;}
ul ul ul ul ul .forum-message {border: 1px solid #5B781B;}
ul ul ul ul ul ul .forum-message {border: 1px dotted #5B781B;}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {border: 0; border-bottom: 1px dotted #55811B; margin: 0; padding: 3px 6px 2px 6px; font-size: 10px; background: #BBDD75; }
ul ul .forum-chapo {background: #CFE79E;}
ul ul ul .forum-chapo {background: #DDEEBB;}
ul ul ul ul .forum-chapo {background: #E7F3CF;}
ul ul ul ul ul .forum-chapo {background: #EEF7DD;}

fieldset {margin-bottom: 10px; padding: 10px; border: 1px solid #65851E;}

legend {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: #ec343a; 
padding: 3px; 
background: #FFF;}

label {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin: 0px; padding: 2px; border: 1px solid #CCCCCC;}


#menu h2 {
display:block; 
color:#ffffff; 
padding:5px; 
}
#wrap #page #menu #sidemenu { 
padding: 0px 45px 0px 40px;	
display: block;}
#sidemenu h2.recherche { 
margin-top:1em; 
border-bottom:0;}

#sidemenu #sidemenu-liste {display:block; list-style:none;}
#sidemenu #sidemenu-entree {display:block; border-top:solid 1px #fff;}

#sidemenu a, #sidemenu a:active {
display:block; 
padding:5px;
color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
#sidemenu a:hover{ background:none;color:#fbbb01;}
#sidemenu .active a,#sidemenu .active a:active, #sidemenu .active a:hover {
background:none;color:#fbbb01;
}

#sidemenu ul {
padding:0;
margin:0;
list-style-type:none;
width:180px;
}

/* hack for IE5.5 */ * html #sidemenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */ #sidemenu li {position:relative;}
/* get rid of the table */ 
#sidemenu table {
position:absolute; 
border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

#sidemenu a {
display:block; 
text-decoration:none;
}
/* hack for IE5.5 */* html #sidemenu a {width:150px; w\idth:149px;}
/* style the link hover */* html #sidemenu a:hover {background:none;}

#sidemenu :hover > a {background:none;color:#fbbb01;}
#sidemenu ul ul {
visibility:hidden;
position:absolute;
top:5px;
left:175px;
color:#f45131;
background-image: url(../IMG/design/fondmenu.png);
}

#sidemenu ul a{
 color:#ffffff;
 margin-left:5px;
}

#sidemenu ul a:active {
color:#fbbb01;
}
#sidemenu ul ul a,#sidemenu ul ul a:active {
 text-transform: none;
 font-weight:normal;
 margin-left:0;
 font-size:12px;
 color:#333333;
 border-bottom:solid 1px #fbbb01;
}

#sidemenu ul ul a:hover,#sidemenu ul ul a:active { color:#f45131; }

#sidemenu ul ul ul a,#sidemenu ul ul ul a:active {
 font-size:11px;
  margin-left:0;
}

 
#sidemenu ul li:hover ul,#sidemenu ul a:hover ul {
visibility:visible;
border-left:solid 1px #2c9630;
z-index:1
}

#sidemenu ul :hover ul ul{visibility:hidden;}
#sidemenu ul :hover ul :hover ul ul{visibility:hidden;}
#sidemenu ul :hover ul :hover ul{visibility:visible;}
#sidemenu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* Menu pied de page*/

.menupied {background-color: #aad339; border-bottom: 1px solid #d2f43b; border-top: 1px solid #d2f43b;}

.piedrubrique li, .piedrubriqueon li {
	    text-transform: uppercase;
	    font-weight:bold;	
	margin-right:0px;
	margin-top:8px;
	margin-bottom:5px;
	margin-left: 10px;
	padding:0px;
	padding-bottom:5px;
	color: #FFFFFF;
	font-size:11px;
	  text-align:left;
	  list-style-type: none; 
   border-bottom:1px dashed #2c9630; 
  /* background: transparent url(../IMG/design/pucerouge.png) center left no-repeat; */
}

.piedrubriqueon li:hover, .piedrubrique li:hover  {
list-style-type: none;
}


.piedrubriquess li{
	margin:0px;
	padding:0px;
	font-size:10px;
	margin-bottom:0px;
	margin-left:20px;
	 list-style-position: outside;
	 font-family: Helvetica, sans-serif;
   list-style-image: url(../IMG/design/pucessmenuoff.png);
   text-align:left; 
}

.piedrubriquess li:hover{
	list-style-image: url(../IMG/design/pucessmenuon.png); 
}

/* Abomailman */

.choix label {
    color: #f45131;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.choix p {
    color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

/* Formulaire assos */

.textesaisie {
    display: inline;
    float: left;
    font-weight: bold;
    margin: 3px;
    width: 75px;
}

#assos select {
    background-color: #eeeeee;
    border: 1px solid #F7C42C;
    color: black;
    font-size: 12px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding: 3px;
}

#assos input {
    background-color: #4C4747;
    border: 1px solid #F7C42C;
    color: #EBEBD9;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}

#assos input:hover {
	 background-color:#493D1C;
	 }