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

.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: 210px;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
}

#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:208px /*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: #c10435;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
 font-size: 13px;
 font-weight: bolder;
 text-decoration: none;
 color: #c10435;
}
#noisette_miniagenda.noisette .contenu table td.libre a:visited {
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* Couleur du fond visited d'un jour avec evenement */
/*  background-color: #c10435;  */
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* Couleur du fond d'un jour avec evenement */
  font-size: 13px;
  font-weight: bolder;
	text-decoration: none;
	color: #c10435;
}
#noisette_miniagenda.noisette .contenu table td.libre a:hover {
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* Couleur du fond hover d'un jour avec evenement */
/*  background-color: #f0dec1; */
  font-size: 13px;
  font-weight: bolder;
  color: #c10435;
	text-decoration: underline;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
}
#noisette_miniagenda.noisette .contenu table td.libre a:active {
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* Couleur du fond active d'un jour avec evenement */
/*  background-color: #b4c6da; */
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
  font-weight: bolder;
  color: #c10435;
	text-decoration: underline;
}

#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;
  color: #333333;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* couleur du fond de la date du jour */
/*  background: #fff4a2; */
  border: 0px solid #fff4a2;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
}

#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 chevrons mois annee suivant precedent */
color: #c10435;
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
}

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

