/******************************************
	PAGE : éléments d'habillage de la page
	et éléments communs sur toute la page
******************************************/

body {
	margin: 0;
	padding: 10px;
	background-color: /*fond_page*/#ffffff;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
/* force le retour à  la ligne, le plus souvent appliqué à  <br> */
.clear {
	clear: both;
	font-size:0;
	}




/******************************************
	ENTETE : éléments des entàªtes (titres, logos, ...)
	des pages (accueil, rubriques, plan, ...) 
******************************************/

div#EntetePage img.spip_logos{
	float: left;
	margin: 4px;
	}
div#TitreSite {
	text-align:center;
	}
div#TitreSite h1 {
	font-size:16px;
	font-weight: bold;
	margin: 2px;
	padding: 0;
	border-bottom: 1px dashed /*texte*/#000000;
	}
div#TitreSite img {
	display:none;
	}
div#EntetePage h2 {
	margin: 5px;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	vertical-align:middle;
	}

/* barre des boutons sur la page d'accueil (sommaire.html) */
div#EntetePage ul.boutons {
	display:none;
	}


/******************************************
	FORMULAIRE DE RECHERCHE : apparait sur
	rubrique=16.html, rubrique-16.html,
	recherche.html et page-404.html
******************************************/
div#EntetePage div.rechercher {
	display:none;
	}


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

div#EnteteArticle {
	margin: 0;
	padding: 2px;
	font-size:12px;
	border-bottom: 1px dashed /*texte*/#000000;
	text-align:left;
	}
div#EnteteArticle img.spip_logos{
	float: left;
	margin: 4px;
	}
div#EnteteArticle h2 {
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
	}
div#EnteteArticle div.surtitre, div#EnteteArticle div.soustitre {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
/* Message auquel on répond (forum.html) */
div#EnteteArticle dl {
	margin: 4px;
	padding:4px;
}

/* Affichage des auteurs, dates, version imprimable */
div#EnteteArticle ul.auteur {
	text-align:right;
	padding: 0;
	margin: 0 0 0 10px;
	}
div#EnteteArticle ul.auteur li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0 10px;
	}
ul.auteur li.imprimable {
	display:none;
	}

/* Boutons suivants et précédents du diaporama */
div.BoutonsPrecedents {
	display:none;
	}
div.BoutonsSuivants {
	display:none;
	}

/* affichage de l'arborescence sur certaines pages (album, diaporama plan, recherche) */
div.arborescence {
	display:none;
	}


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

div#Menu {
	display:none;
	}
	
		
	
/******************************************
	CONTENU : affichage du texte des pages ;
	affichages des articles, sites 
	référencés pour les rubriques ; etc ...
******************************************/

div#Contenu {
	position:relative;
	text-align:justify;
	font-size:12px;
	}

/* affichage des blocs */
div#articles, div#breves,
div#sites_web, div#documents,
div#petition, div#rubriques,
div#breves, div#secteur {
	margin: 0 0 20px 0;
	}
div#Contenu h3.titre {
	margin: 0;
	padding: 2px;
	border-top: 2px solid /*texte*/#000000;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	}	
div#Contenu h3.titre a {
	text-decoration:none;
	}

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

/* dernier article sur la page d'accueil  */
div#Contenu dl.premier {
	border-bottom:1px dashed /*bordures*/#22558F;
	}
/* liste des sites référencés dans les pages "rechercher"  */
div#Contenu div#sites_recherche dl {
	border-bottom:1px dashed /*bordures*/#22558F;
	}
/* liste des signatures de la pétition */
div#Contenu div#petition dd {
	border-bottom: 1px dashed /*bordures*/#22558F;
	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 {
	border-top: 2px solid /*bordures*/#22558F;
	text-align:center;
	border-bottom: 1px dashed /*bordures*/#22558F;
	}
div#photo dl {
	margin:2px;
	padding:0;
	}
div#photo img.spip_logos {
	border:none;
	}

/* edito sur la page d'accueil */
div#edito {
	padding-bottom:20px;
	}

/* affichage : texte, chapeau, etc ... */
h3.spip {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	}
div#Contenu div.chapo {
	margin: 5px 0;
	padding: 4px;
	font-size:16px;
	font-weight:bold;
	}
div#Contenu div.texte {
	margin: 5px 0;
	padding: 4px;
	font-size:14px;
	}		
div#Contenu div.lien {
	border-top: 1px dashed /*texte*/#000000;
	text-align:center;
	padding: 5px;
	font-size:16px;
	}		
div#Contenu div.ps, div#Contenu div.notes {
	border-top: 1px dashed /*texte*/#000000;
	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 /*texte*/#000000;
	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, table.agenda tr, table.agenda th, table.agenda td {
	font-size: 12px;
	padding:0;
	margin:0;
}
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 {
	text-align: center;
}

.agendaHead {
	background-color: #e6e6e6;
	border: 1px solid /*texte*/#000000;
	text-align: center;
}

.agendaThisDay {
	border: 1px solid /*texte*/#000000;
}

.agendaThisMonth {
	border:1px solid /*texte_clair*/#666666 ;
}

.agendaNotThisMonth {
	background: /*texte_clair*/#666666 ;
	border:1px solid /*texte_clair*/#666666 ;
}

table.agenda select, table.agenda input {
	font-size: 10px;
}



/******************************************
	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 dashed /*texte*/#000000;
	padding:2px;
	font-size:14px;
	}				
div#Contenu ul.plan li.articles strong {
	border: none ;
	background:none;
	padding:0;
	font-size:12px;
	}
div#Contenu ul.plan li.rubriques strong a {
	text-decoration:none;
	}

/* affichage des brà¨ves du secteur */
div#Contenu div.breves {
	position:relative;
	float: right;
	width: 250px;
	margin: 0 0 20px;
	}	
div#Contenu div.breves h4 {
	border-top: 1px dashed /*texte*/#000000;
	margin: 0;
	padding: 2px 4px;
	font-size:14px;
	font-weight:bold;
	}
div#Contenu div.breves ul {
	border-bottom: 1px dashed /*texte*/#000000;
	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{
	display:none;
	}

/* pied de page de la page d'accueil */
div#PiedPage{
	display:none;
	}


/******************************************
	FORUMS : affichage des forums des 
	articles et brà¨ves
******************************************/
div#forum {
	display:none;
	}



/******************************************
	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 /*texte*/#000000;
	padding: 5px;
}
/* Barre de raccourcis */
a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}
/* boutons */
.spip_bouton {
	border:1px solid /*texte*/#000000;
	padding:1px;
	cursor: hand;
	text-decoration: none;
	}
.spip_bouton a {
	text-decoration: none;
	}
	
/* champs de formulaires */
.forml {
	width: 98%;
	}

/* tableaux */
table.spip {
	border: 1px solid /*texte*/#000000;
	padding: 0;
	margin: 0;
	}
table.spip tr.row_first {
	background-color: #cccccc;
	padding: 0;
	margin: 0;
	font-weight:bold;
	text-align:center;
	}
table.spip tr.row_odd {
	background-color: #e6e6e6;
	padding: 0;
	margin: 0;
	}
table.spip tr.row_even {
	background-color: /*fond_page*/#ffffff;
	padding: 0;
	margin: 0;
	}
table.spip td {
	padding: 2px;
	vertical-align: center;
	border: 1px solid /*texte*/#000000;
	}
	
	
/******************************************
	BOUTONS ADMIN : boutons affichés pour
	les administrateurs
	(recalculer cette page , ...) 
******************************************/
.spip-admin {
	display:none;
	}