.menu {  /* menu horizontal*/
    display: flex;              /* Transformation en flexbox */
    padding:0;                  /* Suppression des marges internes */
    background-color: #ccc;	/* Ajout de la couleur d'arrière-plan */
	width:65%; /* à définir en voyant en fonction de ce que vous voulez faire pour qu'il s'adpate*/
	
	
}
.menu a {  /*concerne les libellés des 
 éléments du menu */

    display:block;                /* Transformation en block */
   min-width: 120px;             /* Largeur minimale des liens */   
   
    margin: 0.5rem;               /* Marges externes (1 valeurs = 4 directions) */
    padding: 0.4rem 0;            /* Marges internes (2 valeurs = haut/bas et gauche/droite)*/
    text-align: center;           /* Centrage du texte */   
    background-color: #1ABC9C;    /* Couleur d'arrière-plan */
    color: #fff;                  /* Couleur du texte */
    text-decoration: none;        /* Suppression du soulignement */
    border: 1px solid #fff;       /* Ajout d'une bordure */
    border-radius: 4px;           /* Arrondis des bordures */
}


<!--======================================================================= -->




p {
	text-align: justify;
	
}


body   {
	font-size:15px; 
	font-family: Cursive,serif,sans-serif;
	
}

h1{ 
color:red;}



h2{ 
color:brown;}

p{
color:green;}

aside p {
	color:red;
}


aside {
		border:15px solid yellow; /* la bordure*/
	background-color: #33FFDD; /* le fond */
border-radius: 10px; /* pour arrondir les coins des boutons !*/
	
}
#renseignements{
	background-color: pink; /*fond*/
	/*width:50%;     ca fonctionne */
}
#content  {
	
	background-color:#F9F4AC; /*fond*/
	
	
	
}

<!--======================================================================= -->

 
<!--======================================================================= -->