.titre
{
	color: red;
	font-size: 80px;
	text-align: center;
}

.titre1
{
	color: red;
	font-size: 60px;
	text-align: center;
}

.bonjour
{
	color:  black;
	font-size:  40px;
	text-align:  center;
}

.image1
{
	text-align: center;
}

body
{
	background-color: blanchedalmond;
	--couleur_OR: yellow;
	--couleur_MA: lightgreen;
	--couleur_SU: red;
}

.ident
{
	text-align: center;
	background-color: mediumblue;
	color: white;
	width: 90%;
	border: 2px solid black;
	font-size: 40px;
	margin: auto;
}

.menu
{
	text-align: center;
	background-color: mediumblue;
	color: white;
	width: 90%;
	border: 2px solid black;
	font-size: 50px;
	margin: auto;
}

.question
{
	font-size: 60px;
}

input[type="submit"]
{
	height: 80px;
	font-size:  60px;
	background-color: lightskyblue;
}

input[type="text"]
{
	height: 60px;
	font-size: 50px;
	border: 1px solid mediumblue;
	border-radius: 15px;
}

input[type="checkbox"]
{
	height: 30px;
	width: 30px;
}

input[type="password"]
{
	height: 60px;
	font-size: 50px;
	border: 1px solid mediumblue;
	border-radius: 15px;
}

.menu a {
  background-color: #eee; /* Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
  font-size: 60px;
  width:  80%;
  text-align: center;
  margin:  auto;
}

.menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}

.planning {
	display: flex;
	/*width: 70%;*/
}

.planning table {
	margin: auto;
	border:  1px;
	border-collapse: collapse;
	font-size: 40px;
	background-color: #eee;
}

.planning td {
	border: 1px solid black;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}

.flex {
	flex-grow: 1;
	align-items: center;
}

.legende{
	font-size: 60px;
}

.famille{
	font-size: 50px;
}

.OR{
	width: 100px;
	height: 60px;
	background-color: var(--couleur_OR);
	margin: 0 auto;
}

.MA{
	width: 100px;
	height: 60px;
	background-color: var(--couleur_MA);
	margin: 0 auto;
}

.SU{
	width: 100px;
	height: 60px;
	background-color: var(--couleur_SU);
	margin: 0 auto;
}

.OR1{
	background-color: var(--couleur_OR);
}

.MA1{
	background-color: var(--couleur_MA);
}

.SU1{
	background-color: var(--couleur_SU);
}
.plan_droit{
	margin: auto;
	text-align: center;
}
.popup1{
	visibility: hidden;
	background-color: darkblue;
	position: absolute;
	font-size: 35px;
}