/*
// -----------------------------------------
// Source  :	http://cogites.com
// Script  :	E RESERV
// Version :	4.11
// revente et redistribution interdites 
// Vous devez laisser le copyright.
// Design plus qu'inspiré par www.vivianroldo.fr 
// -----------------------------------------

Styles appliqués au Calendrier
*/

body {
    font-family: Helvetica, Arial, sans-serif;
    background-color: #ffffff;
}

#wrapper_cal {
	width: 600px;
	position: relative;
	margin: 5px auto;
}

/* style général */
#calendrier li{
	list-style: none;
}

ul {
/*pour enlever les puce de la liste à puce */
	list-style-type: none;
}

/* Le titre du calendrier. */
h1{
    color: #000;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: -1.2px;
    line-height: 1.2em;
    padding: 2px;
    border-bottom: 1px solid #CCC;
}

/* Le nom du mois. */
h2 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.5px;
    padding: 0 auto;
    margin: 0 auto;
    margin-top : 2px;
    padding-bottom: 0px;
    color: #000;
    text-align: center;
}
h3 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #000;
    text-align: center;
}

/* Ligne des jours de la semaine en haut (L, M, M...). */
#libelle {
    width: 210px;
    margin: 0 auto;
    padding: 0;
    color: #333;
    text-align: center;
    font-size: 12px;
    float: left;
}


/* La case de chaque jour de la semaine (L, M, M...). */
#libelle li {
    float : left;
    width : 30px;
    height: 14px;
    color: #333;
    border-bottom: 2px solid #666;
    font-weight: bold;
}


/* Ligne des jours affichés (1, 2, 3...). */
.ligne {
    width: 210px;
    margin: 10 auto;
    padding: 0;
    font-size: 12px;
    text-align: center;
} 

.ligne li {
	/* La case de chaque jour affiché (1, 2, 3...). */
    color: #666666;
    float : left; 
    width : 30px; 
    height: 15px;
    padding-top: 0px;
}

#footer {
    text-align: center;
    border: 1px solid #CCC;
    padding: 3 auto;
    background-color: #F7F7F7;
}


.copyright{ 
	/* copyright  */
	font-size: 10px;
}
			
a { 
	text-decoration: none; 
}
a:hover, a:focus {
	text-decoration: underline; 
}

p {
    font-size: 12px;
    color: #363636;
    line-height: 1.7;
    padding: 0px;
    margin: 10px 0px;
}

// TABLEAU LÉGENDE DES SAISONS
// ===========================

table {
	border-spacing:0;
}

table#saison {
	color:#363636;
	border-width: 0px;
	border-style: none;
	padding: 0px;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	width:200px;
}

/* Colonne descriptive. */
table.descriptif {
    color: #000;
}

table.couleur {
	/* Colonne des couleurs. */
	width: 40px;
}

#saison td, #saison th {
	border-bottom: 1px solid #ccc;
	padding: 5px;
	zoom: 1;
	text-align:left;
	font-size: 12px;
}






/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/* STYLE DES PERIODE RESERVEES */

li.reserve, .reserv {
	/* date réservé */
	background-color: #CC0000;
	color:#ffffff;
}

li.today_reserve {
	/* l'apparence de la date du jour dans une période réservée */
	color:#000000;
	font-weight: 900 ;
	background-color: #CC0000;
}


/*
// STYLE DE LA DATE DU JOUR
// ========================
*/
li.today_basse, li.today_moyenne, li.today_haute, li.today_tres_haute, li.today_indispo, li.today_option, li.today_reserve, li.today_reserve_tot {
	/* Date du jour, quelque soit la saison. */
	font-weight: 900;
	color: #000000;

}
li.today_reserve, li.today_reserve_tot {
	/* Date du jour sur un fond foncé. */
	font-weight: 900;
	color: #FFFFFF;

}
/*
// STYLE DES PÉRIODES RÉSERVÉES ET LIBRES
// ======================================
*/
li.reserve, li.today_reserve, .reserve {
	/* Date réservée (rouge) */
	background-color: #CC0000;
	color: #FFFFFF;
}

li.libre, li.today_libre, .libre {
	/* Date LIBRE (vert pâle) */
	background-color: #A2D3A0;
}
/*
// STYLE POUR LE MODULE SAISONS
// ============================
*/
/* Hors module saison, les période libres sont considérées comme des périodes basses. */

li.libre_basse, li.today_basse, .basse {
	/* Date libre basse saison (vert pâle). */
	background-color: #A2D3A0;
}

li.libre_moyenne, li.today_moyenne, .moyenne {
	/* Date libre moyenne saison (jaune pâle). */
	background-color: #F2F980;
}

li.libre_haute, li.today_haute, .haute {
	/* Date en option (orange). */
	background-color: #6AC5F0;
}

li.libre_tres_haute, li.today_tres_haute, .tres_haute {
	/* Date libre très haute saison (violet). */
	background-color: #BC79FF;
}

li.indispo, li.today_indispo, .indispo {
	/* Date indisponible (gris). */
	background-color: #A3A3A3;
}

li.option, li.today_option, .option {
	/* Date libre haute saison (bleu pâle). */
	background-color: #FF9933;
}
/*
// STYLE POUR LE MODULE AVEC SÉPARATION DES PÉRIODES
// =================================================
*/
li.reserve_dif_deb {
	/* Date de début de réservation. */
	color:#FFFFFF;
	background-color: #CC0000;
	border-left : solid #000000 2px;
}
/*
// STYLE POUR LE MODULE OMNIRESA
// =============================
*/
li.reserve_tot, li.today_reserve_tot {
	/* Date réservée. */
	color:#FFFFFF;
	background-color: #000000;
}