/******************************************
	COULEURS : toutes les couleurs qui 
	sont personnalisables par 
	l'interface : /ecrire/eva_style.php3
******************************************/
rien {
/*fond_entete*/  #9b3b0a;
/*couleur_rouge*/ #dd3744;
/*couleur_bleu*/ #45458c;
/*couleur_orange*/ #e36420;
/*couleur_pourpre*/ #981840;
/*couleur_vert*/ #aed031;

/*couleur_pied*/ #FBE381;

/*fond_page*/ #fffff;
/*bordures*/ #ff7200;

/*titre_page*/ #ff7200;
/*titre_rouge*/ #dd3744;
/*titre_bleu*/ #45458c;
/*titre_orange*/ #e36420;
/*fond_titre*/ #fff7c0;

/*fond_menu*/ #f7eadf;
/*fond_menu_off*/ #cde3ff;
/*fond_menu_on*/ #ffffff;

/*texte*/#000000;
/*texte_clair*/#666666;

/*liens_off*/ #000000;
/*liens_on*/ #CC0000;
/*liens_visite*/ #0069c2;
/*formulaires*/ #fffef2;
}
/* couleurs pour blocactu  Actualité - agenda - marche public - dossier PLU */
.couleur0 { background: #899d25; }
.couleur1 { background: #800f25; }
.couleur2 { background: #c3ff68; }
.couleur3 { background: #1693a5; }
.couleur4 { background: #ad234b; }
.couleur5 { background: #fbb829; }
.couleur6 { background: #f4fce8; }


/******************************************
	PAGE : éléments d'habillage de la page
	et éléments communs sur toute la page
******************************************/
a img {border:none;}
body {
	background : #ffffff; 
/* 	background : #ffffff url(images/fondab04_60.jpg) top left repeat ; modif le 20081108 */
/*	background : #ffff88 url(images/fondgranit.jpg) top left repeat ;  */
	margin: 0px;
	padding: 0px;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	line-height:1em;
	}
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
div#Page, div#NoMenu {
	position:relative;
	float:left;
	width: 750px;
/* 	margin: 0px;  ajout d'une marge à gauche 20081108 */
	margin-left:20px;
	padding: 0px;
	text-align: left;
	background : #ffff88 url(images/fondab04_60.jpg) top left repeat ;
	}
div#Page2, div#NoMenu {
	position:relative;
	width: 100px;
/*	margin-left: auto;    */
/*	margin-right: auto;   */
	text-align: left;
	}
/* force le retour à la ligne, le plus souvent appliqué à <br> */
.clear {
	margin:0px;
	padding:0px;
	clear: both;
	font-size:0;
	line-height:0.5em;
	}

/* couleurs des liens */
a {
	color: /*liens_off*/ #000000 ;
	}
a:hover {
	color: /*liens_on*/#CC3300;
	}
a:visited {
	color: /*liens_visite*/ #0069c2 ;
	}

h1 {
	margin: 3px;
	padding: 0;	
	color:/*titre_page*/ #ff7200 ;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	}
/******************************************
	LOGIN : éléments spécifique au 
	squelette login.html
******************************************/
div#Login {
	position:relative;
	width: 750px;
	margin: 50px auto;
	padding:5px;
	text-align: left;
	border: 2px solid /*bordures*/ #ff7200 ;
	background-color: /*fond_menu_off*/ #cde3ff ;
	}
div#Login div#Contenu {
	padding: 4px;
	border: 0px solid /*bordures*/ #ff7200 ;
/* 	background-color: /*formulaires*/ #fffef2 ; */
	}
div#Login div#Contenu img.spip_logos{
	float:left;
	}
div#Login div.formulaires {
	margin-top:10px;
	padding:4px;
	border: 1px solid /*bordures*/ #ff7200 ;
	background-color: /*fond_page*/ #f2faff ;
	}
/******************************************
	ENTETE : éléments des entêtes (titres, logos, ...)
	des pages (accueil, rubriques, plan, ...) 
******************************************/
div#EntetePage {
	position:relative;
	float:left;
	width:750px;
	height: auto;
	border: 0px;
	margin: 0px;
	margin-left: 4px;
	padding: 0px;
	background : #981840 url(images/entetehtgche.gif) no-repeat scroll left top;
	border: 0px solid /*bordures*/ #ff7200 ;
	}
#Login #EntetePage {
	float:none;
	background:none;
}

div#EntetePage img.spip_logos {
	float: left;
	border:none;
	}

div#TitreSite {
	display:none;
	}

div#EntetePage h1 {
	margin: 3px;
	padding: 0;	
	color:/*titre_page*/ #ff7200 ;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	}

div#EntetePage h2 {
	margin: 5px;
	padding: 3px;	
	color:/*titre_page*/ #ff7200 ;
	font-size: 16px;
	font-weight: bold;
	vertical-align:middle;
	}

div#EntetePage ul.auteur {
	display:none;
	}

/*  Première ligne de bouton Plan Site Aide Accueil  */

div#blocboutons{
	position:relative;
	float:left;
	width:750px;
	margin: 0px;
	padding: 0px;
	background: transparent url(images/entetedt.gif) top right no-repeat;
	border: 0px solid #ffffff ;
	}

/* barre des boutons sur la page d'accueil (sommaire.html) */
div#blocentre {
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px;
	width: 750px;
	margin-left: 0px;
	display:block;
	background: #981840;
	border: 0px solid #ffffff ;
	}

div.Langue {
	position:relative;
	float:left;
	margin: 0px;
	margin-left:5px
	padding: 0px;
	width: 160px;
	padding: 3px 3px 3px 3px;
	color:#e36420;
	font-size: 10px;
	font-weight: normal;
	}
div#Anim {
	position:relative;
	float: left;
	display:block;
	margin: 0px;
	padding: 0px;	
/*	width: 535px; */
        background-color: #981840;
	}

/* barre bloc logo BGC et animation */
div#blocoptimg {
	position:relative; 
	float: right;
	display:block;
	margin: 0px;
	margin-top:10px;
	margin-right:5px;
	padding: 0px;
	background: #981840;
		border: 0px solid #ffffff ;
	}

div#blocoptimg ul.optimg {
	list-style: none;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
 	display: block;
	}

div#blocoptimg ul.optimg li {
	list-style: none;
	line-height: 1.5em;
	margin-top: 10px;
	padding: 0px;
 	display: block; 
	color: #ffffff ;
	}
div#blocoptimg ul.optimg  li a {
 	display: block
	text-decoration:none;
	font-size:10px;
	font-weight:light;
	color:#ffffff;
	}
div#blocoptimg ul.optimg  li a:hover {
	color:#000000;
	background-color: #ffffff;
	}

/* Ligne options rechercher et boutons actu  */
div#EntetePage ul.boutons {
	margin: 0px;
	padding: 0px;
	white-space:nowrap;
	text-align:right;
	}
div#EntetePage ul.boutons img.spip_logos{
	display:none; 
	}
div#EntetePage ul.boutons span {
	display:inline;
	}		
div#EntetePage ul.boutons li {
	list-style: none;
	display: inline;
	margin:0px;
	padding: 5px 10px 0px 10px;
	border: 0px solid #ffffff ;
	}
div#EntetePage ul.boutons li a {
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	}
div#EntetePage ul.boutons li a:hover {
	color:#000000;
	background-color: #ffffff;
	}

div#EntetePage a {
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	color:#990000 ;
	}

/******************************************
	FORMULAIRE DE RECHERCHE : apparait sur
	rubrique=16.html, rubrique-16.html,
	recherche.html et page-404.html
******************************************/
div#EntetePage div.rechercher {
	float:left;
	width:210px;
	margin : 0px;
	padding: 0px;
	color:/*titre_page*/ #000000;
	font-size: 10px;
	font-weight: bold;
	}

div#EntetePage div.rechercher .forml {
	width:150px;
	}

div#EntetePage div.rechercher label {
	font-size:10px;
	}

/******************************************
	BANDEAU OPTIONS: apparait sur
	rubrique=16.html, rubrique-16.html,
	recherche.html et page-404.html
******************************************/
div#Options {
	position:relative;
	float:left;
	width:750px;
	margin : 0px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	font-size: 10px;
	font-weight:normal; 
	background : #fbe381;
	border-bottom: 1px solid /*bordures*/ #ff7200 ;
	}
	
div#Options ul.boutonsactu {
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 0px; 
 	background : #fbe381;
	}
		
div#Options ul.boutonsactu li {
	float:left;
	margin-left: 60px;
	list-style-type: none;
	/*	font: normal bold 1em/1em Arial,Verdana; */
	display:inline;
	line-height:40px;
	}	

div#Options ul.boutonsactu li a {
	font: 12px Arial, Verdana, Helvetica;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	}

div#Options ul.boutonsactu li a:hover {
	color:#CC3300;
	}
div#Options ul.boutonsactu2 {
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 0px; 
 	background : #fbe381;
	}
		
div#Options ul.boutonsactu2 li {
	float:left;
	margin: 5px 40px 5px 10px;
	padding:5px;
	list-style-type: none;
	display:inline;
	line-height:30px;
	background:#fbe381;
	}	

div#Options ul.boutonsactu2 li a {
/*	font: bold small-caps 1.1em/1em Arial,Verdana;*/ 
	font: 14px Arial, Verdana, Helvetica;
	font-weight:bold;
	color:#000000; 
	text-decoration:none;
	}

div#Options ul.boutonsactu2 li a:hover {
	color:#CC3300;
	}

div#recher {
	position:relative;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:170px;
	background : #fbe381;
	border: 0px solid /*bordures*/ #ff7200 ;
	}
div#recher .rechform {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	height:43px;
	color:/*titre_page*/ #000000;
	font-size: 10px;
	font-weight: small;
	line-height: 0.4em;
	background : #fbe381;
	}

div#recher .forml {
	width:130px;
	}

/******************************************************
	BANDEAU RUBRIQUE Autres que bleu/rouge/orange
*******************************************************/
div#banniererub {
/*	position:absolute; top:0px; left:178px; bottom:0px; */
	position:relative;
	float:left;
/*	margin: 193px 135px 0px 0px; */
	margin-bottom:20px;
	padding: 5px 0px 0px 0px;
	width:570px;
/*	height:100px; maj le 18/10/05 */
	height:auto;

	display: block; 
	font-size: 10px;
	font-color:#ffffff;
	font-weight:normal;
	background : #ffffff;
	}
span#logorub {
	position:relative;
	float:left;
	margin: 0px;
	margin-left:10px
	padding: 3px 0px 0px 15px;
	display: block; 
	}

div#hierarchie {
	position:relative;
	float:top;
	margin: 0px;
	padding: 0px;
	display: nowrap;
	font: 12px normal 1em/1em "Times New Roman", serif;
	color:#000000;
	border: 0px solid /*bordures*/ #ff7200;
	}
div#hierarchie a {
	position:relative;
	float:left;
	margin: 0px; 
	padding: 0px 0px 0px 10px;
	font: 14px normal 1em/2em "Times New Roman", serif;
	color:#000000 ;
	text-decoration: none; 
	}

div#banniererub ul {
	position:relative;
	float:left;
	width:470px;
	margin: 0px;
	padding: 0px;
	line-height: 0em;
	background : #ffffff ;
	color:#000000;
	text-align:left;
	white-space:nowrap;
	border:0px;
	}
		
div#banniererub ul li {
	position:relative;
	float : left;
	width:80%;
	margin: 10px;
	padding: 0px;
	display: inline;
	font: normal 1em/2em Arial,Verdana,Helvetica;
	color: #000000;
	background : #ffffff ;
	lien-height: 1.5em;
	}

div#banniererub ul li a {
	padding: 0px;
	color:#000000;
	text-decoration: none;
	}

div#banniererub ul li a:hover {
	color:#000000 ;
	background-color: #FBE381;
	}
div#titrerub {
	position:relative;
	float:left;
	margin: 0px;
	width:450px;
	padding: 0px 0px 10px 120px;
	background-color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	color:#000000 ;
	text-align:left;
	border: 0px solid /*bordures*/ #ffffff;
	}
div#titrerub2 {
	position:relative;
	float:left;
	margin: 0px;
	width:420px;
	padding: 0px 0px 10px 120px;
	background-color: #FBE381;
	font-size: 14px;
	font-weight: bold;
	color:#000000 ;
	text-align:left;
	border: 0px solid /*bordures*/ #ff7200;
	}

/******************************************
	ENTETE DES ARTICLES : éléments des 
	entêtes (titres, logos, ...) des pages
	articles, auteurs, mots-clé
******************************************/

div#EnteteArticle {
	background-color: /*fond_titre*/ #fff7c0 ;
	border: 2px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 8px;
	font-size:12px;
	}

div#EnteteArticle2 {
	background-color: /*fond_titre*/ #fff7c0 ;
	border: 1px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 8px;
	font-size:12px;
	align : center;
	}
div#EnteteArticle3 {
	background-color: /*fond_titre #fff7c0 */;
/*	border: 1px solid /*bordures*/ #ff7200 ; */
/*	-moz-border-radius: 8px;         */
	font-size:16 px;
	margin :0;
	}
 div#EnteteArticle img.spip_logos{
	float: left;
	margin: 4px;
	}

div#EnteteArticle h2 {
	margin: 0;
	padding: 0;
	color:/*texte*/#000000;
	font-size: 22px;
	font-weight: bold;
	}
	
div#EnteteArticle div.surtitre, div#EnteteArticle div.soustitre {
	margin: 0;
	padding: 0;
	color:/*texte*/#000000;
	font-weight: bold;
	}

/* Message auquel on répond (forum.html) */
div#EnteteArticle dl {
	margin: 4px;
	padding:4px;
	background-color: /*fond_page*/ #f2faff ;
	border: 1px solid /*bordures*/ #ff7200 ;
}

/* Affichage des auteurs, dates, version imprimable */

div#EnteteArticle ul.auteur {
	border-left: 1px solid /*bordures*/ #ff7200 ;
	background-color: /*fond_page*/ #f2faff ;
	width:200px;
	float:right;
	padding: 2px 8px;
	margin: 0 0 0 8px;
	color:/*texte*/#000000;
	}

div#EnteteArticle ul.auteur li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
div#EnteteArticle ul.auteur li.imprimable {
	margin-top: 5px;
	}
		
div#EnteteArticle ul.auteur li.imprimable img {
	float:left;
	margin-right: 2px;
	}	

/* Boutons suivants et précédents du diaporama */
div.BoutonsPrecedents {
	float:left;
	}
div.BoutonsSuivants {
	float:right;
	}
div.BoutonsPrecedents img,div.BoutonsSuivants img {
	border:none;
	}

/* affichage de l'arborescence sur certaines pages (album, diaporama plan, recherche) */
div.arborescence {
	padding:2px;
	font-size:12px;
	color:/*texte*/#000000;
	}
div#Contenu div.arborescence {
	margin:10px;
	border-top: 0px solid /*bordures*/ #ff7200 ;
	background-color:/*formulaires*/ #fffef2 ;
	}
div.arborescence span {
	padding:2px 4px;
	background-image: url(img_pack/deplierhaut.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}
div.arborescence form {
	display: inline;
}
div.arborescence selected {
	font-size:10px;
}

/******************************************
	MENU : éléments affiché dans le bloc
	"menu" (sommaire, brèves, derniers 
	messages des forums)
******************************************/

div#Menu {
	position:relative;
	float: left;
	width: 170px;
	margin:0px;
	margin-left: 4px;
	padding: 0px;
	line-height: 0.8em;
	font: 12px 0.8em/0.8em Arial, Verdana, Helvetica;
	background-color: #fbe381;
	border: 0px solid /*bordures*/ #ff7200 ;
	}

/* sommaire du site (arborescence des rubriques) */
div.sommaire {
	margin:0px;
	margin-left: 2px;
	background-color: #fbe381;
	}

div.sommaire2 {
	-moz-border-radius: 14px;      
	margin:0;
	margin-left:0;
	background-color: #fbe381;
	border: 0px;
	font:12px Arial, Verdana, Helvetica;
        font-variant: small-caps;
	}

div.sommaire ul {
	margin: 0;
	padding: 0;
	}

div.sommaire img {
	margin-top: 10px;
	padding: 0;
	}

div.pratique img, div.mairie img, div.missions img {
	margin-top: 10px;
	padding: 0px;
	}

div.pratique ul li , div.mairie ul li, div.missions ul li,div.agenda21 ul li {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font: 12px Arial, Verdana, Helvetica;
	font-weight:bold;
position:relative;
	}

div.pratique ul li a {
	width:auto;
	height:auto;
	color:#e36420;
	text-decoration: none; 
	}
div.pratique ul li a:hover {
	color:#45458c;
	text-decoration: none;
	}

div.mairie ul li a {
	width:auto;
	height:auto;
	color:#45458c;
	text-decoration:none; 
	}
div.mairie ul li a:hover {
	color:#e36420;
	text-decoration:none; 
	}
div.agenda21 ul li a {
	width:auto;
	height:auto;
	color:#45458c;
	text-decoration:none; 
	}
div.agenda21 ul li a:hover {
	color:#e36420;
	text-decoration:none; 
	}	

div.missions ul li a {
	width:auto;
	height:auto;
	color:#dd3744;
	text-decoration:none; 
	}
div.missions ul li a:hover {
	color:#45458c;
	text-decoration:none; 
	}

span#textept {
	position:relative;
	margin-left:30px;
	padding: 0px;	
	color:/*titre_page*/ #000000 ;
	font-size: 10px;
	font-style: italic;
	font-weight: light;
	}

div.sites_web {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display:block;
	}

div.sites_web ul li {
	position:relative;
	float: left;
	margin-top: 10px;
	padding: 0px;
	border: 0px;
	-moz-border-radius: 0px;
	list-style: none;
	color:/*titre_page*/ #000000 ;
	font-size: 10px;
	font-weight:light;
	text-decoration:none;
	}

div.sites_web img.spip_logos {
	position:relative;
	float: left;
	margin-top: 0px;
	padding: 0px;
	border:none;
	}

span.logo {
	position:relative;
	float: left;
	margin: 0px;
	padding: 0px;
	}

span.site {
	position:relative;
	float: left;
	margin-top: 7px;
	padding: 0px;
	}

div.sites_web ul li a {
	color: #000000 ;
	text-decoration:none; 
	}

div.sites_web ul li a:hover {
	color: #CC0000 ;
	text-decoration:none; 
	}

div.sommaire ul ul{
	margin: 0 0 0 5px;
	}

/* affichage des vignettes de l'album photo */
div#vignettes {
	text-align:center;
	padding: 2px 0 20px;
	}
div#vignettes img.spip_logos {
	padding:0;
	margin:2px;
	}

/* bouton plein écran de l'album photo */
div#Menu div.spip_bouton {
	margin:4px auto;
	width:150px;
	font-size:12px;
	}
	
/* formulaires dans le menu (inscription au site, référencer un site) */
div.formulaires div {
	padding:4px;
	font-size:12px;
	color:#333333;
	}
div.formulaire fieldset{
	color:#333333;
	background-color: /*fond_menu_off*/ #cde3ff ;
	}

/* blocs affichés dans le menu (brèves, mots-clés, ...) */
div.bloc, div.formulaires {
	border: 0 px solid #981840 ;
	-moz-border-radius: 8px;
/*	margin: 0 100px 20px; */
	margin: 0px;
	line-height:1.5em;
	}

div#Menu h4 {
	border-bottom: 1px solid /*bordures*/ #ff7200 ;
	background-color: /*fond_titre*/ #fff7c0 ;
	margin: 0;
	padding: 2px 4px;
	font-size:14px;
	font-weight:bold;
	color:/*texte*/#000000;
	}	
	
div.bloc ul {
	margin: 0;
	padding: 0;
	}
div.bloc li {
	margin: 2px;
	padding: 1px;
	font-size:12px;
	list-style-position: inside;
/*	list-style-image: url(img_pack/puceoff.gif);         */
        list-style-image: url(img_pack/pucebleuepte.gif);
	}	
div.bloc li.on {
	padding: 2px 0;
/*	list-style-image: url(img_pack/puceon.gif);   */
        list-style-image: url(img_pack/pucebleuepte.gif);
	background-color:/*formulaires*/ #fffef2 ;
	border: 1px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 5px;
	}	
div.bloc li em {
	color: /*texte_clair*/#666666;
	font-style: italic;
	}

/******************************************
	CONTENU : affichage du texte des pages ;
	affichages des articles, sites 
	référencés pour les rubriques ; etc ...
******************************************/
div#Contenu2 {
	position:relative;
	float: left;
	width: 560px;
	margin-top:30px;
	text-align:justify;
	line-height:1.2em;
	font-size:12px;
	color: /*texte*/#000000;
	border: 1px solid #ffffff ;
	}
div#Contenu {
	position:relative;
	float: left;   
	width: 557px; 
margin:0;
	margin-left:0px;
	margin-top:0px;
/*	width: 570px;  */
/* 	margin-top:145px; */
	padding:0px;
	padding-top:0px;
	text-align:justify;
	font-size:12px;
	color: /*texte*/#000000;
	border: 0px solid /*bordures*/ #ffffff ;
	}

div#NoMenu div#Contenu {
	float: none;
	width: 100%;
	border: none;
	margin-left:0;
}

/* affichage des blocs */
div#articles, div#breves,
div#sites_web, div#documents,
div#petition, div#rubriques,
div#breves, div#secteur, 
div#edito, div#sites_recherche,
div#GroupesMots {
	border: 0px;
	-moz-border-radius: 8px;
	margin-bottom:20px;
	}
div#articles table {
	position:relative;
	float:left;
	margin-top : 5px;
	margin-left: 2px;
	padding: 0px;
	display:block;
	}

div#articles th {
	font: 10px 1em/1em Verdana,Arial,Helvetica;
	text-align:center;
	border-top: 1px solid /*bordures*/ #FF9900 ;
	padding: 0.5em 0.5em 0.5em 1em;
	}

div#articles td {
	font: 12px 1em/1.5em Verdana,Arial,Helvetica;
	text-align:left;
	border-top: 1px solid /*bordures*/ #FF9900 ;
	padding: 0.5em 0.5em 0.5em 1em;
	}

div#articles2 td {
	font: 14px Verdana,Arial,Helvetica;
	text-align:left;
	border-top: 1px solid /*bordures*/ #FF9900 ;
	padding:1em;
	}

div#articles h3 {
	margin: 0;
	padding: 2px;
/*	background-color: /*fond_titre*/ #fff7c0 ;      */
	font-size:14px bold 1em/1.2em Verdana,Arial,Helvetica;
	text-align:center;
	}
div#articles h3.asso {
	margin: 0;
	padding: 2px;
/*	background-color: /*fond_titre*/ #fff7c0 ;      */
	font-size:13px bold 1em/1em Verdana,Arial,Helvetica;
	text-align:left;
	border-top: 1px solid /*bordures*/ #FF9900 ;
	}
div.suite {
	text-align:right;
	font-style: italic;
	font-size:10px;
	}
div#Contenu h3.titre {
	margin: 0;
	padding: 2px;
	border-bottom: 0px solid /*bordures*/ #ff7200 ;
	background-color: /*fond_titre*/ #fff7c0 ;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	}
div#Contenu h3.titre2 {
	margin: 0;
	padding: 2px;
	border-bottom: 0px solid /*bordures*/ #ff7200 ;
	background-color: /*fond_titre*/ #fff7c0 ;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	}

div#Contenu h2.bleu {
	margin: 0;
	padding: 2px;
	text-align: center;
	font-family: Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #0A478A;
	}

div#Contenu h4 {
	margin: 0;
	padding: 2px;
	border-bottom: 0px solid /*bordures*/ #ff7200 ;
	background-color: /*fond_titre*/ #fff7c0 ;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	}

/* edito sur la page d'accueil */
div#edito {
	position:relative;
	float: left;
	width: 550px;
	margin-top:30px;
	text-align:justify;
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
	color: #981840;
	background-color: ;
	}
div#edito img.spip_logos {
	float:right;
	border:none;
	}
div#edito span {
	margin-left: 5px;
	}

/* affichages des listes de définitions, utilisées pour
 lister les articles, documents, etc ... */
div#Contenu dl {
	margin: 0 0 5px 0;
	padding: 4px;
	}
div#Contenu dl.suivants dd {
	display:none;
	}
div#Contenu dt {
	margin: 5px 0 0;
	padding: 0;
	text-align:left;
	}
div#Contenu dt img {
	float: left;
	margin: 2px;
	}
div#Contenu dt strong {
	font-weight:bold;
	font-size:14px;
	}
div#Contenu dt em {
	color: /*texte_clair*/#666666;
	font-style: italic;
	}	
div#Contenu dd {
	margin: 0;
	padding: 2px 0 0 20px;
	}
div#Contenu dd.separateur {
	margin: 0;
	padding: 8px 8px 8px 20px;
	border-bottom: 1px solid /*bordures*/ #ff7200 ;
	}

/* dernier article sur la page d'accueil  */
div#Contenu dl.premier {
	border-bottom:1px solid /*bordures*/ #ff7200 ;
	}
/* liste des sites référencés dans les pages "rechercher"  */
div#Contenu div#sites_recherche dl {
	border-bottom:1px solid /*bordures*/ #ff7200 ;
	}
/* liste des signatures de la pétition */
div#Contenu div#petition dd {
	border-bottom: 1px solid /*bordures*/ #ff7200 ;
	padding-bottom: 2px;
	margin-bottom: 2px;
	}
/* formulaire de recherche (page 404 + pages secteur 1) */
div#Contenu div.rechercher {13:57 05/07/2005
	text-align:center;
	}
div#Contenu div.rechercher input.forml {
	width:100px;
	}

/* affichage de la photo sur l'album-photo */
div#photo {
	text-align:center;
	border-bottom: 0px solid /*bordures*/ #ff7200 ;
	}
div#photo dl {
	margin:2px;
	padding:0;
	}
div#photo img.spip_logos {
	border:none;
	}

/* affichage : texte, chapeau, etc ... */
h3.spip {
	text-align:center;
	color: /*bordures*/ #ff7200 ;
	font-size:20px;
	font-weight:bold;
	}
div#Contenu div.chapo {
	margin: 5px 0;
	padding: 4px;
	font-size:16px;
	font-weight:bold;
	color : /*bordures*/ #ff7200 ;
	}
div#Contenu div.texte {
	margin: 5px 0;
	padding: 4px;
<!--	font-size:14px; -->
	font-size:12px;
	}		
div#Contenu div.lien {
	border-top: 1px solid /*bordures*/ #FF9900 ;
	text-align:center;
	padding: 5px;
	font-size:16px;
	margin: 5px 0;
	}		
div#Contenu div.ps, div#Contenu div.notes {
	border: 2px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 8px;
	margin: 10px 0;
	padding: 4px;
	font-size:12px;
	}		
div#Contenu div.ps h4, div#Contenu div.notes h4 {
	display:none;
	}			
div#Contenu div.ps div, div#Contenu div.notes div {
	}
div#Contenu p.spip, p.spip_note {
	margin: 0;
	padding: 4px;
	}		

/* affichage des auteurs et dates de l'article pour les diaporamas */
div#Contenu ul.auteur {
	border-top: 2px solid /*bordures*/ #ff7200 ;
	background-color: /*fond_titre*/ #FF9900 ;
	padding: 2px;
	margin: 10px 0 0;
	text-align:center;
	}
div#Contenu ul.auteur li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	}	
div#Contenu ul.auteur li.auteur {
	margin-right: 5%;
	}		
div#Contenu ul.auteur li.date {
	margin-left: 5%;
	}



/******************************************
	AGENDA : affichages spécifiques
	à l'agenda (rubrique-agenda.html)
******************************************/
table.agenda {
	width:100%;
}
table.agenda, table.agenda tr, table.agenda th, table.agenda td {
	font-size: 12px;
	padding:0;
	margin:0 0 20px 0;
}
table.agenda th form {
	display: inline;
}
table.agenda td img {
	float:left;
}
table.agenda th, table.agenda td {
	padding:2px;
	width:14%;
}	
table.agenda td {
	height:50px;
	vertical-align: top;
}	
.agendaNav {
	background-color: /*fond_menu*/ #ffe095 ;
	border:2px solid /*bordures*/ #ff7200 ;
	text-align: center;
	-moz-border-radius: 8px;
}
.agendaHead {
	background-color: /*fond_titre*/ #fff7c0 ;
	border:1px solid /*bordures*/ #ff7200 ;
	text-align: center;
	-moz-border-radius: 5px;
}
.agendaThisDay {
	background-color: /*fond_menu_on*/ #ffffff ;
	border:1px solid /*liens_on*/#CC3300 ;
	-moz-border-radius: 5px;
}
.agendaThisMonth {
	background-color: /*formulaires*/ #fffef2 ;
	border:1px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 5px;
}

.agendaNotThisMonth, .agendaNotThisDay {
	background: /*fond_menu*/ #ffe095 ;
	border:1px solid /*texte_clair*/#666666 ;
	-moz-border-radius: 5px;
}

table.agenda select, table.agenda input {
	font-size: 10px;
}
table.agenda option.on {
	background: /*fond_menu*/ #ffe095 ;
}	

/******************************************
	PLAN DU SITE : affichages spécifiques
	au plan du site
******************************************/

div#Contenu ul.plan {
	margin: 0 4px;
	padding:0;
	}
div#Contenu ul.plan ul {
	margin: 0 4px;
	padding:0;
	}
div#Contenu ul.plan li {
	list-style-type: none;
	margin: 4px 0 4px 20px;
	padding:0;
	}

div#Contenu ul.plan li.rubriques {
	margin: 10px 0 10px 20px;
	}
div#Contenu ul.plan li.rubriques strong {
	border: 1px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 5px;
	background-color:/*formulaires*/ #fffef2 ;
	padding:2px;
	font-size:14px;
	}
div#Contenu ul.plan li.rubriques2 strong {
	border: 1px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 5px;
	background-color:/*formulaires*/ #fffef2 ;
	padding:2px;
	font-size:10px;
        }
div#Contenu ul.plan li.articles strong {
	border: none ;
	background:none;
	padding:0;
	font-size:12px;
	}
div#Contenu ul.plan li.rubriques strong a {
	color: /*texte*/#000000;
	text-decoration:none;
	}

/* affichage des brèves du secteur */
div#Contenu div.breves {
	border: 2px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 8px;
	position:relative;
	float: right;
	width: 250px;
	margin: 0 0 20px;
	}	
div#Contenu div.breves h4 {
	border-bottom: 1px solid /*bordures*/ #ff7200 ;
	background-color:/*formulaires*/ #fffef2 ;
	margin: 0;
	padding: 2px 4px;
	font-size:14px;
	font-weight:bold;
	}
div#Contenu div.breves2  {
	border-bottom: 1px solid /*bordures*/ #ff7200 ;
	background-color:/*formulaires*/ #fffef2 ;
	margin: 0;
/*	padding: 2px 4px;        */
	font-size:8px;
/*	font-weight:bold;        */
	}
div#Contenu div.breves3  {
	border-bottom: 1px solid /*bordures*/ #ff7200 ;
	background-color:/*formulaires*/ #fffef2 ;
	margin: 0;
	padding: 2px 4px;
	font-size:10px;
	font-weight:bold;
	}
div#Contenu div.breves ul {
	margin: 0;
	padding: 0;
	}
div#Contenu div.breves li {
	margin: 2px;
	padding: 1px;
	font-size:12px;
	list-style-position: inside;
	list-style-image: url(img_pack/puceoff.gif);
	}
div#Contenu div.breves li em {
	color: /*texte_clair*/#666666;
	font-style: italic;
	}


/******************************************
	PIED DE PAGE : pour toutes les pages,
	il contient la barre de boutons
******************************************/

ul#PiedPage{
	border: 0px;
/* 	-moz-border-radius: 8px; */
	background-color: /*fond_titre*/ #fff7c0 ;
	text-align: left;
	padding: 2px;
	margin: 0;
	}
ul#PiedPage span {
	display:none;
	}		
ul#PiedPage li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	}
ul#PiedPage img.spip_logos{
	margin: 0 30px; 
	}

/* pied de page de la page d'accueil */

div#PiedPage{
	position:relative;
	float:left;
	width: 750px;
	height:auto;
	margin-top: 0px;
	margin-left: 4px;
	margin-bottom: 20px;
	border: 0px;
	background-color: #fbe381;
	background: #fbe381 url(images/coingauche.gif) bottom left no-repeat;
/* 	-moz-border-radius: 8px; */
	color: /*texte*/#000000;
	}

div#PiedPage a {
	position:relative;
	float:left;
	font-size:10px;
	font-weight:normal;
	font-align:middle;
	margin-left:20px;
	padding:0px;
	border:none;
	}

div#PiedPage img {
	position:relative;
	margin:0px;
	padding:0px;
	}
			
div#PiedPage ul.boutons {
	position:relative;
	float:right;
	margin: 0px;
	padding-top: 5px;
	background-color:/*fond_menu*/ #fbe381;
	background: #fbe381 url(images/coindroit.gif) bottom right no-repeat;
	text-align:right;
	}
		
div#PiedPage ul.boutons li {
	list-style-type: none;
	display: inline;
	margin: 0 10px;
	}

div#PiedPage ul.boutons li a {
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	font-align:middle;
	color:#000000;
	}

div#PiedPage ul.boutons li a:hover {
	text-decoration:underline;
	}


/******************************************
	FORUMS : affichage des forums des 
	articles et brèves
******************************************/
div#forum {
	margin: 10px 0;
	}		
div#forum h4 {
	border: 2px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 8px;
	background-color: /*fond_titre*/ #fff7c0 ;	
	padding: 4px;
	margin: 10px 0;
	
	font-size: 14px;
	font-weight: normal;
	color: /*texte*/#000000;
	text-align: center;
	}		
div#forum h4 strong {
	font-size: 16px;
	font-weight: bold;
	}
div#forum div.lien{
	margin: 0;
	padding:5px 5px 10px;
	font-style:italic;
	}		
div#forum a{
	color:#D9591E;
	}

/* boutons (liens) "répondre à ..." */
div#Contenu a.spip_bouton {
	font-size:14px;
	padding:2px;
	font-weight: bold;
	}
div#forum dl div.bouton {
	text-align:right;
	padding-top:2px;
	}	

/* messages des forums */
div#forum dl{
	margin:20px 0;
	padding: 0;
	border: 2px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 8px;
	background-color:/*formulaires*/ #fffef2 ;
	color: /*texte*/#000000;
	}
div#forum dl dl{
	margin: 0 5px 10px 20px;
	padding-top:;
	background-color: /*fond_page*/ #f2faff ;
	border: 1px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 5px;
	}
div#forum dt em{
	font-size:12px;
	color:/*texte_clair*/#666666;
	}
div#forum dt{
	margin: 0;
	padding:2px;
	background-color: /*fond_titre*/ #fff7c0 ;
	border-bottom: 1px solid /*bordures*/ #ff7200 ;
	font-size:16px;	
	text-align:left;
	}
div#forum dl dl dt{
	font-size:14px;
	border:none;
	}
div#forum dd{
	margin: 0;
	padding:5px 5px 10px;
	font-size:14px;
	}		
div#forum dl dl dd{
	font-size:12px;
	}
	
	
	
	
/******************************************
	SPIP : éléménets générés par SPIP 
******************************************/

.spip_surligne {
	background-color: #FFFF66;
}
.spip_puce {
	list-style-position: inside;
}
blockquote.spip {
	margin-left : 5px 0 5px 20px;
	border : solid 1px /*bordures*/ #ff7200 ;
	-moz-border-radius: 5px;
	background-color: /*fond_page*/ #f2faff ;
	padding: 5px;
}

/* Barre de raccourcis */
a.spip_barre img {
	border: 1px solid /*bordures*/ #ff7200 ;
	padding: 3px;
	background-color: /*fond_titre*/ #fff7c0 ;
}
a.spip_barre:hover img {
	border: 1px solid /*bordures*/ #ff7200 ;
	padding: 3px;
	background-color: /*fond_page*/ #f2faff ;
}

/* boutons */
.spip_bouton {
	border:1px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 5px;
	background-color:/*formulaires*/ #fffef2 ;
	padding:1px;
	margin:2px;
	color:/*bordures*/ #ff7200 ;
	cursor: hand;
	text-decoration: none;
	font-size:10px;
	}
.spip_bouton a {
	color:/*bordures*/ #ff7200 ;
	text-decoration: none;
	font-size:10px;
	}			
.spip_bouton:hover {
	background-color:/*fond_page*/ #f2faff ;
	}
	
/* champs de formulaires */
.forml {
	width: 98%;
	background-color:/*formulaires*/ #fffef2 ;
	color: /*texte*/#000000; 
	}
.reponse_formulaire {
	color:#333333;
	background-color:#FFFFFF;
}	

/* tableaux */
table.spip {
	border: 1px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 8px;
	padding: 0;
	margin: 0;
	width:97%;
	}
table.spip tr.row_first {
	background-color: /*titre_page*/ #ff7200 ;
	color: /*fond_page*/ #f2faff ;
	padding: 0;
	margin: 0;
	font-weight:bold;
	text-align:center;
	}
table.spip tr.row_odd {
	background-color: /*fond_menu_off*/ #cde3ff ;
	padding: 0;
	margin: 0;
	}
table.spip tr.row_even {
	background-color: /*fond_page*/ #f2faff ;
	padding: 0;
	margin: 0;
	}
table.spip td {
	padding: 2px;
	vertical-align: center;
	border: 1px solid /*bordures*/ #ff7200 ;
	-moz-border-radius: 5px;
	}
	
	
/******************************************
	BOUTONS ADMIN : boutons affichés pour
	les administrateurs
	(recalculer cette page , ...) 
******************************************/
.spip-admin {
	text-align:left;
	left:2px;
	}
.spip-admin form{
	margin:2px;
	}
/* Reponse du formulaire */

.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
    color: #000000;
	}