body {
font-family:Verdana, Arial, Helvetica;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #313C7B;
}


#m, #a, #r, #i, #s1, #t, #e, #s2 {
position: absolute;
z-index: 2;
}

#m {
width: 150px;
height: 125px;
right: 1px;
bottom: 5px;
background: url(images/00-m.gif) no-repeat right top;
}


#a {
width: 140px;
height: 85px;
right: 1px;
bottom: 125px;
background: url(images/01-a.gif) no-repeat right top;
}


#r {
width: 181px;
height: 54px;
right: 1px;
bottom: 206px;
padding-left: 80px;
text-align: center;
background: url(images/02-r.gif) no-repeat right top;
}

#i {
width: 181px;
height: 39px;
right: 1px;
bottom: 262px;
background: url(images/03-i2.gif) no-repeat right top;
}

#s1 {
width: 181px;
height: 78px;
right: 1px;
bottom: 303px;
background: url(images/04-s1.gif) no-repeat right top;
}

#t {
text-align: center;
width: 181px;
height: 60px;
right: 1px;
bottom: 380px;
background: url(images/05-t.gif) no-repeat right top;
}

#e {
width: 181px;
height: 80px;
right: 2px;
bottom: 435px;
background: url(images/06-e.gif) no-repeat right top;
}

#s2 {
width: 181px;
height: 88px;
right: 3px;
bottom: 520px;
background: url(images/07-s2.gif) no-repeat right top ;
}


#stpaul, #solitude, #verpilliere, #esprit, #enfants, #menu-sp, #menu-clsup, #menu-ls, #menu-lv, #menu-bts, #menu-esprit {
font-size:0.1em;
color: #313C7B;
text-decoration: none;
position: absolute;
width: 178px;
height: 142px;
}
#stpaul {
right: 630px;
top: 15px;
background: url(images/index-sp.gif) no-repeat;
}

#clsup {
right: 653px;
top: 180px;
background: url(images/menu-sp-2.gif) no-repeat;
font-size:0;
color: #313C7B;
text-decoration: none;
position: absolute;
width: 152px;
height: 20px;
}


#solitude {
right: 470px;
top: 15px;
background: url(images/index-ls.gif) no-repeat;
}
#verpilliere {
right: 310px;
top: 15px;
background: url(images/index-lv.gif) no-repeat;
}


a#menu-sp {
right: 655px;
top: 20px;
z-index: 3;
width: 150px;
height: 160px;
}
a#menu-sp:hover {
background: url(images/menu-sp-1.gif) no-repeat;
}

a#menu-clsup {
right: 655px;
top: 180px;
z-index: 3;
width: 150px;
height: 20px;
}
a#menu-clsup:hover {
background: url(images/menu-sp-3.gif) no-repeat;
}

a#menu-ls {
right: 490px;
top: 15px;
width: 150px;
height: 180px;
z-index: 3;
}

a#menu-ls:hover {
background: url(images/menu-ls-1.gif) no-repeat;
} 

a#menu-lv {
right: 335px;
top: 20px;
width: 150px;
height: 210px;
z-index: 3;
}
a#menu-lv:hover {
background: url(images/menu-lv-1.gif) no-repeat;
}

#esprit {
right: 150px;
top: 47px;
background: url(images/index-esprit.gif) no-repeat;
}
a#menu-esprit {
right: 150px;
top: 10px;
background: url(images/menu-maison-0.gif) no-repeat;
width: 175px;
height: 237px;
z-index: 3;
}

a#menu-esprit:hover {
background: url(images/menu-maison-1.gif) no-repeat;
}

#enfants {
right: -10px;
top: 45px;
background: url(images/index-enfants.gif) no-repeat;
}


#une, #maison, #trois, #sites {
position: absolute;
left: 30px;
z-index: 5;
}

a.general {
color: #fff;
text-decoration: none;
}

a.pourquoi {
color: #fff;
}

#une {
color: #ffcc66;
font-size:6em;
top: -10px;
}
#maison {
color: #ffcc66;
font-size:3.1em;
top: 60px;
}
#trois {
color: #fff;
font-size:5em;
top: 85px;
}
#sites {
color: #fff;
font-size:4.8em;
top: 135px;
}


#textebas {
position: absolute;
left: 30px;
bottom: 10px;
color: white;
}

a.textebas{
color: #fff;
text-decoration: none;

}
a:hover.textebas {
color: #AB8635;
}

#phrase {
	width: 342px;
	height: 130px;
	position: absolute;
	left: 430px;
	bottom: 5px;
	color: #ffcc66;
	text-align: right;
	top: 357px;

}

#inscription {
	width: 150px;
	height: 20px;
	position: absolute;
	right: 15%;
	bottom: 1%;
	color: white;
}
.italic {font-style: italic}
.orange {color: #ffcc66}