/* faire en sorte que le site occupe toute la hauteur de la fenêtre, 
même si il n'y a pas assez de contenu pour remplir l'espace*/

html, body {
	height: 100%;
	margin: 0;
	background-color: #6699CC;
	}
/*réduire la largeur utilisée pour le contenu à 750px. Avec un padding de 10px de chaque côté,
 la largeur totale sera de 770px, valeur qui permet aux visiteurs ayant une résolution d'écran de 800x600
 de visualiser le site sans barre de défilement horizontale.*/
 
div#global {
	min-height: 100%;
	width: 750px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	color: #FFFFFF;
	}
div#global_booking {
	min-height: 100%;
	width: 1004px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	color: #FFFFFF;
	}

div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 50px; 
	overflow: auto;
	}
div#footer {
	position: absolute;
	width: 750px;
	bottom: 0;
	left: 10px;
	text-align: right;
	font-weight:bold;
	}
/*L'utilisation de position: relative; sur #global définit les frontières de l'élément #global
 comme point de repère pour le positionnement de ses enfants. La position "bottom: 0px, left: 10px" est
 maintenant le coin inférieur gauche de #global, au lieu de celui de body.*/
 
 div#content {
	float: right;
	width: 550px;
	text-align: center;
	font-size: x-large; 
	}
	
div#content_booking {
	float: right;
	width: 824px;
	text-align: center;
	font-size: x-large; 
}
table#dispo {
	color: #000000;
	
	}
div#sidebar {
	position: absolute;
    top: 200px;
	float: left;
	width: 180px;
	}
div#header{

background: url(images/titre.png) no-repeat;
	height: 50px;
}
ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul#menu li a {
	text-decoration: none;
	color:#FFFFFF;
}

ul#menu li a:hover {
	color: #000000;
}

img{	
	border:0px;
}

table{
	border-collapse:collapse;
}
h4{
	text-decoration: underline;
	font-weight: bold;
}

h1#titre{
	text-decoration: underline;
	font-weight: bold;
}

h1#en_tete {
overflow: hidden;
width: 750px;
height: 0px;
color :#6699CC;
}
html>body #sidebar {  /* seulement pour navigateurs modernes! */
    position: fixed;
  }
  
 p.special{
	color: #FF3300;
	font-weight:bold;
	background-color: #FFFFFF;
}

p.titrePage{	
	font-family:"Lucida Handwriting";
	font-weight:bold;
	font-size:xx-large;
	text-align:center;
	color: #FFFFFF;
}

  p.navigation{
	font-size: medium;
	font-family: "Lucida Handwriting";
	color: #FFFFFF
}

#offre-speciale{
	color : #FF0000;
	text-align : left;
}

#offre-speciale span{
	font-weight : bold;
	text-decoration : underline;
}

#offre-speciale li{
	margin-bottom : 5px;
}

#offre-speciale li.strike{
	text-decoration : line-through;
}


td.libre{
	background : #66ff33;
}

td.occupe{
	background : #999999;
}

td.special{
	background : #ff33cc;
}

h1.titrePage{
	font-family:"Lucida Handwriting";
	font-weight:bold;
	font-size:xx-large;
	text-align:center;
	color: #FFFFFF;
}


#months{margin:0 auto; width:824px; text-align:center;}

div.month{border:1px solid blue; float:left; width:196px; padding-bottom:3px; margin:4px;}
div.month > h2{background:cornflowerblue; color:white; font-size:0.875em; text-align:center; height:20px; line-height:20px; margin:0;}
div.month > ul { list-style-type:none; list-style-image:none; padding:2px; width:192px;}
div.month > ul > li{float:left; height:20px; width:20px; line-height:20px; margin:1px; font-size:0.8em;	text-align:center; background:lightgrey; border:1px solid grey; color:black;}
div.month > ul > li.day{color:white; background:cornflowerblue; border:1px solid blue;}
div.month > ul > li.white{color:white; background:white; border:1px solid white;}
div.month > ul > li.booking{cursor:pointer;}
div.month > ul > li.booking > input{width:20px; height:20px; border:none; text-align:center;color:black; background:lightgrey; padding:0; margin:0;}
div.month > ul > li.week-number{background:orange;}
div.month > ul > li.empty_day{opacity:0.3;}
div.month > ul > li.booked, div.month > ul > li.booked > input{background:red;}
div.month > ul > li.booked-am, div.month > ul > li.booked-am > input{background:url("booking/booked-am.png") no-repeat;}
div.month > ul > li.booked-pm, div.month > ul > li.booked-pm > input{background:url("booking/booked-pm.png") no-repeat;}

div.month > ul > li,
div.month > ul > li.booking > input{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}