body{
	background: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	text-align: center;
}
div#frame{
	width: 760px;
	position: relative;
	margin: 0 auto;
}
img#logo{
	position: absolute;
	top: 29px;
	left: 84px;
	z-index: 99;
}

div#home_content{
	position: absolute;

	top: 340px;
}

div#station_content{
	position: absolute;
	top: 80px;
}

div#story_frame{
	width: 760px;
	text-align: center;
	position: absolute;
	top: 100px;
	left: 0;
	
}
div#story_frame div{
	width: 500px;
	height: 500px;
	margin: 0 auto;
	background-color: #eee;
	background-position: center center;
	background-repeat: no-repeat;
}
div#resume_frame{
	padding: 90px 100px 10px 100px;
	text-align: left;
}
div#resume_frame div{
	border-color: #CCCCCC;
}
h2{
	margin: 0 0 15px 0;
	color: #73BBF7;
	border-bottom: 1px solid #ccc;
}
div#story_frame div img{
	margin: auto;
	
}
div#story_caption{
	color: #999;
	padding: 650px 140px 10px 140px;
	text-align: left;
	font-size: 13px;
}
a.next{
	position: absolute;
	top: 340px;
	right: 0;
	width: 100px;
	height: 100px;
	background: url(images/objets/next.gif) 0 0;
	z-index: 999;
}
a.next:hover{
	background-position: -100px 0 !important;
}
a.prev{
	position: absolute;
	top: 340px;
	left: 0;
	width: 100px;
	height: 100px;
	background: url(images/objets/prev.gif) 0 0;
	z-index: 999;
}
a.prev:hover{
	background-position: -100px 0 !important;
}
a#singles{
	display: block;
	position: absolute;
	top: 100px;
	left: 0px;
	width: 200px;
	height: 220px;
	background: url(images/objets/studioetappartements.jpg) 0 0;
}
a#singles:hover{
	background-position: -200px 0;
}
a#story{
	display: block;
	position: absolute;
	top: 100px;
	left: 280px;
	width: 200px;
	height: 220px;
	background: url(images/objets/lion.jpg) 0 0;
}
a#story:hover{
	background-position: -200px 0;
}
a#media{
	display: block;
	position: absolute;
	top: 100px;
	left: 560px;
	width: 200px;
	height: 220px;
	background: url(images/objets/alentours.jpg) 0 0;
}
a#media:hover{
	background-position: -200px 0;
}
div#home_nav{
	text-align: right;
	width: 314px;
	border-top: 1px solid #eee;
	padding-top: 3px;
	position: absolute;
	top: 472px;
	right: 4px;
}
div#home_nav p{
	margin-top: 3px;
	color: #666666;
}
div#home_nav a{
	text-decoration: none;
	color: #666666;
}
div#home_nav a:hover{
	color: #0078ff;
}
div#nav{
	text-align: right;
	color: #666666;
	border-top: 1px solid #eee;
	clear: both;
	font-size: 14px;
}
div#nav p{
	margin-top: 3px;
	color: #666666;
}
div#nav a{
	text-decoration: none;
	color: #666666;
}
div#nav a:hover{
	color: #0078ff;
}
div#thumbs{
	padding-top: 100px;
	
}
a.market{
	display: block;
	position: absolute;
	top: 99px;
	left: 120px;
	width: 200px;
	height: 220px;
	background: url(images/objets/studio01.jpg) 0 0;
}
a.market:hover{
	background-position: -200px 0;
}

div#media_frame{
	top: 80px;
	height: 1040px;
	position: relative;
}

a.gospel{
	display: block;
	position: absolute;
	top: 136px;
	left: 442px;
	width: 200px;
	height: 220px;
	background: url(images/objets/gospel.jpg) 0 0;
}
a.gospel:hover{
	background-position: -200px 0;
}
a span{
	display: none;
}
img{
	border: 0;
}
a.thumbnail{
	width: 130px;
	height: 130px;
	display: block;
	float: left;
	margin: 0 80px 80px 0;
}
a.end{
	margin-right: 0;
}
a.thumbnail:hover{
	background-position: -130px 0;
}

div#storynav a{
	text-decoration: none;
	color: #666666;
}
div#storynav a:hover{
	color: #0078ff;
}

/** VAZAHA **/
a.romarin{
	background: url(images/objets/appartement-n6.jpg) 0 0;
}
a.romarin:hover{
	background-position: -200px 0;
}

a.ciboulette{
	background: url(images/objets/appartement-n7.jpg) 0 0;
}
a.ciboulette:hover{
	background-position: -200px 0;
}

a.laurier{
	background: url(images/objets/appartement-n8.jpg) 0 0;
}
a.laurier:hover{
	background-position: -200px 0;
}

/** SOLIAJI **/
a.appart1{
	background: url(images/objets/appartement-n1.jpg) 0 0;
}
a.appart1:hover{
	background-position: -200px 0;
}

a.appart2{
	background: url(images/objets/appartement-n2.jpg) 0 0;
}
a.appart2:hover{
	background-position: -200px 0;
}	

a.appart3{
	background: url(images/objets/appartement-n3.jpg) 0 0;
}

a.appart3:hover{
	background-position: -200px 0;
}	

a.appart4{
	background: url(images/objets/appartement-n4.jpg) 0 0;
}

a.appart4:hover{
	background-position: -200px 0;
}	

a.appart5 {
	background: url(images/objets/studio01.jpg) 0 0;
}
a.appart5:hover{
	background-position: -200px 0;
}

/** Position des appartements **/
a.appartement {
	display: block;
	position: absolute;
	width: 200px;
	height: 220px;
}

a.colonne1 {
	left: 123px;
}

a.colonne2 {
	left: 442px;
}

a.ligne1 {
	top: 15;
}

a.ligne2 {
	top: 265px;
}

a.ligne3 {
	top: 515px; 
}

a.ligne4 {
	top: 765px;
}
