body { margin:0; padding:0; font: 10px/170% Tahoma, Sans-Serif; color:#333; background: #000; }

h2 {font-size: 1.3em}
h3 {font-size: 1.4em}

img { display: block; border: none; }
a { color: #E13800; }
a:hover { text-decoration: none; }

#page { height: 506px; background: #fff; position: absolute; top: 50%; margin-top: -253px; }
#copyright { position: absolute; top: 50%; left: 20px; margin-top: 263px; color: #666; }

.g00 { width: 3095px; } /* index */
.g01 { width: 11962px; } /* roche ecrite */
.g02 { width: 15052px; } /* mafate */
.g03 { width: 5110px; } /* cilaos */
.g04 { width: 9355px; } /* piton de neiges */
.g05 { width: 5438px; } /* cafres */
.g06 { width: 11550px; } /* fournaise */
.g07 { width: 6190px; } /* others */

#leftsider { padding: 0px; float: left; width: 350px; height: 500px; position: relative; }
#leftsider ul { margin: 0; padding: 0; list-style-type: none; }
#leftsider ul li { margin: 0; padding: 0; display: block; }
#leftsider ul li a { display: block; height: 30px; width: 200px; }
#leftsider ul li a span { display: none; }
#leftsider ul li a:hover, #leftsider ul li.sel a { background-position: center right; }
.menu01 a { background: url(/img/menu_01.png) center left no-repeat;} /* roche ecrite */
.menu02 a { background: url(/img/menu_02.png) center left no-repeat;} /* mafate */
.menu03 a { background: url(/img/menu_03.png) center left no-repeat;} /* cilaos */
.menu04 a { background: url(/img/menu_04.png) center left no-repeat;} /* piton de neiges */
.menu05 a { background: url(/img/menu_05.png) center left no-repeat;} /* cafres */
.menu06 a { background: url(/img/menu_06.png) center left no-repeat;} /* fournaise */
.menu07 a { background: url(/img/menu_07.png) center left no-repeat;} /* others */

#menu { position: absolute; right: 25px; top: 25px; }
#logo { position: absolute; right: 29px; bottom: 0; }

#content { margin: 3px 0 3px 0px; float: left; font-size: 1.1em; }
#content img { float: left; border-right: 3px #fff solid; }

.comment { width: 250px; height: 480px; float: left; padding: 10px 20px; background: #efefef; border-right: 3px #fff solid;}

.bg_roec { background: #efefef url(/img/bg_roche-ecrite.png) top center no-repeat; }
.bg_sal { background: #efefef url(/img/bg_salazie.png) top center no-repeat; }
.bg_maf { background: #efefef url(/img/bg_mafate.png) top center no-repeat; }
.bg_cil { background: #efefef url(/img/bg_cilaos.png) top center no-repeat; }
.bg_fourn { background: #efefef url(/img/bg_fournaise.png) top center no-repeat; }
.bg_caf { background: #efefef url(/img/bg_cafres.png) top center no-repeat; }
.bg_neiges { background: #efefef url(/img/bg_neiges.png) top center no-repeat; }
.bg_reunion { background: #efefef url(/img/bg_gr2.png) top center no-repeat; }


#background {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index:-1;
	left:0px; right:0px;
	top:0px; bottom:0px;
	position:fixed;
}

#arrows { position: fixed; top: 50%; right: 20px; margin-top: 263px; color: #666; }
#arrows ul { list-style-type: none; margin: 0; padding: 0; }
#arrows ul li { display: block; float: left; margin: 3px 5px; }
#arrows ul li a { display: block; width: 10px; height: 10px; }
#arrows ul li a span { display: none; }
#right a { background: url(/img/right.png) center center no-repeat; }
#left a { background: url(/img/left.png) center center no-repeat; }












.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer; }

#tt {position:absolute; text-align: center; display:block; background:url(/img/tt_left.gif) top left no-repeat; min-width: 170px;}
#tttop {display:block; height:5px; margin-left:5px; background:url(/img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:1px 10px 1px 10px; margin-left:5px; background:#222; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/img/tt_bottom.gif) top right no-repeat; overflow:hidden}