@charset "UTF-8";
/* CSS Document */
html { 
  margin-left:0;
  margin-right:0;
  padding:0;
}
body {
	padding:0;
	margin:0;
	width:100% auto;	
}
@font-face {
	src:url(../font/multicolore/Multicolore.otf);
	font-family: 'multicolore';
}
@font-face {
	src:url(../font/helveticaneue/helveticaneuelight.ttf);
	font-family: 'helveticaneuelight';
}
@font-face {
	src:url(../font/helveticaneue/helveticaneuebold.ttf);
	font-family: 'helveticaneuebold';
}
a:link 
{ 
text-decoration:none; 
} 
a:hover span{
	display:block;
	font-family:"multicolore", sans serif;
	font-weight:lighter;
	z-index:99;
	position:relative;
	margin-top:-20%;
	margin-left:4%;
	font-size:1.7vw;
	color:#6D071A;
	}
span {
	display:none;
	text-decoration:none;	
}
.div1 {
	width:178%;
	margin-top:-4%;
	z-index:-1;
	position:absolute;
}
.div1bis {
	position:absolute;
	width:30%;
	z-index:100;
	margin-top:45%;
	margin-left:30%;
	text-align:center;
}
.image1 {
	width:100%;
}
	.untitled:hover {
		opacity:0;
	}
	.untitled:hover ~ .div1bis {
		opacity:1;
	}
.div2 {
	position:absolute;
	width:17%;
	z-index:98;
	margin-top:22%;
	margin-left:10%;
}
.image2 {
	width:100%;
}
.div3 {
	position:absolute;
	width:12%;
	z-index:99;
	margin-top:44%;
	margin-left:3%;	
}
.image3 {
	width:100%;
}
	.image3:hover {
		opacity:0;
	}
	.div3bis {
	margin-top:52%;
	margin-left:-1%;
	width:20%;
	z-index:1;
	position:absolute;
	text-align:center;
}
.div4 {
	position:relative;
	width:170%;
	z-index:1;
	margin-top:3.5%;
	margin-left:-45%;
	
}
	.div4bis {
	position:absolute;
	width:30%;
	z-index:100;
	margin-top:30%;
	margin-left:68%;
	text-align:center;	
}
.image4 {
	width:100%;
}
.div5 {
	position:absolute;
	width:80%;
	z-index:1;
	margin-top:5%;
	margin-left:3%;	
}
.image5 {
	width:100%;
}
.div5bis {
	position:absolute;
	width:20%;
	z-index:100;
	margin-top:16%;
	margin-left:44%;
	text-align:center;	
}
.div6 {
	position:absolute;
	width:80%;
	z-index:1;
	margin-top:123.5%;
	margin-left:3%;
}
.image6 {
	width:100%;
}	
	.jardin:hover {
		opacity:0;
	}
	.jardin:hover ~ .div5bis {
		opacity:1;
	}
.div7 {
	position:relative;
	width:100%;
	z-index:1;
	margin-top:8%;
	margin-left:25%;
	
}
.image7 {
	width:100%;
}
.div8 {
	position:relative;
	width:77.5%;
	z-index:1;
	margin-top:8%;
	margin-left:35%;
	
}
.image8 {
	width:100%;
}
.div9 {
	position:absolute;
	width:69.5%;
	z-index:1;
	margin-top:83.5%;
	margin-left:82%;	
}
.image9 {
	width:100%;
}
	.lendemain:hover {
		opacity:0;
	}
	.lendemain:hover ~ .div4bis {
		opacity:1;
	}
.lendemain {
	width:20%;
	height:100%;
	margin-left:68%;
	padding:3%;
	display:block;
	position:absolute;
}
	.lendemain:hover {
		opacity:0;
	}
.jardin {
	width:8%;
	height:35%;
	margin-left:45%;
	padding:3%;
	display:block;
	position:absolute;
}
	.jardin:hover {
		opacity:0;
	}
.div1bis:hover ~ .untitled {
	opacity:0;
}
.div5bis:hover ~ .jardin {
	opacity:0;
}
.div4bis:hover ~ .lendemain {
	opacity:0;
}
.back {
	margin-top:2%;
	margin-left:2%;
	font-family:"helveticaneuelight", "sans serif";
	font-size:1.5vw;
}
.foot {
	margin-top:75%;
}
.untitled {
	position:absolute;
	margin-top:3%;
	margin-left:0%;
	width:50%;
	height:100%;
}
.untitled:hover {
	opacity:0;
}
strong {
	font-family:"helveticaneuebold", "sans serif";
}	