/* CSS Document */

@import http://fonts.googleapis.com/css?family=Raleway;
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#main {
width:960px;
margin:50px auto;
font-family: Verdana, Geneva, sans-serif
}
#menu {
	width:600px;
}

#reservation {
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7
float:left;
padding:10px ;
margin:10px auto;
font-family: Verdana, Geneva, sans-serif
}


span {
color:red
}
h2 {
background-color:#FEFFED;
text-align:center;
border-radius:10px 10px 0 0;
margin:-10px -40px;
padding:15px
}
#login {
width:300px;
font-family:raleway;
border:1px solid #ccc;
box-shadow: 0 0 10px;
border-radius: 2px;
padding:10px 40px 25px;
margin-left: auto;
margin-right: auto;
}
input[type=text],input[type=password]{
width:99.5%;
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
}
input[type=submit] {
width:100%;
background-color:#FFBC00;
color:#fff;
border:2px solid #FFCB00;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin-bottom:15px
}
#profile {
padding:10px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7
}
#logout {
float: right;
padding:5px;
border:dashed 1px gray
}
a {text-decoration:none}
a.menu {color:#00C; text-decoration: underline;}

a.fancybox {
text-decoration: underline;
color:#F00;
}
i {
color:#6495ed
}

body {
    background-color:#FBFBFB;
    margin-top:10;
    margin-bottom:10;
}


h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    text-align:center;
}
h2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    text-align:center;
}
h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
}
h4 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
}
h5 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
}
h6 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
}
p {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:left;
}
p.search {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
}
p.mois {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    text-align:center;
}
p.NomJour {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:center;
}
p.jours {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:right;
}
p.event {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:center;
}

p.reservation {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:left;
}

p.reservation_fancybox {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    text-align:left;
}

ol {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
ul {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    padding-left:20px;
   
}
.list {
    margin-top:10px;
    margin-bottom:10px;
}
li {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
	color:#006;
	
}
td {min-width:86px;
	min-height:100px;}

body img {
        height: auto;
        max-width:none;
}
	table {max-width:800px;}



@media screen and (max-width: 825px) {
#main {
width:100%;
margin-top:0px;
font-family: Verdana, Geneva, sans-serif
}
#login {
width:220px;
float: none;
border-radius:10px;
font-family:raleway;
border:2px solid #ccc;
padding:10px 40px 25px;
margin-left: auto;
  margin-right: auto;
}


}