body
{ 
	background-color: rgb(222,211,235);		/* couleurs d'avant  rgb(128,134,201)*/
}
		
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: black; /* Les liens seront en noir au lieu de bleu */
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   color: purple; /* Le lien sera écrit en marron quand on pointera dessus */
}

.titre
{
	background-color: rgb(220,220,220);
	border: 2px double purple;
	width: 55%;	/* largeur du bloc*/
	margin: auto;	/* permet de centrer le bloc*/
	margin-top: 40px;	/* marge exterieure haut du bloc*/
	padding: 20px;	/* marge interieure du bloc*/
	text-align: center;	/* texte centré dans son bloc*/
	font-size: 30px;
}

.bloc1
{
	text-align: center;
	font-size: 20px;
}

.bloc2
{
	background-color: rgb(220,220,220);
	border: 1px double purple;
	width: 55%;		/* largeur du bloc*/
	margin: auto;	/* permet de centrer le bloc*/
	margin-top: 40px;	/* marge exterieure haut du bloc*/
	padding: 20px;	/* marge interieure du bloc*/
}

.bloc3
{
	background-color: rgb(220,220,220);			/* bloc message*/
	border: 1px double purple;
	width: 600px;	/* largeur du bloc*/
	margin-top: 100px;	/* marge exterieure haut du bloc*/
	padding: 10px;	/* marge interieure du bloc*/
	color: blue;
	text-align: center;	/* texte centré dans son bloc*/
	font-size: 16px;
	position:relative;	/* positionne le bloc a l'emplacement indique sur la page affichee*/
	bottom:20px;
	left: 3%;	/* permet de positionner le bloc a 10% du bord gauche*/

}

.lin_des_alpes
{	
	width: 15%;	/* largeur du bloc*/
	height: 35%; /* hauteur du bloc*/
	border: 1px double purple;
	display: block;	/* transforme cette balise (en fait, l'image) inline en une balise bloc plus facile a positinner sur l'ecran (a pas l'air de changer grand chose pour l'instant)*/
	position:absolute;	/* positionne le bloc a l'emplacement indique sur la page affichee*/
	top:40px;	/* permet de positionner le bloc a 40px du bord haut*/
	right: 3%;	/* permet de positionner le bloc a 3% du bord gauche*/
}

.aster_des_alpes
{	
	width: 15%;	/* largeur du bloc*/
	height: 18%; /* hauteur du bloc*/
	border: 1px double purple;
	display: block;	/* transforme cette balise (en fait, l'image) inline en une balise bloc plus facile a positinner sur l'ecran (a pas l'air de changer grand chose pour l'instant)*/
	position:absolute;	/* positionne le bloc a l'emplacement indique sur la page affichee*/
	top:40px;	/* permet de positionner le bloc a 40px du bord haut*/
	left: 3%;	/* permet de positionner le bloc a 10% du bord gauche*/
}