*{
	
}
body{
	background-image:url();
	background-color:rgba(200,200,255,1);
	text-align:center;
	padding-top:50px;
}
form{
	border:1px solid black;
	padding:15px;
	margin:5px;
	display:inline-block;
	text-align:center;
}

inline{
	border:none;
	display:inline-block;
}
label{
	display:table-cell;
	padding:5px;
}
.ligne input{
	display:table-cell;
}
.ligne{
	display:table-row;
}
.panUser{

}
.prog{
	display:inline-table;
	border-collapse:collapse;
}
.past{
	background-color:lightgrey;
}
.green{
	background-color:rgb(200,255,200);
}
li{
	display:table-cell;
	width:100px;
	height:100px;
	text-align:center;
	border:1px solid black;
	padding:5px;
}

ul{
	display:table-row;
}
.notif{
	display:inline-block;
	background-color:rgba(255,255,255,1);
	position:absolute;
	bottom:50px;
	width:80%;
	height:20px;
	left:10%;
	border:1px solid black;
	padding:5px;
	z-index:3;
}
.notif:hover{
	background-color:rgba(255,200,200,1);
}
h1,h2,.panUser{
	display:table-cell;
}
h1,.panUser{
	width:30%;
}
h2{
	width:40%;
		background-color:white;
	border-left:2px solid blue;
	border-right:2px solid blue;
	border-bottom:2px solid blue;
}
.lineHeader{
	display:table-row;
}
.panHeader{
	display:inline-table;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:2;
}
.navMonth{
	display:inline-block;
	border:0px;
}



.hdprogBref li{
	height:20px;
}
.hdprog li{
	height:20px;
}

.sandwitch{
	border:1px solid black;
	margin:0;
	padding:0;
}
.sandwitch li{
	display:block;
	width:25px;
	height:5px;
	background-color:black;
	margin:2px;
	padding:0;
}
.gestMenu{
	position:fixed;
	width:25px;
	left:10;
	top:10;
	z-index:4;
}
.zoneGMenu{
	transition:left 1s ease;
	position:fixed;
	width:200px;
	left:-201px;
	top:0px;
	padding-top:50px;
	z-index:3;
	background-color:white;
	border-right:1px solid blue;
	border-bottom:1px solid blue;
}
.gMenu{
	margin:0;
	padding:0;
	width:200px;	
}
.gMenu li{
	display:block;
	margin-top:2px;
	margin-left:2px;
	margin-bottom:2px;
	padding:0;
	width:194px;
	height:20px;
	line-height:20px;
}
.gMenu li:hover{
	background-color:rgba(200,200,250,0.5);
}
.listPerso{
	display:inline-block;
	border-collapse: collapse;
	
}
.listPerso td, th{
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:3px;
	text-align:center;
}
table{
	border-left:1px solid black;
	border-right:1px solid black;
}


@media (orientation: landscape) {
.hdprogBref{
	display:none;
}
}

@media (orientation: portrait) {
.hdprog{
	display:none;
}
h1{
	display:none;
}
li{
	height:50px;
}
}