@font-face {font-family: 'AgencyFB-Reg';src: url('AgencyFB-Reg/AgencyFB-Reg.eot');src: url('AgencyFB-Reg/AgencyFB-Reg.eot?#iefix') format('embedded-opentype'),url('AgencyFB-Reg/AgencyFB-Reg.woff') format('woff'),url('AgencyFB-Reg/AgencyFB-Reg.ttf') format('truetype');}

html { margin: 0; padding: 0; background-color: rgb(75,79,84); }
body, td, div, p, ul, ol, li, input, select, textarea { color:#ffffff; margin:0; padding:0; font-size:16px; /*font-family: "Marck Script", cursive;*/ font-family: "AgencyFB-Reg"; -webkit-font-smoothing:antialiased; text-rendering:optimizelegibility; }
body { margin: 15px 0 15px; padding: 0; text-align: left; }
a { color:#ffffff; text-decoration:none; }
a:hover { text-decoration: underline; }
.clear { clear:both; }
#content { margin: 0 auto; width: 1200px; }

header { position: relative; text-align: center; }
header #logo { padding: 0 45px; margin-bottom: 20px; overflow: hidden; }
header #logo .logo { float: left; height: 120px; }
header #logo .christies { float: right; height: 80px; margin-top: 20px; }
header .cultures { position: absolute; top: -5px; right: 45px; }
header .cultures li { display: inline-block; margin-left: 20px; font-size: 20px; text-transform: capitalize; }
header .cultures li a { padding-left: 30px; background-position: center left; background-repeat: no-repeat; }
header .cultures li.fr_FR a { background-image: url('/images/bauleetvous/flag-fr.png'); }
header .cultures li.en_GB a { background-image: url('/images/bauleetvous/flag-en.png'); }

/* menu */
#menu { padding-left:40px; height:54px; }
#menu li { float:left; margin:0 2px; list-style:none; overflow:hidden; }
#menu li a {
  display:block;
  width:222px;
  height:42px;
  padding-top:12px;
  font-size:24px;
  text-shadow:0 1px 1px #656565;
  text-align:center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c39f00+0,c39f00+37,bfac61+100 */
  background: #c39f00; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #c39f00 0%, #c39f00 37%, #bfac61 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #c39f00 0%,#c39f00 37%,#bfac61 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #c39f00 0%,#c39f00 37%,#bfac61 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c39f00', endColorstr='#bfac61',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-radius: 10px;
}
/*#menu li.aboutus-fr a { background:url(/images/bauleetvous/menu/nous-connaitre.png) no-repeat; }
#menu li.contact-fr a { background:url(/images/bauleetvous/menu/nous-contacter.png) no-repeat; }
#menu li.estates-selection-fr a { background:url(/images/bauleetvous/menu/luxe-et-exception.png) no-repeat; }
#menu li.partners-fr a { background:url(/images/bauleetvous/menu/testes-pour-vous.png) no-repeat; }*/
#menu li a:hover, #menu li a.on { color:#FFF; text-decoration:none; background:url(/images/bauleetvous/menu/button_background.png) 0 -55px no-repeat; }

.fancybox-overlay { overflow: hidden !important; background: #000 !important; }
.fancybox-estate,
.fancybox-estate .fancybox-skin,
.fancybox-estate .fancybox-outer,
.fancybox-estate .fancybox-inner {
  height: 100% !important;
}
.fancybox-estate .fancybox-title {
  top: 0;
  bottom: auto  !important;
  right: auto !important;
  left: 0;
  width: 100%;
}
.fancybox-estate .fancybox-title-float-wrap .child {
  margin: 0;
  width: 100%;
  text-align: left;
  border-radius: 0 !important;
  font-family: "AgencyFB-Reg";
  font-size: 32px;
  line-height: 32px !important;
  padding: 10px !important;
  margin: 0 !important;
  background: rgba(0,0,0,0.4) !important;
}
.fancybox-estate .fancybox-close { top: 8px !important; right: 8px !important; z-index: 8100 !important; }
.fancybox-estate #fancybox-thumbs.bottom { bottom: 10px; }

.zonewrap { float:left; width:300px; }
.zonewrap h2 { position:relative; margin-top:190px; text-align:center; }
.zone { float:left; width:300px; height:215px; }
.zone img { width:287px; height:181px; }
.zone div { position:absolute; }
.zone div.active { z-index:20; opacity:1.0; }
.zone div.last-active { z-index:10; }

/* homepage */
.home { position:relative; float:left; width:100%; margin:20px 0; text-align:center; }
.home p { font-size:28px; padding-top:40px; line-height:38px; color:#c39f00; z-index:2; }
.home p b { font-size:26px; }

/* estates */
#estates { margin-top:20px; }
#estates .thumb { position:relative; float:left; width:540px; height:200px; margin: 0px auto 15px 20px; }
#estates .thumb .details { float:left; width:223px; height:200px; text-align:right; }
#estates .thumb .pic { float:left; width:302px; height:200px; text-align:center; margin-left:15px; }
#estates .thumb .pic img { height:200px; }
#estates .thumb .title { font-size:22px; font-weight: bold; }
#estates .thumb .price { color:#c39f00; font-size:30px; font-weight: bold; }
#estates .thumb p.caption { position:absolute; z-index:100; right:0; bottom:0; width:302px; height:20px; padding-top:2px; text-align:center; background:url(/images/bauleetvous/pixel.png) repeat; }
#estates .portrait { padding-left:85px; }

.pager {  width:200px; margin:20px auto; height:20px; }
.pager li { list-style:none; float:left; width:16px; height:19px; font-size:18px; overflow:hidden; margin-left:5px; }
.pager li a { display:block; width:13px; height:14px; text-align:center; text-decoration:none; background:url(/images/bauleetvous/pager_arrows.png) -1000px no-repeat; }
.pager li a.first { text-indent:-1000px; background-position:0 0; }
.pager li a.first:hover { background-position:0 -15px; }
.pager li a.previous { width:8px; text-indent:-1000px; background-position:-14px 0; }
.pager li a.previous:hover { background-position:-14px -15px; }
.pager li a.next { width:8px; text-indent:-1000px; background-position:-23px 0; }
.pager li a.next:hover { background-position:-23px -15px; }
.pager li a.last { text-indent:-1000px; background-position:-32px 0; }
.pager li a.last:hover { background-position:-32px -15px; }
.pager li a:hover { color:#c39f00; }
.pager li.current { font-size:24px; overflow:visible; color:#c39f00; margin-top:-3px; }

/* estate */
#estate #pictures,
#estate #details { position:relative; float:left; width:50%; }
#estate #details { text-align:right; min-height:380px; }
#estate #details .user { margin: 20px 0; }
#estate .comment { padding-left:30px; font-size:22px; line-height: 31px; margin-top:20px; }
#estate .reference { font-size:22px; line-height: 31px; }
#estate form { float:right; }
#pictureLayer { position:absolute; opacity:0; filter:alpha(opacity=0); z-index:100; width:600px; height:397px; top:40px; text-align:center; background:#000; }
#pictureLayer img { max-height:397px; }
#carousel { width:600px; height:397px; margin:20px 0; }
#carousel div { position:absolute; width:600px; height:397px; text-align:center; background:#000; }
#carousel div.active { z-index:20; opacity:1.0; }
#carousel div.last-active { z-index:10; }
#carousel div img { max-height:397px; }
#estate .price { color:#c39f00; font-size:37px; font-weight:bold; text-align:right; margin:30px 200px 0 0; }
.slide { position:relative; display:none; background:#333; height:45px; padding-top:5px; }
.slide ul { left:20px; white-space: nowrap; overflow: hidden; }
.slide ul li { position: relative; display: inline-block; width:58px; margin-right:5px; height:38px; padding:2px 0 0 0; text-align:center; background:#666; overflow:hidden; list-style:none; }
.slide img { position: absolute; width: 100% !important; height: auto; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; }
#estate #thumbnails { padding: 0 25px; overflow: hidden; }
.slide .arrow { display:block; width:12px; height:14px; position:absolute; top:17px; background:url(/images/bauleetvous/arrow.png) no-repeat; text-indent:-500px; overflow:hidden; }
.slide .next { right:5px; background-position:-13px 0; }
.slide .next:hover { background-position:-13px -15px; }
.slide .prev { left:5px; }
.slide .prev:hover { background-position:0 -15px; }
.fancybox-skin { background: none repeat scroll 0 0 #000000 !important; }

.showHeader { position:relative; width:1200px; height:30px; margin:0 auto; text-align:right; }
.back {
  position:absolute; left:0; display:block; width:100px; height:24px; text-align:center; text-shadow:0 1px 1px #656565;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c39f00+0,c39f00+37,bfac61+100 */
  background: #c39f00; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #c39f00 0%, #c39f00 37%, #bfac61 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #c39f00 0%,#c39f00 37%,#bfac61 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #c39f00 0%,#c39f00 37%,#bfac61 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c39f00', endColorstr='#bfac61',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-radius: 2px;
}
.back:hover { text-decoration:none; background:url(/images/bauleetvous/back-button_background.png) 0 -25px no-repeat; }

.diagnostic { width:300px; position:absolute; margin-top:570px; }

/* about us */
.column { float:left; width:544px; margin:20px 112px 0 0; }
.column.right { margin-right:0; }
.column h1, .column h2 { font-size:30px; font-weight:normal; }
.spaceTop { margin-top:140px; }
.column p { font-size:22px; line-height:30px; }
.legal { clear:both; padding-top:40px; width:100%; text-align:center; }
#slider { width:550px; height:370px; }
#slider div { position:absolute; text-align:center; }
#slider div img { width:544px; height:363px; }
#slider div.active { z-index:20; opacity:1.0; }
#slider div.last-active { z-index:10; }

/* contact */
.contactCms { padding-top: 20px; }
input, select, textarea { background-color: #474c53; border: 1px solid #c39f00; color: #FFFFFF; font-family: Tahoma, sans-serif; font-size: 12pt; }
.contactForm { float:left; width:500px; }
.contactForm label { width:150px; float:left; }
.contactForm h2 { color:#c39f00; text-align:center; }
.contactMap { float:right; }
.contact-us-content div { margin:5px 0; }
.contact-us-content label { width:150px; float:left; }
#contact { margin-top:30px; }

/* partners */
.cms-partners .partner { clear:both; padding-top:20px; }
.cms-partners p, .cms-partners div { font-size: 24px; }
.cms-partners #pictures, .cms-partners #pictures div { width:386px; }
.cms-partners #carousel, .cms-partners #carousel div { height:197px; }
.cms-partners #carousel div img { max-height: 197px; }

footer { position:relative; clear:both; padding-top:70px; text-align: center; }
footer .info { margin-top:20px; font-size:12px; font-family:'Andale Mono', Consolas, 'Lucida Console'; font-weight:lighter; }

.appstore { position: absolute; top: 120px; right: 0; }
.appstore img { height: 50px; }

.social { position:absolute; left:50px; bottom:30px; display:block; height:38px; clear:both; }
.social li { float:left; margin-right:10px; list-style:none; }
.social a { display:inline-block; width:38px; height:38px; text-indent:-1000px; overflow:hidden; background:url(/images/bauleetvous/social.png) no-repeat; }
.social a.facebook:hover { background-position:0 -39px; }
.social a.twitter { background-position:-39px 0; }
.social a.twitter:hover { background-position:-39px -39px; }
.social a.youtube { background-position:-78px 0; }
.social a.youtube:hover { background-position:-78px -39px; }

/* selection */
#estates .altThumb { width:1200px; height:860px; margin-top:40px; }
#estates .altThumb .title { font-size:22px; text-align:right; font-weight:bold; }
#estates .altThumb  .price { color:#c39f00; font-size:30px; text-align:right; font-weight:bold; }
.frame { float:left; width:1200px; height:790px; overflow:hidden;  }
.frame div { position:absolute; height:790px; overflow:hidden; }
.frame div img { width:1200px; }
.frame div.active { z-index:20; opacity:1.0; }
.frame div.last-active { z-index:10; }

/* cms */
section.christiesMedias { text-align: center; margin-top: 40px; }
section.christiesMedias p { margin-bottom: 10px; }
section.christiesMedias img { height: 200px; margin: 0 10px 10px 10px; }