@import "/css/97/style-reservit.css";

body, .Body {background-color: #FFF; }

#contents { border:0px; background-color: #FFF; width: 740px; margin-left: -365px; left: 50%; position: absolute; }
#contenu97 { border:0px; background-color: #FFF; background-image: url("/general/images/customer/97/private/bandesGrises.gif"); background-repeat: repeat-y;  }

div#header97 { width: 730px; /* 730 */ background-color: #FFF;height: 160px; padding: 0px 5px; margin-left:1px; background: url("/general/images/customer/97/private/bandeau.gif") 0 top no-repeat; }
div#footer97 { width: 720px; /* 730 */ padding: 0 5px; background: url("/general/images/customer/97/private/bandeaubas.gif") 0 bottom no-repeat; }
div#footer97 div#bas { width: 900px; border : 0px; }
div#stepbkg  { width: 710px; margin-left: -357px; left: 50%; position: relative; background-color: #FFF; margin-top: 0px; text-align: right; }
div#forms { width: 500px; margin-left: 20px; }
div#infos { padding-top: 0px;}
#header li { width:700px; padding-right: 20px; }
a:link, a:active, a:visited, a:hover, a.justenoir:link, a.justenoir:active, a.justenoir:visited, a.justenoir:hover { color: #E000A8; }
div#header {width: 730px; /* 730 */  background-color: #FFF; margin-top: 0px; padding: 5px 5px; background: url("/general/images/customer/97/private/bandesGrises.gif"); background-repeat: repeat-y; }
/*div#idrooms1 { width: 700px; position: relative; margin-left:-20px; margin-top: -1px; background-color: #FAD9F2;  background: url("/general/images/customer/97/private/bandesGrisesRose.gif"); background-repeat: repeat-y;  border-bottom : 0px; border-top : 0px; font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 14px; line-height: 15px; color: #450000; text-decoration: none; }*/
div#hotel {width: 650px; margin-left: 10px; margin-top: 0px; }
div#hotelinfos {margin-left: 10px; margin-bottom: 0px; width: 600px;}


/*not display anymore*/
img#custlogo { width: 716px; height: 65px; display: none;}
#hotel td.bulname {display: none;}
div#logohotel {display: none;}

#stepbkg #step97 { color: #000;  }
#stepbkg #title97 { text-align: left; width: 650px; }
#hotel { background-color: #FFF; border: 0px; }
#hotelinfos #photo { background-color: #FFF; color: #FFF; border: 2px solid #DDD; width: 150px; height: 100px; padding: 0px;}
#hotelinfos td#photo div {width: 146px; height: 96px; border: 4px solid #FFF;}
#hotelinfos td#photo div img {width: 100%; height: 100%;}
#hotelinfos td#misc { background-color: #FAD9F2; border: 1px solid #E000A8;font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 12px; line-height: 14px; color: #000; text-align: center; margin: 10px; }
#hotelinfos {padding-bottom: 10px; padding-left: 10px; }

/*typos*/
#hotelinfos table td#addr,#nbrooms span, #header #stepbkg div#bkgstep span#step97 span.bookingstep, #header span.bookingstep { background-color: #FFF; font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 12px; line-height: 14px; color: #000; }
#hotelinfos table td#addr, #header #stepbkg div#bkgstep span#step97 span.bookingstep, #header span.bookingstep { font-weight: 100; }
#hotel td#name h1, form div#idrooms td, #infos #idrooms table td, #namehotel h1 { font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 14px; line-height: 15px; color: #450000; text-decoration: none; }
#stepbkg #title97, #header #title { height:30px; color: #FFF; background : url("/general/images/customer/97/private/title-pink.gif"); background-repeat: no-repeat; font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 17px; line-height: 20px; text-decoration: none;  padding: 22px 0px 8px 60px; text-indent: 2em; margin:0px; font-weight: bold;}
#header #title { padding: 20px 0px 10px 50px;}
#infos #idrooms table td#cxxbkg .link,  #links li a:link, #links .link { font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 12px; line-height: 14px; color: #FFF; padding: 0 5px;  margin-right: 5px;text-decoration: none; text-transform: none; background-color : #E000A8;}
#links li {margin-right: 18px; margin-bottom: 5px;}
#links .link {color: #FFF;}
#header span.bookingstepcurrent {font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 12px; line-height: 14px; color: #E000A8; background-color: #FFF; /*font-weight: 100;*/ text-transform: none; }
#bkgtotamnt_txt{ font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 12px; line-height: 14px; color: #000;}
#idrooms, #identpartnertitle, #main #title, .backgroundtitle/*,td.backgroundtitle webtitle, .webtitle*/, #infos .title, #listremarks #title, #loginpax_title, #paxforms_title, #useraccount_title, #creditcard_title, #cgv_title, #orderingtitle, #rubriquetitle, .rubriquetitle, #infos div#realtime, #infos div#online {background-color: #FAD9F2; border-bottom: 1px solid #E000A8; border-top : 0px; font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 14px; line-height: 15px; color: #450000; text-decoration: none; }
#pgoption .title {width: 658px; _width: 693px;}
#idrooms table { width: 655px; }
#idrooms {width: 658px;_width: 693px;}
#idrooms table td:first-child { color: #FFF; }
#contents #contentsfooter #copyright { display:none; }

/* ZONE */
#stepbkg, #pgzone #misc, #map, #legend, #cities, #listsubzones{ width: 692px; margin-left: -346px; left: 50%; background-color: #FFF; }
#infos #map {width: 673px; left: 50%; }
#nbhtls {padding-left: 10px; }
div.data { width: 260px; }
.box h2 { width: 680px; _width: 692px; height: 25px; background-color: #FAD9F2; border-bottom : 1px solid #E000A8; margin-bottom: 10px; font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 14px; line-height: 15px; color: #450000; text-decoration: none; padding-top: 12px;}
/*.icons {padding-bottom: 5px; }*/
#header .icons { margin-top: -5px;}

/* LIST */
tr#rowhtl {background-color: #FFF !important;}
tr#rowhtl td { border-bottom: 1px dotted #000; }
tr#rowhtl td#photos div#img {background-color: #FFF;}
#infos table#listhtls { width: 680px; }
#hotelinfos { border-bottom :1px solid #FFF; }
#htlinfos .deschotel {display:none;}
td#stepbkg {display: none;}

/* FICHE */
#bigphoto { background-color: #FFF; }

/* STEP1 */
#nbrooms { border-bottom: 0px; }
#header table { border: 0px; }
#hotel { padding-left: 10px; }
#bkgstep { width: 690px ; padding-right: 30px; }
#pgavail-info div#fromdate div.name, #pgavail-info div#todate div.name { _margin-right: 3px; }

/* STEP2 */
div#main, div#infos { width: 665px; margin-left: 30px; border-right: 0px; }
div#header { border-bottom : 1px solid #FFF; }
div#infos { border-top: 1px solid #DDD; }
#pgfiche_htl div#infos {border-top: 0px;}
#pgfiche_htl div#header {border-top: 1px solid #DDD;}
#main .background, #hotelinfos, #hotel, table#rooms, #rooms, #tabrooms, #avail_details_legend, #availlegend, #availdetails, #avail, #pricedetails, #contentsfooter, #footer table #links, #footer { width: 693px; background-color: #FFF; }
div#infos table#legend { border: 1px solid red; }
div#avail_details_legend .background table#legend {}
/*#listrooms {width: 690px; margin-left : 20px; padding: 0px;}*/
#tabrooms #lrooms #lphoto  { background-color: #FFF; }
#room, .roomname { color: #E000A8; }
#avail_details_legend #legend, #availlegend #legend { margin: 0px; }
hr {border: 0px; margin: 0px; display: none; }
#ldesc .desc{ border-bottom: 0px;}
	
/* STEP3 */
#amnttotal td, #amntroom { background-color: #E000A8; border-top : 3px solid #E000A8; color: #FFF;}
#amnttotal td.text, #amntroom td.text { color: #FFF; }
#amnttotal #cell_totalprice, #amntroom #cell_totalprice { color: #FFF; }
#listremarks, #securetrans,  #checkin, #cgvbkg, #cgvcxx { background-color: #FFF; }
#buttons  {background-color: #FFF; width: 600px; }
#optsep { border-bottom: 0px; }
.optline, .optobligline { background-color: #FFF; border-bottom: 1px solid #E000A8; }


/* STEP4 */
#loginpax_newident, #loginpax, #paxforms, #useraccount, #bkgfees, #creditcard, #acceptguarcond, #forms, #buttons { background-color: #FFF; }
#acceptguarcond table { background-color: #E000A8; color: #FFF; margin: 10px 20px 10px 20px; }
#acceptguarcond td { color: #FFF; }
#separator { display: none; }
#mailing { background-color: #FFF; color: #E000A8; }
#paxforms td.error { border: 0px; }
#pgcoords #buttons {width: auto; padding-right :300px; margin: 0px;}

/* STEP5 */
#bkgnum, #statusbkg, .bkgnum, .statusbkg { color: #000; background-color: #FAD9F2; }
.paxinfos {padding: 5px;}
#statusbkg {white-space:normal;}
#cgv_title font { color: #450000;}


/*FICHE*/
div#contenu {width: auto; margin-left: -20px; }
#header #nav-page { position: relative; width: 710px;}
/*#infos #header {position: relative; width: auto; margin-left: -20px;}*/
div#contenu div#nbrooms {border-top: 0px;}
div#coords {padding-bottom: 20px; padding-left: 0px; height: auto;}
div#coordonnees {background-color: #FFF; font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 12px; line-height: 14px; color: #000; font-weight: 100; padding-left: 50px; }

.imageInGallery img {height: 120px; height: 100%; margin-left: 20px; margin-top: 5px; }

#pgfiche_htl #header { background-image: none;  margin-top: 0px; width: 682px; }
#pgfiche_htl #nav-page { width: 680px; }

#subinfos { display: block; margin: 20px;  padding-left: 0px; background-color: transparent; clear: left; }
#facilities { margin: 0px; padding: 0px; }
#facilities ul { margin-left: 20px; }
#misc ul {  width: 680px; _width: 692px; height: 25px; background-color: #FAD9F2; border-bottom: 1px solid #E000A8; border-top : 0px; font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 14px; line-height: 15px; color: #450000; text-decoration: none; padding-left: 10px;}
#otherlinks {padding-left: 20px;}

/*FOOTER*/
.copyright {margin-top: 10px; margin-bottom: 10px; background-color: #FFF; font-family:"Arial,'Trebuchet MS',Verdana,Helvetica,sans-Serif"; font-size: 12px; line-height: 14px; color: #666666 ; font-weight: 100;}
/*.reservit {clear: right;} */

/*#ITlink {color: #E000A8;}*/
#signature { background-color: #FFF; background-image: none; }
#signature table { width: 730px;}
#signature td.gauche { width: 300px;}
#signature td.droite { width: 430px; padding-left: 10px; }
#stepbkg div#title97 { _width: 710px; }

#stepbkg #bkgstep span { width: auto; }

#rubriquetitle, .rubriquetitle { height: 15px; margin-bottom: 10px; text-transform: none;text-indent: 20px; }
.descrates, #roomdesc,.roomdesc { padding: 2px; height: auto; }/*tocheck*/

#pgfiche_htl #header97 {border-bottom: 1px solid #FFF; }
#pgavail #title { border-top: 1px solid #DDD; }


#pgavail-info #fdate {  margin-left: 100px; }
tr.specialrate .typeofrooms span {border: 0px; }



table.yourbkg td { background-color: #FAD9F2; }
#theader td { border-top: 1px solid #DDD; }

#infos #cgvbkgtitle, #infos #cgvcxxtitle, #infos .firsttitle {width: 658px; _width: 693px;}



#tabrooms tr#theader td#hdesc {text-align: center;}
#pglisthotels #title {width: 658px; _width: 693px;}
tr#rowhtl {
    background-color: #FFF !important;
}


#googlemap #contents #copyright {width:730px; margin-left: 0px !important; position:relative; top:41px;}
#links {border: 0px !important;}
#pgfiche_htl #contenu97 #footer {border-top: 0px !important;}
#interest li, #nbroom li {list-style-image: url("/general/images/customer/default/puces2.gif"); list-style-position: outside;}
#pgfiche_htl #header{display:none;}
#subinfos { display: block; margin-left: 30px; margin-right:0px;  padding-left: 0px; background-color: transparent; clear: left; }
#subinfos div.labelltexte {line-height: 15px;
    text-decoration: none;
    background-color: #FAD9F2;
    border-bottom: 1px solid #E000A8;
    border-top: 0 none;
    color: #450000;
    font-family: Arial;
    font-size: 11px;eight: 15px;
    margin-bottom: 10px;
    text-indent: 20px;
    text-transform: none;
    padding:5px 0;}
#labelhtl { padding-left: 0px !important;
}

#pgavail-info #hotelinfos td#misc {
    visibility:hidden;
}