body {
	font-family:arial, sans-serif;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#notes, #general {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 1em;
}

#general img{
	width: 500px;
}

#general .texte{
	padding:2em;
}

.bulletins, .e3c, .e_t{
	display: flex;
	flex-direction: column;
	margin: 0.5em 0;
	padding: 1em 2em;
	justify-content: space-evenly;
	border-radius: 1em;
}

.bulletins {
	background-color: #ffe0e0;
}

.e3c {
	background-color: #e0ffe0;
}

.e_t {
	background-color: #e0e0ff;
}


#premiere, #terminale  {
	margin: 0 4em;
	background-color: #e0e0e0;
	padding:0 2em;
	border-radius:2em;
}

input {
	margin:0.5em;
	width:5em;
}

button {
	margin:0.5em;
	padding:0.5em;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	color: rgb(120,0,0);
	border-radius: 0.5em;
}

button:hover{
	color: #fff;
	background-color: rgb(120,0,0);
}

#note_finale  {
	display: flex;
	height: 2em;
	background-color: #e0e0e0;
	border-radius:2em;
	align-items: center; /* centre verticalement dans un flexbox*/
	justify-content: center; /* centre horizontalement dans un flexbox*/
}