body{
	margin:0;
	padding:0;
	height:100%;
}

html{
	margin:0;
	padding:0;
	height:100%;
}

#planc{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	color:rgba(255,255,255,0);
    background-image: url(img/illustration-01-c.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:0px 0px;
}
#planb{
	position:relative;
   width: 100%;
    height: 100%;
    color: rgba(255,255,255,0);
    display: block;
    margin:0;
    padding: 0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:0px 0px;
    background-image: url(img/illustration-01-b.png);
}
#plana{
	position:relative;
	width:100%;
	height:100%;
	color:black;
    margin:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:0px 0px;
    background-image: url(img/illustration-01-a.png);
    color:rgba(255,255,255,0);
}

#main{
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	visibility:hidden;
}

#illustration{
	position:relative;
	display:block;
	margin:0;
	padding:0;
}

#remarque{
	font-family:'Roboto', sans-serif;
	text-align:center;
	background-color:#aaa;
	padding : 5px;
	visibility:hidden;
}

#chargement{
	font-family:'Roboto', sans-serif;
	position:absolute;
	display:block;
	background-color:#fff;
	text-align:center;
	padding:10px;
	width:100%;

}