.background
{
display: flex;

height: 500px;
width: 100%;



background: #F5F3E9;
}


body
{
    	overflow-x: hidden;
	margin: 0px;
    width: 100vw;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
}

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

color: #80CBDE;
}

a:visited
{
	color: #80CBDE;
}

header 
{
z-index: 999;
position: fixed;
display: flex;
justify-content:space-around ;

width: 700px;
height: 35px;
top: 0;
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;
width: 200px;
text-align: center;
opacity: 0.85;
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;
}



.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%;
}


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



.Photodemoi
{
width: 275px;
height: 275px;

}



.PrésentationProjet1
{
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
  	margin-left:45px;
  

}

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

.TitreProjets
{
	display: flex;
	margin-top: 30px;
	margin-left: 80px;
}
.SiteSoiréeTitre
{
width: 347px;
height: 92px;


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

color: #80CBDE;
}

.WelinkTitre
{
width: 347px;
height: 76px;


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

color: #80CBDE;
}
.IllustrationTitre
{
width: 347px;
height: 117px;



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

color: #80CBDE;
}

#ImageLandingPage
{
    display: flex;
    margin-top: 0px;
  justify-content: space-between;
  margin-right:90px;
}

.ImageLandingSiteSoirée
{
width: 243px;
height: 308px;


border: 1px solid #FFFFFF;
box-sizing: border-box;
filter: drop-shadow(5px 7px 4px rgba(0, 0, 0, 0.35));
border-radius: 10px;

}

.WelinkLanding{

width: 243px;
height: 308px;


box-sizing: border-box;
filter: drop-shadow(5px 7px 4px rgba(0, 0, 0, 0.35));

object-fit: contain;
}

.IllustrationLanding {

width: 243px;
height: 308px;


box-sizing: border-box;
filter: drop-shadow(5px 7px 4px rgba(0, 0, 0, 0.35));
border-radius: 10px;
}


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;

}

.AproposContact
{
margin-top: 50px;
height: 600px;
width: 100%;
background: #F5F3E9; 
border-radius:28px;

}


.AproposTitre
{
	display: flex;
	width: 400px;
	margin-left: 80px; 
	margin-top: 20px;
}
.aproposParagraphe
{
	display: flex;
	margin-top: 20px;
	margin-left: 80px;
	
}


.Restons
{
	display: flex;
	width: 300px;
	margin-left: 80px; 
	margin-top:50px;
}


.EnvoieMail
{
 display: flex;
width: 197px;
height: 49.25px;
margin-left: 100px; 
margin-top:40px;
	
border: none;
background: #9AC9D6;
border-radius: 10px;
padding-top: 25px;
padding-left: 20px;


}

.colortexte
{
	color: #FFFFFF;
}

.rotate:hover
{
        -webkit-transform: rotateZ(-4deg);
        -ms-transform: rotateZ(-4deg);
        transform: rotateZ(-4deg);
}

.color:hover
{
        background:#F5F3E9;
}

.grow:hover
{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.threed:hover
{
        box-shadow:
                1px 1px #9AC9D6,
                2px 2px #9AC9D6,
                3px 3px #9AC9D6;
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px);
}