/*Éléments de style de l'ensemble de la page*/
body {
font-family : "Courier New",Courier,monospace; /*Choix de la police de caractère*/
background-color: #6CF8EA;
}
* {
	box-sizing: border-box;
}
/*Création d'une classe*/
.header {
 background-color: #A2E5F0; /*couleur d'arrière-plan*/
 font-family : Georgia, serif; /*Choix d'une police de caractère différente*/
 padding: 30px; /*espacement entre le bord de l'élément et le contenu*/
 text-align: center; /*le texte sera au centre de l'élément */
 font-size: 35px; /*taille des caractères */
 border-radius: 60px;
 }
 /*Création de 3 colonnes de taille différente*/
 .colonne {
 float : left; /*Alignement*/
 padding: 5px;
 height: 500px;
 }
 .colonne.cote {
 width : 25% ; /*Largeur de la colonne*/
 padding : 30px;
 background-color: #A2E5F0;
 }
 .colonne.milieu{
 width: 75%;
 background-color: #7CB4DE;
 }
 /*Création du contenant des trois colonnes*/
 .contenant:after {
 content: ""; /*on vide ce contenant*/
 display: table; /*on fixe l'affichage sous forme d'un tableau*/
 clear: both; /*rien ne s'affichera à droite ou à gauche de ce contenant*/
 }

 /*Réglage des problèmes potentiels d'affichage*/
 @media (max-width: 800px) {
 .colonne.cote, .colonne.milieu{
	width: 100%;
  }
 }
 
 table, th, td{
 border-collapse: collapse;
 border: 1px solid black;}
 
 iframe{
 border: none;
 }