/******************************************
	COULEURS : toutes les couleurs qui 
	sont personnalisables par 
	l'interface : /ecrire/eva_style.php
******************************************/
.formulaire_spip label {
	text-align:left;}

.les_couleurs {
	/*fond_page*/ #fffefe ;
	/*bordures*/ #bb0000 ;
	
	/*titre_page*/ #bb0000 ;
	/*fond_titre*/ #fffefe ;
	
	/*texte*/ #5c6166 ;
	/*texte_clair*/ #8a9199 ;
	
	/*liens_off*/ #2673bf ;
	/*liens_on*/ #d37324 ;
	/*liens_visite*/ #3e78b3 ;
	
	/*fond_menu*/ #e6ecf2 ;
	/*fond_menu_off*/ #f7f7f7 ;
	/*fond_menu_on*/ #ffffff ;
	
	/*formulaires*/ #f7f7f7 ;
}

/******************************************
	PAGE : éléments d'habillage de la page
	et éléments communs sur toute la page
******************************************/
body {
	background-color:/*fond_page*/ #fffffe ;
	margin: 0;
	padding: 0px;
	padding-top: 10px;
	font-family: Arial, Helvetica,  serif;
	text-align: center;
	}
* {
	font-family: Arial, Helvetica,  serif;
	}
div#Page, div#NoMenu {
	position:relative;
	width: 99%;
	margin-left: auto;
	margin-right: 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:  #2673bf ;
	}
a:hover {
	color:  #d37324 ;
	}
a:visited {
	color: / #3e78b3 ;
	}*/
	
/* images & logos */
img.spip_logos {
	border:none;
	padding:2px;
	}
img.smiley {
	vertical-align:middle;
	}
a img {
	border:none;
	}

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

a {
	color:#000000;
	font-style: italic;
}
a:hover{
	color:#000000;
	text-decoration:none;
}
/******************************************
	LOGIN : éléments spécifique au 
	squelette login.html
******************************************/
div#Login {
	position:relative;
	width: 600px;
	margin: 50px auto;
	padding:5px;
	text-align: left;
	border: 2px solid /*bordures*/ #bb000 ;
	background-color: /*fond_menu_off*/ #f7f7f7 ;
	}
div#Login div#Contenu {
	margin-top:10px;
	padding:4px;
	}
div#Login div#Contenu img_logos{
	float:left;
	}
div#Login div.spip_encadrer {
	margin-top:10px;
	padding:4px;
	border: 1px solid /*bordures*/ #bb0000 ;
	background-color: /*fond_menu_on*/ #ffffff ;
	}

/******************************************
	ENTETE : éléments des entêtes (titres, logos, ...)
	des pages (accueil, rubriques, plan, ...) 
******************************************/
div#TitreSite {
	display:none;
	}

	
div#EntetePage {
	background-image: url(../IMG/traithaut.gif);
	background-repeat: repeat-x;
	background-position: top left;
	position:relative;
	border: 2px solid #bb0000 ;
	width:100%
	}
div#EntetePage img.logo_site{
	float:left;
	height:114px;
	padding:0px;
	margin:0px;
	padding-left:2px;
	
}
div#EntetePage img.spip_logos{
	float:left;
	width:100px;
	height:100px;
	padding:0px;
	margin:0px;
	padding-left:5px;
	padding-top:5px;
	
}
div#EntetePage h1 {
	margin: 3px;
	padding: 0;	
	color:/*titre_page*/ #bb0000 ;
	font-size: 26px;
	font-weight: bold;
	padding-top:20px;
	}
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;	
	padding-top:30px;
	color:/*titre_page*/ #bb0000 ;
	font-size: 24px;
	font-weight: bold;
	vertical-align:middle;
	}
div#EntetePage h1 a, div#EntetePage h2 a {
	color:/*titre_page*/ #bb0000 ;
	text-decoration:none;
	}

/* barre des boutons sur toutes les pages */
ul.boutons {
	background: url("../IMG/menu_haut.gif");
	background-repeat: repeat-x;	
	position:relative;
	padding: 0;
	margin: 0;
	border-top:  2px solid #C52223;
	float:right;
	width:100%;
	}
	
	
ul.boutons img.spip_logos{
	display:none;
	}
ul.boutons span {
	display:inline;
	}
ul.boutons li {
	list-style-type: none;
	display:inline;
	font-size: 0.8em; 
	font-weight:bold;
	color:/*liens_off*/ #FFFFFF ;
	margin-right: 5px;
	margin-left: 5px;
	font-size:13px;
	float:right;
	}
ul.boutons li.gauche {
	list-style-type: none;
	display:inline;
	font-size: 0.8em; 
	font-weight:bold;
	color:/*liens_off*/ #FFFFFF ;
	margin-right: 5px;
	margin-left: 5px;
	font-size:13px;
	float:left;
	}	
ul.boutons li a {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:/*liens_off*/ #FFFFFF ;
	margin-right: 5px;
	margin-left: 2px;
	font-style: normal;
	}
ul.boutons li a:hover {
	color:/*liens_on*/ #000000 ;
	}
ul.boutons li div {
	display:inline;
	}
ul.boutons input.spip_bouton {
	display:inline;
	}
ul.boutons form {
	display:inline;
	}

/******************************************
	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:/*titre_page*/ #bb0000 ;
	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-image: url(../IMG/traithaut.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border: 2px solid /*bordures*/ #bb0000 ;
	font-size:12px;
	width:100%;
	color:#000000;
	}
div#EnteteArticle img.spip_logos{
	float:left;
	width:100px;
	height:100px;
	padding:0px;
	margin:0px;
	padding-left:5px;
	padding-top:5px;
	
}
div#EnteteArticle div.letitre{
	float: left;
	padding-top:20px;
	}
div#EnteteArticle h2 {
	margin: 0;
	padding: 0;
	font-size: 15pt;
	font-weight: bold;
	padding-bottom:2px;
	}
div#EnteteArticle div.surtitre, div#EnteteArticle div.soustitre {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 11pt;
	}
	
/* Message auquel on répond (forum.html) */
div#EnteteArticle dl {
	margin: 4px;
	padding:4px;
	background-color: /*fond_page*/ #fffefe ;
	border: 1px solid /*bordures*/ #bb0000 ;
}

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

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

/* affichage de l'arborescence sur certaines pages (album, diaporama, agenda, plan, recherche) */
div.arborescence {
	padding:2px 4px;
	margin:0;
	font-size:12px;
	color:/*texte*/ #5c6166 ;
	border-top: 1px solid /*bordures*/ #bb0000 ;
	background-color:/*formulaires*/ #f7f7f7 ;
	}
div.arborescence span {
	padding:2px 4px;
	background-image: url(images/deplierhaut.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}

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

div#Contenu {
	position:relative;
	float:right;
	width: 77%;
	margin-top:20px;
	margin-bottom: 10px;
	background-color: fond_page #fffefe;
	text-align:justify;
	font-size:12px;
	color: /*texte*/ #5c6166 ;
	}

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

/* affichage des blocs */
div#articles, div#breves, div#sites_web, div#sites_syndiques, div#documents,
div#petition, div#rubriques, div#breves, div#secteur, div#edito, div#sites_recherche,
div#GroupesMots, div.agenda, div.secteur, div.GroupesMots {
	margin-bottom:20px;
	float:left;
	width:100%;
	}
div.suite {
	text-align:right;
	font-size:10pt;
	
}
.suite {
	text-align:right;
	font-size:10pt;
}
.suite  a{
	color:#C52223;
	text-decoration: none;
}
.suite a:hover 
{
	color:#000000;	
	text-decoration: underline;
}


div#Contenu h3.titre {
	margin: 0;
	padding: 1px;
	margin-bottom:5px;
	background-color:#C52223 ;
	text-align:center;
	font-weight:bold;
	font-size: 10pt;
	text-transform: uppercase;
	color: #FFFFFF;
	}
div#edito h3.titre {
	margin: 0;
	padding: 1px;
	background-color: /*fond_titre*/ #C52223 ;
	text-align:center;
	font-weight:bold;
	font-size: 12pt;
	text-transform: uppercase;
	color: #FFFFFF;
	}
	
div#Contenu h3.titre img.spip_logos{
	vertical-align: middle;
	border:none;
	margin: 1px;
	}
div#Contenu h3.titre a {
	text-decoration:underline;
	}
div#Contenu h3.titre a:hover {
	color:#000000 ;
	}

/* edito sur la page d'accueil */
div#edito {
	background-color:/*formulaires*/ #fafaff ;
	}
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: 0 0 5px 0;
	padding: 4px;
	}
div#Contenu dt {
	margin: 5px 0 0;
	padding: 0;
	text-align:left;
	}
div#Contenu dt img {
	float: left;
	margin: 2px;
	margin-right:5px;
	margin-bottom:5px;
	}
div#Contenu dt strong {
	font-weight:bold;
	font-size:14px;
	}
div#Contenu dt em {
	color: /*texte_clair*/ #8a9199 ;
	font-style: italic;
	}
div#Contenu dd {
	margin: 0;
	padding: 2px 0 0 20px;
	}
	

	
/* affichages des listes de définitions, utilisées pour
 lister les articles, documents, etc ... */
div#articles{
	background-color:#FFFFFF;
}
div#articles dl {
	margin:0px;
	padding: 0px;
	margin-top:5px;
	width:49.2%;
	float:left;
	color:#000000;
	}
div#articles dl.droite{
	margin:0px;
	padding: 0px;
	margin-top:5px;
	width:49.2%;
	float:right;
}
div#articles dl.onecolonne{
	margin:0px;
	padding: 0px;
	margin-top:5px;
	width:100%;
	float:left;
	border:0px;
}
div#rubriques dl{
	margin:0px;
	padding: 0px;
	margin-top:5px;
	width:100%;
	float:left;
	color:#000000;
}
div#articles dt,div#rubriques dt  {
	margin: 0;
	padding:0;
	margin-bottom:5px;
	text-align:left;
	background-color: #B3B3B3; /*titre gris*/
	text-transform: uppercase;
	color:#000000;
	}
div#articles  dt img,div#rubriques  dt img {
	float: left;
	/*margin: 2px;*/
	}
div#articles  dt a,div#rubriques  dt a{
	font-weight:bold;
	font-size:10pt;
	color: #000000;
	font-style: normal;
}
div#articles  dt a:hover,div#rubriques  dt a:hover{
	font-weight:bold;
	font-size:10pt;
	color: #000000;
	text-decoration: none;
}
div#articles dt em, div#rubriques dt em  {
	color: #000000;
	font-style: normal;
	font-size: 8pt;
	font-weight:bold;
	}
div#articles   dd, div#rubriques   dd {
	margin: 0;
	padding: 1px;
	padding-bottom:10px;
	height:100%;
	}
div#articles  dd img.spip_logos, div#rubriques  dd img.spip_logos{
	float: right;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	height:100px;
	width:100px;
	}
	
	



/* premier article sur la page d'accueil  */
div#articles dl.premier {
	margin: 0;
	padding: 0px;
	border-bottom:1px solid /*bordures*/ #bb0000 ;
	width:100%;
	}
div#articles dl.premier dt{
	margin: 5px 0 0;
	text-align:left;
}
div#articles dl.premier dd {
	margin: 0;
	padding-right: 5px;
}
div#articles dl.premier dd img.spip_logos{
	float: left;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	height:100px;
	width:100px;
}
/* liste des signatures de la pétition */
div#Contenu div#petition dd {
	border-bottom: 1px solid /*bordures*/ #bb0000 ;
	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 /*bordures*/ #bb0000 ;
	}
div#photo dl {
	margin:2px;
	padding:0;
	}

/* affichage : texte, chapeau, etc ... */
div#Contenu div.chapo {
	margin: 5px 0;
	padding: 4px;
	font-size:11pt;
	font-weight:bold;
	color : #bb0000 ;
	font-family: Arial, Helvetica,  serif;
	}
div#Contenu h2{
	font-size:12pt;
}
div#Contenu div.texte {
	margin: 5px 0;
	padding: 4px;
	font-size:10pt;
	font-family: Arial, Helvetica,  serif;
	color:#000000;
	}
div#Contenu div.lien {
	border-top: 1px solid /*bordures*/ #bb0000 ;
	text-align:center;
	padding: 5px;
	font-size:11pt;
	margin: 5px 0;
	color:#000000;
	}
div#Contenu div.ps, div#Contenu div.notes {
	margin: 10px 0;
	padding: 4px;
	font-size:12px;
	background-color: #e8e9ec ;
	color:#000000;
	}
div#Contenu h3 {
	margin: 3px 0;
	padding: 2px;
	color: #bb0000 ;
	font-size:11pt;
	font-weight:bold;
	}
div#Contenu h4 {
	margin: 3px 0;
	padding: 2px;
	font-size:14px;
	font-variant: small-caps;
	}
div#Contenu h5 {
	margin: 3px 0;
	padding: 2px;
	font-size:14px;
	font-weight:normal;
	font-style: italic;
	}

div#Contenu div.ps div, div#Contenu div.notes div {
	}
div#Contenu p.spip, p.spip_note {
	margin: 0;
	padding: 4px;
	}

.spip_documents{
	font-family: Arial, Helvetica,  serif;
	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: 20%;
	}

/* sommaire du site (arborescence des rubriques) */
div.sommaire {
	width:100%;
	background-image: url('../IMG/menu_gauche.gif');
	margin-bottom: 5px;
	border: 2px solid /*bordures*/ #bb0000 ;
	border-top: 0px;
	}
div.sommaire a {
	color:/*texte*/ #FFFFFF ;
	text-decoration: none;
	text-transform: uppercase;
	font-style: normal;
	}
div.sommaire a.on {
	color:#000000;
	/*font-style:italic;*/
	}
div.sommaire a:hover {
	color:/*liens_on*/ #000000;
	}
div.sommaire ul {
	position:relative;
	margin: 0;
	padding: 0;
	}
div.sommaire ul ul{
	margin: 0 0 0 15px;
	}
div.sommaire li {
	position:relative;
	margin: 4px;
	padding: 2px;
	list-style-type: none;
	font-size:12px;
	font-weight:bold;
	}

div.sommaire li.on a{
	color:#000000;
}
div.sommaire li.on li.off a{
	color:#FFFFFF;
}
div.sommaire li.on li.off a:hover{
	color:#000000;
}


div.sommaire li li, div.sommaire li.on li {
	margin: 0;
	padding: 0;
	border: none; 
	font-weight:normal;
	padding-bottom: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;
	}
	
/* formulaires dans le menu (inscription au site, référencer un site) */

div.formulaires div {
	font-size:12px;
	padding:0px
	margin:0px;
	margin-top:5px;
	margin-left:5px;
	}
div.formulaire fieldset{
	background-color: /*fond_menu_off*/ #f7f7f7 ;
	}

/* blocs affichés dans le menu (brèves, mots-clés, ...) */
div.bloc, div.formulaires {
	width:100%;
	background-image: url('../IMG/menu_gauche.gif');
	border: 2px solid /*bordures*/ #bb0000 ;
	margin-bottom:5px;
	padding-bottom:0px;
	}
div.bloc {
	padding-bottom:10px;
}
div.formulaires div.recherche form{
	padding:0px;
	padding-bottom:2px;
	margin:0px;
}
div.formulaires label{
	color:#FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
}
div.formulaires input{
	width:80%;
	margin-right:8px;
}

	
div#Menu h4 {
	border-bottom: 2px solid /*bordures*/ #bb0000 ;
	margin: 0;
	padding: 2px 4px;
	font-size:10pt;
	font-weight:bold;
	font-family: Arial, Helvetica,  serif;
	color:/*texte*/ #FFFFFF ;
	text-transform: uppercase;
	text-align:center;
	}
	
div.bloc ul {
	margin: 0;
	padding: 0;
	padding-top:5px;
	}
div.bloc li {
	padding: 0;
	font-size:12px;
	margin:0;
	list-style: url(images/puceoff.gif) inside;
	}
div.bloc li a {
	text-decoration:none;
	color:/*texte*/ #FFFFFF ;
	padding-left:5px;
	}
div.bloc li a:hover{
	color:#000000;
	}
div.bloc li.on {
	list-style: url(images/puceon.gif) inside;
	/*background-image: url('../images/puceon.gif');
	background-repeat: no-repeat;
	background-position:left bottom;
	padding-left:10px;*/
	}
div.bloc li.on a {
	text-decoration:none;
	color:/*texte*/ #000000 ;
	}
div.bloc li em {
	color: #FFFFFF ;
	font-style: normal;
	}



/******************************************
	AGENDA (calendrier) : affichages 
	spécifiques à l'agenda (rubrique-agenda.html)
******************************************/
div.agenda {
	width:100%;
	background-image: url('../IMG/menu_gauche.gif');
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 5px;
	border: 2px solid /*bordures*/ #bb0000 ;
	}

table.agenda {
	width:100%;
	color:/*texte*/ #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: /*fond_menu*/ #e6ecf2 ;
	border:2px solid /*bordures*/ #bb0000 ;
	text-align: center;
}
.agendaHead {
	background-color: /*fond_titre*/ #fffefe ;
	border:1px solid /*bordures*/ #bb0000 ;
	font-weight:bold;
	text-align: center;
}
.agendaThisDay {
	background-color: /*fond_menu_on*/ #ffffff ;
	border:1px solid /*liens_on*/ #d37324 ;
}
.agendaThisMonth {
	background-color: /*formulaires*/ #f7f7f7 ;
	border:1px solid /*bordures*/ #BB0000 ;
}

.agendaNotThisMonth, .agendaNotThisDay {
	background: /*fond_menu*/ #e6ecf2 ;
	border:1px solid /*texte_clair*/ #8a9199 ;
}

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



/*
* MINI AGENDA
*/

.cabecera_agenda {
background-color: #e1e1ff;
padding:2px;
border-bottom:1px solid #cc33cc;
color:#FFFFFF;
font-family: Arial, Helvetica,  serif;
font-size:12px;
 font-weight: bolder;
 text-align:center;
}

.agenda_ a{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #111;
	/*color: #000;
	border: 1px solid #999;
	background-color: #eee;
	padding: 2px 3px;*/
}

.agenda_ a:hover{
	text-decoration: none;
	/*color: #000;
	border: 1px solid #666;
	background-color: #ddd;*/
}

.agenda_mini a{
	display: block;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #111;
	background-color: #e1e1ff;
}

.agenda_mini a:hover{
	display: block;
	text-decoration: none;
	background-color: #cccccc;*/
	/*color: #000;
	border: 1px solid #666;
	background-color: #ddd;*/
}

.calendar_head {
	background-color: #e5e5ff;
	text-align: center;
	font-size: 11px;
	color: #630;
	font-family: Arial, Helvetica,  serif;
}

.calendar_this_day {
	background-color: #F8DFFF;
	font-style:bold;
}

.calendar_this_month {
	background-color: #fefefe;
}

.calendar_not_this_month {
	background: #ececec;
	color:#aaa;
}
.horsperiode {
	background: #ececec;
	color:#aaa;
}
.today{
	background-color: #F8DFFF;
	font-style:bold;
}
.formbuscar_ag {
   position:relative;
	float:right;
	width: 32%;
	font-family: Arial, Helvetica,  serif;
	font-size: 11px;
	border: 1px solid #eeeeee;
	color:#99CC33;
	padding: 0px;
	margin: 0px;
	
}
.botonbuscar_ag {
	font-size: 11px;
	font-family: Arial, Helvetica,  serif;
	border: 1px solid #eeeeee;
	background: #ffffff;
	color:#FF6600;
	margin: 0px;
	padding: 0px;
}

.formbuscar_cabecera {
   position:relative;
	float:right;
	width: 32%;
	font-family: Arial, Helvetica,  serif;
	font-size: 9px;
	border: 1px solid #CCCCCC;
	color:#99CC33;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
}

.botonbuscar_cabecera {
	font-size: 9px;
	font-family: Arial, Helvetica,  serif;
	color:#FF6600;
	margin: 0px;
	padding: 0px;
	border:0px;
}

.small {
font-family: Arial, Helvetica,  serif;
font-size:16px;
font-color:#666666;
}

.small_plus {
font-family: Arial, Helvetica,  serif;
font-size:11px;
font-color:#666666;
}

.small_mini {
font-family: Arial, Helvetica,  serif;
font-size:11px;
font-color:#999999;
text-align:center;
	font-style:normal;
}

.calendar_head_mini {
	background-color: #f1f1ff;
	text-align: center;
	font-size: 10px;
	color: #111;
	font-family: Arial, Helvetica,  serif;	
	font-style:normal;
}
 
 .boton_agenda A {
 display: block;
 margin: 0px;
 padding: 2px;
 background-color:#f1f1ff;
 color:#111111;
 text-decoration: none; 
 font-size:11px; 
 font-weight:bold;
 font-family: Arial, Helvetica,  serif;
 }
 
  .boton_agenda A:hover {
 display: block;
 margin: 0px;
 padding: 2px;
 background-color:#CCCCCC;
 color:#000000;
 text-decoration: none; 
 font-size:11px; 
 font-weight:bold;
 font-family: Arial, Helvetica,  serif;
 }


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

ul.plan {
	margin: 0 4px;
	padding:0;
	text-transform:uppercase;
	}
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 a{
	font-style: normal;
}
ul.plan li.rubriques {
	margin: 10px 0 10px 20px;
	}
ul.plan li.rubriques strong {
	background-color:none ;
	padding:2px;
	font-size:12px;
	}	
ul.plan li.articles strong {
	border: none ;
	background:none;
	padding:0;
	font-size:10px;
	}
ul.plan li.rubriques strong a {
	color:#FFFFFF;
	text-decoration:none;
}
	
ul.plan li.rubriques strong a:hover {
	color:#000000;
	text-decoration:none;
	}

/* affichage des brèves du secteur dans le plan du site */
div.secteur {
	background-image: url('../IMG/menu_gauche.gif');
	background-repeat:repeat-y;
	border: 2px solid /*bordures*/ #bb0000 ;
	margin-left:auto;
	margin-right:auto;
	width:567px;
	float:none;
}
div.secteur  a{
	color:#FFFFFF;
	text-decoration:underline;
}
div.secteur a:hover{
	color:#000000;
	text-decoration:none;
}
div#Contenu .secteur h3.titre{
	width:567px;
}
div.secteur div.breves {
	position:relative;
	float: right;
	width: 250px;
	margin: 5px 5px 20px;
	}
div.secteur div.breves h4 {
	border-bottom: 1px solid /*bordures*/ #bb0000 ;
	background-color:/*formulaires*/ #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: /*texte_clair*/ #8a9199 ;
	font-style: italic;
	}


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

ul#PiedPage{
	border: 2px solid /*bordures*/ #bb0000 ;
	background-color: /*fond_titre*/ #ffffff ;
	text-align: center;
	padding: 2px;
	margin: 0;
	}
ul#PiedPage span {
	display:none;
	}
ul#PiedPage li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	}
ul#PiedPage li div {
	display:inline;
	}
ul#PiedPage img.spip_logos{
	margin: 0 20px;
	vertical-align:middle;
	}
	ul#PiedPage input {
	display: inline;
	margin: 0 20px;
	vertical-align:middle;
	}
ul#PiedPage form {
	display: inline;
	}


/* pied de page de la page d'accueil */
div#PiedPage {
	margin:0px;
	margin-top:50px;
	text-align: center;
	background-color: /*fond_titre*/ #ffffff ;
	}
div#PiedPage p.copyright {
	position:relative;
	margin:10px 0 0;
	font-size:12px;
	}
div#PiedPage img{
	margin:10px;
}
 

/******************************************
	FORUMS : affichage des forums des 
	articles et brèves
******************************************/
div#forum {
	margin: 20px 0;
	}
div#forum h4 {
	border: 2px solid /*bordures*/ #bb0000 ;
	background-color: /*fond_titre*/ #ffff0f ;	
	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 /*bordures*/ #bb0000 ;
	background-color:/*formulaires*/ #f7f7f7 ;
	color: /*texte*/ #5c6166 ;
	}
div#forum dl.forum a.spip_bouton {
	font-size:10px;
	}
div#forum dt em {
	font-size:12px;
	color:/*texte_clair*/ #8a9199 ;
	}
div#forum dt {
	margin: 0;
	padding:2px;
	background-color: /*fond_titre*/ #ffffff ;
	border-bottom: 1px solid /*bordures*/ #bb0000 ;
	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: /*fond_page*/ #ffffff ;
	border: 1px solid /*bordures*/ #bb0000 ;
	}
div#forum dl.reponse dt {
	font-size:14px;
	border-bottom: 1px dashed /*bordures*/ #bb0000 ;
	}
div#forum dl.reponse dd {
	font-size:12px;
	}
	
	
	
/******************************************
	SPIP : éléments générés par SPIP 
******************************************/

.spip_surligne {
	background-color: #d1b3b3;
}
.spip_puce {
	list-style-position: inside;
}
blockquote.spip {
	margin-left : 5px 0 5px 20px;
	border : solid 1px /*bordures*/ #bb0000 ;
	background-color: /*fond_page*/ #ffffff ;
	padding: 5px;
}

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

/* boutons */
.spip_bouton, a.spip_bouton, a:visited.spip_bouton {
	border:1px solid /*bordures*/ #bb0000 ;
	background-color:/*formulaires*/ #f7f7f7 ;
	padding:1px;
	margin:2px;
	color:/*bordures*/ #bb0000 ;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	}
.spip_bouton a {
	color:/*bordures*/ #bb0000 ;
	text-decoration: none;
	font-size:10px;
	}
.spip_bouton:hover {
	background-color:/*fond_page*/ #ffffff ;
	}
	
/* champs de formulaires */
.forml {
	width: 98%;
	background-color:/*formulaires*/ #f7f7f7 ;
	color: /*texte*/ #5c6166 ;
	padding:2px;
	font-size:12px;
	}
fieldset.spip_encadrer {
	border: 2px solid /*bordures*/ #bb0000 ;
	background-color:/*fond_menu_off*/ #f7f7f7 ;
	text-align:left;
	font-size:12px;
	padding:5px;
	}
fieldset.spip_encadrer legend {
	border: 1px solid /*bordures*/ #bb0000 ;
	background-color:/*fond_menu_on*/ #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:/*texte*/ #5c6166 ;
	}
table#smileys tr.row_first {
	background-color: /*titre_page*/ #bb0000 ;
	color: /*fond_page*/ #ffffff ;
	font-weight:bold;
	text-align:center;
	}
table#smileys tr.row_odd {
	background-color: /*fond_menu_off*/ #f7f7f7 ;
	}
table#smileys tr.row_even {
	background-color: /*fond_page*/ #ffffff ;
	}
table#smileys td {
	padding: 2px;
	vertical-align: center;
	border: 1px solid /*bordures*/ #ff0000 ;
	}

/* tableaux */
table.spip {
	padding: 0;
	margin:10px auto;
	border-collapse: collapse;
	font-size:12px;
	}
table.spip tr.row_first {
	background-color:#bb0000 ;
	color:#ffffff ;
	font-weight:bold;
	text-align:center;
	}
table.spip tr.row_odd {
	background-color: /*fond_menu_off*/ #f7f7f7 ;
	color:/*texte*/ #5c6166 ;
	}
table.spip tr.row_even {
	background-color: /*fond_page*/ #ffffff ;
	color:/*texte*/ #5c6166 ;
	}
table.spip td {
	padding: 2px;
	vertical-align: center;
	border: 1px solid /*bordures*/ #bb0000 ;
	}
.texteencadre-spip {
        color: #000033;
        background: #e8e9ec;
        border-bottom: 2px solid #bb0000;
        border-left: 1px solid #cc0000;
        border-right: 2px solid #bb0000;
        border-top: 1px solid #cc0000;
        margin: 1em 0; 
        padding: .25em;
        position: relative;
}

.caractencadre-spip {
        color: #C52223;
        font-weight: bold;
		
}

.caractencadre2-spip {
        color: #009;
        font-weight: bold;
}

acronym.spip_acronym {
        cursor: help;
        border-bottom: 1px dotted;
}

a[hreflang]:after {
content: "\0000a0[" attr(hreflang) "]";
color: #999;
background : transparent;
}

a.spip_blank {
        color: #F00;
}

/* Pour le mode preview dans l'admin */
#article_preview {
        display:none;
        border:1px solid #666;
        overflow: auto;
        background-color: #FFCCCC;
}