/******************************************
	PAGE : éléments d'habillage de la page
	et éléments communs sur toute la page
******************************************/
body {
	background: #42c3dc url(../images/fond.gif) center repeat-y;
	margin: 0;
	padding: 0px;
	text-align: center;
	color: #000099;
	}
	
* {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	}
	
div#Page, div#NoMenu {
	background-color: #FFF;
	position:relative;
	width: 990px;
	margin:0 auto;
	text-align: left;
	}

/* force le retour à la ligne, le plus souvent appliqué à <br> */
.clear {
	clear: both;
	font-size:0;
	}

/* couleurs des liens */
a {
	color:  #000 ;
	text-decoration: none;
	font-weight: bold;
	}
a:hover {
	color:  #000 ;
	text-decoration: underline;
	}
a:visited {
	color:  #000 ;
	text-decoration: none;
	}
	
/* images & logos */
img.spip_logos {
	float: left;
	border:none;
	padding:5px;
	}
img.smiley {
	vertical-align:middle;
	}
a img {
	border:none;
	}

/* messages d'erreur */
.erreur {
	color: #d37324 ;
	}



/******************************************
	LOGIN : éléments spécifique au 
	squelette login.html
******************************************/
div#Login {
	position:relative;
	width: 510px;
	margin: 50px auto;
	padding:5px;
	text-align: left;
	border: 2px solid  #51842E ;
	background-color:  #f7f7f7 ;
	}
	
div#Login div#Contenu {
	margin-top:10px;
	padding:4px;
	}
	
div#Login div#Contenu img.spip_logos{
	float:left;
	}
	
div#Login div.spip_encadrer {
	margin-top:10px;
	padding:4px;
	border: 1px solid  #51842E ;
	background-color:  #ffffff ;
	}

form input.login {
border: 1px solid #51842E;
padding-top: 5px;
padding-left: 25px;
background: #FFF url(../images/form-login.gif) no-repeat 0px 2px;
color: #000;
width: 175px;
height: 20px;
-height: 25px; /* IE6 Hack */

}

form input.password {
padding-top: 5px;
padding-left: 25px;
border: 1px solid #51842E;
background: #FFF url(../images/form-password.gif) no-repeat 0px 2px;
color: #000;
width: 175px;
height: 20px;
-height: 25px; /* IE6 Hack */
}

/******************************************
	ENTETE : éléments des entêtes (titres, logos, ...)
	des pages (accueil, rubriques, plan, ...) 
******************************************/
div#TitreSite {
	display:none;
	}
div#EntetePage {
	position:relative;
	background-color:  #FFF ;
	}
div#EntetePage h1 {
	margin: 3px;
	padding: 0;	
	color: #2164a6 ;
	font-size: 26px;
	font-weight: bold;
	}
div#EntetePage h1 img.spip_logos, div#EntetePage h2 img.spip_logos {
	vertical-align: middle;
	border:none;
	margin:2px;
	}
div#EntetePage h1 div, div#EntetePage h2 div {
	display:inline;
	}
div#EntetePage h2 {
	margin: 5px;
	padding: 0;	
	color: #2164a6 ;
	font-size: 24px;
	font-weight: bold;
	vertical-align:middle;
	}
div#EntetePage h1 a, div#EntetePage h2 a {
	color: #2164a6 ;
	text-decoration:none;
	}

/* barre des boutons sur la page d'accueil (sommaire.html) */
div#EntetePage ul.boutons {
	position:relative;
	padding-top: 5px;
	margin: 0;
	height: 20px;
	background-color: #0D2472 ;
	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-type: none;
	display: inline;
	margin: 0 10px;
	}
div#EntetePage ul.boutons li a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color: #FFF ;
	}
div#EntetePage ul.boutons li a:hover {
	color: #6FB440 ;
	text-decoration: underline;
	}
div#EntetePage ul.boutons li div {
	display: inline;
	}

/******************************************
	BANNIERE
******************************************/

div#EntetePage div#banniere	 {
	font-size: 150%;
	color: #FFF;
	text-decoration: none;
	margin: 0px; 
	width: 990px; 
	overflow: hidden;
	}

div#EntetePage div#banniere	img.centre {
	padding-bottom: 20px;
	}

div#EntetePage div#banniere	p {
	margin: 0px;
	padding: 0px;
	}

/******************************************
	FORMULAIRE DE RECHERCHE : apparait sur
	rubrique=16.html, rubrique-16.html,
	recherche.html et page-404.html
******************************************/
div#EntetePage .rechercher {
	position:relative;
	float:right;
	margin:4px;
	color: #2164a6 ;
	font-size: 14px;
	font-weight: bold;
	}
div#EntetePage .rechercher input.spip_bouton {
	display:none;
	}
div#EntetePage .rechercher .forml {
	width:140px;
	}
div#EntetePage .rechercher label {
	font-size:12px;
	}


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

div#EnteteArticle {
	background-color:  #6FB440 ;
	border: 2px solid  #51842E ;
	font-size:12px;
	}
div#EnteteArticle img.spip_logos{
	float: left;
	margin: 4px;
	border:none;
	}
div#EnteteArticle div.letitre{
	float: left;
	}
div#EnteteArticle h2 {
	margin: 0;
	padding: 0;
	color: #5c6166 ;
	font-size: 22px;
	font-weight: bold;
	}
div#EnteteArticle div.surtitre, div#EnteteArticle div.soustitre {
	margin: 0;
	padding: 0;
	color: #5c6166 ;
	font-weight: bold;
	}
	
/* Message auquel on répond (forum.html) */
div#EnteteArticle dl {
	margin: 4px;
	padding:4px;
	background-color:  #ffffff ;
	border: 1px solid  #51842E ;
	color: #5c6166 ;
}

/* Affichage des auteurs, dates, version imprimable */
div#EnteteArticle ul.auteur {
	position:relative;
	border-left: 1px solid  #51842E ;
	background-color:  #ffffff ;
	width:200px;
	float:right;
	padding: 2px 8px;
	margin: 0 0 0 8px;
	color: #5c6166 ;
	}
div#EnteteArticle ul.auteur li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

/* Boutons suivants et précédents du diaporama */
div.BoutonsPrecedents {
	position:relative;
	float:left;
	margin:4px;
	}
div.BoutonsSuivants {
	position:relative;
	float:right;
	margin:4px;
	}

/* affichage de l'arborescence sur certaines pages (album, diaporama, agenda, plan, recherche) */
div#arborescence {
	background: transparent url("../images/house.jpg") no-repeat;
	padding-left: 20px;
	margin: 5px 0px 0px 5px;
	font-size:12px;
	color: #0D2472;
	font-weight: bold;
	}
	
div#arborescence a {
	text-decoration: none;
	color: #0D2472;
	}
	
div#arborescence a:hover {
	text-decoration: underline;
	color: #0D2472;
	}

/******************************************
	CONTENU : affichage du texte des pages ;
	affichages des articles, sites 
	référencés pour les rubriques ; etc ...
******************************************/

div#Contenu {
	position:inherit;
	float: left;
	width: 715px;
	margin: 0px;
	padding : 5px 15px 0px;
	text-align:justify;
	}
	
div#Contenu div.contenu_bloc{
	width: auto;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border: 2px solid #3aabc2;
	}
	
div#Contenu div.contenu_bloc h2.contenu_titre {
	padding: 3px 0px 0px 5px;
	color: #FFF;
	font-size: 14pt;
	margin: 0px;
	width: auto !important;
	-width: 720px;
	height: 20px;
	-height: 25px;
	background: #5dd5bf;
	border-bottom: 1px solid #3aabc2;
	}
	
div#Contenu div.contenu_texte{
	-width: 705px;
	padding: 5px;
	}

/* edito sur la page d'accueil */
div#edito {
	background-color: #f7f7f7 ;
	}
	
div#edito img.spip_logos {
	float:left;
	border:none;
	margin: 1px;
	}

/* affichages des listes de définitions, utilisées pour
 lister les articles, documents, etc ... */
div#Contenu dl {
	margin padding : 0px;
	}
	
div#Contenu dt {
	font: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: bold;
	background: transparent url("../images/bullet_go.jpg") no-repeat 0 -3px;
	min-height: 20px;
	border-bottom: 1px solid #777777;
	margin: 10px 0 0 0px;
	padding: 0 0 0 20px;
	text-align:left;
	/*-width: 705px; /* IE6 Hack*/
	}

div#Contenu dt.contenu_breve {
	background: transparent url("../images/comments.jpg") no-repeat 0px;
	}

div#Contenu dt.contenu_site {
	background: transparent url("../images/world_link.jpg") no-repeat 0px;
	}
		
	/*
div#Contenu dt img {
	float: left;
	margin: 2px;
	}
div#Contenu dt strong {
	font-weight:bold;
	font-size:14px;
	}
div#Contenu dt em {
	color:  #8a9199 ;
	font-style: italic;
	}
	
	*/
div#Contenu dd {	
	/*-width: 705px;  IE6 Hack*/
	margin: 0;
	padding: 5px;
	}
	
div#Contenu dd.contenu_footer {
	clear: both;
	background: #C0EDB6;
	/*-width: 705px;  IE6 Hack*/
	margin: 0 0 15px 0;
	padding: 5px 5px 5px 0px;
	text-align: right;
	}
	
	/*
div#Contenu dd img.spip_logos{
	float: right;
	margin: 5px;
	}*/
	
.post-footer {
background-color: #fafafa;
padding: 0px;
margin: 0px;
border: 1px dashed #f2f2f2;
font-size: 95%;
text-align:right;
}
.post-footer .readmore {
background-color: transparent;
background-image: url(squelettes/styles/page.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: left;
background-y-position: center;
padding-left: 20px;
margin-top: 0pt;
margin-right: 10px;
margin-bottom: 0pt;
margin-left: 5px;
}
/* dernier article sur la page d'accueil  */
div#Contenu dl.premier {
	border-bottom:1px solid  #51842E ;
	}
/* liste des signatures de la pétition */
div#Contenu div#petition dd {
	border-bottom: 1px solid  #51842E ;
	padding-bottom: 2px;
	margin-bottom: 2px;
	}
/* formulaire de recherche (page 404 + pages secteur 1) */
div#Contenu div.rechercher {
	text-align:center;
	}
div#Contenu div.rechercher input.forml {
	width:150px;
	}

/* affichage de la photo sur l'album-photo */
div#photo {
	text-align:center;
	border-bottom: 1px solid  #51842E ;
	}
div#photo dl {
	margin:2px;
	padding:0;
	}

/* affichage : texte, chapeau, etc ... */
div#Contenu div.chapo {
	margin: 5px 0;
	padding: 4px;
	font-size:16px;
	font-weight:bold;
	color :  #51842E ;
	}
div#Contenu div.texte {
	margin: 5px 0;
	padding: 4px;
	font-size:14px;
	}
div#Contenu div.lien {
	border-top: 1px solid  #51842E ;
	text-align:center;
	padding: 5px;
	font-size:16px;
	margin: 5px 0;
	}

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


.spip_documents{
	font-size : 70%;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}




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

div#Menu {
	position:relative;
	float:left;
	width: 230px;
	margin : 0px;
	padding : 5px 0px 0 15px;
	}

div#Menu div.menu_bloc{
	width: auto;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border: 2px solid #3aabc2;
	}

div#Menu div.menu_bloc h3.menu_titre {
	padding: 3px 0px 0px 5px;
	color: #FFF;
	font-size: 120%;
	text-transform: capitalize;
	margin: 0px;
	width: auto;
	height: 20px;
	-height: 25px;
	background: #5dd5bf;
	border-bottom: 1px solid #3aabc2;
	}
	
div#Menu div.menu_texte{
	padding: 5px;
	}

/******************************************
	AGENDA (calendrier) : affichages 
	spécifiques à l'agenda (rubrique-agenda.html)
******************************************/
table.agenda {
	width:100%;
	color: #5c6166 ;
}
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:  #6FB440 ;
	border:2px solid  #51842E ;
	text-align: center;
}
.agendaHead {
	background-color:  #6FB440 ;
	border:1px solid  #51842E ;
	font-weight:bold;
	text-align: center;
}
.agendaThisDay {
	background-color:  #ffffff ;
	border:1px solid  #d37324 ;
}
.agendaThisMonth {
	color: #FFF;
	font-weight: bold;
	background-color:  #8FCA68 ;
	border:1px solid  #51842E ;
}

.agendaNotThisMonth, .agendaNotThisDay {
    color: #233914;
	background:  #ABD78E ;
	border:1px solid  #8a9199 ;
}

table.agenda select, table.agenda input {
	font-size: 10px;
}
table.agenda option.on {
	background:  #6FB440 ;
}


/******************************************
	PLAN DU SITE : affichages spécifiques
	au plan du site (plan.html)
******************************************/

ul.plan {
	margin: 0 4px;
	padding:0;
	}
ul.plan ul {
	margin: 0 4px;
	padding:0;
	}
ul.plan li {
	list-style-type: none;
	margin: 4px 0 4px 20px;
	padding:0;
	}
ul.plan li.rubriques {
	margin: 10px 0 10px 20px;
	}
ul.plan li.rubriques strong {
	border: 1px solid  #51842E ;
	background-color: #f7f7f7 ;
	padding:2px;
	font-size:14px;
	}	
ul.plan li.articles strong {
	border: none ;
	background:none;
	padding:0;
	font-size:12px;
	}
ul.plan li.rubriques strong a {
	color:  #5c6166 ;
	text-decoration:none;
	}

/* affichage des brèves du secteur dans le plan du site */
div.secteur div.breves {
	border: 2px solid  #51842E ;
	position:relative;
	float: right;
	width: 250px;
	margin: 5px 5px 20px;
	}
div.secteur div.breves h4 {
	border-bottom: 1px solid  #51842E ;
	background-color: #f7f7f7 ;
	margin: 0;
	padding: 2px 4px;
	font-size:14px;
	font-weight:bold;
	}
div.secteur div.breves ul {
	margin: 0;
	padding: 0;
	}
div.secteur div.breves li {
	margin: 2px;
	padding: 1px;
	font-size:12px;
	list-style-position: inside;
	list-style-image: url(images/puceoff.gif);
	}
div.secteur div.breves li em {
	color:  #8a9199 ;
	font-style: italic;
	}


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

/* pied de page de la page d'accueil */
div#PiedPage {
	margin:0;
	text-align: center;
	background-color:  #f79727 ;
	}
	
div#PiedPage p{
	margin: 0px;
	padding: 10px;
	}

 
/******************************************
	FORUMS : affichage des forums des 
	articles et brèves
******************************************/
div#forum {
	margin: 20px 0;
	}
div#forum h4 {
	border: 2px solid  #51842E ;
	background-color:  #6FB440 ;	
	padding: 4px;
	margin: 10px 0;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	}
div#forum h4 strong {
	font-size: 16px;
	font-weight: bold;
	}
div#forum div.lien {
	margin: 5px 0 0;
	padding:5px 5px 10px;
	font-style:italic;
	font-size: 12px;
	}

/* boutons (liens) "répondre à ..." */
div#forum dl div.bouton {
	text-align:right;
	padding-top:2px;
	}

/* messages des forums */
div#forum dl.forum {
	margin:20px 0;
	padding: 0;
	border: 2px solid  #51842E ;
	background-color: #f7f7f7 ;
	color:  #5c6166 ;
	}
div#forum dl.forum a.spip_bouton {
	font-size:10px;
	}
div#forum dt em {
	font-size:12px;
	color: #8a9199 ;
	}
div#forum dt {
	margin: 0;
	padding:2px;
	background-color:  #6FB440 ;
	border-bottom: 1px solid  #51842E ;
	font-size:16px;	
	text-align:left;
	}
div#forum dd {
	margin: 0;
	padding:5px 5px 10px;
	font-size:14px;
	}
div#forum dl.reponse {
	margin: 0 5px 10px 20px;
	padding: 0;
	background-color:  #ffffff ;
	border: 1px solid  #51842E ;
	}
div#forum dl.reponse dt {
	font-size:14px;
	border-bottom: 1px dashed  #51842E ;
	}
div#forum dl.reponse dd {
	font-size:12px;
	}
	
	
	
/******************************************
	SPIP : éléménets générés par SPIP 
******************************************/

h3 {
	font-size: 110%;
	font-weight:bold;
	}
	
h2 {
	font-size:120%;
	font-weight:bold;
	}
	
h1 {
	font-size:130%;
	font-weight:bold;
	}
	
.spip_surligne {
	background-color: #FFFF66;
}

.spip_puce {
	list-style-position: inside;
}
blockquote.spip {
	margin-left : 5px 0 5px 20px;
	border : solid 1px  #51842E ;
	background-color:  #ffffff ;
	padding: 5px;
}

/* Barre de raccourcis */
a.spip_barre img {
	border: 1px solid  #51842E ;
	padding: 3px;
	background-color:  #6FB440 ;
}
a.spip_barre:hover img {
	border: 1px solid  #51842E ;
	padding: 3px;
	background-color:  #ffffff ;
}

/* boutons */
.spip_bouton, a.spip_bouton, a:visited.spip_bouton {
	border:1px solid  #51842E ;
	background-color: #f7f7f7 ;
	padding:1px;
	margin:2px;
	color: #51842E ;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	}
.spip_bouton a {
	color: #51842E ;
	text-decoration: none;
	font-size:10px;
	}
.spip_bouton:hover {
	background-color: #ffffff ;
	}
	
/* champs de formulaires */
.forml {
	width: 98%;
	background-color: #f7f7f7 ;
	color:  #5c6166 ;
	padding:2px;
	font-size:12px;
	}
fieldset.spip_encadrer {
	border: 2px solid  #3aabc2 ;
	background-color: #3aabc2 ;
	text-align:left;
	font-size:12px;
	padding:5px;
	}
fieldset.spip_encadrer legend {
	border: 1px solid  #3aabc2 ;
	background-color: #ffffff ;
	padding:2px 4px;
	font-size:14px;
	}
/* tableau des smileys  */
table#smileys {
	position:relative;
	float:left;
	margin:4px;
	border-collapse: collapse;
	font-size:12px;
	font-weight:bold;
	color: #5c6166 ;
	}
table#smileys tr.row_first {
	background-color:  #2164a6 ;
	color:  #ffffff ;
	font-weight:bold;
	text-align:center;
	}
table#smileys tr.row_odd {
	background-color:  #f7f7f7 ;
	}
table#smileys tr.row_even {
	background-color:  #ffffff ;
	}
table#smileys td {
	padding: 2px;
	vertical-align: center;
	border: 1px solid  #51842E ;
	}

/* tableaux */
table.spip {
	padding: 0;
	margin:10px auto;
	border-collapse: collapse;
	font-size:12px;
	}
table.spip tr.row_first {
	background-color:  #2164a6 ;
	color:  #ffffff ;
	font-weight:bold;
	text-align:center;
	}
table.spip tr.row_odd {
	background-color:  #f7f7f7 ;
	color: #5c6166 ;
	}
table.spip tr.row_even {
	background-color:  #ffffff ;
	color: #5c6166 ;
	}
table.spip td {
	padding: 2px;
	vertical-align: center;
	border: 1px solid  #51842E ;
	}
	
	
/******************************************
	BOUTONS ADMIN : boutons affichés pour
	les administrateurs
	(recalculer cette page , ...) 
******************************************/
.spip-admin {
	text-align:left;
	left:2px;
	}
.spip-admin form{
	margin:2px;
	}
	
/******************************************
	TABLEAU des annonces 
******************************************/

/* tables */

table.annonces td {
	background-color: #DFDFDF;
	padding: 3px;
}
table.annonces td.titre {
	background-color:#33CCCC;
	}