/* Layout */

.container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto reapeat(5);
  height: auto;
}


header {
  grid-column: 1 / span 3; 
  grid-row: 1;  
}
notes {
  grid-column: 1 / span 3; 
  grid-row: 2;
}
gauche {
  grid-column: 1; 
  grid-row: 3;
}
milieu {
grid-column: 2; 
  grid-row: 3;
}  
droite {
  grid-column: 3; 
  grid-row: 3;	
}	
footer {
  grid-column: 1 / span 3; 
  grid-row: 4;
}
/* Decoration */


.titre {
    font-size: 1.2em;
	font-weight: bold;
    color: brown;
    text-align: center;	
}	
.titre1 {
    font-size: 1.2em;
	font-weight: bold;
    color: brown;
    text-align: left;	
}	

gauche, droite, milieu, header, footer {
	padding: 20px;
}

gauche, droite, milieu {
   color: midnightblue;
   height: auto; 
   font-size: 1.2em;   
}
milieu {
	text-align: center;
}

.droite1 {
	font-size: 1.2em; 
}

notes {
	color: midnightblue;
	font-size:1.1em;
	padding-left: 10px;
	padding-top: 20px;
	padding-right: 10px;
}