/* CSS Document 

Adam LAZREQ
pour QualiOne

09/2014
*/
html { 
  margin:0;
  padding:0;
  background: url(../images/bg2.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}

header
{
	height: 200px;
	width:auto;
}

nav
{
	display : inline-block;
	vertical-align : top;
	width:200px;
	height : 500px;
	position:absolute;
	top:260px;
}

section
{
	height:auto;
	width:auto;
	min-width:800px;
	padding-bottom:50px;
	margin-left:210px;
	margin-top: 50px;
	border:2px solid #00A3D6;
	border-radius:10px;	
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	color: #B3B3B3;
	background-color: #626262;
}
section#tableau
{
	height:auto;
	width:auto;
	min-width:3000px;
	padding-bottom:50px;
	margin-left:210px;
	margin-top: 50px;
	border:2px solid #00A3D6;
	border-radius:10px;	
}


.tableau
{
	height:auto;
	width:auto;
	min-width:1024px;
	padding-bottom:50px;
	margin-left:210px;
	margin-top: 50px;
	border:2px solid #00A3D6;
	border-radius:10px;	
	background-color: #626262;
}
footer
{
	width:auto;
}

#logoqualione
{
	position:absolute;
	top:40px;
	left:5px;
	width: 200px;
	height: 80px;
	float: left;
}

#logoavm
{
	display: block;
	margin-top:auto;
	margin-bottom:auto;
    margin-left: auto;
    margin-right: auto;
	width: 370px;
	height: 200px;
		filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: white;
	background-color: white;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
form#connect
{

	width:800px;
	margin:auto;
}  

form#contact
{
	border:2px solid #00A3D6;
	width:800px;
	height:550px;
	padding:1em;
	border-radius:10px;
	margin:auto;
	margin-bottom:20px;
}  

div#ajoutrejet1
{

	margin-left:200px;
	color:white;
	width:500px;
}  

div#ajoutrejet2
{
	position:absolute;
	top:380px;
	color:white;
	margin-left:720px;
}  

div#adduser
{
	color:white;
	margin-left: 100px;
}  

div#connection
{
	color:white;
}  

label
{
display: block;
width: 150px;
float: left;
}

h1#tableau
{
	position:center;
	color:white;
} 

h1
{
	text-align:center;
	color:white;
} 
p
{
	text-align:center;
	color:white;
}

div#contactmail
{
	position:absolute;
	top:500px;
}