html {
	font-family: sans-serif;
}

body {
	background-image:url(../Images/fond1.jpg);
	background-attachment:fixed;
}

#barreHaut {
	position:fixed;
	width:100%;
	right:0%;
	top:0%;
	height:20%;
	z-index:5;
	
}

#photoHaut{
	width:100%;
	max-height:100%;
}

#expediteurMail {
	position:absolute;
	top:23%;
	left:20%;
	width:55%;
	height:3%;
	z-index:1;
	opacity:0.9;
	padding-left:1%;
	background:rgba(64,168,109,1);
	border-radius:10px;
	color:white;
	
	font-size:1vw;
}

#expediteur {
	position:absolute;
	padding-top:0.2%;
	font-size:1.1vw;
}

#jtfMail {
	position:absolute;
	font-size:1vw;
	width: 65%;
	height:100%;
	text-align: center;
	right:0%;
	border-style: solid;
	border-radius:7px;
	transition:0.5s;
	border-color: rgba(64,168,109,1);
	background: #FFFFFF;
	
}

	/* ----------------------------------------------------------*/
	/* ----------------------------------------------------------*/
	
#objetMail {
	position:absolute;
	top:28%;
	left:20%;
	width:55%;
	height:3%;
	z-index:1;
	opacity:0.9;
	padding-left:1%;
	background:rgba(64,168,109,1);
	border-radius:10px;
	color:white;
	
	font-size:1vw;
}

#objet {
	position:absolute;
	left:2%;
	padding-top:0.2%;
	
	font-size:1.1vw;
}

#jtfObjet {
	position:absolute;
	font-size:1vw;
	width: 85%;
	height:100%;
	text-align: center;
	right:0%;
	border-style: solid;
	border-radius:7px;
	transition:0.5s;
	border-color: rgba(64,168,109,1);
	background: #FFFFFF;
	
}

	/* ----------------------------------------------------------*/
	/* ----------------------------------------------------------*/
	
#texteMail {
	position:absolute;
	top:35%;
	left:20%;
	width:56%;
	height:50%;
	background:#FFFFFF;
	z-index:1;
	opacity:0.9;
	padding-top:1%;
	padding-left:2%;
	padding-right:2%;
	
	border-color:rgba(64,168,109,1);
	border-radius:10px;
	font-family:sans-serif;
	font-size:1.1vw;
	text-align:justify;
	resize:none;
}

#envoyer {
	position:absolute;
	font-weight:bold;
	font-size:0.9vw;
	width: 10%;
	height:5.5%;
	text-align: center;
	top: 90%;
	left:42%;
	z-index:3;
	border-radius:7px;
	transition:0.5s;
}

#envoyer:hover {
	opacity:0.7;
	cursor:pointer;
	border-radius:7px;
}
#milieuDroite {
	position:fixed;
	width:17%;
	height:72%;
	right:5%;
	top:17%;
}