* { margin: 0; padding: 0; list-style-type: none; }
a img,:link img,:visited img { border:none }
.clear { width: 100%; height: 1px; float: left; clear: both; display: block; }
body { color: black; font-size: 1em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/bg.gif); background-repeat: repeat-x; text-align: center; }
#page { text-align: left; width: 780px; margin-right: auto; margin-left: auto; }
#header { background-image: url(../images/header_middle.jpg); background-repeat: no-repeat; background-position: 231px 15px; height: 202px; }
.wrap{
position:absolute;
 left:0px;
 top:-500px;
 width:1px;
 height:1px;
 overflow:hidden;
}
#logo { width: 188px; height: 56px; margin-top: 76px; margin-left: 280px; }
#slogan { background-image: url(../images/slogan.gif); background-repeat: no-repeat; background-position: 38px 10px; text-align: center; margin-left: 245px; width: 260px; height: 39px; margin-top: 15px; }
#slogan_en { background-image: url(../images/slogan_en.gif); background-repeat: no-repeat; background-position: 38px 10px; text-align: center; margin-top: 15px; margin-left: 245px; width: 260px; height: 39px; }
#slogan h1, #slogan_en h1 { font-size: 0.8em; font-weight: normal; text-decoration: none; display: none; }
#slogan h1 strong {  }
#langues { width: 780px; float: right; margin-top: -170px; }
#langues li { width: 50px; float: right; display: inline; }
#langues a { font-size: 1px; text-decoration: none; text-indent: -5000px; }
#langues #en a { background-image: url(../images/uk_flag.gif); background-repeat: no-repeat; height: 30px; padding-left: -5000px; display: block; }
#langues #fr a { background-image: url(../images/french_flag.gif); background-repeat: no-repeat; height: 30px; display: block; }
#nav { width: 710px; overflow: hidden; margin-top: -106px; margin-left: 47px}
#nav li { width: 200px; height: 17px; margin-bottom: 8px; }
#nav a { text-indent: -5000px; width: 150px; height: 17px; }
#nav .right a:hover, #nav .right a.current { background-position: left -23px; }
#nav .left a:hover, #nav .left a.current { background-position: right -23px; }
#nav .left { float: left; }
#nav .right { float: right; }
#accueil a { display: block ; color: #fff ; background-image: url(../images/bt_accueil.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 150px; }
#adresse a { display: block ; color: #fff ; background-image: url(../images/bt_adresse.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 150px; }
#residence a { display: block ; color: #fff ; background-image: url(../images/bt_residence.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 150px; }
#appartement a { display: block ; color: #fff ; background-image: url(../images/bt_appartements.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 150px; }
#sejour a { display: block ; color: #fff ; background-image: url(../images/bt_sejour.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 150px; }
#tarif a { display: block ; color: #fff ; background-image: url(../images/bt_tarifs.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 150px; }
#reserver a { display: block ; color: #fff ; background-image: url(../images/bt_reserver.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 150px; }
#contact a { display: block ; color: #fff ; background-image: url(../images/bt-contact.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 150px; }

#accueil_en a { display: block ; color: #fff ; background-image: url(../images/bt_accueil_en.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 150px; }
#adresse_en a { display: block ; color: #fff ; background-image: url(../images/bt_adresse_en.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 150px; }
#residence_en a { display: block ; color: #fff ; background-image: url(../images/bt_residence_en.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 150px; }
#appartement_en a { display: block ; color: #fff ; background-image: url(../images/bt_appartements_en.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 150px; }
#sejour_en a { display: block ; color: #fff ; background-image: url(../images/bt_sejour_en.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 150px; }
#tarif_en a { display: block ; color: #fff ; background-image: url(../images/bt_tarifs_en.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 150px; }
#reserver_en a { display: block ; color: #fff ; background-image: url(../images/bt_reserver_en.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 150px; }
#contact_en a { display: block ; color: #fff ; background-image: url(../images/bt-contact_en.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 150px; }
#actu { font-size: 110%; background-color: #ededed; padding: 10px; border: solid 1px #cecece; }
#actu strong { color: #cc0006; font-size: 1.5em; width: 100%; float: left; margin-bottom: 0.6em; }
#bloc_photo { height: 200px; }
#home h1 { color: #dc771c; font-size: 1.3em; padding-bottom: 5px; }
#inner h1 { font-size: 1em; }
#inner .titre { color: #dc771c; font-size: 2em; font-weight: 400; background-color: white; text-align: center; margin-right: auto; margin-left: auto; padding-bottom: 5px; width: auto; padding-right: 10px; padding-left: 10px; }
#inner { background-image: url(../images/pix.gif); background-repeat: repeat-x; background-position: 0 1em; text-align: center; margin-bottom: 2em; }
p { padding-bottom: 0.8em; }
#content { font-size: 0.7em; line-height: 1.4em; text-align: left; padding-top: 26px; }
#col1 { width: 508px; float: left; margin-bottom: 3em; }
#fullcol { width: 790px; float: left; clear: both; margin-top: -3em; }
#col2 { width: 240px; float: right; padding-left: 12px; }
.liseret { border-left: 3px solid #f3d9be; }
a:link { color: #008acb }
a:visited { color: #008acb }
a:hover { color: #293740 }
a:active { color: red }
#pdf { padding-bottom: 15px; }
#pdf li { background-image: url(../images/picto_pdf.gif); background-repeat: no-repeat; padding-bottom: 3px; padding-left: 25px; }
#check { padding-top: 10px; padding-bottom: 15px; }
#check.left { margin-left: 215px; }
#check li { background-image: url(../images/check.gif); background-repeat: no-repeat; background-position: 0 5px; padding-left: 20px; }
.bords { float: left; padding: 5px; border: solid 1px #d9d9d9; margin-right: 10px; }
h2 { color: #dc771c; font-size: 1.2em; font-weight: 700; }
h3, .pict { color: #dc771c; font-size: 1em; font-weight: 700; }
legend { display: none; }
#preresa { padding: 1em; border-style: solid; border-width: thin thin thin thick; border-color: #d9d9d9 #d9d9d9 #d9d9d9 #dc771c; }
fieldset { border: none; }
.border { padding-top: 5px; border-bottom: 1px solid #d2d3d6; }
.erreur { color: red; background-repeat: no-repeat; height: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #d2d3d6; }
fieldset h2 { padding-bottom: 1em; }
input { font-size: 1em; margin-bottom: 0.5em; }
table { clear: both; border-collapse: collapse; margin-bottom: 0.5em; }
label { font-size: 1em; width: 125px; margin-right: 5px; margin-bottom: 1em; }
#footer1 { background-color: #fff; height: 50px; clear: both; }
#footer2 { background-color: #293740; height: 100px; clear: both; margin-right: auto; margin-left: auto; }
#lastlinks { color: #70818e; font-size: 0.7em; text-align: right; width: 280px; float: right; margin-top: 10px; margin-right: auto; margin-left: auto; }
#tempolodge { color: #70818e; font-size: 0.7em; text-align: left; margin-top: 10px; width: 350px; float: left; }
#tempolodge a:hover { color: #f00; font-size: 0.7em; text-align: left; margin-top: 10px; width: 350px; float: left; }
#lastlinks a { color: #70818e; text-decoration: underline; }
#baseline { color: #8b8a98; font-size: 0.8em; background-color: white; width: 780px; height: 30px; clear: both; margin-right: auto; margin-left: auto; padding-top: 0.5em; }
#baseline2 { color: #8b8a98; font-size: 1em; background-color: #293740; margin-right: auto; margin-left: auto; padding-top: 0.5em; width: 780px; height: 30px; clear: both; }
#baseline a { color: #8b8a98; }
/*Liste de sejour*/
#tourisme { margin-top: 1em; padding-bottom: 20px; }
#tourisme li {height: 40px; padding-bottom: 2em; }
#tourisme li a { color: black; display: block; padding-left: 110px; text-decoration: none; height: 40px; }
#tourisme li a:hover { color: #1987c9; text-decoration: underline; }
.otp { background-image: url(../images/ban_otp.gif); background-repeat: no-repeat;  float: left; }
.pidf { background-image: url(../images/ban_pidf.gif); background-repeat: no-repeat; float: left; }
.sortir { background-image: url(../images/ban_sortir.gif); background-repeat: no-repeat; float: left; }
.bouge { background-image: url(../images/ban_bouge.gif); background-repeat: no-repeat; float: left; }
.evry2 { background-image: url(../images/ban_evry2.png); background-repeat: no-repeat; float: left; }
.evry { background-image: url(../images/ban_evry.png); background-repeat: no-repeat; float: left; }
.about { background-image: url(../images/ban_about.gif); background-repeat: no-repeat; float: left; }
.timeout { background-image: url(../images/ban_timeout.gif); background-repeat: no-repeat; float: left; }
/*Liste des transports*/
#pictos { margin-top: 1em; padding-bottom: 20px; }
#pictos li { width: 470px; float: left; clear: both; padding-bottom: 2em; }
.metro { background-image: url(../images/picto_metro.gif); background-repeat: no-repeat; padding-left: 50px; float: left; }
.rer { background-image: url(../images/picto_rer.gif); background-repeat: no-repeat; padding-left: 50px; float: left; }
.autobus { background-image: url(../images/picto_bus.gif); background-repeat: no-repeat; padding-left: 50px; float: left; }
.gps { background-image: url(../images/picto_gps.gif); background-repeat: no-repeat; padding-left: 50px; float: left; margin-top: 20px; }
.avion { background-image: url(../images/picto_avion.gif); background-repeat: no-repeat; padding-left: 50px; float: left; }
.tram { background-image: url(../images/picto_tram.gif); background-repeat: no-repeat; padding-left: 50px; float: left; }
.car { background-image: url(../images/picto_car.gif); background-repeat: no-repeat; padding-left: 50px; float: left; }
.phone { background-image: url(../images/picto_phone.jpg); background-repeat: no-repeat; width: 230px; padding-left: 50px; float: left; }
.fax { background-image: url(../images/picto_fax.jpg); background-repeat: no-repeat; padding-left: 50px; float: left; }
.email { background-image: url(../images/picto_mail.jpg); background-repeat: no-repeat; width: 230px; padding-left: 50px; float: left; }
.form { background-image: url(../images/picto_form.jpg); background-repeat: no-repeat; padding-left: 50px; float: left; }
#plan { margin-top: 9em; }
.loupe { background-image: url(../images/loupe.gif); background-repeat: no-repeat; background-position: 0 2px; float: left; padding-left: 15px; }
.padding1em { padding-top: 1em; padding-bottom: 1em; }
/*Table des tarifs*/
#tarifs {width: 490px; padding: 0; margin: 0; }
#tarifs caption { caption-side: bottom; color: #b9bbbb; font-size: 11px; font-weight: normal; font-style: italic; width: 490px; text-align: right; padding-top: 5px; padding-bottom: 5px; }
#tarifs th { color: white; font-weight: normal; background-image: url(../images/bg_header_table.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; border-right: 1px solid #434343; border-bottom: 1px solid #434343; border-top: 1px solid #434343; text-align: left; padding: 0.6em; }
#tarifs th.nobg { color: #434343; border-top: 0 none; border-left: 0 none; border-right: 1px solid #434343; background: transparent; }
#tarifs td { border-right: 1px solid #434343; border-bottom: 1px solid #434343; background: #f6f5f5; padding: 6px 6px 6px 12px; color: #434343; font-weight: 700; }
#tarifs td.alt {background: #d2d3d6; color: #434343; }
#tarifs th.studio { color: #434343; font-weight: 700; border-left: 1px solid #434343; border-top: 0 none; background-color: #d2d3d6; background-image: url(../images/blank.gif); }
#tarifs th.duplex { border-left: 1px solid #434343; border-top: 0 none; color: #434343; font-weight: 700; background-color: #f6f5f5; background-image: url(../images/blank.gif); }
/* ---- calendar and input styles ---- */

input.DatePicker{
	display: block;
}
input:focus.DatePicker{  }
.dp_container{
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #d9eefc;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #eee;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #328dcf;
}