body {
scrollbar-face-color: #cc6633;
scrollbar-shadow-color: #cc6633;
scrollbar-highlight-color: #cc6633;
scrollbar-3dlight-color: #cc6633;
scrollbar-darkshadow-color: #cc6633;
scrollbar-track-color: #ffeecc;
scrollbar-arrow-color: #ffeecc;
background-image: url(img/bkgnd.jpg);
background-attachment: fixed;
line-height:1em;

}

* {margin:0;padding:0;}

/* *********************************** THUMBS et PHOTOS ******************************************* */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#gallerycontainer {
position:absolute;
top:210px;
left:30px;
width:120px;
z-index: 20;
}

.thumbnail img{ border: 2px solid black; margin:  2px; padding: 0;}
.thumbnail:hover{ background: none; cursor:default;}
.thumbnail:hover img{ border: 2px solid white;}

.thumbnail span{ /*CSS for enlarged image*/
left: -1000px;
visibility:hidden;
position: absolute;
background:url(img/bkgnd2.jpg) 0 0 repeat;
}

.thumbnail span img { border-width: 0;} /*CSS for enlarged image*/

.thumbnail:hover span { /*CSS for enlarged image*/
visibility:visible;
padding: 10px 10px 10px 10px;
text-decoration: none;
text-align:center;
border: 2px solid #000;
top: -20px;
left: 120px; 
 width:710px; 
/*background: #fff;*/

}

.thumbnail:hover span em {
color: #000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
padding-left:10px;
text-align:center; 
}

.thumbnail:hover span img {
 border:none; margin:0 auto;
 /*behavior: url("iepngfix.htc"); */
}

.thumbnail:hover span p { 

margin:0 auto; padding:0; 
 padding:0;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;
 }

/* ******************************** fin THUMBS et PHOTOS ******************************** */




a.retouracc {
background:url(img/list-merv_acc.jpg);
width:100px;
height:57px;
}		
a.retouracc:hover {background:url(img/list-merv_acc_on.jpg);}	

#header p.titremerv {
position:absolute;
top:2.35em;
left: 2.1em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:34px;
font-weight:bold;
line-height:40px;
}

#header p.commmerv {
position:absolute;
top:5.5em;
right:9em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
line-height:20px;
text-align:right;
}

img.cartemerv {
position:absolute;
top:3.6em;
left:49em;
height:76px;
width:84px;
}

#texte {
z-index:5;
padding:0;
margin:0 ;
position:relative;
left:10em;
width:750px;
}

#texte a {
text-decoration:none;
color:#0088bb;
}

#texte a:hover { color:#FF2222; }


#footer {
position:absolute;
width:613px;
height:212px;
right:0;
margin:-120px 0 0 0;
background:url(img/footer-back.jpg) right bottom no-repeat;

}

#footer a.copyright {
position:absolute;

top:155px;
left:223px;
height:40px; 
width:128px;
 background:url(img/footer_03.jpg) 0 0 no-repeat;
}
#footer a.copyright:hover {background:url(img/footer_on_03.jpg) no-repeat;}

#footer a.mid {
position:absolute;
top:155px;
left:386px;
height:40px; 
width:172px; 
background:url(img/footer_05.jpg) 0 0 no-repeat;
}
#footer a.mid:hover {background:url(img/footer_on_05.jpg) no-repeat;}

h2.rando {height: 54px; width:430px; background:url(img/interface_rando.jpg) no-repeat; margin:0 ; padding:0;}
h2.descr {height: 54px; width:430px; background:url(img/interface_descr.jpg) no-repeat; margin:0 ; padding:0;}
h2.legende {height: 54px; width:430px; background:url(img/interface_leg.jpg) no-repeat; margin:0 ; padding:0;}
h2.alentours {height: 54px; width:430px; background:url(img/interface_al.jpg) no-repeat; margin:0 ; padding:0;}
h2.comment {height: 54px; width:430px; background:url(img/interface_comm.jpg) no-repeat; margin:0 ; padding:0;}

#texte p {
margin: 0 0 5px 0;
padding:0.25em  2em;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
text-indent:2em;
font-weight:bold;
line-height:17px;
}
#texte p:first-letter {
font-size: 1.5em;
	color:#880000;
	  }


/* MENU */
.menu_accueil {
position:absolute;
height:35px;
width:95px;
top:134px;
left:66px;
background:url(img/menu-acc.gif) 0 0 no-repeat;
}

.menu_carte {
position:absolute;
height:61px;
width:82px;
top:128px;
left:201px;
background:url(img/menu-carte.gif) 0 0 no-repeat;
}

li.menu_merv_med {
z-index:150;
position:absolute;
height:62px;
width:126px;
top:128px;
left:323px;
background:url(img/menu-med.gif) 0 0 no-repeat;
}

li.menu_merv_rel {
z-index:150;
position:absolute;
height:63px;
width:115px;
top:128px;
left:625px;
background:url(img/menu-rel.gif) 0 0 no-repeat;
}

li.menu_merv_nat {
z-index:150;
position:absolute;
height:63px;
width:103px;
top:128px;
left:481px;
background:url(img/menu-nat.gif) 0 0 no-repeat;
}

li.menu_merv_autres {
z-index:150;
position:absolute;
height:61px;
width:94px;
top:128px;
left:776px;
background:url(img/menu-autres.gif) 0 0 no-repeat;
}

#menu {margin:0; padding:0; z-index:30;}


ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

 li { 
	float: left;
	position: relative;
	width: 164px;
}

li ul {
	visibility:hidden;
	position: absolute;
	top: 60px;
	left: -20px;
}

#menu li:hover ul {
visibility:visible;
z-index:150;
/*width:164px;*/
}

/*#menu li ul li {width:164px;}*/

#menu  li ul li a {
display: block;
padding:0.25em 0 0.3em 0; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
color:#fff;
background:#000000;
text-decoration:none; 
font-weight:bold; 
/*margin: 0 ;*/
text-align:center; 

}
   
#menu li.menu_merv_med  li a {	background:url(img/bkgnd-leafy.gif) 0 0 no-repeat; }     

#menu li.menu_merv_nat  li a {	background:url(img/bkgnd-rockblk.gif) 0 0 no-repeat; }     

#menu li.menu_merv_autres  li a {background:url(img/bkgnd-cailloux.gif) 0 0 no-repeat; }     
   
#menu li.menu_merv_rel  li a {	background:url(img/bkgnd-leaf.gif) 0 0 no-repeat;}   

#menu ul li a:hover { color:#000; background:url(img/bkgnd2.gif) 0 0 no-repeat;}

#menu>ul a {width:auto;}


#texte {z-index:1}

a#perso{
position: relative;
z-index: 0;
color:#009900;
text-decoration:none;
padding:0 0px;
}

#texte a.pop_perso:hover {padding:0 4px; color:black;background-color:white; border: 1px dashed black;}

#texte a.pop_perso span{
position: absolute;
background-color:#FFFFFF;
padding: 8px;
left: -1000px;
border: 1px dashed black;
visibility: hidden;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color: black;
text-decoration: none;
text-indent:0;
}

#texte a.pop_perso:hover span{ 
visibility: visible;
top: 16px;
left: -40px;
width:15em;
}

/* ********* CARTE DU VAR ********* */
div#carte {
position:relative;
 width:800px;
height:712px; 
margin: 0 auto;
}

div#carte a img {border:none; z-index:0}

.infobulle {
    position: absolute;   
    visibility : hidden;
	left:-1000px;
 	z-index:1000;
 background:url(img/bkgnd2.jpg) 0 0 repeat; 
 border: 1px solid #555; 
 color: #000;
 font-family:Geneva, Arial, Helvetica, sans-serif; 
 font-size:12px;
 padding:2px 5px 2px 5px; 
 text-align:left;
/*  filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9; */
font-weight:bold;
}
/* ***************************************************************************** */

/* ************************************************ Texte PERSO *************** */
.infobulle2 {
    position: absolute;   
 visibility : hidden; 
	left:-1000px;
 	z-index:1000;
 background:url(img/bkgnd2.jpg) 0 0 repeat; 
 border: 1px solid #555; 
 color: #000;
 font-family:Geneva, Arial, Helvetica, sans-serif; 
 font-size:12px;
 padding:2px 5px 2px 5px; 
 text-align:left;
font-weight:bold;
/* width:200px; */
}


/* ***************************************************************************** */
.infobulle3 {
    position: absolute;   
    visibility : hidden;
	left:-1000px;
 	z-index:1000;
 background:url(img/bkgnd2.jpg) 0 0 repeat; 
 border: 2px dashed #000; 
 padding:2px 5px 2px 5px; 
}

#texte p.g_bulle {
font-size:12px;
text-indent:0px;
line-height:13px;
margin:0;
padding:4px;
}

#texte p.g_bulle:first-letter {
font-size: 12px;
color:#000;
} 

/* ***************************************************************************** */

 div#legende {
position:absolute;
z-index:500;
left:500px;
background:url(img/bkgnd2.jpg) 0 0 repeat;
border:2px solid #000;
padding:0 10px;
}

#legende  p {
line-height:24px;
font-size:14px;
/* padding-top:12px; */
margin:0 0 0 5px;
padding:0;
text-indent:0;
font-weight:bold;
}



/* ************************************************ LIENS *************** */
#texte_accueil div.liens_titre {
background-color:#cc6633;
width:570px;
height:20px;
}
#texte_accueil div.liens_titre p {
text-align:right;
font-size:14px;
color:#fff;
font-style:italic;
line-height:10px;
padding:4px;
margin:0;
}

#texte_accueil div.liens_content p {
text-align:center;
font-size:12px;
font-style:italic;
margin-bottom:10px;
color:#520;
}