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

#stpaul, #stpaul1,#missions, #missions1,#solitude,#solitude1, #verpilliere,#verpilliere1, #esprit, #esprit1 {
font-size: 0.8em;
text-decoration: none;
position: absolute;
width: 150px;
height: 135px;
cursor:pointer;
}


#stpaul {
color: #9999cc;
right: 670px;
top: 15px;
background: url(images/index-sp.gif) no-repeat;
background-position:bottom;
cursor:pointer;
}
#stpaul1 {
color: #9999cc;
right: 670px;
top: 155px;
width: 150px;
height: 30px;
}

a.stpaul {
color: #9999cc;
text-decoration: none;
}
a:hover.stpaul {
color: #cccccc;
}

#missions {
color: #00b6e8;
right: 510px;
top: 15px;
background: url(images/index-lm.gif) no-repeat;
background-position:bottom;
cursor:pointer;
}
#missions1 {
color: #00b6e8;
right: 510px;
top: 155px;
width: 150px;
height: 30px;
}

a.missions {
color: #00b6e8;
text-decoration: none;
}
a:hover.missions {
color: #cccccc;
}

#solitude {
color: #cc9999;
right: 350px;
top: 15px;
background: url(images/index-ls.gif) no-repeat;
background-position:bottom;
}
#solitude1 {
color: #cc9999;
right: 350px;
top: 155px;
width: 150px;
height: 30px;
cursor:pointer;
}
a.solitude {
color: #cc9999;
text-decoration: none;
}
a:hover.solitude {
color: #cccccc;
}

#verpilliere {
color: #5fa841;
right: 190px;
top: 15px;
background: url(images/index-lv.gif) no-repeat;
background-position:bottom;
}
#verpilliere1 {
color: #5fa841;
right: 190px;
top: 155px;
width: 150px;
height: 30px;
cursor:pointer;
}
a.verpilliere {
color: #5fa841;
text-decoration: none;
}
a:hover.verpilliere {
color: #cccccc;
}

#esprit {
color:#e7c138;
right: 30px;
top: 15px;
background: url(images/index-esprit.gif) no-repeat;
background-position:bottom;
}
#esprit1 {
color: #e7c138;
right: 30px;
top: 155px;
width: 150px;
height: 30px;
cursor:pointer;
}
a.esprit {
color: #e7c138;
text-decoration: none;
}
a:hover.esprit {
color: #cccccc;
}


#fond {
font-size:0.1em;
color: #313C7B;
text-decoration: none;
position: absolute;
width: 668px;
height: 434px;
left: 0px;
bottom: 0px;
background: url(images/fond.gif) no-repeat;
}

#logo {
font-size:0.1em;
color: #313C7B;
text-decoration: none;
position: absolute;
width: 136px;
height: 91px;
right: 30px;
bottom: 25px;
background: url(images/logo.gif) no-repeat;
}

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

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

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

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



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





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

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

a.pourquoi {
color: #fff;
}

#une {
color: #ffcc66;
font-size:6.1em;
top: 140px;
}
#maison {
color: #ffcc66;
font-size:3.1em;
top: 210px;
}
#quatre {
color: #fff;
font-size:3.4em;
top: 245px;
}
#sites {
color: #fff;
font-size:4.8em;
top: 285px;
}


#message {
	position: absolute;
	left: 25%;
	right: 25%;
	bottom: 40%;
	color: white;
	font-size:1.2em;
	text-align:center;
}

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



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

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

#phrase {
	position: absolute;
	left: 50%;
	bottom: 25px;
	color: #ffcc66;
	text-align: right;

}


.italic {font-style: italic}
.orange {color: #ffcc66}

a.scroll {
font-size: 1.4em;
font-style: italic;
font-weight: bold;
color: #FFFFFF;
}
a:hover.scroll {
color: red;
}
#scroll-text {
	position: absolute;
	bottom: 1px;
	right: 1px;
	left: 1px;
	color: #9999cc;

}
.exposant {vertical-align:super;
		font-size: 0.6em;
}