/* Example CSS file */ 
body{
	margin: 0;
	background-color: yellow;
}
.titre-page{
	width: 80%;
	margin:auto;
	text-align: center;
	margin-top: 50px;
}
.connexion{
	position: fixed;
	left: 5px;
	top: 10px;
	border: black 1px solid;
	background-color: white;
}
main{
	width: 70%;
/*	border: 5px solid black;
	height: 110vh;*/
	background-color: white;
	position: relative;
	margin: auto;
	margin-top: 100px;
	padding-bottom: 80vh;
}
.bloc-centre{
	margin: 20px 0 0 20px;
	width: 80%;
}
.bloc-centre> img {
	width: 120%;
	height: auto;
	margin: auto;
}
h3, h6{
	margin: 0;
}
h3{
	padding: 10px 0 10px 0;
}
nav{
	border: solid 1px black;
	background-color: white;
	z-index: 100;

	height: auto;
	position: fixed;
	left: 5px;
	top: 50px;
}
.menu-title{
text-align: end;
}
#toggle-menu:checked+ .list-menu {
  display: none;
}




#agenda{
	position: fixed;
	width: 100%;
	border: 2px solid black;
/*	top: 10vh;
	top : 72vh;*/
	top: 94vh;
	left: -0.1vw;
	background-color: white;
	transition:top 0.3s;
}
#choix-agenda{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	padding: 10px 0 30px 0;
	transition:top 0.3s;
	}

.jour{
/*	display: inline-block;*/
	width: 100%;
	min-width: 20px;
	height: 150px;
	border: 2px solid black;
	padding: 0;
	
}
.semaine{
	position: relative;
	margin: auto;
	display: flex;
	flex-direction: row;
	width: 100%;
}
label{
	 cursor: pointer;

}
 #toggle-semaine, #toggle-mois, #toggle-menu
{
    display: none;
} 

#toggle-semaine:checked+ #agenda {
  background-color: whitesmoke;
  top: 75vh;
}
/*#toggle:checked +.choix-mois {
display: none;
}
*/
#toggle-mois:checked ~ #agenda {
  background-color: whitesmoke;
  top: 20vh;
}
/*#toggle-mois:checked~.choix-semaine {
display: none;
}*/