@keyframes toLeft
{
	from{left: 5vw;}
	to{left: -100vw;}
}

@keyframes fromLeft
{
	from{left: -100vw;}
	to{left: 5vw;}
}

#affZoneOver
{
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
width: 60vw;
position: absolute;
left: 5vw;
top: 28vh;
/*z-index: 2;*/
height: 65vh;
box-sizing: border-box;
border: 2px solid var(--color-one);
box-shadow: 3px 3px 2px var(--color-one);
animation: fromLeft 1.5s 1;
}

.warning
{
display: flex;
height: 3vh;
width: 40vw;
font-family: "Font2";
font-size: 1.2vw;
color: var(--color-four);
}

#mail
{
display: flex;
flex-direction: column;
justify-content: space-around;
width: 30vw;
height: 55vh;
box-sizing: border-box;
border-right: 1px dotted var(--color-one);
}

#senderId
{
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 30vw;
height: 55vh;
box-sizing: border-box;
background-image: url("../images/timbre.png");
background-size: 30%;
background-repeat: no-repeat;
background-position: top right;
}

.title
{
display: block;
height: 5vh;
width: 70vw;
font-size: 1vw;
text-align: center;
box-sizing: border-box;
}

.valid
{
font-size: 1.2vw;
margin-left: 5vw;
color: var(--color-four);
}

.labels
{
display: block;
font-size: 1.5vw;
margin-left: 2vw;
}

.labelsRed
{
display: block;
font-size: 1.5w;
margin-left: 2vw;
color: var(--color-four);
}

form.contact
{
display: flex;
flex-wrap: wrap;
width: 60vw;
height: 60vh;
font-family: "Font2";
}

.go
{
display: flex;
height: 8vh;
align-self: flex-end;
margin-right: 3vw;
}

input
{
background-color: var(--color-five-rgba);
width: 20vw;
height: 3vh;
margin-left: 2vw;
margin-bottom: 2vh;
border: 1px solid var(--color-one);
font-family: "Font2";
font-size: 1.2vw;
}

textarea
{
background-color: var(--color-five-rgba);
width: 25vw;
height: 35vh;
margin-left: 2vw;
margin-bottom: 5vh;
border: 1px solid var(--color-one);
font-family: "Font2";
font-size: 1.5vw;
}


select
{
width: 20vw;
margin-left: 2vw;
margin-bottom: 3vh;
background-color: var(--color-five-rgba);
border: 1px solid var(--color-one);
font-family: "Font2";
}

.hp
{
display: none;
}