*{

    background-color: grey;
}


h1{

border:1px solid black;
background-color: beige;
text-align: center;
font-family: 'Josefin Sans', sans-serif;

}

h2{

    border:1px solid black;
    background-color: aquamarine;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
   
}
select{

   text-align: center;
   width:100%;
   height:80px;


}




h1{

border:1px solid black;
background-color: beige;
text-align: center;
font-family: 'Josefin Sans', sans-serif;

}

h2{

    border:1px solid black;
    background-color: aquamarine;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
   
}

ul, ol {
    list-style: none;
	padding:0em;
    text-align: center;
    color:black;
}

ul.homepage
{  
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

ul.homepage li
    {
        padding:0.5%;
		margin:0.5%;
		flex-basis:15em;
		/* Les éléments de la galerie ont une largeur de base de 15em */
		
		flex-grow:1;
		/* 1 les éléments de la galerie sont donc flexibles */
		
    color: #474d51;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0,0.2 );
		
    }

ul.homepage li img{
	max-width:100%;
	height:auto;
}


/* couleur des messages d'alert en flash*/
.color-red{
    text-align: left;
    padding:5px;
    margin:5px;
    background-color: #ff0000;
    color: #FBF207;
}
.color-green{
    text-align: left;
    background-color: #75f70a;
    color: black;
}
.color-white{
    text-align: left;
    color: white;
}