html {
	overflow: hidden;
}

body {
	background-color: #FFFFFF;
	margin: 0;
	width: 100%;
	height: 100%;
}

a img {
	border: none;
}

#fond {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;	
}

#collages {
	position: absolute;
	height: 100%;
	right: 0;
	bottom: 0;
}

#amis {
	position: absolute;
	left: 48%;
	bottom: 120px;
}

#punaise {
	position: absolute;
	left: 50%;
	top: 20px;
}

#accroche {
	position: absolute;
	width: 35%;
	left: 7%;
	top: 3%;
}

#mot {
	position: absolute;
	height: 37%;
	width: 43%;
	left: 4%;
	top: 10%;
}

#librairie {
	position: absolute;
	left: 9%;
	bottom: 29%;
}

#librairie_tmp {
	position: absolute;
	left: 8%;
	bottom: 40%;
}

#participe {
	position: absolute;
	height: 40%;
	width: 40%;
	left: 7%;
	bottom: 22%;
}

#participe_tmp {
	position: absolute;
	height: 15%;
	width: 36%;
	left: 8%;
	bottom: 26%;
}

#bientot {
	position: absolute;
	width: 56%;
	height: 50px;
	left: 1%;
	top: 72%;
}

#audrey {
	position: absolute;
	height: 150%;
	right: 4%;
	top: -10%;
}

#rdv {
	position: absolute;
	left: 27%;
	top: 33%;
}

/*------------- pied de page --------------------*/

#piedepage {
	font-family: arial;
	width: 100%;
	font-size: 11px;
	background-color: #743589;
	text-align: center;
	position: absolute;
	bottom: 0;
	padding: 0;
	margin: 0;
	padding: 0 20px 0 20px;
	z-index: 10;
}

#piedepage a{
	color: #FFF;
	text-decoration: none;
}
#piedepage a:hover{
	color: #F68F45;
	text-decoration: underline;
}