@charset "UTF-8";
/* CSS Document */

html{position:relative;
height:100%;
	width:100%;
	display:inline-block;
	margin:0;
	padding:0;
	overflow:hidden;}
body{
	position:absolute;
	height:100%;
	width:100%;
	display:inline-block;
	font-family:"Courier New", Courier, monospace;
	background-color:#ffffff;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;}
	
h1{
	font-size:21px;
	letter-spacing:2px;}
a{
	color:#000000;
	text-decoration:none;}
	
img{
	display:inline-block;
	height:100%;}
	
#village img {
	display:inline-block;
	width:100%;
	height:auto;}
.plan{
		position:absolute;
	height:100%;
	width:100%;
	display:inline-block;
	top:0;
	left:0;
	margin:0;
	padding:0;
	box-sizing:border-box;
	}
	
#premierPlan{
	z-index:8;
	
	}
	
#secondPlan{
	z-index:7;
	}
	
#voiture{
position:absolute;
	z-index:999;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
	display:none;
	height:10%;
	}
	
#troisiemePlan{
	z-index:6;
	}
	
.arbre1plan{
	position:absolute;
	bottom:0;
	z-index:9999999;
	}
	
.arbre2plan{
	position:absolute;
	bottom:0;
	z-index:9;
	}
	
.arbre3plan{
	position:absolute;
	bottom:0;
	}
	
.arbre4plan{
	position:absolute;
	bottom:0;
	}
	
	
.nuageGrand{
	position:absolute;
	transform:translateY(-50%);
	}
	
	
.grandemalediction{
	text-align:center;}
	
.grandemalediction img{
	display:inline-block}
	
.arbrebunchB{
	display:none;
	}
	
	
.noirsansdefense{
	display:none;}

.noiravale{
	display:none;}
.noirgeste{
	display:none;}
.noirevisage{
	display:none;}
	
#baobabs1a{
	display:inline-block;
	position:absolute;
	height:100%;
	width:50%;
	min-width:600px;
	}
	
#baobabs1b{
	display:inline-block;
	position:absolute;
	height:100%;
	width:1000px;
	min-width:600px;
	}
	
#arbre1a{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
	height:15%;
	width:auto;
	}
	
#arbre2a{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:50%;
	height:23%;
	width:auto;
	}
	
#arbre3a{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:100%;
	height:20%;
	width:auto;
	}
	
	
#arbre1b{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:10%;
	height:28%;
	width:auto;
	}
	
#arbre2b{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:30%;
	height:10%;
	width:auto;
	}
	
#arbre3b{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:40%;
	height:18%;
	width:auto;
	}
	
#arbre4b{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:55%;
	height:14%;
	width:auto;
	}
	
	#arbre5b{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:80%;
	height:12%;
	width:auto;
	}
	
	#arbre6b{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:90%;
	height:18%;
	width:auto;
	}
	
#quatriemePlan{
	z-index:5;
	}

#baobabs2{
	display:inline-block;
	position:absolute;
	height:100%;
	width:100%;
	}
	
	
#arbre4{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
	height:10%;
	width:auto;
	}
	
#arbre5{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:20%;
	height:6%;
	width:auto;
	}
	
	#arbre6{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:25%;
	height:10%;
	width:auto;
	}
	
	#arbre7{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:35%;
	height:8%;
	width:auto;
	}
	
	#arbre8{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:45%;
	height:6%;
	width:auto;
	}
	
	#arbre9{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:60%;
	height:10%;
	width:auto;
	}
	
#cinquiemePlan{
	z-index:4;
/*	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%);*/

	}
	
#sixiemePlan{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	z-index:9;
	}
	
#aube{
/*background: -moz-linear-gradient(top,  rgba(0,0,0,1) 100%, rgba(255,255,255,1) 500%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgba(0,0,0,1)), color-stop(500%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 100%,rgba(255,255,255,1) 500%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 100%,rgba(255,255,255,1) 500%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 100%,rgba(255,255,255,1) 500%);
background: linear-gradient(top,  rgba(0,0,0,1) 100%,rgba(255,255,255,1) 500%);*/

background: -moz-linear-gradient(top,  rgba(0,0,0,1) 25%, rgba(255,255,255,1) 75%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(0,0,0,1)), color-stop(75%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 25%,rgba(255,255,255,1) 75%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 25%,rgba(255,255,255,1) 75%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 25%,rgba(255,255,255,1) 75%);
background: linear-gradient(top,  rgba(0,0,0,1) 25%,rgba(255,255,255,1) 75%);
}

#lesoir{
	position:absolute;
	top:10%;
	left:30%;
	height:8%;
	display:none;
	z-index:1;}
		

	
#voiture img{
	display:inline-block;
	height:100%;
	width:auto;
	}
	
#recharge{
	background-color:#ffffff;
	text-align:center;
	height:100%;
	width:100%;
	position:absolute;
	z-index:999;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	}
	
#recharge p{
	display:inline-block;
	text-align:center;
	margin:0 50px;
	
	}