@keyframes titre {
0%	{opacity: 0%; box_shadow: none;}
10%	{opacity: 100%; filter: drop-shadow(-5px 0px 10px rgba(255,255,255,0.7));}
90%	{opacity: 100%; filter: drop-shadow(5px 0px 6px rgba(255,255,255,0.5));}
100%	{opacity: 100%; filter: none;}
}

@keyframes avis_debut {
from {opacity: 0%;}
to {opacity: 100;}
}

@font-face {
	font-family:  GothicUltra;
	src: url(polices/Gothic-Ultra-OT/gothic_ultra_ot-webfont.ttf);
}
@font-face {
	font-family:  ChantelliAntiqua;
	src: url(polices/Chantelli-Antiqua/Chantelli_Antiqua.ttf);
}
*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;	
}
body {
	font-family : ChantelliAntiqua, GothicUltra, Georgia, serif;
	color : white;
	background-image : url("images/decor/fond.jpg");
	background-attachment: fixed;
	background-size : cover;
	background-position: center;
	font-size : max(1.5em,1.1vw);
	line-height: 2;
	text-align : center;
	min-height: 100%;
	height: auto;
}

header {
	background-color: rgba(0,0,0,0);
	text-align: center;
	font-family: GothicUltra;
	font-size: max(2.5em,2.5vw);
	margin-bottom: 1vh;
}
header img {
	max-width: 70vw;
	animation-name: titre;
	animation-duration: 10s;
}
section {
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	backdrop-filter: blur(15px);
	padding: 2vh 2vw 2vh 2vw;
	margin: 0;
}
.sortie {
	width: 100vw;
	padding: 2%;
	backdrop-filter: blur(20px);
	margin-bottom: max(1em,2.5vh);
	box-shadow: 0px 0px 10px black;
	font-family: GothicUltra;
	font-size: max(2em,2vw);
}
.carrousel_avis
{
	display: flex;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	margin: 1vh 0 1vh 0;
	padding-top: 2vh;
	padding-bottom: 2vh;
	min-height: max(5em,16vh);
	max-height: max(5em,16vh);
	border: solid 2px rgba(0,0,0,0.5);
}
.carrousel_avis p
{

}
footer
{
	width: 100vw;
	padding : 1%;
	background-color: black;
	border: solid 2px white;
	margin-bottom : 0;
	margin-top: 5vh;
	color: white;
}
a {
	color : white;
	text-decoration: underline;
}
a:visited {
	color : white;
	text-decoration: underline;
}
footer a {
	color : white;
}
strong {
	font-size : max(2em,1.7vw);
	font-family: GothicUltra;
}
.jambon {
	display : none;	
}
#avis {
	transition: opacity 1s;
}

/*Formulaire newsletter*/
form
{
	display: flex;
	flex-flow: column;
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
}
form img
{
	max-width: 200px;
	margin: 1vh auto 1vh auto;
}
form p
{
	text-align: justify;
}
form button
{
	background-color: black;
	color: white;
	font-family: GothicUltra;
	font-size : max(1.8em,1.5vw);
	width: 100%;
	margin: 1vw 0 1vw 0;
	transition: text-shadow 1s;
}
form button:hover
{
	text-shadow: 0 0 20px white, 0 0 5px white;
}
.case_a_cocher
{
	margin-right: 5px;	
}
input
{
	text-align: center;
	color: white;
	background-color: black;
	font-size : max(0.9em,0.9vw);
	margin-bottom: 1vh;
}