/* FOOTER */

footer {
    display: flex;
	justify-content: space-between;	/*allignement sur l'axe principale*/
	background:  url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
}

footer h1 {
    font-family: 'Dayrom', 'Arial', serif;
    font-weight: normal;
    text-transform: uppercase; /*text-transform: uppercase transforme le texte en majuscule et text-transform: lowercase en minuscule.*/
}

footer p {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 20px;
	font-size: 0.8em;
}

footer ul {
	display: flex;
	list-style-type: none;
	justify-content: space-around;
}



footer li {
	/*box-shadow: 5px, 5px, 5px, black;*/
	margin-right: 20px;
	border: 2px solid rgb(255, 244, 214); /*obligé d'utiliser des bordure de la même couleur que le fond pour éviter les décalage avec li:hover.*/
	padding: 5px;
}

footer li a {
    font-size: 1.3em;
    color: #181818;
    text-decoration: none;
}

/* Sur tous types d'écran, quand la largeur de la fenêtre est comprise entre 850 et 1024px */
/*@media all and (min-width: 850px) and (max-width: 1024px) {
    footer li a {
		color: red;
	}
}*/

/* Sur tous types d'écran, quand la largeur de la fenêtre fait au maximum 850px */
/*@media all and (max-width: 850px) {
    footer li a {
		color: green;
	}
}*/

footer li:hover {
	border: 2px solid rgb(50,50,50);
	box-shadow: 5px 5px 5px gray;
	border-radius: 10px;
	background-color: white;
}