#page{
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
width:940px;
height:250px;
z-index:0;
}
#menu{
display:none;
}

#Tableau_01 {
position:absolute;
top:-34px;
left:0px;
width:940px;
height:250px;
}
#bloctitre{
height:59px;
width:420px;
position:absolute;
top:16px;
left:0px;
}
#charte{
 position:absolute;
   left:270px;
    top:335px;
}
#blocgite{
height:80px;
width:198px;
position:absolute;
top:59px;
left:30px;
background-image:url(/img/blocgite.gif);
}

#blocchambre{
height:80px;
width:198px;
position:absolute;
top:153px;
left:30px;
background-image:url(/img/blocchambre.gif);
z-index:100;
}

#blocgrp{
height:52px;
width:162px;
position:absolute;
top:59px;
left:247px;
background-image:url(/img/blocgrp.gif);
z-index:100;
}

#bloccity{
height:52px;
width:162px;
position:absolute;
top:121px;
left:247px;
background-image:url(/img/bloccity.gif);
z-index:100;
}

#bloccamping{
height:52px;
width:162px;
position:absolute;
top:183px;
left:247px;
background-image:url(/img/bloccamping.gif);
z-index:100;
}

#blocvillage{
height:52px;
width:162px;
position:absolute;
top:183px;
left:30px;
background-image:url(/img/blocvillage.gif);
z-index:100;
}

#bloc_nouvo{
height:270px;
width:255px;
position:absolute;
top:26px;
left:435px;
background-color:#454545;
}
#fb{
height:47px;
width:88px;
position:absolute;
top:251px;
left:28px;
}
#twit{
height:47px;
width:88px;
position:absolute;
top:251px;
left:134px;
}
#porteur{
height:47px;
width:200px;
position:absolute;
top:251px;
left:243px;
}
#onglet_bp{
height:31px;
width:110px;
position:absolute;
top:27px;
left:700px;
}
#onglet_th{
height:31px;
width:110px;
position:absolute;
top:27px;
left:810px;
}
#bloc_bp{
width:212px;
height:229px;
position:absolute;
top:58px;
left:700px;
display:block;
background-image:url(/img/bg_vignette1.gif);
padding-top:15px;
padding-left:8px;
}
#bloc_th{
width:212px;
height:229px;
position:absolute;
top:58px;
left:700px;
display:none;
background-image:url(/img/bg_vignette2.gif);
padding-top:15px;
padding-left:8px;
}

.vignette{
width:60px;
height:60px;
list-style-type:none;
display:block;
float:left;
margin-left:6px;
margin-top:5px;
}
.img_vignette{
width:60px;
height:60px}


/*infobulles*/


#infobulleg, #infobulleh, #infobullegrp, #infobullecb, #infobullec{

}
#infobulleg{
position:absolute;
top:-35px;
left:260px;
}
#infobulleh{
position:absolute;
top:70px;
left:260px;
}
#infobullegrp{
position:absolute;
top:-35px;
left:430px;
}
#infobullecb{
position:absolute;
top:20px;
left:430px;
}
#infobullec{
position:absolute;
top:70px;
left:430px;
}
.class_infobulle p{
font-size:14px;
text-align:center;
color:#000;
}
.class_infobulle{
width:171px;
height:110px;
z-index:100;
background-image:url(/img/bg_bulle.png);
background-repeat:no-repeat;
display:none;
padding:18px 19px 0px 60px;
}
#aclient{
width:330px;
height:40px;
position:absolute;
top:-404px;
left:608px;
border:1px solid #557522;
}

.input_bandeauh{
margin-top:5px;
display:block;
float:left;
}
.form_bandeauh{
float:left;
width:116px;
display:block;
margin-left:4px;
}
.form_bandeauh2{
float:left;
width:200px;
margin-left:10px;
}
.form_bandeauh1{
float:left;
width:220px;
height:25px;
margin-left:10px;
}
.titre_aclient{
float:left;
font-size:14px;
font-weight:bold;
color:#557522;
margin-top:7px;
margin-right:4px;
margin-left:4px;
}
#bt_ok_clienth{
display:block;
width:20px;
height:20px;
margin-top:7px;
margin-left:12px;
float:left;
font-size:14px;
font-weight:bold;
color:#557522;
}
#a_passwd_oublieh{
width:116px;
text-decoration:none;
color:#557522;
}
#a_connect_num_resah{
width:200px;
text-decoration:none;
color:#557522;
float:left;
margin-left:4px;
}