/* Style CSS */ 


@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900');


html {
  position: relative;
  min-height: 100%;
}

body {
  height:100%;
  
  background-color: #d1d1d1;
  /*
  background-image: url(../img/background.png);
  background-repeat: no-repeat;
  background-position:top center;
  background-attachment: fixed; 
  */
  
  font:400 14px 'Open Sans', sans-serif !important;
  letter-spacing: 0.05em;

}

:focus, :active {
    outline: 0;
}

*, *:after, *:before, .box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.dev-colonne-gauche {
  position: fixed;
  z-index:9999;
  top:0; left:0;
  width:300px; height:auto;
  padding:10px;
  background-color: #ccc;
  color:#fff;
}

/* - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Helpers Class */
/* - - - - - - - - - - - */

.align-justify {
  text-align: justify;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual;
}

.bt_scroll{
  width:50px; height:50px;
  position:fixed;
  bottom:45px;right:0px;
  margin:auto;
  z-index:1010;
  display:none;
  cursor:pointer;
}

.up   { background: transparent url('../svg/bt_scrollup.svg'); }
.down { background: transparent url('../svg/bt_scrolldown.svg'); }

.background-blanc { background:white; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Bootstrap Helpers */
.col-centered{
    float: none;
    margin: 0 auto;
}

.row { margin:10px auto 0px auto !important; }

.btn { white-space:normal !important; word-wrap:break-word; }


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.container-background {
  background-image: url(../img/background.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}


/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Mixitup */
button {
  margin: 2px 0;
  padding: 5px;
  font: 400 14px 'Open Sans',Arial,sans-serif;
  background: #fefefe;
  color: #000;
  border: solid 1px #ccc;
}

button:hover,
button.active { 
  background:#ee1f57;
  color:#fff;
}

#Mixitup_Container .mix{
  display: none;
}

.mix{ }

.liste-total{
  font: 600 18px 'Open Sans',Arial,sans-serif;
}

/* - - - - - - - - -*/

.clear { clear:both; }
.texte-blanc { color:#fff; }
.text-center { text-align: center; }
.left { float:left; }
.right { float:right; }

.transform-y {
  -webkit-transform: translateX(0%) translateY(-50%) ;
  -moz-transform: translateX(0%) translateY(-50%) ;
  -ms-transform: translateX(0%) translateY(-50%) ;
  -o-transform: translateX(0%) translateY(-50%) ;
  transform: translateX(0%) translateY(-50%) ;
}


.transform-x {
  -webkit-transform: translateX(-50%) translateY(0%) ;
  -moz-transform: translateX(-50%) translateY(0%) ;
  -ms-transform: translateX(-50%) translateY(0%) ;
  -o-transform: translateX(-50%) translateY(0%) ;
  transform: translateX(-50%) translateY(0%) ;
}

.transform-middle {
  -webkit-transform: translateX(-50%) translateY(-50%) ;
  -moz-transform: translateX(-50%) translateY(-50%) ;
  -ms-transform: translateX(-50%) translateY(-50%) ;
  -o-transform: translateX(-50%) translateY(-50%) ;
  transform: translateX(-50%) translateY(-50%) ;
}

.transform-top {
  -webkit-transform: translateX(0%) translateY(0%) ;
  -moz-transform: translateX(0%) translateY(0%) ;
  -ms-transform: translateX(0%) translateY(0%) ;
  -o-transform: translateX(0%) translateY(0%) ;
  transform: translateX(0%) translateY(0%) ;
}

.transform-bottom {
  -webkit-transform: translateX(0%) translateY(-100%) ;
  -moz-transform: translateX(0%) translateY(-100%) ;
  -ms-transform: translateX(0%) translateY(-100%) ;
  -o-transform: translateX(0%) translateY(-100%) ;
  transform: translateX(0%) translateY(-100%) ;
}

.shadow-box {
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
}

h1 {
  color:#000;
  font:600 23px 'Raleway', sans-serif;
  padding:5px 0; margin:5px 0;
  text-transform: uppercase;
}

h2 {
  color:#000;
  font:700 28px 'Raleway', sans-serif;
  padding:0; margin:5px 0;
  /*text-transform: uppercase;*/
}

h3 {
  color:#000;
  padding:5px 15px 10px 5px; margin:10px 0;
  display:inline-block;
  background: #ffffff;

  font:700 20px 'Raleway', sans-serif !important;
  letter-spacing: .025em;

  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

h4 {
  color:#000;
  font:700 16px 'Raleway', sans-serif;
  padding:0; margin:0;
  text-transform: uppercase;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - -  strike blanche ------ texte -----  */
.strike {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap; 
  margin:0 0 10px 0;
}

.strike > span {
    position: relative;
    display: inline-block;
    font:700 18px 'Open Sans',Arial;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #fff;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}


.strike-black > span:before,
.strike-black > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #000;
}


/* ---------------------------------------------------------- LIEN a --*/
a { color:#EE1F57; font:700 14px 'Open Sans', sans-serif; padding:0 2px;}
a:hover { text-decoration: none;  background:#ee1f57 !important; color:#fff !important;}

a.lien-vide       { background: transparent !important; padding:0 !important; margin:0 !important;}
a.lien-vide:hover { text-decoration: none !important; background: transparent !important; }

a.lien-blanc       { color:#fff; background: transparent; }
a.lien-blanc:hover { text-decoration: none; }


.lien-pa       { margin:20px 0; padding:10px; background: #f6f6f6; color:#EE1F57; }
.lien-pa:hover { text-decoration: none; background:#EE1F57; color:#fff; }


.div-lien-box       { 

}

.div-lien-contenu {
  display:inline-block; 
  width:auto;
  margin:10px 0; padding:10px; 
  background: #EE1F57; color:#fff; 
}
.div-lien-contenu:hover { text-decoration: none; background:#ad143d; color:#fff; }


a.lien-box { 
  color:#fff; 
  width:auto; height: auto;
  display:inline-block;
  padding:5px 8px; margin:5px 0;
  background-color: #EE1F57;
}
a.lien-box:hover { 
  background-color: #90181e;
}

ul#liste-actus{
  padding:0; margin:0 auto;
  list-style: none;
  list-style-image: url("../img/liste-fleche.png");
}

ul#liste-actus li {
  margin:10px 0;
}

ul#liste-actus li a {
  margin:0; padding:0;
}


.liste-centree{
  display: inline-block;
  width:auto;
  padding:0; margin:0 auto;
  background-color: #fff;
  position: relative;
  top:0; left:50%;
}

hr.tiret {
  border: 0; 
  background-color: #c8c8c8;
  padding:0; margin:10px auto;
  width:25%; height: 2px; 
}

hr.ligne-noire {
  width:100%;
  padding:0 20px;
  margin:auto;
  border-top: 1px solid #000;
}

hr.ligne-grise {
  width:50%;
  padding:20px;
  margin:auto;
  border-top: 1px solid #ccc;
}


/* ---------------------------------------------------------- blockquote --*/
blockquote {
  background: #fcfcfc;
  border: 1px dashed #c8a151;
  color: #000;
  font:600 14px 'Open Sans', sans-serif;
  font-style: italic;
  margin:0 auto 10px auto;
  padding: 30px;
}

blockquote h2{
  color:#2b5b8b;
  font:700 18px 'Open Sans', sans-serif;
  padding:10px 0 0 0; margin:0;
  text-decoration: uppercase;

}

blockquote hr{
  border: 0; 
  background-color: #c8a151;
  padding:0; margin:20px auto;
  width:20%; height: 2px; 
}

blockquote p {
  margin:5px 0;
}


.row-wrapper-principal{
    margin-top : 35px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - TEMPLATE --*/
.Logo-zone {
  position:relative;
  z-index:100;
}

.Logo-droite-zone {
  background-color: #fff;
  background-image: url('Assets/img/decoration-background.png'); 
  background-position:top left; 
    background-size: 585px 100px;
    background-repeat: no-repeat;
}

    
.barre-haute-container {
  border-top:solid 10px #fff;
  background-color: transparent; 
} 

.barre-haute-wrapper {

  width:100%; max-width:1170px; height:auto;
  margin:0 auto;padding:0 15px;
  
  font:400 12px 'Open Sans', sans-serif !important;
  color:#000;

  background-color: transparent;
  background-image: url('../img/decoration-background.png'); 
  background-position:top right; 
  background-size: 500px 85px;
  background-repeat: no-repeat;


}

.barre-haute-wrapper .form-control {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 2px 6px;
    font-size: 12px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.btn-recherche {
  color: #fff;
  background-color: #6D6E71;
  border-color: #6D6E71;
  font:600 10px 'Open Sans', sans-serif !important;
  padding:2px 4px;
}

.btn-recherche:hover {
  background-color: #FDBB2A;
  border-color: #FDBB2A;
  color:#fff;
}

.logo-container {
  background-color: #fff;
  height: auto;
  padding:15px 0 35px 0;
}

.logo-droite {
  height:auto;  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}


.logo {
  width:100%; max-width:300px;
  padding:5px; margin:10px auto;
}

.logo img { width:100%; height:auto; }

.icon-box-img { width:200px; height:auto; margin:15px;display: inline-block; }


.container-page {
  background:transparent;
}


/* - - - - - - */
/* - - - - - - - ViewPage */
/* - - - - - - */
.page-contenu {
  font:400 14px 'Open Sans',Arial; 
  text-align: justify;
  background:transparent;
}

.page-contenu h1 {
  color:#ee1e57;
  font:600 32px 'Raleway', Arial;
  text-align:left;
}

.page-contenu h2 {
  color:#000;
  font:600 23px 'Raleway', sans-serif;
  padding:10px 0;
  margin:10px 0;
  border-bottom: solid 1px #f1f1f1;
}

.page-contenu ul{
  margin: 0 50px;
  list-style-image: url(../img/liste-fleche.png);
}

.page-contenu  ul li {
  line-height: 15px;
  margin: 10px 0;
}

.page-contenu-texte img {
  /*
  width:100%;
  height:auto;
  */
}

/* - - - - - - */
/* - - - - - - - View_EspaceLocataire  Vie de Kartié */
/* - - - - - - */
.actus-box-liste {
  width:100%;height:auto;
  background:#fff;
  border: solid 1px #eee;
  padding:10px; margin:15px 0;
  cursor: pointer;
}

.actus-box-liste:hover {
  background:#ee1f57;
  color:#fff;
}


/* - - - - - - */
/* - - - - - - - View_EspaceLocataire */
/* - - - - - - */


#affiche-formulaire {
  background:#f27324;
  font:600 20px 'Open Sans', sans-serif;
  color:#fff;
  padding:10px;
  border:solid 1px #fff;
}

#affiche-formulaire:hover {
  background:#db5c0d;
}

.zone-email-confirmation {
  font:400 18px 'Open Sans',Arial;
  background:#840202; color:#fff;
  padding:25px;margin:0 auto;
}


#connexion-client-box {
  background:#9b0c32;
  font:400 14px 'Open Sans', sans-serif;
  color:#fff;
  padding:10px;
  border:solid 1px #fff;
}

#connexion-client-box:hover {
  background:#7c0e2a;
}


#demande-de-logement-box {
  background:#bcbcbc;
  font:400 14px 'Open Sans', sans-serif;
  color:#fff;
  padding:10px;
  border:solid 1px #fff;
}

#demande-de-logement-box:hover {
  background:#00628b;
}


/* - - - - - - */
/* - - - - - - - View_PetitesAnnonces */
/* - - - - - - */

.pa-background {
  background: #b2b3b4 url(//www.shlmr.fr/img/vendre_louer_background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
} 


.pa-titre {
  width:100%; max-width:1140px; height:auto;
  margin:auto;padding:0;
  font:400 16px 'Open Sans',Arial,sans-serif;
  color:#ee1f57;
} 


.pa-liste-wrapper {
  width:73%;height:auto;
  padding-left:10px;
  float:right;
}

.pa-liste {
  width:100%;height:auto;
  margin:20px 0;
  padding:5px;
  background:transparent;
}

.pa-liste:hover {
  background:#f5f5f5;
  color:#ee1f57;
}

.pa-vignette {
  width:20%;height:auto;
  padding:0 15px 0 0;
  float:left;
}

.pa-resume {
  width:60%;height:auto;
  font:12px Arial,sans-serif;
  font-weight:600; color:#555;
  padding:0 0 0 0; margin:0;
}

.pa-resume > p {
  padding:5px 0 0 0; margin:0;
}

.pa-annonce {
  width:100%;height:auto;
  font:16px Arial,sans-serif;
  font-weight:600; color:#555;
  padding:10px 0 0 0; margin:0;
}

.pa-annonce > p {
  padding:10px 0px 0 0px; margin:0;
}

.pa-widget {
  width:25%;height:auto;
  padding-right:30px;
}


/* ----------------------------------- Petites annonces GALERIE PHOTOS ---- */
.pa-annonce-galerie {
  width:100%; height:auto;
  margin: 0 0 0 0;
}

.pa-photos {
  width:160px;height:auto;
  float:left;
  margin: 5px;padding:0;
  border: solid 1px #ccc;
}

/* ----------------------------------- Petites annonces CONTACT ---- */
.pa-contact { 
  font:400 14px Arial,sans-serif;
  text-decoration:none;
  background: #eee;
  color:#000;
  padding:15px; margin:10px 0 0 0;
  text-align: center;
}

.pa-contact > h2 { 
  margin:-20px 0 10px 0; padding: 0;
  color: #000;
  text-align: center;
}

.pa-ensavoirplus {
  width:15%;height:auto;
  text-align:right;
  margin:10px 15px 0 0;
}

a.pa-link-box { 
  font:14px Arial,sans-serif;
  font-weight:600;
  text-decoration:none;
  background: #ee1f57; 
  color:#fff;
  padding:5px; margin:0;
  line-height: 35px;
}

a.pa-titre { 
  font:14px 'Raleway',Arial,sans-serif;
  font-weight:600;
  text-decoration:none;
  color:#ee1f57;
  padding:5px 0; margin:0 0 15px 0;
}

a.pa-link-box:hover, a.pa-titre:hover { background:#840202; color:#ee1f57; }
a.active { background: #840202; color:#fff; }

.box-rouge, .box-gris, .box-prix{ 
  font:18px Arial,sans-serif;
  font-weight:600;
  text-decoration:none;
  background: #ee1f57; color:#fff;
  padding:5px; margin:0;
  line-height: 35px;
}

.box-gris{ background: #888; }
.box-prix{ font:23px Arial,sans-serif; }


.box-rouge-lien { 
  width:50%;height:auto;
  font:300 14px Arial,sans-serif;
  text-decoration:none;
  background: #ee1f57; color:#fff;
  padding:10px; margin:auto;
  cursor: pointer;
}

.box-rouge-lien:hover { background: #840202; }

.mixitup-no-result,
.mixitup-loading {
  width:95%; max-width:1140px; height:auto;
  font:400 20px 'Raleway', sans-serif; color:#fff;
  padding:20px; margin: 10px auto;
  text-align:center;
  background:#ee1f57;
}



/* - - - - - - - - - - - Noty */
#noty {
  display:block;
  position:fixed;
  top:0; left:50%;
  z-index:9000;
  width:90%; max-width:325px;
  text-align: center;
  font:600 20px 'Open Sans',Arial;
  padding:25px;


  -webkit-transform: translateX(-50%) translateY(0%) ;
  -moz-transform: translateX(-50%) translateY(0%) ;
  -ms-transform: translateX(-50%) translateY(0%) ;
  -o-transform: translateX(-50%) translateY(0%) ;
  transform: translateX(-50%) translateY(0%) ;
}

.noty-success{
  border: 2px solid #06d552;
  border-top: none;
  color:#fff; font:600 14px 'Open Sans',Arial;
  background-color: #06d552;
}

.noty-error{
  border: 2px solid  #d83737;
  border-top: none;
  color: #fff;
  background-color: #ff0000;
}




.btn-locataire {
  padding:15px; background-color: #eee;
  cursor:pointer;
  height:auto;

  border:solid 1px #000;

  position:relative;
  z-index: 100;
  top:0; left:0;
}



.zone-locataire {
  margin-top:100px;
  position:absolute;
  z-index: 90;
  top:20px; left:0;
  background:#ee1f57;
  width:100%;
  height:350px;
}


  /* - - - - - - - - - - - - - - - - - - - - - - - - - -  Zone Locataire zone */
  .Locataire-zone {
    
    display: block;
    width  : 100%; 
    height : auto;
    
    background-color: transparent;
    margin:0; padding:0;

    position: absolute;
    z-index:10;
    top:50%; left:0px;

    text-align: right;

  }

  /* - - - - - - - - - - - - - - - - - - - - - - - - - -  Contactez nous NOTY */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - -  Contactez nous NOTY */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - -  Contactez nous NOTY */
  .coin-bas-gauche {
    display: inline-block;
    position: absolute;
    bottom:0; left:0;
    z-index:10;
  }
  
  .contactez-nous-noty{
    display:inline-block;
    position: absolute;
    top: -70px; left:250px;
    z-index:600;

    width:auto; height:auto;
    font:600 10px 'Open Sans',Arial;
    color:#fff;
    background-color:#ee1f57;
    padding:0px; margin:0;

    cursor:pointer;
  }

  .contactez-nous-noty-icon {
    display:inline-block;
    position: absolute;
    top: -10px; left:250px;
    z-index:600;

    width:auto; height:auto;
    color:#fff;
    background-color:#ee1f57;
    padding:0px; margin:0;

    cursor:pointer;
  }

  .contactez-nous-icon {
    float:left;
    background-color: #ee1f57;
    padding:5px;
  }

  .contactez-nous-texte {
    float:right;
    background-color: #ee1f57;
    padding:5px;
  }

  .contactez-nous-texte span {
    font:600 14px 'Open Sans',Arial;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - -  3 blocs * Box Zone * ACCUEIL */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - -  3 blocs * Box Zone * ACCUEIL */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - -  3 blocs * Box Zone * ACCUEIL */
  .Box-Zone-Container {
    position: relative;
    height:80px;
    cursor: pointer;
  }
  
  .Box-Zone {
    padding:10px 20px;

    position: absolute;
    top:0; left:0;
    display: block;
    z-index:50;
    width  : 100%; 
    height:80px;
    overflow: hidden;

    color:#fff;
    font:300 16px 'Open Sans',Arial;
    letter-spacing: 2px;
    line-height: 1.8em;
    margin:5px 0; 

    /* transition: all 0.5s ease; */

  }
  
  a.Box-Zone-Lien-Texte {
     color:#ffffff; 
     font:700 14px 'Open Sans', sans-serif; 
     padding:0; margin:0;
     text-decoration: none;
  }

  a.Box-Zone-Lien-Texte:hover {
    text-decoration: underline;
    background: transparent !important;
  }

  .Box-Zone-plus {
    display: inline-block;
    width:auto; height: auto;
    position: absolute;
    top:0px; right:5px;
  }

  ul.Box-Zone-Liste {
    padding: 20px 15px;
    margin: 0px auto;
    list-style: none;
    list-style-image: none;
    list-style-image: url("../img/box-zone-liste-fleche.png");
    letter-spacing: 1px;
    max-width:300px;
    line-height: 1em;
  }
  
  ul.Box-Zone-Liste li a {
    color:#fff;
  }

  ul.Box-Zone-Liste li {
    margin:10px 0;
  }

  ul.Box-Zone-Liste li a:hover {
    text-decoration: underline;
  }


  .Box-Zone-Bouton {
      position: relative;
      width:100%; height: auto; min-height:70px;

      margin:0px auto 10px auto; padding:5px 0;
      
      font:600 13px 'Raleway',Arial;
      color:#fff;
      text-align: left;
    
      cursor: pointer;
      background-size: 40px;
      background-repeat: no-repeat; 
      background-position: 5px 50%;
  }

   .Box-Zone-Bouton-Texte {
      position: absolute;
      top:49%; 
      left:50px;
      line-height:18px;

  }

  .Box-Zone-Bouton-Texte span { font:400 12px 'Raleway',Arial; } 

  /* - - - - - - - - - ACCUEIL * Locataire Devenir ZONE  */
  /* - - - - - - - - - ACCUEIL * Locataire Devenir ZONE  */
  /* - - - - - - - - - ACCUEIL * Locataire Devenir ZONE  */
  .Locataire-Devenir-Zone {    
    background-color: #bcbcbc;
  }

  .Locataire-Devenir-Contenu {
    text-align: left;
    display: inline-block;
    width: auto; height:auto;
    position: absolute;
    z-index:10;
    top:50%; left:85px;
    color:#fff;
    font:400 16px 'Raleway',Arial;
  }

  .Locataire-Devenir-Contenu span {
      color:#fff;
      font:400 23px 'Raleway',Arial;
  }

  

  /* - - - Accueil * BTN Deveneir  */
  #Locataire-Devenir-Bouton {
      background-color: #a5a5a5;
      background-image: url(../img/icon-demande-en-ligne.png);
  }

  #Locataire-Devenir-Bouton:hover { background-color: #7F7F7F; }

  /* - - - - - - - - - - ACCUEIL * Locataire Déjà ZONE  */
  /* - - - - - - - - - - ACCUEIL * Locataire Déjà ZONE  */
  /* - - - - - - - - - - ACCUEIL * Locataire Déjà ZONE  */
  .Locataire-Deja-Zone {
    background-color: #EE1F57;
  }

  .Locataire-Deja-Contenu {
    
    text-align: left;

    display: inline-block;
    width: auto; height:auto;
      
    position: absolute;
    z-index:10;
    top:50%; left:85px;

    color:#fff;
    font:400 16px 'Raleway',Arial;
  }

  .Locataire-Deja-Contenu span {
      color:#fff;
      font:400 23px 'Raleway',Arial;
  }

  /* - - - Accueil * BTN Deja  */
  #Locataire-Deja-Bouton {
      background-color: #C61948;
      background-image: url(../img/icon-espace-client-blanc.png);
  }


  #Locataire-Deja-Bouton:hover { background-color: #A0143A; }


  /* - - - - - - - - - ACCUEIL * Petites Annonces ZONE */
  /* - - - - - - - - - ACCUEIL * Petites Annonces ZONE */
  /* - - - - - - - - - ACCUEIL * Petites Annonces ZONE */
  .PetitesAnnonces-Zone {
    background-color: #11416d;
  }

  .PetitesAnnonces-Zone-Derniere {
    position: relative;
    width:100%; height:auto;
    padding:10px; margin:0 0 10px 0;
    background-color: #5a7b9a;
    background-color: rgba(255,255,255,0.05);
    text-align: left;
    color:#fff;
    font:400 12px 'Open Sans',Arial;
  }
  
  .PetitesAnnonces-Zone-Derniere:hover {
    background:#0B2A47;
  }

  .PetitesAnnonces-Zone-Derniere p {
    font:600 16px 'Open Sans',Arial;
    margin:0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: solid 1px rgba(255,255,255,0.25);
  }

  .PetitesAnnonces-Zone-Derniere-plus {
    display: inline-block;
    width:auto; height: auto;
    position: absolute;
    bottom:5px; right:5px;
  }



  /* - - - Accueil * BTN Petites Annonces  */
  #PetitesAnnonces-Bouton {
      background-color: #2B6091;
      background-image: url(../img/icon-alertes-emails.png);
  }

  #PetitesAnnonces-Bouton:hover { background-color: #142C44; }
  
  #PetitesAnnonces-Bouton-Alerte {
      background-color: #2B6091;
      background-image: url(../img/icon-alerte.png);
  }

  #PetitesAnnonces-Bouton-Alerte:hover { background-color: #142C44; }


  .rs-container { 
    margin-top:15px; 
  }
  

  /* - - - - - - - - - PAGE * Zone Colonne Gauche */
  /* - - - - - - - - - PAGE * Zone Colonne Gauche */
  /* - - - - - - - - - PAGE * Zone Colonne Gauche */

  .Gauche-Box-Zone {
    padding:15px;
    margin:0 0 15px 0;
    font:400 13px 'Open Sans',Arial;
    color:#000;

    background-image: url(../img/background-btn-gauche.png);
    background-repeat: no-repeat; 
    background-position: right top;

    cursor: pointer;
  }

  .Gauche-Box-Zone span {
    font:600 18px 'Open Sans',Arial;
  }
  
  /* Rouge */
  .Gauche-Box-Zone-Rouge{
    /*border:solid 1px #ee1f57;*/
    color:#ee1f57;
    background-color: rgba(238, 31, 87, 0.05);
  }

  .Gauche-Box-Zone-Rouge:hover{
    background-color:#ee1f57;
    color:#fff;
  }
  
  /* Bleu */
  .Gauche-Box-Zone-Bleu{
    /* border:solid 1px #11416d; */
    background-color: #3897f0;
    color:#fff;
  }

  .Gauche-Box-Zone-Bleu:hover{
    background-color:#106FC9;
    color:#fff;
  }



  

  


  /* - - - - - - - - - - - - - - - - - - - - - - - - - -  Zone A vendre / A louer */
  .Annonce-zone {
    background-color: #f1f1f1;
    background-position:center center; 
    background-size: cover;
    background-repeat: no-repeat;

    height:300px;
    color:#fff;
    margin:5px 0 5px 0;

  }

  .Annonce-contenu {
    display:inline-block;
    width:auto; height:auto;
    background-color: #11416d;
    background-color: rgba(17, 65, 109, 0.5); 
    color:#fff;
    font:400 23px 'Raleway',Arial;

    padding:10px 10px 10px 25px; 

    position:absolute;
    z-index:10;
    top:165px;
    left:0px; 
  }

  .Slider-ensavoirplus {
    display:inline-block;
    width:auto; height:auto;
    background-color: #EE1E57; color:#fff;
    font:600 12px 'Raleway',Arial;

    padding:5px; margin:10px 0;

    /*
    position:absolute;
    z-index:10;
    top:50%; right:15px;
    */
  }

  .Slider-ensavoirplus:hover {
    background-color: #C61948;
  }


  .Annonce-liste {
    background-color: #11416D;
    background-color: rgba(17, 65, 109, 1); 
    height:350px;
      color:#fff;
  }

  .Annonce-liste h1 {
    color:#fff;
    font:600 18px 'Raleway', Arial;
    padding:0; margin:10px 0;
  }

  .Annonce-liste h2 {
    color:#fff;
    font:400 16px 'Raleway', Arial;
    padding:5px 0;
  }

  .Annonce-liste div a {
    color:#fff;
    font:400 14px 'Raleway', Arial;   
    padding:5px; margin:5px 0;
    
    background:#2B6091;

    line-height: 1.25em;
    display: inline-block;
  }

  .Annonce-liste div a:hover {
    background:#EB1F47;
  }


  /* - - - - - - - - - - - - - - - - - - - - - - - - - -  Zone Appels Offres */
  .AppelsOffres-zone {
    
    width: 100%; 
    height:100px;
    
    position: relative;

    background-color: #FF4235;
    /* 
    background-image: url(../img/icon-appels-offres.png); 
    background-image: url(../img/icon-appels-offres.png);
    background-size: 60px;
    background-repeat: no-repeat; 
    background-position: 15px 50%;
    */

    background-image: url(../img/background-btn.png);
    background-repeat: no-repeat; 
    background-position: right top;

      color:#fff;
      font:400 16px 'Raleway',Arial;
  
      margin:0 0 10px 0; padding:0;
      cursor:pointer;

      border: solid 5px #F12D20;
  }

  .AppelsOffres-zone:hover {
    background-color: #F12D20;
  }


  .AppelsOffres-contenu {
    display: block;
    width: 100%; height:auto;
      
    position: absolute;
    z-index:10;
    top:50%; left:25px;

      color:#fff;
      font:400 16px 'Raleway',Arial;
  }

  .AppelsOffres-contenu span {
      color:#fff;
      font:400 23px 'Raleway',Arial;
  }


  .AppelsOffres-texte  {
    display: inline-block;
    width: auto; height:auto;
      
    position: absolute;
    z-index:10;
    top:50%; left:70px;

    color:#fff;
    font:400 16px 'Raleway',Arial;
  }

  .AppelsOffres-texte span {
      color:#fff;
      font:400 23px 'Raleway',Arial;
  }


  /* - - - - - - - - - - - - - - - - - - - - - - - - - -  Zone Demande en ligne */
  .NousContacter-zone {
    
    width: 100%; 
    height:100px;
    
    position: relative;

    background-color: #3897F0;
    /* 
    background-image: url(../svg/icon-nous-contacter.svg);
    background-size: 60px;
    background-repeat: no-repeat; 
    background-position: 15px 50%; 
    */

    background-image: url(../img/background-btn.png);
    background-repeat: no-repeat; 
    background-position: right top;

      color:#fff;
      font:400 16px 'Raleway',Arial;
  
      margin:0 0 10px 0; padding:0;
      cursor:pointer;

      border: solid 5px #2E7EC9;
  }

  .NousContacter-zone:hover {
    background-color: #2566A3;
  }


  .NousContacter-contenu {
    display: block;
    width: 90%; height:auto;
      
    position: absolute;
    z-index:10;
    top:50%; left:25px;

      color:#fff;
      font:400 16px 'Raleway',Arial;
  }

  .NousContacter-contenu span {
      color:#fff;
      font:400 23px 'Raleway',Arial;
  }


  .Actus-zone {
      text-align: center;
    margin:10px 0;
  }

  .Actus-zone ul#Actus-liste {
    padding: 15px 0;
    margin: 0px auto;
    list-style: none;
      list-style-image: none;
    list-style-image: url("../img/liste-fleche.png");
    max-width:250px;
  }

  .Actus-liste-centree {
      display: inline-block;
      width: auto;
      padding:0;
      margin: 0 auto;
      background-color: #fff;
      position: relative;
      top: 0;
      left: 50%;
  }

  .Actus-liste-centree li {
    margin:5px auto;
  }
  
  hr.trait-blanc { border: 0; height: 1px; background: #fff; background-image: linear-gradient(to right, #ccc, #fff, #ccc); }
  hr.trait-noir { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); }


  .decoration-background {
    background-color: #fff;
    background-image: url('../img/decoration-background.png'); 
    background-position:top center; 
    background-size: 100%;
    background-repeat: no-repeat;
  }




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Media Queries */
@media only screen and (max-width: 1200px) { 

}

@media only screen and (max-width: 1199) { 

}


@media only screen and (max-width: 1024) { 

 .row { margin:25px 0 !important; }

}


@media only screen and (max-width: 991px) { 
    
  .barre-haute-wrapper { text-align: center; } 
  .icon-box-img { width:150px; height:auto; }

  .rs-container { display:none; }
  

}

@media only screen and (max-width: 767px) { 
    .icon-box-wrapper { display:none; }

    .row-eq-height { display:block; }

}


@media only screen and (max-width: 500px) { 
  
  #form-wrapper { padding:0 !important; }
  .ombrage { padding:25px 5px !important; }
  .page-contenu { padding:0px 5px !important; }

  #nous-contacter-container { padding: 25px 0px !important; }
  .zone-container { padding:10px 0px !important; }
  .col-choix { padding:0px !important; }
  .btn-anim { margin:8px 0px !important; }

}


@media only screen and (max-width: 400px) { 
  
  .icon-box-img { width:100px; height:auto; margin:5px; }

}