* {
margin:0;
padding:0;
}
#wrapper{
width:1000px;
margin:0 auto;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:40px;
}



#formresa label.confirmation{
top:561px;
left:20px;
width:435px;
}
#formresa #confirmation{
top:567px;
left:0px;
}
#formresa p.type
{
	top:310px;
	left:0px;
	position:absolute;
}
#formresa p.type label.st
{
    left: 40px;
    top: 15px;
}
#formresa p.type input.st
{
    left: 20px;
    top: 19px;
}
#formresa p.type label.sup
{
    left: 154px;
    top: 15px;
}
#formresa p.type input.sup
{
    left: 135px;
    top: 19px;
}
#formresa p.type label.h
{
    left: 320px;
    top: 13px;
}
#formresa p.type input.h
{
    left: 255px;
    top: 19px;
}

pmr
{
	left: 285px;
    top: 15px;
}

.nb_chambre
{
    left: 40px;
    position: absolute;
    top: 355px;
	display:none;
}

.nb_chambre p
{
	margin-bottom:10px;
}

.input_twin
{
	position:absolute;
	width:20px;	
	top:55px;
	left:260px;
}

.input_deux_pers
{
	position:absolute;
	width:20px;	
	top:27px;
	left:260px;
}

.input_une_pers
{
	position:absolute;
	width:20px;	
	top:0px;
	left:260px;
}

.chambre_standard, .chambre_superieur, .chambre_pmr
{
	display:none;	
}


p{text-align:justify;}

h1{
font-family:"Times New Roman", Times, serif;
font-size:44px;
color:#002F5C;
font-style:italic;
font-weight:normal;
}

h2{
	background:url(img/bg_h2.png) no-repeat left center white;
	padding-left:110px;
	font-size:16px;
	color:#002F5C;
	position:absolute;
}
#proximite #h2_equi_services2 {
	left: 631px;
	top: 300px;
}
#services #h2_equi_services2 {
	left: 114px;
	top: 521px;
}

#menu{
list-style:none;
}
#h2_equi {
	top: 313px;
	left:660px;
}
li.access {
	left: 514px;
	top: 629px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
#menu li{
	position:absolute;
	width:120px;
	white-space:nowrap;
	top: 0px;
}
#menu li a{
text-decoration:none;
color:white;
}
#menu li a:hover,#menu li a.selected{
color:#FDCC00;
}
#menu li a span{
font-size:28px;
font-weight:bold;
color:#002F5C;
}
#menu li a:hover span,#menu li a.selected span{
color:#002F5C;
}

/*ACCUEIL*/

#home {
	background-image: url(img/bg_home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 610px;
	width: 1000px;
	position: relative;
}

#home h1{
position:absolute;
top:20px;
left:20px;
}
#home p.welcome{
	position:absolute;
	top:215px;
	left:517px;
	width:343px;
	line-height: 14px;
}
#home p.signature{
	position:absolute;
	font-size:11px;
	font-weight:bold;
	left: 727px;
	top: 372px;
}

#home #menu{
	position:absolute;
	left: 40px;
	top: 442px;
}
#home #menu #pres{
left:5px;
}
#home #menu #serv{
left:185px;
}
#home #menu #prox{
left:300px;
}
#home #menu #prox{
left:336px;
}
#home #menu #tari{
left:493px;
}
#home #menu #rese{
left:625px;
}
#home #menu #acce{
left:803px;
}

/*PRESENTATION*/

#h2_pres{
left:410px;
top:96px;
}

#presentation {
	background-image: url(img/bg_presentation.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 679px;
	width: 1000px;
	position: relative;
}
#presentation p.presentation{
	position:absolute;
	top:130px;
	left:410px;
	width:469px;
	line-height: 14px;
}
#presentation p.equipements{
	position:absolute;
	left: 660px;
	top: 342px;
	width: 218px;
}

#presentation #menu{
	position:absolute;
	left: 40px;
	top: 20px;
}
#presentation #menu #pres{
left:68px;
}
#presentation #menu #serv{
left:215px;
}
#presentation #menu #prox{
left:300px;
}
#presentation #menu #prox{
left:357px;
}
#presentation #menu #tari{
left:493px;
}
#presentation #menu #rese{
left:622px;
}
#presentation #menu #acce{
left:767px;
}
#legende_chambre {
list-style:none;
}
#legende_chambre li{
	position:absolute;
}
li.wifi {
	left: 861px;
	top: 639px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
li.chsup {
	color: #FFFFFF;
	top: 488px;
	left: 490px;
}
li.sat {
	left: 770px;
	top: 635px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
li.tv {
	left: 660px;
	top: 634px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
li.access {
	left: 514px;
	top: 636px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
li.tel {
	left: 410px;
	top: 634px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
li.chstd {
	color: #FFFFFF;
	top: 601px;
	left: 342px;
}
#breadcrumb {
	color: #FFFFFF;
	position: absolute;
	font-size: 10px;
	top: 61px;
	left: 14px;
}
#h2_horaires {
	top: 80px;
	left: 114px;
}
#h2_equi_services {
	left: 114px;
	top: 300px;
}

#breadcrumb a{
color:#FFFFFF;
text-decoration:none;
}

/*SERVICES*/

#services {
	background-image: url(img/bg_services.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 723px;
	width: 1000px;
	position: relative;
}

#services p.horaires {
	position: absolute;
	left: 114px;
	top: 107px;
	width: 462px;
}
#services #menu{
	position:absolute;
	left: 40px;
	top: 20px;
}
#services #menu #pres{
left:68px;
}
#services #menu #serv{
left:215px;
}
#services #menu #prox{
left:300px;
}
#services #menu #prox{
left:357px;
}
#services #menu #tari{
left:493px;
}
#services #menu #rese{
left:622px;
}
#services #menu #acce{
left:767px;
}
#legende_chambre {
list-style:none;
}
#services p.equipements_services2 {
	position: absolute;
	top: 330px;
	width: 251px;
	left: 370px;
	text-align: left;
}
#services p.equipements_services {
	position: absolute;
	top: 330px;
	width: 240px;
	left: 114px;
	text-align: left;
}

#services p.restauration {
	position: absolute;
	top: 550px;
	width: 240px;
	left: 114px;
}
.green {
	color: #B1C701;
}
#legende_services {
list-style:none;
}
#legende_services li.wifi {
	left: 497px;
	top: 685px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
#legende_services li {
	position:absolute;
}
#legende_services li.lit {
	left: 316px;
	top: 675px;
	color: #002F5B;
	font-size: 10px;
	line-height: 10px;
}
#legende_services li.coffre {
	left: 229px;
	top: 675px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
#legende_services li.faxph {
	left: 410px;
	top: 679px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
#legende_services li.internet {
	left: 560px;
	top: 685px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
#legende_services li.pferme {
	left: 626px;
	top: 680px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}

/*PROXIMITE*/

#proximite {
	background-image: url(img/bg_proximite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 879px;
	width: 1000px;
	position: relative;
}
#proximite p.horaires {
	position: absolute;
	left: 361px;
	top: 167px;
	width: 517px;
}
#proximite #menu{
	position:absolute;
	left: 40px;
	top: 20px;
}
#proximite #menu #pres{
left:68px;
}
#proximite #menu #serv{
left:215px;
}
#proximite #menu #prox{
left:300px;
}
#proximite #menu #prox{
left:357px;
}
#proximite #menu #tari{
left:493px;
}
#proximite #menu #rese{
left:622px;
}
#proximite #menu #acce{
left:767px;
}

#proximite p.equipements_services2 {
	position: absolute;
	top: 676px;
	width: 251px;
	left: 632px;
	text-align: left;
}
#proximite p.equipements_services {
	position: absolute;
	top: 676px;
	width: 240px;
	left: 361px;
	text-align: left;
}

#proximite p.restauration {
	position: absolute;
	top: 329px;
	width: 240px;
	left: 631px;
}
.green {
	color: #B1C701;
}


#h2_business {
	top: 140px;
	left: 361px;
}
#h2_shopping {
	left: 361px;
	top: 646px;
}
#h2_loisirs {
	left: 632px;
	top: 646px;
}
#legende_proximite {
list-style:none;
}
#legende_proximite li {
	position:absolute;
}
#legende_proximite li.lit {
	left: 548px;
	top: 829px;
	color: #002F5B;
	font-size: 10px;
	line-height: 10px;
}
#legende_proximite li.coffre {
	left: 461px;
	top: 840px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
#legende_proximite li.faxph {
	left: 647px;
	top: 833px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
#legende_proximite li.internet {
	left: 560px;
	top: 685px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
#legende_proximite li.pferme {
	left: 843px;
	top: 833px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
#legende_proximite li.wifi {
	left: 751px;
	top: 839px;
	color: #002F5B;
	font-size: 10px;
	line-height: 11px;
}
#claim {
	font-style: italic;
	color: #003057;
	position: absolute;
	left: 361px;
	top: 76px;
	width: 517px;
	font-weight: bold;
	line-height: 13px;
}
#legende_proximite li.aprox {
	left: 343px;
	top: 833px;
	color: #002F5B;
	font-size: 11px;
	line-height: 11px;
}

/*TARIFS*/

#tarifs {
	background-image: url(img/bg_tarif.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 609px;
	width: 1000px;
	position: relative;
}

#tarifs #menu{
	position:absolute;
	left: 40px;
	top: 20px;
}
#tarifs #menu #pres{
left:68px;
}
#tarifs #menu #serv{
left:215px;
}
#tarifs #menu #prox{
left:300px;
}
#tarifs #menu #prox{
left:357px;
}
#tarifs #menu #tari{
left:493px;
}
#tarifs #menu #rese{
left:622px;
}
#tarifs #menu #acce{
left:767px;
}



/*contact*/

#contact {
	background-image: url(img/bg_contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 723px;
	width: 1000px;
	position: relative;
}

#contact #menu{
	position:absolute;
	left: 40px;
	top: 20px;
}
#contact #menu #pres{
left:68px;
}
#contact #menu #serv{
left:215px;
}
#contact #menu #prox{
left:300px;
}
#contact #menu #prox{
left:357px;
}
#contact #menu #tari{
left:493px;
}
#contact #menu #rese{
left:622px;
}
#contact #menu #acce{
left:767px;
}

#contact #geo{
top:97px;
left:75px;
}
#contact #pgeo{
position:absolute;
top:130px;
left:75px;
}
#contact #nouscontacter{
position:absolute;
top:455px;
left:400px;
}
#contact #coordonnees{
position:absolute;
top:488px;
left:400px;
}

/*Reservation*/

input.texte{
display:block;
height:20px;
}

#reservation {
	background-image: url(img/bg_reservation.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 861px;
	width: 1000px;
	position: relative;
}

#reservation #menu{
	position:absolute;
	left: 40px;
	top: 20px;
}
#reservation #menu #pres{
left:68px;
}
#reservation #menu #serv{
left:215px;
}
#reservation #menu #prox{
left:300px;
}
#reservation #menu #prox{
left:357px;
}
#reservation #menu #tari{
left:493px;
}
#reservation #menu #rese{
left:622px;
}
#reservation #menu #acce{
left:767px;
}

#formresa{
position:absolute;
left:400px;
top:160px;
width:465px;
}
#formresa input,#formresa textarea{
background-color:#FEDC92;
border:solid 1px black;
}
#formresa input,#formresa label{
position:absolute;
display:block;
}
#formresa label{
padding-top:3px;
}
#formresa #monsieur{
top:10px;
left:0px;
}
#formresa label.monsieur{
top:10px;
left:20px;
}
#formresa #madame{
top:10px;
left:130px;
}
#formresa label.madame{
top:10px;
left:150px;
}
#formresa #mademoiselle{
top:10px;
left:240px;
}
#formresa label.mademoiselle{
top:10px;
left:260px;
}
#formresa #nom{
top:40px;
left:77px;
width:159px;
}
#formresa label.nom{
top:40px;
left:0px;
}
#formresa label.rue{
top:70px;
left:0px;
}
#formresa #rue{
top:70px;
left:75px;
width:400px;
}
#formresa label.cp{
top:100px;
left:0px;
}
#formresa #cp{
width:100px;
top:100px;
left:84px;
}
#formresa label.tel{
top:130px;
left:0px;
}
#formresa #tel{
width:108px;
top:130px;
left:84px;
}
#formresa label.email{
top:160px;
left:0px;
}
#formresa #email{
width:175px;
top:160px;
left:50px;
}
#formresa label.prenom{
top:40px;
left:240px;
}
#formresa #prenom{
width:160px;
top:40px;
left:320px;
}
#formresa label.ville{
top:100px;
left:195px;
}
#formresa #ville{
width:100px;
top:100px;
left:225px;
}
#formresa label.pays{
top:100px;
left:333px;
}
#formresa #pays{
width:86px;
top:100px;
left:390px;
}
#formresa label.fax{
top:130px;
left:205px;
}
#formresa #fax{
width:100px;
top:130px;
left:235px;
}
#formresa label.nb_pers{
top:230px;
left:0px;
}
#formresa #nb_pers{
width:40px;
top:230px;
left:160px;
}
#formresa label.start1{
top:260px;
left:113px;
}
#formresa #start1{
width:100px;
top:260px;
left:160px;
}
#formresa label.start2{
top:290px;
left:110px;
}
#formresa #start2{
width:100px;
top:290px;
left:160px;
}
#formresa label.end1{
top:260px;
left:298px;
}
#formresa #end1{
width:100px;
top:260px;
left:350px;
}
#formresa label.end2{
top:290px;
left:300px;
}
#formresa #end2{
width:100px;
top:290px;
left:350px;
}
#formresa label.nb_single{
top:350px;
left:0px;
}
#formresa #nb_single{
width:40px;
top:350px;
left:50px;
}
#formresa label.nb_double{
top:350px;
left:110px;
}
#formresa #nb_double{
width:40px;
top:350px;
left:190px;
}
#formresa label.infos{
top:435px;
left:0px;
font-weight:bold;
width:234px;
}
#formresa #infos{
position:absolute;
width:200px;
top:460px;
height:85px;
left:0px;
}
#formresa label.nbre_chambres{
top:320px;
left:0px;
font-weight:bold;
width:234px;
}
#formresa label.precision{
top:200px;
left:0px;
font-weight:bold;
width:234px;
}
#formresa label.raison_sociale{
top:-20px;
left:0px;
font-weight:bold;
width:234px;
}
#reservation #demanderesa{
top:90px;
left:400px;
}
#reservation #pdemanderesa{
position:absolute;
top:115px;
left:400px;
}
#formresa p.cnil{
	top:500px;
	left:0px;
	position:absolute;
	font-size:10px;
	width: 475px;
}
#formresa label.optin{
top:475px;
left:20px;
width:435px;
}
#formresa #optin{
top:480px;
left:0px;
}
#formresa #envoyer{
position:absolute;
top:620px;
left:166px;
}
#reservation #paiementcb{
bottom:90px;
left:441px;
position:absolute;
font-size:12px;
}
.erreur{
position:absolute;
top:115px;
left:400px;
font-weight:bold;
color:red;
}
.info{
position:absolute;
top:115px;
left:400px;
font-weight:bold;
color:green;
}
#tarif_web{
position:absolute;
top:106px;
left:328px;
}
#p_salon{
    color: #003057;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    left: 344px;
    position: absolute;
    top: 452px;
    width: 185px;
}
#p_validite{
font-size:10px;
left:494px;
position:absolute;
top:532px;
font-weight:bold;
line-height:11px;
}
#p_cb{
    font-size: 12px;
    left: 329px;
    position: absolute;
    top: 235px;
}
#flageng{
width:32px;
height:46px;
position:absolute;
top:80px;
left:80px;
}
#flagfr{
width:32px;
height:46px;
position:absolute;
top:80px;
left:30px;
}
#d_map{
position:absolute;
top:300px;
left:80px;
}
#diapoflash{
position:absolute;
bottom:13px;
left:1px;
}
.star{
color:red;
}

#formresa label.precision_2 {
    font-weight: bold;
    left: 0;
    top: 300px;
    width: 234px;
}

.pmr {
    left: 285px;
    top: 15px;
}

#h2_triva
 {
    left: 415px;
    top: 525px;
}

#top_hotel
{
	position:absolute;	
	left: 415px;
    top: 555px;
	width:580px;
	height:180px;
}

#top_hotel img
{
	margin-right:5px;	
}

.txt_top
{
	position:absolute;	
	top: 580px;
	background-image:url('../img/bkg_top_hotel.png');
	background-repeat:no-repeat;
	width:247px;
	height:102px;
	z-index:5;
	padding:15px;
}

#txt_top_1
{
	left:465px;
	display:none;
}

#txt_top_3
{
	left:528px;
	display:none;
}

#txt_top_4
{
	left:591px;
	display:none;
}

#txt_top_5
{
	left:654px;
	display:none;
}

#txt_top_10
{
	left:717px;
	display:none;
}

#txt_top_25
{
	left:455px;
	display:none;
}

#txt_top_26
{
	left:517px;
	display:none;
}

#txt_top_27
{
	left:582px;
	display:none;
}