html, body {
	margin:0;
	padding:0;
	position:relative;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	
}
html{
	padding-bottom: 70px;
}
#pageAjax{
text-align:center;
width:100%;
margin:auto;
}

.menu{
	position:fixed;
	left:0;
	bottom:70px;
	width:100%;
	display:table;
	table-layout: fixed;
}
.menu a{
	display:table-cell;
	box-sizing:border-box;
	line-height:70px;
	text-align:center;
	
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none
}
.menu1{
	background:#11598b;
}
.menu2{
	background:#9F3AF1;
}
.menu3{
	background:#6CA831;
}
.menu4{
	background:#FA6525;
}


img{
	max-width:100%
}

.planning1{
	width:100%;
	border-collapse:collapse;
	text-align:center;
	margin-bottom: 0;
}

.planning tr{
	
}
.planning1 td{
	border:1px solid #ccc;
	font-size:10px;
}

.cours{
	font-size:14px
}


.planning1 .ligne1 td, .heure{
	/*background:#666;*/
	/*color:#fff;*/
	color:#2159a8;
	font-weight:bolder;
	/*line-height:15px;
	vertical-align:bottom;*/
}

.btHaut{
	width:20%;
	float:left;
	line-height:50px;
	background:#ccc;
	text-align:center;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:1px solid #fff;
	display:block;
	text-decoration:none;
	height:50px;
}



.btHaut p{
	
	position:absolute;
/*	top:-15px;
*/	left:0;
	background:#09F;
	line-height:15px;
	width:100%;
	font-size:14px;
	
}

    table.planning1 td{
        position:relative;
        vertical-align: middle !important;
    }

    table.planning1 td > i.fa-lock{
        position: absolute;
        top: 5px;
        right: 5px;
        color:black;
    }

    table>tbody>tr>td {
        padding: 0px !important;
        font-size: 90%;
    }