.background
{
display: flex;

height: 500px;
width: 100%;



background: #F5F3E9;
}


body
{
	margin: 0px;
}


a:visited
{
	color: #80CBDE;
}
header 
{
z-index: 999;
position: fixed;
display: flex;
justify-content:space-around ;

width: 700px;
height: 35px;
margin-top: 0px;
right: 64px;
background: #E7E2CA;
opacity: 0.95;
border-radius: 0px 0px 15px 15px;
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.30);
}

.fondlien:hover 
{

text-decoration:none;
background-color:white;
height: 35px;
opacity: 0.85;
width: 200px;
text-align: center;
border-radius: 0px 0px 15px 15px;
}

.Projet
{

font-family: Avenir;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 34px;
}

.Apropos
{
	

font-family: Avenir;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 34px;

}

a[class="couleurlien"]:hover
{
	font-weight: bold;
}

.Contact
{
	

font-family: Avenir;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 34px;

}

.logoseb
{
z-index: 999;
position: fixed;
left: -1.2%;
right: 89%;
top: 0%;
bottom: 0%;

}

h1
{
    font-family: Didot;
font-style: normal;
font-weight: normal;
font-size: 40px;
line-height: 51px; 

color: #80CBDE;
}

.GrandTitretopimage
{
  display: flex;
  margin: auto;
  justify-content:space-around;
  width: 1000px;
  height: 368px;
  margin-top: 226px;
}

.ImageLandingSiteSoirée
{
width: 296px;
height: 208px;

border: 1px solid #FFFFFF;

filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
border-radius: 10px;
object-fit: cover;
}
.Sommaire
{

display: flex;
margin: auto;
width: 400px;
height: 132px;
margin-top: 79px;
font-family: Avenir;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 33px;

color: #80CBDE;
}

h2
{
	font-family: Avenir;
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 33px;

color: #80CBDE;
}
p
{
font-family: Avenir;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 27px;

color: #011317;

}

.TitreCompréhension
{
    display: flex;
    width: 700px;
    height: 30px;
    margin-left: 80px;
    margin-top: 80px;
}
.ParagrapheCompréhensionduclientetrechercheutilisateurs
{
	display: flex;
    width: 1100px;
    height: 344px;
    margin-left: 80px;
}

.TitreCourteprésentationdespersonas
{
display: flex;
width: 	500px;
height: 30px;
margin-left: 80px;
margin-top: 40px;
}

.AnaisClément
{
  display: flex;
  justify-content:space-around;
  width: 1100px;
  height: 500px;
  margin-top: 80px;
  margin-left: 80px;
 
}
.texteAnais
{
	width: 400px;
	height: 216px;
}
.texteClément
{
	width: 400px;
	height: 216px;
}

.texteGabriel
{
width: 400px;
	height: 216px;
}

.texteMagalie

{
	width: 400px;
	height: 216px;
}
.GabrielMagalie
{
  display: flex;
  margin: auto;
  justify-content:space-around;
  width: 1100px;
  height: 500px;
  margin-top: 80px;
  margin-left: 80px;
 
}

.Creationdudesign
{
    display: flex;
    width: 600px;
    height: 30px;
    margin-left: 80px;
    margin-top: 80px;
}



.paragraphe1

{
	display: flex;
    width: 1100px;
    height: 100px;
    margin-left: 80px;
}

.textelogo
{
	display: flex;
margin-left: 80px;
width: 1100px;
}
.logo1
{
display: flex;
margin-left: 80px;
margin-top: 20px;
}

.logolafête
{

border-radius: 20px;

}


.cercleblanc
{
width: 18px;
height: 19px;
border-radius: 20px;
margin-left: 80px;


box-shadow: 1px 2px 4px 7px rgba(0, 0, 0, 0.49);
}

.cerclebleu
{

width: 18px;
height: 19px;
border-radius: 20px;

background: #0137BD;
margin-left: 80px;
}
.cerclenoir
{

width: 18px;
height: 19px;
margin-left: 80px;

border-radius: 20px;

background: #000110;
}
.cerclerose
{

width: 18px;
height: 19px;
margin-left: 80px;
border-radius: 20px;

background: #FF00B8;
}


.AccueilQuinoussommes

{
display: flex;
  margin: auto;
  justify-content:space-around;
  width: 1000px;
  
  margin-top: 80px;
  
  text-align: center;
}





.cartehome
{
width: 440px;
height: 576px;

background: rgba(245, 243, 233, 0.72);
border-radius: 28px;
}

.carteQuinoussommes
{
width: 440px;
height: 576px;

background: rgba(245, 243, 233, 0.72);
border-radius: 28px;
}

.HomeImage
{	
width: 321px;
height: 242px;

margin-top: 25px;
}


.QuinoussommesImage
{
	
width: 321px;
height: 242px;
margin-left: 25px;
margin-top: 25px;
}





.AgendaGalerie
{
  display: flex;
  margin: auto;
  justify-content:space-around;
  width: 1000px;
  
  margin-top: 80px;
  
  text-align: center;
}


.CarteAgenda
{
width: 440px;
height: 576px;

background: rgba(245, 243, 233, 0.72);
border-radius: 28px;
}

.CarteGalerie
{
width: 440px;
height: 576px;

background: rgba(245, 243, 233, 0.72);
border-radius: 28px;
}


.AgendaImage
{
	
width: 321px;
height: 242px;

margin-top: 25px;
}


.GalerieImage
{
	
width: 321px;
height: 242px;

margin-top: 25px;
}



.ContactRéservationFooter
{
display: flex;
  margin: auto;
  justify-content:space-around;
  width: 1000px;
  
  margin-top: 80px;
  
  text-align: center;
}



.CarteContact
{
width: 440px;
height: 576px;

background: rgba(245, 243, 233, 0.72);
border-radius: 28px;
}

.ContactImage
{
	
width: 321px;
height: 242px;

margin-top: 25px;
}


.CarteRéservationFooter
{
width: 440px;
height: 576px;

background: rgba(245, 243, 233, 0.72);
border-radius: 28px;
}

.TarifFooterImage
{
	
width: 321px;
height: 242px;

margin-top: 25px;
}


li:visited
{
	color: #80CBDE
}

.PhotoAnais
{
	width: 134px;
	height: 134px;
}
.PhotoClément
{
	width: 134px;
	height: 134px;
}

.PhotoGabriel
{
	width: 134px;
	height: 134px;
}

.PhotoMagalie
{
	width: 134px;
	height: 134px;
}