/* page layout */
	*{
	    margin:0;
	    padding:0;
	}
	
	html,body {
	
	height : auto;
	}
	
	
	
	
	a:nth-child(6){
text-decoration: underline;
/* font-family: quicksand;
font-weight: bold;
opacity: 1;
*/

}

	
.contactscontact
{
	
	/* height: 100%; */ 
		text-align: center;  
		font-size: 13vw;
		font-family: riesling;
		font-weight: lighter;
		color: white;
		position: relative;
		
		opacity: 0.8;
		margin-top: 10vh;
	text-shadow: 1px 1px 6px black;
	
	
}		
	
	
.contactstext {

		text-align: center;  
		font-size: 2em;
		font-family: quicksand;
		font-weight: lighter;
		color: white;
		position: relative;
		vertical-align: middle;
		opacity: 0.8;	/* quand opacity est à 1, ça passe derrière le fond d'écran animé => comprends pas.... */
		margin-top: 0px;
		margin-bottom: 0px;
		text-shadow: 1px 1px 3px black;
		

}
	
.contactsforswing {
		  
		font-size: 4em;
		font-family: riesling;
		font-weight: lighter;
		color: white;
		position: relative;
		vertical-align: middle;
		opacity: 0.4;
		right: 40px;
		bottom: 100px;
		


}


form.message 
{

margin-top: 8vh;
border-radius: 20px;
	border: none;  /* sans ça mes boites ont des espèces de cornes... */

text-align: center;
position: relative;
/* top: 75vh; */
width :70vw;
left: 15vw;
z-index: 100;	
	font-size: 1.5em;
		font-family: quicksand;
		font-weight: lighter;
		color: white;
		opacity: 0.8;
	text-shadow: 2px 2px 3px black;
		
	
}


form.message button {	
	
	background-color: black;
	opacity: 0.8;
	border-radius: 20px;
	border: none;  /* sans ça mes boites ont des espèces de cornes... */
	color: #ffffff;
	font-family: quicksand;
	
	font-size: 0.7em;
	
	
	
}

form.message button:hover {	
	
	background-color: black;
	opacity: 1;
	border-radius: 20px;
	border: none;  /* sans ça mes boites ont des espèces de cornes... */
	color: #ffffff;
	font-family: quicksand;
	font-weight: bold;
	font-size: 0.7em;
	
	
	
}


form.message  input {
	
	background: black;
	border-radius: 20px;
	border: none;
	color: #ffffff;
	opacity: 0.9;
	
	
	
	
}

form.message  input.placeholder 
{
	
	text-align: center;
	
	
}

fieldset
{
	border-radius: 20px;
	background-color: rgba(100, 100, 100, 0.4);
	border: none;
	padding-bottom: 1vh;
}

.envoye
{
	background: black; 
	position: relative;
	border-radius: 20px;
	border: none; 

width: 80vw;
left: 5vw;
font-size: 2.5em;
		font-family: quicksand;
		font-weight: bold;
		color: white;
		opacity: 0;
	text-shadow: 3px 3px 4px black;
	text-align: center;
	animation-name: disparition;
	animation-duration: 10s;
	
}



form.mailing 
{

margin-top: 4vh;
border-radius: 20px;
	border: none;  /* sans ça mes boites ont des espèces de cornes... */

text-align: center;
position: relative;
/* top: 75vh; */
width :60vw;
left: 20vw;
z-index: 100;	
	font-size: 1.3em;
		font-family: quicksand;
		font-weight: lighter;
		color: white;
		opacity: 0.8;
	text-shadow: 2px 2px 3px black;
	
	
}


form.mailing button {	
	
	background-color: black;
	opacity: 0.8;
	border-radius: 20px;
	border: none;  /* sans ça mes boites ont des espèces de cornes... */
	color: #ffffff;
	font-family: quicksand;
	
	font-size: 0.7em;
	
	
	
}

form.mailing button:hover {	
	
	background-color: black;
	opacity: 1;
	border-radius: 20px;
	border: none;  /* sans ça mes boites ont des espèces de cornes... */
	color: #ffffff;
	font-family: quicksand;
	font-weight: bold;
	font-size: 0.7em;
	
	
	
}


form.mailing  input {
	
	background: black;
	border-radius: 20px;
	border: none;
	color: #ffffff;
	opacity: 0.9;
	
	
	
	
}

form.mailing  input.placeholder 
{
	
	text-align: center;
	
	
}

			
@keyframes disparition
{
	0%	{opacity: 0;}
	10% {opacity: 0;}
	50% {opacity: 0.8;}
	65% {opacity: 0.8;}
	100% {opacity: 0;}
	
}