/* + -----------------------------------------------------
	Styles appliqués au Calendar
+ ----------------------------------------------------- */

/* ********************** GRAND CALENDRIER ***************** */
.TableCalendarGd {
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	width: 705px;
	table-layout: fixed;
}
/* Naviagtion dans les mois */
.TitreNavGd{
  height: 32px;
	background-color: #FEFFFE;
	text-align: left;
	vertical-align: middle;
  margin: 0px;
  padding: 6px;
}
.NomsJoursLigneGd{
  font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
  line-height: 22px;
	font-weight: Bold;
	color: #FFFFFF;
}

.TitreMoisAnneeGd{
	font-family: Tahoma, Verdana, Arial, sans-serif;
  padding-left:10px;
	font-size: 18px;
	font-weight: Bold;
	color: #355881;
  text-align: left;
}
.TitreNavGdDate{
  font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
  text-align: center;
}
.TitreNavGdDate img {
	padding-left:5px;
	padding-right:5px;
}

.NomJoursColGd {
  height: 20px;
	background-color: #455678;
	text-align: center;
	vertical-align: middle;
}

/* ********************** PETIT CALENDRIER ***************** */

/* Tableau pour un calendrier */
.TableCalendar {
	background-color: #FFFFFF;
	border: 1px solid #931964;
	width: 175px;
}
/* Naviagtion dans les mois */
.TitreNav{
	background-color: #FFFFFF;
  text-align: center;
}
.TitreNav img {
	padding-left:5px;
	padding-right:5px;
}


/* Titre Mois et Annee sur premiere ligne */
.TitreMoisAnnee{
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	color: #4a0326;
	background-image:   url("../images/BgMois.gif");
  line-height: 17pt;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
/* Ligne du nom des jours de la semaine */
.NomsJoursLigne {
  font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: Bold;
	color: #FFFFFF;
}
/* Colonne du nom des jours de la semaine */
.NomsJoursLigne td{
  height: 10px;
  line-height: 15pt;
	background-color: #931964;
	text-align: center;
	vertical-align: middle;
  width:14%;
}


/* Ligne pour les jours du mois */
.DateLigne{
  font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #433D27;
  background-color: #EEEEEE;
	text-align: center;
  line-height: 12pt;
}

/* Date du mois sans evenement */
.Dateligne .Date{
	background-color: #E0E0E0;
}
/* Show dates from other months */
.Dateligne .DateHorsMois {
  background-color: #EEEEEE;
	color: #BBBBBB;
}

/* Weekend Cell Background (date number with no event markings) */
.Dateligne .Weekend {
	background-color: #C0C0C0;
}

/*
.DateEvent01{
  background-color: #A4CAE6;
  color: #433D27;
}

.DateEvent02{
  background-color: #FFC18A;
  color: #433D27;
}
*/
.TitreNav img{
  text-decoration: none;
  border:0;
}
.TitreNav a:hover{
}

/* Ligne calendrier grande grille */
/* ============================== */
.JoursLigneGd{
  height:88px;
  font: 10px;
  line-height: 16px;
  text-align: left;
  vertical-align: top;
  font-family: Arial,Geneva,Verdana,sans-serif;
  font-size: 11px;
}
.JoursLigneGd td{
	background-color: #E0E0E0;
}
.JoursLigneGd .DateHorsMois {
  background-color: #EEEEEE;
	color: #BBBBBB;
}
.JoursLigneGd .Weekend {
	background-color: #C0C0C0;
}

.TitreDate{
  background-color: #A2A3AE;
  color: #FBFCEF;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 2px;
}
/* Ligne de detail pour event dans grande grille */
.DetailEvent{
  margin: 0;
  overflow: hidden;
  padding: 1px;
  white-space: nowrap;
  cursor: pointer;
}
.Event{
  cursor: pointer;
}


/* Calendrier en liste */
/* =================== */
.CalendarListe{
  width: 680px;
}
.CalendarListeTable{
  font-family: Arial,Geneva,Verdana,sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.CalendarListeDate{
  background-color: #276983;
  color: #FFFFFF;
}
.CalendarListeDate .ListeDate{
  padding-left: 5px;
}
.CalendarListeDate .ListeHeure{
  padding-right: 5px;
  text-align: right;
}

.CalendarListeEvent{
  font-family: Arial,Geneva,Verdana,sans-serif;
  font-size: 12px;
  background-color: #F8F8FF;
}

.CalendarListeHr{
  color: #E0E0E0;
  background-color: #E0E0E0;
  height: 1px;
  border: 0;
}


/* Date du jour A la fin pour etre prioritaire sur les autres formats */
.DateDuJour{
  color:#CF0000;
  font-weight: bold;
  border: 2px dotted #FF9900;
}


/* Popup  event sur petit et grande grille */
/* ======================================  */
.popupEvent{
  background-color: #FFFFFF;
  width:200px;
  padding: 2px;
  border: 1px solid #808080;
}

.popupDate {
  font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
  line-height: 16px;
  padding-left: 3px;
	color: #FFFFFF;
	text-align: left;
	background-color: #336699;
}

.popupEventTitre {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding: 2px;
	vertical-align: middle;
  margin-top: 3px;
  margin-bottom: 3px;
}

.popupEventHeure {
    font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	background-color: #F4F4F4;
	border: 1px dotted #EFEFEF;
	padding: 1px;
}

.popupEventDescription {
    font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
	padding: 2px;
}

.popupEventDate {
    font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #446B93;
	text-align: center;
	vertical-align: middle;
	background-color: #F7F8F9;
	border: 1px solid #FFFFFF;
	padding: 1px;
}

/* Couleur des evenements sur les calendriers
============================================= */
.Event01{
  background-color: #FFFF99;
}
.Event02{
  background-color: #99CCFF;
}
.Event03{
  background-color: #FFCC66;
}
.Event04{
  background-color: #CCCC33;
}
.Event05{
  background-color: #FFCCFF;
}
.Event06{
  background-color: #FFCCFF;
}
.Event07{
  background-color: #CC9999;
}
.Event08{
  background-color: #CCFF00;
}
.Event09{
  background-color: #66FF99;
}
.Event10{
  background-color: #669999;
}
/* Couleur quand il y a plusieurs event dans une meme jour pour le petit calendar */
.EventMulti{
  background-color: #FFDEAD;
}

/* ================ Event en liste =================== */
.TableListe {
	width: 705px;
	border: 1px solid #951b66;
	margin: 0px;
	padding: 0px;
}
.TableListeTitre{
	width: 705px;
	border: 1px solid #951b66;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
/* Lien sur calendrier pour retour grand calendrier pleine page */
.NavGrdCalendar a{
  display: block;
  background-image: url(../images/calPick.gif);
  width: 27px;
  height:20px;
  margin: 2px;
}

.ListeTrDateHeureTitre{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
  font-weight: bold;
	color: #951b66;
  	background-image:   url("../images/BgMois.gif");
	text-align: center;
}

.ListeTrDateHeure {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
  background-color: #951b66;
	width: 180px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	padding: 2px;
}
.ListeDate{
	color: #FFFFFF;
}
.ListeHeure{
	color: #FFFFFF;
  text-align: right;
}

.ListeDesc {
	font-family: Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
	color: #004262;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
}
.ListeTitre{
  font-size: 13px;
  font-weight: bold;
	margin-bottom: 5px;
}