body 			{ }
.maintenance 	{ width: 900px; margin: 0 auto; background: url('../images/maintenance.jpg') no-repeat center 10px;}
.maintenanceText{ text-align: center; margin-top: 35em;}
.page 			{ width: 900px; margin: 0 auto;}
h1 				{ margin: 2em 0;}
h1 img 			{ width: 40px;}
.connect		{ margin-top: 1em;}
#logout			{ text-decoration: none; color: red; margin-top: 3em;}
span#logout 	{display:none;}
.imgProfil		{ width: 30px; height: auto; border-radius: 15px;}
/* Planning */
.alignRight 	{ float: right;}
.topsemaine 	{ display: flex; justify-content: space-between;}
.semaine 		{ display: flex; justify-content: space-between;}
.topsemaine>div { width: 128px; text-align: center; padding: 1em 0;}
.semaine>div 	{ width: 128px; text-align: center; padding: 1.6em 0; border-top: #D9D9D9 1px solid; /*flex: 1 1 auto; 					border: black 1px solid;*/}
.topsemaine>div+div,
.semaine>div+div{ border-left: #D9D9D9 1px solid; padding: 0.1em 0 0;}
.case 			{ position: relative; border-radius: 5px;}
.case button 	{ font-size: 0.7em;}
.moreParticipants{ display: none;}
#infobulle 		{ display: block;}
.cacher 		{ display: none;}
.avatar 		{ position: absolute; top: 45px; margin-top: 0; z-index: 10;}
.avatar2 		{ width: 85px; float:left;}
.avatar3 		{ width: 10px; float:left; padding:0; text-align: center; cursor:Pointer;}
.avatar img 	{ float: left; width: 20px; height: auto; border-radius: 5px; padding: 1px;}
.avatar4 img 	{ float: left; width: 50px; height: auto; border-radius: 25px; padding: 1px;}
.describ 		{ padding: 1em;}
.link 			{ cursor: pointer;}
.del 			{ color:red;}
.remove:hover 	{ opacity: 0.7; background-color: red; }

/* Footer */
footer 			{ margin: 2em;}


@media screen and (max-width: 900px) {
	.page 		{ width: 100%;}

}
@media screen and (max-width: 700px) {
}