/*Ajout polices */
@font-face {
    font-family: 'alex_brushregular';
    src: url('fonts/alexbrush-regular-webfont.woff2') format('woff2'),
         url('fonts/alexbrush-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kaushan';
    src: url('fonts/kaushanscript-regular-webfont.woff2') format('woff2'),
         url('fonts/kaushanscript-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Stranger';
    src: url('fonts/Stranger-back-in-the-Night.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LearningCurve';
    src: url('fonts/LearningCurve.ttf') format('truetype'),
    	 url('fonts/LearningCurveDashed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*li
{
	margin-bottom : 5px;
}

}*/
/* Mise en page générale de la page */
body 
{
/*	width : 1000px;
	margin : auto; */
	font-family : "Comic Sans MS", "Times New Roman";
	text-align : justify;
}
footer a
{
	color : black;
	text-decoration : none;
}
a:hover
{
	color : rgb(210,0,0);
	font-weight : bold;
}
img {
 	max-width: 100%;
	height: auto;
	opacity: 0.7;
	margin:0px;
}
.fond_ecran
{
	background-color : rgb(255,249,170);
	padding-bottom : 30px;
}
#lieu
{
	display: flex;
  	justify-content: center;
}
ul
{
	list-style-type : none ;
	margin-left : -15px;
}
footer
{
	background: white;
	position : fixed;
	/*height : 100px; */
	bottom: 0;
	width: 100%;
	padding-bottom: 10px;
}
footer nav ul
{
	display : flex ;
	justify-content : space-around;
	align-items: center;
}

h1
{
	margin : 0;
	font-size :5em; 
	font-family : alex_brushregular;
	margin-bottom : 0px;
	color : rgb(0,0,121);
	text-align: center;
}
h2
{
	margin : 0;
	font-size :2em; 
	font-family : kaushan;
	margin-bottom : 0px;
	color : rgb(0,0,121);
	text-align: center;
}
.conteneur
{
	display: flex;
	justify-content : space-around;
}
.ecriture
{
	font-family : LearningCurve;
	font-size : 2em;
	font-weight: bold;
}

/*Modification pour visualisation téléphones portables */

@media all and (max-width: 1024px)
{
	footer
	{
		display : none;
	}
}