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

 .enveloppe
{
	max-width: 100%;
	right: 5%;
	 position: fixed;
	 margin-top: 1%;
	z-index: 4; 
} 
  body {  
margin: 0px;
	font-size: 100%;
	color: : white; 
	}
.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}
.droite {
  float:right;
}

a {
text-decoration: none;
}
#general {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}  
nav {
    width: 100%;
    margin: 0px auto;
	 position: fixed;
	z-index: 4; 
	background-image: url(fondmenu.png); 
}
nav ul {
    list-style: none;
    overflow: hidden;
}
nav li a {
	font-family: 'Voltaire', sans-serif;
display: block;
	float: right;
	width: 7%;
	padding: 1%;
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
  background: transparent;
}
nav li a:hover { 
 color: grey;
 }
 .image3
{
	max-width: 70%;
}   
@media all and (min-width: 1079px) {
  
nav{
        font-size: 24px;
    }
#contenant0  {
	max-width: 100%;
	padding: 2% 10% 2% 10%;
	height: auto;
	text-align: center;
	background-color: transparent; 
		margin-left: auto;
		margin-right: auto; 
		font-size: 36px;
		 font-family: 'Luckiest Guy', cursive;
		color: : white; 
} 

#contenant1  {
	max-width: 100%;
	padding: 2% 10% 2% 10%;
	height: auto;
	text-align: left;
	background-color: transparent; 
		margin-left: auto;
		margin-right: auto; 
		font-size: 22px;
		font-family: 'Acme', sans-serif;
		color: : white; 
} 
 
 .image
{
	max-width: 100%;
 } 
	 }
	 
	 @media all and (max-width: 1078px) and (min-width: 900px) {
	 nav{
        font-size: 14px;
    } 
#contenant0  {
	max-width: 100%;
	padding: 2% 10% 2% 10%;
	height: auto;
	text-align: center;
	background-color: transparent; 
		margin-left: auto;
		margin-right: auto; 
		font-size: 26px;
	font-family: 'Luckiest Guy', cursive;
		color: : white; 
		} 
		
 #contenant1  {
	max-width: 100%;
	padding: 2% 10% 2% 10%;
	height: auto;
	text-align: justify;
	background-color: transparent; 
		margin-left: auto;
		margin-right: auto; 
		font-size: 18px;
		font-family: 'Acme', sans-serif;
		color: : white; 
} 

 .image
{
	max-width: 60%;
 } 

	 }
	 
	  @media all and (max-width: 899px) and (min-width: 10px) {
	 nav{
        font-size: 12px;
    }  
#contenant0  {
	max-width: 100%;
	padding: 2% 10% 2% 10%;
	height: auto;
	text-align: center;
	background-color: transparent; 
		margin-left: auto;
		margin-right: auto; 
		font-size: 20px;
			font-family: 'Luckiest Guy', cursive;
		color: : white; 
		} 
		
 #contenant1  {
	max-width: 100%;
	padding: 2% 10% 2% 10%;
	height: auto;
	text-align: justify;
	background-color: transparent; 
		margin-left: auto;
		margin-right: auto; 
		font-size: 12px;
		font-family: 'Acme', sans-serif;
		color: : white; 
} 
 .image
{
	max-width: 40%;
 } 
}