@font-face{
	font-family: 'GentiumBookBasic-Regular';
	src: url('./GentiumBookBasic-Regular.ttf');
}
p{
	color: black;
	font-size: 16px;
	font-family: 'GentiumBookBasic-Regular';
}
*{
	margin: 0;
	padding: 0;
}
h1{
	color: red;
	font-family: elephnt;
	font-size: 24px;
}
a{
	color: white;
	text-decoration: none;
	padding: 20px;
}
a:hover{
	color: red;
}
#hero{
	background: url('./fond.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%
	}
nav{
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	padding: 15px;
}
#bandeau{
	margin-top: 1%;
	margin-bottom: 1%;
	background-color: rgba(255,255,255,0.3);
}
#contenu{
	text-align: center;
	padding:1%;
	width: 100%;
}
#contenu a{
	color: red;
	border: 1px solid red;
	border-radius: 15px;
	padding: 20px;
}
#contenu a:hover{
	color: white;
	background-color: rgba(178,32,19,0.8);
}
#nav{
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	padding: 20px;
}
#photos{
	background-color: rgba(255,255,255,0.3);
	text-align: center;
	padding: 100px;
}
#apropos1{
	background-color: rgba(166,166,166,0.5);
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left:350px;
	padding-right:100px;
}
#footer{
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	padding: 20px;
}