/* @override
  http://www.versionbeta18.com/css/style.css
	http://www.versionbeta12.com/css/style.css
	http://css.versionbeta12.com/style.min.1645461206.css
 */

/* ==========================================================================
   ADAPTIMMO MODULO PRESTIGE LIGHT (Based on HTML5 Boilerplate)
   ========================================================================== */

html,
button,
input,
select,
textarea {
  color: #222;
}

html {
  height: 100%;
  font-size: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 13px;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.clear {
  clear: both;
}

.nomargin {
  margin: 0 !important;
}

.nopadding {
  margin: 0;
}

.noborder {
  border: none;
}

.pointer {
  cursor: pointer;
}

.nolist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.inline {
  display: inline;
}

.full {
  width: 100%;
}

.relative {
  position: relative !important;
}

.newcolor {
  color: #24495c;
}

.blue-color {
  color: #24495c;
}

.bg-white {
  background: #FFF;
}

.acenter {
  text-align: center;
}

.newcolor-hover {
  color: #1a3543;
}


/* Dot pulse */


.dot-pulse {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 0 10px;
}

.dot-pulse-centre {
  position: absolute;
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 100%;
  opacity: .8;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  color: #5c9cc9;
  background: #5c9cc9;
  text-align: center;
}

.dot-pulse-pulse {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #5c9cc9;
  opacity: .3;
  -moz-animation: dot-pulse 0.8s ease infinite;
  -webkit-animation: dot-pulse 0.8s ease infinite;
  -ms-animation: dot-pulse 0.8s ease infinite;
  animation: dot-pulse 0.8s ease infinite;
}



@-moz-keyframes dot-pulse {
  0% {
    -moz-transform: scale3d(1, 1, 1);
  }

  50% {
    -moz-transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    -moz-transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes dot-pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}

@-keyframes dot-pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}


/*
    // ========================================== \\
   ||                                              ||
   ||                I. GENERAL                    ||
   ||                                              ||
    \\ ========================================== //
*/

body {
  background: no-repeat 0 0 #fff;
  font-family: Arial, Helvetica, Geneva, sans-serif;
}

body.home {
  background: url(/images/bg-site-2021.jpg) no-repeat center top #FFF;
}

body.liste,
body.detail {}

/* 1.1 Fontes
----------------------------------------------------------------------------------------------------*/
/* 2011 CrossBrowser Bulletproof @font-face Synthax de Fontspring */


/* 1.2 Hierarchie de titres
----------------------------------------------------------------------------------------------------*/
/* Reset des titres pour le ref */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font: inherit;
  margin: inherit;
}

.heading1 {
  color: #272727;
  font: 2em/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
  text-align: left
}

.heading2 {
  color: #3a3a3a;
  font: 1.8em/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
}

.heading3 {
  color: #24495c;
  font: 1.5em/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.heading4 {
  color: #586267;
  font: 1.5em/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.heading5 {
  color: #24495c;
  font: 1.4em/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.heading6 {
  color: #272727;
  font: 1.4em/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
  margin: 1em 0;
}

.heading7 {
  color: #272727;
  font: 1.1em/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
  margin: 1em 0;
}

.smaller {
  font-size: 95%;
}


/* 1.3 Jquery UI
----------------------------------------------------------------------------------------------------*/
/* Dialog */
#DialogFriend,
#DialogFriendAnnonce,
#DialogFriendSelection,
#DialogVideo {
  width: 500px;
}

#DialogBaissePrix {
  width: 520px;
}

#DialogDetailContact {
  width: 650px;
}

#DialogCalc {
  width: 700px;
}

#DialogAlertOk,
#DialogAlertErr,
#DialogFriendOk,
#DialogFriendErr,
#DialogBaissePrixOk,
#DialogBaissePrixErr {
  width: 400px;
}

/* Assombrissement */
.ui-widget-overlay {
  background: #000 !important;
  opacity: 0.7 !important;
}

.ui-dialog {
  padding: 1%;
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  max-height: 90% !important;
  max-width: 90% !important;
  overflow-y: scroll !important;
}

.ui-widget-content {
  border: none !important;
  color: #444;
}

.ui-dialog .form-critere {
  margin-bottom: 5px;
  font-size: 12px;
}

/* header de la box */
.ui-widget-header {
  background: none;
  border: none !important;
  color: #333 !important;
}

.ui-dialog-titlebar {
  padding-bottom: 10px !important;
  margin-bottom: 5px !important;
  border-bottom: #ccc 1px solid !important;
  border-radius: 0 !important;
  font: 20px/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
}

.ui-dialog-content {
  font-size: .8em;
}

/* footer de la box */
.ui-dialog-buttonpane {
  background-image: none !important;
  background-color: transparent !important;
}

/*
    // ========================================== \\
   ||                                              ||
   ||               II. HEADER                     ||
   ||                                              ||
    \\ ========================================== //
*/

/* 2.1 Header
----------------------------------------------------------------------------------------------------*/
header#top {
  background: url(/images/bg-white90.png) repeat 50% 0 transparent;
  position: relative;
  z-index: 975;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  -moz-box-shadow: 0 1px 20px rgba(28, 28, 28, 0.43);
  -webkit-box-shadow: 0 1px 20px rgba(28, 28, 28, 0.43);
  box-shadow: 0 1px 20px rgba(28, 28, 28, 0.43);

}

.home header#top {
  background: #FFF;
  position: relative;
  -moz-box-shadow: inherit;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  border: inherit;
}

.detail header#top,
.liste header#top {
  background: #FFF;
}

.lt-ie8 .home header#top {
  height: 150px;
  /* Heuteur fixe, sinon ce noob d'IE7 englobe l'absolute */
}

.header-content {
  text-align: right;
  position: relative !;
}

.header-login-container iframe {
  position: relative;
  top: 6px;
  right: -30px;
}

.header-container {
  position: relative;
}



#header-logo {
  position: absolute;
  top: 35px;
  left: 15px;
  z-index: 120;
}

#header-logo a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-image: url(/images/logo.png);
  background-image: -webkit-image-set(url(/images/logo.png) 1x, url(/images/logo@2x.png) 2x);
  background-image: image-set("/images/logo.png"1x, "/images/logo@2x.png"2x);
  background-size: auto 100%;
  background-repeat: no-repeat;
}

#header-logo,
#header-logo a {
  width: 340px;
  height: 65px;
}



.header-menu {
  font: 13px/1.231 'ExoBold', sans-serif;
  text-transform: uppercase;
}

.header-menu ul {
  margin: 0;
  padding: 0;
  text-align: right;
}


/* Bouton connexion espace proprio */
.header-login a.btn-connexion-proprio {
  background-color: #24495c;
  padding: 10px 20px;
  color: #fff;
  font: 1.1em/1.231 'ExoRegular', sans-serif;
  text-decoration: none;
}


/* Menu principal */
.header-menu li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.header-menu a {
  padding: 17px 7px;
  display: block;
  background: transparent;
  -webkit-transition: all 0.3s ease-out;
  color: #4b4b4b !important;
  text-decoration: none !important;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-menu a:hover,
.header-menu a:active {
  color: #24495c;
  text-decoration: none;
}

.header-menu li:first-child a {
  margin-left: 0;
}


.header-menu li.maselection a {
  padding-right: 0;
}


/*** ESSENTIAL STYLES ***/
.sf-menu ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  top: -999em;
  z-index: 100000;
  display: none;
}

.sf-menu ul li {
  text-align: left;
  width: 100% !important;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
}

.sf-menu li:hover {
  visibility: inherit;
}

.sf-menu li {
  visibility: inherit;
}

.sf-menu li.menu-deroulant ul::after {
  left: -50%;
  top: 0;
  width: 200%;
  position: absolute;
  display: inline-block;
  content: " ";
  background: rgba(207, 207, 207, 0.81);
  height: 100%;
  z-index: -10;
  padding-bottom: 10px;
}

/* Fleche du menu en CSS */
.header-menu a.sf-ul-with-li {
  background: url('/images/bg-arrow-sfmenu.png') no-repeat center 100px;
}

.header-menu a.sf-ul-with-li:hover {
  background: url('/images/bg-arrow-sfmenu.png') no-repeat center bottom;
}

.sf-menu li:hover ul,
.sf-menu li.menu-deroulant ul {
  left: 0px;
  top: 55px;
  z-index: 100000;
  width: 100%;
  position: absolute;
  text-align: center;
}

.sf-menu li.menu-deroulant ul li {
  border: none !important;
  display: inline-block;
  vertical-align: top;
  background: url(/images/bg-white70.png) repeat transparent;
  text-transform: none;
  font-family: 'Exoregular', Arial, sans-serif;
  margin: 10px 0.5% 0.5% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px !important;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.sf-menu li.menu-deroulant ul li:hover {
  background-color: #FFF;
}


ul.sf-menu li:hover li ul,
ul.sf-menu li.menu-deroulant li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.menu-deroulant ul {
  left: 10em;
  top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.menu-deroulant li ul {
  top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.menu-deroulant ul {
  left: 180px;
  top: 0;
}




/* Mise en forme des widgets en 3 colonnes */
.sf-menu li.menu-deroulant.menu-deroulant-3col ul li {
  width: 32% !important;
  min-height: 160px;
}

/* Mise en forme des widgets en 4 colonnes */
.sf-menu li.menu-deroulant.menu-deroulant-4col ul li {
  width: 23.5% !important;
  min-height: 160px;
}

.sf-menu li.menu-deroulant.menu-deroulant-4col ul li:last-child {
  width: 24.5% !important;
}

.sf-menu li.menu-deroulant.menu-deroulant-4col-no-text ul li {
  width: 23.5% !important;
}


/* Mise en forme du menu widget */

.menu-widget .menu-widget-title {
  font-family: 'ExoBold', Arial, sans-serif;
  font-size: 1.2em;
}

.menu-widget .menu-widget-title:hover {
  color: #24495c;
}

.menu-widget .menu-widget-text {
  font-size: 1em;
  margin: 0 10px;
  line-height: 22px;
  color: #5b5b5b;
}

.menu-widget .menu-tiny-btn {
  margin: 5px 0 0 5px;
}

.menu-widget .menu-tiny-btn a,
.menu-widget .menu-tiny-btn span {
  display: inline-block;
  margin: 5px 5px 4px 0 !important;
  background-color: #353635;
  color: #FFF !important;
  padding: 5px;
  cursor: pointer;
  font-size: 0.9em;
}

.menu-widget .menu-tiny-btn a:hover,
.menu-widget .menu-tiny-btn span:hover {
  background-color: #24495c;
}

/*-- Menu Responsive --*/

#nav .block {
  z-index: 2;
  position: relative
}

#nav .close-btn {
  display: none;
}

.nav-btn {
  display: none;
  width: 44px;
  height: 29px;
  position: absolute;
  z-index: 10;
  top: 30px;
  right: 15px;
  padding: 0;
  border: 0;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: transparent left center no-repeat;
  background-image: url(/images/ico-menu.png);
  background-image: -webkit-image-set(url(/images/ico-menu.png) 1x, url(/images/ico-menu@2x.png) 2x);
  background-image: image-set("/images/ico-menu.png"1x, "/images/ico-menu@2x.png"2x);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.close-btn {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0;
  padding: 0 !important;
  border: 0;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: transparent left center no-repeat !important;
  background-image: url(/images/ico-close-menu.png) !important;
  background-image: -webkit-image-set(url(/images/ico-close-menu.png) 1x, url(/images/ico-close-menu@2x.png) 2x) !important;
  background-image: image-set("/images/ico-close-menu.png"1x, "/images/ico-close-menu@2x.png"2x) !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*Header login*/

.header-login-responsive {
  display: none !important;
}

/*utilisé pour afficher/masquer le form dans le menu responsive*/
.header-login-container {
  margin: 0 0 20px;
  padding-top: 10px;
}

.header-login {
  width: 20%;
  line-height: 40px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: right;
  max-width: 500px;
  min-width: 200px;
}

.header-login-title {
  font: 12px 'ExoMedium', sans-serif;
  padding: 0px !important;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #484848;
}

.header-login-input {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 58%;
}

.header-login-input .input-text {
  width: 40%;
}

.header-login-submit {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.header-login .btn-submit-ok {
  width: 30px;
  height: 25px;
  padding-bottom: 0px;
  bottom: -10px !important;
  position: relative;
}



.header-login .form-critere,
.header-login .form-critere-ope {
  border: none !important;
  margin: 0;
  padding: 0;
}


/* Ref */

.home-slogan {
  font: 20px/1.231 'ExoBold', sans-serif;
  text-transform: uppercase;
}

.header-ref-h1 {
  height: 18px;
  line-height: 18px;
  padding-top: 4px;
  margin-left: 0;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  /* IE 8 */
  filter: alpha(opacity=20);
  /* IE 5-7 */
  -moz-opacity: 0.2;
  /* Netscape */
  -khtml-opacity: 0.2;
  /* Safari 1.x */
  opacity: 0.2;
  /* Good browsers */
}

.header-ref-h1 h1,
.header-ref-h1 span {
  font-size: 10px;
  margin: 0;
  display: inline;
}

/* AffTableau Défilant  */
.header-ref-h1 ul {
  display: block;
  width: 100%;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.header-ref-h1 ul li {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  white-space: nowrap;
}



.header-ref-h2 {
  width: 480px;
  height: 27px;
  position: absolute;
  top: 32px;
  left: 490px;
  color: #FFF;
  overflow: hidden;
  /* z-index: -10; */
}

.header-ref-h2 h2 {
  font-size: 10px;
  margin: 0;
}

/* Ma sélection */
.maselection {}

.header-maselection-nb {
  width: 15px;
  display: inline-block;
  font-size: 11px;
  margin-left: 5px;
  text-align: center;
  color: #6d6d6d !important;
  background: url(/images/bg-black8.png) repeat 50% 50% transparent;
  padding: 7px 4px;
  zoom: 1;
  *display: inline;
}

.maselection a:link .header-maselection-nb,
.maselection a:visited .header-maselection-nb {
  color: #212121;
  text-decoration: none;
}

.maselection a:hover .header-maselection-nb,
.maselection a:active .header-maselection-nb {
  color: #24495c;
  text-decoration: none;
}

/* Langues */
.main-lang-container {
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 20;
}

.main-lang {
  text-align: center;
  vertical-align: top;
  line-height: 29px;
  padding-right: 10px;
  background: transparent url(/images/bg-flags.png) repeat;
}

.main-lang ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-lang ul li {
  display: inline-block;
  width: 16px;
  height: 11px;
  overflow: hidden;
  margin-left: 10px;
  zoom: 1;
  *display: inline;
}

.main-lang ul li a {
  display: block;
}

.lang-fr,
.lang-uk,
.lang-es,
.lang-nl,
.lang-it,
.lang-ru {
  background: transparent url(/images/flags.png) no-repeat !important;
  text-indent: 999px;
  zoom: 1;
}

.lang-fr {
  background-position: 0 -12px !important;
}

.fr .lang-fr,
.lang-fr:hover {
  background-position: 0 0 !important;
}

.lang-uk {
  background-position: -17px -12px !important;
}

.uk .lang-uk,
.lang-uk:hover {
  background-position: -17px 0 !important;
}

.lang-es {
  background-position: -46px -17px !important;
}

.es .lang-es,
.lang-es:hover {
  background-position: -46px 0 !important;
}

.lang-nl {
  background-position: -69px -17px !important;
}

.nl .lang-nl,
.lang-nl:hover {
  background-position: -69px 0 !important;
}

.lang-it {
  background-position: -92px -17px !important;
}

.it .lang-it,
.lang-it:hover {
  background-position: -92px 0 !important;
}

.lang-ru {
  background-position: -115px -17px !important;
}

.ru .lang-ru,
.lang-ru:hover {
  background-position: -115px 0 !important;
}

.lang-de {
  background-position: -138px -17px !important;
}

.de .lang-de,
.lang-de:hover {
  background-position: -138px 0 !important;
}




/*
    // ========================================== \\
   ||                                              ||
   ||               III. SIDEBAR                   ||
   ||                                              ||
    \\ ========================================== //
*/

aside#sidebar {
  float: right;
  width: 30%;
  margin-left: 2%;
  position: relative;
}

.liste aside#sidebar {
  float: left;
  width: 25%;
  margin-left: 0px;
  padding-right: 2%;
  background: url(/images/bg-shadow-vertical-bis.png) no-repeat 275px transparent;
}

.btn-return-top {
  width: 180px;
  height: 50px;
  position: absolute;
  left: 15px;
  bottom: 300px;
  background: url(/img_fr/btn-return-top.png) no-repeat 0 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
}

.btn-return-top:hover {
  background: url(/img_fr/btn-return-top.png) no-repeat 0px -49px;

}


/*
    // ========================================== \\
   ||                                              ||
   ||               IV. CONTENT                    ||
   ||                                              ||
    \\ ========================================== //
*/



/* 4.1 Conteneur central
----------------------------------------------------------------------------------------------------*/
#global {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
}

#global-content {
  position: relative;
  width: 100%;
}

#main-container,
.wrapper {
  margin: 0 auto;
  width: 96%;
  max-width: 1100px;
  /*background: rgba(250, 229, 229, 0.55) !important; */
  padding: 0 2%;
}


#main-container {
  padding: 190px 2% 30px;
}

.home #main-container {
  padding-top: 0;
  background: none;
}

.liste #main-container {
  background: none;
  padding-top: 190px;
  position: relative;
}

.liste.minisite #main-container {
  background: none;
  padding-top: 20px;
}

.liste.selection #main-container {
  background: none;
  padding-top: 160px;
}

.detail #main-container {
  padding-top: 165px;
  background: none;
}

.page-container header {
  padding: 10px 20px 0px 0px;
}

.page-content {
  padding: 0px 0px 0px 0;
}


.page-masque {
  float: left;
  width: 65%;
  font-size: 13px;
}

.liste .page-masque {
  float: left;
  width: 73%;
  margin-right: 0px;
}

.page-masque ul {
  margin: 8px 0 40px;
  padding: 0;
  list-style-type: none;
}

.page-masque-intro {
  font-family: ExoRegular, sans-serif;
  font-size: 1.15em !important;
  margin-left: 0px;
  padding-top: 25px;
  padding-bottom: 15px;
  padding-left: 0;
  color: #7c7c7c;
}

.page-masque-intro ul {
  margin: 0;
}

.page-masque-intro ul li {
  margin: 0;
}

.page-masque-intro .heading5 {
  margin-bottom: 5px;
}

.page-masque-intro .coordonnees {
  font-family: 'ExoRegular', sans-serif;
}

.page-masque li {
  background: transparent url(/images/bg-arrow-all.png) no-repeat -5px -36px;
  padding-left: 0px;
  margin-top: 10px;
}

.page-masque li:first-child {
  margin-top: 0;
}

.page-masque-content {
  color: #4b4b4b;
  padding-top: 15px;
}

.page-masque-content>p {
  margin: 0 40px 20px 0px;
}

/*Formulaires */

.alertemail-form {
  width: 92%;
  padding: 25px 4% 30px;
  -moz-box-shadow: 0 1px 4px #888888;
  -webkit-box-shadow: 0 1px 4px #888888;
  box-shadow: 0 1px 4px #888888;
  margin: 0 !important;
}



.alertemail-form .form-critere-ope {
  margin-bottom: 8px;
  padding-bottom: 5px;

}

/* Home Top */

.home-top {
  height: 480px;
}


.home-message-container {
  float: left;
  width: 55%;
  position: relative;

}

.home-message {
  text-align: right;
  margin-right: 50px;
  margin-top: 170px;
}



.home-message1 {
  background-image: url(/images/bg-white80.png);
  padding: 5px 20px;
  font: 30px/47px ExoBold, sans-serif;
  color: #212221;
}

.home-message1 span {
  font-family: ExoRegular, sans-serif;
  color: #24495c;
  display: inline-block;
  margin-top: 5px;
}


/*Home Search */



.home-search {
  float: right;
  width: 45%;
}

.home-search-container {
  background-image: url(/images/bg-white60.png);
  margin: 100px 0px 0px !important;
  /*-- margin: 15px 0px 0px 0px; --*/
  padding: 12px;
}

.home-search-content {
  background-image: url(/images/bg-white70.png);
  border: 1px solid #fff;
  padding: 27px 4% 18px;
  -moz-box-shadow: 0 0 6px #c8c8c8;
  -webkit-box-shadow: 0 0 6px #c8c8c8;
  box-shadow: 0 0 6px #c8c8c8;
  opacity: 1;
}

.home-search-content .input-text {
  background: #FFF !important
}

.home-search-content .form-critere {
  margin-bottom: 6px;
  padding-bottom: 6px;
}

.home-search-content .form-extend {
  margin-top: 0;
}

.home-search-content .form-submit-container {
  margin-top: 0;
}

/*-- Avis clients home --*/

.avis-clients-wrapper {
  background: #FFF;
}

.avis-clients {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 20px;
  text-align: center;
}

.os-quotes-container {
  position: relative;
  font-size: 1.8em;
}

.os-quotes-container .quotes {
  opacity: .2;
}

.os-quotes {
  color: #24495c;
  font: 22px/1em ExoBold, sans-serif;
  padding: 20px 30px 10px;
}

/*.os-quotes:before, 
.os-quotes:after {
font: bold 120px "Times New Roman", Times, serif;
position: absolute; top: 50px;
color: #dddddd; 
}

.os-quotes:after {content: "”"; right: 0; }
.os-quotes:before {content: "”"; left: 0;   transform: scaleX(-1);
}*/

.avis-clients .home-avis-leftpart {
  position: relative;
}

.avis-clients .home-avis-rightpart {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 70%;
  margin-left: 3%;
}

.avis-clients .home-avis-leftpart .heading3 {
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.1em;
  line-height: .85em;
}

.avis-clients .home-avis-leftpart .heading3 span {
  color: #000;
  font-size: .9em;
  line-height: .85em;
}

.home-avis-container .avis-titre {
  color: #24495c;
  text-transform: uppercase;
  font-size: 1em;
  font-family: 'LatoBold', arial, sans-serif;
}

.home-avis-container .avis-commentaire {
  font-size: 1em;
}

.home-avis-container .avis-date {
  color: #777;
  font-size: 1em;
}

.home-avis-container .taux-satisfaits {
  font-size: 1em;
  line-height: 1.1em;
  margin-top: 10px;
  /*position: absolute; bottom: 20px; left: 0;*/
  width: 100%;
  color: #000 !important;
}

.btn-all-avis {
  margin-top: 20px;
}

.avis-clients a:hover {
  text-decoration: none;
}

/* Etoiles - Poucentage de satisfaction */
.satisfaction-container {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 17px;
}

.home-avis-container .home-avis-ico.ico-etoiles {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  position: relative;
  height: 21px;
  width: 108px;
  background-position: 0 center;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  background-image: url(/images/picto-home-etoiles.png);
  background-image: -webkit-image-set(url(/images/picto-home-etoiles.png) 1x, url(/images/picto-home-etoiles@2x.png) 2x);
  background-image: image-set("/images/picto-home-etoiles.png"1x, "/images/picto-home-etoiles@2x.png"2x);
}

.home-avis-container .home-avis-ico.ico-etoiles .masque-etoiles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  background-image: url(/images/picto-home-masque-etoiles.png);
  background-image: -webkit-image-set(url(/images/picto-home-masque-etoiles.png) 1x, url(/images/picto-home-masque-etoiles@2x.png) 2x);
  background-image: image-set("/images/picto-home-masque-etoiles.png"1x, "/images/picto-home-masque-etoiles@2x.png"2x);
}

/*Home Estimation */
.home-estimation {
  background-color: #24495c;
  padding: 10px 0 20px;
  margin-top: 22px;
}

.home-estimation-container {}

.home-estimation-content {
  /*background: url('/images/drawn-arrow-down.png') no-repeat left bottom;*/
  background: url('/images/ico-glass-gray.png') no-repeat 20px center;
  padding-left: 9%;
}

.home-estimation-anim {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-bottom: 5px
}

.home-estimation .form-critere {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: none !important;
  margin: 0 !important;
  padding: 0;
  width: 88%;
}

.home-estimation-container label,
.home-estimation-container label a,
.home-estimation-container .white-form .custom-radio-checked {
  color: #fff;
}

/* Type */
.home-estimation .form-critere.critere-type {
  width: 35%;
}

.home-estimation .form-critere-content {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 1%;
}



.home-estimation .critere-maison {
  width: 12%;
}

.home-estimation .critere-appartement {
  width: 27%;
}

.home-estimation .critere-appartement label {
  width: 44% !important;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-right: 5%;
}

.home-estimation .estim-etage {
  width: 40%;
  margin-right: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.home-estimation .clear {
  display: none;
}

/* Localisation */

.home-estimation .estim-num {
  width: 6%;
  padding-left: 1.5%;
  border-left: #a41b1b solid 1px;
}

.home-estimation .estim-rue {
  width: 22%;
}

.home-estimation .estim-cp {
  width: 12%;
}

.home-estimation .estim-ville {
  width: 12%;
  margin-right: 0;
}

.home-estimation-container label img {
  margin: 0 3px;
}

.home-estimation-container .custom-select-list {
  width: 100px;
}

.home-estimation-valid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
  margin-top: 10px;
  text-align: right !important;
  font-size: 11px !important;
}

.home-estimation-submit {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: right;
  margin-top: -40px;
  width: 12%;
  text-align: right;
}

.home-estimation-submit .btn-submit-simple {
  padding: 7px 28px;
}

.home-estimation-text-ref {
  color: #FFF;
  margin-top: 0px;
  padding-top: 10px;
  text-align: center;
}

.home-estimation-text-ref-title {
  font: 17px/1em ExoMedium, sans-serif;
  display: inline-block;
  margin-right: 10px;
}

.home-estimation-text-ref p {
  margin-bottom: 0;
}

.home-estimation-text-ref-infos p {
  color: white;
  text-align: left;
  line-height: 1.6em;
  font-family: ExoLight, sans-serif;
}

.home-estimation-text-ref-toogle {
  font-family: ExoMedium, sans-serif;
  font-size: 1.1em;
  color: rgba(255, 255, 255, 0.53);
  cursor: pointer;
  display: inline-block;
}

.home-estimation-text-ref-toogle .fermer {
  display: none;
}

.home-estimation-text-ref-toogle.opened .ouvert {
  display: none;
}

.home-estimation-text-ref-toogle.opened .fermer {
  display: inline-block;
}

/*Home Stoneo */
.stoneo-banner-form {
  color: #FFF;
}

.stoneo-banner-form-anim {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  width: 100%;
}

.stoneo-banner-form-mentions {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 1px;
  float: right;
  margin-top: 10px;
  font: 15px/1em ExoBold, sans-serif;
}

.stoneo-banner-form .form-critere-title {
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  width: 160px;
  display: inline-block;
  vertical-align: middle;
}

.stoneo-banner-form .form-critere-input {
  width: calc(100% - 350px);
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.stoneo-banner-form .stoneo-submit {
  width: 180px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.stoneo-banner-form .stoneo-submit .submit-classique {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}


/* Widgets Bottom */
ul.bottom-widget {
  margin: 35px 0px 25px;
  text-align: center;
  padding: 0;
  display: inline-block;
  width: 100%;
}

ul.bottom-widget li {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 23%;
  margin: 0 1% 10px;
  vertical-align: top;
  height: 310px;

}

ul.bottom-widget li:first-child {
  margin-left: 0;
  float: left;
}

ul.bottom-widget li:last-child {
  margin-right: 0;
  float: right;
}

.widget a {
  background-color: #edecec;
  display: inline-block;
  height: 100%;
  width: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  padding: 10px 0;
  vertical-align: top;
  top: 0px;
  position: relative;


}

.widget a:hover {
  text-decoration: none;
  background-color: #e2e2e2;
  margin-top: 0;
  top: -10px;
  position: relative;
  padding: 20px 0;
}



.widget-text1 {
  font: 26px/1em ExoBold, sans-serif;
  color: #787878;
  position: relative;
}

.widget-text1 .dot-pulse {
  position: absolute;
  right: -20px;
  top: -5px;
}

.widget-text2 {
  font: 22px/1em ExoBold, sans-serif;
  color: #aeaeae;
}

.widget hr {
  margin: 25px 80px;
  border-top: 2px solid #fff;
}

.widget p {
  color: #676767;
  margin: 25px;
  text-align: center;
  line-height: 19px;
  font-size: 0.9em;
}


.widget-ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 90%;
  background-image: url(/images/widget-ico.png);
  background-repeat: no-repeat;
  height: 72px;
  margin-top: 10px;
  margin-right: 0;
  margin-left: 0;
}


.widget-ico-and-text {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 130px;
}


.widget-acheter {
  background-position: center -10px;
}

.widget-confier {
  background-position: center -86px;
}

.widget-estimer {
  background-position: center -162px;
}

.widget-franchise {
  background-position: center -245px;
}


.widget-blue a {
  background-color: #24495c;
  color: #FFF !important;
}

.widget-blue a:hover {
  background-color: #3c6d87;
}

.widget-blue .widget-text1,
.widget-blue .widget-text2,
.widget-blue p {
  color: #fff !important;
}

.widget-blue hr {
  border-top: 2px solid rgba(255, 255, 255, 0.39);
}

.widget-blue .widget-ico {
  background-image: url(/images/widget-ico-white.png);
}


/*Home Bottom*/
.home-bottom {
  margin-bottom: 30px;
  line-height: 1.5em;
}

.home-bottom h1,
.home-bottom h2 {
  font-family: ExoBold, sans-serif;
}

.home-bottom-col1 {
  float: left;
  width: 28%;
  margin-right: 2%;
}

/*Home GGMAP*/

.home-bottom-agences {
  float: left;
  width: 41%;
  margin-right: 2%;
  height: 330px;
  background: #fff;
  padding: 10px 2% 70px;
  -moz-box-shadow: 0 1px 4px #888888;
  -webkit-box-shadow: 0 1px 4px #888888;
  box-shadow: 0 1px 4px #888888;
  position: relative;
  overflow: hidden;


}

.home-bottom-agences-container,
.home-bottom-agences-container .map-agences-toulouse,
.home-bottom-agences-container .map-agences {
  height: 330px;
  overflow: hidden;
  display: block;
}


.home-bottom-agences-btn {
  text-align: center;
  margin-top: 10px;
}

.home-bottom-agences-btn-map-container {
  text-align: right;
}

.home-bottom-agences-btn-map {
  cursor: pointer;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  padding: 5px;
  margin-left: 10px;
  text-align: center;
  display: inline-block;
  margin-bottom: 1px;
}

.home-bottom-agences-btn-map.current {
  background-color: #edecec;
}

.home-bottom-agences-btn a:link,
.home-bottom-agences-btn a:visited {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.home-bottom-agences-btn a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}


ul.gg-map-marker {
  display: none;
}


.gg-map.gg-map-home-agences {
  width: 100%;
  height: 330px;
  background: url(/images/ajax-loader-gray.gif) no-repeat center center #605E5E;
  color: #605E5E;
}

.home-bottom-slide {
  float: left;
  width: 23%;
  background: #fff;
}

/* Home Slider */
.home-bottom-slide .large-flap-container {
  overflow: hidden;
  width: 100%;
  height: 420px;
}

.home-bottom-slide .no-flap {
  display: block;
}

.home-slider {
  width: 100%;
  height: 420px;
  position: relative;
}

.home-slider-container {
  width: 100%;
  height: 420px;
}

a.home-slide-link:link,
a.home-slide-link:visited {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

a.home-slide-link:hover,
a.home-slide-link:active {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
}

.home-bottom-slide .home-slide-prev,
.home-bottom-slide .home-slide-next {
  width: 35px;
  height: 42px;
  position: absolute;
  top: 175px;
  cursor: pointer;
  z-index: 9700;
}

.home-bottom-slide .home-slide-prev {
  left: 5px;
  background: transparent url(/images/home-slider-controls.png) no-repeat 0 0;
}

.home-bottom-slide .home-slide-prev:hover {
  background: transparent url(/images/home-slider-controls.png) no-repeat 0 -48px;
}

.home-bottom-slide .home-slide-next {
  right: 5px;
  background: transparent url(/images/home-slider-controls.png) no-repeat -40px 0;
}

.home-bottom-slide .home-slide-next:hover {
  background: transparent url(/images/home-slider-controls.png) no-repeat -40px -48px;
}

.home-slide {}


.home-slide1 {
  background: url('/img_fr/slide1.jpg') no-repeat center top;
  width: 100%;
  height: 100%;
  background-size: 100%;
}

.home-slide2 {
  background: url('/img_fr/slide2.jpg') no-repeat center top;
  width: 100%;
  height: 100%;
  background-size: 100%;
}

.home-slide3 {
  background: url('/img_fr/slide3.jpg') no-repeat center top;
  width: 100%;
  height: 100%;
  background-size: 100%;
}

.home-slide4 {
  background: url('/img_fr/slide4.jpg') no-repeat center top;
  width: 100%;
  height: 100%;
  background-size: 100%;
}


.home-slide p {
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.82);
  margin: 20px;
  padding: 10px;
  color: #4e4e4e;
}

/*Home Vignettes Vendus*/

.home-featured {
  width: 100%;
  height: 235px;
  overflow: hidden;
}

.home-featured .large-flap-container {
  width: 100%;
  height: 235px;
  overflow: hidden;
}

.home-featured .slideshow-loaded .large-flap-container {
  background: none;
}

.home-featured .no-flap {
  display: block;
}

.home-vignette {
  width: 100%;
  height: 235px;
  /* Width + Height pour le slide */
}

.home-vignette-img-frame {
  float: left;
  width: 100%;
  position: relative;
}

.home-vignette-img-frame img {
  width: 100%;
  height: 235px;
}

.home-vignette-texte {
  position: absolute;
  top: 5px;
  left: 5Px;
}

span.home-vignette-texte-title {
  background: rgba(255, 255, 255, 0.9) !important;
  display: inline-block;
  font: 18px/1em ExoBold, sans-serif !important;
  color: #24495c;
  padding: 5px;
}

span.home-vignette-texte-ville {
  background: rgba(255, 255, 255, 1) !important;
  display: inline-block;
  font: 14px/1em ExoLight, sans-serif !important;
  color: #595959;
  padding: 5px;
  margin-top: 3px;
}

/* Pour le slide */
.vignettes {
  overflow: hidden;
}

.vignettes-container {
  /* Width et Height pour IE6 */
  width: 100%;
  height: 235px;
  overflow: hidden;
  background-color: #ececec;
}

.panneau-vendu {
  text-align: right;
  padding-right: 0px;
  margin-top: -70px;
  z-index: 10;
  position: relative;

}



/* Rappel Gratuit */
.rappel-gratuit-container {
  margin-top: 30px;
  padding: 25px 20px 25px 68px;
  -moz-box-shadow: 0 1px 4px #888888;
  -webkit-box-shadow: 0 1px 4px #888888;
  box-shadow: 0 1px 4px #888888;
  background: url(/images/picto-rappel-gratuit.png) no-repeat 10px center;
}

.rappel-gratuit-title {
  font: 17px/1.5em ExoBold, sans-serif;
}

.rappel-gratuit-form {
  height: 27px;
}

#rappel_tel {
  width: 70%;
}

input.rappel-gratuit-submit {
  margin-bottom: -10px;
}


/* Home Slide Vedettes */

.home-vedette.clearfix {
  height: 250px;
  width: 100%;
  overflow: hidden;
}

.home-slide-vedette {
  width: 100%;
  display: block;
}

.home-slide-vedette .stamp {
  float: left;
  display: block;
  width: 25%;
  text-align: center;
  font: 14px 'ExoRegular', Arial, Helvetica, sans-serif;
}

/* Home News */


/*-- Home Slide news --*/
.home-slide-news-title {
  text-align: center;
  font: 1.5em 'ExoMedium', Arial, sans-serif;
  text-transform: uppercase;
  padding: 20px 0;
  color: #3a3939;
}

.home-slide-news-title strong {
  font-family: "ExoBold";
  font-weight: normal;
  color: #24495c;
}

.home-slide-news-title hr {
  margin: 15px auto 0;
  width: 130px;
  border-top: 6px solid #24495c;
}

.home-slide-news {
  background-color: #fff;
  min-height: 250px;
  position: relative;
  width: 100%;
  text-align: left;
}



.home-slide-news .large-flap-container {
  overflow: hidden;
  width: 100%;
  min-height: 250px;
}

.home-slide-news .home-slider {
  width: 100%;
  height: 250px;
  position: relative;
}

.home-slide-news .home-slider-container {
  width: 100%;
  height: 250px;
}

.home-slide-news-content {
  width: 76%;
  text-align: center;
  padding: 0 12%;
}

.home-slide-news-text {
  padding-top: 10px;
  max-height: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.home-slide-news-text .heading1 {
  font: bold 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
  text-align: center;
}

/* Reset du style */
.home-slide-news-text strong,
.home-slide-news-text p {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 23px;
  font-weight: normal;
}


.home-slide-news-btn {
  margin-top: 20px;
}


.home-slide-news .previous {
  top: 60px;
  left: 8%;
  background-position: 0 -383px;
}

.home-slide-news .next {
  top: 60px;
  right: 8%;
  background-position: -25px -383px;
}

.home-slide-news a.home-slide-link {
  width: 100%;
  height: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.home-slide-news-img {
  width: 230px;
  height: 230px;
  float: left;
  margin: 0 1% 0 10%;
  overflow: hidden;
  background-color: #eeeeee;
  text-align: center;
}

.home-slide-news-img img {
  height: 230px;
}






/* Contact */
.main-content-demicol {
  float: left;
  width: 48%;
  margin-right: 2%;
}

.lt-ie8 .main-content-demicol:first-child {
  width: 48%;
  /* Sinon ça passe à la ligne sous IE7 */
}

/* Bouton avis */

.btn-avis {
  position: absolute;
  width: 290px;
  overflow: hidden;
  height: 60px;
  top: -40px;
  padding-top: 40px;
  left: 8px;
  background: url(/images/left-shadow.png) no-repeat left top;
}

.btn-avis .heading4 {
  color: #ffffff;
}



.btn-avis a:link,
.btn-avis a:visited {
  width: 250px;
  padding: 10px 10px 10px 40px;
  background-image: url(/images/bg-black60.png);
  display: block;
  color: #cacaca;
  font: 13px/1.231 'ExoBold', sans-serif;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.btn-avis a:hover {
  padding-left: 45px !important;
  background-color: #b7b7b7;
}

/*Map Agences*/

.gg-map.gg-map-page-agences {
  width: 100%;
  height: 500px;
  background: url(/images/ajax-loader-gray.gif) no-repeat center center #605E5E;
  color: #605E5E;
}

.btn-agences-plan {
  position: absolute;
  top: 25px;
  color: #FFF;
  font-size: 12px;
  cursor: pointer;
  width: 240px;
  height: 40px;
  background: url(/img_fr/btn-agences-plan.png) no-repeat center -5px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  right: 0;
}


.btn-agences-plan:hover {
  background: url(/img_fr/btn-agences-plan.png) no-repeat center -55px;
}

.gg-map-page-agences-title {
  text-align: center;
  margin: 10px 0px 20px 0px;
}

.gg-map-agences-content {
  font-size: 13px;
}

.gg-map-agences-content ul,
.gg-map-agences-content li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gg-map-agences-booster {
  font-family: ExoBold, sans-serif;
  text-transform: uppercase;
}

.gg-map-agences-title {
  font: 18px ExoRegular, sans-serif;
  color: #24495c;
  border-bottom: 1px solid #DADADA;
  padding-bottom: 5px !important;
  margin-bottom: 5px !important;
}

.gg-map-agences-btn-contact,
.gg-map-agences-btn-biens {
  clear: both;
}


.gg-map-agences-btn-contact a:link,
.gg-map-agences-btn-contact a:visited,
.gg-map-agences-btn-biens a:link,
.gg-map-agences-btn-biens a:visited {
  float: left;
  padding: 2px 0 2px 12px;
  width: 179px;
  text-align: left;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  margin: 5px 0px 0px 0px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.gg-map-agences-btn-contact a:hover,
.gg-map-agences-btn-biens a:hover {
  text-decoration: none;
  color: #cbcbcb;
}

.gg-map-agences-btn-contact a:link,
.gg-map-agences-btn-contact a:visited {
  background-color: #4d4d4d;
  color: #FFF !important;
}

.gg-map-agences-btn-biens a:link,
.gg-map-agences-btn-biens a:visited {
  background-color: #7a7a7a;
  color: #FFF !important;
}


/*Page Agences*/

.page-masque.large {
  width: 100%;
}

.agences aside#sidebar {
  width: 420px;
}

.info-agence-more {
  display: none;
  /*N'apparait qu'en mode liste*/
}

.liste-agences-content {
  display: block;
  float: left;
  -moz-box-shadow: 0 1px 4px #888888;
  -webkit-box-shadow: 0 1px 4px #888888;
  box-shadow: 0 1px 4px #888888;
  width: 43%;
  padding: 5px 1% 20px;
  letter-spacing: 0;
  font-size: 12px;
  line-height: 20px;
  margin: 25px !important;
}

li.info-agence-ph {
  margin-top: 10px !important;
}

li.info-agence-ph img {
  max-width: 80% !important;
}



.liste-agences-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.liste-agences-content li {
  margin: 0 0;
  padding: 0 0px;
  list-style: none;
  background: none;
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
}

.liste-agences-content li.info-agence-btn-contact,
.liste-agences-content li.info-agence-btn-biens {
  width: 49% !important;
}

.liste-agences-content li.info-agence-btn-mentions {
  display: none;
}

span.nb-agences {
  font: 48px ExoBold, sans-serif;
  color: #7a7a7a;
}



/* Infos Agence*/

.info-agence-liste-container {
  display: none;
}


.info-agence-liste {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 19px;
  background: url(/images/bg-logo-blanc.png) no-repeat 640px center;
}


.info-agence-liste-title {
  font: 21px ExoLight, sans-serif;
  padding-bottom: 20px;
  color: #6f6f6f;
  margin-top: 25px !important;
}

.info-agence-liste-title span {
  font: 25px ExoRegular, sans-serif;
  padding-bottom: 5px;
  color: #3a3a3a;
  display: block;
}


.info-agence-liste ul {
  margin: 0;
  padding: 0;
}

.info-agence-liste li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.info-agence-liste .info-agence-text ul {
  margin-bottom: 1.25em;
  margin-left: 1.25em;
}

.info-agence-liste .info-agence-text li {
  list-style: disc;
}


.info-agence-ph img {
  -moz-box-shadow: 0 0 8px #888888;
  -webkit-box-shadow: 0 0 8px #888888;
  box-shadow: 0 0 8px #888888;
  border: 5px solid #ffffff;
  height: auto;
}


.info-agence-booster {
  font-family: ExoBold, sans-serif;
  text-transform: uppercase;
  padding-top: 10px !important;
}

.info-agence-title {
  font: 18px ExoRegular, sans-serif;
  color: #24495c;
  border-bottom: 1px solid #DADADA;
  padding-bottom: 5px !important;
  margin-bottom: 5px !important;
}





.info-agence-btn-contact a:link,
.info-agence-btn-contact a:visited,
.info-agence-btn-biens a:link,
.info-agence-btn-biens a:visited,
.info-agence-btn-mentions a:link,
.info-agence-btn-mentions a:visited {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  margin: 5px 0px 0px 0px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  padding: 8px 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none;
}

.info-agence-btn-contact a:hover,
.info-agence-btn-biens a:hover {
  text-decoration: none;
  color: #cbcbcb;
}

.info-agence-btn-contact a:link,
.info-agence-btn-contact a:visited {
  background-color: #383838;
}

.info-agence-btn-contact a:hover {
  background-color: #1f1f1f;
}

.info-agence-btn-mentions a:link,
.info-agence-btn-mentions a:visited,
.info-agence-btn-biens a:link,
.info-agence-btn-biens a:visited {
  background-color: #7a7a7a;
  text-align: left;
}

.info-agence-btn-mentions a:hover,
.info-agence-btn-biens a:hover {
  background-color: #383838;
}

/* Info Agence pour le mode liste*/

.minisite .info-agence-liste-container {
  background: url(/images/bg-info-agence-liste.png) 50% 0 repeat-x #e9e9e9;
  /* position: relative; z-index: 975; position:fixed; top:150px; left:0; width: 100%;*/
  margin-top: 160px;
  display: block;
}
.minisite .info-agence{
  margin-top: 5vh;
}
.minisite .info-agence-coordonnees {
  float: left;
  width: 20%;
  padding-right: 3%;
}
.minisite li.info-agence-ph {
  margin-top: 0px !important;
}

.minisite .info-agence-ph img {
  max-width: 96% !important;
}

.minisite .info-agence-more {
  display: block;

}
.minisite .info-agence-text h1{
  margin-bottom:20px;
} 

.minisite .info-agence-text {
  float: left;
  width: 77%;
  text-align: justify;
  font: 0.9em/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #393a39;
  /* margin-bottom: 150px; */
}
@media screen and (max-width:480px) {
  .minisite .info-agence-ph img{
    min-width: 100%!important;
    width:100%;
    
  }
  .minisite .info-agence-coordonnees{
    margin-bottom: 30px;
  }
  .minisite .info-agence-text {
    margin-bottom: 0px;
  }
}
.flex-row{
  display: flex;
  flex-direction: row;
}

.fcol {
  width: 50%;
}

.fcol:first-child{
  padding-right: 4em;
}

.minisite .info-agence-text h2.heading3 {
  margin-top: 20px;
  font: 1.8em/1 'ExoBold', sans-serif;
  margin-bottom: 10px;
  color: #626262;
}

.minisite .info-agence-map {
  /* float: right;
  width: 20%; */
  margin-top:30px;
}

.minisite .info-agence-map .heading6 {
  font-size: 1.2em;
}

.minisite .info-agence-map iframe {
  width: 100%;
  height: 350px;
  border: 0;
}

/* Info Agence pour le mode detail*/

.detail-bien-contact-agence {
  margin-top: 30px;
  font-size: 13px;
  ;
  color: #4b4b4b;
}

.detail-bien-contact-agence .info-agence-ph img {
  border: 4px solid #fff;
  -moz-box-shadow: 0 1px 4px #888888;
  -webkit-box-shadow: 0 1px 4px #888888;
  box-shadow: 0 1px 4px #888888;
  margin-top: 30px;


}

.detail-bien-contact-agence ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.detail-bien-contact-agence .info-agence-btn-contact {
  display: none;
}

.detail-bien-contact-agence .info-agence-btn-biens {
  margin-left: 0px !important;
}

/* Info Agence pour la page Contact*/


.contact-agence ul,
.contact-agence li {
  list-style: none;
  margin: 0;
  padding: 0;
  background: none;
}

.contact-agence {
  margin-bottom: 20px;
}

.contact-agence .info-agence-ph {
  float: left;
  margin-right: 40px;
  padding-left: 30px;
}

.contact-agence .info-agence-ph img {
  border: 4px solid #fff;
  -moz-box-shadow: 0 1px 4px #888888;
  -webkit-box-shadow: 0 1px 4px #888888;
  box-shadow: 0 1px 4px #888888;
  margin-top: 10px;


}

.contact-agence .info-agence-btn-contact {
  display: none;
}


.contact-agence .info-agence-btn-biens {
  margin: 0px !important;
  padding: 0 !important;
  width: inherit !important;
  text-align: left;
}







/* 4.2 Minimoteur
----------------------------------------------------------------------------------------------------*/
.liste-minimoteur {
  margin-left: 0px;
  padding: 20px 0 0px 0px;
  margin-top: 0;
}

.liste-minimoteur-content {
  padding: 0 6% 0 0;
  font: 14px/1 'ExoRegular', sans-serif;
  position: relative;
  min-height: 1250px;
}

.ref .liste-minimoteur-content {
  min-height: 5px;
  height: auto !important;
  height: 5px;
}

.liste-minimoteur .form-critere {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  border-bottom: 1px solid #eeeeee;
  line-height: 18px;
}

.liste-minimoteur .form-critere.liste-ville {
  border: none;
}

.liste-minimoteur .form-rubrique {
  text-transform: uppercase;
  padding-left: 0;
  letter-spacing: 1px;
  font: 12px ExoBold, sans-serif;
  padding-bottom: 5px;
}

.liste-minimoteur .input-text {
  font-size: .85em;
}



/* Recherche sur carte (dessinée) */
.geopoly {
  text-align: left;
}

/* Or */
.or-geopoly {
  width: 100%;
  text-align: center;
}

.or-geopoly img {
  margin: 0 8%;
}

.or-geopoly span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  border-top: 1px solid #dfdddb;
  width: 33%;
}

.text-geopoly {
  font: 12px ExoBold, sans-serif;
  text-transform: uppercase;
  color: #4b4b4b;
  margin-top: 10px;
}

/* Img Bouton */
.geopoly .img-geopoly {
  margin: 10px 0 20px;
  cursor: pointer;
  height: 90px;
  background-size: cover;
  background-image: url(/images/img-geopoly.png);
  background-image: -webkit-image-set(url(/images/img-geopoly.png) 1x, url(/images/img-geopoly@2x.png) 2x);
  background-image: image-set("/images/img-geopoly.png"1x, "/images/img-geopoly@2x.png"2x);
  background-position: center;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  border: 2px solid #FFF;
}

.geopoly .img-geopoly:hover {
  opacity: .8;
}

/* Dialog Bouton */

#DialogPolyMap {
  width: 900px;
}

button.ggmap-polygon-clear,
button.ggmap-polygon-remove,
button.ggmap-polygon-ok,
button.ggmap-polygon-submit {
  border: none !important;
  background-color: #565656 !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  font: 0.95em 'ExoBold', sans-serif !important;
  color: #FFF !important;
  background-image: url(/images/ico-geopoly.png) !important;
  background-image: -webkit-image-set(url(/images/ico-geopoly.png) 1x, url(/images/ico-geopoly@2x.png) 2x) !important;
  background-image: image-set("/images/ico-geopoly.png"1x, "/images/ico-geopoly@2x.png"2x) !important;
  background-repeat: no-repeat !important;
  padding-left: 15px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

button.ggmap-polygon-clear:hover,
button.ggmap-polygon-remove:hover,
button.ggmap-polygon-ok:hover,
button.ggmap-polygon-submit:hover {
  background-color: #3f3f3f !important;
}


button.ggmap-polygon-clear {
  background-position: left -2px !important;
}

button.ggmap-polygon-remove {
  background-position: left -31px !important;
}

button.ggmap-polygon-ok,
button.ggmap-polygon-submit {
  background-position: left -62px !important;
  background-color: #24495c !important;
}


button.ggmap-polygon-clear {
  background-position: left -2px !important;
}

button.ggmap-polygon-remove {
  background-position: left -31px !important;
}

button.ggmap-polygon-ok,
button.ggmap-polygon-submit {
  background-position: left -62px !important;
  background-color: #24495c !important;
}

.poly-error {
  font: 1.5em 'ExaRegular', sans-serif !important;
  margin-bottom: 20px;
  background-color: #f6e0e0;
  color: #ee0000;
  padding: 5px;
}

/* Message Tablette ( visible que sur les tablettes) */

.geopoly-message-tablette {
  font: 1em 'ExaRegular', sans-serif !important;
  background-image: url(/images/ill-geopoly.png);
  background-image: -webkit-image-set(url(/images/ill-geopoly.png) 1x, url(/images/ill-geopoly@2x.png) 2x);
  background-image: image-set("/images/ill-geopoly.png"1x, "/images/ill-geopoly@2x.png"2x);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 110px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.geopoly-message-tablette strong {
  font: 1.15em 'ExoBold', sans-serif !important;
  font-weight: normal;
  color: #24495c;
}




/* 4.3 Mode Liste (Texte)
----------------------------------------------------------------------------------------------------*/

/* Alerte Email*/
.liste-create-alert {
  background: url(/images/bg-liste-alert.png) no-repeat 23px 7px #3a3a3a;
  color: #b5b5b5;
  position: relative;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 11px;
  margin-bottom: 20px;
}

.liste-create-alert-content {
  margin-left: 75px;
  padding-top: 9px;
}

.liste-create-alert-content-title {
  width: 50%;
  float: left;
}

.liste-create-alert-content-title .heading4 {
  font-size: 1.4em;
  color: #fff;
}

.liste-create-alert-content-input {
  width: 47%;
  float: right;
}

.liste-create-alert-content-input .input-text {
  vertical-align: middle;
  width: 80%;
  margin-top: -22px;
}

.liste-create-alert-submit {
  width: 35px !important;
  height: 36px;
  margin-left: 5px;
}

.ui-effects-transfer {
  border: #000 2px dotted;
}

.mention-inter-agence,
#MentionInterAgence {
  margin: 10px 0;
  font-style: italic;
  font-size: 11px;
  color: #cecece;
}





/* Affichage de la liste */
.liste-display-all {
  position: relative;
  width: 100%;
  min-height: 400px;
  /* Min-height pour l'ajax loading */
}

#ListeAnnonce {
  width: 100%;
}

.selection #ListeAnnonce {
  margin-top: 20px;
}



.liste-display-nb {
  float: left;
  width: 65%;
  color: #646464;
  font: 21px/1.231 'ExoLight', sans-serif;
  padding: 10px 0;
  padding-left: 0;
}


.liste-bien-container {
  width: 48%;
  height: 270px;
  position: relative;
  border: 1px solid #e8e8e8;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 25px;
}

.bloc-biens {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
}



.liste-bien-container:nth-child(odd) {
  margin-right: 3%;
}

/* Emulation du odd/even sur IE7/8 (de merde) *!*!/*/
.lt-ie9 .liste-bien-container:first-child,
.lt-ie9 .liste-bien-container:first-child+.liste-bien-container+.liste-bien-container,
.lt-ie9 .liste-bien-container:first-child+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container,
.lt-ie9 .liste-bien-container:first-child+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container,
.lt-ie9 .liste-bien-container:first-child+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container {
  margin-right: 3%;
}


.liste-bien-photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.liste-bien-photo img {
  height: 100%;
}

.liste-bien-photo img.anti-cheat {
  position: absolute;
  z-index: 960;
  width: 00%;
}

.liste-bien-photo-frame {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #e7e7e7;
  text-align: center;
}

.liste-bien-description {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0;
  background: url(/images/bg-white90.png) repeat 0 100% transparent;
}

.liste-bien-description-col {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 10px 10px;
}

.liste-bien-description-col1 {
  text-align: left;
  width: 57%;
}

.liste-bien-description-col2 {
  text-align: right;
  width: 40%;
}

.liste-bien-title {}

.liste-bien-type {
  color: #000;
  font: 14px/1 'ExoRegular', sans-serif;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 0;
}

.liste-bien-ville {
  color: #404040;
  font: 13px/1 'ExoRegular', sans-serif;
  margin-top: 15px;
  margin-right: 0;
  margin-bottom: 0;
}

.liste-bien-price {
  color: #24495c;
  font: 14px/1 'ExoBold', sans-serif;
  -moz-text-shadow: 0 1px 1px #000;
  padding-top: 10px;
}

.liste-bien-pieces {
  color: #404040;
  font: 13px/1 'ExoRegular', sans-serif;
  -moz-text-shadow: 0 1px 1px #000;
}

.liste-bien-pieces span.spec-ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 20px;
  height: 27px;
  vertical-align: middle;
  background-image: url(/images/ico-specs.png);
  background-image: -webkit-image-set(url(/images/ico-specs.png) 1x, url(/images/ico-specs@2x.png) 2x);
  background-image: image-set("/images/ico-specs.png"1x, "/images/ico-specs@2x.png"2x);
  background-repeat: no-repeat;
}

.ico-piece {
  background-position: center -32px;
}



/* Tri */
.filters-container {
  float: right;
  width: 35%;
  margin-bottom: 20px;
}

.filters-content {
  font-family: ExoRegular, sans-serif;
}

.filters-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}

.filters-content li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 12px;
  margin-left: 10px;
}

.filters-content li span,
.filters-content li span a:link,
.filters-content li span a:visited {
  display: block;
  margin-left: -2px;
  padding: 4px 12px;
  background: #d5d5d5;
  cursor: pointer;
  color: #4b4b4b;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.filters-content li:hover span,
.filters-content li span.active-sort,
.filters-content li:active span,
.filters-content li:hover span a,
.filters-content li:active span a {
  color: #fff;
  background: #24495c;
}

/* Page Selection */
.selection-actions {
  position: absolute;
  top: 0;
  right: 0;
}

.buttons .SelectionOff span {
  color: #fff;
  background-position: 0 -120px;
  font-style: italic;
}

.SelectionOff a:link {
  color: #888 !important;
}


/* Ribbons dans toutes les langues */
.fr .liste-bien-ribbon {
  background: transparent url(/img_fr/bg-ribbons-all.png) no-repeat;
}


.ribbon-nouveau {
  width: 120px;
  height: 90px;
  background-position: 0 -90px !important;
}

.ribbon-exclu {
  width: 120px;
  height: 90px;
  background-position: 0 -180px !important;
}

.ribbon-vendu {
  width: 120px;
  height: 90px;
  background-position: 0 -270px !important;
}

.ribbon-baisse {
  width: 120px;
  height: 90px;
  background-position: 0 -360px !important;
}

.liste-navpage-container {
  border-top: #d1d5d8 1px solid;
  padding-top: 20px;
  margin: 30px 0 20px;
  color: #4b4b4b;
  font: 14px/1 'ExoRegular', sans-serif;
  position: relative;
  clear: both;
}

.liste-navpage-prev {
  position: absolute;
  top: 20px;
  left: 0;
  width: 26px;
  height: 26px;
}

.liste-navpage-prev span {
  display: block;
  height: 100%;
}

.liste-navpage-next {
  position: absolute;
  top: 20px;
  right: 0;
  width: 26px;
  height: 26px;
}

.liste-navpage-next span {
  display: block;
  height: 100%;
}

.liste-navpage-trail {
  margin: 0 30px;
  text-align: center;
}

.liste-navpage-container .PageCli {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 26px;
  height: 28px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.liste-navpage-container .PageTri {
  padding-right: 20px;
}

.liste-navpage-container .PagePre {
  background: transparent url(/images/bg-navpage-buttons.png) no-repeat -88px -3px;
  cursor: pointer;
}

.liste-navpage-container .PagePre:hover {
  background: transparent url(/images/bg-navpage-buttons.png) no-repeat -88px -38px;
}

.liste-navpage-container .PageSui {
  background: transparent url(/images/bg-navpage-buttons.png) no-repeat -103px -3px;
  cursor: pointer;
}

.liste-navpage-container .PageSui:hover {
  background: transparent url(/images/bg-navpage-buttons.png) no-repeat -103px -38px;
}

.liste-navpage-container .PageCli {
  color: #848484;
}

.liste-navpage-container .PageCli:hover {
  color: inherit;
  background: transparent url(/images/bg-navpage-buttons.png) no-repeat 0 0;
}

/* Page en cours */
.liste-navpage-container font b {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #4c4c4c;
  color: #FFF;
  font-weight: normal;
  font-style: normal;
}

.nav-page-position {
  font: 12px/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
  margin-right: 40px;
}

/* Ajax */
.LoadListe {
  z-index: 999;
  filter: alpha(opacity=20);
  /* internet explorer */
  -khtml-opacity: 0.2;
  /* khtml, old safari */
  -moz-opacity: 0.2;
  /* mozilla, netscape */
  opacity: 0.2;
  /* fx, safari, opera */
}

#LoadingAjax {
  background: url(/images/ajax-loader-white.gif) no-repeat 50% 100% transparent;
  height: 300px;
  position: absolute;
  top: 100px;
  left: 0px;
  width: 100%;
}

/* 4.5 Mode Detail
----------------------------------------------------------------------------------------------------*/

.detail-actions {
  overflow: hidden;
}

.detail-actions-content {
  padding-top: 25px;
  font: 11px/1 'ExoRegular', sans-serif;
  color: #4b4b4b;
  text-transform: uppercase;
}

.detail-topnav {}

.detail-topnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}

.detail-topnav li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 16px;
  padding: 8px 12px;
  background: #d5d5d5;
  cursor: pointer;
}

.detail-topnav li:first-child {
  float: left;
  margin-left: 0;
}

.detail-topnav li.ico-back {
  padding-left: 20px;
  background: transparent url(/images/bg-arrow-all.png) no-repeat 2px -15px;
  color: #4b4b4b;
}

.detail-topnav li.ico-back:hover {
  padding-left: 20px;
  background: transparent url(/images/bg-arrow-all.png) no-repeat -4px -15px;
  color: #4b4b4b;
}

.detail-topnav li,
.detail-topnav li a:link,
.detail-topnav li a:visited {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #4b4b4b;
}

.detail-topnav li:hover,
.detail-topnav li:active,
.detail-topnav li:hover a,
.detail-topnav li:active a {
  color: #fff;
  background: #24495c;
}

.detail-topnav .btn-detail-contact,
.detail-topnav .btn-detail-contact a {
  background: #24495c !important;
}

.detail-bien-specs-btn-wrapper {
  padding-bottom: 26px;
}

.detail-bien-specs-btn:link,
.detail-bien-specs-btn:visited {
  background-color: #24495c;
  padding: 8px 12px;
  display: inline-block;
  color: white;
  text-decoration: none;
  font: 11px/1 'ExoRegular', sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.detail-bien-specs-btn:hover,
.detail-bien-specs-btn:active {}

.first-descr {
  font: 1.5em 'ExoMedium', sans-serif;
  line-height: 1;
  color: #586267;
  margin-top: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}


.detail-display {}

.detail-display-content {}

.detail-photo-frame {
  background: #eee;
  padding: 12px;
}

.detail-photo-img img {
  display: block;
  width: 574px;
  height: 370px;
}

.detail-photo-nav {
  z-index: 100;
  position: relative;
}

.photo-prev,
.photo-next {
  width: 37px;
  height: 37px;
  position: absolute;
  bottom: 160px;
}

.photo-prev {
  left: -16px;
  background: transparent url(/images/slider-controls.png) no-repeat 0 0;
}

.photo-prev:hover {
  background: transparent url(/images/slider-controls.png) no-repeat 0 -39px;
}

.photo-next {
  right: -16px;
  background: transparent url(/images/slider-controls.png) no-repeat -39px 0;
}

.photo-next:hover {
  background: transparent url(/images/slider-controls.png) no-repeat -39px -39px;
}

.detail-photo-pagination {
  margin-top: 20px;
}

.detail-photo-pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.detail-photo-pagination ul li {
  float: left;
  margin-right: 12px;
}

.detail-photo-pagination ul li img {
  width: 100px;
  height: 72px;
  padding: 3px;
  background: #e0e0e0;
}

/* Detail bien context */
.detail-bien-context {
  height: 100%;
  width: 245px;
  position: absolute;
  right: 0;
  /* penser a bien modifier cette valeur dans fr_detail */
  bottom: 0;
  background: url(/images/bg-black40.png) repeat 0 0 transparent;
  z-index: 965;
  cursor: pointer;
}

.detail-bien-context.no-flap {
  display: block;
}

.detail-bien-context-header {
  padding: 80px 0 0 0;
  font: 26px/1.231 'ExoRegular', sans-serif;
  color: #272727;
  text-align: left;
  text-transform: uppercase;
}

.detail-bien-context-header>div {
  padding-left: 30px;
  color: #eee;
  font: 16px/1.231 'ExoRegular', sans-serif;
  letter-spacing: .15em;
}

.detail-bien-context-header>div:first-child {
  color: #fff;
  font: 13px/1.231 'ExoRegular', sans-serif;
  letter-spacing: .1em;
}

.detail-bien-context-header>div.link {
  font: 12px/25px 'ExoRegular', sans-serif;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-top: 20px;
  color: #fff;
  text-decoration: none;
  padding: 4px 10px 0px 30px;
  background: url(/images/bg-arrow-all.png) no-repeat 8px 6px #24495c;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.detail-bien-context-header>div.link:hover {
  color: #fff;
  text-decoration: none;
  background: url(/images/bg-arrow-all.png) no-repeat 12px 6px #1a3543;
}

.detail-bien-context-infos {
  background: #fff;
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 260px;
  height: 210px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  text-align: left;
  text-transform: uppercase;
  z-index: 999;
}

.detail-bien-context-infos-content {
  position: relative;
  height: 100%;
  width: 100%;
}

.detail-bien-context-open {
  display: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 87px;
  margin-top: -15px;
  left: 0;
  background: transparent url(/images/bg-arrow-all.png) no-repeat 12px -69px;
}

.detail-bien-context-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 87px;
  margin-top: -15px;
  left: 0;
  background: transparent url(/images/bg-arrow-all.png) no-repeat -20px -69px;
}

.detail-bien-context-infos .detail-bien-context-title {
  position: absolute;
  bottom: 110px;
  left: 35px;
  color: #586267;
  font: 11px/1 'ExoRegular', sans-serif;
  letter-spacing: .1em;
}

.ope-2 .detail-bien-context-infos .detail-bien-context-title {
  bottom: 120px;
}

.detail-bien-context-infos .ville {
  font: 26px/1.131 'ExoRegular', sans-serif;
  color: #272727;
  margin-top: 5px;
}

.detail-bien-context-infos .bien-quartier {
  font-size: 16px;
}

.detail-bien-context-infos .prix {
  position: absolute;
  top: 108px;
  left: 35px;
  font: 20px/1.231 'ExoRegular', sans-serif;
  color: #24495c;
}

.ope-2 .detail-bien-context-infos .prix {
  top: 90px;
}

.detail-bien-context-infos .prix .price-all {}

.detail-bien-context-infos .prix .price-loc {
  color: #4f565c;
  font: 12px/1.231 'ExoRegular', sans-serif;
  margin-top: 5px;
}

.detail-bien-context-infos .ref {
  position: absolute;
  bottom: 20px;
  left: 35px;
  color: #4f565c;
  font: 12px/1.231 'ExoRegular', sans-serif;
  border-top: #dfdfdf 1px solid;
  padding-top: 15px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.ope-2 .detail-bien-context-infos .ref {
  bottom: 13px;
  padding-top: 8px;
}


/* Detail bien infos*/

.detail-col1 {
  float: left;
  width: 55%;
}

.detail-col2 {
  float: left;
  background: url(/images/bg-shadow-vertical.png) no-repeat -25px -310px transparent;
  width: 40%;
  padding: 35px 0 0 5%;
}

.gg-map-detail {
  width: 100%;
  height: 330px;
  margin-bottom: 20px;
}

.detail-bien-localisation {
  padding-bottom: 30px;
}

.detail-bien-infos {
  background: transparent url(/images/bg-shadow-full.png) no-repeat 50% 0;
  background-size: 100% auto
}

.detail-bien-desc {
  font-size: 12px;
  line-height: 20px;
}

.detail-bien-desc-content {
  padding-top: 35px;
  padding-right: 45%;
  padding-bottom: 10px;
  color: #4b4b4b;
}

.detail-bien-desc-content>p {
  margin-top: 0;
}

/*.detail-bien-desc-content .description:first-letter{
  float: left; padding-right: .2em;
  font: 3.3em/1 'ExoBold', sans-serif;
}*/

/* Baisse de prix */
.detail-bien-desc-content .ico-baisse-prix {
  margin-top: 30px;
  cursor: pointer;
  font: 17px/1 'ExoMedium', arial, sans-serif;
  text-transform: uppercase;
  color: #777;
  border: 1px solid #ddd;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  padding: 8px 13px 3px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.detail-bien-desc-content .ico-baisse-prix:hover {
  color: #000;
}

.detail-bien-desc-content .ico-baisse-prix .ico {
  width: 33px;
  height: 33px;
  padding-top: 6px;
  margin-right: 6px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background: transparent no-repeat center 0;
  background-image: url(/images/ico-detail-baisse-prix.png);
  background-image: -webkit-image-set(url(/images/ico-detail-baisse-prix.png) 1x, url(/images/ico-detail-baisse-prix@2x.png) 2x);
  background-image: image-set("/images/ico-detail-baisse-prix.png"1x, "/images/ico-detail-baisse-prix@2x.png"2x);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.detail-bien-desc-content .ico-baisse-prix:hover .ico {
  background-position: center -39px;
}




/*--- Descriptif pièces ---*/

.descriptif-pieces {
  background: #fff;
  margin: 10px 0 10px;
}

.descriptif-pieces .table {
  width: 100%;
  margin-bottom: 18px;
}

.descriptif-pieces .table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #d8d8d8;
}

.descriptif-pieces .table-bordered {
  border: 1px solid #d8d8d8;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.descriptif-pieces .table-bordered th+th,
.descriptif-pieces .table-bordered td+td,
.descriptif-pieces .table-bordered th+td,
.descriptif-pieces .table-bordered td+th {
  border-left: 1px solid #d8d8d8;
}

.descriptif-pieces .table-bordered thead:first-child tr:first-child th,
.descriptif-pieces .table-bordered tbody:first-child tr:first-child th,
.descriptif-pieces .table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.descriptif-pieces .table-bordered thead:first-child tr:first-child th:first-child,
.descriptif-pieces .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.descriptif-pieces .table-bordered thead:first-child tr:first-child th:last-child,
.descriptif-pieces .table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.descriptif-pieces .table-bordered thead:last-child tr:last-child th:first-child,
.descriptif-pieces .table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.descriptif-pieces .table-bordered thead:last-child tr:last-child th:last-child,
.descriptif-pieces .table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.descriptif-pieces .table tbody tr:nth-child(odd) td,
.descriptif-pieces .table tbody tr:nth-child(odd) th {
  background-color: #f5f5f5;
}

.descriptif-pieces .table tbody tr:hover td,
.descriptif-pieces .table tbody tr:hover th {
  background-color: #f5f5f5;
}

/* Pour la première ligne du Tableau */
.descriptif-pieces .table-bordered tr:first-child td,
.descriptif-pieces .table-bordered tr:first-child th {
  border-left: 1px solid #C3C3C4;
}

.descriptif-pieces .table-bordered tr:first-child td:first-child,
.descriptif-pieces .table-bordered tr:first-child th:first-child {
  border-left: none;
}

.descriptif-pieces .table tbody tr:first-child td,
.descriptif-pieces .table tbody tr:first-child th {
  background-color: #DADADA;
}

.descriptif-pieces .table-bordered tr td:first-child,
.descriptif-pieces .table-bordered tr th:first-child {
  border-left: none;
}


/* Affichage/Masquage du tableau (Voir le descriptif des pièces) */
.btn-show-desc-piece,
.btn-hide-desc-piece {
  background: #24495c;
  color: #fff;
  text-align: center;
  padding: 12px 8px 8px;
  cursor: pointer;
  margin-top: 30px;
  text-transform: uppercase;
  font: 14px/1 'ExoMedium', sans-serif;
}

.btn-hide-desc-piece {
  background: #4b4b4b;
}






/*-- Specs bien --*/

.detail-bien-specs {
  float: right;
  margin-top: 0;
  text-align: center;
  width: 40%;
  min-height: 300px;
  padding: 35px 0 35px 5%;
  background: url(/images/bg-shadow-vertical.png) no-repeat -25px bottom transparent;
}

/* Specs avec icones */
.detail-bien-specs li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  width: 80px;
  margin: 0 10px 10px !important;
  font: 1.1em 'ExoBold', Arial, sans-serif;
  color: #5D5D5D;
}

.detail-bien-specs li span.spec-ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
  height: 30px;
  background-image: url(/images/ico-specs.png);
  background-image: -webkit-image-set(url(/images/ico-specs.png) 1x, url(/images/ico-specs@2x.png) 2x);
  background-image: image-set("/images/ico-specs.png"1x, "/images/ico-specs@2x.png"2x);
  background-repeat: no-repeat;
}

.programmes .detail-bien-specs li {
  width: 120px;
}

.ico-piece {
  background-position: center -32px;
}

.ico-surface {
  background-position: center 2px;
}

.ico-terrain {
  background-position: center -95px;
}

.ico-chambre {
  background-position: center -60px;
}

.ico-date {
  background-position: center -125px;
}


/* Specs avec texte */
.detail-bien-specs ul.specs-text {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.detail-bien-specs ul.specs-text li {
  text-align: left;
  border-top: 1px solid #dfdfdf;
  margin: 0 !important;
  padding-top: 15px;
  font: 16px/1 'ExoRegular', sans-serif;
  color: #4b4b4b;
  text-transform: uppercase;
  width: 100%;
}

.detail-bien-specs ul.specs-text li:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.detail-bien-specs ul.specs-text li span.spec-bien {
  background: none;
  width: 90px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font: 12px/16px 'ExoBold', sans-serif;
  color: #000000;
  letter-spacing: 1px;
}

.detail-bien-specs ul.specs-text li.prix,
.detail-bien-specs ul.specs-text li.prix span {
  color: #24495c;
  font: 17px/16px 'ExoBold', sans-serif;

}

.detail-bien-specs ul.specs-text li.prix {
  margin-top: 10px !important;
}


/*-- Specs bien description supplémentaire --*/
.detail-bien-desc-suppl {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  background: transparent url(/images/bg-shadow-full.png) no-repeat 50% 0;
  background-size: 100% auto;

}

.accroche {
  font: 20px/1 'ExoMedium', sans-serif;
  color: #586267;
  border-bottom: #dfdfdf 1px solid;
  margin-bottom: 25px;
  padding-bottom: 15px;
}

.detail-annotation {
  font-style: italic;
  font-size: 11px;
  color: #bbb;
}





/* 4.3.4  Google map avec POI
----------------------------------------------------------------------------------------------------*/

.detail-bien-poi-container {
  padding-top: 20px;
  border-top: 2px solid #F7F7F7;
}

.detail-bien-poi {
  margin-top: 20px;
}

.titre-onglet {
  margin-bottom: 20px;
  text-align: center;
}

.titre-onglet-title {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 49%;
  text-align: center;
  font: 1.7em 'ExoMedium', Arial, sans-serif;
  float: left;
}

.titre-onglet-line {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 25%;
  border-bottom: 3px solid #e4e4e4;
  float: left;
  height: 1em;
}

.titre-onglet-title span {
  color: #24495c;
  font-family: 'ExoBold', Arial, sans-serif;
}


.gg-map-poi-container {
  font-size: 0.85em;
}

.poi-col {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 18%;
  margin: 2% 2% 2% 0;
}

.poi-col:last-child {
  margin-right: 0;
}

.poi-col-title {
  width: 100%;
  text-transform: uppercase;
  color: #2b2b2b;
  margin-bottom: 10px;
  padding-bottom: 6px;
  font: 1.2em 'ExoBold', Arial, Helvetica, sans-serif;
}

.poi-col li {
  list-style: none;
  line-height: 2.5em;
  font-size: 0.9em;
}

.poi-col label {
  color: #4a4a4a;
  text-transform: uppercase;
  margin-bottom: 2px;
  cursor: pointer;
  padding-bottom: 4px;
}

label.poi-label-all {
  font-size: 0.9em;
  line-height: 2.3em;
}

/*-- POI --*/

.poi-item {
  padding-left: 20px !important;
  background-repeat: no-repeat;
  background-position: 0 4px;
}

.poi-hopital {
  background-image: url(/images/poi-icons/hopital.png);
}

.poi-medecin {
  background-image: url(/images/poi-icons/medecin.png);
}

.poi-dentiste {
  background-image: url(/images/poi-icons/dentiste.png);
}

.poi-pharmacie {
  background-image: url(/images/poi-icons/pharmacie.png);
}

.poi-hypermarche {
  background-image: url(/images/poi-icons/cart.png);
}

.poi-boucherie {
  background-image: url(/images/poi-icons/boucherie.png);
}

.poi-boulangerie {
  background-image: url(/images/poi-icons/boulangerie.png);
}

.poi-creche {
  background-image: url(/images/poi-icons/creche.png);
}

.poi-ecole {
  background-image: url(/images/poi-icons/ecole.png);
}

.poi-lycee {
  background-image: url(/images/poi-icons/lycee.png);
}

.poi-univ {
  background-image: url(/images/poi-icons/universite.png);
}

.poi-cafe {
  background-image: url(/images/poi-icons/cafe.png);
}

.poi-resto {
  background-image: url(/images/poi-icons/resto.png);
}

.poi-culture {
  background-image: url(/images/poi-icons/culture.png);
}

.poi-sport {
  background-image: url(/images/poi-icons/sport.png);
}

.poi-parkings {
  background-image: url(/images/poi-icons/parking.png);
}

.poi-stations {
  background-image: url(/images/poi-icons/station.png);
}

.poi-transports {
  background-image: url(/images/poi-icons/transport.png);
}

.poi-commissariats {
  background-image: url(/images/poi-icons/commissariat.png);
}

.poi-postes {
  background-image: url(/images/poi-icons/poste.png);
}

.poi-banques {
  background-image: url(/images/poi-icons/banque.png);
}

#GGMapPoi {
  width: 100% !important;
  height: 450px;
}






/* DPE & Contact Agence*/
.detail-bien-dpe,
.detail-bien-contact {
  padding: 35px 0;
}

.detail-bien-dpe .heading3 {
  font-size: 15px;
}

.detail-bien-contact {
  padding-top: 0;
}

.detail-bien-dpe-title,
.detail-bien-contact-title {
  margin-bottom: 18px;
}

.detail-bien-dpe-title>div,
.detail-bien-contact-title>div {
  font: 24px/1 'ExoRegular', sans-serif;
  color: #272727;
  text-transform: uppercase;
}

.detail-bien-dpe-title>div:first-child,
.detail-bien-contact-title>div:first-child {
  font: 15px/16px 'ExoRegular', sans-serif;
  color: #969696;
}

/* Modal */
.detail-contact-modal {
  padding-top: 20px;
  /*width: 650px;*/
}

.detail-contact-modal .main-content-demicol {
  width: 250px;
  font-size: 90%;
}

.detail-contact-modal img.logo-agence {
  padding-top: 10px;
}

.detail-contact-modal .heading3 {
  margin-bottom: 5px;
}

/* DPE */
.TitreDpe {
  font-size: 13px;
  font-weight: bold;
  padding-top: 25px;
  padding-bottom: 15px;
}

.NrjGrad,
.GesGrad {
  float: left;
  width: 200px;
  height: 200px;
  margin-right: 20px;
  border: 1px solid #CCC;
}

.GesGrad {
  margin-right: 0;
}

.DpeImage {
  z-index: 100;
  width: 200px;
  height: 200px;
  position: absolute;
}

.DpeCursor {
  width: 191px;
  height: 50px;
  z-index: 200;
  text-align: right;
  position: absolute;
}

.DpeNote {
  color: #fff;
  width: 186px;
  height: 39px;
  z-index: 200;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  position: absolute;
  padding: 20px 10px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
}

/* Contact Agence */
.detail-bien-contact-form {}

.detail-bien-contact-form .white-form .input-text,
.detail-bien-contact-form .white-form textarea {
  background-color: #e4e4e4;
  width: 69% !important;
}

.detail-bien-contact-form #message {
  height: 80px;
}


.detail-bien-contact-form ul {}

.detail-bien-contact-form li {
  margin-bottom: 6px;
}

.detail-bien-contact-form li label {
  display: inline-block;
  width: 25%;
  *display: inline;
  zoom: 1;
  font: 11px/1 'ExoRegular', sans-serif;
  color: #4b4b4b;
  text-transform: uppercase;
}

.detail-bien-contact-form li .input-text {
  display: inline-block;
  *display: inline;
  zoom: 1;
}



.detail-bien-contact-form li:nth-child(even) {}

.detail-bien-contact-form li:nth-child(odd) {
  margin-right: 0px;
}


.detail-dialog-contact {}

.detail-dialog-contact ul {}

.detail-dialog-contact li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-bottom: 6px;
}

.detail-dialog-contact li label {
  display: inline-block;
  width: 75px;
  *display: inline;
  zoom: 1;
  font: 11px/1 'Nexa-Bold', sans-serif;
  color: #6E767E;
  text-transform: uppercase;
}


/* Bei nsimilaire */


a.suggest-bien {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 19.7%;
  height: 200px;
  margin: 0 0.15%;
  background-position: center;
  background-color: #353535;
  background-size: cover;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  float: left;

}

a.suggest-bien:hover {
  text-decoration: none;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.suggest-bien-text {
  position: absolute;
  bottom: 0;
  padding: 4%;
  width: 92%;
  background: transparent url(/images/bg-black60.png) repeat;
  color: #FFF;
  text-align: left;
}



/* Inactif */
.detail-photo-container-inactif {
  background: #eee url(/images/logo-small.png) no-repeat 20px 50%;
  height: 70px;
  padding: 30px 20px 0 140px;
  color: #666;
}

.detail-inactif-title {
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #666;
  font-weight: bold;
}

/* Neuf */
.detail-bien-lots {
  float: left;
  padding: 35px 35px 0 0;
  width: 430px;
}

.detail-bien-lots table {
  font-size: .8em;
}

.detail-bien-lots table th {
  font-family: 'ExoRegular', sans-serif;
  text-transform: uppercase;
}


/* 4.7 Adapt Slideshow jQuery
----------------------------------------------------------------------------------------------------*/
.detail-photo-container {}

.detail-photo-container .slideshow {}

/* Personalisation */
.detail-photo-container .large-flap-frame {
  width: 100%;
  position: relative;
  background: url(/images/ajax-loader-gray.gif) no-repeat 50% 50% #e4e4e4;
}

.detail-photo-container .large-flap-container {
  overflow: hidden;
  width: 100%;
  height: 605px;
  /* Dimension des images voir numage.txt */
  position: relative;
  text-align: center;
  /*border: 5px solid #dcdcdc; box-shadow: 0px 1px 1px rgba(0,0,0,0.5);*/
}

.detail-photo-container .anti-cheat {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 960;
}

.detail-photo-container .anti-cheat img {
  height: 100%;
  width: 100%;
  display: block;
}

.detail-photo-container .empty-slideshow {
  background: #e0e0e0 url(/images/vide_detail_grande.jpg) no-repeat 50% 50%;
}

.detail-photo-container .large-flap-container div.diapo {
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

.detail-photo-container .large-flap-container div.is-flap {
  display: none;
  overflow: hidden;
}

.detail-photo-container .large-flap-container div.is-flap img {
  max-width: 100%;
  height: auto;
}

.large-flap-controls-content {
  margin-left: 40%;
}

.large-flap-controls .play,
.large-flap-controls .stop {
  float: left;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  cursor: pointer;
}

.large-flap-controls .play {
  background: transparent url(/images/slider-controls.png) no-repeat -18px -78px;
}

.large-flap-controls .play.slideshow-control-active {
  background: transparent url(/images/slider-controls.png) no-repeat -1px -78px;
}

.large-flap-controls .stop {
  background: transparent url(/images/slider-controls.png) no-repeat -56px -78px;
}

.large-flap-controls .stop.slideshow-control-active {
  background: transparent url(/images/slider-controls.png) no-repeat -39px -78px;
}

.large-flap-controls .video {
  float: left;
  margin-left: 10px;
  cursor: pointer;
}

.large-flap-controls .visite {
  float: left;
  margin-left: 5px;
  vertical-align: middle;
}

.large-flap-controls .visite a:hover {
  background: none;
}

.large-flap-controls .position {
  float: left;
  line-height: 20px;
  margin: 0 5px 0 10px;
  color: #aaa;
  font-style: italic;
  font-size: 11px;
}

.large-flap-controls .position .pos-flap,
.large-flap-controls .position .nb-flap {
  color: #999;
  font-weight: bold;
}

.large-flap-nav {
  z-index: 970;
  position: relative;
  filter: alpha(opacity=0);
  /* internet explorer */
  -khtml-opacity: 0;
  /* khtml, old safari */
  -moz-opacity: 0;
  /* mozilla, netscape */
  opacity: 0;
  /* fx, safari, opera */
}

.large-flap-nav .previous,
.large-flap-nav .next {
  width: 56px;
  height: 55px;
  position: absolute;
  top: 270px;
  cursor: pointer;
}

.large-flap-nav .previous img,
.large-flap-nav .next img {
  width: 100%;
  height: 100%;
  display: block;
}

.large-flap-nav .previous {
  left: 30px;
  background: transparent url(/images/slider-controls.png) no-repeat 0 0;
}

.large-flap-nav .previous:hover {
  background: transparent url(/images/slider-controls.png) no-repeat 0 -55px;
}

.large-flap-nav .next {
  right: 30px;
  background: transparent url(/images/slider-controls.png) no-repeat -64px 0;
}

.large-flap-nav .next:hover {
  background: transparent url(/images/slider-controls.png) no-repeat -64px -55px;
}

.no-flap {
  display: none;
}

.controls {
  display: block;
}

/* Loading */
.slideshow-loaded.detail-photo-container .large-flap-container div.is-flap {
  display: block;
}

.slideshow-loaded.detail-photo-container .large-flap-frame {
  background-image: none;
}

/* Thumbs */
.thumbs-flap-wrapper {
  padding: 18px 6%;
  background: url(/images/bg-shadow-big.png) no-repeat 50% 0;
  position: relative;
  height: 110px;
}

.thumbs-flap-container {
  font-size: 0;
  text-align: center
    /* inline-block margin cancel */
}

.thumbs-flap-container .is-flap {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin-right: 18px;
}

.thumbs-flap-container .is-flap:first-child {
  margin-left: 0;
}

.thumbs-flap-container .last-thumbs {
  margin-right: 0;
}

.thumbs-flap-container .is-flap img {
  background: #fff;
  height: 108px;
  width: auto;
  max-width: 156px;
}

.thumbs-flap-container .thumbs-active img {
  filter: alpha(opacity=50);
  /* internet explorer */
  -khtml-opacity: 0.5;
  /* khtml, old safari */
  -moz-opacity: 0.5;
  /* mozilla, netscape */
  opacity: 0.5;
  /* fx, safari, opera */
}

.thumbs-control-prev,
.thumbs-control-next {
  position: absolute;
  top: 56px;
  width: 17px;
  height: 32px;
  background: transparent url(/images/bg-arrow-all.png) no-repeat;
  cursor: pointer;
  z-index: 100;
  filter: alpha(opacity=40);
  /* internet explorer */
  -khtml-opacity: 0.4;
  /* khtml, old safari */
  -moz-opacity: 0.4;
  /* mozilla, netscape */
  opacity: 0.4;
  /* fx, safari, opera */
}

.thumbs-control-prev {
  left: 20px;
  background-position: 0 -114px;
}

.thumbs-control-next {
  right: 20px;
  background-position: 0 -171px;
}

/* JScrollPane */
.scrollpane {
  outline: none;
  width: 100% !important;
}

.scrollpane>div {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  width: 100% !important;
}

.scrollpane .jspPane {
  position: absolute;
  width: 100% !important;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  display: none;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #fff;
  position: relative;
}

.jspDrag {
  background: #fff;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Captions */
.detail-photo-container .caption {
  background-color: #000;
  color: #fff;
  text-align: left;
}

.detail-photo-container .large-caption {
  position: absolute;
  left: 0;
  top: 376px;
  height: 70px;
  width: 800px;
  padding: 15px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.detail-photo-container .thumbs-caption {
  position: absolute;
  top: 3px;
  left: 3px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.detail-photo-container .caption-title {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}

/* Diaporama Overlay BIG */
.big-flap-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 980;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.big-flap-container {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  z-index: 990;
  overflow: hidden;
  background: #282828 url(/images/loading.gif) no-repeat 50% 50%;
  border: #eee 10px solid;
}

.big-flap-container .anti-cheat {
  width: 100%;
  height: 100%;
}

.big-flap-container .previous,
.big-flap-container .next {
  width: 34px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  /* Centrage vertical */
  cursor: pointer;
  z-index: 9999;
}

.big-flap-container .previous {
  left: 10px;
  background: transparent url(/images/slider-controls.png) no-repeat 0 -112px;
}

.big-flap-container .previous:hover {
  background: transparent url(/images/slider-controls.png) no-repeat 0 -173px;
}

.big-flap-container .next {
  right: 10px;
  background: transparent url(/images/slider-controls.png) no-repeat -43px -112px;
}

.big-flap-container .next:hover {
  background: transparent url(/images/slider-controls.png) no-repeat -43px -173px;
}

.big-flap-container .pagination {
  z-index: 9999;
}

.close-big {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 5px;
  right: 5px;
  background: transparent url(/images/slider-controls.png) no-repeat -7px -236px;
  cursor: pointer;
  z-index: 9999;
}

.close-big:hover {
  background: transparent url(/images/slider-controls.png) no-repeat -46px -236px;
  cursor: pointer;
}

/* Pagination */
.detail-photo-container .pagination {
  width: 100%;
  padding-top: 12px;
  height: 25px;
  background: #fff;
  text-align: center;
  position: absolute;
  /* Placement de la pagination */
  left: 0;
  bottom: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.detail-photo-container .pagination .pagination-page {
  display: inline-block;
  margin-right: 3px;
  width: 12px;
  height: 12px;
  background: transparent url(/images/pagination.png) no-repeat 0 0;
  overflow: hidden;
  cursor: pointer;
}

.detail-photo-container .pagination .pagination-page-active {
  background: transparent url(/images/pagination.png) no-repeat 0 -12px;
}

/* 4.7 Outils Financiers
----------------------------------------------------------------------------------------------------*/
.calc-container span {
  padding: 0 !important;
  /* Supprimer le padding sur le span hardcodé dans Libimmo */
}

.calc-leftcol {
  float: left;
  width: 67%;
}

.calc-rightcol {
  float: left;
  width: 33%;
}

.calc-container span>span {
  font-size: 22px;
  text-align: center;
}

.calc-container .form-rubrique {
  width: inherit;
}

/* 4.8 Référencement
----------------------------------------------------------------------------------------------------*/
/* Pages de ref */
.ref-intro {
  background: #efefef;
  padding: 5px 20px 10px;
  margin-bottom: 10px;
}

.ref-leftcol {
  float: left;
  width: 230px;
  margin-right: 20px;
}

.ref-rightcol {
  float: left;
  width: 320px;
}

.ref-plan-liste li {
  background-image: none !important;
}

.ref-plan-liste li:first-child {
  margin-top: 10px !important;
}


.ref-plan-liste li a {
  color: #686464;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  line-height: 1.5;
  -moz-box-shadow: 0 1px 4px #888888;
  -webkit-box-shadow: 0 1px 4px #888888;
  box-shadow: 0 1px 4px #888888;
  display: block;
  margin: 5px;
  padding: 20px;
  background: none #fcfcfc;
}

.ref-plan-liste li a:hover {
  color: #24495c;
  text-decoration: none;
  background-color: #efefef;
}


.ref-plan-bloc {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: #ddd 1px solid;
}

.ref-plan-liste span.Listeliensmotscles a {
  font-size: 12px;
  color: #939393;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.ref-plan-liste span.Listeliensmotscles a:hover {
  color: #24495c;
  text-decoration: none;
}

/* Detail Ville (R200) */

.detail-bien-localite-container {
  padding: 15px 0;
}

.detail-bien-localite-r200 a:link,
.detail-bien-localite-r200 a:visited {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 3px 5px 3px 24px;
  border: #ddd 1px solid;
  color: #444;
  background: #eee url(/images/bt-detailville.gif) no-repeat 0 50%;
  font-weight: bold;
  font-size: 10px;
  line-height: 1.231;
}

.detail-bien-localite-r200 a:hover,
.detail-bien-localite-r200 a:active {}

/* Plan */
.ref-plan-moteur {
  float: right;
  margin: 0 0 20px 20px;
}

/* Pied Ref  */
.pied-ref {
  font-size: 11px;
  color: #4a6372;
}

.pied-ref a:link,
.pied-ref a:visited {
  color: #757575;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.pied-ref a:hover,
.pied-ref a:active {
  color: #fff;
  text-decoration: none;
}

.home #pied-ref-content {
  padding: 10px 0 7px 0;
  margin: 0 0 7px 0;
  border-top-width: 1px;
  border-top-style: solid;
}

/* Pied Ref Villes */
.pied-ref-villes {
  padding: 7px 0 0 0;
  margin: 7px 0 0 0;
  border-top-width: 1px;
  border-top-style: solid;
}

.pied-ref-villes ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pied-ref-villes li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 195px;
  /* Width fixe pour un affichage en colonne */
  font-size: 11px;
}

/* Module de marquee */
.pied-ref-defil-title h1,
.pied-ref-defil-title li,
.pied-ref-defil-title .ref-more,
.pied-ref-defil-title {
  color: #757575;
  text-align: justify;
}

.pied-ref-defil-title li {
  list-style: none;
}

.pied-ref-defil-title .ref-more {
  cursor: pointer;
  padding-left: 5px;
  padding-top: 5px;
}

.pied-ref-defil-text {
  float: left;
  width: 600px;
  color: #757575;
  font-size: 11px;
}

.pied-ref-defil-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pied-ref-defil-text ul li {
  margin: .5em 0;
  padding-right: 20px;
  text-align: justify;
}

.pied-ref-defil-images {
  float: left;
  width: 380px;
  color: #757575;
  padding-top: 10px;
}

.pied-ref-defil-images ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /* Styles pour le jQuery marquee */
  height: 210px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.pied-ref-defil-images ul li {
  margin: 0;
  /* Styles pour le jQuery marquee */
  position: absolute;
  top: 999em;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.marquee-photo {
  width: 80px;
  height: 80px;
  float: left;
}

.marquee-content {
  margin-left: 90px;
  font: normal 11px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #757575;
}

.marquee-content-title {
  font-size: 11px;
  font-weight: bold;
  color: #757575;
}

.marquee-content-price {
  color: #979797;
  font-weight: bold;
}

.marquee-content-desc {
  font-size: 11px;
}

.marquee .no-flap {
  display: block;
}

.marquee .no-flap img {
  width: 80px;
  height: auto;
}

/* Module de Région */
.region-last-annonces {}

.region-last-annonces ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.region-last-annonces ul li {
  padding: 0;
  background: none;
}

.region-main-photo {
  float: right;
  width: 170px;
  height: auto;
  margin-left: 20px;
}

.region-annonces-container {
  vertical-align: top;
  width: 242px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: #f0f0f0;
  margin: 0 10px 10px 0;
  padding: 5px;
  font-size: 11px;
  min-height: 70px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.region-annonces-container .no-flap {
  display: block;
}

.region-annonces-container .no-flap img {
  width: 70px;
  height: auto;
}

.region-annonces-container .region-annonces-photo {
  width: 70px;
  height: 70px;
  float: left;
}

.region-annonces-container .region-annonces-content {
  margin-left: 80px;
}

.region-annonces-container .region-annonces-content-title {
  font-weight: bold;
  text-transform: uppercase;
}

.region-annonces-container .region-annonces-content-price {
  color: #24495c;
}

.region-annonces-container .region-annonces-content-desc {
  color: #666;
  padding: 3px 8px 3px 0;
  font-size: 10px;
}

.region-annonces-container .region-annonces-content-desc a {
  white-space: nowrap;
}

#region-tabs .ui-tabs-panel {
  padding: 0;
}

#region-tabs .ui-tabs-nav li {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  line-height: 1.231;
}

/* Annuaire */
.pied-ref-backlinks {
  margin-top: 7px;
  padding-top: 7px;
  border-top-width: 1px;
  border-top-style: solid;
}

.pied-ref-backlinks ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pied-ref-backlinks li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 0 0 5px;
  padding: 0 0 0 15px;
  background: transparent url(/images/puce-barre-ref.png) no-repeat 0 50%;
}

.pied-ref-backlinks li:first-child {
  margin-left: 0;
  padding: 0;
  background: none;
}

.annuaire-intro {
  background: #eee;
  padding: 10px 20px;
  margin-bottom: 60px;
  font-size: 11px;
  color: #555;
  text-align: justify;
}

.annuaire-intro p {
  margin: .5em 0;
}

.annuaire-inscription-button {}

.annuaire-nb {
  padding: 1px 3px;
  color: #999;
  text-transform: uppercase;
  margin-left: 5px;
  font-weight: bold;
  font-size: 11px;
  line-height: 1.231;
}

.annuaire-fil-arianne {
  text-transform: uppercase;
  margin: 5px 0 15px;
  border-bottom: #eee 1px solid;
  padding-bottom: 5px;
  color: #aaa;
  font-size: 11px;
  line-height: 1.231;
}

.annuaire-categories {}

.annuaire-categories>table {
  float: none;
}

.annuaire-categories h2,
.ref-categories {
  background: #eee;
  text-transform: uppercase;
  color: #666;
  padding: 3px 6px;
  border-radius: 2px;
  margin: 2em 0 1em;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.231;
}

.annuaire-categories ul {
  list-style: none;
}

.annuaire-categories ul li {
  background: none;
  border-bottom: #eee 1px solid;
  margin-bottom: 7px;
  padding: 0 0 7px 0;
}

.annuaire-categories p {
  font-size: 11px;
  margin: .25em 0;
  border-left: #eee 6px solid;
  padding-left: 10px;
}

.annuaire-categories .annuaire_site_url {
  border: none;
  padding: 0;
  color: #999;
}

.annuaire-forminsc {
  margin-top: 70px;
}

#AddAnnuaire .form-rubrique,
#AddAnnuaire .form-critere-title-left {
  width: 210px;
}

.annuaire .heading6 {
  margin-top: 0;
  margin-bottom: 0px;

}

.annuaire-forminsc .legend {
  color: #aeaeae !important;
  font-style: normal !important;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.231;
}

.nbchar {
  padding: 1px 3px;
  background: #cbcbcb;
  color: #fff;
  border-radius: 2px;
  font-weight: bold;
  font-size: 10px;
  line-height: 1.231;
}

#selectAnnuaire {
  border: #dadada 1px solid;
  width: 100%;
}

#backlink {
  height: 50px;
}

.error {
  background: #FDDFDE;
  border: #FBC7C6 1px solid;
  padding: 10px 20px;
}

.success {
  background: #D1EED1;
  border: #BFE7BF 1px solid;
  padding: 10px 20px;
}

/* Page Contact R9 (Nuage d'annonces) */
.contact-nuage-annonce {
  margin-top: 100px !important;
}

.ClassAnnonceNuage {
  padding: 0 0 5px 0 !important;
  margin: .5em 0;
  font-size: 11px;
  line-height: 1.5;
  color: #929292;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -moz-box-shadow: 0 1px 4px #888888;
  -webkit-box-shadow: 0 1px 4px #888888;
  box-shadow: 0 1px 4px #888888;
  display: block;
  margin: 5px;
  padding: 20px;
  background: none #fcfcfc;
  padding: 20px !important;
}

.ClassAnnonceNuage a {
  color: #4b4b4b !important;
}

#TitreLocalisation {
  /*padding:20px !important; background:#e5e5e5;*/
  margin-top: 20px;
  text-align: center;
}

#TitreLocalisation a {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

img.PhotoNuage {
  display: block;
  max-width: 104px;
  height: auto;
  border: #fff 3px solid !important;
}

/* Elargir recherche */
.detail-elargir-recherche {
  border-top: #dfdfdf 1px solid;
}

.detail-elargir-recherche>div {
  padding: 0 35px;
}

.detail-elargir-recherche a:link,
.detail-elargir-recherche a:visited {
  border: none;
}

.detail-elargir-recherche a:hover,
.detail-elargir-recherche a:active {
  border: none;
}

.ref-elargir-annonces {
  font-size: 11px;
}

.ref-elargir-annonces ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.ref-elargir-annonces ul li {
  margin-bottom: 14px;
  padding-bottom: 4px;
  border-bottom: #eee 1px solid;
}

/* Listing Similaire */
.ClassAnnonceSimilaire {
  padding: 0 0 5px 0 !important;
  margin: .5em 0;
  border-bottom: #eee 1px solid;
  font-size: 11px;
}

/* Listing Expression */
.ville_expression {
  padding: 0 !important;
}

.ville_expression li a {
  color: #686464;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  line-height: 1.5;
  -moz-box-shadow: 0 1px 4px #888888;
  -webkit-box-shadow: 0 1px 4px #888888;
  box-shadow: 0 1px 4px #888888;
  display: block;
  margin: 5px;
  padding: 20px;
  background: none #fcfcfc;
}


.ville_expression li a:hover {
  text-decoration: none;
  background-color: #eeeeee;
  color: #24495c;
}

.ref-plan-liste {}

.ref-plan-liste-col ul {
  margin: 0;
}

.ref-plan-liste-col li,
.ref-plan-liste-col li.first-child {
  float: left;
  display: block;
  width: 49%;
  padding: 5px 0 !important;
  margin: 0px 0 !important;

}

div.nav_lettre {
  border: 1px solid #d6d6d6 !important;
}

/* Listing Ville */

.listing-ville ul {}


.listing-ville ul ul li a {
  color: #686464;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  line-height: 1.5;
  -moz-box-shadow: 0 1px 4px #888888;
  -webkit-box-shadow: 0 1px 4px #888888;
  box-shadow: 0 1px 4px #888888;
  display: block;
  margin: 5px 0px;
  padding: 20px;
  background: none #fcfcfc;
}

.listing-ville ul ul li a:hover {
  text-decoration: none;
  background-color: #eeeeee;
  color: #24495c;
}

/* Listing Photo */
.ref-listing-photo-container {
  border: 1px solid #e1e1e1;
  padding: 10px 10px 0px 10px;
  margin-bottom: 20px !important;

}

.ref-listing-photo-container #ListePhotoVide {
  width: 92px;
  height: 69px;
}

h3.ref-categories {
  margin: 0;
  background: none;
  padding: 0;
}

.detail h3.ref-categories {
  margin: 20px 0px 8px 0px !important;
  background: none;
  padding: 0;
}



h3.ref-categories a {
  color: #5f5f5f;
  text-decoration: none;
  text-transform: none;
  font-size: 13px;
}

.ref-listing-photo-container ul {
  padding: 8px 0px;
  margin: 0;
}

.ref-listing-photo-container ul li {
  padding: 0;
  background: none;
  float: left;
  margin: 0 10px 10px 0;
}

/* Ref Page Arbo */
.pied-ref-arbo {
  display: none;
  visibility: hidden;
  /* Desactivation du Ref Page Arbo sur toutes les langues sauf le français */
}

.fr .pied-ref-arbo {
  display: block;
  visibility: visible;
}

.pied-ref-arbo ul {
  list-style: none;
  margin: 7px 0 0 0;
  padding: 7px 0 0 0;
  border-top-width: 1px;
  border-top-style: solid;
}

.pied-ref-arbo li {
  display: inline-block;
  width: 195px;
  /* Width fixe pour un affichage en colonne */
  font-size: 11px;
}

.ref-page-arbo-article {}

.ref-page-arbo-image {
  float: left;
  margin: 0 15px 10px 0;
}

.ref-page-arbo-menu .sf-menu {
  margin: 0;
  padding: 0;
  background-image: none;
  text-align: left;
  font-size: .85em;
  line-height: 1.231;
}

.ref-page-arbo-menu .sf-menu li {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  background: #24495c;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 10px;
  margin: 0 3px 5px 0;
  line-height: 26px;
}

.ref-page-arbo-menu .sf-menu li a:link,
.ref-page-arbo-menu ul.sf-menu li a:visited {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  display: block;
}

.ref-page-arbo-menu .sf-menu li:hover ul,
.ref-page-arbo-menu .sf-menu li.sfHover ul {
  left: 0;
  top: 26px;
  /* match top ul list item height */
  z-index: 99;
  background: #eee;
  box-shadow: 0 0 8px rgba(0, 0, 0, .5);
  margin: 0;
  padding: 4px 0;
}

.ref-page-arbo-menu .sf-menu ul {
  position: absolute;
  top: -999em;
  width: 220px;
}

.ref-page-arbo-menu .sf-menu ul li {
  width: 200px;
  padding: 0 10px 4px;
  text-align: left;
  background: none;
  line-height: 1.231;
}

.ref-page-arbo-menu .sf-menu li.sfHover li a:link,
.ref-page-arbo-menu .sf-menu li.sfHover li a:visited {
  background: none;
  padding-bottom: 6px;
  color: #444;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: #ccc 1px solid;
  display: block;
  text-shadow: none;
}

.ref-page-arbo-menu .sf-menu li.sfHover li a:hover,
.ref-page-arbo-menu .sf-menu li.sfHover li a:active {
  color: #24495c;
}

/* Partenaires */
.pied-ref-partners ul {
  margin: 7px 0 0 0;
  padding: 7px 0 0 0;
  border-top-width: 1px;
  border-top-style: solid;
}

.pied-ref-partners li {
  display: inline-block;
  margin: 0 10px 0 0;
  padding-right: 14px;
  line-height: 1.5;
  background: transparent url(/images/puce-barre-ref.png) no-repeat 100% 50%;
}

.pied-ref-partners li:first-child,
.pied-ref-partners li:last-child {
  background-image: none;
}



/* Critères mini-list */
.bloc-lib-critere-liste {
  display: none;
}

.ref .bloc-lib-critere-liste {
  display: block;
  padding: 20px 0;
  font: 11px/1 'ExoRegular', sans-serif;
  text-transform: uppercase;
}

.ref .bloc-lib-critere-liste-new-search {
  float: left;
}

.ref .bloc-lib-critere-liste-new-search a {
  color: #fff;
  text-decoration: none;
  background: #24495c;
  padding: 8px 12px;
  display: block;
}

.ref .bloc-lib-critere-liste-new-search a:hover {
  color: #fff;
  background: #4b4b4b;
}

.ref .bloc-lib-critere-liste-label {
  float: left;
}

.ref .bloc-lib-critere-liste-label span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 8px 12px;
  background: #d5d5d5;
  margin-left: 10px;
}

/* Clearfix CSS sur le .bloc-lib-critere-liste */
.ref .bloc-lib-critere-liste:before,
.ref .bloc-lib-critere-liste:after {
  content: " ";
  display: table;
}

.ref .bloc-lib-critere-liste:after {
  clear: both;
}

.ref .bloc-lib-critere-liste {
  *zoom: 1;
}



/* Liste famille (page plan) */
.ref-plan-liste-famille ul {
  border-bottom: 1px dashed #e0e0e0;
  padding-bottom: 15px;
}

.ref-plan-liste-famille span {
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #474747;
}

/* Mini-liste biens */
.ref .liste-bien-container:nth-child(odd) {
  margin-right: 0;
  margin-left: 3%;
}

/* Emulation du odd/even sur IE7/8 (de merde) *!*!/*/
.lt-ie9 .ref .liste-bien-container:first-child,
.lt-ie9 .ref .liste-bien-container:first-child+.liste-bien-container+.liste-bien-container,
.lt-ie9 .ref .liste-bien-container:first-child+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container,
.lt-ie9 .ref .liste-bien-container:first-child+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container,
.lt-ie9 .ref .liste-bien-container:first-child+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container+.liste-bien-container {
  margin-right: 0;
  margin-left: 3%;
}

/* Miniliste deroulant */
.miniliste-deroulant .custom-select-container {
  float: left;
  margin-right: 20px;
  width: 70%;
}

.miniliste-deroulant .custom-select-choice {
  height: 25px;
  line-height: 25px;
}

.miniliste-deroulant .custom-select-list {
  width: 70%;
}

.miniliste-deroulant.white-form .custom-select-list {
  background: #eee;
}

.miniliste-deroulant.white-form .custom-select-list .custom-select-list-selected {
  background: #fbfbfb;
}

.miniliste-deroulant .css-deroulant ul span {
  width: 200px !important;
}

.css-deroulant {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  z-index: 999;
}

.css-deroulant ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
  position: relative;
  cursor: pointer;
}

.css-deroulant ul span {
  height: 24px;
  line-height: 24px;
  position: relative;
  background: url('/images/bg-form-sprite.png') no-repeat #fff;
  background-position: 100% -155px;
  border-left: 1px solid #DADADA;
  color: #898989;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 35px 0 15px;
}

.css-deroulant li {
  float: left;
  margin: auto;
}

.css-deroulant li ul {
  position: absolute;
  left: 0;
  top: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
  background-image: none;
}

.css-deroulant li a {
  display: block;
  width: 100%;
  color: #898989;
  text-decoration: none;
  padding: 5px 35px 5px 15px;
}

.css-deroulant li a:hover {
  color: #686868;
  background: transparent;
}

.css-deroulant ul li ul {
  display: none;
}

.css-deroulant ul li:hover ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
}

.css-deroulant li:hover ul li {
  float: none;
  background: #fff;
}

.css-deroulant li:hover ul li:hover {
  background: #eeeeee;
}

/* OPE select (Form rech Réf) */
.white-form .ope-select-ref .custom-select-list {
  width: 94%;
  background: #eee;
}

.white-form .ope-select-ref .custom-select-list .custom-select-list-selected {
  background: #fbfbfb;
}

/* Label ID Ville (Form rech Réf) */
.form-idville {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: #ddd;
  color: #000;
  padding: 5px;
  margin-top: 5px;
}

.form-idville span span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 15px;
  height: 15px;
  color: #fff;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  margin-right: 6px;
  background: #24495c;
  cursor: pointer;
}

/* Label ListBiens( Form rech Réf - Quartiers) */

.liste-biens-labels {
  list-style: none;
}

.liste-biens-labels li {
  display: inline-block;
  margin: 5px 10px 5px 0;
}

.liste-biens-labels a {
  display: inline-block;
  background: #ddd;
  color: #414141 !important;
  padding: 5px;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.liste-biens-labels a:hover {
  background-color: #bababa;
}

/* Tableaux */
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody+tbody {
  border-top: 2px solid #dddddd;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption+thead tr:first-child th,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+tbody tr:first-child td,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered caption+thead tr:first-child th:first-child,
.table-bordered caption+tbody tr:first-child td:first-child,
.table-bordered colgroup+thead tr:first-child th:first-child,
.table-bordered colgroup+tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption+thead tr:first-child th:last-child,
.table-bordered caption+tbody tr:first-child td:last-child,
.table-bordered colgroup+thead tr:first-child th:last-child,
.table-bordered colgroup+tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f5f5f5;
}

/*page de lien vers adaptimmo.com*/

.content-page-partenaire {
  padding-bottom: 40%;
}


/* 4.11 Module de News
----------------------------------------------------------------------------------------------------*/
.news-liste-container {
  margin-bottom: 15px;
  border-bottom: #ddd 1px solid;
  padding-bottom: 15px;
}

.news-liste-title {
  color: #24495c;
  font: 16px/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
  margin: 1em 0;
}

.news-liste-content {
  margin-top: 10px;
}

.news-liste-date {
  font: italic 95%/1.5em Georgia, Times, sans-serif;
  color: #777;
}

.news-liste-date time,
.news-liste-date span {
  color: #999;
  text-transform: uppercase;
  font-style: normal;
}

.news-liste-photo {
  width: 160px;
  float: left;
  display: inline;
  overflow: hidden;
  margin: 0 15px 10px 0;
}

.news-liste-photo .grd_photo_news {
  width: 160px;
  height: 120px;
}

.news-liste-desc {}

.news-liste-text {
  padding-bottom: 10px;
}

.news-liste-attached {
  margin-top: 10px;
}

.news-liste-attached p {
  margin-top: 5px;
}

.news-liste-attached ul {
  list-style: none;
  margin: 0;
}

.news-liste-attached ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-right: 10px;
  padding: 0;
  overflow: hidden;
  background: none;
}

.news-liste-attached .mini_photo_news {
  width: 80px;
  max-width: 80px;
  height: auto;
  max-height: 80px;
}

.news-liste-file a:link,
.news-liste-file a:visited {
  color: #fff;
  background: none;
}

.news-liste-file a:hover,
.news-liste-file a:active {
  color: #ccc;
  background: none;
}

/* Perso News */
.news-liste-container .large-flap-container {
  overflow: hidden;
  width: 160px;
  height: 170px;
  /* Dimension des images voir numage.txt */
  cursor: pointer;
  position: relative;
  text-align: center;
}

.news-liste-container .thumbs-flap-container {
  background: transparent url(/images/bg-shadow-medium.png) no-repeat 50% 0;
}

.news-liste-photo img.photo-large {
  width: 170px !important;
  max-width: 170px !important;
  height: auto !important;
}

.news-liste-attached img.photo-thumbs {
  width: 100px !important;
  max-width: 100px !important;
  max-height: 78px !important;
}


/* -------------------------------------------- Mise en forme page partenaire Adapt immo -------------------------------------------- */

.ligne-titre {
  line-height: 85px;
  vertical-align: middle;
}

.titre-texte {
  display: inline-block;
  width: 80%;
}

.titre-logo {
  display: inline-block;
  float: right;
  width: 20%;
}

.logo-adapt-partenaire {
  width: 130px;
}

.texte-partenaire a {
  color: #24495c;
}

/*
    // ========================================== \\
   ||                                              ||
   ||               V. FOOTER                      ||
   ||                                              ||
    \\ ========================================== //
*/

/* 5.1 Footer
----------------------------------------------------------------------------------------------------*/
#footer {
  color: #fff;
  background-color: #4c4c4c;
}

#footer-container {
  padding-bottom: 20px;
  background-repeat: no-repeat;
}

#footer-content {}

/*Footer Menu*/

.footer-menu-container {
  background-color: #3b3a3a;
  padding: 30px 0px;
  margin-bottom: 20px;
}

.footer-menu {
  text-align: center;
}


.footer-menu ul,
.footer-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-menu li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 2%;
  border-left: 1px solid #555454;
  text-align: left;
}

.footer-menu li.first {
  padding-left: 0px !important;
  border-left: none;
}

.footer-menu li.last {
  padding-right: 0px !important;
}



.footer-menu a:link,
.footer-menu a:visited {
  color: #FFF;
  font: 19px/18px ExoBold, sans-serif;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 10px 0px;
}

.footer-menu a:hover {
  color: #b3b3b3;
  text-decoration: none;
}


.footer-menu a:link span {
  font: 15px ExoRegular, sans-serif;
  color: #b3b3b3;
}

.footer-contenu {}

/* Pied Agences*/

.pied-agences {
  background: url(/images/bg-pied-agence-deco.jpg) no-repeat right top;
}

.pied-agences-title {
  padding-top: 15px;
  margin-bottom: 25px;
  font: 24px ExoRegular, sans-serif;
}

.pied-agence-deco {
  height: 209px;
  padding-left: 20%;
  background: url(/images/bg-pied-agence.png) no-repeat 0px top;
  position: relative;
  margin-bottom: 20px;
}

.pied-agences-fnaim {
  position: absolute;
  right: 0;
  bottom: -8px;
}

ul.pied-agences-list {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 250px;

}

.pied-agences-list li {}

.pied-agences-list a:link,
.pied-agences-list a:visited {
  font: 1.1em/1.8em ExoRegular, sans-serif;
  color: #757575;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background: url(/images/little-arrow-white.png) no-repeat left center;
  padding-left: 15px;
}

.pied-agences-list a:hover {
  color: #fff;
  text-decoration: none;
  padding-left: 18px;
}


#footer-content-shadow {}

/* Barres horizontales de séparation dans le pied */
#pied-ref-content,
#pied-social,
.pied-menu,
.pied-ref-villes,
.pied-ref-backlinks,
.pied-ref-arbo ul,
.pied-ref-partners ul {
  border-color: #636363;
  color: #757575;
}

/* Pied Adresse */
.pied-adresse {
  font: 13px/1.231 'ExoRegular', sans-serif;
  text-transform: uppercase;
  padding-bottom: 30px;
}

.pied-adresse a:link,
.pied-adresse a:visited {
  color: #949494;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.pied-adresse a:hover,
.pied-adresse a:active {
  color: #fff;
  text-decoration: none;
}

.pied-adresse-content {}

.pied-agence-name {
  font-weight: bold;
}

.pied-adresse ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pied-adresse li {
  display: inline-block;
  padding-left: 10px;
  margin-left: 10px;
  *display: inline;
  zoom: 1;
}

.pied-adresse li:first-child {
  padding-left: 0;
  margin-left: 0;
}

/* Pied Menu */
.pied-menu {
  margin: 0;
  color: #eee;
  position: relative;
  padding-top: 20px;
}

.home .pied-menu {
  border-top-width: 1px;
  border-top-style: solid;
}

.pied-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


.pied-menu-left {
  float: left;
  width: 50%;
}

.pied-menu-right {
  float: right;
  width: 50%;
  text-align: right;
  height: 50px;
}

.pied-menu-right img {
  filter: alpha(opacity=60);
  /* internet explorer */
  -khtml-opacity: 0.6;
  /* khtml, old safari */
  -moz-opacity: 0.6;
  /* mozilla, netscape */
  opacity: 0.6;
  /* fx, safari, opera */
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 5px 0 0px;
}

.pied-menu li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 0 0 0px;
  padding: 0 0 0 10px;
  background: transparent url(/images/puce-barre-ref.png) no-repeat 0 50%;
}

.pied-menu-right li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 0 0 0px;
  padding: 0 0 0 10px;
  border-left: 1px dotted #7f7f7f !important;
}

.pied-menu-right li a {
  color: #dbdbdb !important;
}


.pied-menu-left li:first-child {
  padding: 0 0 0 0px;
  background: none
}

.pied-menu a:link {
  white-space: nowrap;
}

.pied-menu-right ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 150px;
  line-height: 13px;
  text-align: left;
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 95px;
  background-image: url(/images/logo-adapt-footer.png);
  background-image: -webkit-image-set(url(/images/logo-adapt-footer.png) 1x, url(/images/logo-adapt-footer@2x.png) 2x);
  background-image: image-set("/images/logo-adapt-footer.png"1x, "/images/logo-adapt-footer@2x.png"2x);
}

.pied-menu-right li {
  border-left: #555 1px dotted;
  font-size: 10px;
  padding: 0 0 0 5px;
  background: none;
}

/* 5.2 Badges Réseaux Sociaux
----------------------------------------------------------------------------------------------------*/
#pied-social {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  position: relative;
}

.home #pied-social {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom-width: 1px;
  border-bottom-style: none;
}

/* Logos */
.pied-share {
  float: left;
  width: 50%;
  text-transform: uppercase;
}

.pied-share ul {
  list-style: none;
  padding: 0;
}

.pied-logos {
  float: right;
  width: 50%;
}

/* Partage */
.share-badges {
  color: #24495c;
}

.share-badges ul {
  list-style: none;
  font-size: 0;
}

.share-badges li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
  line-height: 1.231;
}

.share-badges li img {
  margin-right: 5px;
}

.share-badges li a:hover {
  background: none;
}

.share-badges .addfav {
  margin-left: 10px;
}

.share-badges .link {
  text-transform: uppercase;
  color: #24495c;
}

.share-badges .link-hover {
  text-transform: uppercase;
  color: #eee;
  cursor: pointer;
}

/* Likes */
.likes-badges {
  padding-left: 0;
  margin-top: 0px;
}

#footer .likes-badges {
  text-align: right;
  padding-right: 55px;
}

.likes-badges ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.likes-badges li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
  margin-left: 5px;
  overflow: hidden;
}

.likes-badges li.badge-facebook {}

.likes-badges li.badge-ggplus {
  width: 70px;
}

.likes-badges li.badge-tweeter {
  width: 90px;
}

.likes-badges li.badge-linkedin {}

/* Stats */
.badge-gganalytics {
  background: url(/images/ico-stats.png) left top no-repeat transparent;
  padding-left: 20px;
  line-height: 15px;
  color: #949494;
  margin-top: 10px;
}

/*-- Quotes --*/

.quotes {
  position: absolute;
  height: 50px;
  width: 50px;
  background-image: url(/images/quotes.png);
  background-image: -webkit-image-set(url(/images/quotes.png) 1x, url(/images/quotes@2x.png) 2x);
  background-image: image-set("/images/quotes.png"1x, "/images/quotes@2x.png"2x);
}

.quotes.left-quotes-white {
  left: 2%;
  background-position: left top;
}

.quotes.right-quotes-white {
  right: 2%;
  background-position: right top;
}

.quotes.left-quotes-gray {
  left: 2%;
  background-position: left bottom;
}

.quotes.right-quotes-gray {
  right: 2%;
  background-position: right bottom;
}

/*-- Message responsive --*/

.message-responsive {
  font: 1.2em/1.6em 'ExoLight', Arial, sans-serif;
  text-align: center;
  position: relative;
}

.message-responsive-text {
  margin: 70px 0 20px;
}

.message-responsive-text .quotes.left-quotes-gray,
.message-responsive-text .quotes.right-quotes-gray {
  top: 100px;
}

.macaron-responsive span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 115px;
  width: 115px;
  background-color: #4c4c4c;
  background-image: url(/images/macaron-responsive.png);
  background-image: -webkit-image-set(url(/images/macaron-responsive.png) 1x, url(/images/macaron-responsive@2x.png) 2x);
  background-image: image-set("/images/macaron-responsive.png"1x, "/images/macaron-responsive@2x.png"2x);
  background-position: center;
  background-repeat: no-repeat;
  padding-right: 50px;
  padding-left: 50px;
}

.macaron-responsive hr {
  margin-top: -60px !important;
  border-top: 1px solid #636363;
}

.ui-widget-content {
  color: #ffffff;
}

.modal-box.ui-widget-content {
  color: #000;
}



/* 8.5 Module de lieu
----------------------------------------------------------------------------------------------------*/

*+html .home .lieu-bloc-label {
  min-height: 30px;
}

.masque-rech .form-critere.form-critere-lieu {
  width: 100%;
  margin-right: 0;
}

/*-- Partie haute --*/

.masque-rech .form-critere-input-ville {
  width: 100%;
  margin-right: 3% !important;
}

.uk .masque-rech .form-critere-input-ville {
  width: 41.7%;
}

.form-critere-elargir {
  width: 10.5%;
  margin-right: 0 !important;
}

.lieu-bloc-autocompletion {
  width: 100%;
  height: 38px;
  background: #fff;
  border: 1px solid #dfdddb;
  line-height: 3em;
}

.masque-rech .lieu .form-critere-title {
  width: 14%;
  padding-left: 2%;
}

.uk.liste-neuf .masque-rech .lieu .form-critere-title {
  width: 17%;
}

.masque-rech .lieu .form-critere-title .form-rubrique {
  padding-top: 0;
}

.lieu-bloc-search input.lieu-input-search {
  width: 96%;
  height: 27px;
  line-height: 1.7em;
  text-overflow: ellipsis;
  border: none !important;
  position: absolute;
}

.uk.liste-neuf .lieu-bloc-search input.lieu-input-search {
  width: 75%;
}

.lt-ie9 .lieu-bloc-search input.lieu-input-search {
  width: 84%;
}

.input-searching {
  background: #fff url(/images/ajax-loader-autocompletion.gif) no-repeat 97% 50% !important;
}

.ui-autocomplete.ui-widget-content {
  border-bottom: none;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .4);
  font-family: "LatoRegular", Arial, sans-serif;
  border-radius: 0;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}


.ui-autocomplete.ui-widget-content .ui-menu-item a {
  padding: 0;
  border-radius: 0;
  font-size: 0.8em;
  line-height: 1.1;
}

.ui-autocomplete.ui-widget-content .ui-menu-item a>span {
  color: #6c6c6c;
  padding: 10px !important;
  border-radius: 0;
  white-space: nowrap;
  display: block;
}

.ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover {
  border-color: #dcdcdc;
  background: none;
}

.ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover>span {
  background-color: #f6f6f6;
}

.ui-autocomplete.ui-widget-content .ui-menu-item a span>span {
  margin: 0;
}

/* Select */
.lieu-bloc-expand {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 38%;
  margin-left: 6%;
  margin-top: -30px;
}

.lt-ie8 .lieu-bloc-expand {
  margin-top: 16px;
}

.lieu-expand-label {
  width: 25%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

.lieu-bloc-expand-input {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  font-size: 0.9em;
}

/*-- Partie basse --*/

.lieu-bloc-label {
  margin: 10px 0;
  width: 134.5%;
}

.uk .lieu-bloc-label {
  width: 130.5%;
}

.lieu-editor-lst {
  overflow: auto;
  height: 80%;
}

.lieu-search-label {
  margin-right: 1.5%;
  width: 10%;
}

.lieu-input-search {
  background-color: #FAFAFA;
  border: #DADADA 1px solid;
  outline: none;
  padding: 4px;
}

lieu-bloc-label-list .lieu-bloc-label-btn:active {
  bottom: -1px;
}

.lieu-bloc-label-list ul {
  margin: 0 !important;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  width: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
}


.lieu-bloc-label-list ul li {
  color: #333;
  padding: 3px 20px 3px 5px;
  margin: 3px 4px;
  position: relative;
  cursor: default;
  display: inline-block;
  line-height: 1.4em;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #e4e4e4;
  font-size: 0.9em;
}

.lieu-bloc-label-btn {
  display: none;
}

.lieu-bloc-label-list-del {
  display: block;
  position: absolute;
  right: 4px;
  top: 7px;
  width: 10px;
  height: 9px;
  font-size: 1px;
  cursor: pointer;
  z-index: 10;
  background: transparent url(/images/bg-pictos-lieu.png) no-repeat 0 -7px;
}

.lieu-bloc-label-list-del:hover {
  background-position: -11px -7px;
}

.lieu-bloc-editor {
  display: none;
  visibility: hidden;
}

.lieu {
  z-index: 10;
  position: relative;
}

.lieu-editor-bg {
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.no-rgba .lieu-editor-bg {
  background-color: #fff;
}

.lieu-editor-lst-container {
  z-index: 3;
  top: 0;
  z-index: 10;
  height: 110px;
  background: white;
  width: 390px;
  position: relative;
  border-top: #ddd 1px solid;
  border-bottom: #ddd 1px solid;
  padding: 10px 0 30px;
  box-shadow: 0 0 60px rgba(0, 0, 0, .2);
}

.lieu-editor-lst-container ul {
  padding: 0;
  list-style: none;
}

.lieu-editor-lst-container ul li {
  padding: 10px 0 10px 20px;
  background-color: transparent;
  margin: 0 0 0 15px;
  cursor: pointer;
  color: #000;
  background: transparent url(/images/bg-pictos-lieu.png) no-repeat 0 -33px;
}

.lieu-editor-lst-container ul li:hover {
  background-position: 0 -49px;
  color: #555;
}

.lieu-editor-close {
  z-index: 20;
  background: transparent url(/images/slider-controls.png) no-repeat -6px -236px;
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lieu-editor-close:hover {
  background: transparent url(/images/slider-controls.png) no-repeat -45px -236px;
}

.lieu-editor-valid {
  text-align: center;
  padding-top: 15px;
  border-top: #eee 1px solid;
}

.lieu-editor-valid input {
  border: 0;
  color: #fefefe;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #35383a;
}

.error-form {
  border: 1px solid #C00 !important;
}

/* Perso en fonction du type */
.lieu-result-d {
  /* Departements */
  font-style: italic;
  font-family: 'LatoBold', Arial, sans-serif;
  color: #095276;
  border-bottom: #ddd 1px solid;
}

.lieu-result-g {
  /* Groupe de villes */
  font-family: 'LatoBold', Arial, sans-serif;
  color: #555;
}

.lieu-result-r {
  /* Région */
  text-transform: uppercase;
  font-weight: bold;
  color: #095276;
  border-bottom: #ddd 1px solid;
}

.lieu-result-v {
  /* Ville */
  color: #555;
}

.lieu-result-p {
  /* Pays */
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: #ddd 1px solid;
}

/* Lieu warning */
.lieu-bloc-warning {
  position: absolute;
  top: 22px;
  left: 64px;
  color: #FFF;
  z-index: 15;
}

.lieu-bloc-warning-arrow {
  background: url(/images/bg-warning-arrow.png) center bottom no-repeat transparent;
  height: 20px;
}

.lieu-bloc-warning-tooltip {
  background: transparent url(/images/bg-warning-tooltip.png);
  color: #FFF;
  padding: 8px;
  line-height: 1em;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.lieu-bloc-search .lieu-input-search.lieu-input-search-warning {
  background: #e7e7e7 !important;
  border: 1px dashed #c7c7c7 !important;
}

/*-- Specificites de la page alerte email --*/

.alerte .lieu-bloc-autocompletion {
  background: transparent;
  border: none;
  line-height: inherit;
  height: auto;
}

.alerte .lieu-search-label {
  width: 20.5%;
  margin-right: 1%;
}

.alerte .lieu-bloc-search input.lieu-input-search {
  background: #fff;
  border: 1px solid #dfdddb !important;
}

.alerte .lieu-bloc-search input.lieu-input-search {
  width: 76.5%;
}

.alerte .lieu-bloc-label {
  margin: 10px 0 10px 21.5%;
  width: 78.5%;
}

.alerte .form-critere-elargir,
.uk.alerte .form-critere-elargir {
  width: 31%;
  margin-left: 21.5%;
}






/*
// ========================================== \\
||                                              ||
||               V. MON COMPTE                  ||
||                                              ||
\\ ========================================== //
*/


/* 5.0 Formulaires
----------------------------------------------------------------------------------------------------*/

.mya .form-critere-title,
.mya .form-critere-title-left {
  padding-bottom: 3px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-right: 1%;
}

.mya .input-text.input-unite,
.mya input.input-unite {
  width: 77%;
}



/* Tailles des label (fomrulaire MYA) */
.mya .label-tiny {
  width: 10%;
}

.mya .label-xtiny {
  width: 15%;
}

.mya .label-smaller {
  width: 20%;
}

.mya .label-small {
  width: 25%;
}

.mya .label-medium {
  width: 30%;
}

.mya .label-xmedium {
  width: 35%;
}

.mya .label-xxmedium {
  width: 40%;
}

.mya .label-large {
  width: 50%;
}

.mya .label-xlarge {
  width: 60%;
}

.mya .label-xxlarge {
  width: 70%;
}

.mya .label-larger {
  width: 80%;
}

.mya .label-largest {
  width: 90%;
}

.mya .label-full {
  width: 100%;
  margin-bottom: 4px;
}

/* Tailles input (fomrulaire MYA) */
.mya .input-tiny {
  width: 7%;
}

.mya .input-xtiny {
  width: 17%;
}

.mya .input-smaller {
  width: 27%;
}

.mya .input-small {
  width: 37%;
}

.mya .input-medium {
  width: 47%;
}

.mya .input-xmedium {
  width: 57%;
}

.mya .input-xxmedium {
  width: 62%;
}

.mya .input-large {
  width: 67%;
}

.mya .input-xlarge {
  width: 72%;
}

.mya .input-xxlarge {
  width: 77%;
}

.mya .input-larger {
  width: 82%;
}

.mya .input-largest {
  width: 87%;
}

.mya .input-full {
  width: 100%;
}


input.submit-classique,
a.submit-classique,
.white-form input.submit-classique {
  background-color: #222;
  height: 35px;
  padding: 0 4%;
  border: 0;
  color: #fff;
  font: 1em/1em 'ExoRegular', sans-serif;
  letter-spacing: .05em;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  filter: dropshadow(color=#e5e5e5, offx=1, offy=1);
}

a:link.submit-classique,
a:visited.submit-classique {
  color: #fff;
  padding: 11px 4% 0;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  white-space: nowrap;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover.submit-classique,
a:active.submit-classique {
  color: #fff;
  text-decoration: none;
  background-color: #24495c;
}


/* 5.1 Identification
----------------------------------------------------------------------------------------------------*/

.form-submit-creation {
  margin-top: 15px;
}

#MyaCreate .bulle-gratuit {
  position: absolute;
  right: 20px;
  top: -20px;
  display: block;
}


/* 5.2 Generalites
----------------------------------------------------------------------------------------------------*/

.mya #content {
  margin-bottom: 30px;
}

.leftside-menu-mya {
  width: 27%;
  float: left;
  margin-top: 30px;
  padding-right: 2%;
}

.rightside-page-mya {
  width: 69%;
  float: right;
  margin-top: 30px;
}

#MyaLogin.main-content-demicol {
  width: 45%;
  margin-right: 7%;
}

#MyaCreate.main-content-demicol {
  width: 45%;
  margin-right: 0;
}


/* 5.3 Menu : Colonne de gauche
----------------------------------------------------------------------------------------------------*/

.side-mya {
  background-color: #4a4a4a;
  padding: 30px 5%;
  height: auto;
}

.side-mya-texte p {
  color: #fff;
}

.side-mya-texte ul {
  color: #ccc;
}

.side-mya-login form label {
  color: #fff;
}

.side-mya-menu ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.page-container .side-mya-menu ul li {
  border-bottom: 1px solid #6c6c6c;
  padding: 8px 0;
  list-style: none;
  text-transform: uppercase;
}

.side-mya a:link,
.side-mya a:visited {
  color: #ccc;
  text-decoration: none;
  font: 1em/1.231 'ExoBold', Helvetica, Arial, sans-serif;
}

.side-mya a:hover {
  color: #fff;
}

.side-mya .submit-classique {
  text-transform: uppercase;
  font-size: 80% !important;
}


/* 5.4 Tableau de bord
----------------------------------------------------------------------------------------------------*/

ul.mya-widget-container {}

.page-container li.mya-widget {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 165px;
  margin: 10px;
  height: 165px;
  position: relative;
  background-color: #fff;
  list-style: none;
}

li.mya-widget a:link,
li.mya-widget a:visited {
  text-align: center;
  width: 172px;
  font: 120%/1.15em 'ExoBold', Arial, sans-serif;
  padding-top: 115px;
  display: block;
  height: 50px;
  color: #454545;
  text-decoration: none;
  border: 1px solid #f0f0f0;
  background-color: #FFF;
}

li.mya-widget a:hover {
  color: #FFF;
}

li.mya-widget a:active {
  margin-top: 1px;
}

li.mya-widget a:link,
li.mya-widget.mya-widget-selection a:visited,
li.mya-widget.mya-widget-selection a:hover {
  background-repeat: no-repeat;
  background-image: url(/images/mya-widget.png);
  background-image: -webkit-image-set(url(/images/mya-widget.png) 1x, url(/images/mya-widget@2x.png) 2x);
  background-image: image-set("/images/mya-widget.png"1x, "/images/mya-widget@2x.png"2x);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

li.mya-widget.mya-widget-selection a:link,
li.mya-widget.mya-widget-selection a:visited {
  background-position: 0 0;
}

li.mya-widget.mya-widget-selection a:hover {
  background-position: 0 -175px;
  background-color: #24495c;
}

li.mya-widget.mya-widget-lastsearch a:link,
li.mya-widget.mya-widget-lastsearch a:visited {
  background-position: -175px 0;
}

li.mya-widget.mya-widget-lastsearch a:hover {
  background-position: -175px -175px;
  background-color: #24495c;
}

li.mya-widget.mya-widget-alerte a:link,
li.mya-widget.mya-widget-alerte a:visited {
  background-position: -350px 0;
}

li.mya-widget.mya-widget-alerte a:hover {
  background-position: -350px -175px;
  background-color: #24495c;
}

li.mya-widget.mya-widget-news a:link,
li.mya-widget.mya-widget-news a:visited {
  background-position: -525px 0;
}

li.mya-widget.mya-widget-news a:hover {
  background-position: -525px -175px;
  background-color: #24495c;
}

li.mya-widget.mya-widget-user a:link,
li.mya-widget.mya-widget-user a:visited {
  background-position: -700px 0;
}

li.mya-widget.mya-widget-user a:hover {
  background-position: -700px -175px;
  background-color: #24495c;
}


/* 5.5 Mon compte
----------------------------------------------------------------------------------------------------*/

.user-info-show .form-critere {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0;
}

.user-info-show .form-critere-content {
  height: 28px;
  color: #24495c;
  margin-top: 6px;
}

.mya .form-rubrique {
  padding-top: 6px;
}

.mya .lieu-bloc-autocompletion {
  width: 100%;
  border: none;
  background: transparent;
  line-height: 2.3em;
  height: auto;
}

.mya .lieu-search-label {
  margin-right: 1%;
  width: 20.5%;
}

.mya .lieu-bloc-search input.lieu-input-search {
  width: 76%;
  background: #F0F0F0;
  border: 1px solid #F0F0F0 !important;
}

.mya .input-searching {
  background-color: #F0F0F0 !important;
}

.mya .lieu-bloc-label {
  margin: 10px 0 10px 21.5%;
  width: 77%;
}

.mya .form-critere-elargir {
  width: 20%;
  margin-left: 21.5%;
}

.mya .lieu-bloc-warning {
  top: 14px;
  left: 22%;
}


/* 5.6 Ma selection
----------------------------------------------------------------------------------------------------*/

.mya .liste-bien-photo.mode-2 .liste-bien-photo-frame img {
  height: 100%;
  width: auto;
}

.mya .liste-bien-title.mode-2 {
  padding: 10% 0 8%;
}

.mya .bg-liste-shadow {
  background-size: 100%;
}


/* 5.7 Mes alertes
----------------------------------------------------------------------------------------------------*/

.mya-alerte-vide p {
  margin-bottom: 20px;
}

.mya-alerte-block .mya-alerte-block {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.mya-alerte-block form {
  margin-bottom: 15px;
}

.mya-alerte-btn li {
  margin-bottom: 10px;
  list-style-image: none;
  list-style-type: none;
}

.mya-alerte-date {
  font-style: italic;
  color: #7c7e83;
  margin-bottom: 5px;
}

.mya-alerte .lieu-bloc-search input.lieu-input-search {
  width: 66%;
  border: 1px solid #f0f0f0 !important;
}

.mya-alerte .input-searching {
  background-color: #F0F0F0 !important;
}

.mya-alerte .lieu-bloc-label {
  width: 67%;
}


/* 5.8 Ma derniere recherche
----------------------------------------------------------------------------------------------------*/

.mya-lastsearch-block {
  font-size: 1em;
  margin-top: 10px;
}

.mya-lastsearch-block .simple-btn {
  margin-top: 30px;
}





/*
    // ========================================== \\
   ||                                              ||
   ||               VI. FORMULAIRES               ||
   ||                                              ||
    \\ ========================================== //
*/

/* 7.1 Formulaires
----------------------------------------------------------------------------------------------------*/
form ul {
  margin: 0 !important;
  list-style: none;
  padding: 0;
}

form {
  font-size: .95em;
}

form label {
  cursor: pointer;
}

.form-critere label {
  padding-right: 5px;
}

.form-critere li {
  margin-bottom: 3px;
  margin-right: 10px;
  padding-left: 0;
  background: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.form-critere textarea {
  height: 90px;
}

.form-critere-title {
  padding-bottom: 3px;
}

.form-critere-title-left {
  padding-bottom: 3px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 22%;
}

.annuaire .form-critere-title-left {
  vertical-align: top;
}

.form-critere-content {
  width: 77%;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.form-critere-content-full {
  width: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.form-critere-content-demi {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 37%;
  margin-right: 2%
}

.form-critere-content-demi.last {
  margin-right: 0;
  text-align: right;
}

.form-critere-content-demi input {
  width: 90%;
}

.form-critere-content ul {
  padding: 0 !important;
}

.form-critere-typerech {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font: 18px ExoBold, sans-serif;
}



.form-critere-typerech ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: none;
  margin-right: 20px;
  padding-left: 0;
}

.form-critere-typerech .form-critere-title {
  margin-bottom: 10px;
}

.form-rubrique {
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #4b4b4b;
  font-size: 13px;
  font-weight: bold;
}

.form-critere,
.form-critere-ope {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  color: #7c7c7c;
}


.home .form-critere,
.home .form-critere-ope {
  border-bottom: 1px solid #eeeeee;
}


.checkbox-like a {
  color: #7b7c7b !important;
  padding-left: 20px;
  background: transparent url('/images/bg-form-sprite.png') no-repeat;
  background-position: 0 -77px;
}

.checkbox-like a:hover {
  color: #24495c !important;
  text-decoration: none;
}


/*.home .form-critere-type{ padding-left: 30px;}*/



.form-highlight-items {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.form-pieces label {
  font-weight: normal;
  font-size: 95%;
}

.form-pieces label.custom-checkbox {
  padding: 1px 3px 1px 18px;
}

.form-pieces ul li {
  margin-right: 2px;
}

.form-extend {
  margin-top: 10px;
}

.page-home .form-extend {
  margin-top: 20px;
}

.form-link-container {
  /*border-top:#c2d849 1px solid; padding:10px 0 0 0;*/
  margin-right: 140px;
  font-size: 12px;
}

.form-link {
  padding-right: 20px;
}

.form-submit-container {
  position: relative;
  height: 35px;
  min-height: 35px;
  margin: 10px 0 0 0;
  text-align: right;
}

input.form-submit-alertemail,
input.form-submit-deposez,
input.form-submit-home,
input.form-submit-vendre,
input.form-submit-contact {
  margin-right: 5px;

}

/* Colonnes page de formulaire */
.form-leftcol {
  float: left;
  width: 48%;
  padding-right: 2%;
}

.form-rightcol {
  float: left;
  width: 48%;
  padding-left: 2%;
}

.form-legend {
  font-size: 11px;
  font-style: italic;
}

.form-submit {
  text-align: right;
}

/* 7.3 Perso graphique
----------------------------------------------------------------------------------------------------*/

.btn-submit-simple,
.simple-btn {
  border: none;
  background-color: #363636;
  padding: 7px 15px;
  color: #FFF !important;
  font: 13px 'ExoBold', Arial, Helvetica, sans-serif !important;
  text-transform: uppercase;
}

.input-text,
textarea {
  background: #f0f0f0;
  border: none;
  padding: 8px 2%;
  outline: none;
  width: 96%;

}

.required {
  color: #24495c;
  font-weight: bold;
  margin: 0 2px;
}

.separateur-simple {
  height: 5px;
  margin: 20px 0;
  border-top: #ddd 1px solid;
}


/* Tailles */
/*.input-tiny{ width: 50px; }
.input-xtiny{ width: 75px; }
.input-smaller{ width: 100px; }
.input-small{ width: 125px; }
.input-medium{ width: 150px; }
.input-xmedium{ width: 175px; }
.input-large{ width: 200px; }
.input-xlarge{ width: 250px; }
.input-xxlarge { width: 300px; }
.input-larger { width: 350px; }
.input-largest { width: 400px; }
.input-full{ width: 100%; }*/




/* 7.4 Custom Checkbox / Radios / Select
----------------------------------------------------------------------------------------------------*/
/* Pour les checkbox */
.custom-input {
  clip: rect(0, 0, 0, 0);
  position: absolute !important;
  outline: none;
  z-index: -999;
}

/* Formulaires pour les sites clairs (classe white-form) */
.white-form .input-text,
.white-form textarea {
  background: #f0f0f0;
  color: #8e8e8e;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-size: 11px;
}



.white-form .input-text:focus {
  background: #d5d5d5;
}



.white-form .input-text:focus {
  background: #d5d5d5;
}

.white-form .form-highlight {
  padding: 15px 0 15px 10px;
  margin-bottom: 0;
  background-color: #efefef;
}

.legend-container {
  float: left;
  font-size: 14px;
}

.white-form form label,
.white-form .form-rubrique label {
  color: #000;
}

.white-form .unite {
  font-size: .9em;
}

.white-form .legend {
  color: #83898f;
  font-size: .8em;
}

.white-form .custom-checkbox,
.white-form .custom-checkbox-checked {
  padding-left: 20px;
  background: transparent url('/images/bg-form-sprite.png') no-repeat;
}

.white-form .custom-checkbox {
  background-position: 0 -1px;
}

.white-form .custom-checkbox-checked {
  background-position: 0 -39px;
  color: #000;
}

.white-form .custom-radio,
.custom-radio-checked {
  padding-left: 20px;
  background: transparent url('/images/bg-form-sprite.png') no-repeat;
}

.white-form .custom-radio {
  background-position: 0 -77px;
}

.white-form .custom-radio-checked {
  background-position: 0 -115px;
  color: #24495c;
}

.white-form .custom-select-choice {}

.white-form .custom-select-container {
  color: #959595;
}

.white-form .custom-select-list {
  background: #eee url('/images/bg-form-sprite.png') no-repeat 0 -213px;
}

.boxshadow .white-form .custom-select-list {
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 6px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 6px;
}

.no-boxshadow .white-form .custom-select-list {
  border-bottom: #ccc 1px solid;
}

.white-form .custom-select-list-selected {
  background-color: #eee;
  color: #666;
}

/* Custom Select */
.custom-select {
  visibility: hidden;
}

.custom-select-container {
  width: auto;
  background-color: #f0f0f0;
}

.custom-select-choice {
  height: 29px;
  line-height: 29px;
  margin-left: 6px;
  padding-left: 4px;
  cursor: pointer;
  background: transparent no-repeat right;
  background-image: url(/images/arrow-select-choice.png);
  background-image: -webkit-image-set(url(/images/arrow-select-choice.png) 1x, url(/images/arrow-select-choice@2x.png) 2x);
  background-image: image-set("/images/arrow-select-choice.png"1x, "/images/arrow-select-choice@2x.png"2x);
}

.custom-select-list {
  z-index: 20;
  width: 200px;
  padding: 0;
  display: none;
  overflow: auto;
  max-height: 150px;
  position: absolute;
}

.custom-select-list ul li {
  display: block;
  padding: 5px 0 5px 10px;
  margin: 0;
  cursor: pointer;
  float: none;
  background: transparent;
}

ul.custom-select-list-container {
  margin: 0;
  padding: 0;
}

.custom-select-option {
  cursor: pointer;
  list-style: none;
  line-height: 18px;
  padding-left: 3px;
}

.input-place-holder {
  color: #787e82 !important;
}


/*
    // ========================================== \\
   ||                                              ||
   ||               VII. LINKS                     ||
   ||                                              ||
    \\ ========================================== //
*/

a:link,
a:visited {
  color: #24495c;
  text-decoration: none;
}

a:hover,
a:active {
  color: #24495c;
  text-decoration: underline;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}


/* ==========================================================================
   Divers
   ========================================================================== */

.os-preview a {
  text-decoration: none !important;
}

.os-etoiles {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 21px;
  width: 108px;
  background-position: 0 center;
  background-repeat: no-repeat;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  background-image: url(/images/stars.png);
  background-image: -webkit-image-set(url(/images/stars.png) 1x, url(/images/stars@2x.png) 2x);
  background-image: image-set("/images/stars.png"1x, "/images/stars@2x.png"2x);
}

.os-etoiles .masque-os-etoiles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  background-image: url(/images/stars-masque.png);
  background-image: -webkit-image-set(url(/images/stars-masque.png) 1x, url(/images/stars-masque@2x.png) 2x);
  background-image: image-set("/images/stars-masque.png"1x, "/images/stars-masque@2x.png"2x);
}

.os-taux-satisfaits {
  padding-left: 6px;
  color: #707070;
  display: inline-block;
  vertical-align: middle;
}

/* @priceHubble */

.estimation-fisher-title {
  font: 1.9em/1.231 'ExoRegular', sans-serif;
  margin-bottom: 0px;
}

.estimation-fisher-title a:hover {
  text-decoration: none;
}

.estimation-fisher-title span {
  color: #24495c;
  font: 1.2em/1.231 'ExoBold', sans-serif;
}

.estimation-fisher-title .click5 {
  vertical-align: middle;
  display: inline-block;
  margin-top: -10px;
}

#fisher-widget {
  /*height: 320px !important;*/
  width: 100%;
  border: none !important;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
}

.mt5 {
  margin-top: 50px;
}

/* @@priceHubble */


/* @priceHubble page */

.page-estimation-title-container {
  background: url(/images/bg-site-2021.jpg) no-repeat center top #FFF;
  padding: 60px 20px !important;
  color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.page-estimation-title {
  font: 2.6em/1.231 'ExoRegular', sans-serif;
  margin-bottom: 0px;
  text-align: center;
}

.page-estimation-title .click5 {
  vertical-align: middle;
  display: inline-block;
  margin-top: -10px;
}

.page-estimation-title strong {
  color: #24495c !important;
  font: 1.2em/1.231 'ExoBold', sans-serif;
}

.page-estimation-custom .page-masque-intro {
  color: #24495c !important;
  font: 1.3em/1.631 'ExoMedium', sans-serif !important;
  padding-top: 0;
}

.page-estimation-custom .page-masque-content {
  padding-top: 0px;
}


.page-estimation-custom p {
  line-height: 1.6em;
  font-size: 1.05em;
}


.page-estimation-custom .heading6 {
  color: #24495c !important;
  font: 1.8em/1.31 'ExoBold', sans-serif !important;
  text-transform: none;
}

.page-estimation-custom .heading7 {
  color: #7c8e97 !important;
  font: 1.5em/1.31 'Exomedium', sans-serif !important;
  text-transform: none;
}

.page-estimation-custom .heading7 {
  color: #7c8e97 !important;
  font: 1.5em/1.31 'Exomedium', sans-serif !important;
  text-transform: none;
}

.page-estimation-custom .little-hr {
  border-top: solid 2px #7c8e97 !important;
  max-width: 80px;
  margin-top: 40px !important;
  margin-bottom: 20px !important;
  display: inline-block;
  width: 100%;
}

.responsive-img {
  width: 100%;
  height: auto;
}

/* @@priceHubble */



hr.spec-sep {
  width: 30%;
  display: block;
  margin: 20px auto;
  border-top: 2px solid #24495c;
}

.mb5 {
  margin-bottom: 50px;
}

/* @TexteSeo */
.container-text-seo .acenter {
  text-align: center;
}
/* pour les dimensions et le responsive des img */
.contain-img img {
	height: auto;
	width: 100%;
	object-fit: contain;
}

/* pour les flexbox */

.d-flex {
	display: flex;
}

.d-flex * {
	box-sizing: border-box;
}

.f-wrap {
	flex-wrap: wrap;
}

.d-column {
	flex-direction: column;
}

.a-center {
	align-items: center;
}

.j-center {
	justify-content: center;
}

.j-end {
	justify-content: flex-end;
}

.col1_2 {
	width: 50%;
	padding: 5px;
}

.col1_3 {
	width: 33.3%;
	padding: 5px;
}

.col2_3 {
	width: 66.67%;
	padding: 5px;
}

.col1_4 {
	width: 25%;
	padding: 5px;
}
/* @@TexteSeo */


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  #header-logo {
    left: 10cm;
  }

  .header-ref-h1,
  .header-ref-h2,
  .header-content,
  .detail-actions,
  .detail-bien-context-header {
    display: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.error-form {
  border-color: #e9322d !important;
  -webkit-box-shadow: 0 0 6px #f8b9b7 !important;
  -moz-box-shadow: 0 0 6px #f8b9b7 !important;
  box-shadow: 0 0 6px #f8b9b7 !important;
  color: #b94a48 !important;
}


/* @ modifs septembre 2024 */

h1.home-message-top {
  margin-top: 50px;
}

.title-index {
  font-family: 'ExoBold', sans-serif;
  color: #989797;
  text-transform: initial;
  font-size: 1.7rem;
}

.container-text-ref .heading6 {
  font-family: 'ExoBold', sans-serif;
  color: #24495c;
  text-transform: initial;
  font-size: 1.4rem;
  margin-top: 30px;
  margin-bottom: 10px;
}

.aleft {
  text-align: left !important;
}

.d-flex {
  display: flex;
}

.bc-color {
  background-color: #edecec;
}
/* @@ modifs septembre 2024 */

/*
// ========================================== \\
||                                              ||
||               XI. MEDIA QUERIES              ||
||                                              ||
\\ ========================================== //
*/


@media (max-width: 860px) {

  .header-login-container iframe {
    display: none;
  }

}



/* ==========================================================================
11.1 PORTRAIT TABLET TO LANDSCAPE AND DESKTOP : (min-width: 768px) and (max-width: 1024px)
========================================================================== */


@media (min-width: 768px) and (max-width: 1024px) {

  #main-container,
  .wrapper {
    /*background: rgba(228, 250, 233, 0.55) !important;*/
  }

  #main-container {
    padding: 150px 2% 30px;
  }

  /* Home Page */

  body.home {
    background: none;
  }

  /* Home Top */

  .home-top {
    height: auto !important;
    background: url(/images/bg-site-medium-2021.jpg) center 0px no-repeat #f2f2f0;
    padding: 0;
    width: 100%;
  }


  /* Header */
  .header-login {
    margin-bottom: 15px;
  }

  #header-logo,
  #header-logo a {
    width: 265px;
    height: 50px;
  }

  #header-logo a {
    background-image: url(/images/logo-medium.png);
    background-image: -webkit-image-set(url(/images/logo-medium.png) 1x, url(/images/logo-medium@2x.png) 2x);
    background-image: image-set("/images/logo-medium.png"1x, "/images/logo-medium@2x.png"2x);
  }

  #header-logo {
    top: 35px;
  }

  header#top {}

  .header-login-container {
    margin: 0 0 10px;
  }

  .header-menu {
    font: 11px/1.231 'ExoBold', sans-serif;
  }

  .sf-menu li:hover ul,
  .sf-menu li.menu-deroulant ul {
    top: 53px;
  }


  /* Page */
  aside#sidebar {
    width: 25%;
  }

  .page-masque {
    float: left;
    width: 73%;
    font-size: 13px;
  }

  #sidebar-content img {
    width: 100%;
    height: auto;
  }

  /* Home Page */

  .home-message-container {
    width: 50%;
    position: relative;
  }

  .home-message {
    margin-right: 10px;
    margin-top: 260px;
  }

  .home-message1 {
    font: 26px/42px ExoBold, sans-serif;
  }


  .home-search-content .form-critere-content {
    width: 75%;
  }

  .home-search-content .form-critere-content-demi {
    width: 36%;
  }

  .home-search-container {
    margin: 25px 0px 0px !important;
  }

  .home-search {
    width: 50%;
    margin-bottom: 20px;
  }

  /*Home Slide */
  .home-slide p {
    bottom: inherit;
    top: 45%;
    font-size: 85%
  }

  /*Home Estimation */
  .home-estimation {
    padding: 10px 0 10px;
  }

  .home-estimation .form-critere {
    width: 100%;
  }

  .home-estimation-content {
    padding-left: 0%;
    background: none
  }

  .home-estimation-anim {
    background: url('/images/ico-glass-gray.png') no-repeat top left;
    padding-left: 50px;
    background-size: auto 100%;
  }

  .home-estimation .critere-maison {
    width: 13%;
  }

  .home-estimation .critere-appartement {
    width: 30%;
  }

  .home-estimation .estim-etage {
    width: 40%;
  }

  .home-estimation-submit {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: right;
    margin-top: 0px;
    width: 22%;
    text-align: right;
  }


  ul.bottom-widget li {
    height: 300px;
    font-size: 0.9em;
    margin-bottom: 20px;
  }

  .widget-text1 {
    font: 18px/1em ExoBold, sans-serif;
    color: #787878;
  }

  .widget hr {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .widget-ico-and-text {
    height: 120px;
  }

  .widget p {
    margin: 10px 25px;
  }

  .widget-text2 {
    font: 16px/1em ExoBold, sans-serif;
    color: #aeaeae;
  }

  ul.bottom-widget {
    margin: 10px 0 15px;
  }


  /* Localisation */

  .home-estimation .estim-num {
    width: 8%;
  }

  .home-estimation .estim-rue {
    width: 16%;
  }




  /* Footer */
  .footer-menu.wrapper {
    padding: 0;
    width: 100%;
  }


  .footer-menu li {
    padding: 0 1%;
  }

  .footer-menu a {
    font-size: 16px !important
  }

  .footer-menu a span {
    font-size: 13px !important
  }

  .pied-agence-deco {
    background-size: auto 160px;
  }

  .pied-agences {
    background: url(/images/bg-pied-agence-deco.jpg) no-repeat right top;
    background-size: auto 160px;
  }

  .detail-photo-container .large-flap-container {
    height: 485px;
  }

  .big-flap-container img {
    max-width: 580px !important;
    max-height: 580px !important;
  }

  /* Liste */

  .or-geopoly span {
    width: 30%;
  }

  .liste-create-alert {
    background: url(/images/bg-liste-alert.png) no-repeat 10px 7px #3a3a3a;
    background-size: 35px;
  }

  .liste-create-alert-content {
    margin-left: 50px;
  }

  .liste-create-alert-content-input {
    width: 47%;
    float: right;
  }

  .minisite .info-agence-liste-container {
    margin-top: 130px;
  }

  .form-critere-typerech {
    font: 15px ExoBold, sans-serif;
  }

  .liste #main-container {
    padding-top: 150px;
  }

  .liste aside#sidebar {
    float: left;
    width: 29%;
    padding-right: 1%;
  }

  .liste-bien-description-col1 {
    text-align: left;
    width: 58%;
  }

  .liste-bien-description-col2 {
    text-align: right;
    width: 40%;
  }


  .form-rubrique {
    font-size: 11px !important;
  }

  .liste .page-masque {
    width: 70%;
  }

  .liste-bien-container {
    height: 225px;
  }

  /* Detail */

  .detail #main-container {
    padding-top: 135px;
  }

  /* Liste Agence */

  .liste-agences-content {
    width: 48% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    padding: 10px 0;
    margin-bottom: 0px !important;
  }


  /* Mini liste */
  .miniliste-deroulant .custom-select-container {
    width: 60%;
  }

}


/* ==========================================================================
11.2 LANDSCAPE PHONE TO PORTRAIT TABLET : (max-width: 767px)
========================================================================== */


@media (max-width: 767px) {


  .ui-dialog-titlebar {
    font-size: .95em;
  }

  .header-container {
    background: #FFF;
  }

  /* Header */
  #header-logo,
  #header-logo a {
    width: 265px;
    height: 50px;
    top: 25px;
  }

  #header-logo a {
    background-image: url(/images/logo-medium.png);
    background-image: -webkit-image-set(url(/images/logo-medium.png) 1x, url(/images/logo-medium@2x.png) 2x);
    background-image: image-set("/images/logo-medium.png"1x, "/images/logo-medium@2x.png"2x);
  }

  header#top {
    height: 120px;
  }

  .home-slogan {
    padding-top: 90px;
    font-size: 15px;
    text-align: ;
  }

  /* Généralités */
  #main-container,
  .wrapper {
    /*background: rgba(228, 237, 250, 0.55) !important;*/
  }

  #main-container {
    padding-top: 140px;
  }

  .liste #main-container {
    padding-top: 120px;
  }

  /* Page */
  aside#sidebar {
    display: none;
  }

  .page-masque {
    float: left;
    width: 100%;
    font-size: 13px;
  }

  /* Home Page */

  body.home {
    background: none;
  }

  .home-search-content .input-text {
    border: 1px solid #d0d0d0 !important
  }

  /* Home Top */

  .home-top {
    height: auto !important;
    background: url(/images/bg-site-small-2021.jpg) center 0px no-repeat #f2f2f0;
    padding: 0;
    width: 100%;
  }


  .home-message-container {
    float: none;
    width: 100%;
    position: relative;
  }

  .home-message {
    margin-right: 3%;
    margin-top: 70px;
  }

  .home-message1 {
    font: 20px/36px ExoBold, sans-serif;
  }


  /* Home Search */
  .home-search {
    float: none;
    margin: 0 !important;
    width: 100%;
  }

  .home-search-container {
    margin: 57px 0px 0px !important;
    /*-- margin: 15px 0px 0px 0px; --*/
    padding: 0;
  }


  /*Home Estimation */
  .home-estimation-content {
    padding: 10px 3%;
    background: none
  }

  .home-estimation-anim {
    background: url('/images/ico-glass-gray.png') no-repeat top left;
    padding-left: 50px;
    background-size: auto 100%;
  }

  .home-estimation .form-critere {
    width: 100%;
  }

  .home-estimation .critere-maison {
    width: 100%;
  }

  .home-estimation .critere-appartement label {
    width: 100% !important;
    margin: 8px 0;
  }

  .home-estimation .critere-appartement {
    width: 100%;
  }

  .home-estimation .clear {
    display: block;
    margin: 0 0 5px;
  }

  .home-estimation .estim-etage {
    width: 99.7%;
    margin: 5x 0;
  }

  .home-estimation-text-ref {
    display: none;
  }



  /* Localisation

    .home-estimation .estim-num { width: 17%; padding-left:0%; border-left: none;}
    .home-estimation .estim-rue { width: 33%;}
    .home-estimation .estim-cp { width: 22%;}
    .home-estimation .estim-ville { width: 22%; margin-right: 0;} */

  .home-estimation .estim-num {
    width: 100%;
    padding-left: 0%;
    border-left: none;
    margin-bottom: 5px;
  }

  .home-estimation .estim-rue {
    width: 100%;
    margin-bottom: 5px;
  }

  .home-estimation .estim-cp {
    width: 99.7%;
    margin-bottom: 5px;
  }

  .home-estimation .estim-ville {
    width: 99.7%;
    margin-right: 0;
  }

  .home-estimation-submit {
    margin-top: 0px;
    width: auto;
  }



  /* Widgets Bottom */
  ul.bottom-widget {
    height: auto;
  }

  ul.bottom-widget li {
    width: 43%;
    height: 140px;
    margin-bottom: 30px;
  }

  ul.bottom-widget li:first-child,
  ul.bottom-widget li:last-child {
    margin: 0 1%;
    float: none;
  }

  .widget hr,
  .widget p {
    display: none;
  }

  .widget a,
  .widget a:hover {
    padding: 10px 0;
    margin-top: 10px;
  }

  .widget-text1 {
    font: 18px/1em ExoBold, sans-serif;
    color: #787878;
  }

  .widget-text2 {
    font: 16px/1em ExoBold, sans-serif;
    color: #aeaeae;
  }

  .widget-ico {
    height: 58px;
    background-size: 155px;
    margin-top: 30px;
  }


  .widget-acheter {
    background-position: center -10px;
  }

  .widget-confier {
    background-position: center -66px;
  }

  .widget-estimer {
    background-position: center -123px;
  }

  .widget-franchise {
    background-position: center -189px;
  }

  /* Home Bottom */

  .home-bottom-col1 {
    float: none;
    width: 90%;
    margin: 0 5% 30px;
    position: relative;
  }

  .panneau-vendu {
    top: 140px;
    margin-top: 0;
    position: absolute;
  }

  .home-featured {
    float: left;
    width: 50%;
    position: relative;
  }

  /* Rappel Gratuit */
  .rappel-gratuit-container {
    margin-top: 0px;
    padding: 70px 3% 30px;
    background: url(/images/picto-rappel-gratuit.png) no-repeat 45% 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: right;
    width: 42%;
    text-align: center;
  }

  .rappel-gratuit-title {
    margin: 40px 0 40px;
  }

  .home-bottom-agences {
    float: none;
    width: 96%;
    margin: 0 0 20px;
    padding: 10px 2% 70px;
  }

  .home-bottom-slide {
    display: none;
  }


  /* Footer */
  .footer-menu li {
    padding: 0 2%;
    text-align: center;
    width: 96%;
    border-left: none;
    border-bottom: 1px solid #555454;
  }

  .footer-menu a {
    font-size: 17px !important
  }

  .footer-menu a span {
    font-size: 13px
  }

  .pied-agence-deco {
    padding-left: 0;
    background: none;
  }

  .pied-agences {
    background: url(/images/bg-pied-agence-deco.jpg) no-repeat right top;
    background-size: auto 160px;
  }



  .pied-share,
  .pied-logos,
  #footer .likes-badges,
  .pied-menu-left,
  .pied-menu-right {
    float: none;
    width: auto;
    text-align: left;
    margin: 8px 0;
  }

  /* Liste Agence */
  .liste-agences-content {
    float: none;
    width: 96%;
    margin: 0 2% 20px !important;
    padding: 5px 0 15px;
  }

  .btn-agences-plan {
    position: relative;
    top: 0;
    left: -20px;
  }

  .contact-agence .info-agence-ph {
    float: none;
    margin-right: 0;
    padding-left: 0;
  }


  /* Info Agence pour le mode liste*/
  .minisite #global-content {
    padding-top: 120px !important;
  }

  .minisite .info-agence-liste-container {
    margin-top: 0px;
  }

  .minisite .info-agence-coordonnees {
    width: 28%;
  }

  .minisite .info-agence-text {
    float: left;
    width: 70%;
  }

  .minisite .info-agence-map {
    float: none;
    width: 100%;
    clear: both;
    padding-top: 1px;
  }






  /* Liste */

  /* Img Bouton */
  .geopoly .img-geopoly {
    margin: 10px auto !important;
    background-size: cover;
    width: 50%;
  }

  #DialogPolyMap {
    height: 400px !important;
  }

  #DialogPolyMap .gg-map {
    height: 355px !important;
  }

  .liste .page-masque {
    float: none;
    width: 100%;
  }

  .liste aside#sidebar {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    background: none
  }

  .liste-minimoteur-content {
    padding: 0 0 0 0;
    min-height: inherit;
  }

  .liste-create-alert-content-input {
    width: 100%;
    float: none;
  }

  .liste-create-alert-content-title {
    width: 96%;
    float: none;
    margin-bottom: 10px;
  }

  .liste-create-alert-content {
    margin-left: 60px;
  }

  .liste-create-alert {
    background: url(/images/bg-liste-alert.png) no-repeat 10px 7px #3a3a3a;
  }


  .btn-return-top,
  .btn-return-top:hover {
    width: 100%;
    position: relative;
    left: inherit;
    bottom: inherit;
    background: url(/img_fr/btn-return-top.png) no-repeat center 0;
  }

  .liste-bien-description-col1 {
    text-align: left;
    width: 56%;
  }

  .liste-bien-description-col2 {
    text-align: right;
    width: 42%;
  }


  .liste-bien-title {
    text-align: left;
  }

  .liste-bien-price {
    position: relative;
    bottom: auto;
    right: auto;
    text-align: right;
    padding: 10px 0 0;
    font-size: 0.9em;
  }

  .liste-bien-ville {
    margin-top: 10px;
  }

  /* Detail */

  .detail #main-container {
    padding-top: 115px;
  }

  .detail-topnav .ico-back {
    width: 100%;
    text-align: left;
  }

  .detail-topnav li {
    float: left;
    margin: 3px 7px 3px 0;
  }

  .detail-photo-container .large-flap-container {
    height: 385px;
    background: #FFF;
  }

  .detail-photo-container .large-flap-container img {}

  .large-flap-nav .previous,
  .large-flap-nav .next {
    top: 150px;
  }

  .big-flap-container img {
    max-width: 400px !important;
    max-height: 400px !important;
  }

  .detail-bien-context {
    display: none !important;
  }

  .thumbs-flap-container .is-flap img {
    background: #fff;
    height: 108px;
    width: auto;
    max-width: 156px;
  }

  .thumbs-control-prev {
    left: 0px;
    background-position: 0 -114px;
  }

  .thumbs-control-next {
    right: 0px;
    background-position: 0 -171px;
  }

  .detail-bien-specs {
    float: none;
    width: 100%;
    padding: 40px 0 10px;
    background: none;
    min-height: 250px;
  }

  .detail-bien-desc-content {
    float: none;
    width: 100%;
    padding: 15px 0 45px;
  }

  .detail-col1,
  .detail-col2 {
    float: none;
    width: 100%;
    background: none;
  }

  .detail-bien-localisation,
  .detail-col1,
  .detail-col2,
  .detail-bien-contact-agence {
    border-top: 1px solid #dfdfdf;
    padding: 25px 0 0;
    margin: 25px 0 0;
  }

  .detail-bien-dpe,
  .detail-bien-contact {
    background: none;
    padding: 0;
  }

  .detail-elargir-recherche>div {
    padding: 0 0px;
  }


  a.suggest-bien {
    width: 50%;
  }

  a.suggest-bien:last-child {
    display: none;
  }

  a.suggest-bien:first-child {
    display: block !important;
  }

  .poi-col {
    width: 44%;
    margin: 10px 1%;
  }

  #GGMapPoi {
    width: 100% !important;
    height: 370px;
  }


  /*-- Menu Responsive (debut) --*/
  .nav-btn {
    display: block;
  }

  /* le bouton devient visible */

  /* Header Login Responsive */

  .header-login-responsive {
    display: block !important;
  }

  /*utilsié pour afficher/masquer le form dans le menu responsive*/
  .header-login-container {
    display: none;
  }


  .header-login-responsive .header-login {
    width: inherit;
    background: none;
    text-align: right;
    padding-right: 17px;
  }

  .header-login-responsive .header-login-input .input-text {
    width: 100%;
  }

  .header-login-responsive .header-login-title {
    width: 100%;
    color: #FFF;
  }

  .header-login-responsive .header-login-input {
    width: 50%;
  }

  .header-login-responsive .input-text {
    width: 50%;
  }

  .header-login-responsive .header-login-submit {
    width: 50%;
  }

  /* Menu gris : s ouvre sur le cote */
  .header-menu {
    height: 10000% !important;
  }

  .header-menu ul li {
    margin: 0 !important;
    display: block;
    /* padding-left: 10px;*/
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-font-smoothing: antialiased;
    position: relative;
  }

  .header-menu .header-maselection-nb {
    background-color: #24495c;
    color: #FFF !important;
    margin-right: 17px;
  }

  .header-menu a {
    padding: 18px 20px 17px;
  }

  .header-menu a.select-link {
    padding: 13px 20px 12px;
  }

  .header-menu ul li a:link,
  .header-menu ul li a:visited,
  .header-menu ul li a:link strong,
  .header-menu ul li a:visited strong {
    color: rgba(255, 255, 255, 0.5) !important
  }

  .sf-menu li:hover ul,
  .sf-menu li.menu-deroulant ul {
    right: 0px !important;
    top: 0px !important;
    z-index: 100000;
    width: 100% !important;
    position: relative;
  }

  .sf-menu li.menu-deroulant a {
    background: none !important;
  }

  .sf-menu li.menu-deroulant ul {
    display: none !important;
  }


  .sf-menu li.menu-deroulant li {
    padding: 5px 15px 5px 5px !important;
  }

  .sf-menu li.menu-deroulant li a {
    background: none !important;
    text-align: right;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-transform: uppercase !i;
  }

  .header-menu a.sf-ul-with-li {
    padding-right: 20px !important;
  }

  .header-menu ul li a:hover,
  .header-menu ul li a:active,
  .header-menu ul li a:hover strong,
  .header-menu ul li a:active strong {
    color: #fff !important;
  }

  .header-menu ul li.c2a a:link,
  .header-menu ul li.c2a a:visited {
    background: none;
    text-transform: uppercase;
  }

  .header-menu ul li.current:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    bottom: 50%;
    right: -.03125em;
    margin-bottom: -.625em;
    border-top: .625em transparent solid;
    border-bottom: .625em transparent solid;
    border-right: .625em #fff solid;
  }

  #nav {
    position: absolute;
    top: 0;
    padding-top: 6.25em;
    overflow: hidden;
  }

  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }

  #nav:target .close-btn {
    display: block;
  }

  #nav .close-btn {
    position: absolute;
    top: 1.75em;
    left: 1.875em;
  }

  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-ready #global-content {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #global-content {
    -webkit-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .js-ready #nav {
    height: 100%;
    width: 60%;
    background: #4f5459;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }

  .js-ready #nav .block {
    background: transparent;
  }

  .js-ready #nav .close-btn {
    display: block;
  }

  .js-ready #nav {
    left: -60%;
  }

  .js-ready #global-content {
    left: 0;
  }

  .js-nav #global-content {
    left: 60%;
  }

  .fcts-menu:after {
    margin-left: -10px;
  }

  /* Menu responsive (fin) */


  /* Mini liste */
  .miniliste-deroulant {
    margin-top: 20px;
  }

  .miniliste-deroulant .custom-select-container {
    width: 100%;
    margin: 0 0 15px;
    float: none;
    position: relative;
    z-index: 9999;
  }

  .miniliste-deroulant .custom-select-list {
    width: 100%;
  }

  /* OPE select (Form rech Réf) */
  .white-form .ope-select-ref .custom-select-list {
    width: 100%;
  }


  /* Pages Mon Compte */
  .leftside-menu-mya {
    width: 100%;
    float: none;
    padding: 0;
  }

  .rightside-page-mya {
    width: 96%;
    float: none;
    padding: 0 2%;
  }

  ul.mya-widget-container {
    text-align: center;
  }

  /* -------------------------------------------------------- Mise en forme titre Responsive page partenaire Adapt immo -------------------------------------------------------- */

  .titre-texte .heading1 {
    color: #272727;
    font: 1.6em/1.231 'ExoRegular', sans-serif;
    text-transform: uppercase;
    text-align: left
  }

  .titre-texte {
    width: 65%;
    vertical-align: middle;
  }

  .titre-logo {
    float: none;
    vertical-align: middle;
  }


  /*Home Stoneo */

  .stoneo-banner-form-anim {
    text-align: center
  }

  .stoneo-banner-form-anim img {
    max-width: 100% !important;
  }

  .stoneo-banner-form-mentions {
    float: none;
    text-align: center;
    width: inherit;
  }

  .stoneo-banner-form .form-critere-title,
  .stoneo-banner-form .form-critere-input,
  .stoneo-banner-form .stoneo-submit {
    width: 100%;
    text-align: center;
    padding: 5px 0;

  }

  .avis-clients .home-avis-leftpart {
    width: 100%;
  }

  .d-flex {
		flex-wrap: wrap;
	}
	
	.col1_2,
	.col1_3,
	.col2_3,
	.col1_4 {
		width: 100%;
	}

	.f-reverse {
		flex-direction: column-reverse;
	}

}


/* ==========================================================================
11.2 LANDSCAPE PHONES AND DOWN (max-width: 480px)
========================================================================== */


@media (max-width: 480px) {



  .home-top {
    background-size: auto 180px;
    background-position: 21% top;
  }

  #main-container,
  .liste #main-container {
    padding-top: 10px;
  }

  /* Header */
  #header-logo,
  #header-logo a {
    width: 220px;
    height: 42px;
  }

  #header-logo a {
    background-image: url(/images/logo-small.png);
    background-image: -webkit-image-set(url(/images/logo-small.png) 1x, url(/images/logo-small@2x.png) 2x);
    background-image: image-set("/images/logo-small.png"1x, "/images/logo-small@2x.png"2x);
  }

  header#top {
    background: none;
    position: relative;
  }

  /* Généralités */
  .form-leftcol,
  .form-rightcol {
    float: none;
    width: 100%;
    padding: 0;
  }

  .main-content-demicol {
    float: none;
    width: 100%;
    padding: 5px 0;
  }

  #main-container,
  .wrapper {
    /* background: rgba(247, 234, 193, 0.55) !important;*/
  }

  /* Home */
  .home-search-container {
    margin: 10px 0px 0px !important;
    /*-- margin: 15px 0px 0px 0px; --*/
    padding: 0;
  }

  .home-message {
    margin-top: 100px;
  }

  /*Home Estimation */

  /*.home-estimation-anim {display: inline-block; *display:inline; *zoom:1; width: 80%;}
    .home-estimation-anim img {width: 100%;}
    .home-estimation .critere-maison{ width: 100%;}
    .home-estimation .estim-num { width: 20%; margin-bottom: 10px;}
    .home-estimation .estim-rue { width: 78%; margin-right: 0;
    }
    .home-estimation .estim-cp { width: 100%;  margin-bottom: 10px;}
    .home-estimation .estim-ville { width: 100%; margin-right: 0;}*/

  /*Home Vignettes Vendus*/

  .home-featured {
    width: 100%;
    height: 235px;
    overflow: hidden;
  }

  .home-featured .large-flap-container {
    width: 100%;
    height: 235px;
    overflow: hidden;
  }

  .home-featured .slideshow-loaded .large-flap-container {
    background: none;
  }

  .home-featured .no-flap {
    display: block;
  }

  .home-vignette {
    width: 100%;
    height: 235px;
    /* Width + Height pour le slide */
  }

  .home-vignette-img-frame {
    float: left;
    width: 100%;
  }

  .home-vignette-img-frame img {
    width: 100%;
    height: 235px;
  }



  /* Rappel Gratuit */
  .rappel-gratuit-container {
    margin-top: 30px;
    width: 96%;
    padding: 30px 2%;
    background: url(/images/picto-rappel-gratuit.png) no-repeat center 10px;
  }

  .rappel-gratuit-title {
    margin: 50px 0 10px;
  }


  /* Liste */

  .liste-bien-container {
    width: 96%;
    max-width: 310px;
    margin: 0 0 20px;
    height: 250px;
    overflow: hidden;
  }

  .liste-bien-price {
    position: relative;
    bottom: auto;
    right: auto;
    text-align: right;
    padding: 10px 0 15px 10px;
  }

  .liste-bien-title {
    padding: 15px 10px 0;
  }

  .liste-display-nb,
  .filters-container {
    float: none;
    width: 100%;
  }

  .filters-content ul {
    text-align: left;
  }

  /* Img Bouton */
  #DialogPolyMap {
    height: 250px !important;
  }

  #DialogPolyMap .gg-map {
    height: 205px !important;
  }

  .ui-dialog-buttonset button {
    font: 0.7em 'RobotoBold', sans-serif !important;
    background-image: none !important;
    padding: 2px;
  }

  .geopoly .img-geopoly {
    width: 70%;
  }


  /* Liste agence */

  .liste-agences-content li.info-agence-btn-contact,
  .liste-agences-content li.info-agence-btn-biens {
    width: 100% !important;
  }

  /* Info Agence pour le mode liste*/
  .minisite #global-content {
    padding-top: 0px !important;
  }

  .minisite .info-agence-coordonnees {
    width: 98%;
    padding: 0 1%;
  }

  .minisite .info-agence-text {
    float: none;
    width: 98%;
    padding: 1%;
  }

  .minisite .info-agence-liste-title {
    margin-top: 10px !important;
  }

  .minisite .info-agence-ph img {
    max-width: 50% !important;
  }

  .minisite .info-agence-map {
    float: none;
    width: 100%;
    clear: both;
    padding-top: 1px;
  }


  /* Detail */
  .detail-photo-container .large-flap-container {
    height: 235px;
  }

  .detail-photo-container .large-flap-container img {}

  .large-flap-nav .previous,
  .large-flap-nav .next {
    top: 100px;
  }

  .big-flap-container img {
    max-width: 250px;
    max-height: 350px;
  }

  /* Footer */

  .message-responsive {
    font: 1em/1.6em 'ExoLight', Arial, sans-serif !important;
  }

  .pied-agences {
    background: url(/images/bg-pied-agence-deco.jpg) no-repeat center top;
    background-size: auto 120px;
    padding-top: 100px;
  }

  .detail-bien-desc-content .ico-baisse-prix {
    font-size: 14px;
  }

  .poi-col {
    width: 100%;
    margin: 10px 0;
  }

  .poi-col li {
    line-height: 2.5em;
  }

  #GGMapPoi {
    width: 100% !important;
    height: 300px;
  }


  /* Mini liste */
  .ref .liste-bien-container:nth-child(odd) {
    margin-right: 3%;
    margin-left: 0;
  }

  /* Pages Mon Compte */
  #MyaLogin.main-content-demicol,
  #MyaCreate.main-content-demicol {
    width: 100%;
    margin: 20px 0 0;
  }


}

/* Google map show-on-click */
.gg-map.gg-map-show-on-click {
  background: url("/images/beforemap.jpg") !important;
  background-position: center !important;
  background-size: cover !important;
  cursor: pointer !important;
  text-align: center;
}

.gg-map.gg-map-show-on-click:before {
  content: "Click to show the map";
  display: inline-block;
  background: rgba(95, 95, 95, 0.76);
  color: #FFF;
  padding: 10px;
  position: relative;
  top: 45%;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.gg-map.gg-map-show-on-click:hover:before {
  background: rgba(57, 57, 57, 0.88);
}

.fr .gg-map.gg-map-show-on-click:before {
  content: "Cliquez pour afficher la carte";
}
/* correctif du 29/11/2023 */
.pied-menu-right ul{
 background-size: 35%;
}

.agences .info-agence-map{display:none}