/*general*/
html
{
width:100%;
margin:0;
padding:0;
}

body 
{
height:100%;
width:100%;
top:0;
left:0;
margin:0;
padding:0;
border:1px rgba(25,25,25,1);
color:white;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}

.clear {
clear : both;  
}


/* header */

header
{
position:fixed;
z-index:11;
width:100%;
height:2em;
top:0;
padding:0.2em 1em;
background-color: rgba(68,68,68,1);
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
vertical-align:top;
}

header img, header span, .textheader
{
vertical-align:middle;
display:inline-block;
height:1.5em;
padding:0.2em;
line-height: 1.5em;
}

header img
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
header a
{
color:white;
}
#titrebacko
{position:absolute;top:0;left:0;}
#wait
{
display:none;
position:fixed;
right:0;
top:0;
width:100%;
height:100%;
background:url('../img/wait.gif') no-repeat center center;
background-color:rgba(0,0,0,0.8);
z-index:10;
}

#titreconnexion
{
position:absolute;
right:0em;
top:0em;
}

.photouser
{
width:100%;
}


#content
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
margin-left:9.5em;
margin-top:1em;
padding:1.5em;
}

.hidden, .lv{display:none;}
noscript{color:rgba(249,105,14, 1);text-align:center;display:block;}

/*agenda*/
.calendarday
{cursor:pointer;}
.calendarHeader
{background-color:black;font-weight:bold;}
.reserved
{background-color:grey;color:white;}
.basse
{background-color:"";color:""}
.moyenne
{background-color:rgba(156,183,104, 1);color:white}
.haute
{background-color:rgba(202,132,89, 1);color:white}
.legende{text-align:center;padding:2px;}
.legende td{border:1px solid black;width:25%;}

#valid_esp{width:10px;}


@media only screen and (max-width:768px){
#content
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
margin:4.5em 0 0 0;
padding:0.5em;
}
table.calendar,.legende{border-spacing:0px;font-size:0.7em !important;}
.day {
  font-size: 0;
}

.day::first-letter {
  font-size: 12px;
}
header div span
{
padding:0;
}

#titrebacko
{
position:absolute;
z-index:10;
}
}
