/* @override
	http://www.devr2.com/css/style.css */

/* ==========================================================================
   ADAPTIMMO MODULO 14 RESPONSIVE (Based on HTML5 Boilerplate)
   ========================================================================== */

html,button,input,select,textarea { color: #222; }
body { font-size: 1em; line-height: 1.4; }
::-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; }



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



html {background:#fff;}
body {background-color:#fff; font-family: "LatoRegular", Helvetica, Arial, sans-serif; color:#272626;}

/* Bandeau pour la HOME */
#bg-header-home { height: 943px; position: relative; width: 100%; }
#bg-header-home .slide1{background: url(/images/bg-home-header1.jpg) no-repeat center 0; height: 943px; width: 100%; -webkit-background-size: cover; background-size: cover; }
#bg-header-home .slide2{background: url(/images/bg-home-header2.jpg) no-repeat center 0; height: 943px; width: 100%; -webkit-background-size: cover; background-size: cover; }
#bg-header-home .slide3{background: url(/images/bg-home-header3.jpg) no-repeat center 0; height: 943px; width: 100%; -webkit-background-size: cover; background-size: cover; }

/* Bandeau pour toutes les autres pages */
.bg-header {background: url(/images/bg-home-header.jpg) no-repeat 0 0; height: 943px; position: relative; width: 100%; -webkit-background-size: cover; background-size: cover; }

#global {position: absolute; top: 0; overflow: hidden; width: 100%;}
#global-content {position: relative; width: 100%;}
.content-container {width: 920px; margin: 0 auto; padding: 0 20px;}


/* 1.1 Fontes
----------------------------------------------------------------------------------------------------*/


/*-- Lato --*/

@font-face {
    font-family: 'LatoLight';
    src: url('webfonts/Lato-Lig-webfont.woff') format('woff');
    src: url('webfonts/Lato-Lig-webfont.eot');
    src: url('webfonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Lato-Lig-webfont.ttf') format('truetype'),
         url('webfonts/Lato-Lig-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('webfonts/Lato-Reg-webfont.woff') format('woff');
    src: url('webfonts/Lato-Reg-webfont.eot');
    src: url('webfonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Lato-Reg-webfont.ttf') format('truetype'),
         url('webfonts/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoItalic';
    src: url('webfonts/Lato-RegIta-webfont.woff') format('woff');
    src: url('webfonts/Lato-RegIta-webfont.eot');
    src: url('webfonts/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Lato-RegIta-webfont.ttf') format('truetype'),
         url('webfonts/Lato-RegIta-webfont.svg#LatoItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBold';
    src: url('webfonts/Lato-Bol-webfont.woff') format('woff');
    src: url('webfonts/Lato-Bol-webfont.eot');
    src: url('webfonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Lato-Bol-webfont.ttf') format('truetype'),
         url('webfonts/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-- Roboto --*/

@font-face {
    font-family: 'RobotoRegular';
    src: url('webfonts/Roboto-Regular-webfont.woff') format('woff');
    src: url('webfonts/Roboto-Regular-webfont.eot');
    src: url('webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('webfonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* 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:#272626; font: 1.6em/1.231em 'LatoLight', sans-serif;}
.heading2 {color:#d52c19; font: 1.55em/1.231em 'LatoLight', sans-serif;}
.heading3 {color:#656565; font: 1em/1.6em 'LatoLight', sans-serif; letter-spacing: .1em; }
.heading4 {color:#4a4a4a; font: .95em/1em 'LatoBold', sans-serif; text-transform: uppercase; letter-spacing: .15em;}
.heading5 {color:#4a4a4a; font: 1em/1.231em 'LatoRegular', sans-serif;  text-transform: uppercase; margin: 1em 0;}
.heading6 {color:#999797; font: .9em/1.231em 'LatoRegular', sans-serif;  text-transform: uppercase; margin-bottom: 20px}
.smaller {font-size: 95%;}
p {color: #4a4a4a; font: 13px/1.4em 'LatoRegular', sans-serif; margin: .7em 0 1em;}
menu, ol, ul {padding: 0 0 0 20px;}
.page-container li {list-style-type: none; list-style-image: url(/images/puce-li.png); font-size: .8em;}
.ref-page-arbo-content .heading5 { color: #53779C; margin-bottom: 10px;}

/* Personnalisé */
.agence .heading2 {font: 1.55em/1.231em 'LatoRegular', sans-serif;}
.ref .heading3 { margin-top: 20px; margin-bottom: 5px; }
.ref h2{ font-size: .9em; }
header .heading2 {font-size: 1.2em;}

.recrutement .heading4 {
  color: #000;
}


/* 1.3 Jquery UI
----------------------------------------------------------------------------------------------------*/

/* Dialog */
#DialogFriend, #DialogFriendAnnonce, #DialogFriendSelection, #DialogVideo, #DialogDetailContact {width: 500px; }
#DialogCalc {width:700px; font-size: 1em;}
#DialogAlertOk, #DialogAlertErr, #DialogFriendOk, #DialogFriendErr {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);}
.ui-widget-content {border:none !important; color:#4a4a4a;}
.ui-dialog .form-critere {margin-bottom: 5px; font-size:12px;}

/* Header de la box */
.ui-widget-header {background:none; border:none !important;}
.ui-dialog-titlebar {padding-bottom: 10px !important; margin-bottom: 5px !important; border-bottom: 1px solid rgba(101, 101, 101, 0.3) !important; border-radius: 0 !important; color:#4a4a4a !important; font: .75em/1em 'LatoBold', sans-serif; text-transform: uppercase; letter-spacing: .15em;}
.ui-dialog-content {font-size: .8em;}

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





/* 1.4 Accordion
----------------------------------------------------------------------------------------------------*/

/* Tab Container*/
.accordion-page{ margin-top: 20px; }

.accordion-page #accordion-right .ui-widget-content{ padding: 5px 60px 15px 31px; border-left: 1px solid #E3E3E3 !important; border-right: 1px solid #E3E3E3 !important; border-bottom: 1px solid #E3E3E3 !important; background: rgba(255, 255, 255, 0); border-radius: inherit; }
.accordion-page  .ui-accordion .ui-accordion-content{ margin: 0; }
div.diagnostic.ui-accordion-content.ui-widget-content {	padding: 10px 2px !important; }
.accordion-page  .ui-accordion .ui-accordion-content .heading4{ font: 1em/1em 'LatoBold', sans-serif; }
.accordion-page .accordion-header{ padding: 16px 60px; }
.accordion-page .accordion-header .heading2{ font: 1.2em/1.231em 'LatoRegular', sans-serif; text-transform: none; /*color: #d52c19;*/ }

.ui-accordion .ui-accordion-header{ cursor: pointer; position: relative; margin-top: 0; zoom: 1; padding-left: 30px; }
.ui-accordion .ui-accordion-header .ui-icon{ width: 25px; height: 21px; left: 16px; top: 25px; background: transparent url(/images/fleche-small.png) no-repeat 0 0; }

.accordion-page  #accordion-right .ui-widget-content .ui-icon span{ background-image: none !important }

.accordion-page .ui-state-default{ background: rgba(255, 255, 255, 0); border: 1px solid #E3E3E3; border-bottom: none; border-radius: inherit; }
.accordion-page .ui-state-default.last{ border-bottom: 1px solid #E3E3E3; }
.accordion-page .ui-state-focus{ background: rgba(255, 255, 255, 0); border-radius: inherit; }
.accordion-page .ui-state-active { background: rgba(255, 255, 255, 0); border: 1px solid #E3E3E3; border-bottom: none; border-radius: inherit; }


.accordion-page .content-accordion { color: #4a4a4a; text-transform: none; font: 13px/1.231 'LatoRegular', arial, sans-serif; }
.accordion-page .content-accordion ul li { font: 13px/1.231 'LatoRegular', arial, sans-serif; margin: 10px 0; }
.accordion-page .content-accordion span{ color: #000; text-transform: none; font: 1.3em/1em 'LatoRegular', arial, sans-serif; }
.accordion-page .content-accordion hr { margin: 25px 0; border-top: 1px solid #EAEAEA; }

.accordion-page .content-accordion .white-form span { color: #000; }
.accordion-page .content-accordion span.legend { color: #999797; font-style: italic; font: .9em/1em 'LatoRegular', arial, sans-serif; }
.accordion-page .content-accordion span.required { color: #D52C19; font-weight: bold; margin: 0 2px; }

/* taille de la plaquette à télécharger dans l'accordeon */
.embedpdf-container img {
  width: 200px;
}






/* 1.4 Couleurs
----------------------------------------------------------------------------------------------------*/

.black-color {color: #000;}
.grey1-color {color: #272626;}
.grey2-color {color: #4a4a4a;}
.grey3-color {color: #656565;}
.grey4-color {color: #999797;}
.white-color {color: #fff;}
.orange-color {color: #d52c19;}



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



/* ==========================================================================
   2.1 HEADER - PARTIE BLANCHE DU HEADER
   ========================================================================== */


.header-top {background: url(/images/bg-white-85.png) repeat; height: 126px;}
#header-logo {width: 291px; height: 106px; display: inline-block; padding-top: 11px; *display: inline; *zoom: 1; float: left;}
#header-logo a {display: block; width: 291px; height: 106px; background-repeat: no-repeat;
  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);
}

.header-content{float: right; text-align: right; display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom;}

/*-- Ref --*/

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

.header-ref-h1 h1 {font-size: 10px; margin:0;}
/* 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 {height:57px; position:absolute; top:22px; left:330px; color:#fff; overflow:hidden;}
.header-ref-h2 h2 {font-size: 10px; margin:0;}
.home .header-ref-h2 {height:60px; top:150px; left:10px;}

/*-- Icones reseeaux sociaux --*/

.header-top .social-menu {display: inline-block; *display: inline; *zoom: 1; margin: 4px 12px 0 0; }
.social-menu ul {list-style-type: none; padding: 0; margin: 0;}
.social-menu li {float: left; margin-left: 8px;}
.social-menu ul li:first-child { margin-left: 0; }
.social-menu li a {width: 34px; height: 34px; background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;
  background-image: url(/images/social-circle.png);
  background-image: -webkit-image-set(url(/images/social-circle.png) 1x, url(/images/social-circle@2x.png) 2x);
  background-image: image-set("/images/social-circle.png" 1x, "/images/social-circle@2x.png" 2x);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -ms-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
}
.social-menu li a.SocialBusinessFacebook {background-position: 0 0;}
.social-menu li a.SocialBusinessFacebook:hover {background-position: 0 -34px;}
.social-menu li a.SocialBusinessTwitter {background-position: -34px 0;}
.social-menu li a.SocialBusinessTwitter:hover {background-position: -34px -34px;}
.social-menu li a.SocialBusinessGoogle {background-position: -68px 0;}
.social-menu li a.SocialBusinessGoogle:hover {background-position: -68px -34px;}
.social-menu li a.SocialBusinessRss {background-position: -102px 0;}
.social-menu li a.SocialBusinessRss:hover {background-position: -102px -34px;}
#footer .social-menu {display: none;} /* les badges du footer sont desactives */

/*-- Langues --*/

.main-lang-container { display: none; /*display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; float: right; margin: 6px 0 0 30px;*/ }
.main-lang-container ul {list-style: none; margin:0; padding:0; color: #999797;}
.main-lang-container ul li {display:inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.main-lang-container ul li a {font: .75em 'LatoRegular', sans-serif; text-transform: uppercase; text-decoration: none; color: #999797; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.main-lang-container ul li a:hover, .main-lang-container ul li a:active {color: #d52c19; }


/* 2.1.1 Menu blanc
----------------------------------------------------------------------------------------------------*/

.header-menu {font: .7em 'LatoBold', sans-serif; text-transform: uppercase; margin-right: 8px;}
.header-menu ul {margin:0; padding: 0; text-align: right; }
.header-menu li {display: inline-block; *display: inline; *zoom: 1;}
.header-menu li a:link, .header-menu li a:visited {color:#4a4a4a; text-decoration: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all .2s ease-out;
          transition: all .2s ease-out;
}
.header-menu li a:hover, .header-menu li a:active {text-decoration: none; background: #fff;}
.header-menu a {padding: 23px 11px 22px; display: block;}
.header-menu a.select-link {padding: 18px 11px 16px;}

.header-menu .ico-menu-home{ width: 15px; height: 15px; background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom;
  background-image: url(/images/ico-home.png);
  background-image: -webkit-image-set(url(/images/ico-home.png) 1x, url(/images/ico-home@2x.png) 2x);
  background-image: image-set("/images/ico-home.png" 1x, "/images/ico-home@2x.png" 2x);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.header-menu .text-home{ display: none; visibility: hidden; }

/* Ma sélection */
.header-maselection-nb {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 22px; height: 22px; font-size:11px; margin-left:5px; text-align: center; color:#fff; background-color: #d52c19; line-height: 2em;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.maselection a:link .header-maselection-nb, .maselection a:visited .header-maselection-nb {color:#fff; text-decoration: none;
  -webkit-transition: all .3s ease-out;
          transition: all .3s ease-out;
}
.maselection a:hover .header-maselection-nb, .maselection a:active .header-maselection-nb {color:#fff; text-decoration: none; background-color: #c4220f;}

/*-- 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: 33px; right: 20px; 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;
  background-image: url(/images/ico-close-menu.png);
  background-image: -webkit-image-set(url(/images/ico-close-menu.png) 1x, url(/images/ico-close-menu@2x.png) 2x);
  background-image: image-set("/images/ico-close-menu.png" 1x, "/images/ico-close-menu@2x.png" 2x);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* ==========================================================================
   2.2 HEADER - PARTIE ORANGE DU HEADER
   ========================================================================== */


.header-bottom {background: url(/images/bg-grey-90.png) repeat; height: 76px;}

/*--  Menu secondaire (orange) --*/

.alt-menu {font: .8em 'LatoRegular', sans-serif; text-transform: uppercase;}
.alt-menu nav { text-align: center; }
.alt-menu ul {margin: 0; padding: 0; color: #fff; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.alt-menu li { display: inline-table; float: left; height: 76px;}
.alt-menu li a {display: table-cell; padding: 0 24px; vertical-align: middle; letter-spacing: .06em;}
.alt-menu li a:link, .alt-menu li a:visited {color:#fff; text-decoration: none;
  -webkit-transition: all .2s ease-out;
          transition: all .2s ease-out;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.alt-menu li a:hover, .alt-menu li a:active {text-decoration: none; background: #333;}
.sep-alt-menu {margin-top: 28px; height: 47px !important;}

/*--  Menu deroulant --*/

.sf-menu ul {position: absolute; top:-999em; width: 221px; z-index: 100000;}
.sf-menu ul li {display: block; width: 221px; text-align: center; height: auto;}
.sf-menu li:hover {visibility: inherit; }
.sf-menu li {position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 76px; z-index: 100000; background: url(/images/bg-grey-90.png) repeat; box-shadow: 0 0 8px rgba(0,0,0,.3);}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; top: 0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 180px; top: 0;}

.sf-menu li.sfHover li a:link,
.sf-menu li.sfHover li a:visited {background: none; color: #fff; border-bottom: rgba(255, 255, 255, 0.5) 1px solid; display: block; width: 100%; height: 33px; vertical-align: middle; padding: 15px 0 0;}
.sf-menu li.sfHover li a:hover {background: #333;}
.sf-menu li.sfHover li.last a {border-bottom: none;}



/* Bouton orange menu mobile recrutement----------- */
@media (max-width:480px) {
a.recrut-btn{
  padding: 1vh 1vw!important;
  margin-right:20px;
}
li.recrut-btn-container{
  width:100%!important;
  padding:3% 0!important;
  display: flex!important;
  justify-content: flex-end;
}
}
@media (min-width:480px) {
  .recrut-btn-container {
    display: none !important;
  }
}

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



.illustration-aside {width: 100%; position: relative;}
.illustration-aside img {width: 100%;}


/* 3.1 Bulle en savoir pus : page standard
----------------------------------------------------------------------------------------------------*/

a.bulle-en-savoir-plus {width: 78px; height: 86px; display: block; position: absolute; top: -40px; right: -28px; text-indent: -999999px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: transparent no-repeat 0 0;
  background-image: url(/img_fr/bulle-en-savoir-plus.png);
  background-image: -webkit-image-set(url(/img_fr/bulle-en-savoir-plus.png) 1x, url(/img_fr/bulle-en-savoir-plus@2x.png) 2x);
  background-image: image-set("/img_fr/bulle-en-savoir-plus.png" 1x, "/img_fr/bulle-en-savoir-plus@2x.png" 2x);
}
a.bulle-en-savoir-plus:hover, a.bulle-en-savoir-plus:active { background: transparent no-repeat 0 -86px;
  background-image: url(/img_fr/bulle-en-savoir-plus.png);
  background-image: -webkit-image-set(url(/img_fr/bulle-en-savoir-plus.png) 1x, url(/img_fr/bulle-en-savoir-plus@2x.png) 2x);
  background-image: image-set("/img_fr/bulle-en-savoir-plus.png" 1x, "/img_fr/bulle-en-savoir-plus@2x.png" 2x);
}

.uk a.bulle-en-savoir-plus {width: 78px; height: 86px; display: block; position: absolute; top: -40px; right: -28px; text-indent: -999999px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: transparent no-repeat 0 0;
  background-image: url(/img_uk/bulle-en-savoir-plus.png);
  background-image: -webkit-image-set(url(/img_uk/bulle-en-savoir-plus.png) 1x, url(/img_uk/bulle-en-savoir-plus@2x.png) 2x);
  background-image: image-set("/img_uk/bulle-en-savoir-plus.png" 1x, "/img_uk/bulle-en-savoir-plus@2x.png" 2x);
}
.uk a.bulle-en-savoir-plus:hover, .uk a.bulle-en-savoir-plus:active { background: transparent no-repeat 0 -86px;
  background-image: url(/img_uk/bulle-en-savoir-plus.png);
  background-image: -webkit-image-set(url(/img_uk/bulle-en-savoir-plus.png) 1x, url(/img_uk/bulle-en-savoir-plus@2x.png) 2x);
  background-image: image-set("/img_uk/bulle-en-savoir-plus.png" 1x, "/img_uk/bulle-en-savoir-plus@2x.png" 2x);
}


/* 3.2 Page minisite
----------------------------------------------------------------------------------------------------*/

.minisite .illustration-aside img {width: auto; max-width: 100%;}
a.bulle-me-contacter {width: 78px; height: 86px; display: block; position: absolute; top: -40px; right: -28px; text-indent: -999999px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: transparent no-repeat 0 0;
  background-image: url(/img_fr/bulle-me-contacter.png);
  background-image: -webkit-image-set(url(/img_fr/bulle-me-contacter.png) 1x, url(/img_fr/bulle-me-contacter@2x.png) 2x);
  background-image: image-set("/img_fr/bulle-me-contacter.png" 1x, "/img_fr/bulle-me-contacter@2x.png" 2x);
}
a.bulle-me-contacter:hover, a.bulle-me-contacter:active { background: transparent no-repeat 0 -86px;
  background-image: url(/img_fr/bulle-me-contacter.png);
  background-image: -webkit-image-set(url(/img_fr/bulle-me-contacter.png) 1x, url(/img_fr/bulle-me-contacter@2x.png) 2x);
  background-image: image-set("/img_fr/bulle-me-contacter.png" 1x, "/img_fr/bulle-me-contacter@2x.png" 2x);
}
.agent-slogan {margin-top: 10px;}
.agent-slogan ul {margin-top: 0; padding-left: 0;}
.agent-slogan li {list-style: none; font-size: .8em;}



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



/* ==========================================================================
   4.1 CONTENEUR CENTRAL
   ========================================================================== */


#main-container {margin: 0 auto; padding: 235px 0 30px; background:#2b3742; }
.page-container {margin-top: 69px; width: 94%; background: url(/images/bg-white-91.png) repeat; padding: 30px 3% 50px; min-height: 621px;}

.full-page {width: 100%;}
.leftside-page {width: 62%; float: left; margin-top: 30px;}
.rightside-page {width: 27%; float: right; padding-left: 2%; padding-right: 2%; margin-top: 30px;}


/* 4.1.1 Home
----------------------------------------------------------------------------------------------------*/

/*-- Widgets home --*/

.home-widgets {margin: 198px 0 165px;}
.home-widgets-item:before { content: ""; display: block; padding-top: 100%;}
.home-widgets ul {margin:0; padding: 0; text-align: center;}
.home-widgets ul .clearfix {display: none;}
.home-widgets ul li.home-widgets-item {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; width: 18%; margin-right: 1%; list-style-type: none;}
/*-- cercles --*/
.home-widgets-item-content {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #fff; padding: 30px; text-align: center; vertical-align: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow:  3px 3px 0 1px rgba(0, 0, 0, 0.3);
          box-shadow:  3px 3px 0 1px rgba(0, 0, 0, 0.3);
}
a:hover .home-widgets-item-content {background-color: #d52c19;
  -webkit-transition: background 300ms linear;
          transition: background 300ms linear;
}

/* Pictos */
a .home-widgets-pic {width: 63px; height: 47px; background-color: transparent; background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;
  background-image: url(/images/ico-home-widgets.png);
  background-image: -webkit-image-set(url(/images/ico-home-widgets.png) 1x, url(/images/ico-home-widgets@2x.png) 2x);
  background-image: image-set("/images/ico-home-widgets.png" 1x, "/images/ico-home-widgets@2x.png" 2x);}
.home-widget-item-1 a .home-widgets-pic {background-position: 0 0;}
.home-widget-item-1 a:hover .home-widgets-pic {background-position: 0 -47px;}
.home-widget-item-2 a .home-widgets-pic {background-position: -126px 0;}
.home-widget-item-2 a:hover .home-widgets-pic {background-position: -126px -47px;}
.home-widget-item-3 a .home-widgets-pic {background-position: -63px 0;}
.home-widget-item-3 a:hover .home-widgets-pic {background-position: -63px -47px;}
.home-widget-item-4 a .home-widgets-pic {background-position: -252px 0;}
.home-widget-item-4 a:hover .home-widgets-pic {background-position: -252px -47px;}
.home-widget-item-5 a .home-widgets-pic {background-position: -189px 0;}
.home-widget-item-5 a:hover .home-widgets-pic {background-position: -189px -47px;}
.free-bubble img {width: 67px; height: 76px; position: absolute; right: -17px; top: -15px; z-index: 10;}

/* Textes */
.home-widgets-txt {font: 1.2em/1em 'LatoRegular', sans-serif; color: #d52c19; height: 50px; line-height: 50px; padding-bottom: 10%; padding-top: 8%;}
.home-widgets-txt div {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 1em;}
a:hover .home-widgets-txt {color:#fff; text-decoration: none;}

/*-- Biens vedettes home --*/

.bien-vedette {width: 100%; background: url(/images/bg-white-91.png) repeat; text-align: center; padding: 30px 0 0;}
.bien-vedette .heading1 { margin-bottom: 2%; text-align: center; margin-bottom: 30px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 25%; padding: 0 2%;}
.bien-vedette .line-side {background-color: #cfd3d3; height: 1px; width: 33%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; margin-top: 17px;}
a.home-vignette-container {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 22%; margin: 0 1%; position: relative; margin-bottom: 26px;}
.home-vignette {background-color: rgba(74,74,74,1); width: 100%; height: 100%;}
.home-vignette img {width: 100%; height: auto;}
.home-vignette img.no-flap {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
a:hover img {opacity: 0.2;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.infos-bien {position: absolute; text-transform: uppercase; font-size: .9em; line-height: 2em; top: 40px; width: 100%;}
a .infos-bien {display: none;}
a:hover .infos-bien {display: block; color: #fff; text-decoration: none;}

/* Widget vide */
.widget-vide {display: inline-block; *display:inline; *zoom:1; vertical-align: top; /*width: 23.25%; margin: 0 0.7%;*/ width: 20%; margin: 0 1.5%; position: relative; }


/*-- Recrutement home --*/

.home-recrutement {background: url(/images/bg-home-recrutement.jpg) no-repeat top right; height: 338px; position: relative; width: 100%; z-index: 0; margin-top: -22px;
  -webkit-background-size: cover;
          background-size: cover;
}
.home-recrutement .zone-txt {width: 45%; margin: 4.7em 0 0 2%;}
.zone-txt .heading3 {text-shadow: 1px 1px 0 rgba(255,255,255,0.7);
  filter: dropshadow(color=#ffffff, offx=1, offy=1); }

/*-- Slide agence home --*/

.home-slide4 .free-bubble img {width: 67px; height: 76px; position: absolute; right: 70px; top: 25px;}

.home-slide-agence {background-color: #E1DFDD; min-height: 325px; text-align: center;}
.home-slider {position: relative;}
.home-slider-container {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 87%; text-align: center;}

.home-slider-container .large-flap-container {overflow: hidden; width: 87%; min-height: 325px; margin: 0 auto; position: relative;}
.home-slide1 {background: transparent url(/images/home-slide1.png) no-repeat center left; width: 100%; height: 325px;}
.home-slide2 {background: transparent url(/images/home-slide2.png) no-repeat center left; width: 100%; height: 325px;}
.home-slide3 {background: transparent url(/images/home-slide3.png) no-repeat center left; width: 100%; height: 325px;}
.home-slide4 {background: transparent url(/images/home-slide4.png) no-repeat center left; width: 100%; height: 325px;}

.home-slide-text {display: block; width: 60%; margin: 80px 0 0 5%; float: right;}
.home-slide-text .heading3 {margin: 30px 0 15px;}

.home-slide-prev, .home-slide-next {width: 5%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 45px; margin-top: 140px; position: absolute; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.home-slide-prev {left: 1%;}
.home-slide-next {right: 1%;}
.home-slide-prev span, .home-slide-next span {width: 24px; height: 45px; background-color: transparent; background-repeat: no-repeat; display: block;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.home-slide-prev span {background-position: 0 -338px;}
.home-slide-prev span:hover {background-position: 0 -383px;}
.home-slide-next span {background-position: -25px -338px;}
.home-slide-next span:hover {background-position: -25px -383px;}

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

/*-- Slide de news home (ss image) --*/

.home-slide-news { width: 100%; height: 325px;}
.home-slide-news-img {width: 231px; height: 231px; float: left; margin-top: 50px;}
.home-slide-news-img img {width: 100%; height: auto; min-height: 231px; border-radius: 50%; -webkit-border-radius: 50%;}


/* 4.1.2 Contact
----------------------------------------------------------------------------------------------------*/

.coordonnees {border: 1px solid rgba(101, 101, 101, 0.3); padding-top: 30px; padding-bottom: 20px;}
.coordonnees span {width: 16px; height: 18px; display: inline-block; *display: inline; *zoom: 1; margin-right: 6px; vertical-align: bottom;
  background-image: url(/images/ico-adresse.png);
  background-image: -webkit-image-set(url(/images/ico-adresse.png) 1x, url(/images/ico-adresse@2x.png) 2x);
  background-image: image-set("/images/ico-adresse.png" 1x, "/images/ico-adresse@2x.png" 2x);
}
.coordonnees span.ico-tel {background-position: -30px -18px;}
.coordonnees span.ico-fax {background-position: -14px -18px;}
.coordonnees span.ico-mail {background-position: -47px -18px;}


.coordonnees-agent span {
  background-image: url(/images/ico-adresse.png);
  background-image: -webkit-image-set(url(/images/ico-adresse.png) 1x, url(/images/ico-adresse@2x.png) 2x);
  background-image: image-set("/images/ico-adresse.png" 1x, "/images/ico-adresse@2x.png" 2x);
}
.coordonnees-agent span.ico-tel {width: 16px; height: 18px; display: inline-block; *display: inline; *zoom: 1; margin-right: 6px; vertical-align: bottom;background-position: 2px -18px;}


.coordonnees-agent .heading3 {
  font-family: 'LatoBold', sans-serif;
  color: #000;
  letter-spacing: 0;
}


/* ==========================================================================
   4.2 MODE LISTE
   ========================================================================== */


/* 4.2.1  Texte liste (Investissez dans l'immobilier)
----------------------------------------------------------------------------------------------------*/

.texte-liste-top {background: url(/images/bg-white-91.png) repeat; margin: 30px 0 10px; padding: 3%;}
.texte-liste-top .heading2 { margin-bottom: 15px; }
.texte-liste-top ul { margin:0; padding: 0; list-style: none; font-size: .9em; line-height: 1.7em; }
.texte-liste-top ul li { margin:0; padding: 0; }


/* 4.2.1  Alerte E-mail
----------------------------------------------------------------------------------------------------*/

.liste-create-alert {padding-right: 3%; position: relative; z-index: 5;}
.liste-create-alert-img { background-repeat: no-repeat; width: 72px; height: 67px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; float: left; position: absolute; left: 0; top: 5px;
  background-image: url(/images/bulle-alerte-mail.png);
  background-image: -webkit-image-set(url(/images/bulle-alerte-mail.png) 1x, url(/images/bulle-alerte-mail@2x.png) 2x);
  background-image: image-set("/images/bulle-alerte-mail.png" 1x, "/images/bulle-alerte-mail@2x.png" 2x);
}
.liste-create-alert-content {background-color: #4a4a4a; width: 90%; float: right; color:#c9c9c9; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 1% 2%; margin-top: 40px;}
.liste-create-alert-content-title {width: 50%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font: .8em/1 'RobotoRegular', sans-serif;}
.liste-create-alert-content .heading1 {color: #fff; display: block;}
.liste-create-alert-content-input {width: 48%; margin-left: 1%; display: inline-block; *display: inline; *zoom: 1; position: relative;}
input.input-text-alerte-mail {height: 37px; border: 1px solid #c0c1c2; width: 84%; padding: 0 5px;}
input.submit-classique.form-submit-alerte-mail {height: 39px !important; width: 10%; margin-left: 1%; padding: 0 !important; text-align: center; vertical-align: top;}


/* 4.2.2  Liste container top : nb liens, tri et mode affichage
----------------------------------------------------------------------------------------------------*/

.liste-container {width: 94%; background: url(/images/bg-white-91.png) repeat; padding: 66px 3% 10px; position: relative; margin-top: -35px; z-index: 0; min-height: 621px;}
.liste-container hr {width: 50%}

/* Nombre de biens */
.liste-display-all-nb {float: left; margin-right: 1%;}

/* Tri */
.filters-container {margin: -36px 0 10px; height: 34px;}
.filters-content {font: 13px/1.231 'RobotRegular', sans-serif; letter-spacing: .1em;}
.filters-content ul {margin: 0; padding: 0; list-style: none; text-align: right; }
.filters-content li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.filters-content li span.sort-liste, .filters-content li span.sort-liste a:link, .filters-content li span.sort-liste a:visited {display: block; margin-left: 16px;  padding: 10px 12px 8px; background: #4a4a4a; cursor: pointer; color: #cdcdcd; text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
  filter: dropshadow(color=#000000, offx=1, offy=1);
    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
}
.filters-content li:hover span.sort-liste, .filters-content li span.sort-liste.active-sort, .filters-content li:active span.sort-liste, .filters-content li:hover span.sort-liste a, .filters-content li:active.sort-liste a, li.mode-affichage:hover, li.mode-affichage:active, li.mode-affichage.active-mode { color:#fff; background: #d52c19; }

/* Mode d affichage */
.select-mode-affichage {margin-bottom: 20px;}
.select-mode-affichage ul {margin: 0; padding: 0;}
.select-mode-affichage p, .select-mode-affichage ul {display: inline;}
li.mode-affichage {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 16px;  padding: 7px 12px 8px; width: 23px; background: #4a4a4a; cursor: pointer; color:#cdcdcd; text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
  filter: dropshadow(color=#000000, offx=1, offy=1);
  -webkit-transition: all .3s ease-out;
          transition: all .3s ease-out;
}
.select-mode-affichage li span.mode-img-infos, .select-mode-affichage li span.mode-img, .select-mode-affichage li span.mode-map {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 21px; height: 15px; background-repeat: no-repeat;
  background-image: url(/images/btn-mode-liste.png);
  background-image: -webkit-image-set(url(/images/btn-mode-liste.png) 1x, url(/images/btn-mode-liste@2x.png) 2x);
  background-image: image-set("/images/btn-mode-liste.png" 1x, "/images/btn-mode-liste@2x.png" 2x);}
.mode-img-infos {background-position: -9px -13px}
.mode-img {background-position: -9px 2px;}
.mode-map {background-position: -9px -29px;}


/* 4.2.3  Liste container top : Liste de biens
----------------------------------------------------------------------------------------------------*/

.liste-display-all {position: relative; text-align: center; min-height:400px;}


/* ON AJOUTE LA CLASS MODE-2 A LA LISTE QUI AFFICHE LE PLUS D INFOS */

.liste-bien-container {display: inline-block; width: 48%; vertical-align: top; *display: inline; zoom: 1; height: 291px; margin-bottom: 30px; position: relative; overflow: hidden;}
.liste-bien-container.mode-2 {width: 100%; text-align: left; background-color: #fff; padding: 10px 1%; margin-bottom: 0;}
.liste-bien-container:nth-child(odd) {margin-right: 3%;}
.liste-bien-container.mode-2:nth-child(odd) {margin-right: 0;}
/* 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%; }
.bg-liste-mode-2, .bg-liste-minisite {background: transparent url(/images/shadow-full-horizontale.png) no-repeat 0 top; height: 10px; width: 100%; margin-bottom: 9px;}


/* 4.2.4  Affichage des images
----------------------------------------------------------------------------------------------------*/

.liste-bien-photo {width: 100%; height: 100%; }
.liste-bien-photo.mode-2 {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 48%; overflow: hidden;position: relative;}
.liste-bien-ref-photo.mode-2 {display: none;}
.liste-bien-photo img {width: 100%; height: auto;}
.liste-bien-photo img.anti-cheat {position: absolute; z-index: 960; width: 100%; height: 100%;}
.liste-bien-photo-frame {width: 100%; height: 100%; }
.liste-bien-photo-frame a {display: block; width: 100%; height: 100%; position: relative;}


/* 4.2.5  Affichage des infos textuelles
----------------------------------------------------------------------------------------------------*/

.liste-bien-description {position: absolute; width: 100%; bottom: 1px; left:0; background-color: rgba(0,0,0,0.5); }
.liste-bien-description.mode-2 {position: relative; width: 48%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background-color: transparent; padding: 1% 1% 1% 2%;}
.liste-bien-ref-description.mode-2 {width: 95%;}
.liste-bien-title {padding: 12px 20px; text-align: left; color: #fff;}
.liste-bien-type {font: .95em/1 'LatoRegular', sans-serif; text-transform: uppercase; letter-spacing: .1em; }
.liste-bien-ville {font: .85em/1 'LatoItalic', sans-serif; text-transform: capitalize;}
.liste-bien-type, .liste-bien-ville {width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.liste-bien-price {font: .95em/1 'LatoRegular', sans-serif; padding: 4px 8px; position: absolute; bottom: 15px; right: 20px; background-color: #d52c19; color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
  filter: dropshadow(color=#000000, offx=1, offy=1);
}

/* Informations specifique au mode 2 */
.liste-bien-offre {font: .75em/1 'RobotoRegular', sans-serif; text-transform: uppercase; color: #999797; margin-top: 3.5%;}
.liste-bien-ref-offre{ margin-top: 0.5%; }
.liste-bien-offre span {background-color: #5a5a5a; color: #fff; padding: 0 2px;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
  filter: dropshadow(color=#000000, offx=1, offy=1);
}
.liste-bien-title.mode-2 {color: #000; padding: 8.5% 0 3.5%;}
.liste-bien-ref-title{ position: relative; }
.liste-bien-ref-title.mode-2 {padding: 3% 0 3.5% 0;}
.liste-bien-title.mode-2 .liste-bien-ville {font: 1.45em/1 'LatoLight', sans-serif; color: #272727; width: 100%;}
.liste-bien-title.mode-2 .liste-bien-type {font: .9em/1 'LatoRegular', sans-serif; color: #999797; margin-top: 4px; width: 100%;}
.liste-bien-title.mode-2 .liste-bien-price {font: 1.1em/1 'LatoRegular', sans-serif; color: #d52c19; background-color: transparent; position: relative; bottom: 0; right: 0; margin-top: 3.5%; padding: 0;
 text-shadow: 0 0 0 rgba(0,0,0,0.0);
  filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.liste-bien-title.mode-2 .liste-bien-ref-price {position: absolute; top: 0; right: 0; }

.extrait-desc {font: .75em/1 'RobotoRegular', sans-serif; color: #4a4a4a; height: 35px; overflow: hidden;}
.extrait-ref-desc {max-height: 150px;}
.liste-bien-description.mode-2 hr {margin: 1px 0 3.5%; width: 30%;}
.liste-bien-description.mode-2 ul {padding: 0;}
.liste-bien-description.mode-2 li {list-style-type: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.liste-bien-description.mode-2 li:first-child {margin-right: 15px;}
.liste-bien-description.mode-2 li a:link.submit-classique, .liste-bien-description.mode-2 li a:visited.submit-classique {padding: 11px 11px 0 12px; display: block;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
  filter: dropshadow(color=#000000, offx=1, offy=1);
}
.liste-bien-description.mode-2 li a:hover.submit-classique, .liste-bien-description.mode-2 li a:active.submit-classique {color: #fff; text-decoration: none; background-color: #c4220f;}

/*--  Ribbons --*/

.liste-bien-ribbon {position: absolute; top: -1px; left: -2px;}
.mode-2 .liste-bien-ribbon {position: absolute; top: 0px; left: -1px;}
.liste-bien-ribbon a {display:block; height:100%; /* ribbon cliquable */}
.detail-photo-container .liste-bien-ribbon {position: absolute; top:0px; left:-2px;}

.fr .liste-bien-ribbon {background: transparent no-repeat; width: 120px; height: 84px;
  background-image: url(/img_fr/bg-ribbons-all.png);
  background-image: -webkit-image-set(url(/img_fr/bg-ribbons-all.png) 1x, url(/img_fr/bg-ribbons-all@2x.png) 2x);
  background-image: image-set("/img_fr/bg-ribbons-all.png" 1x, "/img_fr/bg-ribbons-all@2x.png" 2x);
}
.uk .liste-bien-ribbon {background: transparent url(/img_uk/bg-ribbons-all.png) no-repeat; width: 129px; height: 32px;
  background-image: url(/img_uk/bg-ribbons-all.png);
  background-image: -webkit-image-set(url(/img_uk/bg-ribbons-all.png) 1x, url(/img_uk/bg-ribbons-all@2x.png) 2x);
  background-image: image-set("/img_uk/bg-ribbons-all.png" 1x, "/img_uk/bg-ribbons-all@2x.png" 2x);
}

.ribbon-nouveau {background-position: 0 -86px !important;}
.ribbon-exclu {background-position: 0 -180px !important;}
.ribbon-vendu {background-position: 0 -270px !important;}
.ribbon-baisse {background-position: 0 -359px !important;}
.ribbon-compromis {background-position: 0 -450px !important;}
.ribbon-sousoffre {background-position: 0 -642px !important;}
.ribbon-loue {background-position: 0 -546px !important;}

/*--  Ico Visite virtuelle --*/

.ico-visite-virtuelle a{
	width: 80px; height: 80px;
	display: inline-block;
	background: transparent no-repeat;
	  background-image: url(/img_fr/bg-ribbons-all.png);
	  background-image: -webkit-image-set(url(/img_fr/bg-ribbons-all.png) 1x, url(/img_fr/bg-ribbons-all@2x.png) 2x);
	  background-image: image-set("/img_fr/bg-ribbons-all.png" 1x, "/img_fr/bg-ribbons-all@2x.png" 2x);
}
.ico-visite-virtuelle a:hover{opacity: 0.5;}

.ico-visite-virtuelle-right a{background-position: -32px -742px;}



.btn-visite-virtuelle-liste {
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 970;
}

/* 4.2.6  Google map : page liste
----------------------------------------------------------------------------------------------------*/

.liste-map {width: 100%; height: 394px;}
.LoadingAjax {background: transparent url(/images/loading.gif) no-repeat 50% 50%; left:0; width:100%; height: 100%;}
#IfGGMap {border: none; margin-bottom: 40px; margin-top: -394px; position: relative;}
#GGMap {width: 100% !important;}

/* Bulle avec marker */
.ggmap-list-item-coords .ggmap-coords-title {text-transform: uppercase; color: #d52c19;}


/* 4.2.7  Navigation page
----------------------------------------------------------------------------------------------------*/

.liste-navpage-container {border-top: #d7d7d7 1px solid; padding-top: 20px; margin: 0; color: #999797; font: .9em/1 'LatoRegular', sans-serif; position: relative; letter-spacing: .1em;}
.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 8%; width: 77%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.liste-navpage-container .PageTri {padding-right: 20px; }
.liste-navpage-container .PagePre, .liste-navpage-container .PagePre:hover, .liste-navpage-container .PageSui, .liste-navpage-container .PageSui:hover { background-repeat: no-repeat; background-color: transparent; width: 12px; height: 22px;
  background-image: url(/images/bg-navpage-button.png);
  background-image: -webkit-image-set(url(/images/bg-navpage-button.png) 1x, url(/images/bg-navpage-button@2x.png) 2x);
  background-image: image-set("/images/bg-navpage-button.png" 1x, "/images/bg-navpage-button@2x.png" 2x);
}
.liste-navpage-container .PagePre {background-position: -33px -2px; cursor: pointer;}
.liste-navpage-container .PagePre:hover {background-position: -75px -2px;}
.liste-navpage-container .PageSui {background-position: -53px -2px; cursor: pointer;}
.liste-navpage-container .PageSui:hover {background-position: -95px -2px;}
.liste-navpage-container .PageCli {color:#999797;}
.liste-navpage-container .PageCli:hover {color: #d52c19; text-decoration: none;}

/* Personnalisation REF */
.ref .liste-navpage-container{ border: none; }
.ref .liste-navpage-prev{ /*position: static; top:0; left:0; float: left; margin-top: 20px;*/ top: inherit; bottom: 0; }
.ref .liste-navpage-next{ /*position: static; top:0; right:0; float: right; margin-top: 20px;*/ top: inherit; bottom: 0; }
.ref .liste-navpage-trail{ padding-top: 20px; }

/* Page en cours */
.liste-navpage-container font b {display:inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 26px; height: 28px; line-height: 28px; text-align: center; background: #f1f1f1;}
.nav-page-position {margin-right:40px; }

/* Mention inter-agence */
.mention-inter-agence, #MentionInterAgence {font: .7em/1 'LatoItalic', sans-serif; color: #999797; margin-top: 20px;}


/* 4.2.8 Page : Ma selection
----------------------------------------------------------------------------------------------------*/

#ListeAnnonce .page-masque {text-align: left;}
.selection-actions {position:absolute; top:0; right:0; }
.buttons .SelectionOff span {color:#888; background-position: 0 -120px; }
.SelectionOff a:link {color: #fff !important; }


/* 4.2.9  Loading
----------------------------------------------------------------------------------------------------*/

/* Ajax */
.LoadListe {z-index:999;
  filter: alpha(opacity=20); /* internet explorer */
  opacity: .2;           /* fx, safari, opera */
}
#LoadingAjax {background: transparent url(/images/loading.gif) no-repeat 50% 100%; height:300px; position:absolute; top:100px; left:0; width:100%;}




/* ==========================================================================
  4.3 MODE DETAILS
   ========================================================================== */


.content-container.content-container-detail {position: inherit;}


/* 4.3.1  Navigation du haut de page
----------------------------------------------------------------------------------------------------*/

.detail-actions {font: 12px/1 'RobotoRegular', sans-serif;; overflow: hidden; margin-bottom: 20px;}
.detail-topnav ul {margin: 0; padding: 0; list-style: none; text-align: right; }
ul.buttons hr {width: 32%; margin-top: 16px; float: left;}
.detail-topnav li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 16px; padding: 10px 12px 8px; }
.detail-topnav li:first-child {float:left; margin-left: 0; text-transform: uppercase;}
.detail-topnav li.ico-back {padding-left:20px; background: transparent no-repeat -1px -44px; color: #d52c19;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);
}
.detail-topnav li.ico-back:hover {padding-left:20px; background: transparent no-repeat -7px -44px; color:#ff7100;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);
}
li.ico-back-clear {display: none;}
.detail-topnav li, .detail-topnav li a:link, .detail-topnav li a:visited {background: #4a4a4a; cursor: pointer; color:#cdcdcd; text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
    filter: dropshadow(color=#000000, offx=1, offy=1);
    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
}
.detail-topnav li:hover, .detail-topnav li:active, .detail-topnav li:hover a, .detail-topnav li:active a {color: #fff; background: #d52c19;}
li.contact-agence {/*display: none;*/}


/* 4.3.2  Partie top avec slide
----------------------------------------------------------------------------------------------------*/

.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; }

/*-- Colone de droite apparait et disparait --*/

.detail-bien-context {height: 100%; width: 28%; position: absolute; right:0; /* penser a bien modifier cette valeur dans fr_detail */ bottom: 0; background: transparent url(/images/bg-white-75.png) repeat 0 0; z-index: 965; cursor: pointer; }
.detail-bien-context.no-flap{ display: block; }

/* Header de la colonne */
.detail-bien-context-header {padding:80px 0 0; text-align: left;}
.detail-bien-context-header > div {padding-left: 30px; color:#000; font: 1.55em/1.231 'LatoLight', sans-serif; letter-spacing: .05em; }
.detail-bien-context-header > div:first-child {color:#4a4a4a; font: 1em/1 'LatoLight', sans-serif; letter-spacing: .1em; }
.detail-bien-context-header > div.link a {font: .7em/1.3em 'LatoLight', sans-serif; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-top: 20px; color: #fff; text-decoration: none; padding: 4px 10px 3px 30px; background: #d52c19 no-repeat 1px -21px; cursor: pointer;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);
 text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
filter: dropshadow(color=#000000, offx=1, offy=1);
    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
}
.detail-bien-context-header > div.link a:hover { color: #fff; text-decoration: none; background: #c4220f no-repeat 1px -21px;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);}

/* Cadre blanc */
.detail-bien-context-infos{ background: #fff; position: absolute; top: 63%; right: 20px; width: 107%; height: 210px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); text-align: left; z-index: 999; }
.detail-bien-context-infos-content{ position:relative; height: 100%; width: 100%;}

/* Fleches */
.detail-bien-context-open {display: none; width: 7px; height: 10px; position: absolute; top: 87px; margin-top: -3px; left: 12px; background: transparent no-repeat -1px -95px;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);}
.detail-bien-context-close{ width: 7px; height: 10px; position: absolute; top: 87px; margin-top: -3px; left: 12px; background: transparent no-repeat -17px -95px;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);}

/* Infos du cadre blanc */
.detail-bien-context-infos .detail-bien-context-title {position: absolute; top: 52px; left: 35px; color: #999797; font: .9em/1.1em 'LatoRegular', sans-serif; letter-spacing: .1em; text-transform: uppercase; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; max-width: 210px;}
.ope-2 .detail-bien-context-infos .detail-bien-context-title {top: 32px;}
.detail-bien-context-infos .ville {font: 1.8em/1.1em 'LatoLight', sans-serif; color: #272727; text-transform: capitalize;}
.detail-bien-context-infos .prix {position: absolute; top: 120px; left: 35px; font: 1.25em/1.231 'LatoRegular', sans-serif; color: #d52c19; max-width: 210px;}
.ope-2 .detail-bien-context-infos .prix {top: 80px;}
.detail-bien-context-infos .type, .detail-bien-context-infos .ville, .detail-bien-context-infos .prix .price-all, .detail-bien-context-infos .prix .price-loc {width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.detail-bien-context-infos .prix .price-loc {font: .65em/1 'RobotoRegular', sans-serif; color: #989696;}
.detail-bien-context-infos .ref {position: absolute; bottom: 19px; left: 35px; color: #4f565c; font: .75em/1.231 'LatoRegular', sans-serif; border-top: #d7d7d7 1px solid; padding-top: 15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}


/*  4.3.3  Description du bien
----------------------------------------------------------------------------------------------------*/

.detail-bien-infos { background: transparent url(/images/shadow-full-horizontale.png) no-repeat 50% 0; margin-bottom: 20px;}

/*-- Texte et proprietes en liste --*/

.detail-bien-desc {padding-bottom: 30px; font: 15px/1.46 'LatoRegular', sans-serif; color: #4a4a4a; border-bottom: #d7d7d7 1px solid; }
.detail-bien-desc-content {padding: 35px 300px 0 0;}
.detail-bien-desc-content > p {margin-top: 0; text-align: justify;}
.detail-bien-desc-content > p:first-child:first-letter {font-size: 3.3em; line-height: 80%; float: left; padding-right: .1em; }
.detail-annotation { font-style: italic; font-size:11px; color:#bbb; }
.detail-bien-specs { float: right; width: 32%; padding: 35px 0 0 14%; background: transparent url(/images/shadow-full-verticale.png) no-repeat 35px 100%; }
.detail-bien-specs ul { margin: 0; padding: 0; list-style: none; }
.detail-bien-specs li {border-top: #d7d7d7 1px solid; margin-top: 16px; padding-top: 15px; font: 16px/1 'LatoRegular', sans-serif; color:#4a4a4a; text-transform: uppercase; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.detail-bien-specs li:first-child { border-top:none; margin-top:0; padding-top: 0; }
.detail-bien-specs li span {width: 80px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font: 11px/16px 'RobotoRegular', sans-serif; color: #898787;}
.detail-bien-specs li.prix {color: #d52c19;}

.detail-bien-specs li.prix-location span.charges_mens,
.detail-bien-specs li.prix-location span.cout_charges_mens,
.detail-bien-specs li.prix-location span.cout_honoraires_loc,
.detail-bien-specs li.prix-location span.cout_depot_garantie {
  width: auto;
}

.detail-bien-specs li.prix-location {
  font: 11px/16px 'RobotoRegular', sans-serif;
  color: #8a8888;
}

.detail-bien-specs-btn-wrapper { padding-bottom: 26px;  }
  .detail-bien-specs-btn:link,
  .detail-bien-specs-btn:visited {
    background-color: #d52c19;
    padding: 6px;
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: 0.9em;
  }
   .detail-bien-specs-btn:hover,
  .detail-bien-specs-btn:active {  }

li.contact-agence a:link, li.contact-agence a:visited { background-color: #d52c19; color: white; }
li.contact-agence { background-color: #d52c19; }

/*-- Partie basse : DPE et formulaire --*/

.detail-bien-desc-suppl {padding: 0;}

.detail-bien-dpe, .detail-bien-contact {float:left; padding: 35px 0; }
.detail-bien-dpe { width: 45%; }
.detail-bien-contact { width: 52%; border-left: #d7d7d7 1px solid; padding: 35px 0 0 2%; }
.detail-bien-dpe-title,
.detail-bien-contact-title{ margin-bottom: 18px; }
.detail-bien-dpe-title > div,
.detail-bien-contact-title > div,
.titre-onglet > div { font: 25px/1 'LatoLight', sans-serif; color: #000;}
.detail-bien-dpe-title > div:first-child,
.detail-bien-contact-title > div:first-child,
.titre-onglet > div:first-child {font: 16px/16px 'LatoLight', sans-serif; color: #4a4a4a;}

/* Modal */
.detail-contact-modal { padding-top: 20px; }
.detail-contact-modal img.logo-agence { padding-top: 10px; max-width: 100%; }
.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:47% !important; height: auto; margin-right: 2%; border:1px solid #f5f5f5; position: relative;}
.GesGrad {margin-right: 0;}
.DpeImage { z-index:100; width:100%; height:auto; position:relative; }
.DpeImage img {width: 100%; height: auto;}
.DpeNote { color: #fff; width: 94%; height: 39px; z-index:200; font-size: 12px; font-weight: bold; text-align: right; position: absolute; padding: 12% 9% 0 0; font-family:Arial, Helvetica, sans-serif; top: 0; background: transparent url(/images/DpeCursor.gif) no-repeat top right;}

.detail-dialog-contact li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-bottom: 6px; }
.detail-dialog-contact li label {display: inline-block; width: 65px; *display: inline; *zoom: 1; vertical-align: top; font: 11px/1 'RobotoRegular', sans-serif; color: #6E767E; text-transform: uppercase; }

/* 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-desc-suppl-bien-neuf .detail-bien-contact {width: 42%;}
.detail-bien-lots { float:left; padding: 35px 35px 0 0; width: 55%; }
.detail-bien-lots table { font-size: .8em; }
.detail-bien-lots table th { font-family: 'RobotoRegular', sans-serif; text-transform: uppercase; }


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

.detail-bien-poi {margin-top: 20px;}
.titre-onglet {font: 25px/1 'LatoLight', sans-serif; color: #000;}
.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; border-bottom: 1px solid #d7d7d7; color: #4a4a4a; margin-bottom: 10px; padding-bottom: 6px;}
.poi-col li {list-style: none; line-height: 2em;}
.poi-col label {color: #4a4a4a; text-transform: uppercase; margin-bottom: 2px; cursor: pointer; padding-bottom: 4px;}
label.poi-label-all { font-size: .85em; 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 {margin-bottom: 20px;}


/*  4.3.5 Mini liste
----------------------------------------------------------------------------------------------------*/

.ref .liste-container {margin-top: 25px; padding-top: 10px;}

.bloc-lib-critere-liste{ display: none; }

.ref .bloc-lib-critere-liste { display: block; padding: 20px 0; font: .7em/1 'LatoRegular', 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: #d52c19; padding: 8px 12px; display: block; }
.ref .bloc-lib-critere-liste-new-search a:hover { color: #fff; background: #c4220f; }

.ref .bloc-lib-critere-liste-label { float:left; }
.ref .bloc-lib-critere-liste-label span {color: #fff; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 8px 12px; background: #4a4a4a; margin-left: 10px;}
.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; }


/*  4.3.6 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:right; width: 29%; }
#DialogCalc .heading3 {margin-bottom: 10px;}
.white-form .calc-leftcol .input-text  {height: 18px; line-height: 1.9em;}
.calc-rightcol .resultats {background: rgba(255,255,255,1); padding: 0 3px; color: #d52c19; border: 1px solid rgba(223,221,219,1); line-height: 3em; text-align: left; outline: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: inset 0 0 0 0;
          box-shadow: inset 0 0 0 0;
}
.calc-container span>span {font-size:22px; text-align: center; }
.calc-container .form-rubrique {width: inherit; }


/* ==========================================================================
   4.4 ADAPT SLIDESHOW JQUERY
   ========================================================================== */


.detail-photo-container {}
.detail-photo-container .slideshow {}


/* 4.4.1  Slide
----------------------------------------------------------------------------------------------------*/

.detail-photo-container .large-flap-frame {width: 100%; position: relative; background: #fff url(/images/loading.gif) no-repeat 50% 50%;  }
.detail-photo-container .large-flap-container {overflow:hidden; width:100%; height: 595px; /* Dimension des images voir numage.txt */ position: relative; text-align: center;}
.detail-photo-container .anti-cheat {overflow:hidden; width:100%; height:595px; 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: 595px; 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 {height: 100%; width: 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; opacity: 0; /* fx, safari, opera */}

/*-- BOUTON prev et next survol de l image --*/

.large-flap-nav .previous, .large-flap-nav .next {width: 63px; height: 57px; position: absolute; margin-top: 26%; cursor: pointer;}
.large-flap-nav .previous img, .large-flap-nav .next img {width: 100%; height: 100%; display: block;}
.large-flap-nav .previous {left: 41px; background: transparent no-repeat 0 0;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.large-flap-nav .previous:hover {background: transparent no-repeat 0 -57px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.large-flap-nav .next {right: 41px; background: transparent no-repeat -57px 0;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.large-flap-nav .next:hover {background: transparent no-repeat -57px -57px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.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 7%; background-color: #fff; position: relative; }
.thumbs-flap-container {font-size: 0; /* 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: auto; width: 100%; 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: 12px; height: 22px; background: transparent no-repeat; cursor: pointer;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
  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 -317px; }
.thumbs-control-next {right: 20px; background-position: -12px -317px; }

/* 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; 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; }


/* 4.4.2  Diaporama Overlay BIG - Lightbox
----------------------------------------------------------------------------------------------------*/

.big-flap-box { position:absolute; top:0; left:0; width:100%; height:100%; display:none; z-index:980; background:#fff; 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: 36px; height: 63px; position: absolute; top: 50%; margin-top: -33px; /* Centrage vertical */ cursor: pointer; z-index: 9999; background: transparent no-repeat;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.big-flap-container .previous {left: 10px; background-position: 0 -114px; }
.big-flap-container .previous:hover {background-position: 0 -177px; }
.big-flap-container .next {right: 10px; background-position: -36px -114px; }
.big-flap-container .next:hover {background-position: -36px -177px; }
.big-flap-container .pagination {z-index: 9999; }
.close-big {width: 24px; height: 24px; position:absolute; top: 5px; right: 5px; cursor: pointer; z-index: 9999; background: transparent no-repeat 0 -240px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.close-big:hover {cursor: pointer; background: transparent no-repeat -24px -240px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}

/* 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; *display: inline; *zoom: 1; vertical-align: top; margin-right: 3px; width: 12px; height: 13px; overflow: hidden; cursor: pointer; background: transparent no-repeat 0 -268px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.detail-photo-container .pagination .pagination-page-active {background: transparent 0 -281px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}



/* ==========================================================================
  4.5 REFERENCEMENT
   ========================================================================== */

/* 4.5.1 Référencement global
----------------------------------------------------------------------------------------------------*/

/* 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 {*display:inline; *zoom:1; width:260px; line-height: 1.5; }
.ref-plan-liste li { width: 230px; line-height: 1.5; float: left; }

.ref-plan-liste.deux-colonnes li:nth-child(odd) { padding-right: 50px; }

.ref-plan-liste.trois-colonnes li { padding-right: 30px; }
/*.ref-plan-liste.trois-colonnes li:nth-child(3n+1) { padding-right: 0; }*/


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

/* Detail Ville (R200) */
.detail-bien-localite-r200 a:link,
.detail-bien-localite-r200 a:visited {display:inline-block; *display: inline; *zoom: 1; vertical-align: top; padding:3px 5px 3px 24px; border:#ddd 1px solid; font: bold 10px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#444;  background: #eee url(/images/bt-detailville.gif) no-repeat 0 50%; }

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

/* Pied Ref */
.pied-ref{ font-size: .75em; color: #3e4449;}
.pied-ref a:link, .pied-ref a:visited{ color:#8a8a8a; text-decoration: none;
    -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
}
.pied-ref a:hover, .pied-ref a:active{ color:#fff; text-decoration: none; }
.home #pied-ref-content{ padding: 0 0 7px; margin:0 0 7px; border-bottom: 1px solid #3e3e3e; }

/* Pied Ref Villes */
.pied-ref-villes{ padding: 7px 0 0 ; margin:7px 0 0; border-top: 1px solid #3e3e3e; }
.pied-ref-villes ul{ list-style: none; margin:0; padding:0; }
.pied-ref-villes li{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 228px; /* Width fixe pour un affichage en colonne */ font-size: .85em; }

/* Module de marquee */
.pied-ref-defil-title h1, .pied-ref-defil-title li, .pied-ref-defil-title .ref-more, .pied-ref-defil-title { color: #8a8a8a; text-align: justify;}
.pied-ref-defil-title li { list-style: none; }
.pied-ref-defil-title .ref-more { cursor: pointer; }
.pied-ref-defil-text { float:left; width: 60%; margin-right: 2%; color:#878a8d; 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: 37%; color:#575c60; 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 "LatoRegular", sans-serif; color:#878a8d; }
.marquee-content-title { font-size: 11px; font-weight: bold; color:#878a8d; }
.marquee-content-price { color:#d2d2d2; 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: 45%; display:inline-block; *display: inline; *zoom: 1; background:#f2f2f2; margin: 0 2% 10px 0; padding:5px; font-size:11px; min-height:70px; border: 1px solid #ddd;}
.region-annonces-container .no-flap{ display: block; }
.region-annonces-container .no-flap img{ width:70px; height:auto; }
.region-annonces-container .region-annonces-photo{ width: 30%; height: auto; float:left; }
.region-annonces-container .region-annonces-photo img {width: 100%; height: auto;}
.region-annonces-container .region-annonces-content {margin: 4% 0 0 33%; font: 1em/1.231 "RobotoRegular", sans-serif;}
.region-annonces-container .region-annonces-content-title{ font-weight: bold; text-transform: uppercase; color: #d52c19;}
.region-annonces-container .region-annonces-content-price{ color:#000; }
.region-annonces-container .region-annonces-content-desc{ color:#4a4a4a; 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{ font: bold 10px/1.231 "LatoRegular", sans-serif; text-transform:uppercase; }

/* Annuaire */
.pied-ref-backlinks{ margin-top:7px; padding-top:7px; border-top-width: 1px; border-top-style: solid; font-size: .85em;}
.pied-ref-backlinks ul{ list-style: none; margin: 0; padding:0; }
.pied-ref-backlinks li{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 0 0 5px; padding: 0 0 0 15px; }
.pied-ref-backlinks li:first-child{ margin-left: 0; padding: 0; background: none; }
.annuaire-intro{ background:#eee; padding: 10px 20px; margin-bottom: 20px; font-size: 11px; color:#555; text-align: justify; }
.annuaire-intro p{ margin:.5em 0; }
.annuaire-inscription-button{ float:right; margin: 6px 0 20px 20px; display:block; }
.annuaire-nb{ padding:1px 3px; font: bold 11px/1.231 "LatoRegular", sans-serif; color: #999; text-transform: uppercase; margin-left: 5px;}
.annuaire-fil-arianne{ font: 11px/1.231 "LatoRegular", sans-serif; text-transform:uppercase; margin:5px 0 15px; border-bottom: #eee 1px solid; padding-bottom: 5px; color:#aaa; }
.annuaire-categories{}
.annuaire-categories > table{ float: none; }
.annuaire-categories h2, .ref-categories{ color:#656565; font: 1em/1.6em 'LatoLight', sans-serif; letter-spacing: .1em; margin: 1.5em 0 .5em; }
.annuaire-categories ul{ list-style: none; }
.annuaire-categories ul li{ background: none; border-bottom: #eee 1px solid; margin-bottom: 7px; padding: 0 0 7px;}
.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: 20px; }
.annuaire-forminsc .legend{ color:#888; font: normal 11px/1.231 "LatoRegular", sans-serif; }
.nbchar{ padding:1px 3px; background:#cbcbcb;  font: bold 10px/1.231 "LatoRegular", sans-serif; color:#fff; border-radius: 2px;  }
#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: 40px; }
.ClassAnnonceNuage{ padding: 0 0 5px !important; margin:.5em 0; border-bottom: #eee 1px solid; font-size: 11px; }
#TitreLocalisation{ padding:20px !important; background:#e5e5e5; margin-top: 20px; text-align: center; }
#TitreLocalisation a{ display: inline-block; *display: inline; *zoom: 1; 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 {font-size: .85em; }
.detail-elargir-recherche a:link,
.detail-elargir-recherche a:visited {font-size: 1em; }
.detail-elargir-recherche a:hover,
.detail-elargir-recherche a:active{text-decoration: none; }
.ref-elargir-annonces strong {font-size: .85em;}
.ref-elargir-annonces ul{ margin:0 0 0 12px; padding:0; list-style: none; }
.ref-elargir-annonces ul li{ margin-bottom: 4px; padding-bottom: 4px; border-bottom: #ccc 1px solid; }

/* Ref-naturel */
.ref-plan-liste .Listeliensmotscles {font-size: .8em;}

/* Listing ville */
.liste-navpage-container .PagePre a, .liste-navpage-container .PagePre a:hover, .liste-navpage-container .PageSui a, .liste-navpage-container .PageSui a:hover {background-color: transparent; width: 12px; height: 22px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-decoration: none;}

/* Listing Similaire */
.ClassAnnonceSimilaire { padding:0 0 5px !important; margin:.5em 0; border-bottom: #ccc 1px solid; font-size: .75em; }

/* Listing Expression */
.ville_expression { padding:0 !important; }

/* Listing Photo */
.ref-listing-photo-container ul{ padding:0; }
.ref-listing-photo-container ul li { padding:0; background: none; float:left; margin:0 10px 10px 0; list-style-image: none; list-style-type: none;}


/* 4.5.2 Réf Page Arbo
----------------------------------------------------------------------------------------------------*/

/*-- Generalites --*/

.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; padding: 7px 0 0; border-top:#3e3e3e 1px solid; }
.pied-ref-arbo li{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width:228px; font-size: .85em; }
.ref-page-arbo-article{ margin-bottom: 20px; }
.ref-page-arbo-article h3 {margin-bottom: 10px;}
.ref-page-arbo-article p{ text-align: justify; }
.ref-page-arbo-image {margin: 12px 0 10px; width: 99%; height: auto; border: 3px solid #FFF; box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.32); overflow: hidden; }
.ref-page-arbo-image img {width: 100%; height: auto;}

/*-- Menu fleches --*/

.ref-page-arbo-menu .sf-menu {margin:0; padding:0; background-image: none; text-align: left; }
.ref-page-arbo-menu .sf-menu .ref-page-arbo-menu-liste {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 1%; }
.ref-page-arbo-menu .sf-menu li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background: #d52c19; text-transform: uppercase; font-weight: bold; padding:0 10px; margin: 0 6px 8px 0; line-height: 26px; }
.ref-page-arbo-menu .sf-menu .fleche {width: 0; height: 0; border: 13px solid rgba(0, 0, 0, 0); border-left: 7px solid #d52c19; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: absolute; top: 0; right: -14px; }
.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-color: #d52c19; box-shadow: 0 0 8px rgba(0,0,0,.5); margin:0; padding:4px 0; }
.ref-page-arbo-menu .sf-menu ul {width:220px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.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:#d52c19; }
.ref-page-arbo-menu .sf-menu li a:hover, .ref-page-arbo-menu ul.sf-menu li a:active {background: #d52c19; text-decoration: none; }

/*-- Bien vedette - Slide --*/

.home-vedette {float: left; width: 100%; height: 204px; overflow: hidden; }
.home-vedette-title {margin-bottom: 10px; }
.home-vedette-title a:link, .home-vedette-title a:visited{ color: #2a3845; }
.home-vedette-title a:hover {color: #294e6b; }
.home-vedette .no-flap {display: block; height: auto; width: 100%; }
.home-slider-vedette {width: 85%; height: 160px; /* Width + Height pour le slide */ position:relative; padding: 0 7%;}
.home-slider-vedette-container {width: 100%; height: 160px; }
.home-vedette .large-flap-container {overflow:hidden; width: 100%; height: 160px; }
.home-slide-vedette {width: 100%; height: 160px; overflow: hidden; }

/* Boutons prev et next */
.home-vedette .home-slide-prev, .home-vedette .home-slide-next {position: absolute; top: 65px; width: 12px; margin:0; height: 22px; background: transparent no-repeat; cursor: pointer;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.home-vedette .home-slide-prev {left: 0; background-position: 0 -295px;}
.home-vedette .home-slide-prev:hover {left: 0; background-position: 0 -317px;}
.home-vedette .home-slide-next {right: 0; background-position: -12px -295px;}
.home-vedette .home-slide-next:hover {right: 0; background-position: -12px -317px;}

/* Vignettes */
.stamp {float: left; width: 29%; height: 154px; overflow: hidden; border: 3px solid #505050; margin: 0 1.5%; }
.stamp a  {text-decoration: none !important;}
.stamp-photo {height: 20px; }
.stamp-photo img {width: 100%; }
.stamp-texte-container {position: relative; z-index: 20; margin-top: 73px; height: 43px; padding: 10px; background-color: #4a4a4a; color: #FFF; font-size: .7em; }
.stamp-prix {color: #d52c19; font-weight: bold; font-size: 1.1em; }

/* Partenaires */
.pied-ref-partners ul { margin: 0; padding: 0 0 10px; border-top-width: 1px; border-top-style: solid; }
.pied-ref-partners li { display:inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 10px; padding-right: 14px; line-height: 1.5; color: #8a8a8a; font-size: .85em; }
.pied-ref-partners li:first-child, .pied-ref-partners li:last-child { background-image:none; }


/* 4.5.3 Réf Page Ville
----------------------------------------------------------------------------------------------------*/

/* Generalites */
.ref-page-ville .leftside-page, .ref-page-ville .rightside-page {width: 48%; margin-top: 10px;}
.ref-page-ville .leftside-page {padding-right: 2%;}
.ref-page-ville .rightside-page {padding-right: 0;}
.fil-ariane ul {padding: 0;}
.fil-ariane li {list-style: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.bloc-left {background-color: #fff; border: 1px solid #ccc; padding: 10px 2%; width: 97%; margin-top: 20px;}
.bloc-left .heading6 {margin: 0; color: #d52c19;}
.bloc-left ul {margin: 5px 0 0;}
.infos-ville, .ref-side-biens, .others {background-color: #fff; padding: 10px 2%; width: 96%; margin-bottom: 20px;}
.infos-ville .heading3 {text-transform: uppercase;}

/* Réf Side biens */
.ref-side-biens {border: 1px solid #ccc; margin-top: 20px;}
.ref-side-biens-nb { font: 20px/1.231 'AllerBold', sans-serif; color: #A0A0A0; letter-spacing: -1px; }
.ref-side-biens-nb a:link, .ref-side-biens-nb a:visited {  }
.ref-side-biens-nb a:hover, .ref-side-biens-nb a:active { color: #EA820E; background: none; }
.ref-side-biens-ville { font: 18px/25px 'AllerRegular', arial, sans-serif; color: #9b9b9b; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #e6e8e9; }
.ref-side-biens .large-flap-container { overflow: hidden; width: 100%; height: 510px; margin-bottom: 20px; cursor: pointer; position: relative; text-align: center; }

.home-panes {width: 100%;}
.ref-thumbs { width: 96%; height: 100px; text-align: left; padding: 7px 2% ; margin-bottom: 10px; overflow: hidden; background-color: #eee;}
.ref-thumbs-img-frame {width: 35%; height: 100px; float: left; overflow: hidden;}
.ref-thumbs-img-frame img { width: 100%; height: auto;}
.ref-thumbs-content { margin-left: 38%; color: #000; }
.ref-thumbs-text { font-size: .8em; color: #656565; margin: 18px 0 0; }
.ref-thumbs-price { font-weight: bold; color: #d52c19; font-size: 1em; }
.ref-thumbs-price a:link, .ref-thumbs-price a:visited { color: #d52c19; text-decoration: none; background: none; }
.ref-thumbs-price a:hover, .ref-thumbs-price a:active { color: #c4220f; text-decoration: none; background: none; }

/* Villes autour de */
.others {border: 1px solid #ccc;}
.others ul { padding: 0; margin: 10px 0 0; }
.others ul li { background: #eee; margin-bottom: 4px; list-style: none;}
.others ul li:hover { background: #4a4a4a; }
.others ul li a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100%; padding: 5px; }
.others li a:link, .others li a:visited { color: #A0A0A0; }
.others li a:hover, .others li a:active { text-decoration: none; color: #fff;}
.page-content .others ul li { margin-bottom: 0; }


/* 4.5.4 Module de News
----------------------------------------------------------------------------------------------------*/

.news-liste-container {margin-bottom: 15px; border-bottom: #ccc 1px solid; padding-bottom:15px; }
.news-liste-title {color: #d52c19; font: 1.1em/1.6em 'LatoLight', sans-serif; letter-spacing: .1em; text-transform: uppercase; margin: 1em 0; }
.news-liste-content {margin-top: 10px; }
.news-liste-date { font: .85em/1.5em 'LatoItalic', sans-serif; color: #777; }
.news-liste-date time, .news-liste-date span { font-family: "Helvetica Neue", Helvetica, serif; color:#999; text-transform: uppercase; font-style: normal; }
.news-liste-photo { width: 29%; float: left; display: inline; overflow: hidden; margin: 0 4% 10px 0; }
.news-liste-photo .grd_photo_news{ width:160px; height:120px; }
.news-liste-text p { padding: 0 0 10px; margin: 0; text-align: justify; }
.news-liste-desc a {font-size: .8em;}
.news-liste-file a:link, .news-liste-file a:visited {font-size: .8em; color: #d52c19; text-transform: uppercase; background:none;}
.news-liste-file a:hover, .news-liste-file a:active {color: #c4220f;}
.news-liste-attached .thumbs-flap-container .is-flap {margin-top: 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 { display:inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-top: 5px; font-weight: bold; padding: 6px 36px 6px 8px; background: transparent url(/images/bg-download-button.png) no-repeat 0 0; }

/* Perso News */
.news-liste-container .large-flap-container {overflow: hidden; width: 100%; height: auto; min-height: 227px;/* Dimension des images voir numage.txt */ cursor: pointer; position: relative; text-align: center; }
.news-liste-container .thumbs-flap-container {background: transparent url(/images/shadow-full-horizontale.png) no-repeat 50% 0; }
.news-liste-photo img.photo-large{ width: 100% !important; max-width: 100% !important; height: auto !important; }
.news-liste-attached img.photo-thumbs{ width:100px !important; max-width: 100px !important; max-height:78px !important; }

/*-- Tableaux --*/

table {max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; font: .8em/1 'LatoRegular', sans-serif; color:#4a4a4a;}
.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 #ccc;}
.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 #444F59;}
.table-condensed th, .table-condensed td {padding: 4px 5px;}
.table-bordered {border: 1px solid #444F59; 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 #444F59;}
.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;
}
.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;
}
.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;
          border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 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;
}
.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;
}
.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;
}
.table tbody tr:nth-child(odd) td, .table tbody tr:nth-child(odd) th {background-color: #fff;}



/* ==========================================================================
  4.6 MODULE DE GGMAP
   ========================================================================== */


/* .DivBubble{ max-height: 180px; overflow-y:scroll; }
.ggmap-list-item{ font-size: 12px; margin-bottom: 15px; }
.ggmap-list-item-pict{ float:left; cursor: pointer; }
.ggmap-list-item-pict img{ width: 50px; max-height: 38px; }
.ggmap-list-item-content{ margin-left: 80px; }
.ggmap-list-item-title{ text-transform: uppercase; font-weight:bold; border-bottom: #ddd 1px solid; margin-bottom: 3px; padding-bottom: 3px; }
.ggmap-list-item-coords{ font-size: 11px; }
.ggmap-coords-title{ font-weight:bold; }
.ggmap-coords-tel{}
.ggmap-coords-link{ color:#cf1b57; }
.ggmap-coords-link:hover{ color:#cf1b57; text-decoration: underline; cursor: pointer; }
.gg-map-marker { display:none; }
.gg-map{ background: transparent url(/images/ajax-loader.gif) no-repeat 50% 50%;} */

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



/* ==========================================================================
  4.7 SVG MAP
   ========================================================================== */


.side-map {}
.side-map-content {position: relative;}

/* Bouton dom tom */
.domtom-display {position: absolute; bottom: 0; left: 0; padding: 5px 10px 3px; text-transform: uppercase; color:#fff; background: #454545; background: rgba(0,0,0,.2); z-index: 1; cursor: pointer;
 -webkit-transition: all .2s ease-out;
         transition: all .2s ease-out;
}
.domtom-display:hover {color: #fff; background: #54b6da; background: rgba(0,0,0,.6);}

path {cursor:pointer; }
shape {cursor:pointer; }
.svg-map-france {width:100%; height: 450px; background: transparent url(/images/loading.gif) no-repeat 50% 50%; }
.svg-map-domtom-container {position: absolute; top: 50%; left: 50%; margin: -150px 0 0 -150px; width: 260px; height: 260px; padding: 20px; background-image: url(/images/bg-black-50.png); box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.svg-map-domtom, .svg-map-idf {width: 260px; height: 260px; /* Width et Height en dur obligatoire :( */}
.svg-map-domtom {overflow: visible !important;}

/* Info Custom */
.svg-custom-info {z-index:50; position: absolute; display: none; top:0; left:50%; margin-left:-150px; width: 260px; height: 260px; padding: 20px; background-image: url(/images/bg-black-50.png); box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.svg-info {position: absolute; display: none; background: #292929; color: #fff; font-size: smaller; text-align:center; padding: 3px 6px; z-index:50;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.svg-info-close {width: 26px; height: 26px;  position: absolute; top: -10px; right: -14px; background: transparent url(/images/svg-close.png) no-repeat;  cursor: pointer;  z-index: 9999;}
.ipad-close {width: 26px; height: 26px; position: absolute; top: -10px; right: -14px; background: transparent url(/images/svg-close.png) no-repeat; cursor: pointer; z-index: 9999;}



/*
    // ========================================== \\
   ||                                              ||
   ||               V. MON COMPTE                  ||
   ||                                              ||
    \\ ========================================== //
*/



/* 5.1 Identification
----------------------------------------------------------------------------------------------------*/

.form-submit-creation {margin-top: 15px;}


/* 5.2 Generalites
----------------------------------------------------------------------------------------------------*/

.leftside-menu-mya {width: 27%; float: left; margin-top: 30px; padding-right: 2%;}
.rightside-page-mya {width: 69%; float: right; margin-top: 30px;}


/* 5.3 Menu : Colonne de gauche
----------------------------------------------------------------------------------------------------*/

.side-mya {background-color: #4a4a4a; padding: 30px 5%; height: auto;}

.side-mya-texte p {font: 1.2em/1.231 'LatoLight', sans-serif;color: #fff;}
.side-mya-texte ul {color: #ccc; font: 1em/1.231 'LatoLight', sans-serif;}
.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 'LatoLight', sans-serif;}
.side-mya a:hover {color: #fff;}

.side-mya .submit-classique {text-transform: uppercase; font-size: .7em !important;}


/* 5.4 Tableau de bord
----------------------------------------------------------------------------------------------------*/

ul.mya-widget-container {text-align: center;}
.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: 1.2em/1.15em 'RobotoRegular', Arial, sans-serif; padding-top: 115px; display: block; height: 50px; color: #454545; text-decoration: none;}
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);
}

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: #d52c19;}

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: #d52c19;}

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: #d52c19;}

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: #d52c19;}

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: #d52c19;}


/* 5.5 Mon compte
----------------------------------------------------------------------------------------------------*/

.user-info-show .form-critere {border-bottom: 1px solid #ccc;}
.user-info-show .form-critere-content {height: 28px; color: #d52c19; margin-top: 6px;}


/* 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-mode-2 {background-size: 100%;}

/* 5.7 Mes alertes
----------------------------------------------------------------------------------------------------*/

.mya-alerte-vide p {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;}


/*
    // ========================================== \\
   ||                                              ||
   ||               VI. MINISITE                   ||
   ||                                              ||
    \\ ========================================== //
*/


/*-- Liste --*/

.listenego-display {margin-bottom:20px;}
.liste-nego-container {background-color: #fff; width: 98%; padding: 10px 1%;}
.bg-liste-minisite {background-size: 100%;}
.liste-nego-photo {width: 21%; float: left;height:110px; overflow: hidden;}
img.photo_nego {
    height: auto;
    max-width: 90%;
}
.liste-nego-desc .heading3 {line-height: 1.1em; margin-bottom: 5px;}
.liste-nego-tel {color:#d52c19; font: 1em/1.231 'LatoRegular', sans-serif;}
ul.liste-nego-buttons { margin-bottom: 0;}
.liste-nego-buttons li {list-style: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.liste-nego-buttons li:first-child {margin-right: 15px;}
.liste-nego-buttons li a:link.submit-classique, .liste-nego-buttons li a:visited.submit-classique {display: block; padding: 11px 11px 0 12px;}

.agent-desc-container {text-align: justify; font-size: .85em;}
.agent-desc-container img {width: 100%; margin: 10px 0;}

.minisite .leftside-page {width: 69%; float: right;}
.minisite .rightside-page {width: 22%; float: left;}
.minisite .illustration-aside {max-width: 120px;}
.minisite .illustration-aside a.bulle-me-contacter {right: -57px;}
li.agent-mail {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.agent-slogan a.agent-link {font-size: .75em; color: #d52c19; text-transform: uppercase;}
.minisite .liste-container hr {width: 100%;}
.minisite .filters-container {margin: 0 0 10px;}
.liste-bien-description.mode-2 li:first-child {margin-bottom: 5px;}

.bg-liste-mode-2, .bg-liste-minisite {background-size: 100%;}

.minisite-liste .liste-bien-photo.mode-2 .liste-bien-photo-frame img {height: 100%; width: auto;}

.minisite-liste  .liste-bien-container {width: 99%;}



/*
    // ========================================== \\
   ||                                              ||
   ||               VII. FOOTER                     ||
   ||                                              ||
    \\ ========================================== //
*/



#footer {background: #434343; color: #fff;}
#footer .content-container {padding-top: 40px;}
#footer hr {border-top: 1px solid #3e3e3e;}


/* 7.1 Adresse
----------------------------------------------------------------------------------------------------*/

.pied-adresse{ font: .8em/1.231 'LatoLight', sans-serif; padding-bottom: 20px;}
.pied-adresse a:link, .pied-adresse a:visited {color: #fff;}
.pied-adresse a:hover, .pied-adresse a:active {color: #d52c19; text-decoration: none;}
.pied-adresse .pied-agence-contact a:link, .pied-adresse .pied-agence-contact a:visited {background-color: #d52c19; color: #fff; text-decoration: none; padding: 4px 8px;
  -webkit-transition: all .2s ease-out;
          transition: all .2s ease-out;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pied-adresse .pied-agence-contact a:hover, .pied-adresse .pied-agence-contact a:active {background-color: #c4220f; text-decoration: none;}
.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; vertical-align: top;}
.pied-adresse li:first-child {padding-left:0; margin-left: 0;}
.pied-adresse li.pied-agence-contact {float: right; text-transform: uppercase;}
.pied-adresse li.pied-agence-tel span, .pied-adresse li.pied-agence-fax span {width: 14px; height: 18px; display: inline-block; *display: inline; *zoom: 1; margin-right: 4px; vertical-align: bottom;
  background-image: url(/images/ico-adresse.png);
  background-image: -webkit-image-set(url(/images/ico-adresse.png) 1x, url(/images/ico-adresse@2x.png) 2x);
  background-image: image-set("/images/ico-adresse.png" 1x, "/images/ico-adresse@2x.png" 2x);
}
.pied-adresse li.pied-agence-tel span {background-position: -30px -1px;}
.pied-adresse li.pied-agence-fax span {background-position: -14px 0;}
.pied-adresse .tel-clear, .pied-adresse .adresse-clear, .pied-adresse .contact-clear {display: none; clear: none;}


/* 7.2 Menu
----------------------------------------------------------------------------------------------------*/

.pied-menu {color: #626262; margin-top: 20px; padding: 20px 0;}
.pied-menu ul {list-style: none; margin:0; padding:0;}
.pied-menu-left {float:left;}
.pied-menu-left {}
.pied-menu-right {width: 240px; float: right;}
.pied-menu-right a.logo-adapt-footer {width: 85px; height: 26px; background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; float: left; margin-top: 8px;
  background-image: url(/images/logo-adaptimmo-footer.png);
  background-image: -webkit-image-set(url(/images/logo-adaptimmo-footer.png) 1x, url(/images/logo-adaptimmo-footer@2x.png) 2x);
  background-image: image-set("/images/logo-adaptimmo-footer.png" 1x, "/images/logo-adaptimmo-footer@2x.png" 2x);
}
.pied-menu li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin:0 0 0 5px; padding:0 0 0 15px;}
.pied-menu li:first-child {padding-left: 0; margin-left: 0; }
.pied-menu a, .pied-menu a:link, .pied-menu a:visited {white-space: nowrap; color: #8a8a8a;}
.pied-menu a:hover, .pied-menu a:active {white-space: nowrap; color: #fff;}
.pied-menu-right ul {border-left: #555 1px dotted; padding-left: 4px; float: right;}
.pied-menu-right li {display: block; font-size: .75em; margin: 0; padding: 0;}


/* 7.3 Badges Réseaux Sociaux
----------------------------------------------------------------------------------------------------*/

#pied-social {margin-bottom: 7px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: solid; }

/* Logos */
.pied-share {float:left; width:490px; text-transform: uppercase; min-height: 1px; }
.pied-share ul {list-style: none; padding: 0; }
.pied-logos {float:left; width:490px; }

/* Partage */
.share-badges { color:#0eb1da; }
.share-badges ul{ list-style: none; font-size:0; }
.share-badges li{ display:inline-block; *display: inline; *zoom: 1; vertical-align: top; font: 12px/1.231 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.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:#a1e1e9; }
.share-badges .link-hover{ text-transform: uppercase; color:#eee; cursor:pointer; }

/* Likes */
.likes-badges { padding-left: 0; margin-top: 20px;}
#footer .likes-badges { text-align: left;  }
.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 ul li.clearfix{ display: none; }
.likes-badges li.badge-facebook{  }
.likes-badges li.badge-ggplus{ width:70px; }
.likes-badges li.badge-tweeter{ width: 90px; }
.likes-badges li.badge-linkedin{  }



/*
    // ========================================== \\
   ||                                              ||
   ||              VIII. FORMULAIRES               ||
   ||                                              ||
    \\ ========================================== //
*/



/* 8.1 Generalites
----------------------------------------------------------------------------------------------------*/

form {font-size: .95em; }
form label {cursor: pointer;}
/* form-critere englobe chaque champs dans un article */
.form-critere, .form-critere-ope {margin-bottom: 10px;}
.input-text, textarea, input {width: 96%; padding: 0 2%;}
form ul {margin:0 !important; list-style: none; padding: 0;}

.form-critere-title {padding-bottom: 3px; } /* englobe le label et le form-rubrique */
.form-rubrique {display: inline-block; *display: inline; *zoom: 1; font: .9em/1 'RobotoRegular', sans-serif; color: #000; white-space: nowrap; padding-top: 12px;} /* label contact */

.form-extend {margin-top: 10px;} /* englobe form-submit-container */
.form-submit-container {position: relative; height: 35px; min-height: 35px; margin: 10px 0 0; } /* contient le bouton et la mention champs obligatoires */

.form-critere-title, .form-critere-title-left {padding-bottom: 3px; display: inline-block; *display: inline; *zoom: 1; margin-right: 1%;} /* zone du label contact */
.form-critere-content {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } /* zone du input contact */

.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; }

/*-- Ligne de formulaire avec 2 champs cote cote ex : surface max et mini --*/

.input-text.input-unite, input.input-unite {width: 77%;}
.form-critere-content .unite {width: 12%;}

/*-- Formulaire en 2 colonnes --*/

.main-content-demicol{ float: left; width: 49%; }
.lt-ie8 .main-content-demicol:first-child{ width: 48%; /* Sinon ça passe à la ligne sous IE7 */ }
.main-content-demicol:first-child {margin-right: 2%; width: 49%;}
.main-content-demicol .form-critere-title {white-space: nowrap;} /* zone du label contact */

/*-- Tailles des label (form-critere-title) --*/

.label-tiny {width: 10%; }
.label-xtiny {width: 15%; }
.label-smaller {width: 20%; }
.label-small {width: 25%; }
.label-medium {width: 30%; }
.label-xmedium {width: 35%; }
.label-xxmedium {width: 40%; }
.label-large {width: 50%; }
.label-xlarge {width: 60%; }
.label-xxlarge {width: 70%; }
.label-larger {width: 80%; }
.label-largest {width: 90%; }
.label-full {width: 100%; margin-bottom: 4px;}

/*-- Tailles des input (form-critere-content) --*/

.input-tiny {width: 7%; }
.input-xtiny {width: 17%; }
.input-smaller {width: 27%; }
.input-small {width: 37%; }
.input-medium {width: 47%; }
.input-xmedium {width: 57%; }
.input-xxmedium {width: 62%; }
.input-large {width: 67%; }
.input-xlarge {width: 72%; }
.input-xxlarge {width: 77%; }
.input-larger {width: 82%; }
.input-largest {width: 87%; }
.input-full {width: 100%; margin-bottom: 4px;}

/* Bouton radio */
.form-critere-typerech {display: inline-block; *display: inline; *zoom: 1; vertical-align: top}
.form-critere-typerech ul li {display: inline-block; *display: inline; zoom: 1; vertical-align: top; background: none; margin-right: 20px; padding-left: 0;}
.form-critere-typerech .form-critere-title{ margin-bottom: 10px; }

/* Checkbox */
.form-highlight-items {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 7px 7px 0;}
.form-highlight-items input {width: auto;}

/* Bouton */
input[type="submit"] {width: auto;}
input.submit-classique, a.submit-classique, .white-form input.submit-classique {background-color: #d52c19; height: 35px; padding: 0 4%; border: none; color: #fff; font: 1em/1.1em 'LatoRegular', sans-serif;
/*  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  filter: dropshadow(color=#e5e5e5, offx=1, offy=1);*/
}
input.detail-submit-envoi {float: right; margin-right: 5px;}
input.form-submit-maj {float: right; text-transform: uppercase;}

/* Custom Select */
.custom-select {visibility: hidden; }
.custom-select-container {width: 100%; background: transparent url(/images/bg-form-sprite.png) no-repeat; position: relative; }
.custom-select-choice {height: 39px; line-height: 3em; margin-left: 6px; padding: 0 30px 0 4px; cursor: pointer; background: transparent url(/images/bg-form-sprite.png) no-repeat; overflow: hidden; text-overflow: ellipsis;}
.custom-select-list {z-index:20; width: 100%; 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; }


/* 8.2 Custom Checkbox / Radios / Select
----------------------------------------------------------------------------------------------------*/

/* 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 {font: .8em 'RobotoRegular', sans-serif; color: #000;}
.white-form .input-text, .white-form input, .white-form textarea {background: rgba(255,255,255,1); color: #d52c19; border: 1px solid rgba(223,221,219,1); line-height: 3em; text-align: left; outline: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: inset 0 0 0 0;
          box-shadow: inset 0 0 0 0;
}
.white-form .input-text:focus {color: #000; border: none; border: 1px solid #ccc;}
.white-form .input-text {height: 33px; padding-top: 5px; line-height: 1em;} /* meme hauteur pour les input que les champs select */
.white-form textarea {height: 60px !important; line-height: 2.9em;}

.white-form .required {color: #d52c19; font-weight: bold; margin: 0 2px; } /* etoile obligatoire */
.white-form .unite {font-size: .9em; }
.white-form .legend {color: #999797; font-style: italic;}

.white-form  ::-webkit-input-placeholder {color: #999797; font-size: .9em;}
.white-form  :-moz-placeholder {color: #999797; font-size: .9em;}
.white-form  ::-moz-placeholder {color: #999797; font-size: .9em;}
.white-form  :-ms-input-placeholder {color: #999797; font-size: .9em;}

/* Checkbox */
.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; }

/* Radio */
.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; font-size: 1.2em;}
.white-form .custom-radio-checked {background-position:0 -115px; }

/* Select */
.white-form .custom-select-choice {background-position:100% -155px; white-space: nowrap; }
.white-form .custom-select-container {background-position:0 -198px;}
.white-form .custom-select-list {background:#eee url(/images/bg-form-sprite.png) no-repeat 0 -243px; }
.boxshadow .white-form .custom-select-list {
  -webkit-box-shadow: rgba(0,0,0, 0.5) 0 2px 6px;
          box-shadow: rgba(0,0,0, 0.5) 0 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; }


/* 8.3 Formulaire commun a toutes les pages
----------------------------------------------------------------------------------------------------*/

/*-- Mini formulaire - partie visible --*/

.masque-rech {width: 94%; background: url(/images/bg-white-91.png) repeat; padding: 17px 3% 10px; margin: 23px 0 0;}
.masque-rech .form-critere.clearfix {clear: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 1.5%;}
.masque-rech .form-critere-ope {width: 16%;}
.masque-rech .form-critere-type {width: 24.5%;}
.masque-rech .form-critere-input-ville {width: 36%; height: 38px; background:rgba(255,255,255,1); border: 1px solid rgba(223,221,219,0.9);}

.masque-rech #ListeSearchBien .form-critere-ope {width: 20%;}
.masque-rech #ListeSearchBien .form-critere-type {width: 28.5%;}
.masque-rech #ListeSearchBien .form-critere-input-ville {width: 47%; margin-right: 0;}

.form-rubrique-interne {color: #000; float: left;}
.form-critere-input-ville .form-rubrique-interne {width: 18%; margin-left: 1.5%; float: left;}
.form-critere-motscles .form-rubrique-interne, .form-critere-ref .form-rubrique-interne {width: 29%; margin-left: 1.5%; float: left;}
.uk .form-critere-ref .form-rubrique-interne {width: 41%;}
.form-critere-input-ville .input-interne {width: 80%; margin-left: 19.5%;}
.form-critere-motscles .input-interne {width: 68%; margin-left: 27.5%;}
.form-critere-ref .input-interne {width: 69%; margin-left: 26.5%;}
.uk .form-critere-ref .input-interne {width: 55%; margin-left: 43.5%;}
.masque-rech .form-critere-input-ville, .masque-rech .form-critere-motscles, .masque-rech .form-critere-ref {white-space: nowrap; text-overflow: ellipsis; color: #d52c19; line-height: 3em;}

.white-form .input-ville1, .white-form .motscles1, .white-form .ref {width: 100%; height: 37px !important; vertical-align: top; border: none !important;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

.masque-rech .ope, .masque-rech .ope .custom-select-container, .masque-rech .type, .masque-rech .type .custom-select-container {width: 100%;}
input[type="submit"].form-submit-rech {width: 16%; background-color: #4a4a4a; height: 38px; border: none; color: #fff; text-transform: uppercase; font: .9em/1em 'LatoRegular', sans-serif; text-align: center;
  -webkit-box-shadow:  2px 2px 0 2px rgba(0, 0, 0, 0.1);
          box-shadow:  2px 2px 0 2px rgba(0, 0, 0, 0.1);
  text-shadow: 1px 1px 0 #000;
  filter: dropshadow(color=#000000, offx=1, offy=1);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.btn-more-rech {color: #999797; width: 100%; font-size: .85em; cursor: pointer; margin-bottom: 10px; text-decoration: underline; margin-bottom: 10px;}
.btn-more-rech div {width: 9px; height: 5px; background: transparent center center no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 4px 5px 0 0;
  background-position: -8px -79px;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);
}

/*-- Maxi formulaire - partie masquee --*/

.critere-hidden {display: none;}
.masque-rech .form-critere-pieces, .masque-rech .form-critere-budget, .masque-rech .form-critere-surface, .masque-rech .form-critere-terrain {width: 33%;}
.masque-rech .form-critere-motscles, .masque-rech .form-critere-ref {width: 29.5%; height: 38px; background:rgba(255,255,255,1); border: 1px solid rgba(223,221,219,0.9); line-height: 3em; margin-right: 0 !important;}
.masque-rech .form-critere-pieces .form-critere-title, .masque-rech .form-critere-budget .form-critere-title, .masque-rech .form-critere-surface .form-critere-title, .masque-rech .form-critere-terrain .form-critere-title {width: 15%;}
.uk .masque-rech .form-critere-pieces .form-critere-title, .uk  .masque-rech .form-critere-budget .form-critere-title, .uk  .masque-rech .form-critere-surface .form-critere-title, .uk  .masque-rech .form-critere-terrain .form-critere-title {width: 23%;}
.masque-rech .form-critere-budget .form-critere-content, .masque-rech .form-critere-surface .form-critere-content, .masque-rech .form-critere-terrain .form-critere-content, .masque-rech .form-critere-pieces .form-critere-content {width: 40%;}
.uk .masque-rech .form-critere-budget .form-critere-content, .uk .masque-rech .form-critere-surface .form-critere-content, .uk .masque-rech .form-critere-terrain .form-critere-content, .uk .masque-rech .form-critere-pieces .form-critere-content {width: 36%;}
.masque-rech .form-critere-pieces input, .masque-rech .form-critere-budget input, .masque-rech .form-critere-surface input, .masque-rech .form-critere-terrain input {width: 75%;}
.uk .masque-rech .form-critere-pieces input, .uk .masque-rech .form-critere-budget input, .uk .masque-rech .form-critere-surface input, .uk .masque-rech .form-critere-terrain input {width: 72%;}


/* 8.4 Specificites
----------------------------------------------------------------------------------------------------*/

/* Specifique a la home */
.masque-rech.home-form {margin: 0;}

/* Specifique a la page recrutement */
.critere-piece-jointe input {line-height: 1em !important; padding: 13px 2% 5px;}

/* Specifique aux pages mon compte */
.mya input.form-submit-maj {float: none;}


/* 8.5 Module de lieu
----------------------------------------------------------------------------------------------------*/

.lieu-bloc-search input.lieu-input-search {width: 76%; height: 30px;}

.form-critere .lieu label{ padding-right: 0; text-transform: none; }

.lieu-editor-lst { overflow:auto; height:80%; }
.lieu-search-label{ margin-right: 1.5%;}

.lieu-input-search{ background-color: #FAFAFA; border: #DADADA 1px solid; outline: none; padding: 4px; width: 252px;  font-size: 13px; /*margin-left: 5px;*/ }
.side-form .lieu-input-search{ outline: none; padding: 2px 4px; width: 200px;  font-size: 13px; /*margin-left: 5px;*/ }

#home-form-container .lieu-input-search{ width: 185px; }
.lieu-container .form-critere-title-left {width:235px; margin-bottom: 5px; }
.lieu-expand-label{ display: inline-block; *display:inline; *zoom:1; width: 60px; color: #464646; font-weight: bold; }
.lieu-bloc-expand{ margin-top: 10px; }

#home-form-container .lieu-bloc-expand { margin-top: 0px; position: absolute; right: 0; top: 0;}
.lieu-bloc-expand-input{ display: inline-block; *display:inline; *zoom:1;  width: 272px; color: #6c6c6c; }
.lieu-bloc-expand-input label{ font-weight: normal; color:#959595; font-size:11px; display: inline-block; *display:inline; *zoom:1; padding-top:2px; padding-bottom: 2px; cursor: pointer; }
.lieu-bloc-label-list .lieu-bloc-label-btn{ display: none; visibility: hidden; }

.lieu-bloc-label{ overflow: hidden; margin-top: 10px; margin-bottom: 10px; }
.input-searching { background:  transparent 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: normal 12px/1.231 'Helvetica Neue', Helvetica, 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; }
.ui-autocomplete.ui-widget-content .ui-menu-item a > span{ color:#6c6c6c; padding: 4px 10px; border-radius: 0; white-space: nowrap; display: block; }
.ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover { border-color:#d52c19; background: none; }
.ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover > span{ border-color: #d52c19; color: #fff; background-color: #d52c19;}
.ui-autocomplete.ui-widget-content .ui-menu-item a span>span{ font-weight: bold; margin: 0; }

*+html .home .lieu-bloc-label{ min-height:30px;}

.lieu-bloc-label-list .lieu-bloc-label-btn:active{ bottom: -1px; }
.lieu-bloc-label-list ul{ border: 1px solid #dad6d1; margin: 0 0 0 21.5% !important; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; width: 77.5%;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
}

.side-form .lieu-bloc-label-list ul{ width:218px; }

.form-critere .lieu-bloc-label-list ul li {display: inline-block;}
.lieu-bloc-label-list ul li{ color: #333; border: 1px solid #aaaaaa; padding: 3px 20px 3px 5px; margin: 3px 4px; position: relative; cursor: default; display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
}

.lieu-bloc-label-list-del{ display: block; position: absolute; right: 4px; top: 5px; width: 10px; height: 10px; font-size: 1px; cursor: pointer; z-index:10; background: transparent url(/images/bg-pictos-lieu.png) no-repeat -1px -8px;}
.lieu-bloc-label-list-del:hover{ background-position: -12px -8px; }

.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: 3px 0 3px 20px; background-color: transparent; margin: 0 0 0 15px; cursor: pointer; font-size: 11px; 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: 12px maven_probold, 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-weight: bold; color:#095276; border-bottom: #ddd 1px solid; }
.lieu-result-g{/* Groupe de villes */ font-weight: bold; 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; }



/*
    // ========================================== \\
   ||                                              ||
   ||               IX. LINKS                      ||
   ||                                              ||
    \\ ========================================== //
*/



a:link, a:visited { color:#4a4a4a; text-decoration: none; }
a:hover, a:active{ color: #d52c19; text-decoration: underline;  }

a:link.submit-classique, a:visited.submit-classique {color: #fff; padding: 11px 4% 0; height: 24px; display: inline-block; white-space: nowrap; *display: inline; *zoom: 1; vertical-align: top;
  -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: #c4220f;}

a.submit-all-bien {background-color: #d52c19; height: 30px; padding: 20px 4% 0; border: none; color: #fff; text-transform: uppercase; font: .75em/1em 'LatoRegular', sans-serif; position: relative; z-index: 5; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;
  -webkit-box-shadow:  2px 2px 0 2px rgba(0, 0, 0, 0.1);
          box-shadow:  2px 2px 0 2px rgba(0, 0, 0, 0.1);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  filter: dropshadow(color=#e5e5e5, offx=1, offy=1);
  -webkit-transition: all .2s ease-out;
          transition: all .2s ease-out;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover.submit-all-bien {text-decoration: none; background-color: #c4220f;}

a.submit-recrutement {margin-top: 2.2em;}



/*
    // ========================================== \\
   ||                                              ||
   ||                   X. DIVERS                  ||
   ||                                              ||
    \\ ========================================== //
*/

.link-biens-nego {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 10px 0;
    font: 1.4em/1em 'LatoLight', arial, sans-serif;
}

.link-biens-nego.link-biens-nego-contact {
    margin: 0 0 35px;
    font-size: 1.2em;
}

.link-biens-nego a:link, .link-biens-nego a:visited {
    display: block;
    color: #fff;
    background: #4A4A4A;
    padding: 10px 17px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}


.link-biens-nego a:hover, .link-biens-nego a:active {
    color: #fff;
    text-decoration: none;
    background: #E52520;
}


/* ==========================================================================
   10.1 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; }


/* @Ajout Mini site bien
---------------------------------------*/
.btn-mini-site-bien {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 970;
    font-size: 0.8rem;
}

.mini-site-pict {
  bottom: 52px;
}

.detail-topnav li.btn-mini-site-bien {
  position:  static;
}

/* @@Ajout Mini site bien
---------------------------------------*/

/* ==========================================================================
   10.2 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 a {background: url(/images/logo.png) no-repeat !important; background-size: 100%;}
    .header-ref-h1, .header-ref-h2, .header-content, .detail-actions, .detail-bien-context-header, .header-bottom, .masque-rech, .pied-ref, .liste-navpage-container, .detail-bien-context-infos, .detail-bien-contact, .detail-bien-poi, .gg-map-container {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; }

}


/*
    // ========================================== \\
   ||                                              ||
   ||               XI. MEDIA QUERIES              ||
   ||                                              ||
    \\ ========================================== //
*/



/* ==========================================================================
   11.1 PORTRAIT TABLET TO LANDSCAPE AND DESKTOP : (min-width: 768px) and (max-width: 979px)
   ========================================================================== */


@media (min-width: 768px) and (max-width: 1024px) {

  .content-container { min-width: 768px; width: 100%; padding: 0;}

  /*-- Header --*/

  #header-logo {padding-top: 29px; margin-left: 10px; width: 217px; height: 78px;}
  #header-logo a {background-size: 213px 78px; -webkit-background-size: 213px 78px; width: 213px; height: 78px;}
  .header-content {padding-right: 5px;}
  .header-menu{ margin-right: 0; }
  .header-menu a {padding: 23px 4px; display: block;}
  .header-menu a.select-link {padding: 18px 4px 17px;}
  .home .alt-menu li {width: 60px;}
  .alt-menu li {width: 150px;}
  .alt-menu li.sep-alt-menu {width: 2px;}
  .alt-menu li a{ padding: 0 18px; }
  /*--  Menu deroulant --*/
  .sf-menu ul { width: 150px; }
  .sf-menu ul li { width: 150px; }

  /*-- Home --*/

  /* Widgets home */
  .home-widgets {margin: 66px 0;}
  /*.home-widgets-item.home-widget-item-4, .home-widgets-item.home-widget-item-5 {margin-top: 3%;}*/
  .home-widgets-txt div {vertical-align: top;}

  /* Formulaire home */
  .heading1 .line-side {width: 11%;}
  .form-critere-input-ville .form-rubrique-interne {width: 20%;}
  .form-critere-input-ville .input-interne {width: 75%; text-align: right; margin-left: 24.5%;}

  /* Biens vedettes */
  .bien-vedette .heading1{ width: 35%; }
  .bien-vedette .line-side{ width: 28%; }


  /* Slide de news home */
  .home-slide-text {width: 55%;}
  .home-slide4 .free-bubble img{ right: 20px; }


  /*-- Footer --*/

  .pied-adresse {padding: 0 15px 30px;}
  .pied-adresse .tel-clear {display: block; clear: both;}
  .pied-agence-tel {margin: 5px 0 0 155px !important;}
  .pied-agence-contact {margin-top: -10px;}
  .pied-ref {padding: 0 15px;}

  /* Likes Réseaux Sociaux */
  .likes-badges ul li.clearfix{ display: block; height: 8px; }
  .likes-badges li.badge-tweeter{ padding-left: 0; margin-left: 0; }

  /*-- Alerte mail --*/

  .liste-create-alert-img {left: 3%; top: 9px;}
  .liste-create-alert-content {width: 86%;}
  .liste-create-alert-content-title {width: 45%;}
  .liste-create-alert-content-input {width: 53%; top: 5px;}

  /*-- Mode liste --*/

  .liste-container hr {width: 44%;}
  .liste-bien-container {height: auto;}
  .liste-bien-container.mode-2 {height: 291px;}

  /*-- Mode details --*/

  ul.buttons hr {width: 20%;}
  .detail-photo-container .large-flap-container, .detail-photo-container .anti-cheat, .detail-photo-container .large-flap-container div.diapo {height: 495px;}
  .big-flap-container .diapo img.photo-big {max-width: 700px; max-height: 700px;}
  .large-flap-nav {opacity: 1 !important;}
  .large-flap-nav .previous, .large-flap-nav .next {top: 190px; margin-top: 0;}
  .detail-bien-context-header > div:first-child {font-size: .8em;}
  .detail-bien-context-header > div {font-size: 1.1em;}
  .detail-bien-context-header > div.link a {font-size: .9em;}
  .detail-bien-context-infos {top: 53%;}
  .detail-bien-context-infos .detail-bien-context-title, .detail-bien-context-infos .prix, .detail-bien-context-infos .ref {left: 20px;}
  .detail-bien-context-title, .detail-bien-context-infos .prix {max-width: 170px !important; font-size: 1.1em;}
  .poi-col {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 24%; margin: 2%;}
  .poi-col:last-child {margin-right: 0;}
  .poi-col:first-child {margin-left: 0;}

  /* Partie mon compte */
  .side-mya a:link, .side-mya a:visited {font-size: .85em;}

  /* Ref page arbo */
  .home-slider-vedette {width: 90%; padding: 0 5%;}
  .stamp {width: 28.5%;}
  .stamp-texte-container {margin-top: 62px; height: 53px;}

  /* Minisite */
  .liste-nego-photo {width:25%;}


  /* Pages de Réf */
  .ref-plan-liste li{ width: 190px; }
  .ref-plan-liste.deux-colonnes li:nth-child(odd) { padding-right: 40px; }

}


/* ==========================================================================
   11.2 LANDSCAPE PHONE TO PORTRAIT TABLET : (max-width: 767px)
   ========================================================================== */


@media (max-width: 767px) {

  /*-- Generalites --*/

  /* Bandeau pour la HOME */
  #bg-header-home { height: 700px; }
  #bg-header-home .slide1, #bg-header-home .slide2, #bg-header-home .slide3{ height: 700px; }

  /* Bandeau pour toutes les autres pages */
  .bg-header {height: 700px;}

  .content-container{width: 100%; padding: 0;}
  .leftside-page {width: 100%; float: none;}
  .rightside-page {width: 96%; float: none;}
  .illustration-aside img {display: none;}
  a.bulle-en-savoir-plus, .uk a.bulle-en-savoir-plus {width: auto; background-image: none; text-decoration: none; height: 25px; padding: 10px 4% 0; border: none; color: #fff; font: .85em/1em 'LatoLight', sans-serif; position: inherit; float: left; top: 0; left: 0; text-indent: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    filter: dropshadow(color=#e5e5e5, offx=1, offy=1);
    -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;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  a:link.bulle-en-savoir-plus, a:visited.bulle-en-savoir-plus, .uk a:link.bulle-en-savoir-plus, .uk a:visited.bulle-en-savoir-plus {background-color: #d52c19;}
  a:hover.bulle-en-savoir-plus, a:active.bulle-en-savoir-plus, .uk a:hover.bulle-en-savoir-plus, .uk a:active.bulle-en-savoir-plus {background-color: #c4220f; background-image: none;}

  /*-- Header --*/

  .header-top {height: 99px; padding: 0;}
  #header-logo {padding-top: 22px; margin-left: 20px; width: 169px; height: 62px;}
  #header-logo a {background-size: 169px 62px; -webkit-background-size: 169px 62px; width: 169px; height: 62px;}
  .header-content {margin-left: 0;}
  .header-top .social-menu {display: none;}
  .main-lang-container {margin: 14px 94px 0 30px;}
  .nav-btn{display: block;} /* le bouton devient visible */
  .header-bottom {height: auto; padding: 0;}

  .header-menu .ico-menu-home{ display: none; visibility: hidden; }
  .header-menu .text-home{ display: inline; visibility: visible; }

  /* Menu orange */
  .alt-menu ul {width: 100%;}
  .alt-menu li {display: block; height: 30px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3)}
  .alt-menu ul li:last-child { border: none;}
  .alt-menu li.sep-alt-menu {display: none;}
  .alt-menu li a {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 32px; width: 100%; padding: 0;}

  /* Sous menu orange */
  .sf-menu ul {position: relative;}
  .alt-menu .sf-menu li {height: auto;}
  .sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 2px; background-image: none; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
  .sf-menu ul li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;  width: 100%;}
  .sf-menu li.sfHover li a:link, .sf-menu li.sfHover li a:visited {border-bottom: none; height: 31px; padding: 1px 0 0;}
  .sf-menu li.sfHover a:first-child {border-bottom: rgba(255, 255, 255, 0.5) 1px solid;}

  /*-- Menu Responsive (debut) --*/

  /* Menu gris : s ouvre sur le cote */
  .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 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,.8) }
  .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: #464646;}
  .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) */

  /* Widgets home */
  .home-widgets {margin: 30px 0;}
  .home-widgets-item-content {
  -webkit-box-shadow:  2px 2px 0 2px rgba(0, 0, 0, 0.3);
          box-shadow:  2px 2px 0 2px rgba(0, 0, 0, 0.3);}
  .home-widgets li {margin-top: 20px;}
  .home-widgets ul .clearfix {display: block;}
  .home-widgets ul li.home-widgets-item {width: 18%;}
  a .home-widgets-pic {margin-top: 20px;}
  .home-widgets-item-content {padding: 0;}
  .home-widgets-txt {font-size: .6em;}
  .home-widgets-txt div {vertical-align: top;}
  .free-bubble img {width: 43px; height: 49px;}

  /* Formulaire home */
  .masque-rech .form-critere-ope, .masque-rech .form-critere-type, .masque-rech #ListeSearchBien .form-critere-ope, .masque-rech #ListeSearchBien .form-critere-type, .masque-rech .form-critere-pieces, .masque-rech .form-critere-budget, .masque-rech .form-critere-motscles, .masque-rech .form-critere-surface, .masque-rech .form-critere-terrain, .masque-rech .form-critere-ref {width: 100%;}
  .masque-rech .form-critere-input-ville, .masque-rech #ListeSearchBien .form-critere-input-ville {width: 99.5%;}
  .masque-rech .form-critere-budget input, .masque-rech .form-critere-pieces input, .masque-rech .form-critere-surface input, .masque-rech .form-critere-terrain input {width: 82%;}
  input[type="submit"].form-submit-rech {width: 26%; margin: 5px 3% 16px 0; float: left;}
  .btn-more-rech {width: 40%; margin: 19px 0 30px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}

  /* Biens vedettes */
  a.home-vignette-container {width: 40%; margin: 2%;}
  .infos-bien {top: 33%; font-size: .8em;}
  .bien-vedette .line-side{ width: 20%; }
  .bien-vedette .heading1 {font-size: 1.3em; width: 45%;}

  /* Widget vide */
  .widget-vide { width: 40%; margin: 2% 2%; }


  /* Home recrutement */
  .home-recrutement {background-position: top center;}
  .home-recrutement .zone-txt {width: 80%;}
  a.submit-recrutement {margin-top: 1em}

  /* Slide home */
  .home-slide-agence {padding: 30px 0;}
  .home-slider-container .large-flap-container  {min-height: 515px;}
  .home-slide-prev, .home-slide-next{ margin-top: 230px; }
  .home-slide-prev {left: 5%;}
  .home-slide-next {right: 5%;}
  .home-slider-container {width: 76%;}
  .home-slide1, .home-slide2, .home-slide3, .home-slide4 {background-position: center top; padding: 330px 0 0; height: auto; background-size: 70%;}
  .home-slide-text {float: none; width: 100%; margin: 0; font-size: 0.8em;}
  .home-slide4 .free-bubble img{ right: 60px; top: 270px; }

  /* Specifique au slide des news de la home */
  .home-slide-news-img {width: 211px; height: 211px; float: none; margin: 0 auto 20px;}
  .home-slide-news-img img {min-height: 211px;}

  /*-- Footer --*/

  .pied-adresse {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
  .pied-adresse-content ul li {margin-bottom: 5px;}
  .pied-adresse .tel-clear, .pied-adresse .adresse-clear, .pied-adresse .contact-clear {display: block; clear: both;}
  .pied-agence-name {padding-left: 21px !important;}
  .pied-adresse li.pied-agence-contact {float: none; margin-top: 5px;}
  .pied-ref {padding: 0 10px;}
  #footer .social-menu {display: inline-block; float: right; margin-right: 20px; *display: inline; *zoom: 1; vertical-align: top;}

  /* Likes Réseaux Sociaux */
  .likes-badges ul li.clearfix{ display: block; height: 8px; }
  .likes-badges li.badge-tweeter{ padding-left: 0; margin-left: 0; }

  /*-- Alerte mail --*/

  .liste-create-alert-img {display: none;}
  .liste-create-alert-content {width: 93%;}
  .liste-create-alert-content-title {width: 100%;}
  .liste-create-alert-content .heading1 {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
  .liste-create-alert-content-input {width: 100%; top: 3px; margin-bottom: 1%; margin-left: 0;}
  input.input-text-alerte-mail {width: 83%;}

  /*-- Mode liste --*/

  .liste-display-all-nb {float: none; font-size: 1.1em;}
  .liste-container hr {display: none;}
  .filters-container {float: left; margin: 10px 0 20px;}
  .filters-content ul {text-align: left;}
  .filters-content li span.sort-liste, .filters-content li span.sort-liste a:link, .filters-content li span.sort-liste a:visited, li.mode-affichage {margin: 0 10px 0 0;}
  .select-mode-affichage p {display: none;}
  .liste-bien-container {height: auto; width: 100%;}
  .liste-bien-type, .liste-bien-price {font-size: .7em;}
  .liste-bien-ville {font-size: .6em;}
  .liste-bien-photo.mode-2 {width: 100%; height: auto;}
  .liste-bien-photo img {width: 100%; height: auto; opacity: 1 !important;}
  .liste-bien-photo img.anti-cheat {display: none !important; opacity: 0 !important;}
  .liste-bien-container.mode-2 {padding: 0;}
  .liste-bien-description.mode-2 {width: 98%;}
  .liste-bien-title.mode-2 {padding: 4.5% 0 .5%;}
  .bg-liste-mode-2 {background-size: 100%; margin: 10px 0 20px;}

  /* Ribbons */
  .mode-2 .liste-bien-ribbon {top: 0; left: -2px;}

  /* Mini liste */
  .ref .bloc-lib-critere-liste-new-search a, .ref .bloc-lib-critere-liste-label span {margin: 0 10px 10px 0; float: left;}

  /*-- Mode details --*/

  .page-container {margin-top: 0;}
  .detail-topnav ul {text-align: left;}
  li.button {margin-bottom: 10px;}
  li.contact-agence {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
  li.ico-back-clear,   li.ico-back-clear:hover {clear: both; display: block; background-color: transparent; height: 7px; padding: 0;}
  ul.buttons hr {display: none;}
  .detail-photo-container .large-flap-container, .detail-photo-container .anti-cheat, .detail-photo-container .large-flap-container div.diapo {height: 250px; min-height: 250px;}
  .big-flap-container .diapo img.photo-big {max-width: 400px; max-height: 400px;}
  .large-flap-nav {opacity: 1 !important;}
  .large-flap-nav .previous, .large-flap-nav .next {width: 24px; height: 45px; background: transparent no-repeat; display: block; margin-top: 100px;
    background-image: url(/images/slider-controls.png);
    background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
    background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
    }
  .large-flap-nav .next {background-position: -25px -338px; right: 20px;}
  .large-flap-nav .next:hover {background-position: -25px -383px;}
  .large-flap-nav .previous {background-position: 0 -338px; left: 20px;}
  .large-flap-nav .previous:hover {background-position: 0 -383px;}
  .detail-bien-context {display: none !important;}
  .thumbs-flap-wrapper {padding: 18px 13%; }
  .thumbs-control-prev {left: 10px}
  .thumbs-control-next {right: 10px;}
  .detail-bien-specs {width: 100%; padding: 35px 0 0; background-image: none; float: none;}
  .detail-bien-infos {background-size: 100%;}
  .detail-bien-desc-content {padding: 30px 0 0; margin-top: 17px; border-top: #d7d7d7 1px solid;}
  .poi-col {width: 46%; margin: 10px 1%;}
  .detail-bien-dpe, .detail-bien-lots {width: 100%; float: none; border-bottom: 1px solid #d7d7d7;}
  .detail-bien-contact, .detail-bien-desc-suppl-bien-neuf .detail-bien-contact {width: 96%; padding: 35px 2% 0; border: none;}

  /*-- News --*/

  .news-liste-container .large-flap-container {min-height: 100px; }
  .news-liste-container .thumbs-flap-container {background-size: 100%;}

  /*-- Ref : module de marquee --*/

  .pied-ref-defil-text {width: 100%; margin-right: 0;}
  .pied-ref-defil-images {width: 100%;}
  .pied-ref-defil-images ul {height: 90px;}
  .pied-ref-defil-images ul li .ref-bien-slide {width: 48%; float: left;}

  /*-- Ref : module de region, departement, ville - tabs --*/

  .region-annonces-container {width: 99%; margin-right: 0;}

  /*-- Formulaires --*/

  .main-content-demicol, .main-content-demicol:first-child {width: 100%; margin: 0; float: none; margin-bottom: 20px;}
  .form-critere-title, .form-critere-title-left {padding-bottom: 7px;}
  .main-content-demicol .form-critere-content, .form-critere-content {width: 100%;}
  .input-text.input-unite, input.input-unite {width: 86%; margin-bottom: 4px;}
  .form-highlight-items:first-child {margin-top: 7px;}

  /*-- Pop-up --*/

  .ui-dialog {width: 90% !important;}
  .calc-leftcol, .calc-rightcol {float: none; width: 100%}

  /*-- Mon compte --*/

  .leftside-menu-mya {width: 98%; float: none;}
  .rightside-page-mya {width: 100%; float: none;}
  li.mya-widget a:link, li.mya-widget.mya-widget-selection a:visited, li.mya-widget.mya-widget-selection a:hover {background-color: #eee;}
  .lieu-bloc-search .lieu-search-label {width: 100%;}
  .lieu-bloc-search input.lieu-input-search  {width: 96%;}
  .mya .liste-bien-photo.mode-2 .liste-bien-photo-frame img {width: 100%; height: auto;}

  /*-- Ref page arbo --*/

  .home-vedette {height: 305px;}
  .home-slider-vedette, .home-slider-vedette-container, .home-vedette .large-flap-container, .home-slide-vedette, .stamp {height: 270px;}
  .stamp {width: 95%;}
  .stamp-texte-container {margin-top: 167px; height: 55px;}

  /*-- Ref page ville --*/

  .ref-page-ville .leftside-page, .ref-page-ville .rightside-page {width: 98%}

  /*-- Minisite --*/

  input#dept {width: 74%;}
  .liste-nego-photo {width: 35%;}
  ul.liste-nego-buttons {margin-top: 10px; padding: 0 0 0 35%;}
  .liste-nego-buttons li:first-child {margin: 0 0 7px; }
  .minisite .leftside-page {width: 100%; float: none;}
  .minisite .rightside-page {width: 96%; float: none; margin-top: 60px;}
  .minisite .illustration-aside img {display: block; float: right; margin-bottom: 10px;}
  .minisite .rightside-page hr {width: 100%;}
  .minisite .liste-container hr {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
  .minisite .liste-display-all-nb {margin-bottom: 10px;}
  .minisite .liste-bien-photo.mode-2 .liste-bien-photo-frame img {width: 100%; height: auto;}


  /* Pages de Réf */
  .ref-plan-liste li{ width: 100%; float: none; }
  .ref-plan-liste.deux-colonnes li:nth-child(odd) { padding-right: 0; }

  .mini-site-pict {
      bottom: 44px;
  }


}


/* ==========================================================================
   11.2 LANDSCAPE PHONES AND DOWN (max-width: 480px)
   ========================================================================== */


@media (max-width: 480px) {

  /*-- Generalites --*/

  .content-container {width: 100%; min-width: 320px;}

  /* Bandeau pour la HOME */
  #bg-header-home { height: 630px; }
  #bg-header-home .slide1, #bg-header-home .slide2, #bg-header-home .slide3{ height: 630px; }

  /* Bandeau pour toutes les autres pages */
  .bg-header {height: 700px;}

  /*-- Header --*/

  #header-logo {padding-top: 29px; margin-left: 20px; width: 130px; height: 47px;}
  #header-logo a {background-size: 130px 47px; -webkit-background-size: 130px 47px; width: 130px; height: 47px;}
  .main-lang-container {margin: 18px 88px 0 0;}
  .nav-btn {width: 33px; height: 22px; background-size: 33px 22px; -webkit-background-size: 33px 22px; margin-top: 6px;}

  /*-- Home --*/

  /* Widgets home */
  a .home-widgets-pic {margin-top: 4px; background-size: 157px 47px; -webkit-background-size: 157px 47px; width: 31px; height: 23px;}
  .home-widget-item-1 a .home-widgets-pic {background-position: 0 0;}
  .home-widget-item-1 a:hover .home-widgets-pic {background-position: 0 -23px;}
  .home-widget-item-2 a .home-widgets-pic {background-position: -63px 0;}
  .home-widget-item-2 a:hover .home-widgets-pic {background-position: -63px -23px;}
  .home-widget-item-3 a .home-widgets-pic {background-position: -31px 0;}
  .home-widget-item-3 a:hover .home-widgets-pic {background-position: -31px -23px;}
  .home-widget-item-4 a .home-widgets-pic {background-position: -124px 0;}
  .home-widget-item-4 a:hover .home-widgets-pic {background-position: -124px -23px;}
  .home-widget-item-5 a .home-widgets-pic {background-position: -93px 0;}
  .home-widget-item-5 a:hover .home-widgets-pic {background-position: -93px -23px;}
  .free-bubble img {right: -30px;}
  .home-widgets-txt div {vertical-align: top;}

  /* Formulaire home */
  input[type="submit"].form-submit-rech {width: 40%;}
  .masque-rech .form-critere-pieces .form-critere-content, .masque-rech .form-critere-budget .form-critere-content, .masque-rech .form-critere-surface .form-critere-content, .masque-rech .form-critere-terrain .form-critere-content {width: 100%;}
  .uk .masque-rech .form-critere-budget .form-critere-content, .uk .masque-rech .form-critere-surface .form-critere-content, .uk .masque-rech .form-critere-terrain .form-critere-content, .uk .masque-rech .form-critere-pieces .form-critere-content {width: 100%;}
  .btn-more-rech {width: 55%;}

  /* Biens vedettes home */
  .infos-bien {top: 23%; font-size: .65em;}
  .bien-vedette .line-side {margin-top: 11px; width: 17%;}
  .bien-vedette .heading1 {font-size: 1.1em; margin-bottom: 15px; width: 53%;}
  a.submit-all-bien {font-size: .65em; height: 35px;}
  /* Home recrutement */
  .home-recrutement .zone-txt {margin-top: 3.5em;}

  /* Slide home */
  .home-slide1, .home-slide2, .home-slide3, .home-slide4 {background-position: center top; padding: 250px 0 0; height: auto; background-size: 100%;}
  .home-slide4 .free-bubble img{ right: 0; top: 185px; }

  /* Tableaux (Programmes Neufs) */
  .detail-bien-lots{ width: 100%; }
  .detail-bien-lots table{ font-size: .7em; }
  .detail-bien-lots table th, .detail-bien-lots table td{ max-width: 70px; }


  /*-- Footer --*/

  #footer .social-menu {float:none; margin-left: 20px}

  /*-- Mode liste --*/

  .filters-content li span.sort-liste, .filters-content li span.sort-liste a:link, .filters-content li span.sort-liste a:visited, li.mode-affichage {margin: 0 2px 0 0;}

   /*-- Mode detail --*/

  .big-flap-container .diapo img.photo-big {max-width: 250px; max-height: 350px;}
  .poi-col {width: 100%; margin: 10px 0;}
  .poi-col li {line-height: 2.5em;}

  /*-- Alerte mail --*/

  .liste-create-alert-content {width: 93%;}
  input.input-text-alerte-mail {width: 80%;}

  /*-- Ref : module de marquee --*/

  .pied-ref-defil-images ul {height: 190px;}
  .pied-ref-defil-images ul li .ref-bien-slide {width: 100%;}

  /*-- ref page arbo --*/

  .home-vedette {height: 255px;}
  .home-slider-vedette, .home-slider-vedette-container, .home-vedette .large-flap-container, .home-slide-vedette, .stamp {height: 210px;}
  .stamp {width: 95%;}
  .stamp-texte-container {margin-top: 133px; height: 35px;}

  /*-- ref page ville --*/

  .ref-thumbs-text {margin-top: 2px;}
  .ref-thumbs, .ref-thumbs-img-frame {height: 77px;}

  /*-- minisite --*/

  .minisite .illustration-aside img {float: none;}
  a.bulle-me-contacter {right: 10px;}

  .liste-bien-ref-offre{ margin-top: 3.5%; }

  .liste-bien-ref-title{ position: none; }
  .liste-bien-ref-title.mode-2 {padding: 8.5% 0 3.5% 0;}

  .liste-bien-title.mode-2 .liste-bien-ref-price {position: relative; top: 0; left: 0; }
  .extrait-ref-desc{ max-height: 200px; }

}

/* 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); }.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"; }

.error-form[type="checkbox"]+label {
    color: #C00!important;
}

.RgpdChkContainer .error-form[type="checkbox"] ~ * {
    color: #C00!important;
}