body {
	margin : 0;
	padding : 0;

	background-color : #fff;

	text-align : center;

	padding-top : 50px;
	padding-bottom : 95px;
}

#page {
	text-align : left;
	margin : auto;

	position : relative;

	width : 625px;
	height : 449px;

	background-image : url(../images/index-fond.jpg);
}

#page h1#logo {
	text-indent : -9000px;
	overflow : hidden;
	margin : 0;
	padding : 0;

	position : absolute;
	left : 511px;
	top : 421px;
	width : 178px;
	height : 80px;
	background-image : url(../images/index-logo_kiri.jpg);
}

#page #mamzelle {
	position : absolute;

	left : 184px;
	top : 9px;

	width : 286px;
	height : 491px;

	background-image : url(../images/index-mamzelle.jpg);
}

#langue {
	position : absolute;

	top : 460px;
	left : 0;

	color : #999;
	font-weight : bold;
	font-size : medium;
	text-transform : uppercase;
}

#langue-francais, #langue-english, #langue .separateur {
	display : block;
	text-indent : -9000px;
	overflow : hidden;
	float : left;
}

#langue-francais a, #langue-english a {
	display : block;
	position : relative;
}

#langue-francais, #langue-francais a {
	width : 80px;
	height : 24px;
	background-image : url(../images/langue-francais.gif);
}

#langue-francais a:hover {
	background-position : 0px 24px;
}

#langue-english, #langue-english a {
	width : 69px;
	height : 24px;
	background-image : url(../images/langue-english.gif);
}

#langue-english a:hover {
	background-position : 0px 24px;
}

#langue .separateur {
	margin-left : 10px;
	margin-right : 10px;

	width : 12px;
	height : 24px;
	background-image : url(../images/langue-separateur.gif);
}



/*--------------------------------------------------------------------
/* "POPUP" PROMO
/**/

.box {
	left: 0px;
	position: absolute;
	background: #999;
	z-index: 1000;
	visibility: hidden;
}
div.repo {
	position: absolute;
	z-index: 1001;
	display: none;
	width: 774px;
	height : 470px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #666;
}
a.fermer {
	position : absolute;
	left : 589px;
	top : 417px;
}