/* -------------------------------------------------------------- 
    mpv.css
   * v 0.3 My Paris Visit CSS.
 -------------------------------------------------------------- */
 
/*--- MAIN ------------------------------------------------------------------------------------------------------------------------------------------------*/
/* body */
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	font-weight:normal;
	color:#ffffff;
	line-height:16px;
	background: #222222 url(../img/main/page_back.png) top repeat-x;
}
/* links */
a:link {
	text-decoration: none;
	color: #ffffff;
}
a:visited {	
	text-decoration: none; 
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #3399cc;
}
a:active {
	text-decoration: none; 
	color: #3399cc;
}
a:focus {
	outline:none;
}
/* title */
h1{
    position:absolute;
	top:56px;
	left:22px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
} 
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#3399cc;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3399cc;
}
/* paragraphe */
p {
	margin-bottom:16px;
}
/* line */
hr {
	background:transparent url(../img/main/hr.png) center no-repeat; 
    width: 946px;
    height: 4px; 
    border: 0 none;
	clear:both;
}
/* clear */
.clear {
	color: #222222; 
	background-color: #222222;
	height: 0;
	border: none 0;
	clear:both;
}
select{
	outline:none;
}

/*--- WRAPPER ------------------------------------------------------------------------------------------------------------------------------------------------*/
.wrapper { 
    position: relative;
	width: 985px;
	margin: 0 auto;
}

/*--- HEADER ------------------------------------------------------------------------------------------------------------------------------------------------*/
#header {
	width:100%; 
	height:157px;
	top:0;
	background:url(../img/main/filtre_back.png) bottom center no-repeat;
}

/*--- MENU ------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu {
	width:990px; 
	height:41px;
	margin: 0 auto;
	line-height:22px;
	background: transparent url(../img/main/menu_back.png) top center no-repeat;
}
#menu li {
    position:absolute;
	top:0px; 
	text-align:center;
}
#menu a {
    display:block;
	height:41px;
	font-size:14px; 
	padding-top:6px;
}
/* items */
#home{
	left:2px;
	height:41px;
	width:93px;
}
#apartments{
	left:80px;
	height:41px;
	width:129px;
}
#services{
	left:195px;
	height:41px;
	width:119px;
}
#faq{
	left:299px;
	height:41px;
	width:92px;
}
#about{
	left:663px;
	height:41px;
	width:119px;
}
#guestbook{
	left:767px;
	height:41px;
	width:132px;
}
#contact{
	left:884px;
	height:41px;
	width:108px;
}
#home a:hover, #home a.active, #home a:focus {
	background:url(../img/main/menu_buttons_hover.png) -0px -0px no-repeat;
}
#apartments a:hover, #apartments a.active, #apartments a:focus{
	background:url(../img/main/menu_buttons_hover.png) -93px -0px no-repeat;
}
#services a:hover, #services a.active, #services a:focus{
	background:url(../img/main/menu_buttons_hover.png) -222px -0px no-repeat;
}
#faq a:hover,#faq a.active,#faq a:focus{
	background:url(../img/main/menu_buttons_hover.png) -341px -0px no-repeat;
}
#about a:hover,#about a.active,#about a:focus{
	background:url(../img/main/menu_buttons_hover.png) -433px -0px no-repeat;
}
#guestbook a:hover,#guestbook a.active,#guestbook a:focus{
	background:url(../img/main/menu_buttons_hover.png) -552px -0px no-repeat;
}
#contact a:hover,#contact a.active,#contact a:focus	{
	background: url(../img/main/menu_buttons_hover.png) -684px -0px no-repeat;
}

/*--- MY SELECTION ------------------------------------------------------------------------------------------------------------------------------------------------*/
#myselection{
	position:absolute;
	margin: 0 auto;
	top:67px;
	right:250px;
	text-align:right;
	color:#FFF;
	display:block;
	padding-left:16px;
	background: url(../img/main/selection_star_small.png) 2px 5px no-repeat;
}
#myselection:hover {
	background: url(../img/main/selection_star_small.png) 2px -10px no-repeat;
}
#myselection .active {
	color: #3399cc;
}
/*--- QUICK ACCESS ------------------------------------------------------------------------------------------------------------------------------------------------*/
#quickaccess{
	position:absolute;
	margin: 0 auto;
	top:67px;
	right:0px;
	text-align:right;
}
#quickaccess .quickselect{
	color: #ffffff;
	font-size:11px;
	background-color: #222222;
	border:1px solid #3a3a3a;
	outline:none;	
}

/*--- FILTER ------------------------------------------------------------------------------------------------------------------------------------------------*/
#filter {
	width:987px; 
	height:25px;
	position:absolute;
	left:0; 
	top:109px;
	padding-top:7px;
}
/* select*/
#filter .filterselect{
	margin-left:5px;
	color: #ffffff;
	font-size:11px;
	background-color: #000000;
	border:1px solid #3a3a3a;
	outline:none;
	width:140px;
}
/* text */
#filter .filtertext{
	float:left;
	font-size:12px;
	line-height:16px;
	text-align:center;
	width:140px;
}
/* search button */
#filter .searchbutton {
	position:absolute;
	top:3px; 
	right:6px;
    height:25px;
	width:58px;
    margin:0;
	background:url(../img/main/searchbutton.png) -0px -0px no-repeat;
	border:0;
	cursor:pointer;
	font-size:0px; 
	color:#333333;
	text-indent:-5000px;
}
#filter .searchbutton:hover {
    background:url(../img/main/searchbutton.png) -0px -25px no-repeat;
}
/* date picker */
#datepicker-arrival {
	margin-left:5px;
	color:#ffffff;
	font-size:11px;
	background-color: #000000;
	border:1px solid #3a3a3a;
	outline:none;
	width:140px;
}
#datepicker-departure{
	margin-left:5px;
	color:#ffffff;
	font-size:11px;
	background-color: #000000;
	border:1px solid #3a3a3a;
	outline:none;
	width:140px;
}

/*--- CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------*/
#content {
	position:absolute;
	width:100%;
	top:141px;
}

/*--- BLOCK ------------------------------------------------------------------------------------------------------------------------------------------------*/
.block {
	width:946px;
	padding:0 20px 25px 20px;
	background: transparent url(../img/main/block_back_1.png) center bottom no-repeat;
}
.blockbottom {
	width:986px;
	height:24px;
	padding:0;
	background: transparent url(../img/main/block_back_bottom.png) center bottom no-repeat;
}

/*--- INFO ------------------------------------------------------------------------------------------------------------------------------------------------*/
#info {
	width:946px;
	height:48px;
	padding:0 20px 0 20px;
	background:url(../img/main/info_back.png) center top no-repeat;
}
#info h2 {
	font-size:24px;
	margin:0; 
	line-height:48px;
	width:550px;
} 
#info h2 em {
	color:#65696d;
	font-size:24px;
}
#info p {
	position:absolute; 
	right:20px; 
	top:20px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
}
#info p a {
	color:#c5cbcc;
}
#info p a:hover {
	color:#3399cc;
}
#info .infoapart a{
	text-align:right;
	margin:0;	
	color:#c5cbcc;
	display: inline-block;
	padding:2px 8px 2px 8px;
	background: #2e2e2e;
}
#info .infoapart a:hover {
	color:#c5cbcc;
	background: #000;
}
#info .lastminlink {
	display:block;
	margin:0; 
	padding-left:20px;
	background: url(../img/main/lastmin_icon_mini.png) no-repeat;
}

/*--- SELECTION APART------------------------------------------------------------------------------------------------------------------------------------------------*/
#selectionapart{
	width:986px;
	padding:18px 0 0 0;
	background:#222222 url(../img/main/block_back_2.png) center top no-repeat;
}
#selectionapart .category {
	position:relative;
	float:left;
	left:20px;
	width:175px;
	margin-right:18px;
}
#selectionapart .category img {
	width:175px;
	height:135px;
	margin-top:5px;
}
#selectionapart .category p {
	margin-top:4px;
	color:#c5cbcc;
}
#selectionapart .category a {
	position:absolute;
	display:block;
	height:210px;
	width:175px;
	background: url(../img/main/transparent-bg.png);
	color:#3399cc;
	cursor: pointer;
}
#selectionapart .category h3 a:hover {
	top:22px;
	width:185px;
	left:-6px;
	border: 1px dotted #cccccc;
}
#selectionapart .category h2 a  {
	position:relative;
	height:24px;
	background: none;
	color:#c5cbcc;
}
#selectionapart .similar{
	margin-left:20px; 
	margin-bottom:8px;
}

/*--- APARTMENTS ------------------------------------------------------------------------------------------------------------------------------------------------*/
#apartmentlist{
	width:986px;
	padding:0 0 20px 0;
	background: url(../img/main/block_back_3.png) center top repeat-y;
}
#apartmentlist .list {
	position:relative;
	float:left;
	left:20px;
	width:175px;
	margin-right:18px;
}
#apartmentlist .list img {
	width:175px;
	height:135px;
	margin-top:5px;
}
#apartmentlist .list p {
	margin-top:4px;
	color:#c5cbcc;
}
#apartmentlist .list a {
	position:absolute;
	display:block;
	height:210px;
	width:175px;
	background: url(../img/main/transparent-bg.png);
	color:#3399cc;
	cursor: pointer;
}
#apartmentlist .list a:hover {
	top:-2px;
	width:185px;
	left:-6px;
	border: 1px dotted #cccccc;
}
#apartmentlist .list a:hover h3 {
	margin-left:5px;
	margin-top:1px;
}
#apartmentlist .list h2 a  {
	position:relative;
	height:24px;
	background: none;
	color:#c5cbcc;
}
/* pagination */
#pagination p {
	text-align:right; 
	margin:16px 20px 0 0;
}
#pagination p a {
	color:#c5cbcc;
	display: inline-block;
	padding:2px 8px 2px 8px;
	background: #2e2e2e;
}
#pagination p a:hover {
	color:#c5cbcc;
	background: #000;
}
#pagination p a.active {
	font-weight:bold;
	background: #000;
}

/*--- FOOTER ------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
	margin-top:-5px;
	position:absolute;
	width:100%;
}
#footer p {
	padding:0px 5px 0px 5px;
	font-size:12px;	
}
#footer a.active {
	color:#3399cc;
}
#footer p.owner {
	float:left;
}
#footer p.menu {
	float:right;
}

/*--- GALLERY APART ------------------------------------------------------------------------------------------------------------------------------------------------*/
#photos{ 
	visibility: hidden; 
}

/*--- FORM ------------------------------------------------------------------------------------------------------------------------------------------------*/
form .username {
	display:none;
}
form .apartid {
	display:none;
}
form .inputlength {
	width:200px;
}
  
/*--- SERVICES ------------------------------------------------------------------------------------------------------------------------------------------------*/
#servicehome .clear {
	color: #222222; 
	background-color: #222222;
	height: 0;
	border: none 0;
	clear:both;
}
#servicehome hr  {
	background:transparent url(../img/main/hr.png) center no-repeat; 
    width: 946px;
    height: 4px; 
    border: 0 none;
	clear:both;
	margin-bottom:16px;
}
.hrshort  {
	background:transparent url(../img/main/hr_short.png) center no-repeat; 
    width: 305px;
    height: 4px; 
    border: 0 none;
	clear:both;
}

/*--- RESERVATION ------------------------------------------------------------------------------------------------------------------------------------------------*/
#reservation{
	padding:0 0 25px 20px;
	width:966px;
	font-size:12px;
}
#reservation .text{
	width:950px;
}
#reservation .block1{
	float:left;
}
#reservation .block2{
	margin-left:740px;
	border-left:1px solid #333333;
	padding-left:10px;
}
#reservation p{
	margin:0;
}
#reservation input[type=text] {
	border:1px solid #CCCCCC;
	height:16px;
	vertical-align:middle;
}
#reservation input[type=checkbox] {
	vertical-align:middle;
}
#reservation .inputlengthdate {
	width:182px;
	margin-right:2px;
}
#reservation .availability {
	width:200px;
	border:1px solid #CCCCCC;
	background-color:#222222;
	color:#ffffff;
	text-align:center;
}
#reservation .mysel[type=text] {
	width:175px;
	border:1px solid #333333;
	background-color:#222222;
	color:#ffffff;
	text-align:center;
}
#reservation  input.available[type=text] {
	border:1px solid #00FF00;
	color:#00FF00;
}
#reservation  input.error[type=text]{
	border:1px solid #FF0000;
	color:#FF0000;
}
#reservation select {
	border:1px solid #CCCCCC;
	width:203px;
	height:20px;
}
#reservation h5 {
	border-bottom:1px dotted #3399cc;
	font-size:14px;
}
#reservation .resacol1{
	float:left;
	width:240px;
}
#reservation .resacol2{
	float:left;
	width:240px;
}
#reservation .resacol3{
	float:left;
}
#reservation  span{
	color:#3399cc;
}
#reservation a.termslink{
	color:#3399cc;
}
#reservation a:hover.termslink{
	text-decoration:underline;
}

/*--- FAQ ------------------------------------------------------------------------------------------------------------------------------------------------*/
#faquestions{
	padding:0 0 25px 20px;
	width:966px;
	background: url(../img/main/block_back_3.png) center top repeat-y;
	font-size:12px;
}
#faquestions .text{
	width:950px;
}
#faquestions p{
	margin:0;
}
#faquestions dt {
	color:#3399CC;
	font-size:14px;
	border-bottom: 1px solid #333333;
	margin-bottom: 8px;
}
#faquestions dt:hover {
	color:#ffffff;
}
#faquestions dd{
	margin-bottom: 15px;
}
#faquestions dd a{
	color:#3399CC;
}

/*--- ABOUT ------------------------------------------------------------------------------------------------------------------------------------------------*/
#aboutus{
	padding:0 0 25px 20px;
	width:966px;
	font-size:12px;
}
#aboutus .text{
	width:950px;
}
#aboutus p{
	margin:0;
}

/*--- CONTACT ------------------------------------------------------------------------------------------------------------------------------------------------*/
#contactform{
	padding:0 0 25px 20px;
	width:966px;
	font-size:12px;
}
#contactform .text1{
	float:left;
	width:550px;
}
#contactform .text2{
	float:left;
	border-left:1px solid #333333;
	padding-left:10px;
}
#contactform .error{
	font-weight:bold;
	background-color:#FF0000;
	text-align:center;
}
#contactform .success{
	font-weight:bold;
	background-color:green;
	text-align:center;
}
#contactform p{
	margin:0;
}
/*--- GUESTBOOK ------------------------------------------------------------------------------------------------------------------------------------------------*/
#guest{
	padding:0 0 25px 20px;
	width:966px;
	font-size:12px;
	background: url(../img/main/block_back_3.png) center top repeat-y;
}
#guest .text{
	width:950px;
}
#guest p{
	margin:0;
}
#guest h3 a{
	color: #3399cc;
}
#guest table{
	width:945px;
	border-collapse: collapse;
	border:1px solid #333333;
}
#guest table th {
	border:1px solid #333333;
}
#guest table td {
	border:1px solid #333333;
}
/*--- LEGAL ------------------------------------------------------------------------------------------------------------------------------------------------*/
#legal{
	padding:0 0 25px 20px;
	width:966px;
	font-size:12px;
}
#legal .text{
	width:950px;
}
#legal p{
	margin:0;
}
/*--- TERMS & CONDITIONS ------------------------------------------------------------------------------------------------------------------------------------------------*/
#terms{
	padding:0 0 25px 20px;
	width:966px;
	background: url(../img/main/block_back_3.png) center top repeat-y;
}
#terms .text{
	width:950px;
}
#terms p{
	margin:0;
}
#paginationterms p {
	text-align:right; 
	margin:0;
}
#paginationterms p a {
	color:#c5cbcc;
	display: inline-block;
	padding:2px 20px 2px 20px;
	background: #2e2e2e;
}
#paginationterms p a:hover {
	color:#c5cbcc;
	background: #000;
}
#paginationterms p a.active {
	font-weight:bold;
	background: #000;
}
/*--- SITEMAP ------------------------------------------------------------------------------------------------------------------------------------------------*/
#sitemap .col{
	float:left;
	width:189px;
}
#sitemap .col h2{
	color:#3399CC;
}

/*--- MAP ------------------------------------------------------------------------------------------------------------------------------------------------*/
#mpvMap{
	height:700px;
	width:945px;
}
#selectmap{
	position:absolute;
	top:60px;
	right:30px;
}
.infobox {
	color:#000000;
}
.infobox img{
	float:left;
	width:175px;
	height:135px;
}
.infobox a{
	font-size:12px;
	color:#3399cc;
}
.infobox p{
	float:left;
	margin-left:5px;
	font-family:Verdana, serif;
	font-size:11px;
	width:200px;
}
/*  Services pages-------------------------------------------------------- */
#servicemain {
	width:550px;
	float:left;
	font-size:12px;
}
#servicemain h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#3399cc;
	margin-bottom:6px;
}
#serviceside {
	width:305px;
	float:left;
	margin-left:90px;
}
#serviceside h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#3399cc;
	margin:0; margin-bottom:6px;
}
#serviceside h4 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#65696d;
	margin:0; margin-bottom:6px;
}
#servicemain a {
	font-weight:bold;
}
 /*  Services home-------------------------------------------------------- */
#servicehome img {
	margin-top:24px;
}
#servicehome {
	width:966px;
	padding:0 0 25px 20px;
	background: transparent url(../img/main/block_back_1.png) center bottom no-repeat;
}
.servicehome {
	width:305px;
	height:192px;
	float:left;
	margin-right:16px;
	position:relative;
	margin-bottom:8px;
}
.servicehome h3 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#3399cc;
	position:relative;
	top:0;
}
.servicehome h3 a {
	color:#3399cc;
	display:block;
	width:305px;
	height:192px;
	position:absolute;
	top:0;
}
.servicehome p {
	margin-top:8px;
}

.insurancetable {
	width:550px;
	border-collapse:collapse;
	background:#333;
	margin-top:8px;
	margin-bottom:24px;
}
.insurancetable td { 
    width:50%;
	vertical-align:baseline;
	padding:4px 8px 4px 12px;
	border-bottom:solid 1px #222222;
}
.insurancetd3 { 
	color:#3399cc;
	border-bottom:solid 1px #333;
}
.insurancetable th { 
    text-transform:uppercase;
	font-weight:bold;
	background:#000;
	padding:4px 8px 4px 12px;
}
#thguarantees {
	border-right:2px solid #333;
}
#benefits {
	border-left:2px solid #333;
}
.subscribe {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
}