/*---- Définition des styles pour les titres ----*/
h1 {
	margin-top: 10%;
	margin-bottom: 90px;
	color: #fff;
	font-family: 'Courgette', cursive;
	font-size: 4em;
	text-shadow: 2px 2px 0px #ee3737, 0px 0px 15px #000;
}

h2 {
	color: #BE2828;
	font-family: 'Courgette', cursive;
	font-size: 3em;
	text-align: center;
}

h2.grey {
	color: #777;
}

h2:after { /* Soulignement du texte*/
	content:"";
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
	width:230px;
	height: 5px;
	background-color: #BE2828;
}

h2.grey:after {
	background-color: #777;
}

h3 {
	font-family: 'Open Sans', cursive ;
	color: #BE2828;
	font-size: 1.3em;
}

h3.white { /* H3 en blanc lorsque le fond est rouge*/
	color: #fff;
	text-shadow: 0px 0px 15px #000;
}

h3.grey { /* H3 en blanc lorsque le fond est rouge*/
	color: #777;
}

div#msg-bienvenue {
	font-family: 'Courgette', cursive ;
	font-size: 3.5em ;
	color: #fff ; 
	text-shadow: 2px 2px 0px #ee3737, 0px 0px 15px #000;
	margin-top: 10%;
	margin-bottom: 10%;
}


@media (max-width: 767px) {
	h3 {
		font-size: 1em;
	}

}