body
{
	background-color: #1e609a;

}


.banniere
{
	text-align: center;
	vertical-align: center;
	background-color: #082d4d;
	color: white;
	font-size: 110px;
	font-family:"Corbel light","arial black","calibri";
	
}


.college
{
	text-align: center;
	vertical-align: center;
	color: white;
	font-size: 50px;
	font-family:"Corbel light","arial black","calibri";
	
}
.logo
{
	opacity: 1;
	width:max-content;
	height: min-content;
	width:1000px;
	text-align: center;
}

.logoclasse
{
	opacity: 1;
	width:max-content;
	height: min-content;
	width:200px;
	text-align: center;
}


li,ul
{
	list-style-type: none;
	font-family:"Corbel light","arial black","calibri";
	text-align: center;
	vertical-align: center;
	background-color: #082d4d;
	color:white;
	font-size: 40px;
	font-weight: bold;

}

.titre
{
	list-style-type: none;
	font-family:"Corbel light","arial black","calibri";
	text-align: center;
	vertical-align: center;
	background-color: #082d4d;
	color:white;
	font-size: 100px;
	font-weight: bolder;
}

a
{
	color:white;
	text-decoration: none;
}


a:hover{
	color:#1e609a;
}

.lienclasse
{
	text-align: center;
	vertical-align: center;
	background-color: #082d4d;
	color:white;
	border-width: 3px;
	border-color: darkblue;
}

.lienclasse:hover
{
	color:yellowgreen;
}

.presentation
{
	text-align: center;
	vertical-align: center;
	color: white;
	font-size: 110px;
	font-family:"Corbel light","arial black","calibri";
	
}




form {
	/* Uniquement centrer le formulaire sur la page */
	margin: 0 auto;
	width: 500px;
	/* Encadré pour voir les limites du formulaire */
	padding: 1em;
	border: 1px solid #CCC;
	border-radius: 1em;
  }
  
  form div + div {
	margin-top: 1em;
  }
  
  label {
	/* Pour être sûrs que toutes les étiquettes ont même taille et sont correctement alignées */
	display: inline-block;
	width: 90px;
	text-align: right;
	color: seashell;
	font-family: "corbel light","arial black";
	font-size: 20px;
	font-weight: bold;
  }
  
  input, textarea {
	/* Pour s'assurer que tous les champs texte ont la même police.
	   Par défaut, les textarea ont une police monospace */
	font: 1em sans-serif;
	color:#082d4d;
	font-family: "corbel light", "arial black";
	font-weight: bold;
  
	/* Pour que tous les champs texte aient la même dimension */
	width: 400px;
	box-sizing: border-box;
  
	/* Pour harmoniser le look & feel des bordures des champs texte */
	border: 1px solid #999;
  }
  
  input:focus, textarea:focus {
	/* Pour souligner légèrement les éléments actifs */
	border-color: #000;
  }
  
  textarea {
	/* Pour aligner les champs texte multi‑ligne avec leur étiquette */
	vertical-align: top;
	 
	/* Pour donner assez de place pour écrire du texte */
	height:6em;
  }
  
  .button {
	/* Pour placer le bouton à la même position que les champs texte */
	padding-left: 90px; /* même taille que les étiquettes */
  }
  
  button {
	/* Cette marge supplémentaire représente grosso modo le même espace que celui
	   entre les étiquettes et les champs texte */
	margin-left: 5.1em;
	background-color: #082d4d	;
	color:white;
	font-family: "corbel light", "arial black";
	vertical-align: center;
	width:400px;
	font-weight: bold;
	border-top: #082d4d;
	height:40px;
	font-size: large;
  }