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

  font-family: sans-serif;
}

body {
	
}

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

#photoHaut{
	width:100%;
	max-height:100%;
}
	
#cadreTransparence {
	width:100%;
	height:100%;
	background:rgba(255,255,255, 0.3);
}
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#menu {
	position:fixed;
	height:100%;
	width:12%;
	top:0%;
	left:0%;
	background:rgba(255,255,255,1);
}
	
.image {
	max-width:100%;
	height:100%;
}
	

#boutonAccueil a, #boutonGestion a, #boutonImage a, #boutonOrganisation a, #boutonContact a{
	position:absolute;
	width:80%;
	height:6%;
	left:10%;
	border-radius:0.30vw;
	line-height:175%;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:1.2vw;
	transition:0.3s;	
	cursor:pointer;
}

#boutonAccueil a:hover, #boutonGestion a:hover, #boutonImage a:hover, #boutonOrganisation a:hover, #boutonContact a:hover {
	opacity:0.7;
}

	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
#boutonAccueil a{
	top:30%;
}

#boutongestion a{
	top:40%;
}

#boutonImage a{
	top:50%;
}

#boutonOrganisation a{
	top:60%;
}

#boutonContact a{
	top:70%;
}

#imageFB {
	position:absolute;
	bottom:10%;
	left:20%;
	right:20%;
	max-width:60%;
}

	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#blocNote {
	position: fixed;
	left:45%;
	bottom:-4%;
	height:75%;
}

#texteAccueil {
	position: fixed;
	left:15%;
	top:34%;
	height:45%;
	opacity:1;
}

#signature {
	position: fixed;
	left:25%;
	bottom:4%;
	height:15%;
}