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

/* Disposition generale */
.page {
	position: relative;
    width: 98%;
	top: 5px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
}

div.page b.rtop, 
div.page b.rbottom
{
    display:block;
    background: #d2f43c;
}

div.page b.rtop b
{   
    display:block;
    height: 1px;
    overflow: hidden;
    background: #ffffff;
}

div.page b.rbottom b
{   
    display:block;
    height: 1px;
    overflow: hidden;
    background: #000000;
}

b.r1
{
    margin: 0 5px
}

b.r2
{
    margin: 0 3px
}

b.r3
{
    margin: 0 2px
}

b.rtop b.r4, b.rbottom b.r4
{
    margin: 0 1px;
    height: 2px
}

.gauche {
	width: 140px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	background-color:#000;
}
	
#centre {
	width: 100%;
	top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
		line-height: 1.5em;
}

#centre2 {
	
	padding-right: 26%;
}

.droite {
	width: 175px;
	top: 0px;
	background-color: rgb(0,51,102);
	background-image: url(../IMG/design/fondactu.jpg);
	padding-top: 10px;
	padding-right: 5px;
		line-height: 1.4em;
	<!-- border-left: #000 5px solid; -->
}

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

.fenetre {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
}

.png2swf {
   background: #fff url('../IMG/design/entetegon.png') no-repeat;
   
}
/* bien regler la marge (bugs IE) */
body { 
background: #d2f43c; margin: 0px; text-align: center; top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: justify;

	padding-bottom: 10px;
}

/* Liens spip */
a { text-decoration: none; color: #fbbb01;}
a:hover { text-decoration: underline; color: #fbbb01;}
a.spip_in, a.spip_url, a.spip_out, a.spip_glossaire { text-decoration: none; color: rgb(238,155,0); }
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: rgb(238,155,0);}


/* Articles */
.titre {

	color: #d2f43b;
	font-weight: bold;
	font-size: 20px;
   line-height: 24px;
}

.titre2 {
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(79,158,255);
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
}

.soignetitre {
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 3px solid #002245;
}

.chapo {
	font-family: trebuchet;
	color: #555;
	font-size: 12px;
	padding: 3px;
	font-weight: bold;
	margin-bottom: 10px;
	font-style:italic;
	
}

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

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

.toile {
	margin:0px;
	}
	
	
	
.	floatpublication {
  float: right;
  width: 30%;
  margin-left: 20px;
  margin-right:0px;
  }
  
/* SOMMAIRE */

/* boîte à hasard */

.float {
  float: right;
  width: 25%;
  margin-left:15px;
  margin-right:0px;
  }
  

.bandeaudroit {
 color:#888;
 padding-bottom:10px;
 background-color:#eee;
 }
 
div.float b.rtop, 
div.float b.rbottom
{
    display:block;
    background: #fff;
}

div.float b.rtop b
{   
    display:block;
    height: 1px;
    overflow: hidden;
    background: #888;
}

div.float b.rbottom b
{   
    display:block;
    height: 1px;
    overflow: hidden;
    background: #eee;
}


.titrehasard {
	font-size:11px;
	font-weight: bold;
	padding-left:5px;
	padding-top:7px;
  }
 
  .sommairehasard {
	padding-left:15px;
	padding-right:5px;
	font-size:10px;
	line-height:1.3em;
  }
  .grandtitrehasard {
  	color:#eee;
	background-color:#888;
	padding:5px;
	padding-top:3px;
	font-size:12px;
	font-weight: bold;
}
/* ACTUS */

.titreactu {
	color:#4f80ff;
	font-size:16px;
	padding-bottom:5px;
	 margin-bottom: 10px;
  border-bottom:1px solid #4f80ff;
}

.texteuneune{
	font-size: 13px;
}



/* A droite */

.textedroite{
 margin: 5px;
 padding: 5px;
 border-left: 1px #fff solid;
 border-top: 2px #fff solid;
}

.textedroitea:hover {
color:#d2f43b;
}


/* Surtitre */

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

h3, h3.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 16px;
	text-align: left;
	margin-top : 5px;
	margin-bottom : 5px;
	
	color: #4f80ff;
}

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

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

.spip { list-style: square; }
ol.spip { list-style: decimal; }
.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: 9px;
	line-height: 12px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px dashed #4f80ff;
}

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

a.spip_note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4f80ff;
	font-size: 9px;
	font-weight: bold;
}

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

/* Auteur */
.auteur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4f80ff;
}

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

/* Topmenu */

.intite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	margin-left: 20px;
}

.topmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4f80ff;
	background-image:url(../IMG/design/topmenu.jpg);
	text-decoration: none;
	padding-right: 10px;
	padding-top:3px;
	padding-bottom:3px;
}

.lientopmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
   font-weight: bold;
	color: #FFFFFF;  
	text-decoration: none;
	padding-left: 6px;
        padding-bottom: 3px;
	padding-right: 6px;
   
}

a.lientopmenu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
a.lientopmenu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
a.lientopmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #d2f43b;
	text-decoration: none;
}
a.lientopmenu:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #d2f43b;
	text-decoration: none;
}

/* Menu */
.affichemenu{
	visibility:visible;
}

.cachemenu{
	display:none;
}

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

.rubrique{
	margin:0px;
	margin-top:3px;
	margin-bottom:2px;
	padding:0px;
}

.rubriquess{
	margin:0px;
	margin-top:0px;
	margin-bottom:2px;
	padding:0px;
}

.tableaumenu{
	padding-left:15px;
	width:155px;
   height:30px;
}

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

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

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

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

.sousmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	font-weight:bold;
	display:block;
	text-decoration: none;
}

.sousmenu:hover, .sousmenuon:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d2f43b;
	font-weight:bold;
	display:block;
	text-decoration: none;
}

.sousmenuon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d2f43b;
	font-weight:bold;
	display:block;
	text-decoration: none;
}

.sousousmenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ddd;
	text-decoration: none;
	margin-left:5px;
	display:block;
	font-weight:none;
}

.sousousmenu:hover,.sousousmenuon:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d2f43b;
	text-decoration: none;
	margin-left:5px;
	display:block;
	font-weight:none;
}

.sousousmenuon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d2f43b;
	margin-left:5px;
	display:block;
	text-decoration: none;
}

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

.menuinton {
color: #555;
   text-decoration: none;
   background-color: #d2f43b;
   padding:3px;
   font-weight:bold;
   font-size:1.2em;
   border: 2px solid rgb(79,158,255);
   border-bottom: 3px solid rgb(79,158,255);
   border-right: 3px solid rgb(79,158,255);
}

a.menuint {
   color: rgb(79,158,255);
   text-decoration: none;
   padding:2px;
   border: 1px solid #d2f43b;
}

a.menuint:hover {
   color: #555;
   text-decoration: none;
   background-color: #d2f43b;
   padding:2px;
   border: 1px solid rgb(79,158,255);
}


/* Agenda */

.maniftitre {
font-weight: bold;
	color: #fbbb01;
	font-size: 13px;
}

.manifdate {
   color: #4f80ff;
   font-size: 13px;
}

.manifgris {
	color: #555;
	font-size: 10px;
}

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

td.importanton {
   padding: 10px;
	text-align: justify;
	border:1px solid #fbbb01;
	background-color: #d2f43b;
}

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

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

}

/* Rubriques */
.titregeneral {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	background-color: #000;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1px;
	padding-left: 5px;
	margin-bottom: 10px;
}

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

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

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

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

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

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

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

.separation {
	margin-bottom: 5px;
	border-bottom: 1px solid #4f80ff;
}

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

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

/* Breves */
.breves {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	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 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4f80ff;
	text-align: right;
	text-decoration: none;
	padding-bottom: 5px;
}

a.hierarchie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#fbbb01;
	text-decoration: underline;
}

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

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

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

}

.titrecartouche2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4f80ff;
	font-weight: bold;
	padding: 3px;
}

.encart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ccc;
	padding: 3px;
	
}

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

.lienencart {
	margin-left: 10px;
	color:rgb(238,155,0);
	text-decoration: none;

}

.lienencart:hover {
	margin-left: 10px;
	color:rgb(238,155,0);
	text-decoration: none;
}


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

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

/* Pied */
.pied {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	text-align: center;
	padding: 5px;
	padding-top: 0px;
	background-color:#000;
	<!-- background-image: url(../IMG/design/fondpied2.jpg); -->
	<!-- border-top: 5px solid #000;   -->
}

.cadrelogopied {
   background-color:#000;
   margin-left:380px;
   margin-right:380px;
   width=160px;
	margin-top: 5px;
	padding:5px;   
   }

.lienpied:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(238,155,0);
	font-size: 10px;
	text-decoration: none;
	}

.lienpied:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:rgb(238,155,0);
	font-size: 10px;
	text-decoration: underline;
}
.lienpied:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(238,155,0);
	font-size: 10px;
	text-decoration: underline;
}

.lienpied:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(238,155,0);
	font-size: 10px;
	text-decoration: none;
}

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

input.formgoogle{
	width: 40px;
	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: 9px;
}

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

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

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

	padding: 1px;
	margin: 1px;

}

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

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

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

.formaire {
	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;
}

.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:9px;
	color:#5B781B;
}

/* Images et documents  */

img, .spip_logos { margin-right: 5px; padding: 0; border: none; }

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

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

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

.spip_documents_right {
	margin :5px;
	float: right;
}

.spip_documents_left {
	margin :5px;
	float: left;
}

.spip_documents_center {
	clear: both; width: 100%; margin: auto;
}

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

.spip_bouton {
background-color: transparent;
}

.forml
{
    width: 100%;
    background-color: #d2f43b;
}

.spacer {
  clear: both;
}

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

/* Pagination*/
.pagination {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	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: #e5322b;
	text-decoration: none;
}

a.lienplan3:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e5322b;
	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: 1px;
	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; }
*/
table.spip {
}

table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #C0C0C0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}


/* 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;
}

/* Habillage des forums */
.forum-repondre, .forum-decompte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	font-weight: bold;
	color: #5B781B;
	font-size: 10px;
}

.forum {list-style:none; display: block; clear: both; margin: 0; padding: 0;}
.forum-fil {margin-top: 10px;}
.forum-fil  {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 */
 .forum-message {border: 1px solid #5B781B; margin: 0; padding: 0; margin-bottom: 10px;}
  .forum-message {border: 1px solid #5B781B;}
   .forum-message {border: 1px solid #5B781B;}
    .forum-message {border: 1px solid #5B781B;}
     .forum-message {border: 1px solid #5B781B;}
      .forum-message {border: 1px dotted #5B781B;}

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

fieldset {
margin-bottom: 10px; 
padding: 10px; 
border: 1px solid #4f80ff;

}

legend {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 15px; 
font-weight: bold; 
color:#4F80FF; 
padding: 3px; 

}

label {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}

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


/* Habillage de la carte */


/* Stripping out any margin or padding */
.carte , .carte li {
margin: 0;
padding: 0;
}

/* Removing the blet points */
.carte  li {
list-style: none;
}

/*
Setting the dimensions to match the image.
Change to a block element, and set the position as relative
for a base for our absolution positioning math
*/
.carte  {
display: block;
width: 480px;
height: 328px;
background: url(../IMG/design/cartegon2.png) no-repeat;
position: relative;
}

/* Removing the underlined links and changing to a block element */
.carte  li a {
display: block;
position: absolute;
border: none;
color: #FBBB01;
font-weight: bold;
text-decoration: none;
}

/* Setting up our text content to only show on hover */
.carte  li a span {
display: none;
}

.carte  li a:hover span {
display: block;
position: absolute;
width: 300px;
}

/* Positioning and dimensions, based off of image size of overlay and position in relative to base map  */
.carte a#eider {
top: 41px;
left: 25px;
width: 101px;
height: 91px;
cursor: pointer;
z-index:2;
}
/* Sets up our region for display on hover  */
a#eider:hover {
background: url(../IMG/design/eider.png) no-repeat;
}

/* Sets up our text for display on hover positioning based off of parent element  */
.carte a#eider:hover span{
top: -58px;
left: 147px;
}

/* Now we just run through the same pattern with each of our regions */
.carte a#goeland {
top: 23px;
left: 32px;
width: 199px;
height: 139px;
cursor: pointer;
}
.carte a#goeland:hover {    background: url(../IMG/design/goeland.png) no-repeat; }

.carte a#goeland:hover span {
top: -40px;
left: 140px;
}



.carte a#milouin {
top: 113px;
right: 168px;
width: 62px;
height: 75px;
cursor: pointer;
z-index:1;
}

.carte a#milouin:hover {
background: url(../IMG/design/milouin.png) no-repeat;
}

.carte a#milouin:hover span {
top: -130px;
left: -78px;
}

.carte a#engoevent {
top: 113px;
left: 24px;
width: 107px;
height: 136px;
cursor: pointer;
z-index:1;
}

.carte a#engoevent:hover {
background: url(../IMG/design/engoevent.png) no-repeat;
}

.carte a#engoevent:hover span {
top: -130px;
left: 148px;
}

.carte a#tadorne {
top: 96px;
right: 188px;
width: 90px;
height: 78px;
cursor: pointer;
z-index:1;
}

.carte a#tadorne:hover {
background: url(../IMG/design/tadorne.png) no-repeat;
}

.carte a#tadorne:hover span {
top: -113px;
left: -30px;
}

.carte a#vanneau {
top: 161px;
right: 106px;
width: 79px;
height: 73px;
cursor: pointer;
}

.carte a#vanneau:hover {
background: url(../IMG/design/vanneau.png) no-repeat;
}

.carte a#vanneau:hover span {
top: -178px;
left: -123px;
}

.carte a#gorgebleue {
top: 176px;
right: 167px;
width: 74px;
height: 82px;
cursor: pointer;
}

.carte a#gorgebleue:hover {
background: url(../IMG/design/gorgebleue.png) no-repeat;
}

.carte a#gorgebleue:hover span {
top: -193px;
left: -67px;
}

.carte a#cochevis {
top: 189px;
left: 154px;
width: 114px;
height: 112px;
cursor: pointer;

}

.carte a#cochevis:hover {
background: url(../IMG/design/cochevis.png) no-repeat;
}

.carte a#cochevis:hover span {
top: -206px;
left: 18px;
}