a
{
	outline:none;
}

body{
background-image:url(pics/bgnd.gif);
background-color:black;
}

#bienvenue{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/bienvenue.jpg);
background-repeat:no-repeat;
font-family:verdana;
font-size:20px;
color:white;
text-align:left;
}

#menu{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/menu.jpg);
background-repeat:no-repeat;
}

#viecamping{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/vie_camping.jpg);
background-repeat:no-repeat;
}

#plan{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/plan.jpg);
background-repeat:no-repeat;
}

#infos{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/infos.jpg);
background-repeat:no-repeat;
}

#reception{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/reception.jpg);
background-repeat:no-repeat;
}

#activite{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/activite.jpg);
background-repeat:no-repeat;
}

#curiosite{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/curiosite.jpg);
background-repeat:no-repeat;
}

#location{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/location.jpg);
background-repeat:no-repeat;
}

#vide{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/vide.jpg);
background-repeat:no-repeat;
font-family:arial;
padding:5px;
}

#via{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/via.jpg);
background-repeat:no-repeat;
}

#escalade{
margin-left:auto;
margin-right:auto;
width:800px;
height:600px;
background-image:url(pics/escalade.jpg);
background-repeat:no-repeat;
}



.titre{
font-family:arial;
font-size:20px;
color:#ffffff;
padding-left:20px;
padding-top:10px;
}
.titre-jaune{
font-family:arial;
font-size:14px;
color:#ffffff;
padding-left:20px;
padding-top:10px;
}

#bt-retour{
background-image:url(pics/btn-ret-off.gif);
width:34px;
height:35px;
display:block;
}

#bt-retour:hover{
background-image:url(pics/btn-ret-on.gif);
}

.text-noir{
font-family:arial;
font-weight:bold;
color:#000000;
font-size:12px !important;
}


#xeos{
font-family:arial;
font-size:10px;
color:black;
}

#xeos:hover{
color:blue;
}

a{
color:#555555;
}
a:hover{
}


a.pic1{
position:relative;
text-decoration:none;
}
a.pic1 span{
display:none;
z-index:1;
}
a.pic1:hover{
background:none;
}
a.pic1:hover span {
position:relative;
display:block;
top:-200px;
left:10px;
border:solid 1px black;
z-index:2;
}

.lien{
font-weight:bold;
}
.lien:hover{
font-weight:bold;
background-color:green;
}

#loc1{
	display:block;
	width:129px;
	height:111px;
	background:url("pics/hb_chalet1.gif");
	float:left;
}
#loc1:hover{
	background-position:100% 0%;
}

#loc2{
	display:block;
	width:129px;
	height:111px;
	background:url("pics/hb_chalet2.gif");
	float:left;
	top:10px;
	position:relative;
}
#loc2:hover{
	background-position:100% 0%;
}

#loc3{
	display:block;
	width:129px;
	height:111px;
	background:url("pics/hb_mobile_home.gif");
	float:left;
	top:20px;
	position:relative;
}
#loc3:hover{
	background-position:100% 0%;
}

#loc4{
	display:block;
	width:129px;
	height:111px;
	background:url("pics/hb_tente.gif");
	float:left;
	top:40px;
	position:relative;
}
#loc4:hover{
	background-position:100% 0%;
}

#loc5{
	display:block;
	width:129px;
	height:111px;
	background:url("pics/hb_roulotte.gif");
	float:left;
	top:30px;
	position:relative;
}
#loc5:hover{
	background-position:100% 0%;
}

#loc6{
	display:block;
	width:129px;
	height:111px;
	background:url("pics/hb_gite.gif");
	float:left;
	top:20px;
	position:relative;
}
#loc6:hover{
	background-position:100% 0%;
}






#bt-proximite{
display:block;
width:171px;
height:22px;
background:url(pics/proximite-off.gif);
}
#bt-proximite:hover{
background:url(pics/proximite-on.gif);
}

#bt-sanitaire{
display:block;
width:171px;
height:22px;
background:url(pics/sanitaire-off.gif);
}
#bt-sanitaire:hover{
background:url(pics/sanitaire-on.gif);
}

#bt-contact{
display:block;
width:171px;
height:22px;
background:url(pics/contact-off.gif);
}
#bt-contact:hover{
background:url(pics/contact-on.gif);
}

#contact-top{
margin-top:20px;
display:block;
font-size:0px;
background:url(pics/contact/01.gif);
width:601px;
height:10px;
}
#contact-mid{
display:block;
font-size:14px;
background:url(pics/contact/02.gif);
background-repeat:repeat-y;
width:601px;
}
#contact-bot{
display:block;
font-size:0px;
background:url(pics/contact/03.gif);
width:601px;
height:11px;
}

#bt-envoyer{
display:solid;
width:121px;
height:21px;
background:url(pics/contact/bt-off.gif);
font-size:0px !important;
}
#bt-envoyer{
background:url(pics/contact/bt-on.gif);
}

a.info{
position:relative;
text-decoration:underline;
font-weight:bold;
}

a.info span{
display:none;
background:none;
z-index:10px;
}

a.info:hover{
background:none;
color:#aaaaaa
}

a.info:hover span {
position:absolute;
width:150px;
display:block;
top:10px;
left:0px;
background-color:#b9dcef;
border:solid 1px black;
padding:5px;
color:black;
font-size:12px !important;

}

.item{
text-decoration:none;
display:block;
width:140px;
border:solid 1px;
margin-bottom:5px;
}

.item:hover{
background-color:black;
}