/* ************************************************************* */
/*                       Kit SPIP paroisse                       */
/*                 Copyright 2010 Diocese de Paris               */
/* ************************************************************* */
/*                            tailles typo                       */
/*  ************************************************************ */
/*
 * Base				100%
 * **************************************************************
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible
 * en texte le plus petit sur Internet Explorer
 */
/* *******************************************  */
/* valeurs pour les margins et paddings */
/* haute, droite, bas, gauche - sens horaire */
/* Exemple : margin: 15px 0px 15px 10px; */
/* Correspond à : */
/*	margin-top: 15px; */
/*	margin-right: 0px;  */
/*	margin-bottom: 15x; */
/*	margin-left: 10px; */
/* *******************************************  */
/* *******************************************  */
/* Les border a 0px sont conservees pour realiser  */
/* des tests eventuels de blocs de CSS             */
/* exemple : border: 0px solid #0000ff;           */
/* *******************************************  */
/* *******************************************  */

/* **********************************************************************  */
/* **********************************************************************  */
/* ATTENTION, TOUTES LES COULEURS SONT DEPORTEES DANS LA CSS couleurs.css  */
/* **********************************************************************  */
/* **********************************************************************  */

/*  Le site occupe la totalite de l'ecran pour bien repeter le motif eventuel de fond voir plus bas */
html, body {
	width: 100%;
	height: 100%;
	text-align: center;
}
/* bien regler la marge (bugs IE) */
body {
/* voir couleurs.css pour les couleurs */
  font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.77em;
  margin: 0;
  padding: 0;
/* couleur du texte gris fonce  */
	color: #333333;
/* Il est possible d'envisager la repetition d'un motif en fond d'écran */
/* background-image: url(../images/fond_motif.gif); */
/* background-repeat: repeat; */
/* pour le menu deroulant avec IE */
	behavior: url(styles/csshover.htc);
}
/* *******************************************  */
/* Les "nettoyeurs" */
/* Utilisables sous la forme <div class="clearxxx"></div> */
.clear {
	clear: both;
}
.clearright {
	clear: right;
}
.clearleft {
	clear: left;
}
/* *******************************************  */
/* liens internes et externes */
/* voir couleurs.css pour les couleurs */
a.spip_in { text-decoration: underline; } /* liens internes */
a.spip_out, a.spip_url, a.spip_glossaire { /* liens sortants */
	text-decoration: underline;
	background: url(../images/spip_out.gif) no-repeat right;
	padding-right: 15px;
}
/* **********************************************************************  */
/* Aspect des liens generiques */
/* voir couleurs.css pour les couleurs */
a {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* **********************************************************************  */
/* Aspect du sur-titre dans le texte d'un article */
/* voir couleurs.css pour les couleurs */
h3.spip {
	text-align: left;
/* marges haut droite bas gauche - a priori les margin et padding correspondants doivent etre les memes */
  margin: 5px 25px 5px 25px;
  padding: 5px 25px 5px 25px;
	font-size: 110%;
	font-weight: bold;
	background: url(../images/puce_intertitre.gif) no-repeat left;
}
/* **********************************************************************  */
/* Entete de la page d'accueil destinee a contenir la zone d'accessibilite */
#accessibilite {
  width: 1000px;
	padding:0px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
}
.accessibilite {
/* voir couleurs.css pour les couleurs */
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 85%;
	text-align: center;
}
.accessibilite li {
	display: inline;
	text-decoration: none;
}
/* aspect des liens */
/* voir couleurs.css pour les couleurs */
.accessibilite a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.accessibilite a:visited {
	text-decoration: none;
}
.accessibilite a:hover {
  text-decoration: none;
}
.accessibilite a:active {
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Blocs principaux de contenu */
/* Deux pages identiques superposées pour mettre en place deux colonnes */
/* fictives à droite et à gauche */
#pagedroite {
	text-align: left;
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background: transparent url(../images/repetedroite.gif) right top repeat-y;
	border: 0px solid #0000ff;
}
#pagegauche {
	text-align: left;
	width: 1000px
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background: transparent url(../images/repetegauche.gif) left top repeat-y;
	border: 0px solid #ff0000;
}
/* **********************************************************************  */
/* Zone de l'entete, elle contient le bandeau haut */
#bandeaupremier {
  width: 1000px;
  height: 120px;
  background-image: url(../images/zonehautepremiere.jpg);
  background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
/* faux lien de retour en page d'accueil */
.bandeaupremier {
  text-align: left;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 45px;
}
.bandeaupremier a:link {
  color: transparent;
  text-decoration: none;
}
.bandeaupremier a:visited {
  color: transparent;
  text-decoration: none;
}
.bandeaupremier a:hover {
  color: transparent;
  text-decoration: none;
}
.bandeaupremier a:active {
  color: transparent;
  text-decoration: none;
}
/* **********************************************************************  */
/* Zone haute basse elle contient les liens haut */
/* voir couleurs.css pour les couleurs */
#bandeausecond {
  width: 1000px;
  height: 35px;
/* il est possible de placer une image de fond */
  background-image: url(../images/zonehauteseconde.jpg);
  background-repeat: no-repeat;
 	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border: 0px solid #0000ff;
}
/* liens dans cette zone */
/* voir couleurs.css pour les couleurs */
.bandeausecond {
  text-align: right;
  margin: 0px 0px 0px 0px;
	padding: 6px 10px 0px 0px;
  font-size: 16px;
}
/* aspect des liens */
/* voir couleurs.css pour les couleurs */
.bandeausecond a:link {
  text-decoration: none;
}
.bandeausecond a:visited {
  text-decoration: none;
}
.bandeausecond a:hover {
  text-decoration: underline;
}
.bandeausecond a:active {
  text-decoration: none;
}
/* **********************************************************************  */
/* La page principal du site */
/* voir couleurs.css pour les couleurs */
#page {
  text-align: left;
	width: 1000px;
	padding: 0px;
 	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background-color: #ffffff;
/* la page doit être bordee sinon bug d'affichage avec firefox */
  border: 0px solid #ff0000;
}

/* **********************************************************************  */
/* Zone a gauche de l'ecran */
/* voir couleurs.css pour les couleurs */
#gauche {
	float: left;
	width: 180px;
/* ********************************************************************************************* */
/* marge a gauche et a droite doivent etre identiques pour les langages RTL */
	margin: 0px 0px 0px 4px;
/* ********************************************************************************************* */
	padding: 0px 0px 0px 0px;
	border: 0px solid #00ff00;
}
/* La partie gauche est placee dans la zone gauche */
/* voir couleurs.css pour les couleurs */
.partiegauche {
  margin: 0px 5px 10px 5px;
  padding: 5px 5px 5px 5px;
	border: 0px solid #0000ff;
}
/* **********************************************************************  */
/* Style recherche, cette div est utilisee pour la recherche */
/* **********************************************************************  */
#recherche {
	text-align: center;
/* ****************************************************************************** 	*/
/* Au dessus et au dessous de l'acces au moteur de recherche on peut placer des pointilles 	*/
  border-top: 0px dotted;
  border-bottom: 0px dotted;
/* ****************************************************************************** 	*/
	padding: 0px;
  margin: 10px 0px 10px 0px;
}
/* largeur et fond du champ de recherche */
/* voir couleurs.css pour les couleurs */
input.formrecherche {
	width: 132px;
}
/* **********************************************************************  */
/* Le menu de langue */
/* **********************************************************************  */
/* voir couleurs.css pour les couleurs */
/* voir couleurs.css pour la definition de bordure et sa couleur */
#lang {
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 10px 0px;
}
#lang form {
  padding: 0;
  margin: 0;
}
/* voir couleurs.css pour les couleurs */
#lang label {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size : 12px;
}
/* voir couleurs.css pour les couleurs */
#lang select {
  margin-top: 2px;
  border: 1px solid;
  font-size: 12px;
  width: 100px;
}
#lang input {
  margin: 5px 0 0 5px;
  border: none;
  padding: 0;
  font-size: 10px;
}
/* **********************************************************************  */
/* Le conteneur centre et droit de la page */
/* Cette div id est la uniquement de façon a ce que le lien d'evitement "contenu" pointe dessus */
#central {
}
/* **********************************************************************  */
/* La partie haute est placee tout en haut de la page d'accueil */
/* voir couleurs.css pour les couleurs */
/* ATTENTION voir aussi  styleaffichage_ie.css et styleaffichage_ie7.css */
#partiehaute {
	margin-left: 200px;
  width: 600px;
	padding: 0px;
	border: 0px solid #00ff00;
}
.partiehaute {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  overflow:hidden;
}
/* voir couleurs.css pour les couleurs */
/* ATTENTION voir aussi  styleaffichage_ie.css et styleaffichage_ie7.css */
#contenucentral {
  margin-left: 200px;
  width: 600px;
  margin-bottom: 10px;
	background-color: #ffffff;
	text-align: left;
	padding: 0px;
/* mise en place d'un contexte de formatage pour éviter que le clear left */
/* pousse la suite sous le float right du cadre droit avec firefox */
/* voir http://www.blog-and-blues.org/articles/Float,_clear_et_contextes_de_formatage */
  overflow: auto;
/* zoom:1.0 est reconnue par IE, elle permet de regler les problemes des disparitions fantomes de texte */
	zoom: 1.0;
	border: 0px solid #ff0000;
}

/* **********************************************************************  */
/* La ligne haute pour loupes et impression */
#lignehaute {
  text-align: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
 	border: 0px solid #0000ff;
}
/* **********************************************************************  */
/* Le chemin de progression */
#progression {
  text-align: left;
	line-height: 1.5em;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #00ff00;
}
.progression {
	list-style-type: none;
	padding: 0px;
	font-size: 90%;
}
/* aspect des liens */
/* voir couleurs.css pour les couleurs */
.progression a:link {
  text-decoration: none;
}
.progression a:visited {
  text-decoration: none;
}
.progression a:hover {
  text-decoration: underline;
}
.progression a:active {
  text-decoration: none;
}
/* ***************************************************************************** */
/* Zone à droite de l'ecran */
/* voir couleurs.css pour les couleurs */
#droite {
	float: right;
/* ********************************************************************************************* */
/* marge a gauche et a droite doivent etre identiques pour les langages RTL */
	margin: 0px 4px 0px 0px;
/* ********************************************************************************************* */
	padding: 0px;
	width: 180px;
	border: 0px solid #00ff00;
}
/* La partie droite est placee dans la zone droite */
/* voir couleurs.css pour les couleurs */
.partiedroite {
  margin: 0px 5px 10px 5px;
  padding: 5px 5px 5px 5px;
/* ************************************************ */
	border: 0px solid #0000ff;
}
/* ************************************************ */
/* Contenu de la partie droite */
/* voir couleurs.css pour les couleurs */
.titrepartiedroite {
   font-weight: bold;
   font-size: 110%;
/* ********************************************************************************************* */
/* marge a gauche et a droite doivent etre identiques sinon symetrie non respectee pour les langue RTL */
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 0px 0px;
}
/* aspect des liens avec puces */
/* voir couleurs.css pour les couleurs */
.titrearticledroite {
   font-weight: bold;
   margin: 0px 0px 0px 0px;
/* Le padding bottom permet de laisser un espace apres chaque intitule de liste */
   padding: 0px 5px 2px 15px;
   list-style-type: none;
   background-image: url(../images/droite_pucetitre.gif);
   background-repeat: no-repeat;
/*  background-position: horiz vert */
   background-position: 0em 0.25em;
}
/* aspect des liens */
/* voir couleurs.css pour les couleurs */
.titrearticledroite a {
   font-weight: bold;
   text-decoration: none;
}
.titrearticledroite a:visited {
	 text-decoration: none;
}
.titrearticledroite a:hover {
	 text-decoration: underline;
}
.titrearticledroite a:active {
	 text-decoration: none;
}
/* voir couleurs.css pour les couleurs */
.textedroite {
/* le margin bottom laisse un espace APRES la border bottom */
/* le padding bottom laisse un espace AVANT la border bottom */
/* voir couleurs.css pour la definition de bordure et sa couleur */
  margin: 0px 5px 2px 5px;
  padding: 0px 0px 5px 0px;
  font-weight: normal;
}
/* aspect des liens */
/* voir couleurs.css pour les couleurs */
.textedroite a {
	font-weight: normal;
	text-decoration: none;
}
.textedroite a:visited {
	text-decoration: none;
}
.textedroite a:hover {
	text-decoration: none;
}
.textedroite a:active {
	text-decoration: underline;
}
/* **********************************************************************  */
/* Le separateur au centre */
/* voir couleurs.css pour la definition de bordure et sa couleur */
.separateur {
  height: 1px;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
}
/* **********************************************************************  */
/* Partie centrale, le style pour la rubrique accueil */
/* voir couleurs.css pour la definition de bordure et sa couleur */
.titre {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
}
.actus {
/* le margin bottom laisse un APRES la border bottom */
/* le padding bottom laisse un espace AVANT la border bottom */
/* voir couleurs.css pour la definition de bordure et sa couleur */
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
}
p.actus {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #00ff00;
}
/* aspect des liens */
/* voir couleurs.css pour les couleurs */
.actus a:link {
  text-decoration: none;
}
.actus a:visited {
  text-decoration: none;
}
.actus a:hover {
  text-decoration: underline;
}
.actus a:active {

  text-decoration: none;
}
p.spip {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
/* **********************************************************************  */
/* Dans la partie centrale, encart pour les actualites secondaires */
/* voir couleurs.css pour les couleurs */
/* voir couleurs.css pour la definition de bordure et sa couleur */
#actualitesecondaire {
	text-align: left;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}
.actualitesecondaire {
  margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}
.actualitesecondairetitre {
/* le margin top laisse un espace AVANT le titre */
/* le margin bottom laisse un espace APRES la border bottom */
/* le padding bottom laisse un espace AVANT la border bottom */
  margin: 5px 0px 2px 0px;
  padding: 0px 0px 3px 0px;
}
.actualitesecondairearticle {
/* le margin top laisse un espace AVANT le bloc */
/* le margin bottom laisse un espace APRES le bloc */
/* le padding top laisse un espace APRES la border top */
/* voir couleurs.css pour la definition de bordure et sa couleur */
  margin: 0px 0px 5px 0px;
  padding: 3px 0px 0px 0px;
}
/* Aspect des liens des titres d'articles */
/* aspect des liens */
/* voir couleurs.css pour les couleurs */
.actualitesecondairearticle a {
  font-weight: bold;
	text-decoration: none;
}
.actualitesecondairearticle a:visited {
	font-weight: bold;
	text-decoration: none;
}
.actualitesecondairearticle a:hover {
	font-weight: bold;
	text-decoration: underline;
}
.actualitesecondairearticle a:active {
	font-weight: bold;
	text-decoration: none;
}
.actualitesecondairetexte {
/* le margin bottom laisse un espace APRES le bloc */
/* le padding bottom laisse un espace AVANT le bloc */
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
/* Aspect des liens des textes d'articles */
/* aspect des liens */
/* voir couleurs.css pour les couleurs */
.actualitesecondairetexte a {
	text-decoration: none;
}
.actualitesecondairetexte a:visited {
	text-decoration: none;
}
.actualitesecondairetexte a:hover {
	text-decoration: underline;
}
.actualitesecondairetexte a:active {
	text-decoration: none;
}
/* La partie centre est placee dans partie centrale de la page d'accueil */
/* voir couleurs.css pour les couleurs */
/* voir couleurs.css pour la definition de bordure et sa couleur */
#partiecentre {
	text-align: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
.partiecentre {
  margin: 0px;
  padding: 0px 5px 0px 5px;
}
/* ***************************************************************************** */
/* styles pour les rubriques */
.titrerubrique {
/* le margin bottom laisse un espace APRES la border bottom */
/* le padding bottom laisse un espace AVANT la border bottom */
/* voir couleurs.css pour la definition de bordure et sa couleur */
  margin: 0px 0 10px 0;
  padding: 0px 0px 5px 0px;
}
.descriptifrubrique {
  font-style: normal;
  border: 0px solid #ff0000;
}
/* styles pour les sous-rubriques d'une rubrique */
.autres {
  margin: 5px 0 5px 0;
}
.autres p {
  font-weight: bold;
  margin: 0;
}
ul.liste-liens a:link,
ul.liste-liens a:visited {
  text-decoration: none;
  font-weight: bold;
}
/* aspect des liens */
/* voir couleurs.css pour les couleurs */
ul.liste-liens a:hover {
  text-decoration: none;
  font-weight: bold;
}
ul.liste-liens a:active {
  text-decoration: underline;
  font-weight: bold;
}
/* ***************************************************************************** */
/* styles pour les rubriques et articles */
.resume {
/* le margin bottom laisse un espace APRES le bloc */
/* le padding top laisse un espace APRES la border bottom s'il y en a une */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
 	border-bottom: 0px solid #ff0000;
}
.resume h3 {
  margin: 0;
  font-size:15pt;
}
.resume p.soustitre {
  margin: 0;
}
.resume p {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
/* Aspect des liens dans les articles */
/* voir couleurs.css pour les couleurs */
.resume a {
	text-decoration: none;
}
.resume a:visited {
	text-decoration: none;
}
.resume a:hover {
	text-decoration: underline;
}
.resume a:active {
	text-decoration: none;
}
span.logo {
  float: left;
  padding: 0px 5px 0px 0px;
}
/* ***************************************************************************** */
/* styles pour les articles */
.titrearticle {
/* le margin bottom laisse un espace APRES la border bottom */
/* le padding bottom laisse un espace AVANT la border bottom */
/* voir couleurs.css pour la definition de bordure et sa couleur */
  margin: 0px 0 5px 0;
  padding: 0px 0px 5px 0px;
}
p.surtitre {
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 3px 0px;
  border: 0px solid #ff0000;
}
p.soustitre {
  font-weight: bold;
  margin: 4px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #00ff00;
}
.descriptifarticle {
  font-style: normal;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #ff0000;
}
.chapo {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 95%;
  border: 0px solid #00ff00;
}
/* styles pour les paragraphes */
.texte {
/* marge haute du bloc du texte */
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #00ff00;
}
.texte p {
/* marge basse sous le paragraphe */
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #ff0000;
}
/* le lien hypertexte */
p.lien_article {
  font-weight: normal;
/* le margin top laisse un espace AVANT la border top */
/* le padding top laisse un espace APRES la border top */
/* voir couleurs.css pour la definition de bordure et sa couleur */
  margin: 5px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}
.postscriptum {
  font-style: italic;
/* le margin top laisse un espace AVANT la border top */
/* le padding top laisse un espace APRES la border top */
/* voir couleurs.css pour la definition de bordure et sa couleur */
  margin: 8px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}
.notes {
  font-style: normal;
/* le margin top laisse un espace AVANT la border top */
/* le padding top laisse un espace APRES la border top */
/* voir couleurs.css pour la definition de bordure et sa couleur */
  margin: 5px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}
p.notes {
  font-size: 11px;
  margin: 3px;
}
table.docjoints {
  border: none;
  margin: 3px 0px 5px 2px;
  border: 0px solid #ff0000;
}
table.docjoints td {
  border: none;
  padding: 0px 5px 0px 5px;
  width: 150px;
  text-align: center;
  vertical-align: top;
  border: 0px solid #0000ff;
}
table.docjoints p {
  font-size: 11px;
  margin: 0;
}
table.docjoints p.titredoc,
.spip_doc_titre {
  font-weight: bold;
}

/* **********************************************************************  */
/* popup pour acces pop-up aux mots-cles */
.popup {
	width: 300px;
}
/* **********************************************************************  */
/* Zone pied de page contient le motif de zone basse */
/* Zone pied de page contient les articles de service */
#zonebasse {
  width: 1000px;
  height: 15px;
  background-image: url(../images/zonebasse.jpg);
  background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border: 0px solid #00ff00;
}
/* voir couleurs.css pour les couleurs */
#pieddepage {
  width: 1000px;
	padding: 5px 0px 0px 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border: 0px solid #ff0000;
}
/* Les intitules du pied de page sont presentes sous forme de liste */
.pieddepage {
	text-align: center;
	font-size: 90%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.pieddepage li {
	display: inline;
}
/* aspect des liens du pied de page */
/* voir couleurs.css pour les couleurs */
.pieddepage a {
	font-weight: normal;
	text-decoration: none;
}
.pieddepage a:visited {
	text-decoration: none;
}
.pieddepage a:hover {
	text-decoration: underline;
}
.pieddepage a:active {
	text-decoration: underline;
}
.souspieddepage {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}
/* Fin styles pour le pied de page */
/* **********************************************************************  */
/* Styles des paragraphes */
/* voir couleurs.css pour les couleurs */
h1, h2, h3, h4 {
	font-weight: bold;
	margin: 0.3em 0.5em 0em 0.5em;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 0.96em;
}

/* **********************************************************************  */
/* Style message erreur dans le formulaire auteur */
.erreur_message
{
	color: #ff0000;
}

/* **********************************************************************  */
/* - les styles du mini agenda                                             */
/* - Source : adaptation des squelettes Sarka3 2009                        */
/* **********************************************************************  */
.noisette {
  margin-bottom: 0px;
  color: #808080;
  }

.noisette h1, h2, h3 {
  margin: 0;
  font-size: 12px;
  }

/* lien vers la page agenda (Agenda) */
.noisette h1.intitule, .noisette h1 a.intitule {
	display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  line-height:20px;
	border: 1px solid #808080;
	background: #808080;
	color:  #ffffff;
	padding : 2px 0;
  }

.noisette h1 a.intitule:hover {
	background: #eeeeee;
	color: #808080;
	text-decoration: none;
  }

.noisette .contenu {
  margin-bottom: 0px;
  padding: 0;
  text-align: center;
  border: 1px solid #808080;
  background: #ffffff;
}

.noisette .contenu.mixte {
  padding: 5px 0 0;
}
/* lien vers aujourd'hui */
.noisette .contenu h2.titre_bloc,
.noisette .contenu h2 a.titre_bloc {
	display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  padding: 1px;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
	border-bottom: 1px solid #808080;
	background: #eeeeee;
	color: #808080;
}

.noisette .contenu h2 a.titre_bloc:hover {
	background: #808080;
	color: #ffffff;
	text-decoration: none;
}

.noisette .contenu .liste ul {
  margin: 0;
  padding: 0;
}

.noisette .contenu .liste ol {
  margin: 0;
  padding: 0 5px;
}

.noisette .contenu .liste ol li {
  list-style: decimal inside;
}

.noisette .contenu h2.titre, .noisette .contenu h2 a.titre, .noisette .contenu .liste li .titre {
	display: block;
  padding: 0 0 5px 10px;
  margin: 0 5px;
  font-weight: bold;
  text-decoration: none;
	color: #808080;
}

.noisette .contenu .liste ol li .titre {
  background: none;
  display: inline;
  margin:0;
  padding: 0;
}

.noisette .contenu h2 a.titre:hover, .noisette .contenu .liste li a.titre:hover {
	color: #808080;
	text-decoration: underline;
}

.noisette .contenu .liste li span.titre {
  color: #000000;
}

.noisette .contenu .date_bloc {
	margin-left: 30%;
  padding: 1px;
  font-size: 10px;
  text-align: center;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
}

.noisette .contenu div.introduction, .noisette .contenu a.introduction {
	display: block;
  margin: 0 5px;
  padding:0 0 5px 10px;
	color: #808080;
}

.noisette .contenu a.introduction:hover {
	color: #808080;
	text-decoration: underline;
}

.noisette .contenu div.introduction * {
  margin: 0;
}

.noisette .contenu .liste {margin: 0;	padding: 5px 0;}

.noisette .contenu .texte {margin: 0; padding: 5px; line-height: 13px;}

.noisette .contenu .texte p {margin:12px 0px; padding:0;}


.noisette .contenu .notes {
  margin: 0;padding: 5px; line-height: 100%;
  border-top: 1px solid #808080;
}

.noisette .contenu .notes p {margin: 0;}

.noisette .contenu h3 {padding: 3px 0; line-height: 13px;}

.noisette .contenu  a {}
.noisette .contenu a:hover {}
.noisette .contenu strong {}

.noisette .contenu blockquote, .noisette .contenu code {
  margin : 2px;
}

/* Styles specifiques pour la pagination dans les noisettes */
.noisette .pagination {
  margin: 0 5px 5px;
  font-size: 12px;
}

/* Styles specifiques pour le mini-agenda */
#noisette_miniagenda.noisette {
  overflow: hidden;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* la largeur de l'agenda */
  width: 160px;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
}

#noisette_miniagenda.noisette .contenu table {
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* Pour Internet Explorer retirer 2 px à la largeur de l'agenda */
  table-layout: fixed; border-spacing:0; width:100% !important /*FF*/; width:158px /*IE*/; font-size: 12px; text-align: center; border-collapse: inherit;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
}

/* Les jours de la semaine Lu Ma Me... */
#noisette_miniagenda.noisette .contenu table thead {
	background: #808080;
	font-size: 11px;
  color: #ffffff;
}

#noisette_miniagenda.noisette .contenu table th {text-align: center; padding: 2px 0; border: 1px solid #ffffff;}

#noisette_miniagenda.noisette .contenu table td {line-height: 14px; color: #808080;}

/* Les jours du mois */
#noisette_miniagenda.noisette .contenu table td.libre,
#noisette_miniagenda.noisette .contenu table td.occupe {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  font-size: 13px;
}
/* Les jours du mois si evenement ce jour */
#noisette_miniagenda.noisette .contenu table td.libre a {
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* Couleur du fond d'un jour avec evenement */
  background-color: #b4c6da;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
 font-weight: bolder;
	text-decoration: none;
}
#noisette_miniagenda.noisette .contenu table td.libre a:visited {
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* Couleur du fond visited d'un jour avec evenement */
  background-color: #b4c6da;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* Couleur du fond d'un jour avec evenement */
  font-weight: bolder;
	text-decoration: none;
}
#noisette_miniagenda.noisette .contenu table td.libre a:hover {
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* Couleur du fond hover d'un jour avec evenement */
  background-color: #f0dec1;
  font-weight: bolder;
	text-decoration: none;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
}
#noisette_miniagenda.noisette .contenu table td.libre a:active {
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* Couleur du fond active d'un jour avec evenement */
  background-color: #b4c6da;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
  font-weight: bolder;
	text-decoration: none;
}

#noisette_miniagenda.noisette .contenu table td.horsperiode {
  background: #eeeeee;
  border: 1px solid #eeeeee;
	color: #808080;
}

#noisette_miniagenda.noisette .contenu table td.today {
  font-size: 13px;
  font-weight: bolder;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* couleur du fond de la date du jour */
  background: #cc9900;
  border: 0px solid #cc9900;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
  color: #ffffff;
}

#noisette_miniagenda.noisette .contenu table td a {font-weight: bolder;}
#noisette_miniagenda.noisette .contenu table td a:hover {}

/* lien vers le mois en cour (Aujourd'hui)  */
#noisette_miniagenda.noisette .contenu h2 a.titre_bloc {
  padding: 0px 0px 0px 0px;
  font-size: 13px;
  border-top: 1px solid #808080;
}

/* lien annee et mois precedent et suivant */
#noisette_miniagenda.noisette .contenu .titre_bloc.centre,
#noisette_miniagenda.noisette .contenu a.titre_bloc.bord {
  padding: 3px 0px 3px 0px;
  border-top: 0;
  text-align: center;
  font-size: 16px;
  color: #333333;
  text-decoration: none;
}
#noisette_miniagenda.noisette .contenu a.titre_bloc.bord:hover {
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* couleur du lien survole des chevron mois annee suivant precedent */
color: #cc9900;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
}

#noisette_miniagenda.noisette .contenu .texte {
  padding: 2px;
  border-top: 1px solid #808080;
}

#noisette_miniagenda.noisette .contenu .prochainevenement {
  padding: 2px 2px 2px 2px;
  font-weight: bold;
  font-size: 11px;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* couleur du texte prochains evenements */
  color: #cc9900;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
  text-align: center;
  border-top: 1px solid #808080;
}

#noisette_miniagenda.noisette .contenu table#footer_evenements {
  padding: 2px 0;
  table-layout: fixed;
  border-top: 1px solid #808080;
  text-align: left;
  font-size: 11px;
}

#noisette_miniagenda.noisette .contenu table#footer_evenements td {line-height: 13px;}

#noisette_miniagenda.noisette .contenu table#footer_evenements td.footer_colg {
  padding: 1px 1px 3px 2px;
  font-weight: bold;
 vertical-align: top;
}

#noisette_miniagenda.noisette .contenu table#footer_evenements .footer_cold {
  padding: 1px 1px 3px 5px;
	border-bottom: 1px dotted #888888;
  vertical-align: top;
}

#noisette_miniagenda.noisette .contenu table#footer_evenements .footer_cold a {
  font-weight: normal;
  color: #808080;
}

#noisette_miniagenda.noisette .contenu table#footer_evenements .footer_cold a:hover {
  color: #808080;
}