/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}


/* FIN DU RESET CSS */

html, body {
  height: 100%;
  margin: 0;
  background-color: #6699CC;
}


div#global {
  width: 960px;
  margin: 0 auto;
  position: relative;
  color: #FFFFFF;
}

div#global_booking {
  width: 1024px;  
  margin: 0 auto;
  position: relative;
  color: #FFFFFF;
}

div#global_diaporama {
   width : 1140px;
   margin: 0 auto;
   position : relative;
   color : #fff;
}

div#center {
  float : left;
  width : 100%;
  padding-bottom: 50px; 
  overflow: auto;
}

div#footer {
  float:left;
  width: 960px;
  text-align:center;
  font-weight:bold;
}
#footer_booking{
  width: 1024px;
  text-align:center;
  font-weight:bold;}
  
#footer_diaporama{
  width: 1140px;
  text-align:center;
  font-weight:bold;
 
}

#footer a, #footer_bookin a, #footer_diaporama a{color:#fff;}

div#content {
  float: right;
  width: 760px;
  text-align: center;
}
#content p{ margin:10px auto; line-height:22px; width:450px; text-align:justify;}
#content p.info{padding-left:55px;}
#content h1,#content_booking h1,#content_diaporama h1 { 
  font-family: 'Snippet', sans-serif;
  text-decoration : underline;
  font-weight: bold;
  font-size : 28px;
  margin : 10px 0 20px 0;
  text-align:left;
}
#content h2 {margin : 10px 0; font-size : 20px;}
#content h3{text-align:left;margin:8px 0;}
#content a{text-decoration:underline; color:#fff;font-weight:bold;}
#content a.internal{text-decoration:none; display:none;}
#content ul.info { margin : 10px auto; padding-left : 55px; width : 450px;}
#content ul.info > li {text-align:left;list-style-type:disc;margin : 5px 0;}
#content ul.info > li.none { margin-left:-15px; text-align:left;list-style-type:none;}

div#content_booking {
  float: right;
  width: 848px;
  text-align: center;
  font-size: x-large; 
}

div#content_diaporama {
  float: right;
  width: 940px;
}

div#slider{height:320px;}

table#dispo {
  color: #000000;
}

div#sidebar {
  margin-top: 120px;
  float: left;
  width: 200px;
  position: fixed;
}
div#header{
  height: 50px;
}

#header h1{
  font-family: 'Snippet', sans-serif;
  font-weight: bold;
  font-size : 38px;
  margin : 10px 0 20px 0;
}

ul#menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#menu > li{ margin : 8px 0; }
  

ul#menu li a {
  font-family: 'Snippet', sans-serif;
  font-size : 16px;
  text-decoration: none;
  font-weight:bold;
  color:#FFFFFF;
}

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

img{	
  border:0px;
}


h1#en_tete {
  overflow: hidden;
  width: 750px;
  height: 0px;
  color :#6699CC;
}


p.special{
  color: #FF3300;
  font-weight:bold;
  background-color: #FFFFFF;
}

p.titrePage{	
  font-family: 'The Girl Next Door', cursive;
  font-weight:bold;
  font-size:xx-large;
  text-align:center;
  color: #FFFFFF;
}

p.navigation{
  font-size: medium;
  font-family: 'The Girl Next Door', cursive;
  color: #FFFFFF
}

#offre-speciale{
  color : #000;
  text-align : left;
  border : 3px dashed red;
  padding : 10px;  
}

#offre-speciale span > a{color : red; }

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

#offre-speciale > ul {
  margin : 5px;
}

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

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

table.tarifs{width:758px;border:1px solid white;}
table.tarifs tr, table.tarifs td{border : 1px solid white;}
table.tarifs td{padding:5px 0;}

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;
  margin: 22px;
}

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


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

div.month{float:left; width:196px; padding-bottom:3px; margin:4px;}
div.month > h2{ color:white; font-size:0.875em; text-align:center; height:20px; line-height:20px; margin:0;font-weight:bold;}
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 cornflowerblue;}
div.month > ul > li.white{color:white; background:#6699CC; border:1px solid #6699CC;}
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;
}
div.legende{text-align : left;margin-left:8px;}
div.legende > ul > li {font-size : 16px; height : 20px; line-height : 20px; margin : 4px 0;}
div.legende li > div{ height : 20px; width : 20px; background : lightgrey; display:inline-block;}
div.legende li.booked > div{background : red;}
div.legende li.booked-am > div{background:url("booking/booked-am.png") no-repeat;}
div.legende li.booked-pm > div{background:url("booking/booked-pm.png") no-repeat;}

#map_canvas{width:760px; height:400px;margin:0 auto;}

ul.links{margin-top:100px;}
ul.links > li {margin : 5px 0; text-align:left;}

div.navigation_arrows{width:940px; height:32px; background:#fff;opacity:0.8;}