html, body {
    margin: 0;
    padding: 0;
}
body {
    background-color: mistyrose; 
    font-family: Verdana, sans-serif; 
	color: #682145;
    font-size: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
h1 {
    font-size: 150%; 
    color: #682145; 
    text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}
h2 {
    font-size: 130%;
    color: #682145;
	padding-right: 15px;
	padding-left: 15px;
}
h3 {
    font-size: 110%;
    color: #682145;
	padding-right: 15px;
	padding-left: 15px;
}
p,td,li {
    font-size: 100%;
	padding-right: 15px;
	padding-left: 15px;
    color: deeppurple; 
}
ul {
    font-size: 100%;
	padding-right: 15px;
	padding-left: 90px;
    color: deeppurple; 
}
h4 {
	font-size: 80%;
	font-style:italic;
	text-align:center;
	font-weight:normal;
}
h5 {
	font-size: 60%;
	font-style:italic;
	text-align:right;
	font-weight:normal;
}

a:link {
    color: deeppink;
	text-decoration: none
}
a:visited {
    color: hotpink;
}
a:active {
    color:deeppink;
}
a:hover {
    color: hotpink;
    text-decoration: none;
}
.centrer {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.rouge {
color: red;
}
#header{
	height:0 auto;
	text-align: center;
	background-color:purple;
	padding:50px
}
.yellow{
	color:yellow;
	text-decoration: underline;
}

.balise{ 									/* contiendra les éléments à disposer en "grille" */
        display: grid; 						/*on active la propriété de la grille css qui permet entre autres, comme ici, de placer différents blocs côte à côte*/
        grid-template-columns: 30% 70%; 	/* proportion de la largeur disponible sur la page occupée respectivement par les colonnes col1 et col2*/
        margin-top: 10px; 					/*espace au dessus du div contenant les colonnes col1 et col2*/
        margin-bottom: 10 px; 				/*espace sous le div contenant les colonnes col1 et col2*/
    }
col1{
        margin-left: 5px; 					/*marge à gauche de la colonne col1*/
        background-color: lightblue; 			/*couleur de fond de la colonne col1*/
    }
col2{
        border: 4px solid green; 				/* bordure - optionnel */
        margin-right: 5px; 					/*marge à gauche de la colonne col2*/
        margin-left: 5px; 					/*marge à gauche de la colonne col2, entre les deux colonnes*/
        background-color: lightgreen; 			/*couleur de fond de la colonne col2*/
    }