@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

html, body, header, footer, section, nav, aside, article, figure, figcaption, td, div, p, ul, ol, li, dl, dt, dd, select, input, textarea, label, button, hr { color: #004773; font:300 14px/22px 'Montserrat', sans-serif; margin:0; padding:0; list-style:none; -webkit-font-smoothing:antialiased; text-rendering:optimizelegibility; -moz-osx-font-smoothing:grayscale; }
body { width:100%; height:100%; background-color:#FFF; }
h1, h2, h3, h4, h5, h6, .title { margin:0 0 20px 0; color: #004773; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; }
/*h1, h2 { font-weight: 700; }*/
h1 span, h2 span { font-weight: 400; }
h1 { font-size: 40px; line-height: 46px; }
h2 { font-size: 32px; line-height: 36px; }
h3 { font-size: 26px; line-height: 32px; }
a { color:#004773; text-decoration:none; }
img { border:0; }
strong { font-weight:700; }
em { color:#333; }
p, ul { margin-bottom: 10px; }
header, footer, nav, section, aside, article, figure, figcaption { display:block; box-sizing:border-box; }
ul, li, div, select, textarea, input[type="text"], .button, input[type="submit"] { box-sizing:border-box; }
:focus { outline:none; }

.clearfix:after { content:""; display:table; clear:both; }

.fancybox-skin { background: #FFF; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.fancybox-skin[style] { padding:0 !important; }
.fancybox-type-ajax .fancybox-skin { padding: 10px !important; }

.fancybox-type-ajax.media .fancybox-skin { padding: 0 !important; }
.fancybox-wrap iframe { width: 100%; height: 100%; }
.fancybox-wrap .media { height: 100%; }

.owl-carousel,
.owl-wrapper-outer,
.owl-wrapper,
.owl-stage-outer,
.owl-stage,
.owl-item,
.owl-item .item {
  height: 100%;
}

.layout,
.layoutLarge,
.layoutBig {
  position: relative; width: 100%; max-width: 1040px; padding-left: 20px; padding-right: 20px; margin: 0 auto; /*overflow: hidden;*/
}
.layoutLarge { max-width: 1500px; }
.layoutBig { max-width: 1940px; }


/** COLUMNS */
.columnLeft { float: left; width: 64%; }
.columnRight { float: right; width: 32%; }
.columnRight .specialDropdown:after { border-top-color: #004773; }
/*.columnRight .search input[type="submit"] { background-position: 0 -100px; }*/

.columnRight .smallIcon.address:before,
.columnRight .smallIcon.userName:before {
  background-position: -500px -700px;
}
.columnRight .smallIcon.phone:before { background-position: -550px -700px; }
.columnRight .smallIcon.mail:before { background-position: -600px -750px; }
.columnRight .userBlock .button { color: #004773; }

.columnRight .social a.email:before { background-position: -74px -2px; }
.columnRight .social a.facebook:before { background-position: -74px -38px; }
.columnRight .social a.twitter:before { background-position: -74px -74px; }
.columnRight .social a.google:before { background-position: -74px -182px; }
.columnRight .social a.linkedin:before { background-position: -74px -254px; }



/** FORMS */
input[type="text"],
input[type="password"],
textarea,
select,
.ms-choice,
.ms-choice.disabled {
  color:#333;
  border:none;
  width:100%;
  height: 45px;
  padding: 10px 10px;
  margin-bottom: 8px;
  background:transparent;
  background-image:none;
  background-color: #FFF;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
select { text-indent: 0.01px; text-overflow: ''; }
input[type="submit"],
input[type="button"],
.button {
  color: #FFF;
  padding: 4px 10px;
  background-color: #004773;
  border: none;
  cursor: pointer;
}
/*
input[type="submit"] {
  display: block;
  width: 35px;
  height: 35px;
  text-indent: -10000px;
  margin: auto;
  background: url('/images/coteouestimmobilier/icons.svg') 0 0 no-repeat;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}*/
.ms-choice > div,
.dropdown:after {
  top: 18px;
  right: 15px;
  width: 5px;
  height: 11px;
  background: url('/images/coteouestimmobilier/icons.svg') 0 -800px no-repeat;
  transform: rotate(90deg);
}
.dropdown { position: relative; }
.dropdown:after { content: ''; position: absolute; }
.ms-parent { width: 100%; }
.ms-drop.bottom { width: 100%; text-align: left; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.ms-drop { border-radius: 0; }
.ms-drop ul { padding-right: 30px; overflow-x: hidden; }
.ms-drop input { margin-right: 5px; }
.ms-choice > span { top: 10px; }
.ms-choice > span.placeholder { color: #333; }

::-webkit-input-placeholder { color: #333; }
:-moz-placeholder { color: #333; opacity: 1; }
::-moz-placeholder { color: #333; opacity: 1; }
:-ms-input-placeholder { color: #333; }
::-ms-input-placeholder { color: #333; }

.select2-container { margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.2); }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: #f5f5f5; border: none;  }
.select2-container--default .select2-selection--multiple { min-height: 45px; padding: 6px; border: none; border-radius: 0; }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: none; }

.button {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  line-height: 20px;
  padding: 20px;
  background-color: #004773;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.specialDropdown { display: inline-block; position: relative; border-bottom: 1px solid #004773; }
.specialDropdown select {
  display: inline-block;
  width: auto;
  color: #666666;
  text-indent:1px;
  text-overflow:'';
  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
  appearance:none;
  background: none;
  box-shadow: none;
}
.specialDropdown:after,
.specialDropdown:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
}
.specialDropdown:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #F5F9FB;
  border-width: 5px;
  margin-left: -5px;
}
.specialDropdown:before {
  border-color: rgba(223, 223, 223, 0);
  border-top-color: #004773;
  border-width: 6px;
  margin-left: -6px;
}

/* special dropdown on slider */
.overflowSearch .specialDropdown { border: none; }
.overflowSearch .specialDropdown:before { content: none; }
.overflowSearch .specialDropdown:after {
  content: '';
  left: 0;
  width: 100%;
  height: 6px;
  margin: 0;
  background: url('/images/coteouestimmobilier/special-dropdown.svg') center top no-repeat;
  border: none;
}

.smallIcon:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-right: 10px;
  background: url('/images/coteouestimmobilier/icons.svg') top left no-repeat;
  vertical-align: middle;
}
.smallIcon.phone:before { width: 14px; background-position: -50px -700px; }
.smallIcon.fax:before { width: 11px; background-position: -100px -700px; }
.smallIcon.address:before,
.smallIcon.userName:before {
  width: 13px; height: 16px; background-position: 0 -700px;
}
.smallIcon.contact:before { width: 18px; background-position: 0 -750px; }
.smallIcon.mail:before { width: 14px; height: 11px; background-position: -100px -750px; }
.smallIcon.address { position: relative; padding-left: 25px; }
.smallIcon.address:before { position: absolute; top: 5px; left: 0; }

.quickLinks { display: inline-block; text-align: center; margin-bottom: 15px; border-top: 1px solid #dddddd; }
.quickLinks li { display: inline-block; margin: 0 20px; }
.quickLinks li a {
  display: block;
  color: rgba(0, 71, 115, 0.5);
  font-size: 20px;
  text-transform: uppercase;
  padding: 20px 0;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.quickLinks li:first-child { margin-left: 0; }
.quickLinks li:last-child { margin-right: 0; }
.quickLinks li a:hover,
.quickLinks li a.selected {
  position: relative; color: #004773; border-bottom: 1px solid #004773;
}
.quickLinks li a:hover:after,
.quickLinks li a:hover:before,
.quickLinks li a.selected:after,
.quickLinks li a.selected:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
}

.quickLinks li a:hover:after,
.quickLinks li a.selected:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #F5F9FB;
  border-width: 5px;
  margin-left: -5px;
}
.quickLinks li a:hover:before,
.quickLinks li a.selected:before {
  border-color: rgba(223, 223, 223, 0);
  border-top-color: #004773;
  border-width: 6px;
  margin-left: -6px;
}


.userBubble {
  width: 80px;
  height: 80px;
  margin: 0 auto 40px auto;
  background-image: url('/images/coteouestimmobilier/icons.svg');
  background-position: -184px 11px;
  border-radius: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.userBlock { text-align: center; padding: 20px 10px; margin-bottom: 40px; }
.userBlock .userBubble { width: 120px; height: 120px; margin-bottom: 20px; background-position: -163px 30px; }
.userBlock .smallIcon.address { padding-left: 0; }
.userBlock .smallIcon.address:before { position: relative; top: auto; left: auto; }
.userBlock .button { position: relative; padding-left: 40px; padding-right: 70px; background-color: #FFF; }
.userBlock .button:after {
  content: "";
  display: block;
  position: absolute;
  top: 27px;
  right: 20px;
  width: 6px;
  height: 12px;
  background: url('/images/coteouestimmobilier/icons.svg') -1500px -800px no-repeat;
}
/*
.ad { position: relative; height: 357px; margin-bottom: 40px; }
.ad:hover .picture .buttons { opacity: 1; }
.ad:hover .picture .buttons > div .button { transform: translateX(0); }
.ad .titles { width: 100%; padding: 12px 5px; text-align: center; background-color: #004773; }
.ad .titles h2,
.ad .titles h3 {
  display: block; color: #FFF; padding: 0; margin: 0; border: none;
}
.ad .titles h2 { font-size: 18px; font-weight: 300; line-height: 28px; margin: 0; }
.ad .titles h3 { font-size: 12px; font-weight: 700; line-height: 16px; }
.ad .selectionLink {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 14px;
  height: 13px;
  text-indent: -9999px;
  background: url('/images/coteouestimmobilier/icons.svg') -650px -700px no-repeat;
  opacity: 0.5;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.ad .selectionLink:hover,
.ad .selectionLinkOn {
  opacity: 1;
  transform: rotate(71deg) scale(1.4);
}
.ad .picture { height: 240px; }
.ad .picture .buttons {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.ad .picture .buttons > div { display: table-cell; vertical-align: middle; cursor: pointer; }
.ad .picture .buttons > div a { margin: 0 10px; }
.ad .picture .buttons > div .button { padding: 10px 15px; font-size: 16px; }
.ad .picture .buttons > div a:nth-child(1) { transform: translateX(-100%); }
.ad .picture .buttons > div a:nth-child(2) { transform: translateX(100%); }
.ad ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.ad ul li { font-size: 12px; line-height: 16px; color: #a7a7a7; font-weight: 700; padding: 0 10px; overflow: hidden; }
.ad ul li.price { height: 50px; color: #FFF; text-align: center; background-color: #004773; }
.ad ul li.price div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 50px;
  color: #FFF;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.ad ul li.priceSmaller div { font-size: 10px; }
.ad .soleagent {
  position: absolute;
  top: 78px;
  left: 0;
  padding: 5px 10px;
  margin: 0;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  background-color: #004773;
}

.adLogo .titles { display: table; width: 100%; text-align: left; padding: 0; min-height: 70px; }
.adLogo .titles div { display: table-cell; padding: 12px 5px 12px 10px; vertical-align: middle; }
.adLogo .titles .logo { width: 25%; padding: 5px; text-align: center; background-color: #FFF; }
.adLogo .titles .logo img { max-width: 100%; max-height: 100%; }
*/

/** MAP */
section.map { position: relative; }
.estate-map footer { margin-top: 0; }

#mapContainer { position: relative; }
#mapContainer > .button { position: absolute; bottom: 20px; left: 20px; }
#mapContainer > .button:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 11px;
  margin-right: 10px;
  background: url('/images/coteouestimmobilier/icons.svg') -1500px -800px no-repeat;
}
#mapContainer > .button:hover { color: #ffffff; background-color: #004773; }
#mapContainer > .button:hover:before { background-position: -500px -800px; }

.mapPopup,
.estateMapPopup,
.estateMapPopup > ul,
.estateMapPopup > ul .ad {
  min-height: 100%;
}
.estateMapPopup .ad { width: 100%; margin: 0; }
.estateMapPopup .ad .titles { min-height: 70px; }
.estateMapPopup .ad .picture { height: 202px; }
.estateMapPopup .ad .picture img { opacity: 1; }
.estateMapPopup .list li { display: table; width: 100%; margin-bottom: 1px; overflow: hidden; }
.estateMapPopup .list li:nth-child(even) { background-color: #f5f5f5; }
.estateMapPopup .list li .picture { display: table-cell; width: 100px; height: 100%; min-height: 70px; }
.estateMapPopup .list li .picture img { opacity: 1; }
.estateMapPopup .list li .infos { display: table-cell; padding: 10px; font-size: 14px; line-height: 18px; }
.estateMapPopup .list li .price { font-size: 12px; }

.mapPopupClose {
  right: -26px !important;
  top: 0px !important;
  padding: 5px;
  background: #004773;
  width: 26px;
}

.pin {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  color: #FFF;
  padding-top: 3px;
  font-size: 12px;
  text-align: center;
  margin: -20px 0 0 -20px;
  background-color: #004773;
  border-radius: 50%;
  z-index: 99;
  cursor: pointer;
}
.pin:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 13px;
  margin: 8px 0 0 8px;
  background-image: url('/images/coteouestimmobilier/icons.svg');
  background-position: center center;
  background-repeat: no-repeat;
  transform: rotate(45deg);
}
.pin_1:after { background-position: -497px -900px; }
.pin_2:after { background-position: -549px -900px; }
.pin_3:after { background-position: -600px -899px; }
.pin_4:after { background-position: -650px -898px; }
.pin_5:after { background-position: -695px -898px; }
.pin_6:after { background-position: -497px -950px; }
.pin_7:after { background-position: -550px -950px; }
.pin_8:after { background-position: -600px -950px; }
.pin_9:after { background-position: -650px -948px; }
.pin_10:after { background-position: -700px -950px; }
.pinEstate:hover,
.pinAgency:hover,
.pinUser:hove {
  -webkit-animation: pinHover 800ms ease-in-out infinite;
}
.pinEstate, .pinAgency, .pinUser { padding: 0; text-align: left; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); }
.pinClustered { text-indent: -10000px; margin: 0; background-color: #004773; }
.pinClustered:after { top: 0; display: block; padding: 0; text-align: left; text-indent: 0; background-position: -549px -900px; transform: rotate(0); }
.pinAgency:after, .pinClusteredAgency:after { background-position: -650px -898px; }
.pinUser:after, .pinClusteredUser:after { background-position: -650px -750px; }


@-webkit-keyframes pinHover {
  0% { -webkit-transform: rotate(-45deg); }
  50% { -webkit-transform: translate3d(0,-8px,0) rotate(-45deg); }
  100% { -webkit-transform: rotate(-45deg); }
}

@-moz-keyframes pinHover {
  0% { -webkit-transform: rotate(-45deg); }
  50% { -webkit-transform: translate3d(0,-8px,0) rotate(-45deg); }
  100% { -webkit-transform: rotate(-45deg); }
}

@-o-keyframes pinHover {
  0% { -webkit-transform: rotate(-45deg); }
  50% { -webkit-transform: translate3d(0,-8px,0) rotate(-45deg); }
  100% { -webkit-transform: rotate(-45deg); }
}

@keyframes pinHover {
  0% { -webkit-transform: rotate(-45deg); }
  50% { -webkit-transform: translate3d(0,-8px,0) rotate(-45deg); }
  100% { -webkit-transform: rotate(-45deg); }
}


/** SOCIAL LINKS */
.shareBlock { text-align: center; padding: 20px 20px 40px 20px; margin-bottom: 40px; }
.shareBlock h2 { padding-bottom: 0; border: none; }
.shareBlock .socialLinks a { display: block; width: 32px; height: 32px; overflow: hidden; }

.socialLinks { text-align: center; }
.socialLinks li { display: inline-block; margin-left: 10px; margin-right: -0.25em; vertical-align: middle; }
.socialLinks li:first-child { margin-left: 0; }
.socialLinks a:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url('/images/coteouestimmobilier/social.svg');
  background-repeat: no-repeat;
  vertical-align: middle;
  overflow: hidden;
}

.social a.email:before { background-position: -38px -2px; }
.social a.email:hover:before { background-position: -74px -2px; }
.social a.facebook:before { background-position: -38px -38px; }
.social a.facebook:hover:before { background-position: -74px -38px; }
.social a.twitter:before { background-position: -38px -74px; }
.social a.twitter:hover:before { background-position: -74px -74px; }
.social a.youtube:before { background-position: -38px -110px; }
.social a.youtube:hover:before { background-position: -74px -110px; }
.social a.dailymotion:before { background-position: -38px -146px; }
.social a.dailymotion:hover:before { background-position: -74px -146px; }
.social a.google:before { background-position: -38px -182px; }
.social a.google:hover:before { background-position: -74px -182px; }
.social a.instagram:before { background-position: -38px -218px; }
.social a.instagram:hover:before { background-position: -74px -218px; }
.social a.linkedin:before { background-position: -38px -254px; }
.social a.linkedin:hover:before { background-position: -74px -254px; }
.social a.pinterest:before { background-position: -38px -290px; }
.social a.pinterest:hover:before { background-position: -74px -290px; }

.search { padding: 10px; margin-bottom: 40px; }
.search h2 { font-size: 20px; line-height: 26px; text-align: center; margin-bottom: 10px; }
.search input[type="text"], .search select { width: 100%; }
/*.search input[type="submit"] {
  display: block;
  width: 35px;
  height: 35px;
  text-indent: -10000px;
  margin: 10px auto;
  background: url('/images/coteouestimmobilier/icons.svg') 0 -100px no-repeat;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}*/
.search .nature .ms-choice,
.order .ms-choice {
  text-align: center;
  background: none;
  border: none;
  overflow: visible;
  margin-bottom: 20px;
  padding: 0;
}
.search .nature .ms-choice > div,
.order .ms-choice > div {
  display: none;
}
.search .nature .ms-choice > span,
.order .ms-choice > span {
  position: relative;
  display: inline-block;
  left: auto;
  right: auto;
  padding: 0 0 10px 0;
  overflow: visible;
}
.order .ms-choice { text-align: right; }
.order .ms-drop.bottom { right: 0; max-width: 200px; }
.order select { width: auto; padding-right: 40px; margin: 0; background: none; border: none; }
.search .nature .ms-choice > span { font-size: 30px; font-weight: 300; margin-bottom: 40px; }

.search #sector { display: none; }
.search svg { display: block; margin: 30px auto 20px auto; overflow: visible; }
.search .mapSector polygon {
  opacity:0.5;
  fill:#FFFFFF;
  stroke:#004773;
  stroke-miterlimit:10;
  -webkit-transition: fill .8s cubic-bezier(0,.6,.4,1);
  -moz-transition: fill .8s cubic-bezier(0,.6,.4,1);
  -ms-transition: fill .8s cubic-bezier(0,.6,.4,1);
  -o-transition: fill .8s cubic-bezier(0,.6,.4,1);
  transition: fill .8s cubic-bezier(0,.6,.4,1);
}
.search .mapSector .name { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; fill: #004773; }
.search .mapSector .city { font-size: 9px; fill: #004773; }
.search .mapSector:hover polygon,
.search .mapSector.active polygon {
  fill: #e0ecf3; opacity: 1;
}
.search .wave { fill:none; stroke:#004773; stroke-width:0.3; }
.search input[type="submit"] { display: block; margin: auto; }


.overflowSearch {
  position: absolute;
  left: -9999px;
  right: -9999px;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  background: none;
  z-index: 99;
  overflow: visible;
}
.overflowSearch .fields { padding: 10px 10px 0 10px; margin: auto; background: rgba(74, 19, 74, 0.7); }
.overflowSearch .fields .field { float: left; width: 18%; text-align: left; margin-bottom: 10px; }
.overflowSearch input[type="submit"] { position: absolute; top: 60px; right: 215px; background-position: -500px -100px; }
.overflowSearch .specialDropdown { margin-bottom: 10px; }
.overflowSearch input[type="text"],
.overflowSearch textarea,
.overflowSearch select,
.overflowSearch .ms-choice,
.overflowSearch .ms-choice.disabled {
  margin-bottom: 0;
}

@media screen and (min-width:1025px) {
  .overflowSearch .nature .ms-choice > span { color: #FFF; }
}

.overflowSearch .nature .ms-drop.bottom { left: -9999px; right: -9999px; max-width: 250px; margin: auto; }

.overflowSearch .select2-container { width: 100% !important; max-width: 100%; margin-right: 1px; margin-bottom: 0; }
.overflowSearch .select2-container--default .select2-selection--multiple { max-height: 45px; padding: 10px; overflow: hidden; }
.overflowSearch .select2-container .select2-search--inline .select2-search__field { margin-top: 0; }

.overflowSearch .advancedSearch { display: none; float: none; width: 100% !important; clear: both; }
.overflowSearch .advancedSearchLink { color: #FFF; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }


/** HEADER */
header { margin-bottom: 20px; background-color: #004773; }
.homepage-contact header,
.estate-show header {
  margin: 0;
}

header .ribbon { padding: 10px 0; }
header .ribbon > .layoutLarge:after { content: ""; display: block; width: 100%; height: 10px; padding-top: 9px; border-bottom: 1px solid #FFF; }
header .ribbon p,
header .ribbon a {
  color: #FFF;
}
header .ribbon p { float: left; margin: 0; }
header .ribbon p > span:after { content: " - "; }
header .ribbon p > span:last-child:after { content: none; }
header .ribbon p span.address span {font-size: 17px;}
header .ribbon p span.sep { display: inline-block; width: 29px; height: 21px; margin: 0 10px; background: url('/images/coteouestimmobilier/wave-white-mini.png') center center no-repeat; vertical-align: top; }
header .ribbon p span.phone { font-weight: 700; }
header .ribbon ul.culture { float: right; margin: 0; }
header .ribbon ul.culture li { display: inline-block; margin-left: 5px; }
header .ribbon ul.culture li:first-child { margin-left: 0; }
header .ribbon ul.culture li a { display: block; font-size: 14px; }
header .ribbon ul.culture li a:before { content: "▪︎"; margin-right: 5px; }

header .logo { position: relative; float: left; margin: 10px 0; z-index: 12; }
header .logo img { max-width: 100%; }

header .christies { position: absolute; top: 25px; right: 20px; height: 65px; }

header nav { position: absolute; top: 47px; left: 0; width: 100%; }
header nav ul.menu { text-align: center; padding-right: 20px; margin: 0; }
header nav ul.menu > li.btn { display: none; margin-bottom: 10px; }
header nav ul.menu > li.btn a { width: 36px; height: 32px; margin-top: 9px; background: url('/images/coteouestimmobilier/icons.svg') -700px -100px no-repeat; border: none; }
header nav ul.menu > li { display:inline-block; position: relative; vertical-align: middle; }
header nav ul.menu li.submenus ul {
  display: none;
  background: #004773;
  position: absolute;
  top: 100%;
  left: -9999px;
  right: -9999px;
  max-width: 200px;
  margin: 0 auto 0 auto;
  z-index: 10;
}
header nav ul.menu li.submenus:hover ul {display: block;text-align: center;}
header nav ul.menu li.submenus ul li {padding: 10px;}
header nav ul.menu li.submenus ul li a {font-weight: 400; text-transform: uppercase; color: #fff;}

header .ribbon iframe {
  position: relative;
  left: 0;
  display: block;
  margin: auto;
}
@media screen and (min-width: 1301px) {
  header .ribbon p { float: none; text-align: center; }
  header .ribbon ul.culture { margin-top: -22px; }
  header .ribbon iframe {
    position: absolute;
    top: 0;
    left: 20px;
  }
}

@media screen and (min-width: 641px) {
  header nav ul.menu > li:before { content: "▪︎"; color: #FFF; margin: 0 5px; }
  header nav ul.menu > li:nth-child(2):before { content: none; }
}

header nav ul.menu > li > a {
  display: inline-block;
  color: #FFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
header nav ul.menu > li.over > a,
header nav ul.menu > li:hover > a {
  color: #F5F9FB;
}


/** FOOTER */
footer { padding-top: 20px; padding-bottom: 20px; margin-top: 80px; background-color: #004773; }
.estate-show footer {
  margin-top: 0;
}

footer > .layout { padding-right: 140px; }
footer h3 { font-size: 20px; line-height: 24px; color: #FFF; margin-bottom: 20px; }
footer p { text-align: center; }
footer p, footer a, footer li { color: #FFF; font-size: 14px; }

footer .logo,
footer .address {
  float: left; width: 28%;
}
footer .phone,
footer .network {
  float: left; width: 36%;
}
footer .logo img { height: 70px; }
footer .links { float: left; width: 72%; margin-top: 20px; }
footer .links ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}


footer .phone { padding: 32px 0; }
footer .phone p { text-align: left; margin: 0; }
footer .phone p, footer .phone a { font-size: 18px; }

footer .network { padding: 27px 0 27px 10px; }

footer .address { margin-top: 20px; clear: both; }
footer .address p { text-align: left; }


footer .network ul.socialLinks { text-align: left; }
footer .network ul.socialLinks li a { display: block; width: 32px; height: 32px; overflow: hidden; }
footer .network ul.socialLinks li a:before { display: block; background-color: #FFF; border-radius: 100%; }
footer .network ul.socialLinks li a.facebook:before { background-position: -74px -38px; }
footer .network ul.socialLinks li a.twitter:before { background-position: -74px -74px; }
footer .network ul.socialLinks li a.google:before { background-position: -74px -182px; }
footer .network ul.socialLinks li a.youtube:before { background-position: -74px -110px; }
footer .network ul.socialLinks li a.instagram:before { background-position: -74px -218px; }
footer .network ul.socialLinks li a.linkedin:before { background-position: -74px -254px; }



footer .christies { position: absolute; top: 120px; right: 20px; height: 150px; }
footer .credits { padding-top: 20px; clear: both; }
/*
footer ul { text-align: center; padding: 20px 0; }
footer li { display: inline-block; margin-right: 10px; }
footer li:after { content: "|"; color: #FFF; padding-left: 10px; }
footer li:last-child { margin: 0; }
footer li:last-child:after { content: none; }
*/


/** HOMEPAGE */
section.homepagePictures { position: relative; margin-bottom: 60px; }
section.homepagePictures > .layoutLarge { height: 500px; }

.home-carousel { float: left; width: 66%; height: 100%; }
.home-carousel .resizePicture img { opacity: 1; }

.homepageSearch { float: right; width: 32%; height: 100%; background-color: #F5F9FB; }
.homepageSearch .field { float: left; width: 48%; margin: 0 1%; }
.homepageSearch .field:nth-child(even) { clear: both; }

section.selection { margin-bottom: 80px; overflow: hidden; }
section.selection ul { margin: 0 -1%; }
section.selection ul li { float: left; width: 31.33%; text-align: center; margin: 0 1%; }
section.selection ul li .picture { width: 100%; height: 280px; margin-bottom: 10px; }
section.selection ul li .content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 50px 10px 10px 10px;
  background: rgba(0,0,0,.7);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  z-index: 99;
}
section.selection ul li .content h3 { font-size: 22px; color: #FFF; text-transform: uppercase; }


/*
section.selection { text-align: center; margin-bottom: 80px; overflow: hidden; }
section.selection h2 { display: block; font-size: 46px; line-height: 52px; padding: 0; border: none; }

section.selection .quickLinks > li { padding-bottom: 65px; }
section.selection .quickLinks > li:first-child { margin-left: 0; }
section.selection .quickLinks > li:last-child { margin-right: 0; }
section.selection .quickLinks > li ul { display: none; position: absolute; left: -9999px; right: -9999px; margin: auto; }

section.selection .ads { margin: 0 -1%; }
section.selection .ads li { position: relative; float: left; width: 31.33%; height: 240px; margin: 0 1% 20px 1%; white-space: nowrap; }
section.selection .ads li .picture { width: 100%; height: 100%; }
section.selection .ads li .infos { position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 5px; text-align: center; background-color: rgba(74, 19, 74, 0.7); }
section.selection .ads li h4,
section.selection .ads li p {
  color: #FFF; margin: 0;
}
section.selection .ads li h4 { font-size: 18px; font-weight: 300; margin-bottom: 5px; }
section.selection .ads li p { font-size: 12px; font-weight: 700; line-height: 16px; }

section.selection .ads li.adLogo .infos { display: table; width: 100%; text-align: left; padding: 0; min-height: 70px; }
section.selection .ads li.adLogo .infos > div {
  display: table-cell; padding: 12px 5px 12px 10px; vertical-align: middle;
}
section.selection .ads li.adLogo .logo { width: 25%; padding: 5px; text-align: center; background-color: #FFF; }
section.selection .ads li.adLogo .logo img { max-width: 100%; max-height: 100%; }*/

section.homepageContent { margin-bottom: 80px; }
section.homepageContent > .layoutLarge { display: table; }
section.homepageContent h1 { max-width: 800px; font-size: 32px; line-height: 40px; text-align: center; margin: 0 auto 40px auto; }
section.homepageContent .picture { display: table-cell; width: 50%; }
section.homepageContent article.cms { display: table-cell; width: 50%; padding: 40px !important; background-color: #F5F9FB; }

section.homepageTeam { text-align: center; margin-bottom: 80px; }
section.homepageTeam > .layoutLarge { padding-top: 40px; background-color: #f5f5f5; }
section.homepageTeam article.user { margin-bottom: 40px; }
section.homepageTeam article.user > a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
section.homepageTeam article.user .picture,
section.homepageTeam article.user .infos {
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  padding: 0 40px;
  text-align: center;
  vertical-align: middle;
}
section.homepageTeam article.user .picture .userBubble { width: 300px; height: 300px; background: #FFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
section.homepageTeam article.user .picture .userBubble img {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
section.homepageTeam article.user:hover .picture .userBubble img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
section.homepageTeam article.user .infos p { line-height: 28px; }
section.homepageTeam article.user:nth-child(odd) .picture { order: 2; }
section.homepageTeam article.user:nth-child(odd) .infos { order: 1; }


section.homepageNews { margin-bottom: 80px; }
section.homepageNews .news { background-color: #f5f5f5; }
section.homepageNews .news .picture { float: left; width: 50%; height: 400px; }
section.homepageNews .news article { float: right; width: 50%; padding: 40px; text-align: center; }
section.homepageNews .news article h2 {}
section.homepageNews .news article h3 { display: block; }
section.homepageNews .news article p { text-align: justify; }

.homepageNewsList { padding-top: 10px; }
.homepageNewsList > div,
.homepageNewsList .button {
  float: left; width: 24.25%; height: 60px;
}
.homepageNewsList > div {
  margin-right: 1%;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  opacity: 0.5;
}
.homepageNewsList > div:hover { opacity: 1; }
.homepageNewsList .button { position: relative; text-align: center; }
.homepageNewsList .button span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.homepageNewsList .button:before {
  content: '';
  position: absolute;
  top: 27px;
  right: 25px;
  display: block;
  width: 5px;
  height: 11px;
  background: url('/images/coteouestimmobilier/icons.svg') -1500px -800px no-repeat;
}
.homepageNewsList .button:hover { color: #ffffff; background-color: #004773; }
.homepageNewsList .button:hover:before { background-position: -500px -800px; }

section.homepageShortcuts ul { margin: 0 -1%; text-align: center; }
section.homepageShortcuts ul li { float: left; position: relative; margin: 0 1% 20px 1%; }
section.homepageShortcuts ul li .content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 50px 10px 10px 10px;
  background: rgba(0,0,0,.7);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  z-index: 99;
}
section.homepageShortcuts ul li .content h2 {
  display: block;
  padding: 0;
  margin-bottom: 10px;
  text-align: center;
  color: #FFF;
  border: none;
}
section.homepageShortcuts ul li .content p { color: #FFF; text-align: center; }
section.homepageShortcuts ul li .picture { width: 100%; height: 100%; }
section.homepageShortcuts_50 ul li { width: 48%; height: 350px; }
section.homepageShortcuts_33 ul li { width: 31.33%; height: 250px; }
section.homepageShortcuts ul li .picture img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
section.homepageShortcuts ul li:hover .picture img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/** LISTING */
section.listing { padding-top: 80px; }
section.listing .cms { margin-bottom: 40px; }
section.listing .similar p { font-size: 18px; }
section.listing .order { text-align: right; padding: 0 0 0 10px; margin-bottom: 20px; background-color: #F4F8F9; }
section.listing .order label {
  float: left;
  display: inline-block;
  width: 25%;
  height: 45px;
  text-align: left;
  padding-top: 12px;
  vertical-align: middle;
}
section.listing .order .dropdown {
  display: inline-block;
  width: 70%;
  margin: 0;
  vertical-align: middle;
}

.columnRight .order,
.columnRight .listingSearch {
  background-color: #F5F9FB;
}

.noResults { padding: 20px; background-color: #F5F9FB; }
.noResults h2 { font-size: 26px; line-height: 32px; margin-bottom: 10px; }

.ads { margin: 0; overflow: hidden; }
.ad { position: relative; padding: 40px; margin-bottom: 40px; background-color: #F5F9FB; }
.ad h2 { font-size: 20px; line-height: 24px; margin-bottom: 10px; }
.ad h2 span { float: right; font-weight: 700; }
.ad .picture { float: left; width: 48%; height: 290px; }
.ad .infos { float: right; width: 48%; }
.ad .infos p { font-size: 13px; line-height: 18px; text-align: justify; margin-bottom: 10px; }
.ad .infos .price { font-weight: 700; margin-bottom: 10px; }
.ad .infos .reference { font-weight: 700; }
.ad .infos ul li { font-size: 13px; line-height: 16px; margin-bottom: 4px; }

.contentTop { margin-bottom: 20px; }
.contentBottom { margin-top: 20px; }
.contentTop p,
.contentBottom p {
  text-align: justify;
}

.estate-sector article.columnLeft article.contentTop h2, 
.estate-sector article.columnLeft article.contentTop h3,
.estate-sector article.columnLeft article.contentBottom h2, 
.estate-sector article.columnLeft article.contentBottom h3 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.estate-index article.columnLeft article.contentBottom a,
.estate-sector article.columnLeft article.contentBottom a {
  font-weight: 600;
}


.estatePopupOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); }
.estatePopupWrapper {
  display: none;
  position: fixed;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  width: 100%;
  max-width: 800px;
  height: 100%;
  max-height: 780px;
  padding: 20px;
  margin: auto;
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  z-index: 99;
}
.estatePopup { float: none; width: auto; height: auto; margin: 0; }
.estatePopup .comment { color: #a7a7a7; line-height: 24px; margin: 20px 0; }
.estatePopup .buttons { text-align: center; margin: 0 -10px; }
.estatePopup .buttons a { margin: 0 10px; }
.estatePopup .buttons .estatePopupClose { font-size: 14px; padding: 10px; margin-top: 15px; }
.popup-carousel { height: 424px; }
.popup-carousel .owl-controls { position: relative; margin-top: -35px; z-index: 99; }
.popup-carousel .owl-nav { display: none; }
.popup-carousel .owl-dots .owl-dot span { background-color: #004773; border: 2px solid #004773; }
.popup-carousel .owl-dots .owl-dot.active span,
.popup-carousel .owl-dots .owl-dot:hover span {
  background-color: #FFF;
}

ul.pager { text-align: center; overflow: hidden; }
ul.pager li {
  display: inline-block;
  width: 36px;
  height: 39px;
  font-size: 12px;
  margin-right: -0.25em;
}
ul.pager li a,
ul.pager li span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px 0px;
  font-weight: 700;
  text-align: center;
}
ul.pager li a { color: #004773; }
ul.pager li.current span,
ul.pager li a:hover {
  color: #FFF; background-color: #004773;
}
ul.pager li.firstpage a,
ul.pager li.previouspage a,
ul.pager li.nextpage a,
ul.pager li.lastpage a {
  text-indent: -10000px;
  background-image: url('/images/coteouestimmobilier/icons.svg');
  background-position: -50px -800px;
  background-repeat: no-repeat;
}
ul.pager li.firstpage a { background-position: -35px -785px; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); transform:rotate(-180deg); }
ul.pager li.previouspage a { background-position: 17px -785px; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); transform:rotate(-180deg); }
ul.pager li.nextpage a { background-position: 17px -786px; }
ul.pager li.lastpage a { background-position: -35px -786px; }

ul.pager li.firstpage a:hover { background-position: -535px -785px; }
ul.pager li.previouspage a:hover { background-position: -483px -785px; }
ul.pager li.nextpage a:hover { background-position: -483px -786px; }
ul.pager li.lastpage a:hover { background-position: -535px -786px; }

/*listing user*/
section.main.listing.user .columnLeft, section.main.listing.user .columnRight .listingSearch {
  display: none;
}
section.main.listing.user .columnRight {
  width: 100%;
}
section.main.listing.user .userBlock {
  max-width: 800px;
  margin: auto;
}
section.main.listing.user .userBlock .content {
  margin: 20px 0;
  text-align: justify;
}

/** SHOW */
.showPictures { position: relative; height: 520px; margin-bottom: 80px; background-color: #F5F9FB; overflow: hidden; }
.showPictures > article { display: table; position: absolute; top: 0; right: 0; width: 32%; height: 100%; background-color: rgba(255,255,255,0.8); z-index: 10; }
.showPictures > article div { display: table-cell; padding: 20px; vertical-align: middle; }
.showPictures > article h2 { font-weight: 400; padding: 0; border: none; }
.showPictures > article ul li { font-size: 18px; line-height: 24px; color: #004773; margin-bottom: 15px; }
.showPictures > article ul li.price { font-weight: 700; }

.showPictures > article .medias a { display: inline-block; width: 40px; height: 32px; text-indent: -10000px; margin-left: 10px; background: url('/images/coteouestimmobilier/icons.svg') 0 -1400px no-repeat; }
@media only screen and (min-width: 1025px) {
  .showPictures > article .medias a {
    transform: translate(6px, 10px) scale(1.3);
  }
}
.showPictures > article .medias a:first-child { margin-left: 0; }

.showPictures > .button { position: absolute; z-index: 10000; padding: 12px; padding-left: 30px; margin: 20px; clear: both; font-size: 14px; }
.showPictures > .button:before {
  content: "";
  display: block;
  position: absolute;
  top: 17px;
  left: 12px;
  width: 6px;
  height: 12px;
  background: url('/images/coteouestimmobilier/icons.svg') -100px -800px no-repeat;
}

.show-carousel .owl-stage { left: -16%; }
.show-carousel .owl-controls .owl-nav .owl-prev,
.show-carousel .owl-controls .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  width: 75px;
  height: 100px;
  padding: 0;
  margin: -50px 0 0 0;
  text-indent: -10000px;
  background: rgba(255, 255, 255, 0.5) url('/images/coteouestimmobilier/icons.svg') top left no-repeat;
  border-radius: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.show-carousel:hover .owl-controls .owl-nav .owl-prev,
.show-carousel:hover .owl-controls .owl-nav .owl-next {
  opacity: 1;
}
.show-carousel .owl-controls .owl-nav .owl-prev { left: 0; margin-left: 20px; background-position: 27px -1070px; }
.show-carousel .owl-controls .owl-nav .owl-next { right: 32%; margin-right: 20px; background-position: 33px -1220px; }

section.show .columnRight > div { margin-bottom: 40px; background-color: #F5F9FB; }

section.show h1 { display: block; padding: 0; border: none; }
section.show h2 { display: block; text-align: center; padding: 0; margin: 0 auto 20px auto; border: none; }
section.show h3 { display: block; font-size: 18px; font-weight: 400; line-height: 24px; text-align: center; margin-bottom: 20px; }

section.show .titles { text-align: center; }
section.show .comment { text-align: justify; margin: 60px auto 30px auto; }
section.show .columnLeft .contactButton { margin-bottom: 60px; text-align: center; }

section.show .map { margin: 80px auto; }

section.show .media { margin-bottom: 20px; }
section.show .media iframe { width: 100%; height: 400px; }

section.show .media.rhinov { position: relative; padding-bottom: 75%; }
section.show .media.rhinov iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.show .contactLine { margin: 80px auto 0 auto; }
.contactLine { padding: 40px 0; margin: 80px auto; background-color: #F5F9FB; }
.contactLine > .layout > div { display: table; width: 100%; }
.contactLine > .layout > div > div { display: table-cell; width: 50%; vertical-align: middle; }
.contactLine > .layout > div > div:last-child { padding: 10px; background-color: #F5F9FB; }
.contactLine h2 {
  display: block;
  text-align: center;
  padding: 0;
  margin: 0 auto 20px auto;
  border: none;
}
.contactLine .picture { height: 80px; margin-bottom: 40px; }
.contactLine .picture img { max-width: 100%; height: 100%; }
.contactLine .userBubble { margin: 0 0 40px 0; background-color: #FFF; }
.contactLine .agency,
.contactLine .user {
  float: left; width: 50%;
}
.contactLine .agency.large { float: none; width: auto; margin: auto; }
.contactLine .agency p,
.contactLine .user p {
  font-size: 14px; margin-bottom: 30px;
}
.contactLine .smallIcon { display: block; }
.contactLine textarea { height: 200px; }

.error_list li { color: #f22613; }
.contact-us-content .contactus-grpd { margin: 0 0 10px; }
.contact-us-content .contactus-grpd a { text-decoration: underline; }


section.show .detailsList .details ul li,
.areas li {
  padding: 2px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
section.show .detailsList .details ul li:before {
  content: "▪︎";
  margin-right: 5px;
}




/*section.show .detailsList .details ul li.alt, .areas li.alt { background-color: #F5F9FB; }
section.show .detailsList .details ul li span, .areas li span { float: right; }*/
section.show .detailsList .details ul li span,
section.show .detailsList .services ul li,
.areas li span {
  font-weight: 700;
}
.areas li { margin-bottom: 0; }
.areas > div { margin-bottom: 40px; }

section.show .detailsList .legal ul li span {
  margin-left: 3px;
}


section.show .detailsList .details { margin-bottom: 40px; }
section.show .detailsList ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

section.show .lots table { table-layout: fixed; width: 100%; }
section.show .lots table th,
section.show .lots table td {
  width: 25%; text-align: left;
}

.diagnostics { text-align: center; }



.similarBlock { padding: 20px; margin-bottom: 40px; }
.similarBlock .item { margin-bottom: 40px; }
.similarBlock .item > a { display: table; width: 100%; }
.similarBlock .item > a > div { display: table-cell; vertical-align: middle; }
.similarBlock .item > a > div:first-child { width: 100px; }
.similarBlock .item .picture {
  width: 150px;
  height: 110px;
  margin: 0 20px 0 0;
  background-color: #F5F9FB;
  z-index: 1;
}
.similarBlock .item h3 { font-weight: 300; font-size: 14px; line-height: 18px; text-align: left; margin-bottom: 5px; }
.similarBlock .item .price { font-size: 12px; font-weight: 700; }



/** CMS/CONTACT */
@media screen and (min-width:768px) {
  section.contact .ads .ad { width: 31.33%; }
}

section.contact .cms { margin-bottom: 40px; }
section.contact .cms h1 { text-align: center; }
section.contact .contactLine { margin: 0; background: none; }

article.cms p { text-align: justify; }

.fancybox-inner > .customForm { padding: 20px; }

.agencyMapPopup { width: 320px !important; padding: 10px; text-align: center; background-color: #f5f5f5; }
.agencyMapPopup .picture { height: 120px; margin-bottom: 20px; }
.agencyMapPopup .picture img { max-width: 100%; max-height: 100%; }
.agencyMapPopup .contact p { float: left; width: 50%; }
.agencyMapPopup p { font-size: 12px; text-align: left; }
.agencyMapPopup .button { font-size: 15px; padding: 10px; background-color: #FFF; }

.userMapPopup { padding: 10px; text-align: center; }
.userMapPopup .userBubble { margin-bottom: 10px; }
.userMapPopup ul { text-align: left; }

.sellBlock { padding: 10px; background-color: #004773; }
.sellBlock h3,
.sellBlock label {
  color: #FFF;
}
.sellBlock .checkbox_list { margin-bottom: 10px; }

.sellBlock input[type="submit"] { background-color: #fff; color: #004773; }

.sellBlock .contact-us-content .contactus-grpd a {
    color: #fff;
}

.cmsPictures { text-align: center; margin: 20px -1%; overflow: hidden; }
.cmsPictures img { float: left; width: 48%; margin: 0 1%; }

section.cms { margin-top: 40px; }
section.cms article.cms { padding: 40px; }
section.cms article.cms h1 { margin: 40px auto 80px auto; text-align: center; }
section.cms article.cms h1:after {
  content: "";
  display: block;
  width: 51px;
  height: 30px;
  margin: 0 auto;
  background: url('/images/coteouestimmobilier/wave.png') center left no-repeat;
}
section.cms article.cms h2,
section.cmsForm article.cms h2,
section.listing article.cms h2 {
  margin-top: 80px;
}
section.columns { margin-bottom: 10px; }

@media screen and (min-width: 769px) {
  section.columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}

section.cms .hook { font-size: 18px; line-height: 26px; margin-bottom: 80px; }

section article.cms img,
section.cmsForm article.cms img {
  max-width: 100%;
}


/** LEGAL */
section.cms article.publisher,
section.cms article.hosting {
  padding-top: 0;
}
section.cms article.publisher h2,
section.cms article.hosting h2 {
  margin-top: 0;
}


/** NEWS */
section.newsList article { margin-bottom: 40px; }
section.newsList article:nth-child(odd) { background-color: #F5F5F5; }
section.newsList article:nth-child(odd) .button { background-color: #FFF; }
section.newsList article h2 { padding-bottom: 0; border: none; }
section.newsList article .picture { float: left; width: 40%; height: 250px; margin-right: 20px; }
section.newsList article .content { float: right; width: 58%; padding: 10px; }

section.newsshow .titles { text-align: center; }
section.newsshow h2 { display: block; font-size: 18px; font-weight: 400; line-height: 24px; text-align: center; padding: 0; margin-bottom: 20px; border: none; }
section.newsshow .buttons { margin-top: 40px; }
section.newsshow .buttons p { text-align: center; }


/** SOLD PROPERTIES */
section.soldshow article.cms .back { margin-top: 40px; text-align: center; }
section.soldshow article.cms .picture { width: 100%; height: 500px; margin-bottom: 40px; }


/** MARKET CONDITIONS */
.cms-statemarket .ad .picture { display: none; }
.cms-statemarket .ad .infos { float: none; width: auto; }


/** AGENCIES */
aside.map .results {
  display: block;
  position: absolute;
  left: -9999px;
  right: -9999px;
  bottom: 20px;
  max-width: 300px;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  padding: 15px 30px;
  margin: auto;
  background-color: #FFF;
  box-shadow: 0 0 1px rgba(0,0,0,.3);
}

section.agencies aside.map { position: relative; margin-bottom: 40px; }
section.agenciesList article.agency { display: table; width: 100%; margin-bottom: 20px; }
section.agenciesList article.agency .resizePicture { display: table-cell; width: 50%; height: 100%; margin-bottom: 0; background-color: #F5F5F5; }
section.agenciesList article.agency .infos { display: table-cell; width: 50%; padding: 20px; }
section.agenciesList article.agency .infos h2 { margin-bottom: 10px; }
section.agenciesList article.agency .infos h3 { display: block; clear: both; }

section.agencyListing .agencyProperties { text-align: center; }


/** USERS */
section.users h2 {margin-top: 30px;}
section.users aside.map { position: relative; margin-bottom: 40px; }
section.usersList { 
  margin: 40px -1% 0 -1%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-template-rows: auto 1fr;
  place-items: center;
 }
section.usersList article.user { margin: 20px 10px; }
section.usersList article.user .infos {text-align: center;}
section.usersList article.user .picture .userBubble,
section.main.listing.user .userBlock .userBubble { width: 200px; height: 200px; border-radius: 0; background: none;}
.userBubble img {
  object-position: top;
  object-fit: cover;
  height: 100%!important;
}

.userSearch input[type="submit"] { background: url('/images/coteouestimmobilier/icons.svg') -200px -200px no-repeat; }

.cms-indexForm div.user {padding-top: 50px; clear: both;}
.cms-indexForm div.user .text-wrapper {float: right; width: 72%;}
.cms-indexForm div.user .userBubble {
  width: 200px;
  height: 300px;
  float: left;
  margin-right: 20px;
  border-radius: 0;
}

/** LEGALS */
article.publisher,
article.hosting {
  float: left; width: 50%;
}


/** ALERT */
.fancybox-skin input[type="text"],
.fancybox-skin input[type="password"],
.fancybox-skin textarea,
.fancybox-skin select,
.fancybox-skin .ms-choice,
.fancybox-skin .ms-choice.disabled {
  background-color: #F4F8F9;
}