/*****************************************
                GENERAL
*****************************************/

body{
    margin:0;
    padding:0;
    background-color:#1F2A3A;
    color:#e9e1d2;
}

a{
    text-decoration:none;
    padding:0;
    margin:0;
}
p{
    text-align:justify;
    font-size:20px;
}

/************************************************
                    HEADER
************************************************/
header{
    width:100%;
	height:100vh;
	Margin-bottom:80px;
	background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

#header{
	Display: flex;
	Flex-direction:column;
	justify-content:space-between;
    height: 100%;
}
H1{
	font-size:80px;
	text-align:left;
	margin-top:100px;
}



/******************************************
                MAIN
******************************************/
main{
	display: flex;
	width:100%;
	flex-direction:column;
  align-items: center;
  justify-content: center;
}
 /*PRESENTATION*/
#informations{
	width:80vw;
	height:auto;
	display:flex;
}
article{
	padding-right:30px;
	padding-left:10px;
}
#petit{
	border-left:solid 1px #a36a4f;
}
.titre{
	border-bottom:solid 1px #a36a4f;
	color:#a36a4f;
}
#resumecourt{
	font-size:30px;
}

/*RESERVATIONS*/
#reservations{
	width:100%;
	margin-top:75px;
}
#reserver{
	margin:auto;
	border:solid 2px #a36a4f;
	background-color:#8a7361;
	color:#e9e1d2;
	width:50%;
	text-align:center;
}
#reserver:hover{
background-color:#a36a4f;
}

/*EN COURS*/
#encours{
	padding-top:60px;
	width:90%;
	height:100vh;
	flex-direction:column;
  align-items: center;
  justify-content: center;
}
#artencours{
	height:auto;
	width:100%;
	display:flex;
}
#feydeau, #blandy, #sasha{
	width:32%;
	margin-left:5px;
	margin-right:5px;
	height:auto;

}

.survole{
	animation-duration:3s;
    animation-name:survol;
	Opacity:1;
}
.nonsurvole{
	animation-duration:3s;
    animation-name:nonsurvole;
	Opacity:0;
}
#imagefeydeau1,#imagesasha1, #imageblandy1, #imagefeydeau2,#imagesasha2, #imageblandy2{
	width:28%;
	height:auto;
	position: absolute;
}