/*========Propriete du corps================*/ 

body 
 { 
 background: #CCFFCC; 
 color: #000000; 
padding: 5px; 
 margin: 0px; 
 } 

.gauche { 
 /*colonne de gauche*/ 
 border: 0px; 
 width: 200px; 
 position: absolute; 
 left: 20px; 
 font-family: Arial,Verdana,Helvetica,sans-serif; 
 } 

.droite { 
 /*colonne de droite*/ 
 border: 0px; 
 width: 220px; 
 position: absolute; 
 font-family: Arial,Verdana,Helvetica,sans-serif; 
 font-size: 10px; 
 right: 20px; 
 } 

.centre { 
 /*colonne centrale*/ 
 border: 0px; 
 margin-left: 200px; 
 margin-right: 220px; 
 font-family: Arial,Verdana,Helvetica,sans-serif; 
 } 



.centre_album { 
 /*colonne centrale*/ 
 border: 0px; 
 margin-left: 200px; 
 margin-right: 0px; 
 font-family: Arial,Verdana,Helvetica,sans-serif; 
 } 


/*=========bandeau============*/ 

a.bandeau 
 { 
 display: block; 
 background: #FF9900; 
 color: #000000; 
text-align: center; 
 margin:  0px 0px 0px 15px; 
 font-family: Arial,Verdana,Helvetica,sans-serif; 
font-size: 30px; 
 height: 110px; 
 padding: 10px 10px 10px 10px; 
 } 

a.bandeau:hover 
 { 
 color: #000000; 
 text-decoration: none; 
 } 

/*===========Menu chemin=======*/ 

.bande-chemin 
 { 
 background: #FFFF33; 
 color: #000000; 
border: 1px solid ; 
 padding: 4px 10px 4px 10px; 
margin: 0px 0px 10px 15px; /*180 espace gauche*/ 
text-align: left; 
 font-size: 11px; 
 font-weight: bold; 
font-family: Verdana,Helvetica,Arial,sans-serif; 
 } 

.bande-chemin a { 
 color: #000000; 
font-weight: bold; 
 } 

.bande-chemin a:hover { 
 color: #000000; 
 } 

/*---Menus du site (plan / contact / connexion...---*/ 

/*---bloc contenant les Menus du site---*/ 

.nav2 { 
 border: 1px solid ; 
 background: #FFFFFF; 
width: 100% ; 
 _width: 100%; /*pour i.e*/ 
 margin: 5px 0px 5px 0px; /*haut,droite,bas,gauche*/ 
padding-bottom: 5px; 
 padding-top: 5px; 
 } 

a { 
 text-decoration:none; 
 } 

a.bouton { 
 display:block; 
 background: #FFFFFF; 
 color: #000000; 
 text-decoration:none; 
 text-align:center; 
padding:2px;/*espacement entre les menus*/ 
 margin:10px 0px 10px 0px; 
 } 

a.bouton:hover { 
 background: ; 
 color: #242424; 
 text-decoration:none; 
 } 

/* bloc de navigation 1 --> arborescence du site*/ 

ul.menulist li ul{ display:none; } 

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

ul.menulist ul{ 
  position:absolute; 
 top: 0px; /*decalage hauteur*/
 left: 170px ;  /*décalage du sous-menu (largeur gauche - 30)*/ 
 } 

ul.menulist li.smenu {
        background-image: url(../puces/arrow.gif) !important;
        background-position: 160px; /*décalage de la puce*/
        background-repeat: no-repeat;
}

ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
        background-image: url(../puces/arrowb.gif) !important;
        background-position: 156px; /*décalage de la puce*/
        background-repeat: no-repeat;
}

.nav1 { 
 /*bloc contenant la hiérarchie*/ 
 padding:0px; 
 font-size: 12px; 
 } 

ul.menulist, 
 ul.menulist ul{ 
  background: #FFFFFF; 
 border:1px solid ; 
 list-style:none; 
  margin:0px;/*positionnement vers la droite*/ 
padding:10px;/*positionnement du texte au centre des boutons*/ 
 }

ul.menulist a{ 
 display:block; 
 width: 100%;/*pour i.e*/ 
 color: #000000; 
 text-decoration:none; 
 padding: 3px;/*espacement entre les lignes de menu*/ 
 } 

ul.menulist a:hover{ 
 background: ; 
 color: #242424; 
 } 

ul.menulist li{ 
 position:relative; 
 margin:0px; 
 padding:5px;/*epaisseur bordure exterieur du block*/ 
 border-bottom: 1px solid ; 
 } 

/* contenu --> rubriques (les cadres) */ 

.contenu .rubrique { 
 border: 1px solid ; 
 background: ; 
 margin: 0px 30px 40px 30px; 
 } 

.contenu .rubrique a.titre { 
 display: block; 
 font-size: 150%; 
 color: #000000; 
 padding: 1px 5px 1px 5px; 
 margin-right: 50%; 
 text-align:center; 
font-weight:bold; 
 } 
.contenu .rubrique .texte a { 
 color: ; 
 text-decoration: none; 
 } 

.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 table {
	font-size: 85%;
	border-color: ;
}

.contenu .rubrique tr.row_first {
	background: ;
	color: #000000;
	text-align: center;
	font-size: 100%;
}

.contenu .rubrique tr.row_odd {
	background: ;
	color: #000000;
}

.contenu .rubrique tr.row_even {
	background: ;
	color: #000000;
}

.contenu .rubrique td {
	border: 1px solid ;
	padding: 1px 5px 1px 5px;
}


.derniers-articles { 
 background: ; 
 border:  solid 1px; 
 margin: 30px 30px 20px 30px; 
font-family: Arial,Verdana,Helvetica,sans-serif; 
 font-size: 12px; 
 padding: 10px; 
 } 

.derniers-articles .annonce { 
 background: ; 
 margin: 10px; 
 padding: 0px 0px 10px 0px; 
 } 

.derniers-articles a { 
 	color: ; 
 text-decoration: none; 
 } 

.derniers-articles .en-tete { 
 color: #000000; 
 font-size: 150%; 
 /*font-weight: bold;*/ 
 margin: 0px 10px 10px 10px; 
 } 

.derniers-articles a.titre { 
 display: block; 
 color: #000000; 
 font-size: 130%; 
 font-weight: bold; 
 margin: 0px 10px 0px 10px; 
text-decoration: none; 
 padding-top: 5px; 
 } 

.derniers-articles a.titre:hover { 
 color: #242424; 
 font-size: 130%; 
 font-weight: bold; 
margin: 0px 10px 0px 10px; 
 text-decoration: underline; 
 } 

.derniers-articles .surtitre { 
 color: #000000; 
 font-weight: bold; 
margin: 0px 10px 0px 10px; 
 padding-top: 5px; 
 } 

.derniers-articles .soustitre { 
 color: #000000; 
 font-weight: bold; 
 margin: 0px 10px 0px 10px; 
 padding-top: 5px; 
 } 

.derniers-articles .chemin { 
 color: #000000; 
 font-weight: bold; 
 padding: 10px 10px 5px 10px; 
 } 

.derniers-articles .introduction { 
 color: #000000; 
 margin: 10px 10px 0px 10px; 
 } 

/*---Style des formulaires---*/ 

.formulaire_spip fieldset { 
 border: 1px solid ; 
 margin: 10px 0px 10px 0px; 
 padding: 10px; 
 } 

.formulaire_spip legend { 
 color: #000000; 
 background: ; 
 font-weight: bold; 
 border: 1px solid ; 
 padding: 2px 5px 2px 5px; 
margin: 0px 0px 5px 0px; 
 } 
 
.saisie-texte, .forml { 
 display:block; 
 color: #000000; 
 background: ; 
 border: 1px solid ; 
 margin:5px 0px 5px 0px; 
 padding:1px; 
 } 

.spip_bouton input { 
 display: block; 
 float: right; 
 	background: ; 
 color: #000000; 
 border: 1px solid ; 
 margin:5px 0px 5px 0px; 
behavior: url(squelettes/scripts/spip-bouton-hover.htc); 
 } 

.spip_bouton input:hover { 
 background: #CCFFCC; 
 color: #000000; 
 border: 1px solid ; 
 cursor: pointer; 
 } 

.reponse_formulaire { 
 font-size: 12px; 
 font-weight: bold; 
 color: #000000; 
 } 

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

.footer {
	clear: both;
	text-align: center;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	padding: 20px; } 

.footer a { 
 color: #000000; 
 text-decoration: none; 
 } 

.footer a:hover { 
 text-decoration: underline; 
 } 

/* ===== Formatage des éléments de la colonne centrale == */ 

/* Style de l'intitulé de chaque page */ 

.auteur .intitule { 
 color: #000000; 
 font-size: 24px; 
 font-weight: bold; 
 margin: 0px 0px 20px 0px; 
 } 



.auteur a {
	color: #000000;
	text-decoration: none;
}

.intitule { 
 color: #000000; 
 font-size: 24px; 
 font-weight: bold; 
 margin: 0px 30px 20px 30px; 
 } 

.plan .intitule { 
 color: #000000; 
 font-size: 100%; 
 font-weight: bold; 
 margin: 0px 0px 20px 0px; 
 } 

.plan a.rubrique { 
 display:block; 
 color: #000000; 
 font-weight:bold; 
 padding-left:15px; 
 margin: 0.5em 0px 0px 0px; 
 } 

.plan a.article { 
 color: #000000; 
 padding: 0px 0px 0px 10px; 
 margin: 0px; 
 font-size: 11px; 
 } 

.plan a.breve { 
 color: #000000; 
 padding: 0px 0px 0px 10px; 
 font-size: 11px; 
 } 

.plan .date { 
 color: #000000; 
 } 

.plan hr {
	margin: 10px 20px 10px 20px;
	border: 1px solid ;
}
.plan a.annee {
	display:block;
	color: #000000;
	font-weight:bold;
	padding-left:15px;
	margin: 0.5em 0px 0px 0px;
}

.plan a.article-syndic {
	display: block;
	color: #000000;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}


/* ~~~~~~~~~~~~ Style des Forums ~~~~~~~~~~~~ */ 

.annonce-forum { 
 color: #000000; 
 font-size: 150%; 
 font-weight: bold; 
 width: 100%; 
 margin: 0px 30px 0px 30px; 
 } 

a.repondre {	
 background: ; 
 color: #000000; /* !important */ 
 text-decoration:none; /* !important */ 
 border: 1px solid  ;
text-align:center; 
 padding: 1px 5px 1px 5px; 
 float: right; 
 } 

a.repondre:hover { 
 background: #CCFFCC; 
 color: #000000; 
 text-decoration:none ; 
 } 

.forum .en-tete { 
 color: #000000; 
 font-size: 150%; 
 margin: 0px 0px 5px 0px; 
 } 

.forum .visualisation { 
 border: 1px solid ; 
 margin: 10px 0px 0px 0px; 
 } 

.forum .visualisation a { 
	color: ; 
 text-decoration: none; 
 } 

.forum .visualisation a:hover { 
 color: #242424; 
 text-decoration: underline; 
 } 

.forum .visualisation .titre { 
 border-bottom: 1px solid ; 
 font-size: 120%; 
 font-weight: bold; 
text-align: left; 
 color: #000000; 
 margin: 0px; 
 padding: 2px 10px 2px 10px; 
 background: ; 
 margin: 0px; 
 } 

.forum .visualisation .detail { 
 border-bottom: 1px solid ; 
 border-left: 1px solid ; 
font-size: 90%; 
 text-align: center; 
 color: #000000; 
 width: 200px; 
 float: right; 
 padding: 1px; 
 background: ; 
 } 

.forum a.article-forum { 
 text-decoration: none; 
 font-size: 110%; 
 color: #000000; 
 font-weight: bold; 
 } 



.bande-pagination span.on {
	display:inline;
	background:;
	color:#000000;
	border:  solid 1px;
	padding:1px;
	margin:10px 2px 10px 2px;
}
		
.bande-pagination a {
	display:inline;
	background:;
	color:;
	border:  solid 1px;
	padding:1px;
	margin:10px 2px 10px 2px;
}
.bande-pagination a:hover {
	background:;
	color:#242424;
}


/* ~~~~~~~~~~~~ GALERIE ~~~~~~~~~~~~ */ 

.galerie .album {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-top: 2px solid ; 
 }

.galerie .album   a.titre { 
 display: block; 
 color: #000000; 
 font-size: 130%; 
 font-weight: bold; 
margin: 0px 10px 0px 10px; 
 text-decoration: none; 
 padding-top: 5px; 
 } 

.galerie .album   a.titre:hover { 
 color: #242424; 
 font-size: 130%; 
 font-weight: bold; 
margin: 0px 10px 0px 10px; 
 text-decoration: underline; 
 } 

.galerie .album .texte { 
 display: block; 
 float: left; 
 margin: 10px; 
 color: #000000; 
 } 

.galerie .album .introduction { 
 color: #000000; 
 margin: 10px 10px 0px 10px; 
 } 

.galerie .album a.suite { 
 color: ; 
 text-align: right; 
 display: block; 
 padding-right : 25px; 
 } 

/* ~~~~~~~~~~~~ Style des Recherches ~~~~~~~~~~~~ */ 

.recherche .intitule { 
 color: #000000; 
 font-size: 24px; 
 font-weight: bold; 
 margin: 0px 0px 20px 0px; 
padding: 1px 10px 1px 0px; \ n border: 0px; 
 } 

.recherche .elements-trouves { 
 color: #000000; 
 font-size: 150%; 
 font-weight: bold; 
 margin: 0px 0px 15px 0px; 
padding: 0px; 
 text-decoration: underline; 
 } 

.recherche .mot-cle { 
 color: #000000; 
 font-size: 130%; 
 font-weight: bold; 
 margin: 0px 0px 20px 0px; 
padding: 0px; 
 text-decoration: underline; 
 } 

 


.spip_bouton_gauche input {
	display: block;
	background: #009933; 
	color:#000000;
	border: 1px solid ;
	margin:5px 0px 5px 0px;
	behavior: url(squelettes/scripts/spip-bouton-hover.htc);
}

.spip_bouton_gauche input:hover {
	background: #009933; 
	color: #000000;
	border: 1px solid ;
	cursor: pointer;
}

blockquote {
	display: block;
	border : 1px solid ;
	border-left : 8px solid #000000;
	background : #CCFFCC;
	padding : 0px 5px 0px 5px;
	font-style :italic;
	overflow: auto;
}

/* ~~~~~~~~~~~~ annonce des rubriques-secteurs ~~~~~~~~~~~~ */ 

 .sommaire .rubrique { 
 border: 1px solid ; 
 background: ; 
 margin: 0px 30px 20px 30px; 
 } 

.sommaire .rubrique a.titre { 
 display: block; 
 font-size: 150%; 
 color: #000000; 
 background: ; 
 padding: 1px 5px 1px 5px; 
 margin-right: 50%; 
 text-align:center; 
 font-weight:bold; 
 } 

.sommaire .rubrique a.titre:hover { 
 text-decoration: underline; 
 } 

.sommaire .rubrique .texte a {
	color: ;
	text-decoration: none;
}

.agenda_annuel .intitule {
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

.agenda_annuel a.mois {
	display:block;
	color: #000000;
	font-weight:bold;
	padding-left:15px;
	margin: 0.5em 0px 0px 0px;
}

.agenda_annuel a.evenement {
	color: ;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 11px;
}

.agenda_annuel .date {
	color: #000000;
}





/* Les cadres de la colonne de droite */ 

 /* ~~~~~~~~~~~~ Mini-agenda ~~~~~~~~~~~~ */

.agenda {
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	color: #000000;
}


.agenda .en-tete {
	display: block;
	background-color: #009933;
	font-weight: bold;
	font-size: 200%;
	color: #242424;
	text-align: center;
	border: 2px solid ;
}

.agenda a.en-tete {
	display: block;
	background-color: #009933;
	font-weight: bold;
	font-size: 200%;
	color: #000000;
	text-align: center;
	border: 1px solid ;
}

.agenda a.en-tete:hover {
	background-color: #009933;
	color: #000000;
	border: 1px solid ;
}
.agenda .contenu {
	border: 1px solid ;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 150%;
}

.agenda .contenu .mois {
	border-bottom:1px solid ;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	text-align:center;
}

.agenda .contenu .mois a{
    color: #000000;
	font-weight: bold;
    text-decoration: none ;
	font-size: 100%;
}
.agenda .contenu .mois a:hover{
    text-decoration: underline;
	color: #000000;
}

.agenda .contenu .mois .date {
	font-size: 75%;
}

.tableau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:center;
	font-style:normal;
}

.calendar_this_day {  /* surligne le jour d'aujourd'hui */
        display: block;
        background: #009933;
        border: 1px solid ;
        width: 20px;
        font-weight:bold;
	color :#000000;
}

.calendar_this_month {  /* couleur des cases appartenant au mois en cours */
	background-color: #CCFFCC;
}

.calendar_not_this_month {  /* couleur des cases n'appartenant pas au mois en cours => début et fin de mois */
	background: #CCFFCC;
	color:#CCFFCC;
}

.calendar_head_mini {    /* corespond à la ligne des jours : lu ma me je ve sa di*/
	background-color:#CCFFCC;
	text-align: center;
	font-size: 10px;
        border: 1px solid ;
	color: #000000;
	font-family: Verdana, Arial, Helvatica, sans-serif;	
	font-style:normal;
}



/* ~~~~~~~~~~~~ brèves ~~~~~~~~~~~~ */ 

.breves { 
 margin: 0px 0px 0px 0px; 
 font-size: 100%; 
 color: #000000; 
 } 

.breves a.en-tete { 
 display: block; 
 background-color: #009933; 
 font-weight: bold; 
 font-size: 200%; 
 color: #000000; 
 text-align: center; 
 border: 1px solid ; 
 } 

.breves a.en-tete:hover { 
	background-color: #009933; 
 color: #000000; 
 border: 1px solid ; 
 } 

.breves .contenu .titre { 
 border-bottom: 1px solid ; 
 font-size: 120%; 
font-weight: bold; 
 text-align: center; 
 color: #000000; 
 margin: 0px; 
 padding: 1px; 
 background: #CCFFCC; 
 } 

.breves .contenu { 
 border: 1px solid ; 
 margin: 10px 0px 10px 0px; 
 padding: 0px; 
	font-size: 100%; 
  } 

.breves .contenu a.nom-breve { 
 display: block; 
 border-bottom: 1px solid ; 
font-size: 150%; 
 font-weight: bold; 
 text-align: center; 
 color: #000000; 
 margin: 0px; 
 padding: 1px; 
 background: #CCFFCC; 
 } 

.breves .contenu a.nom-breve:hover { 
 color: #009933; 
 color: #000000; 
 text-decoration: none; 
 } 

.breves .contenu .date { 
 /* border-bottom: 1px solid ; */ 
 /* border-left: 1px solid ; */ 
 font-size: 90%; 
 text-align: center; 
 color: #000000; 
 margin-left: 40%; 
 padding: 1px; 
 text-align: center; 
 } 

.breves .contenu .texte strong { 
 color: #000000; 
 } 

.breves .contenu  a { 
 color: #000000; 
 } 

.breves .contenu .texte { 
 margin: 0px; 
 padding: 5px; 
 font-size: 100%; 
 line-height: 110%; 
 color: #000000; 
 } 

.breves .contenu .texte a { 
 text-decoration: underline; 
 } 

.breves .contenu .texte a:hover { 
 text-decoration: none; 
 } 

/* ~~~~~~~~~~~~ mots-clés ~~~~~~~~~~~~ */ 

.droite .mots-cles { 
 margin: 0px 0px 0px 0px; 
 font-size: 100%; 
 color: #000000; 
 } 

.droite .mots-cles hr { 
 border: 0px; 
 height: 1px; 
 color: #000000; 
 background-color: #009933; 
 margin-left: 0px; 
 margin-right: 0px; 
 } 

.droite .mots-cles a.en-tete { 
 display: block; 
 background-color: #009933; 
 font-weight: bold; 
 font-size: 200%; 
 color: #000000; 
 text-align: center; 
 border: 1px solid ; 
 } 

.droite .mots-cles a.en-tete:hover { 
 background-color: #009933; 
 color: #000000; 
 border: 1px solid ; 
 } 

.droite .mots-cles .contenu a.type { 
 display: block; 
 border-bottom: 1px solid ;font-size: 130%; 
 font-weight: bold; 
 text-align: center; 
 color: #000000; 
 margin: 0px; 
 padding: 1px; 
 background: #CCFFCC; 
 margin-bottom: 10px; 
 text-decoration:none; 
 } 

.droite .mots-cles .contenu a.type:hover { 
 color: #000000; 
 background: #009933; 
 } 

.droite .mots-cles .contenu { 
 border: 1px solid ; 
 margin: 10px 0px 20px 0px; 
 padding: 0px; 
 font-size: 100%; 
 } 

.droite .mots-cles .contenu a { 
 display: block; 
 color: #000000; 
 padding: 0px 5px 3px 5px; 
 font-size: 110%; 
 text-decoration: none; 
 } 

.droite .mots-cles .contenu span { 
 display: block; 
 color: #000000; 
 padding: 0px 5px 3px 5px; 
 font-size: 110%; 
 text-decoration: none; 
 } 

/* ~~~~~~~~~~~~ sites syndiqués ~~~~~~~~~~~~ */ 

.web a.en-tete { 
 display: block; 
 background-color: #009933; 
 font-weight: bold; 
 font-size: 200%; 
 color: #000000; 
 text-align: center; 
 border: 1px solid ; 
 } 

.web a.en-tete:hover { 
 background-color: #009933; 
 color: #000000; 
 border: 1px solid ; 
 } 

.web a.article-synd { 
 display: block; 
 color: #000000; 
 text-decoration: none; 
 background-image:url(../puces/puce-n0.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: #000000; 
 text-decoration: underline; 
 } 

.centre .web a.article-synd:hover { 
 color: #000000; 
 text-decoration: none; 
 background-image:url(../puces/puce-n0.gif); 
background-position: left top; 
 background-repeat: no-repeat; 
 } 

.web .site { 
 border: 1px solid ; 
 margin: 10px 0px 10px 0px; 
 padding: 0px; 
 font-size: 100%; 
 } 

.web .site .descriptif { 
 border: 0px solid ; 
 background-color: #CCFFCC; 
 margin: 5px 10px 10px 10px; 
 padding: 5px; 
 color: #000000; 
 } 

.web .site a.nom-site { 
 display: block; 
 border-bottom: 1px solid ; 
 font-size: 130%; 
 font-weight: bold; 
 text-align: center; 
 color: #000000; 
 margin: 0px; 
 padding: 1px; 
 background: #CCFFCC; 
 margin-bottom: 10px; 
 } 

.web .site a.nom-site:hover { 
 color: #000000; 
 background: #CCFFCC; 
 } 

.web .site .descriptif a { 
 color: #000000;  
 text-decoration: underline; 
 } 

.web .site .descriptif a:hover { 
  text-decoration: none; 
 } 




.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: ;
	text-align: left;
	color: #000000;
	padding: 0px 3px 0px 3px;
	border:1px solid ;
}

.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: ;
	text-align: left;
	color: #000000;
	padding: 0px 3px 0px 3px;
	border:1px solid ;
}

/* ========--------=========-------LES PAGES SPECIALES-------===========---------========= */

/*========Propriete de l'edito================*/ 

.edito { 
 font-size: 13px; 
 margin: 0px 30px 20px 30px; 
 width: 90%; 
border: 1px solid #000000; 
 background: #66CC66; 
 } 

.edito a { 
 color: ; 
 text-decoration: none; 
 } 

.edito a:hover { 
 color: #242424; 
 text-decoration: underline; 
 } 

.edito .titre { 
 color: #242424; 
 font-size: 180%; 
 font-weight: bold; 
 margin: 5px 10px 5px 10px; 
padding: 0px; 
 } 

.edito .texte { 
 	color: #242424; 
 margin: 10px; 
 padding: 0px; 
 } 

.edito h3 { 
 color: #242424; 
 font-weight: bold; 
 font-size: 140%; 
 margin: 1.5em 0em 0.5em 0em; 
 } 

.edito .surtitre { 
 color: #242424; 
 font-size: 120%; 
 font-weight: bold; 
margin: 5px 10px 5px 10px; 
 padding: 0px; 
 } 

.edito .soustitre { 
 color: #242424; 
 font-size: 130%; 
 font-weight: bold; 
margin: 5px 10px 5px 10px; 
 padding: 0px; 
 } 

.edito .chapo { 
 color: #242424; 
 margin: 10px; 
 padding: 0px; 
 font-weight: bold; 
 } 

.edito .post-scriptum { 
 color: #242424; 
 margin: 10px; 
 padding: 0px; 
 font-size: 100%; 
border-top: 2px solid #000000; 
 } 

.edito .post-scriptum .annonce { 
 font-weight: bold; 
 color:#242424; 
 padding: 0px; 
 margin: 10px 0px 10px 0px; 
 } 

.edito .notes { 
 color: #242424; 
 margin: 10px; 
 padding: 0px; 
border-top: 2px solid #000000; 
 font-size: 90%; 
 } 



.edito table {
	font-size: 90%;
	border-color: #000000;
}

.edito tr.row_first {
	/*background: #C0C0C0;*/
	color: #242424;
	text-align: center;
	font-size: 100%;
}

.edito tr.row_odd {
	:*background: #E0E0E0;*/
	color: #242424;
}

.edito tr.row_even {
	/*background: #E0E0E0;*/
	color: #242424;
}

.edito td {
	border: 1px solid #000000;
	padding: 1px 5px 1px 5px;
}


/* -contenu de l'article -proprement dit- */ 

.contenu .article { 
 background: #FFFF33; 
 border: 1px solid ; 
 margin: 0px 30px 20px 30px; 
font-family: Arial,Verdana,Helvetica,sans-serif; 
 font-size: 12px; 
 padding: 10px 10px 10px 10px; 
 } 

.article a { 
 color: ; 
 text-decoration: none; 
 } 
.article a:hover { 
 color: ; 
 text-decoration: underline; 
 } 

.article .titre { 
 color: #242424; 
 font-size: 180%; 
 font-weight: bold; 
 margin: 0px; 
 } 

.article .contenu { 
 background: #FFFF33; 
 margin: 10px 0px 0px 0px; 
 padding: 0px 0px 10px 0px; 
 } 

.article .texte { 
 color: #242424; 
 margin: 0px 10px 0px 10px; 
 } 

.article .en-tete { 
 color: #242424; 
 font-size: 130%; 
 font-weight: bold; 
 margin: 10px 0px 10px 0px; 
 } 

.article h3 { 
 color: #242424; 
 font-weight: bold; 
 font-size: 140%; 
 margin: 1.5em 0em 0.5em 0em; 
 } 

.article .surtitre { 
 color: #242424; 
 font-size: 120%; 
 font-weight: bold; 
 margin: 0px; 
 } 

.article .soustitre { 
 color: #242424; 
 font-size: 130%; 
 font-weight: bold; 
 margin: 0px; 
 } 

.article .chapo { 
 color: #242424; 
 margin: 10px 10px 0px 10px; 
 font-weight: bold; 
 } 

.article .post-scriptum { 
 color: #242424; 
 margin: 10px 0px 10px 0px; 
 padding-top: 10px; 
 font-size: 100%; 
border-top: 2px solid ; 
 } 

.article .post-scriptum .annonce { 
 font-weight: bold; 
 color: #242424; 
 padding: 0px; 
 margin: 0px 0px 10px 0px; 
 } 

.article .notes { 
 color: #242424; 
 margin: 10px 0px 10px 0px; 
 padding: 0px 10px 0px 10px; 
border-top: 2px solid ; 
 font-size: 90%; 
 } 
 
.articles-freres { 
 border: 1px solid ; 
 padding: 10px; 
 margin: 20px 30px 10px 30px; 
 background: #FFFF33; 
 } 

.articles-freres ol { 
 color: #242424; 
 } 

.articles-freres .en-tete { 
 color: #242424; 
 font-size: 130%; 
 margin: 0px 0px 5px 0px; 
 } 
 
.articles-freres .frere a { 
 /* lien vers les articles frères sauf l'article en cours */ 
 color: ; 
 text-decoration: none; 
 font-weight: bold; 
 } 
 
.articles-freres .frere a:hover { 
 color: ; 
 text-decoration: underline; 
 } 

.articles-freres .frere .date { 
 color: #242424; 
 } 

.articles-freres .en-cours { 
 /* affichage du titre de l'article en cours (sans lien) */ 
 color: #242424; 
 } 

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


.contenu .doc {
	padding: 10px; 
	color: #242424;
	background: #FFFF33;
	margin: 0px; 
}

.contenu .doc a {
	display:block;
	text-decoration: none;
	color: ;
	margin: 0px 0px 5px 0px;
}

/* contenu --> images jointes (aux articles et aux rubriques) */

.contenu .images {
	margin: 0px; 
	padding: 10px;
	background:  #FFFF33;
}

.contenu .images .en-tete {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	color:  #242424;
}

.contenu .images ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #242424;
}

.article table {
	font-size: 90%;
	border-color: ;
}

.article tr.row_first {
	/*background: #C0C0C0;*/
	color: #242424;
	text-align: center;
	font-size: 100%;
}

.article tr.row_odd {
	/*background: #E0E0E0;*/
	color: #242424;
}

.article tr.row_even {
	/*background: #E0E0E0;*/
	color: #242424;
}

.article td {
	border: 1px solid ;
	padding: 1px 5px 1px 5px;
}

/* mise en forme du formulaire de pétition */

.petition {
	border: 2px solid ;
	padding: 10px;
	margin: 0px 30px 20px 30px; 
}

.petition .en-tete {
	color: #242424;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

/* mise en forme de l'affichage des signataires de la pétition */

.signatures {
	border: 2px solid ;
	padding: 10px;
	margin: 10px 30px 10px 30px; 
	background: #FFFF33;
	font-size: 100%;
}

.signatures .en-tete{
	color: #242424;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

.signatures td {
	border: 1px solid ;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	empty-cells: hide;
	font-size: 12px;
        color: #242424;
}

.signatures thead {
	background: #FFFF33;
	font-weight: bold;
	color: #242424;
}

.signatures a {
	color: ;
	text-decoration: none;
}

.signatures a:hover {
	color: ;
	text-decoration: underline;
}



/* ~~~~~~~~~~~~ album ~~~~~~~~~~~~ */ 

/*POUR LE MENU DES ALBUMS=================================*/

.article a.alboom { 
 color: ; 
 text-decoration: none; 
 } 

.article a.alboom:hover { 
 color: ; 
 text-decoration: none; 
 } 

.album_boutons { 
 margin: 10px 25% 10px 25%; 
 width: 400px; 
 height: 20px; 
 font-weight: bold; 
 color: #242424; 
 _height: 20px; /* hack pour ie : pour espacement entre boutons et bordure du bloc de navigation*/ 
 } 

.album_photo .album_titre { 
 text-align: center; 
 padding: 0px; 
 margin: 10px; 
 color: #242424; 
 font-size: 150%; font-weight: bold; 
 } 

.album_photo .album_descriptif { 
 text-align: left; 
 padding: 10px; 
 border: 1px solid ; 
 margin: 10px 20px 10px 20px; 
 color: #242424; 
 } 

.album_menu { 
 margin-top:10px; 
 padding-top:5px; 
 padding-bottom:5px; 
 font-family: Courier, monospace; 
 } 



.album_vignette table{
	text-align: center;
	margin : auto;
}

.album_vignette TD{
	height : 150px ;
	width : 170px;
	padding : 5px;
	margin :0px;
        border:0px;
        background-color: #242424;
}


/*---------------onglets menu commissions-------------------*/ 


#navlist
{
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: bold 12px Arial,Verdana,Helvetica,sans-serif;
}

#navlist li
{
	list-style: none;
	margin: 10;
	display: inline;
}

#navlist li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #FFFFFF; /*DDE*/
	text-decoration: none;
	color:#000000;
}

#navlist li a:link { color: #000000; } 
#navlist li a:visited { color: #000000; } 

#navlist li a:hover
{
	color: #FFF;
	background: ;
	border-color: #242424;
}