/* CSS commun à toutes les pages utilisant le layout MA.tpl.php */
/*
    hpSyncCss: ['./views/css/style.css',
                './views/css/find_property.css',
                './views/css/header.css',
                './views/css/forms2.css', //depend of jquery-ui
                './views/css/fonts.css'
            ],
    hpAsyncCss: [	'./views/css/footer.css',
                    './views/css/articles.css'],
    hpSyncJs: [],
    hpAsyncJs: [	'./views/js/libs/FlashObject.min.js',
                    './views/js/smcTagsManager.js', //depend of jquery
                    './views/js/functions.js', //depend of jquery
                    './views/js/smcManageFilters2.js', //depend of jquery,jquery-ui,smcTagsManager,functions
                    './views/js/smcLoadLastSearch.js', //depend of jquery
                    './views/js/libs/createjs-2015.11.26.min.js'
                ],
*/
@charset "UTF-8";
/*
 * @infos: minify with https://cssminifier.com/
 * we can to use other technics: https://cssminifier.com/examples
 */
 @charset "UTF-8";

/****************************************
Generic
****************************************/
body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1rem; /* = 16px  --> il faudra donc passer le reste a la bonne taille de police*/
/*   font-size: 12px; */
    font-style: normal;
  margin: 0;
  line-height: 1;
}
select,input[type=text]{
    outline:none;
}

input::-webkit-input-placeholder {
    color: #6d6d6d;
}

input:-moz-placeholder {
    color: #6d6d6d;
}

a,.a_fake {
  color: #134B96;
  text-decoration: none;
}
.hidden{
    display: none;
}
fieldset{
    border: 0 none;
    padding: 0px;
    margin: 0px;
    position:relative;
/* 	z-index:0; */
}
h1
{
    font-weight:bold;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.no_margin{
    margin: 0 !important;;
}
.icon{
    width:25px;
    height:25px;
    overflow:hidden;
}
.icon_print{
    width:27px;
    height:30px;
    overflow:hidden;
}
.icon_local{
    width:20px;
    height:40px;
    overflow:hidden;
}
.icon2{
    width:50px;
    height:25px;
    overflow:hidden;
}
#global{
/* 	1000px + 19px d'ombre de chaque coté */
/* 	max-width: 1000px; */
    max-width: 1000px;
    margin-left: auto;
     margin-right: auto;
}
.clearfix{
    clear: both;
}
.clearleft{
    clear: left;
}
.clearright{
    clear: right;
}
.next_pg
{
    float: right;
}
.prev_pg
{
    float: left;
}
img
{
    border-style: none;
}
.link
{
    color: #134B96;
    text-decoration: underline;
    font-size: 12px;
}
.icon_fleche_bleu
{
    background-image: url(../png/icons.png);
    background-position: 0px -175px;
    background-repeat:no-repeat;
    width:27px;
    height:28px;
    overflow:hidden;
}
.icon_link
{
    cursor:pointer;
}
.spaceBlock
{
    float: left;
}
.spaceBlock200
{
    float: left;
    height: 200px;
}
.spaceBlock240
{
    float: left;
    height: 240px;
}
.spaceBlock350
{
    float: left;
    height: 350px;
}
.no_padding{
    padding: 0 !important;
}
.no_padding_left{
    padding-left: 0 !important;
}
.no_padding_right{
    padding-right: 0 !important;
}

.no-list-style{
    list-style: none;
}

/****************************************
Content generic
****************************************/

.core_content{
    min-height: 600px;
    max-width: 1000px;
    margin-left: auto;
     margin-right: auto;
    background-color : white;
    box-shadow: 0px 25px 20px 10px rgba(170, 170, 170, 0.75);
    -moz-box-shadow: 0px 25px 20px 10px rgba(170, 170, 170, 0.75);
    -webkit-box-shadow: 0px 25px 20px 10px rgba(170, 170, 170, 0.75);
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.core_content.mandat{
    background: url('../png/loupe.png') no-repeat right 0px #fff;
}

.core_content.profil{
/*    background: url('https://www.maisonsetappartements.fr/views/images/icons/fd_fiche_inter.png') no-repeat right 0px #fff;*/
    background: none;
}

@media(max-width : 425px){
    .core_content.mandat{
        background: #fff;
    }
}

.core_content #top_content{
    background-color: #2d4a95;
    height: 28px;
/* 	width: 1000px; */
}
.msgErrorPrompt
{
    background-color: yellow;
    margin-top: -200px;
    top: -300px;
}
.popupDisplay
{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    display: none;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
    background-color: #FFFFFF;
    z-index: 900;
}
#popupBeCalled, #popupSendFolder, #popupAppointment, #popupAskDoc
{
    position: fixed;
    z-index: 900;
}
.crossClose
{
    margin-right: 7px;
    margin-top: -26px;
}
.closePopup
{
    float: right;
    margin-top: -96px;
    margin-right: 3px;
}
.closePop
{
    float: right;
    position: relative;
    top: -153px;
    right: 4px;
}
.bottom_resultSearch{
    height: 0;
}
/****************************************
Content dropdown
****************************************/

/* General dropdown styles */
.dropdown {
    margin-top: 6px;
    position: absolute;
    z-index: 1;
}
.dropdown dd, .dropdown dt, .dropdown ul {
    margin:0px;
    padding:0px;
}
.dropdown dd {
    position:relative;
}
.dropdown dt, .dropdown li {
    color: #000;
    cursor: pointer;
}
/****************************************
common page
****************************************/
.mainContent
{
    padding-top: 20px;
}
.listMain {
/*   width: 100%; */
  background-color: transparent;
  margin-top: 28px;
  display: table;
  position: relative;
}
.listMain h1{
    position: relative;
    font-size: 24px;
    text-transform: uppercase;
    color: #2d4a95;
    margin-top: 0px;
}
.listMain ul{
/*   width: 209px; */
  list-style: none outside none;
  margin-top: 18px;
  padding-left:0px;
  text-align: left;
  line-height: 25px;
    margin-left: 0;
/*   float: left; */
/*   position: absolute; */
}
.listMain ul li{
/* 	width: 250px; */
}
.listMain ul li a{
  font-size: 12px;
  font-family: arial;
  font-weight: normal;
  text-decoration: underline;
}

.breadcrumb{
    color: #2d4a95;
    font-size: 12px;
    height: 28px;
    font-weight: bold;
    line-height: 28px;
    padding-left:4em;
}
.newformat .breadcrumb{
    padding-left: 3.3%;
}

/******************
Sprites
********************/
.icon_rss{
    background:transparent url(../png/boutons_sprite.png) no-repeat -111px -62px;
    width:45px;
    height:15px;
    display:inline-block;
}
.iconMiniLoupeSearch{
    background: url("../png/boutons_sprite2.png") no-repeat scroll -114px -80px rgba(0, 0, 0, 0);
    height: 22px;
    width: 21px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-right: -3px;
}
#closePopup .cross_icon{
    position: absolute;
    top: 5px;
    right: 3px;
    width: 21px;
    height: 21px;
    background:transparent url(../png/icons.png) no-repeat -5px -150px;
    cursor: pointer;
}

/******************
description of page
********************/
p.descr_page{
  font-size: 14px;
  font-weight: bold;
  margin-left: 20px;
  margin-top: 0;
  width: 714px;
  margin-bottom: 30px;
}
/******************
header
********************/
header{
    margin-left: auto;
    margin-right: auto;
    max-width: 62.5rem;
}
/******************
pagination
https://www.google.com/design/spec/components/data-tables.html#data-tables-specs
********************/
.pagination a{
    color: #000;
}
.prev_link{
/* 	padding-left: 32px; */
    padding-right: 12px;
}
.next_link{
    padding-left: 12px;
/* 	padding-right: 14px; */
}
.prev_link span,.next_link span{
    font-size: 1.25rem;
    font-weight: bold;
}

.star_favoris{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
}


@media only screen and (max-width: 64.063em) { /* max-width 1025px, large screens */

    table.material-table{
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        overflow-x: hidden;
    }
    table.material-table thead th{
        text-align: left;
        color: rgba(0, 0, 0, 0.54);
        font-size: 12px;
        line-height: 56px;
        font-weight: 500;
        padding: 0;
        border-bottom: 1px solid #bdbdbd;
        padding-right: 56px;
    }
    table.material-table thead th.extra-action, table.material-table tbody td.extra-action{
        padding: 0 14px 0 24px;
        width: 48px;
    }
    table.material-table thead th:first-child, table.material-table tbody td:first-child{
        padding: 0 56px 0 24px;
    }
    table.material-table thead th.checkbox, table.material-table tbody td.checkbox{
        padding: 0 24px;
        width: 18px;
    }
    table.material-table thead th.checkbox md-checkbox, table.material-table tbody td.checkbox md-checkbox,
    table.material-table thead th.extra-action button, table.material-table tbody td.extra-action button{
        margin: 0;
    }
    table.material-table tbody tr[ng-click]{
        cursor: pointer;
    }
    table.material-table tbody tr td{
        color: rgba(0, 0, 0, 0.87);
        font-size: 13px;
        line-height: 48px;
        font-weight: 500;
        padding: 0;
        border-bottom: 1px solid #e0e0e0;
/*      max-width: auto; */
/*         overflow: hidden; */
/*         text-overflow: ellipsis; */
/*         white-space: nowrap; */
        padding-right: 56px;
    }
    table.material-table tbody tr td span{
        line-height: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        width: calc(100% - 35px);
    }
    table.material-table tbody tr.material-table-summary td{
        color: rgba(0, 0, 0, 0.54);
    }
    table.material-table tbody td a{
        color: rgba(0, 0, 0, 0.87);
        text-decoration: underline;
    }



    ul.material-list {
        padding: 8px 16px 8px;
    }
    ul.material-list li.lines-2{
        list-style:none;
        height: 72px;
        padding: 20px 0;
    }
    ul.material-list li.lines-3{
        list-style:none;
        height: 88px;
        padding: 16px 0 20px 0;
    }
    ul.material-list li p{
        font-size: 14px;
        margin: 0;
        line-height: 16px;
    }
    ul.material-list li p:first-child{
        font-size: 16px;
    }
}


@media only screen and (max-width: 40em) {
    /************************************
    HP submit button specific
    ************************************/
    .core_content {
/* 	  background-color: white; */
      -webkit-box-shadow: none;
      box-shadow: none;
/* 	  margin-bottom: 0; */
/* 	  margin-left: auto; */
/* 	  margin-right: auto; */
/* 	  max-width: 1000px; */
/* 	  min-height: 600px; */
/* 	  padding-bottom: 0; */
/* 	  position: relative; */
    }
}
@media only screen and (min-width: 40em) {

    .dropdown {
        margin-top: 3px;
    }

    .no_padding_medium_plus {
        padding-left:0px;
        padding-right:0px;
    }
}




/****************************************
NEW FORMAT HP
****************************************/
.HP_body .slogan {
    padding-top: 50px;
    padding-left: 71px;
    padding-right: 71px;
}

.HP_body .slogan h1 {
    font-size: 24px;
    color: #fff;
    text-shadow: 2px 2px 4px #000000;
    font-weight: 700;
}

/********* MOTEUR **********/
.HP_body .fd_moteur {
    width:100%;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.fd_moteur .moteur {
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(0, 0, 0, 0.6);
    float:left !important;
}

.fd_moteur .fieldCol {
    margin-bottom:0px;
}

.fd_moteur .formCol_Fields {
    padding-top:14px;
    padding-bottom: 11px;
}

.fd_moteur .inputHPpadding {
    padding: 0px 5px 0px 0px;
}

.fd_moteur .arrow_select, .fd_moteur #v_localite, .fd_moteur .inputFilterMaxHeight, .fd_moteur #aroundKmField {
    min-height: 37px;
    max-height:37px;
    height: 37px !important;
    font-family: arial;
    font-size: 14px;
}

.fd_moteur .smcTag {
    padding: 6px 26px 3px 4px !important;
    width: 77%;
    float: left;
    background: #2D4A95;
    color: #fff;
    line-height: 24px !important;
    height: 31px;
}
.smcTag{
    padding: 5px 26px 4px 4px !important;
    line-height: 14px;
    margin: 2px 0 3px 2px !important;
    width: 77%;
    float: left;
    background: #2D4A95;
    color: #fff;
    height: 22px;
}

.smcTag-close {
    font-size: 19px !important;
    padding-top: 1px !important;
}

.ui-autocomplete li{
    font-size: 13px;
    padding: 0 5px !important;
}
.ui-autocomplete #ville,.ui-autocomplete #dept,.ui-autocomplete #quartier,.ui-autocomplete #suggest,.ui-autocomplete #alentour{
    background: url('../png/fd_sstitre_moteur.png') repeat-x;
    background-position-y: -1px;
    width: 98%;
    padding: 0 !important;

}
.ui-autocomplete #ville span,.ui-autocomplete #dept span,.ui-autocomplete #quartier span,.ui-autocomplete #suggest span,.ui-autocomplete #alentour span,.ui-autocomplete #no_result span{
    color: #2D4A95;
    background-color: #fff;
    padding: 0 5px;
}
.ui-autocomplete .ui-state-focus{
    background-color: #B9C8EE;
}

.fd_moteur #aroundKmField {
    right: 5px;
}

.fd_moteur #aroundKmField .dropdown {
    margin-top: 10px;
}

.fd_moteur #search_form_line ::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}
.fd_moteur #search_form_line :-moz-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}
.fd_moteur #search_form_line ::-moz-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}
.fd_moteur #search_form_line :-ms-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.fd_moteur .arrow_select.selectEmpty {
    color: #000;
    content: none;
}

.fd_moteur #filterBdgAll {
    padding: 7px 0px 0px 8px;
}

.fd_moteur #search_form select {
    padding-left: 4px;
    padding-top: 2px;
}

.fd_moteur #sendSearch {
    width:100%;
    background-color: #2d4a95;
    background-image: url('../png/ic_search_white.png');
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
}


/********* PREVIOUS SEARCH **********/



.HP_body .float-icon {
    height: 50px;
    width: 50px;
    margin-top: -5px;
    border-radius: 50px;
    background-color: #2d4a95;
    -webkit-box-shadow: 2px 2px 10px 2px silver;
    box-shadow: 2px 2px 10px 2px silver;
    float: left;
    padding-top: 6px;
}

.HP_body #previous_search span {
    line-height: 50px;
    margin-left: 15px;
}

.HP_body #previous_search .with_prev_search  {
    margin-top: 5px;
}

.HP_body #prec_rechs {
    margin: 0;
}

.HP_body #prec_rechs table {
    width: 100%;
}

/********* CORPS **********/

.HP_body .core_content {
    -webkit-box-shadow:none;
    box-shadow:none;
}


/********* VILLES **********/

.HP_body .blkVille {
    height: 280px;
    margin-top: 30px;
    padding-top: 128px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.HP_body .villeName {
    height: 24px;
    text-align: center;
}

.HP_body .villeName a {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    border: none;
}

.HP_body .tteVille, .HP_body .ttreportage {
    height: 60px;
    width: 313px;
    margin-left:auto;
    margin-right: auto;
    padding: 0px 15px;
    clear: both;
}

.tteVille .float-icon, .ttreportage .float-icon {
    height: 40px;
    width: 40px;
    border-radius: 40px;
    margin-top: 10px;
}


.HP_body .tteVille a, .HP_body .ttreportage a {
    font-weight: 700;
    line-height: 60px;
    margin-left: 20px;
    font-size: 18px;
}

.HP_body .list-ville-key, .HP_body .list-county-key {
    height: 20px;
    white-space: nowrap;
/*
    overflow: hidden;
    text-overflow: ellipsis;
*/
}

.HP_body .list-ville-key a, .HP_body .list-county-key a {
    font-size: 13px;
    font-weight: 700;
}

.HP_body .list_lien_ville, .HP_body .list_lien_county {
    margin-top: 30px;
}


/********* ARTICLES ********/

.HP_body .Cards {
    background-color: #fff;
    -o-box-shadow: 0px 0px 10px 0px #656565;
    -webkit-box-shadow: 0px 0px 10px 0px #656565;
    box-shadow: 0px 0px 10px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
    margin-top: 30px;
}

.HP_body .Cards span {
    color: #2d4a95;
    font-size: 1rem;
    font-weight: 700;
}

.HP_body #articlesListHP {
    margin-top: 80px;
}

.HP_body .Cards.end {
    margin-bottom: 50px;
}
.HP_body .Cards.end .descr_page{
    margin-top: 1.25rem;
}

.HP_body #articlesListHP .articlePict img {
    width: 100%;
    max-height: 208px;
}

.HP_body #articlesListHP .articleTitle {
    color: #6f6f6f;
    font-family: verdana;
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
    height: 44px;
}

.HP_body #articlesListHP .articleIntro {
    min-height: 160px;
}

.HP_body #articlesListHP .articleIntro p {
    font-size: 13px;
}

.HP_body #articlesListHP .articleIntro .intro {
    height: 120px;
}

.HP_body #articlesListHP .articleIntro .a_fake {
    text-align: right;
    font-size: 14px;
}

.HP_body #articlesListHP .hpTitleCounty h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #134B96;
    margin-top: 30px;
}

/********* FOOTER ********/
.HP_body footer {
    width: 100%;
    background-color: #2d4a95;
    margin-top: 50px;
}
.HP_body footer.mandat {
    margin-top: 0 !important;
}

.HP_body footer #newsletter{
    height: 24px;
    width: 100%;
    border: 0 none;
    margin-bottom: 10px;
}

.HP_body footer .lblnews{
    margin-top: 20px;
}

.HP_body footer .lblnews #newsletter_lbl{
    font-size: 14px;
}

.HP_body footer .inpnews{
    padding-right: 15px !important;
}

.HP_body footer .esppro{
    margin-bottom: 10px;
}




/*************** PRESENTATION POLE POSITION *************************/
.ppbtn{background-color:#2d4a95;color:#ffffff;padding:8px 15px;text-align:center;text-decoration:none;cursor:pointer;max-width: 365px;margin: 0 auto;}
.present-pp-btn{height:120px;padding-top:55px !important;}
.titrepole{color:#2d4a95;font-size:50px;margin:30px 0px 10px 0px;font-weight:400;}
.pptt2{color:#c6111c;font-size:16px;text-transform:uppercase;font-weight: bold;margin: 70px 0px 30px 0px;}
.ppstt2{color:#000000;font-size:16px;text-transform:uppercase;font-weight: bold;margin-bottom: 10px;}
.ppt2{color:#000000;line-height:20px;}
.pptv2{color:#2d4a95;font-size:16px;text-transform:uppercase;font-weight: bold;}
.ppstt4{color:#2d4a95;font-size: 22px;font-weight:bold;margin: 25px 0px 10px 0px;}
.ppt4{margin:0;}

.ppborder-img{padding: 10px 5px;}

.pphauteur{height:135px;max-height: 135px !important;}
.pplongueur{width:400px;max-width: 400px;max-height:135px !important;}

.ppslideshow {padding: 25px 0px 0px 10px;background-color: #2D4A95;}

.presAnnonce{color: #fff;font-size: 14px;width: 100%;text-align: center;line-height: 16px;margin-top: 5px;margin-bottom: 15px;}

.pplogoAgence {
    float: left;
    position: absolute;
    left: 14px;
    -webkit-box-shadow: 1px 1px 12px #252525;
    box-shadow: 1px 1px 12px #252525;
    padding: 1px;
    background-color: #fff;
    bottom: -90px;
    width:auto;
}

.votrelogo{height:100px;width:200px;font-size:40px;line-height: 100px;color: #737272;font-weight: 700;}
.ppAgence {
    float: right;
    min-width: 42%;
    max-width: 70%;
    margin-bottom: 5px;
}
.pptitreAgence {
    font-family: Arial,Helvetica,sans-serif;
    text-align: right;
    text-decoration: none;
    color: #737272;
    font-style: italic;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    line-height:26px;
}
.ppdescAgence {
    font-family: Arial,Helvetica,sans-serif;
    text-align: right;
    text-decoration: none;
    color: #737272;
    font-style: italic;
    font-size: 16px;
    text-transform: uppercase;
    line-height:22px;
}
.decouvre {margin-top:35px;}

.presAgence{position:relative;clear:both;}






/********* MEDIA NEW FORMAT **********/

@media only screen and (min-width: 641px) and (max-width:981px){
    .HP_body .slogan {
        padding-left: 55px;
        padding-right: 55px;
    }

    .HP_body .slogan h1 {
        font-size: 20px;
    }

    .last_search {
        font-size: .75rem!important;
    }

    .HP_body .articleIntro {
        min-height: 140px;
    }

    .HP_body .articleIntro .intro {
        height: 100px;
    }


}

@media only screen and (max-width:40em){
    .HP_body .slogan {
        padding-left: 20px;
        padding-right: 20px;
    }

    .HP_body .slogan h1 {
        font-size: 18px;
    }

    .HP_body .mrgtypebien {
        margin-top: 16px;
    }

    .HP_body #filterBdgAll {
        padding: 2px 0px 0px 8px;
    }

    .HP_body section.core_content {
        background: none;
    }

    .HP_body .blkVille {
        height: 130px;
        padding-top: 60px
    }

    .HP_body .villeName a {
        font-size: 18px;
    }

    .HP_body .btn-search {
        margin-top: 16px;
    }
    .HP_body .smcTag {
        padding: 4px 0 3px 4px;
    }
    .HP_body #aroundKmField .dropdown {
        margin-top: 6px;
    }

    .pphauteur{height:75px;max-height: 75px !important;}
    .pplongueur{width:100%;max-width: 100%;max-height:135px !important;}

    .pplogoAgence {
        float: left;
        -webkit-box-shadow: 1px 1px 12px #252525;
        box-shadow: 1px 1px 12px #252525;
        padding: 1px;
        background-color: #fff;
        width:auto;
        margin-bottom:10px;
        bottom: 0px;
        left:0px;
        position:relative;
    }
}

.no_pdg_top {
    padding-top: 0px !important;
}

.HP_body .float-icon-mini {
    height: 35px;
    width: 35px;
    border-radius: 50px;
    background-color: #2d4a95;
    -webkit-box-shadow: 2px 2px 10px 2px silver;
    box-shadow: 2px 2px 10px 2px silver;
    float: left;
    padding-top: 3px;
    padding-left: 2px;
}


/************ CARDS *************/
.Cards {
    background-color: #fff;
    -o-box-shadow: 0px 0px 10px 0px #656565;
    -webkit-box-shadow: 0px 0px 10px 0px #656565;
    box-shadow: 0px 0px 10px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
    margin-top: 30px;
    padding: 10px 10px 10px 20px;
    min-height:60px;
}

.float-icon {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background-color: #2d4a95;
    -webkit-box-shadow: 2px 2px 10px 2px silver;
    box-shadow: 2px 2px 10px 2px silver;
    float: left;
    padding-top: 1px;
    margin-right: 20px;
}



/*************** PAGE GENERIC *************************/

.GENERIC_Block{
    padding-top:50px;
}

.msg_del_news{
    line-height: 50px;
}


























ul.Npagination{
    list-style: none;
    display: inline-block;
    line-height: 48px;
}
ul.Npagination li{
    float: left;
    margin-right: 10px;
}
ul.Npagination li a{
    padding: 8px 12px;
    border: solid 1px #9e9e9e;
    color: #2d4a95;
    font-size: 16px;
    border-radius: 5px;
}
ul.Npagination li.bouton a{
    padding: 8px 20px;
}
ul.Npagination li a:hover{
    background-color: #2d4a95;
    color: #fff;
    border-color: #009DE0;
}

.pag_number{
    line-height: 30px;
}


ul.Npagination li a.pagi_actif{
    background-color: #2d4a95;
    color: #fff;
    border-color: #009DE0;
    text-decoration: none;
    font-weight: normal;
}
/*
.pagi_actif{
    text-decoration:underline;
    font-size:15px;
}
*/

ul.Npagination li .points{
    padding: 8px 12px;
    color: #2d4a95;
    font-size: 16px;
    border: none;
    line-height: 20px;
}
ul.Npagination li a.points:hover{
    background: none;
    color: #2d4a95;
}
ul.Npagination li a.prev_link{
    background: url('../png/arrow_prev.png') no-repeat center center #fff;
}
ul.Npagination li a.prev_link_init{
    background: url('../png/dbl_arrow_prev.png') no-repeat center center #fff;
}
ul.Npagination li a.next_link{
    background: url('../png/arrow_next.png') no-repeat center center #fff;
}
ul.Npagination li a.prev_link:hover{
    background: url('../png/arrow_prev_white.png') no-repeat center center #2d4a95;
}
ul.Npagination li a.prev_link_init:hover{
    background: url('../png/dbl_arrow_prev_white.png') no-repeat center center #2d4a95;
}
ul.Npagination li a.next_link:hover{
    background: url('../png/arrow_next_white.png') no-repeat center center #2d4a95;
}

/*
 * find_property.css
 * @version : 1.0.3
 * @infos: minify with https://cssminifier.com/
 * we can to use other technics: https://cssminifier.com/examples
 *
 */

/****************************************
NEW FORMAT HP
****************************************/
.HP_body .slogan {
    padding-top: 50px;
    padding-left: 71px;
    padding-right: 71px;
}

.HP_body .slogan h1 {
    font-size: 24px;
    color: #fff;
    text-shadow: 2px 2px 4px #000000;
    font-weight: 700;
}

/********* MOTEUR **********/
.HP_body .fd_moteur {
    width:100%;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.HP_body .moteur {
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(0, 0, 0, 0.6);
    float:left !important;
}


.smcTag {
    max-width: 225px;
}


/*
.HP_body .smcTag span{
    display: block;
    width: 205px;
    height: 12px;
    width: auto;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
*/




/********* PREVIOUS SEARCH **********/

.HP_body #previous_search {
    max-height: none;
    min-height: 0px;
    margin-top: -100px;
    margin-bottom: 30px;
    font-size: 24px;
}

.HP_body .float-icon {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    background-color: #2d4a95;
    -webkit-box-shadow: 2px 2px 10px 2px silver;
    box-shadow: 2px 2px 10px 2px silver;
    float: left;
    padding-top: 6px;
}

.HP_body #previous_search span {
    line-height: 50px;
}

.HP_body #previous_search .with_prev_search  {
    margin-top: 5px;
}

.HP_body #prec_rechs {
    margin: 0;
}

.HP_body #prec_rechs table {
    width: 100%;
}

.HP_body .supblksearch {
    width: 20%;
    padding: 15px;
    float:left;
}


.HP_body .supblksearch .float-icon {
    height: 40px;
    width: 40px;
    float: none;
    padding-top: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -22px;
}

.HP_body .supblksearch .float-icon img {
    width: 30px;
}

.HP_body .blkprevsearch {
    width: 100%;
    min-height: 144px;
    padding: 10px 10px 25px 10px;
    background-color: #fff;
    -o-box-shadow: 0px 0px 10px 2px #656565;
    -webkit-box-shadow: 0px 0px 10px 2px #656565;
    box-shadow: 0px 0px 10px 2px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
    background-color: #efefef;
}

.HP_body .blkprevsearch p {
    margin-bottom: 5px;
    font-size: 13px;
}

.HP_body .blkprevsearch p.grd {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    height: 41px;
    width: 100%;
    margin: 0 auto 5px auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.HP_body .blkprevsearch p.lst {
    padding-left: 5px;
    line-height: 16px;
}

.HP_body .mrgleft-10 {margin-left: 10%;}
.HP_body .mrgleft-20 {margin-left: 20%;}
.HP_body .mrgleft-30 {margin-left: 30%;}
.HP_body .mrgleft-40 {margin-left: 40%;}


/********* CORPS **********/

.HP_body .core_content {
    -webkit-box-shadow:none;
    box-shadow:none;
}

/* ceci est du texte ajoute pour que le fichier change de taille et soit capter par le deploiement de gulp
/********* MAP **********/

.fd_map p{

}

.map{
    background-image: url('../jpg/fd_bandeau_carte1.jpg');
    background-position: 0px 0px;
    background-size:cover;
}
.fd_map{
    min-height:inherit;
}

.test123 {
    background-image: url('../jpg/fd_bandeau_carte.jpg');
    background-position: center center;
    background-size:cover;
    font-size:45px;
    color: #2d4a95;
    font-weight:bold;
    margin-bottom: 5px;
    line-height: 40px;
    background-color: #2d4a95;
    padding: 10px 15px;
    color: #fff;
    font-size: 20px;
    width: 135px;
}

.fd_map .map{
    padding: 15px 20px 20px 20px;
    height: 250px;
}

.fd_map .new_txt_map{
    text-transform: uppercase;
    font-weight: bold;
    color: red;
    font-size: 26px;
}

.fd_map .new_map{
    font-size:45px;
    color: #2d4a95;
    font-weight:bold;
    margin-bottom: 5px;
    line-height: 40px;
}

.fd_map .text_map{
    font-size:22px;
    color: #000;
    font-weight: bold;
    margin-bottom: 50px;
    margin: 0px 0 116px;
    line-height:30px;
}

.fd_map .lien_map{
    background-color: #2d4a95;
    width: 105px;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    line-height:inherit;
    text-align:center;
    position: absolute;
    bottom: 20px;
    left: 30px;
    margin:0;
}
.fd_map.no_prev_search{
    margin-top: 30px;

}

@media(min-width : 430px) and (max-width : 768px){
    .fd_map .text_map{
        width: 90%;
    }
}

/***************** BLOC LIEN MANDAT ****************/
.blk_first2 {
    position: relative;
    padding:15px 15px 15px 15px;
    background-color: #2D4A95;
    color: #FFF;
    height: 250px;
}

.blk_first2 a{
    text-decoration: none;
    color: inherit;
}

.blk_first2 .titre {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    color: #009DE0;
    line-height: 30px;
    padding: 0 40px;
}

.blk_first2 .blk_firsttxt {
    text-align:left;
    line-height: 20px;
    margin-top: 6%;
    padding-right: 50px;
    font-size:14px
}

.blk_first2 .btn_precisez {
    background-color: #009DE0;
    border: none;
    padding: 10px 15px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    margin-top: 7%;
    float: left;
    }

.blk_first2 .loupe{
    position:absolute;
    bottom: 10px;
    right: 10px;
}

.pub_web_mag {
    background-image: url(../jpg/revue_ouverte.jpg);
    height: 250px;
    background-position: 75px 43px;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px 15px 0px 15px;
    text-align:center;
}

.pub_web_mag .txt{
    line-height: 20px;
    float: left;
    text-align: left;
    color:#000000;
}

.pub_web_mag .txt2{
    line-height: 26px;
    color:#2d4a95;
    font-weight:bold;
    font-size:22px;
    text-align:center;
    margin-left:-15px;
}

.pub_web_mag .txt3{
    background-color: #929292;
    color: #fff;
    font-size: 14px;
    width: 90px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    margin-top: 108px;
}



@media(min-width : 430px) and (max-width : 768px){
    .blk_first2 .loupe{
        display:none;
    }
    .blk_first2 .titre {
        padding: 0;
    }
    .blk_first2 .blk_firsttxt {
        padding: 0;
    }
}
@media(max-width : 425px){
    .blk_first2 {
        width: 100%;
        margin-top: 8%;
        margin-left: 0px;
    }
}
@media(max-width : 320px){
    .blk_first2 .loupe{
        right: 20px;
        width: 100px;
    }
    .blk_first2 .titre {
        padding: 0;
    }
    .blk_first2 .blk_firsttxt {
        padding: 0;
    }
}


/********* VILLES **********/

.HP_body .blkVille {
    height: 280px;
    margin-top: 30px;
    padding-top: 128px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.HP_body .villeName {
    height: 24px;
    text-align: center;
}

.HP_body .villeName a {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    border: none;
}

.HP_body .tteVille, .HP_body .ttreportage {
    height: 60px;
    width: 313px;
    margin-left:auto;
    margin-right: auto;
    padding: 0px 15px;
    clear: both;
}

.tteVille .float-icon, .ttreportage .float-icon {
    height: 40px;
    width: 40px;
    border-radius: 40px;
    margin-top: 10px;
    margin-left: 10px;
}


.HP_body .tteVille a, .HP_body .ttreportage a {
    font-weight: 700;
    line-height: 60px;
    margin-left: 20px;
    font-size: 18px;
}

.HP_body .list-ville-key, .HP_body .list-county-key, #moreDates .list-county-key {
    height: 20px;
    white-space: nowrap;
/*
    overflow: hidden;
    text-overflow: ellipsis;
*/
}

.HP_body .list-ville-key a, .HP_body .list-county-key a, #moreDates .list-county-key a {
    font-size: 13px;
    font-weight: 700;
}

.HP_body .list_lien_ville, .HP_body .list_lien_county {
    margin-top: 30px;
}

.HP_body #listAdsDay {
    margin-top:70px;
}
/********* ARTICLES ********/

.HP_body .Cards {
    background-color: #fff;
    -o-box-shadow: 0px 0px 10px 0px #656565;
    -webkit-box-shadow: 0px 0px 10px 0px #656565;
    box-shadow: 0px 0px 10px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
    margin-top: 30px;
    padding:0;
    min-height:none;
}

.HP_body .Cards span {
    color: #2d4a95;
    font-size: 1rem;
    font-weight: 700;
}

.HP_body #articlesListHP {
    margin-top: 80px;
}

.HP_body #articlesListHP .articlePict img {
    width: 100%;
    max-height: 208px;
}

.HP_body .articleTitle {
    color: #6f6f6f;
    font-family: verdana;
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
    height: 44px;
}

.HP_body .articleIntro {
    min-height: 160px;
}

.HP_body .articleIntro p {
    font-size: 13px;
}

.HP_body .articleIntro .intro {
    height: 120px;
}

.HP_body .articleIntro .a_fake {
    text-align: right;
    font-size: 14px;
}

.HP_body .hpTitleCounty h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #134B96;
    margin-top: 30px;
}

/********* FOOTER ********/
.HP_body footer {
    width: 100%;
    background-color: #2d4a95;
    margin-top: 50px;
}

.HP_body footer #newsletter{
    height: 24px;
    width: 100%;
    border: 0 none;
    margin-bottom: 10px;
}

.HP_body footer .lblnews{
    margin-top: 20px;
}

.HP_body footer .lblnews #newsletter_lbl{
    font-size: 14px;
}

.HP_body footer .inpnews{
    padding-right: 15px !important;
}

.HP_body footer .esppro{
    margin-bottom: 10px;
}

/********* MEDIA NEW FORMAT **********/

@media only screen and (min-width: 641px) and (max-width:981px){
    .HP_body .slogan {
        padding-left: 55px;
        padding-right: 55px;
    }

    .HP_body .slogan h1 {
        font-size: 20px;
    }

    .last_search {
        font-size: .75rem!important;
    }

    .HP_body .articleIntro {
        min-height: 140px;
    }

    .HP_body .articleIntro .intro {
        height: 100px;
    }

    .HP_body .blkprevsearch p {
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: 700;
    }


}

@media only screen and (max-width:40em){
    .HP_body .slogan {
        padding: 25px 20px 0;
    }

    .HP_body .slogan h1 {
        font-size: 18px;
    }

    .HP_body #filterBdgAll {
        padding: 2px 0px 0px 5px !important;
    }

    .HP_body section.core_content {
        background: none;
        padding: 15px 15px 0;
    }

    .HP_body .blkVille {
        height: 130px;
        padding-top: 60px
    }

    .HP_body .villeName a {
        font-size: 18px;
    }

    .HP_body .btn-search {
        margin-top: 16px;
    }

    .HP_body .moteur {
        margin-top: 15px;
    }

    .HP_body .list_lien_county, .HP_body .list_lien_ville {
        text-align:center;
    }
}



/****************************************
Content favorite and filter block
****************************************/

.favAndFilter {
  margin-top: 28px;

}
#favorite {
  background-color: #2d4a95;
  color: #fff;
  height: 13.77rem;
  margin-top: 3.938rem;
}
.favorite {
  margin-left: auto;
  margin-right: auto;
  margin-top: -64px;
}
.favorite div {
  margin-left: auto;
  margin-right: auto;
  max-width: 9.688rem;
}
.favorite .FavTxt a {
  color: #fff;
  font-family: Verdana;
  font-size: 0.813rem;
  font-style: normal;
  padding-bottom: 0.625rem;
  text-transform: uppercase;
}
#detailFavorite {
  margin-top: 0.625rem;
  line-height: 1rem;
}
.favorite .MainTxt {
  font-family: Arial;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.favorite .SecondTxt {
  font-family: Arial;
  font-size: 0.625rem;
  font-style: normal;
  text-transform: capitalize;
}
.form_filter {
  background: #ffffff;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6));
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );

}

.leftPart
{
    padding-top:2.4em;
}
/****************************************
Content previous search block
****************************************/
#previous_search {
  color: #2d4a95;
  font-family: Arial;
  font-size: 1rem;
  font-weight: 700;
  max-height: 13.125rem;
  min-height: 5.625rem;
}
#previous_search span{
    text-transform: uppercase;
}
ul#titlePrevSearch {
  list-style: outside none none;
  margin: 1.188rem 0 1rem 0.813rem;
  max-width: 100%;
  overflow-x: hidden;
  padding: 0;
}


/****************************************
Carrousel HP
****************************************/
.with_prev_search {
  display: inline-block;
  height: 108px;
  overflow: hidden;
  z-index: 20;
}
#smcSlideBlock {
  background-color: #2d4a95;
}
#SlideHP{
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  overflow: hidden;
  padding: 0;
  z-index: 1;
}
#smcSlideBlock.medium-3 {
    padding: 0;
    overflow: hidden;
}
#smcSlideBlock.medium-10 #SlideHP{
  width: 319px;
}
/* smcSlideBlock */
#smcSlideBlock.medium-3 #SlideHP{
    width: 250px;
}
#masque_carousel {
  margin: 0;
  position: absolute;
  z-index: 10;
  height: 100%;
}

#prec_rechs
{
    padding:0;
    margin-left: 11px;
}

.with_prev_search
{
    padding:0;
}

.pub_immo_neuf
{
    background-color:#d60612;
    height:470px;
    width:215px;
    padding:0;
}

.pub_immo_neuf > p
{
    height:85px;
}

#prec_rechs table table table{
    width: 100%;
}

.pub_immo_neuf p
{
    color:#FFFFFF;
    padding-left:0.2em;
    padding-right:0.3em;
    font-size:34px;
    margin:0;
}

.pub_immo_neuf p.text_pub
{
    line-height: 40px;
    margin-top:20px;
}

.pub_immo_neuf p.title_pub
{
      font-size: 50px;
}


/****************************************
Content list counties and towns block
****************************************/
#listLinksRef ul{
  list-style: outside none none;
  padding-left: 0;
}
#listLinksRef a{
    font-size: 0.75rem;
}
/****************************************
Content list counties block
****************************************/
#listCounties li {
  padding-left: 45px;
}
#listCounties li a {
  font-size: 0.688rem;
}

/****************************************
Content list towns into county
****************************************/
#titleSpecificCounty {
  margin-top: 10px;
}
#titleSpecificCounty a {
  color: #134b96;
  font-family: arial;
  font-size: 1rem;
  font-weight: 700;
}
#listTownsAg li a {
  font-size: 11px;
}
/****************************************
Content link to agencies listing block
****************************************/
#linkAgList {
  font-family: arial;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 23px;
  margin-right: 10px;
  padding-left: 10px;
  text-decoration: underline;
}

/****************************************
Content reports block
****************************************/
.reports{
    padding-top: 56px;
}
.reports #HP_title_articles {
  border-bottom: 1px solid #8aa4ca;
  margin-left: 10px;
/*   position: relative; */
  width: 744px;
}
.reports #HP_bottom_articles {
  color: #134b96;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.750rem;
  font-style: normal;
  font-weight: 700;
  padding-bottom: 23px;
  padding-top: 10px;
  position: relative;
  right: 60px;
  text-align: right;
/*   width: 744px; */
}


/****************************************
Content footer block
****************************************/
.footer .columns{
/* 	padding: 0; */
}

/****************************************
last_search
****************************************/
.last_search {
    font-size: 0.8125rem !important;
}

.last_search tr {
    border-bottom: 1px solid #2d4a95;
    height: 20px;
}

.last_search td {
    padding-top:6px;
}

.deb_arr_bien {
  height: 10px;
  padding-left: 10px;
  vertical-align: top;
}
/****************************************
@media part
****************************************/
@media only screen and (max-width: 40em) {
    /*(max-width: 640px)*/
    div[data-title_page]:after {
        content: attr(data-title_page); /* no quotes around attribute name! */
        color: #fff;
        font-size: 1.875rem;
        line-height: 2.375rem;
    }
    div[data-title_page]{
       padding-left: 0;
/* 	   height: 3.313rem; */
       margin-top: 0.938rem;
    }
    .core_content #title_page{
        color: #fff;
        font-size: 1.875rem;
        line-height: 2.375rem;
        margin-top: 0.938rem;
        font-family: "Arial";
    }
    section.core_content{
/*        height: 597px; */
/*     background: url("https://medias.maisonsetappartements.fr/pict/hp_mobile/bg_mobile_1.jpg") no-repeat scroll 0px center transparent; */
       background-image: url("../jpg/bg_mobile_1.jpg");
        background-position: center top;
        background-repeat: no-repeat;
/*      background-attachment: fixed;  */
        background-size: cover;    /* Gecko 1.9.2 (Firefox 3.6) */      /*  Opera 9.5 */  /* Safari 3.0 */
        background-size: 100% auto;           /* Gecko 2.0 (Firefox 4.0) > CSS3 */
    }
    .form_filter{
        margin-bottom: 50px;
    }

}
@media only screen and (min-width: 40em) {
    /****************************************
    form desktop block
    ****************************************/
    #HP_filter_chk label.libelle_search_engine {
      color: #2d4a95;
      font-size: 12px;
      font-weight: 700;
      margin-right: 10px;
    }
    .ok_btn_filter {
      cursor: pointer;
      position: absolute;
      right: 15px;
      top: 15px;
      vertical-align: middle;
    }
    .overlay_engine {
      background-color: #fff;
      display: none;
      height: 100%;
      opacity: 0.6;
      position: absolute;
      width: 100%;
      z-index: 2;
    }
    #search_form_HP {
      position: relative;
    }
    .formHP_Fields {
      display: inline-block;
      max-width: 480px;
      width: 250px;
      padding-left: 20px;
      position: relative;
    }
    #search_form_HP .overlay_engine {
      height: 300px;
      left: 0;
      top: -25px;
      width: 834px;
    }
    #search_formHP fieldset {
      display: inline;
    }
    #HP_filter_chk label {
      margin-right: 2px;
    }
    #HP_filter_chk input {
      vertical-align: middle;
    }
    .libelle_search_engine.loc {
      margin-left: 15px;
    }
    .label_form_alerte {
      float: left;
      font-size: 12px;
      font-weight: 700;
      position: relative;
      text-align: right;
      top: 12px;
      width: 75px;
    }
    .label_form_alerte.localisation {
      left: -5px;
      top: 23px;
    }
    .formHP_Fields .label_form_alerte {
      color: #2d4a95;
    }
    .label_form_alerte.typebien {
      left: 15px;
      position: absolute;
      top: 70px;
    }
    .corner {
      border: 1px solid #2d4a95;
    }
    .formHP_bigField {
      background-color: #fff;
      margin-bottom: 3px;
      margin-left: 0;
      margin-top: 5px;
      min-height: 27px;
      width: 250px;
    }
    .formHP_Local {
      left: 100px;
      position: absolute;
      top: 24px;
    }
    .inputFilterMaxHeight {
      max-height: 27px;
      min-height: 27px;
      overflow: hidden;
    }
    #search_form_HP .inputFilterMaxHeight #localiteSubBloc {
      position: absolute;
      width: 350px;
    }
    .formHP_bigInputField {
      border: medium none !important;
      margin-left: 2px !important;
      margin-top: 3px;
      width: 245px !important;
    }
    .formHP_allInputField {
      font-family: arial;
      font-size: 12px;
      font-weight: 700;
    }
/* 	.formHP_Km { */
/* 	  left: 315px; */
/* 	  position: absolute; */
/* 	  text-align: center; */
/* 	  top: 29px; */
/* 	  z-index: 12; */
/* 	} */
    .formHP_microField {
      background-color: #fff;
      height: 27px;
      width: 35px;
    }
    #formHP_Km {
      position: absolute;
      left: 315px;
      text-align: center;
      top: 29px;
      z-index: 12;
    }
    #formHP_Km .dropdown {
      margin-top: 5px;
    }
    .dropdown dt {
      cursor: pointer;
      display: block;
      text-align: center;
      width: 35px;
    }
    .dropdown dd ul {
      background: #fff none repeat scroll 0 0;
      border: 1px solid;
      display: none;
      left: 0;
      list-style: outside none none;
      min-width: 35px;
      padding: 1px 4px 1px 3px;
      position: absolute;
      text-align: center;
      width: auto;
      z-index: 1;
    }
    .formHP_Type {
      left: 100px;
      position: absolute;
      text-align: center;
      top: 60px;
    }
    .formHP_Type select {
      -moz-appearance: none;
      background: rgba(0, 0, 0, 0) url("../png/flechebleu.png") no-repeat scroll 232px 5px;
      border: 0 none !important;
      cursor: pointer;
      height: 20px;
      margin-left: -3px !important;
      margin-bottom: 0;
      text-indent: 0.01px;
      text-overflow: "";
      width: 247px !important;
      padding: 0;
    }
    .selectEmpty,select {
      color: #000;
    }
    .label_form_alerte.budget {
      left: 15px;
      position: absolute;
      top: 108px;
    }
    .fs_medium {
      background: rgba(0, 0, 0, 0) url("../png/flechebleu.png") no-repeat scroll 147px 10px;
      cursor: pointer;
      height: 27px;
      left: 10px;
      top: 5px;
      width: 163px;
    }
/* 	#search_form_HP #filter_surf { */
/* 	  height: auto; */
/* 	  position: relative; */
/* 	} */
    #search_form_HP .fs_medium {
      background-position: 147px 9px;
      height: 25px;
      left: 100px;
      position: absolute;
    }
    #search_form_HP .fs_medium.budget {
      top: 102px;
    }
    #search_form_HP .txt_filter_valid {
      left: 4px;
      position: relative;
      top: 0;
    }
    #formHP_bdgField {
      left: 100px;
      top: 102px;
    }
    .formHP_miniField {
      background-color: #fff;
      height: 33px;
      width: 96px;
    }
    #bdgMin.formHP_BdgMin,#surfMin.formHP_SurfMin {
      margin: 4px 8px 0 2px;
      text-align: center;
    }
    #bdgMin, #bdgMax, #surfMin, #surfMax{
        display: inline;
        height: 33px;
        width: 96px;
        border-color: #2D4B94;
    }
    #search_form_HP #formHP_bdgField label,#search_form_HP #formHP_surfField label{
       display: inline;
    }
    #bdgMax.formHP_BdgMax,#surfMax.formHP_SurfMax {
      margin: 0 8px;
/*       margin-left:  8px; */
/* 	  margin-right: 8px; */
      text-align: center;
    }
    .filter_currency {
      margin-left: 2px;
    }
    #formHP_bdgField .ok_btn_filter{
       right: 30px;
    }
    .label_form_alerte.surface {
      left: 15px;
      position: absolute;
      top: 146px;
    }
    #search_form_HP #filterSurfAll {
      top: 139px;
    }
    #search_form_HP .fs_medium {
      background-position: 147px 9px;
      height: 25px;
      left: 100px;
      position: absolute;
    }
    #formHP_surfField {
      left: 100px;
      top: 135px;
    }
    #filter_surf .hidden_input {
      left: 55px;
    }
    #search_form_HP #filter_surf .hidden_input {
      left: 100px;
    }
    .formHP_SurfMin {
      margin-left: 2px;
      margin-right: 8px;
      margin-top: 4px;
      text-align: center;
    }
    .formHP_SurfMax {
      margin-left: 8px;
      margin-right: 8px;
      text-align: center;
    }
    #search_form_HP .nb_piece_fieldset {
      left: 30px;
      position: relative;
      top: 3px;
    }
    .nb_piece_fieldset select{
        margin-bottom: 0;
    }
    .label_form_alerte.nbpiece {
      left: -5px;
      position: absolute;
      top: 160px;
    }
    .nb_piece_fieldset .label_form_alerte {
      width: 108px;
    }
    .formHP_mediumField {
      background-color: #fff;
      height: 25px;
      width: 100px;
    }
    .formHP_roomField {
      left: 111px;
      position: absolute;
      text-align: center;
      top: 155px;
    }
    .formHP_mediumInputField {
      -moz-appearance: none;
      background: rgba(0, 0, 0, 0) url("../png/flechebleu.png") no-repeat scroll 85px 6px;
      border: 0 none !important;
      cursor: pointer;
      height: 20px;
      margin-top: 3px;
      padding: 0;
      text-indent: 0.01px;
      text-overflow: "";
      width: 100px;
    }
    .formHP_mediumInputField {
      cursor: pointer;
      text-indent: 0.01px;
    }
    .label_form_alerte.keywords {
      left: 15px;
      position: absolute;
      top: 230px;
    }
    #keywords{
       margin-bottom: 0;
       height: inherit;
    }
    .formHP_Kw {
      left: 100px;
      position: absolute;
      text-align: center;
      top: 220px;
    }
    .formHP_ExKeywordField {
      display: block;
      font-family: arial;
      font-size: 9px;
      font-weight: 400;
      left: -1px;
      overflow: hidden;
      position: absolute;
      text-align: center;
      top: -12px;
    }
    .mailAlert {
      border: 1px solid #b9b9b9;
      color: #000;
      font-family: Arial;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
    }
    .formHP_submitField {
      background: rgba(0, 0, 0, 0) url("../png/lancer_recherche.png") no-repeat scroll 11px center;
      border: 0 none;
      color: #fff;
      float: left;
      font-family: arial;
      font-size: 13px;
      font-weight: 700;
      height: 27px;
      width: 171px;
    }
    #search_form_HP #sendSearch {
      cursor: pointer;
      left: 360px;
      padding-left: 0;
      padding-top: 0;
      position: absolute;
      top: 225px;
    }
    #search_form_HP .ok_btn_keywords, .searchEngine .ok_btn_keywords {
      display: none;
      float: right;
      position: absolute;
      right: 3px;
      top: 2px;
    }
    .formHP_map {
      display: inline-block;
      position: absolute;
      right: -2px;
      top: -23px;
    }
    .search_w_map {
      height: 28px;
      position: absolute;
      right: 10px;
      top: 140px;
      width: 83px;
    }
    #btn_map_search {
      color: #fff;
      font-family: arial;
      text-align: center;
    }
    /****************************************
    overwrite foundation
    ****************************************/
    #search_form_HP label{
/* 	  color: #4d4d4d; */
      cursor: inherit;
      display: inherit;
/* 	  font-size: 0.875rem; */
/* 	  font-weight: normal; */
      line-height: inherit;
/* 	  margin-bottom: 0; */
    }

}

@media only screen and (max-width:425px){
    .pub_web_mag .txt3{
        margin-left:15px;
    }

    #col_filter_chk{
        margin-bottom: 37px;
    }
}

/*
 * @version : 1.0.6
 * @infos: minify with https://cssminifier.com/
 * we can to use other technics: https://cssminifier.com/examples
 * versions:
 * 1.0.4 roolback on modif
 * 1.0.5 reintroduce modif on mini pict
 * 1.0.6 fix problem on margin mini pict
 */
@charset "UTF-8";

/****************************************
Page Header
****************************************/

.headerBlock
{
    margin-top: 0px;
}
/****************************************
Top Header
****************************************/
.header-top {
    background-color : #2D4B94;
    height : 27px;
    max-width : 1000px;
    font-family:"Arial";
/* 	font-size:12px; */
    color : #fff;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
     margin-right: auto;

}

.header-top .drpx{
    padding: 6px 0 4px 3px; /*top right bottom left*/
    height: 18px;
}
.header-top .drpLink{
    display: inline-block;
}

.header-top .drpx .flags{
    margin: 0px;
    width:29px;
    height:18px;
    background: transparent url(../png/boutons_sprite2.png) no-repeat;

}

.header-top .drpx #flag_en{
    background-position: -158px -1px;
}

.header-top .drpx #flag_fr{
    background-position: -158px -20px;
}

.header-top .newsletters{
    top: 4px;
}
#newsletter_lbl{
    color: #fff;
    font-size: 0.75rem;
/* 	letter-spacing: -0.04em; */
}
#newsletter{
    height: 16px;
    width: 80%;
    border: 0 none;
}

.header-top .newsletters label{
    float: left;
    margin-bottom: 0;
    margin-right: 8px;
    margin-top: -3px;
    padding-top: 4px;
}

.header-top .newsletters input[type=submit]{

    cursor: pointer;
    font-family: Arial;
    font-size: 0.688rem;
    font-style: normal;
    color: #000;
    border: 0 none;
    background: none repeat scroll 0 0 transparent;
    width: 24px;
    height: 14px;
    vertical-align: bottom;
    background-color: #fff;
}
.header-top .newsletters input[type=text]{
    font-family: Arial;
    font-size: 11px;
    font-style: normal;
    padding-left:4px;
    width: 151px;

}
.header-top .SMCfb{
    display: inline;
    position : absolute;
    top: 5px;
    right: 7px;
    bottom: 6px;
    left: 0px;
}
.header-top .my_selection_btn{
    position : absolute;
    top: 6px;
    right: 7px;
    bottom: 4px;
    left: 126px;
}
.header-top .pro_space_btn{
    position : absolute;
    top: 6px;
}




/****************************************
content Header
****************************************/
#header-content{
    background-color: #fff;
    display: inline-block;
    margin: 8px 0px 16px;
}
#header-content #logo{
    float: left;
    padding: 0;
    z-index: 10;
}
.header-pub{
    float: right;
    height: 99px;
    width: 728px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin-bottom: 33px;

}
#header-pub{
    float: right;
/*    height: 99px;*/
/*
    width: 728px;
    width: calc(728px + 8px);    width pub + padding
*/
    padding: 4px;
}
#header-keyword-title{
    margin-top: 42px;
}
#headerKeywordTitleBlock{
    padding-left: 0;
}
.header-title .header-keyword{
    float: left;
    font-family:"Verdana";
    color : #94A3C6;
    text-transform:capitalize;
    z-index: 20;
    overflow: hidden;
    height: 55px;
     position:relative;
    margin-top: 8px;
    line-height: 1.6;
    font-weight: bold;
    font-size:10px;
}
.header-keyword-natio .header-keyword,.header-keyword-county .header-keyword{
    float: left;
    font-family:"Verdana";
    color : #94A3C6;
    text-transform:capitalize;
    z-index: 20;
    overflow: hidden;
    height: 70px;
    max-width: 680px;
    left:130px;
    position:relative;
    margin-top: 8px;
    line-height: 1.6;
    font-weight: bold;
    font-size:10px;
}
.header-keyword div{
    margin-top: -5px;
}
.header-keyword .keywordIntro{
    text-transform: none;
    color : #2D4A95;
}
.header-keyword .keywordPlace{
    font-size:12px;
    color : #2D4A95;
}
.header-keyword .keyword_bold{
    color : #2D4A95;
}
.header-keyword .keywordBigBold{
    font-size:12px;
    color : #2D4A95;
}
.header-keyword-natio .header-keyword a,.header-keyword-county .header-keyword a {
    color : #5870a7;
    font-size: 10px;
    text-decoration: none;
}
.header-keyword-natio .header-keyword .keyword_bold a,.header-keyword-county .header-keyword .keyword_bold a {
    color : #2D4A95;
}
.header-keyword-natio .header-keyword .keywordBigBold a,.header-keyword-county .header-keyword .keywordBigBold a{
    font-size:12px;
    color : #2D4A95;
    text-decoration: none;
}
.header-title{
    height: 186px;
    width: 100%;
    margin-bottom: 40px;
    position: relative;
}
#headerContentLine{
    height: inherit;
}
#headerContentLine.premium{
    margin-bottom: 30px;
}
.imgpremium{
    position: absolute;
    left: 10px;
    top: 80px;
    width: 350px;
    max-width: none;
}
#headerContentLine.bigHeader{
    height: 220px;
}
.without-pub{
    top: -118px;
}
.without-pub .header-keyword{
    height: 55px;
    left: 310px;
    width: 507px;
}
.header-title-page {
    position: relative;
    bottom: 0;
    left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 680px;
    vertical-align: bottom;
    text-align: left;
    color: #2A4C93;
    font-size: 50px;
    line-height: 47px;
    letter-spacing: 0px;
    height: 186px;

}
.header-title-page-sub-block{
    position: absolute;
    bottom: 0px;
    padding-right: 0;
}
.header-title-page #specificCounty,.header-title-page #nationalTitle {
  float: left;
  font-size: 4.75rem;
  line-height: 4.75rem;
  position: relative;
  top: 20px;
}

.header-title-page #nationalTitle{
    font-size: 3.563rem;
}

#title_county_num{
    font-family: HelveticaNeueLTStd-LtCn;
    font-weight: bold;
    font-size: 6.25rem;
    height: 74px;
    letter-spacing: -5px;
}
.header-title-page #countyNum{
    float: left;
    margin-left: 25px;
    padding-bottom: 0px;
}
.header-min-images {
    position: absolute;
    right: 0px;
    bottom: -8px;
    text-align: right;
    margin: 0 0 5px;
    padding-left: 0;
    padding-right: 0;
}
.header-min-images .linePict{
    height: 43px;
}
.header-min-images img{
    margin: 0px 0px 3px 3px;
    height: 40px;
    width: 60px;
    float: right;
}

/****************************************
content header HP avec menu
****************************************/
.newformat header {
    max-width:none;
    margin: 0;
}

.newformat #header-content {

    margin-left: auto;
    margin-right: auto;
    max-width: 62.5rem;
    margin-top:8px;
    margin-bottom:0px;

}


.newformat .fd_menu {
    width:100%;
    background-color:#2d4a95;
}

.newformat .header-menu {
    margin-top:0px;
    text-align:left;
    padding-top: 4px !important;
    padding-bottom: 12px !important;
}

.newformat .header-menu .active a, .newformat .header-menu a.active {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.newformat .lib-container {
    margin-right: 25px;
    float:left;
    padding-top: 8px;
}

.newformat .lib-container:last-child {
    margin-right:0px;
}

.newformat .header-menu a {
    color: #fff;
    line-height: 25px;
}

.newformat #headerContentLine .drapeau {
    padding: 15px 0px;
    clear: left;
}

.newformat #headerContentLine .drpLink {
    display:inline-block;
}

.mobFavProf {
    position: absolute;
    width: 100%;
    top: 71px;
    text-align: center;
}

.linkAccesFav {
    float: right;
}

.linkAccesFavMob {
    float: left;
    width: 50%;
    text-align: center;
}

.accesFavoris {
    height: 25px;
    padding-right: 8px;
    line-height: 23px;
    margin-right: 20px;
    color: #2d4a95;
    font-size: 12px;
    font-weight: 700;
}

.accesFavorisMob {
    height: 25px;
    line-height: 23px;
    color: #2d4a95;
    font-size: 12px;
    font-weight: 700;
}

@media(min-width : 768px){
    .newformat #headerContentLine .drapeau {
        z-index: 10;
        float: left;
    }
}

.newformat #headerContentLine .flags{
    margin: 0px;
    width:29px;
    height:18px;
    background: transparent url(../png/boutons_sprite2.png) no-repeat;
}

.newformat #headerContentLine #flag_en{
    background-position: -158px 0px;
}

.newformat #headerContentLine #flag_fr{
    background-position: -158px -20px;
}

.newformat #headerContentLine .btn_abonner, .newformat #headerContentLine .btn_like{
    position: relative;
    background-color: #3b5998;
    height: 18px;
    overflow: hidden;
    display:inline-block;
}

.newformat #headerContentLine .btn_abonner{
/*    width: 82px;*/
    left: 7px;
}

.newformat #headerContentLine .btn_like{
/*    width: 62px;*/
    left: 13px;
}

.newformat #headerContentLine .btn_abonner_premium{
    margin-right: 4px;
    float: right;
}

.newformat #headerContentLine .btn_like_premium{
    float:right;
    margin-right:10px;
}

.newformat #headerContentLine .btn_abonner .fb-follow, .newformat #headerContentLine .btn_like .fb-like{
    margin-top: -1px;
}

.oldsmctop {
    padding-top:4px;
}

/****************************************
menu Header Responsive overwrite
****************************************/
.off-canvas-wrap{
/*     background-color: #fff; */
/*     height: 82px; */
/*     position: relative; */
/*     top: 60px; */
/*     border-bottom: 1px solid #0d4998; */
/*     margin-bottom: 27px; */

}
.inner-wrap,.tab-bar{
    background-color: #fff;
}
.left-small,.right-small{
    border: none;
}
.off-canvas-wrap #logoMenu img.bigLogo {
  width: 140px;
}
.off-canvas-wrap #logoMenu img.smallLogo {
  width: 140px;
}
.tab-bar .menu-icon span::after{
    -webkit-box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
    box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
}
.tab-bar{
    border-bottom: 1px solid #0d4998;
    height: 6rem;
    margin-bottom: 27px;
    margin-top: 15px;
}
.top-bar{
    background-color: #fff;
    height: 82px;
    position: relative;
    top: 60px;
}
.top-bar .title-area{
    padding: 0;
    width: 100%;
    height: 68px;
}
.top-bar .name h1 a{
    width: 100%;
    text-align: center;
}
.top-bar.expanded .title-area{
    background-color: #fff;
    height: inherit;
}
.top-bar-section ul li{
    background-color: #fff;
}
.top-bar-section li:not(.has-form) a:not(.button){
    background-color: #fff;
    color: #000;
    padding: 0 0.875rem;
}
.top-bar-section li:not(.has-form) a:hover:not(.button){
    background-color: #fff;
    color: #9c9c9c;
}
.top-bar .toggle-topbar{
    right: auto;
}
.top-bar .toggle-topbar.menu-icon a{
    padding-left: 0;
}
.top-bar .toggle-topbar.menu-icon a span::after{
    -webkit-box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
    box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
}
.top-bar-section .has-dropdown > a {
  padding-right: 0.875rem !important;
}
.top-bar-section ul li:hover:not(.has-form) > a{
    background-color: #2d4a95;
    color: #fff;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  background-color: #fff;
  color: #000;
}
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button){
    background-color: #fff;
    color: #9c9c9c;
}
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a{
    color: #000;
}
.top-bar .toggle-topbar.menu-icon{
    margin-top: 0;
}

/****************************************
menu Header Responsive
****************************************/
#header_menu a,#hearder_menu_otherLinks a{
    color: #000;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: bold;
/*     font-size: 0.796rem; */
    font-size: 0.78rem;
    line-height:initial;
/*     letter-spacing: 0; */
}
#header_menu a:hover{
    color: #9C9C9C;
}
#header_menu.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #fff;
    color: #2d4a95;
    padding: 0 0.9375rem;
    border-bottom: 6px solid #2d4a95;
}
#header_menu.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
    background: #fff;
}
#hearder_menu_otherLinks #immoPriceMenu {
  position: absolute;
  right: 2.188rem;
  top: -48px;
}
#hearder_menu_otherLinks #newsMenu {
  position: absolute;
  right: 1.813rem;
  top: -24px;
}
#hearder_menu_otherLinks {
  position: absolute;
  right: 0;
}
#hearder_menu_otherLinks a{
  width: 90px;
}
@media only screen and (max-width: 975px) {
    #hearder_menu_otherLinks {
      display: none !important;
    }
    .top-bar{
       top: 0;
/*        height: 2.8125rem; */
       height: 6rem;
       border-bottom: 1px solid #0d4998;
       margin-bottom: 27px;
    }
    .top-bar #logoMenu{
       padding: 0;
       position: relative;
       top: calc((6rem - 4.125rem) / 2);
    }
    .top-bar #logoMenu img{
       height: 4.125rem;
       width: 10.25rem;
    }
}

/****************************************
menu Header
****************************************/
.header-menu{
    font-family:"Arial";
    font-size:13px;
    color : #000;
    margin-top: 15px;
    text-align: center;
}
.header-menu ul {
    list-style-type:none;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: -1px;
    margin-left: 0px;
    vertical-align: bottom;
    height: 23px;
    position: relative;
}
.header-menu a {
    color: #000;
    text-decoration:none;
    text-transform: uppercase;
      font-weight: 700;
    font-size: 13px;
}
.header-menu a:hover{

    color: #9C9C9C;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
.header-menu .active a{
    color: #2D4A95;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border-bottom:6px solid #2D4A95;
}
.header-menu-justify{
    text-align: justify;
    position: absolute;
    bottom:0px;
    padding: 0;
      margin-left: 0px;
      height:21px;

}
.header-menu-justify a {
    display: inline-block;
    position: relative;
}
.header-menu-justify:before{
    content: '';
    display: block;
    width: 100%;
/*     margin-bottom: -1.2em; */
}
.header-menu a.active{
    color: #2D4A95;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border-bottom:6px solid #2D4A95;

    height: 21px;
}

.header-menu-justify:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.departement-header {
  background-color: #fff;
  border: 1px solid #2d4a95;
  display: none;
  margin-left: -140px;
  margin-top: 5px;
  padding-right: 10px;
  position: absolute;
  width: 380px;
  z-index: 26;
}
.departement-header[data-id_parent=immoPriceMenu] {
  right: 0;
  top: 30px;
}
.departement-header[data-id_parent=newsMenu] {
  right: 0px;
  top: 30px;
}
.departement-header ul {
  float: left;
  height: auto;
  margin-top: 0;
  padding: 15px 0 15px 15px;
}
.departement-header .col {
  text-align: left;
  width: 175px;
}
.departement-header a.subMenu {
  border-bottom: medium none;
  color: #134b96;
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-transform: none;
}
/* .header-menu #immoPriceMenu { */
/* /*     position: absolute; */ */
/*     top: -48px; */
/*     right: 0px; */
/* } */
/* .header-menu #newsMenu { */
/* /*     position: absolute;  */ */
/*     top: -24px; */
/*     right: 0px; */
/* } */
.header-menu .first-elt {
    display: inline-block;
}
.header-menu .last-elt {
    display: inline-block;
}
.header-menu .header-menu-justify .disabled {
    display: inline-block;
    margin: 0 00px;
    padding: 0px;
    height: 21px;
}

.header-menu .menu-droit
{
    padding-right:0;
}

.header-menu .menu-droit .disabled {
    display: block;
    margin: 0 0px;
    padding: 0px;
    min-height: 21px;
}


.header-menu .menu-droit a
{
    display:block;
}


.header-menu .lib-container
{
    display:inline-block;
}

.header-menu .menu-droit .lib-container
{
    display:inline-block;
}
/*
 * nouvelle version du header
 */
.pageListingAlert .header-top{
    position: fixed;
    z-index: 10;
    background: -webkit-gradient(linear, left top, right top, from(#d8d9da), color-stop(#f7f7f7), to(#d8d9da)) !important;
    background: linear-gradient(to right, #d8d9da, #f7f7f7, #d8d9da) !important;
    background: -o-linear-gradient(left, #d8d9da, #f7f7f7, #d8d9da) !important;
}

.pageListingAlert .header-top .haut{
    height:30px;
    background-color: #fff;
    padding-top: 3px;
}

.pageListingAlert .header-top .bas{
    height:10px;
    background-image: url(../png/ombre.png);
    background-repeat: repeat-x;
    margin-top: -7px;
}

.pageListingAlert .headerBlock{

    -webkit-box-shadow: 0px 50px 20px 10px rgba(170, 170, 170, 0.75);

    box-shadow: 0px 50px 20px 10px rgba(170, 170, 170, 0.75);
    height: 60px;

}

.pageListingAlert .header-top #logo .votrealerte{
    margin-top:-25px;
}
.pageListingAlert .header-top #logo .logosuite{
    margin-top:5px;
    margin-left: 10px;
}



@media screen and (max-width:1025px)
{

    .header-menu-justify
    {
        height: 65px;
    }

    .header-menu .header-menu-justify .disabled ,.header-menu-justify a,.header-menu .menu-droit a
    {
        display:inline-block;
    }

    .header-menu .lib-container
    {
        display:block;
    }


}
/****************************** Sub menu *********************************/
#subMenuReports,#subMenuNews
{
    width: 370px;
}

/* @media only screen and (min-width: 40.063em) and (max-width: 64em) { */
@media only screen and (min-width: 641px) and (max-width: 1025px) {
    #title_county_num{
        font-size: 5.25rem;
        height: 74px;
        letter-spacing: -5px;
    }
    .header-title-page #specificCounty,.header-title-page #nationalTitle {
      font-size: 2.87rem;
      top: 19px;
    }
    .header-title-page #nationalTitle{
        line-height: 3.563rem;
    }
    .header-menu a.active{
        border-bottom: none;
    }
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@CHARSET "UTF-8";



/************************************
Generic
************************************/
.corner ,
#search_form_col .corner{
  border: 1px solid #2d4a95;
}
.dropdown{
    min-width: 2.875rem;
}
.localite_submit {
  background-color: #000;
  border-radius: 3px;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  height: 23px;
  line-height: 24px;
  padding-bottom: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 30px;
  font-size: 0.75rem;
}
#search_form_col label:not(.label_npr){
    color: #2d4a95;
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0;
    padding-right: 10px;
}
.form_filter{
    background: initial;
    background-color: transparent;
}
#search_form_col ::-webkit-input-placeholder {
   color: #fff;
   opacity: 0;
}
#search_form_col :-moz-placeholder { /* Firefox 18- */
   color: #fff;
   opacity: 0;
}
#search_form_col ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   opacity: 0;
}
#search_form_col :-ms-input-placeholder {
   color: #fff;

}
.ok_btn_filter{
    cursor: pointer;
}

.newformat .txt_filter_valid {
    white-space: nowrap;
    width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height:28px;

}

/************************************
HP input text generic
************************************/
#search_form_col input[type="text"]:not([placeholder="min"]):not([placeholder="max"])
{
/*     margin: 0; */
    line-height: 0.750rem;
}
/************************************
HP min/max generic
************************************/
.less_than,
.more_than {
  display: none;
}
.hidden_input {
  background-color: #fff;
  height: 3.125rem;
  left: 54px;
  padding: 4px 5px 0 6px;
  position: absolute;
  top: 0;
  visibility: hidden;
/*   width: 18.313rem; */
  width: 19rem;
  z-index: 3;
}




/************************************
HP dropdown specific
DT styles for sliding doors
************************************/
.dropdown dt {
    display:block;
    width:35px;
    text-align: center;
    cursor:pointer;
}
/* UL styles */
.dropdown dd ul {
    background:#fff none repeat scroll 0 0;
    display:none;
    list-style:none;
    padding:1px 4px 1px 3px;
    position:absolute;
    left:0px;
    width:auto;
    min-width:35px;
    z-index:1;
    text-align: center;
    border: 1px solid;
}
.dropdown span.value {
    display:none;
}
.dropdown dd ul li {
    padding:5px 1px;
    display:block;
    cursor: pointer;
    width: 100%;
}
.dropdown dd ul li:hover {
    background-color:#DAEAF6;
}

/************************************
HP location specific
************************************/
.formCol_microField{
    background-color:white;
    width: 35px;
    height: 27px;
}
.formCol_Km {
    position: absolute;
    top: 0;
    right: 8px;
    text-align: center;
    z-index: 12;
}

/************************************
HP ttype de bien specific
************************************/
/* #search_form_col form #type_bien_block{ */
/*     padding-right: 0; */
/* } */

/************************************
HP budget specific
************************************/
#search_form_col #filter_bdg{
    margin: 0;
}


/************************************
HP submit button specific
************************************/
#search_form_col .formCol_submitField {
/*   background: url("https://www.maisonsetappartements.fr/views/images/buttons/lancer_recherche.png") no-repeat scroll 0px center #0d4998; */
    background-color: #0d4998;
  border: 0 none;
  color: #fff;
  font-family: arial;
  font-size: 0.813rem;
  font-weight: 700;
  text-transform:uppercase;
  height: 1.688rem;
  width: 10.688rem;
/*   width: 9rem; */
  width: 100%;
position: relative;
/*   top: 0.813rem; */
}
#search_form_col #sendSearch{
    bottom: -13px;
}



/************************************
HP map specific
************************************/
.formHP_map{
    display: inline-block;
    position: relative;
    top: -23px;
    right:-1px;
    text-align: right;
    padding-right: 0;
}
.search_w_map
{
    width:83px;
    height:28px;
    position:absolute;
    top: 140px;
    right:10px;
    color: #fff;
    text-align: center;
}

/************************************
keyword specific field
************************************/
label.ExKeywordField {
  font-family: arial;
  font-size: 0.563rem;
  font-weight: normal;
  color: #000;
}
#search_form #keywordBlock, #search_form_alternate #keywordBlock{
    position: relative;
    margin-top: -14px;
}
/*
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all{
    overflow-y : scroll;
    max-height : 250px;
}
*/
/************************************
generic fields
************************************/
.inputFilterMaxHeight {
  max-height: 28px;
  min-height: 28px;
  overflow: hidden;
}

.newformat.mappyV2 .inputFilterMaxHeight{
    max-height: 25px;
    min-height: 25px;
}

.inputFilterMaxHeight .localite_submit {
  display: none;
}
.surforbdg{
    position: relative;
}
/************************************
form generic
************************************/
form ul, form dt{
    font-size:0.75rem;
}
.FR_form{
    font-family:arial;
    font-size:0.75rem;
    font-weight:bold;
/*     margin-top: 1rem; */
    margin-bottom: 0;
}
.filter_rs{
    -o-box-shadow: 0px 5px 6px 0px #CBCBCB;
    -webkit-box-shadow: 0px 5px 6px 0px #CBCBCB;
    box-shadow: 0px 5px 6px 0px #CBCBCB;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#CBCBCB, Direction=180, Strength=6);
}
.txt_filter_valid{
    line-height: 1.5rem;
/* 	modif padding-left : [MA-37] */
    padding-left: 0;
}
/************************************
checkbox specific
************************************/
input[type="checkbox"]{
    margin: 0;
/*  padding: 0.5625rem 0; */
    line-height: 0.750rem;
}
.chk_lab label{
    padding-right: 6px;
}
.chk_inp #chk1, .chk_inp #chk2{
    margin: 0.45rem 0;
}
#search_form #filter_ch, #search_form_alternate #filter_chk{
    position: relative;
    left: 20px;
}
/************************************
label generic
************************************/
label.libelle_search_engine {
  color: #2d4a95;
  font-size: 12px;
  font-weight: bold;
/*   margin-right: 10px; */
  margin-bottom: 0;
}

label.label_npr{
    margin: 0;
}
#surfField input,#bdgField input{
    margin-bottom: 0;
    border: 1px solid #2d4a95;
}
#col_filter_chk label {
    padding-top:5px;
}

#search_form .blk{
    cursor: default;
}


/************************************
input generic
************************************/
#mailField, #keywords, #telField, #nomField, #prenomField, #paysField,#messageField{
    border: 1px solid #2d4a95;
    padding: 0 0.5rem;
    margin: 0;
}
#v_localite{
    padding: 0 0.5rem;
    height: 1.6rem;
    z-index: 11;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.allInputField {
  font-family: arial;
  font-size: 0.75rem;
  font-weight: 700;
}

.fieldCol {
    height: 2.3125rem;
    max-height: 2.3125rem;
    min-height: 2.3125rem;
}

.newformat.mappyV2 .fieldCol {
    height: 25px;
    max-height: 25px;
    min-height: 25px;
}

.fieldCol,input[type="text"]#keywords{
    margin-bottom: 5px;
}
#keywordsLabel.mandat{
    padding-top: 20%;
    margin-bottom: 0;
}

/************************************
select generic
************************************/
.arrow_select {
  -moz-appearance: none !important;
  background-color: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAMAAAAcEyWHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABOWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarZGxSsNQFIa/G0XFoVYI4uBwJ1FQbNXBjElbiiBYq0OSrUlDldIk3NyqfQhHtw4u7j6Bk6PgoPgEvoHi1MEhSHASwW/6zs/hcOAHo2LXnYZRhkGsVbvpSNfz5ewTM0wBQCfMUrvVOgCIkzjiJwI+XxEAz5t23WnwN+bDVGlgAmx3oywEUQH6FzrVIMaAGfRTDeIOMNVJuwbiASj1cn8BSkHub0BJuZ4P4gMwe67ngzEHmEHuK4Cpo0sNUEvSkTrrnWpZtSxL2t0kiOTxKNPRIJP7cZioNFEdHXWB/D8AFvPFdtORa1XL2lvnn3E9X+b2foQAxNJjkRWEQ3X+3YWx8/tc3Bgvw+EtTE+KbPcKbjZg4brIVqtQ3oL78RfCs0/+HAmzJwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAARVBMVEUtSpUyTpc3U5pDXaBLZKRVbKlrf7R3irqQn8eSociptNO/yN/ByuDO1ObV2+rf4+/h5fDp7PTz9Pn19vr4+fv9/f7///+dLJ1rAAAANklEQVQIHSXBCQJAIAAAwUVEztD+/6nCDPv2u0l8+kIJvFZxoYqKDtBmRY+GSUUdu0tFPWerB3U3A42CU23NAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  border: 1px solid #2d4a95;
  border-radius: 0;
  color: #000;
  font-family: inherit;
  font-size: 0.77778rem;
  height: 1.6rem;
  line-height: normal;
  padding: 0;
  padding-left: 5px;
}
.arrow_select option
{
    color: #000;
}
.arrow_select option:first-child
{
    color: #000 ;
/*     opacity: 0; */
}
.arrow_select.selectEmpty{
     color: #fff;
/*    opacity:1; */
     content: " ";
}
.arrow_select:hover {
    background-color: #fff;
    border: 1px solid #2d4a95;
}


#formCol_bdgField ::-webkit-input-placeholder, #formCol_surfField ::-webkit-input-placeholder {
   color: #000;
   opacity: 1;
}

#search_form_col #filterBdgAll, #search_form_col #filterSurfAll {
    padding-top: 6px;
}

#search_form_col #filterSurfAll {
    padding-left: 8px;
}
#search_form_col #filterBdgAll {
    padding-left:8px;
}

#search_form_col .inputFilterMaxHeight, #search_form_col .arrow_select {
    max-height: 2.3125rem;
    min-height: 2.3125rem;
    height: 2.3125rem;
    font-size: 13px;

}

#search_form_col .arrow_select {
    padding-left: 4px;
}
/************************************
tri specific
************************************/
#tri_select_announc {
  font-family: arial;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 6px;
  max-width: 200px;
}




/************************************
location / aroundKm generic
************************************/

#v_localite{
    margin: 0;
}

#aroundKmField
{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    float: right;
    height: 28px;
    text-align: center;
    width: 37px;
    z-index: 9;

    border: 1px solid #2d4a95;
}

#search_form_col #aroundKmField
{
    padding-top:6px;
    height: 37px;
}

.inputFilterMaxHeight .smcTag-close {
/*	display: none;*/
}
.inputFilterMaxHeight .smcTag {
    display:inline-block;
/*	background-color:#fff;*/
    border-color:#fff;
}
.inputFilterMaxHeight .localite_submit {
    display: none;
}

#search_form_col .text-tags {
    padding-top: 5px;
}
.smcTag
{
    display:block;
    position:relative;
/*     padding: 3px 0px 3px 5px; */
    padding: 3px 0px 3px 8px;
/*	max-width: 175px;*/
    max-width: none;
    margin: 5px 0px 3px 5px;
}
#search_formAlert .smcTag{
    height: 31px;
}

.pageListingAlert #localites .smcTag{
    height: 24px;
}

#search_formAlert  .text-tags .cpt {
    line-height: 37px;
}

.pageListingAlert .text-tags .cpt {
    line-height: 28px !important;
}

.pageListingAlert label.libelle_alert_page {
    margin: 0 0 .5625rem 0;
    padding: .25rem 0 0.5625rem 0;
    line-height: 2;
    text-align: right !important;
    float:right !important;
}

.text-tags .cpt{
    display: inline;
    text-align: left;
    white-space: pre;
    line-height: 28px;
    padding: 0 0px 0 10px;
}

.fd_moteur .text-tags .cpt {
    display: inline;
    text-align: left;
    white-space: pre;
    line-height: 36px;
    padding: 0 0px 0 10px;
}


.fd_moteur .smcTag span {
    display: block;
/*    height: 12px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.smcTag span {
    display: block;
/*    height: 12px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.fd_moteur #localites.inputFilterMaxHeight .smcTag span{
    font-size: 13px;
    font-weight: normal;
    line-height: 23px;
    width: 100%;
}
.pageListingAlert #localites .smcTag{
    margin-top: 1px !important;
    padding: 1px 30px 0px 8px !important;
}
.pageListingAlert #localites .smcTag span{
    font-size: 13px;
    font-weight: normal;
    line-height: 23px;
    width: 100%;

}
.pageListingAlert #localites .fi-x:before{
    content: "";
}

#search_form_mobile #col_filter_chk{
    padding-left:6px;
}

#search_form #filter_chk{
    padding-left:26px;
}

#search_form #filter_chk label{
    margin:0px;
}

.alternate .loupeAppli{
    display:none;
}

.alternate.aside_resultSearch-sticky .loupeAppli{
    display: block;
    position: absolute;
    left: -112px;
    width: 100px;
}

.pageAgency .loupeAppli{
    display:none !important;
}

#search_form #filter_chk input[type="checkbox"], #search_form_alternate #filter_chk input[type="checkbox"]{
    margin-top:12px;
    margin-left:5px;
    margin-right:10px;
}

#search_form_mobile #col_filter_chk input[type="checkbox"]{
    margin-top:9px;
    margin-left:5px;
    margin-right:10px;
}

.mini_carte{
    position: absolute;
    background-color: #fff;
    background-image: url(../png/mini_carte.png);
    background-position: right center;
    background-repeat: no-repeat;
    z-index: 1;
    height: 40px;
    width: 150px;
    display: inline-block;
    top: -40px;
    right: 0px;
}

.mini_carte span{
    position: absolute;
    bottom: 2px;
    color: #dd5403;
}

#search_form_mobile .mini_carte{
    background-color:#e0e0e0;
    right:8px;
}

.btn_mini_carte{
    position: absolute;
    background-image: url(../png/btn_mini_carte.png);
    background-position: right center;
    background-repeat: no-repeat;
    z-index: 1;
    height: 57px;
    width: 250px;
    display: inline-block;
    top: -56px;
    right: 0px;
}

.btn_mini_carte span{
    position: absolute;
    bottom: 7px;
    color: #fff;
    font-weight:bold;
    right: 50px;
    font-size: 14px;
}

/*
.list_search .smcTag span {
    width: auto;
    min-width: 40px;
    max-width: 136px;
}
*/
.oldHP .smcTag{
    margin-top: 0;
    padding: 0px 30px 0px 4px;
    font-weight: normal;
    line-height: 24px;
}
/*
#ALRT_Block .smcTag {
    margin-top: 1px;
    padding: 0px 30px 0px 4px;
    font-weight: normal;
    line-height: 24px;
}
*/
#ALRT_Block .smcTag span {
    width: 100%;
}
/*
.smcTag-close {
  background: url("https://www.maisonsetappartements.fr/views/images/icons/chosen-sprite.png") no-repeat scroll -42px 1px rgba(0, 0, 0, 0);
  display: block;
  font-size: 1px;
  height: 12px;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  cursor: pointer;
}
*/
.smcTag-close {
    background: #6F8CD6;
    display: block;
    font-size: 13px;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 4px;
    width: 15px;
    cursor: pointer;
    border-radius: 10px;
    color: #fff;
    line-height: 13px;
    text-align: center;
}
.HP_body .smcTag-close {
    top: 9px;
}
.alternate .smcTag-close {
    top: 4px;
}
.inputFilterMaxHeight #localiteSubBloc{
    width:100%;
    background-color: #fff;
}
.champ_pro .budgetForm div:first-child{
    line-height: 2.3125rem
}


/************************************
FILTER NEW FORMAT
************************************/
.newformat .fieldCol {
    margin-bottom:0px;
}

.newformat .formCol_Fields {
    padding-top:14px;
    padding-bottom: 11px;
}

.newformat .inputHPpadding {
    padding: 0px 5px 0px 0px;
    margin: 0;
}

.newformat .arrow_select, .newformat #v_localite, .newformat .inputFilterMaxHeight, .newformat #aroundKmField {
    min-height: 37px;
    max-height:37px;
    height: 37px !important;
    font-family: arial;
    font-size: 12px;

}

.alternate .arrow_select, .alternate #v_localite, .alternate .inputFilterMaxHeight, .alternate #aroundKmField {
    min-height: 28px;
    max-height: 28px;
    height: auto !important;
    font-family: arial;
    font-size: 12px;
    line-height:28px;

}

.newformat.mappyV2 .arrow_select, .newformat.mappyV2 #v_localite, .newfonewformat.mappyV2rmat .inputFilterMaxHeight, .newformat.mappyV2 #aroundKmField {
    min-height: 25px;
    max-height:25px;
    height: 25px !important;
    font-family: arial;
    font-size: 12px;

}


.newformat .arrow_select.mandat, .newformat #v_localite.mandat, .newformat .inputFilterMaxHeight.mandat, .newformat #aroundKmField.mandat{
    font-size: 12px !important;

}
/*
.newformat .inputFilterMaxHeight{
    max-height:none;
    height: auto !important;
    margin-bottom: 0;
}
*/

.newformat .smcTag {
/*	padding: 8px 0 3px 4px;*/
    padding: 0px 30px 0px 4px;
    line-height: 24px;
}

.newformat.mappyV2 .smcTag {
    height:20px !important;
    padding: 4px 26px 4px 4px!important;
    line-height:15px;
}

.alternate .smcTag{
    line-height: 14px;
    font-size:12px;
}

.newformat #aroundKmField {
    right: 0px;
}

.newformat .modifAlertFilter #aroundKmField {
    right: 11px !important;
}



.newformat #search_form_line #aroundKmField {
    right: 5px;
}

.newformat #aroundKmField .dropdown {
    margin-top: 10px;
}
.newformat #aroundKmField.mandat .dropdown {
    margin-top: 3px;
}

.alternate #aroundKmField .dropdown {
    margin-top: 6px;
}

.newformat #search_form_line ::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}
.newformat #search_form_line :-moz-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}
.newformat #search_form_line ::-moz-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}
.newformat #search_form_line :-ms-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.newformat .arrow_select.selectEmpty {
    color: #000;
    content: none;
}


.newformat #filterBdgAll, .newformat #filterSurfAll {
    padding: 0px 0px 0px 5px;

}

.newformat #search_form select {
    padding-left: 4px;
    padding-top: 0px;
    line-height:28px;

}

.newformat #sendSearch {
    width:100%;
    background-color: #2d4a95;
    background-image: url('../png/ic_search_white.png');
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
}

.newformat #keywords{
    padding:0px 0px 0px 5px !important;
    color: #000 !important;
}



.newformat #search_form_line .arrow_select, .newformat #search_form_line #v_localite, .newformat #search_form_line .inputFilterMaxHeight, .newformat #search_form_line #aroundKmField{
    font-size:14px;
}
.newformat #search_form_line .txt_filter_valid {
    line-height: 37px;
}


/************************************
ALL POPUP
************************************/
#mandatory_field_mes {
  color: #757575;
  font-family: arial;
  font-weight: 700;
}
#mandatory_field_mes2{
    font-size: 0.625em;
}
.btnContact{
    cursor: pointer;

}


.follow_us_style{
    text-decoration: none;
    color: #3b5998;
    font-family: Arial;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;


}
/************************************
POPUP
************************************/
#msgBlock {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
#msgInfo {
/* 	background-color: #fff; */
/* 	border-color: #898989; */
/* 	border-style: solid; */
/* 	border-width: 1px; */
/* 	height: 245px; */
/* 	left: calc(50% - 11rem);   50% - (width / 2) */
/* 	position: absolute; */
    text-align: center;
/* 	top: calc(50% - 7.625rem); 50% - (height / 2) */
/* 	width: 352px; */
/* 	z-index: 900; */
}
#msgInfoTitle h4 {
  color: #6f6f6f;
  font-family: Arial;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  height: inherit;
  line-height: 2.125rem;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 1.25rem;
  width: 19.25rem;
  text-align: left;
}

#msgInfo2 #msgInfoTitle{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color:#2d4a95;
}

#msgInfo2 #msgInfoTitle2{
    padding: 0px 15px;
}

#msgInfoText {
  font-family: arial;
  font-size: 0.75rem;
  padding: 20px 15px 50px 15px;
  text-align: left;
}

.announc_fiche #msgInfoText, #pageListingAlert #msgInfoText{
    width: 100%;
}

#msgInfoSubmit {
  background: url("../png/becalledsubmit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-style: none;
  cursor: pointer;
  font-family: Arial;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  height: 2.813rem;
  margin-bottom: 0;
  margin-top: 1.25rem;
  padding-bottom: 0.313rem;
  text-align: center;
  width: 9.5rem;
}

#msgInfoSubmit.close-reveal-modal{
    color: inherit;
    position: inherit;
}

#msgInfo2 #msgInfoSubmit{
    background: #2d4a95;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 123px;
    height: 40px;
    padding: 0;
}

#msgInfo2 .msgInfoResult, #msgInfo2 .msgInfoRetour{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color:#2d4a95;
}

#msgInfo2 .txtFB{
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    margin: 0 0 0 10px;
    width: 70%;
}

#msgInfo[aria-labelledby="msgInfoTitle_alertMsg"] #msgInfoText{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
/************************************
POPUP ALERT
************************************/
#stopDisplayAlert{
    position: absolute;
    right: 50px;
    text-decoration: underline;
    top: 10px;
    cursor: pointer;
    font-size: 0.75rem;
}

#alrtBlock .close-reveal-modal {
    top: 0px;
    right: 10px;
}
#alrtBlock .columns,#alrtBlock .column{
    padding-left: 0;
    padding-right: 0;
}
#alrtInfo {
    background-color: #fff;
    border-color: #898989;
    border-style: solid;
    border-width: 1px;
    height: 385px;
    left: calc(50% - 217px);   /*50% - (width / 2)*/
    position: absolute;
    top: calc(50% - 192px); /*50% - (height / 2)*/
    width: 434px;
    z-index: 900;
}
.titleAlertPopup{
    margin-left: 0;
    margin-top: 20px;
    font-family: arial;
    font-size: 1.375rem;
    font-weight: bold;
    color: #6f6f6f;
    text-align: left;
}
.introAlertPopup{
    color: #000;
    margin-left: 0;
    margin-top: 42px;
    font-size: 17px;
    font-weight: bold;
}
.ALRT_filter
{
    padding-left: 1.25rem;
}


/************************************
POPUP Send Folder
************************************/
#sendFolderForm {
  background: url("../jpg/background_sendfolder.jpg") no-repeat scroll 0 0 #fff;
}
#sendFolderTitle {
  display: inline-block;
  height: 88px;
  width: 100%;
  margin-top: 30px;
}
#sendFolderTitle h4 {
  color: #3b77b8;
  font-family: Verdana,Arial;
  font-size: 29px;
  font-style: normal;
  font-weight: bold;
  height: inherit;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 0;
}
#sendFolderFields #mandatory_field_txt {
  color: #757575;
  font-family: arial;
  font-weight: 700;
  text-align: right;
  margin-bottom: 0.5rem;
}
#sendFolderFields input[type="text"]{
    margin-bottom: 0.5rem;
/* 	color: #000; */
}
#sendFolderFields #sendFolderSubmit {
  background-color: #3b77b8;
  border-style: none;
  height: 51px;
  width: 159px;
  color: #fff;
  font-family: Arial;
  margin-top: 8px;
}
#sendFolderMessage {
  font-family: Arial;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  padding-left: 4px;
  padding-top: 3px;
  margin-bottom: 0.5rem;
}

/************************************
POPUP Appointment
************************************/
#appointmentForm {
  background: url("../jpg/background_appointment.jpg") no-repeat scroll 0 0 #fff;
}
#appointmentTitle {
  display: inline-block;
  height: 88px;
  width: 100%;
/*   margin-top: 30px; */
}
#appointmentTitle h4 {
  color: #d57b1e;
  font-family: Verdana,Arial;
  font-size: 29px;
  font-style: normal;
  font-weight: 700;
  height: inherit;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 0;
}
#appointmentFields #mandatory_field_txt {
  color: #757575;
  font-family: arial;
  font-weight: 700;
  text-align: right;
  margin-bottom: 0.5rem;
}
#appointmentFields input[type="text"]{
    margin-bottom: 0.5rem;
/*  color: #000; */
}
#appointmentFields #appointmentSubmit {
  background-color: #d57b1e;
  border-style: none;
  height: 51px;
  width: 159px;
  color: #fff;
  font-family: Arial;
  margin-top: 8px;
}
#appointmentMessage {
  font-family: Arial;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  padding-left: 4px;
  padding-top: 3px;
  margin-bottom: 0.5rem;
}

/************************************
POPUP Be called
************************************/
#beCalledForm {
  background: url("../jpg/background_becalled.jpg") no-repeat scroll 0 0 #fff;
}
#beCalledTitle {
  display: inline-block;
  height: 88px;
  width: 100%;
/*   margin-top: 30px; */
}
#beCalledTitle h4 {
  color: #4a8022;
  font-family: Verdana,Arial;
  font-size: 29px;
  font-style: normal;
  font-weight: 700;
  height: inherit;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 0;
}
#beCalledFields #mandatory_field_txt {
  color: #757575;
  font-family: arial;
  font-weight: 700;
  text-align: right;
  margin-bottom: 0.5rem;
}
#beCalledFields input[type="text"]{
    margin-bottom: 0.5rem;
/*  color: #000; */
}
#beCalledFields #beCalledSubmit {
  background-color: #4a8022;
  border-style: none;
  height: 51px;
  width: 159px;
  color: #fff;
  font-family: Arial;
  margin-top: 8px;
}
#beCalledMessage {
  font-family: Arial;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  padding-left: 4px;
  padding-top: 3px;
}

/************************************
POPUP send friend
************************************/
#sendFriendTitle {
  display: inline-block;
  height: 34px;
  width: 100%;
/*   margin-top: 30px; */
}
#sendFriendTitle h4 {
  color: #6f6f6f;
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  height: inherit;
  margin-bottom: 0;
  margin-top: 5px;
  padding-left: 11px;
  width: 320px;
}
#sendFriendFields{
    margin-top: 30px;
}
#sendFriendFields #mandatory_field_txt {
  color: #757575;
  font-family: arial;
  font-weight: 700;
  text-align: right;
  margin-bottom: 0.5rem;
}
#sendFriendFields input[type="text"]{
    margin-bottom: 0.5rem;
/*  color: #000; */
}
#sendFriendFields #sendFriendSubmit {
  background-color: #6f6f6f;
  border-style: none;
  height: 51px;
  width: 159px;
  color: #fff;
  font-family: Arial;
  margin-top: 8px;
}
#sendFriendMessage {
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  padding-left: 4px;
  padding-top: 3px;
}
.filter_rs
{
     padding-top: 1em;
}


/* .filter_rs div#surfField, .filter_rs div#bdgField{ */
/*     width: 19rem; */
/* } */
#surfField *,
#bdgField *,
#formCol_bdgField *,
#formCol_surfField *{
    display: inline;
    text-align: center;
}
.ok_btn_filter {
    margin-left: 15px;
    margin-top: -1px;
}
input.surfMin, input.surfMax,
input.bdgMin, input.bdgMax{
    height: 31px;
    width: 81px;
    margin-left: 5px;
    margin-right: 13px;
    margin-top: 5px;
    border: 1px solid #2d4a95;
}
input.surfMax, input.bdgMax{
    margin-left: 13px;
    margin-right: 10px;
}
/************************************
POPUP Ask documentation
************************************/

#askDocForm {
  background: url("../jpg/background_askdoc.jpg") no-repeat scroll 0 0 #fff;
}
#askDocTitle {
  display: inline-block;
  height: 88px;
  width: 100%;
}
#askDocTitle h4 {
  color: #d81f27;
  font-family: Verdana,Arial;
  font-size: 29px;
  font-style: normal;
  font-weight: 700;
  height: inherit;
  line-height: 30px;
  margin-bottom: 0;
/*   margin-top: 54px; */
  padding-left: 150px;
}
#askDocFields #mandatory_field_txt {
  color: #757575;
  font-family: arial;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: right;
}

.blockMandat{
    background-color: rgba(255,255,255,0.7);
}
li.mandat{
    text-align:left;
}

.newformat #aroundKmField.mandat, .newformat #v_localite.mandat, .newformat .arrow_select.mandat, .newformat .inputFilterMaxHeight.mandat{
    min-height: 25px !important;
    max-height: 25px !important;
    height: 25px !important;
    padding: 0 0 0 5px !important;
    color: #000;
}
#aroundKmField.mandat{
    right: 0;
    width:45px;
}
.text-tags.mandat span{
    line-height: 12px;
    height: 20px;
    text-align: left;
}
.text-tags.mandat span.cpt{
    line-height: 26px;
}
.text-tags.mandat .smcTag-close{
    top: 3px;
}

.mandatBlock{
    font-family: Arial;
    width: 80%;
    left: 11.5%;
}
.mandatTitre{
    font-family: Arial;
    font-weight: bold;
    font-size: 36px;
    text-align: left;
}
.mandatTexte{
    font-weight: 700;
    text-align: left;
    margin-top: 50px;
    padding-left: 2px;
    width: 95%;
    line-height: 24px;
    font-size:22px;
}

@media only screen and (max-width: 64em) {
    /* max-width 1024px*/
    #askDocTitle h4 {
      padding-left: 0;
    }

}


@media only screen and (max-width: 40em) {
    /*(max-width: 640px)*/
/* 	#search_form_col input[placeholder="min"], */
/* 	#search_form_col input[placeholder="max"]{ */
/* 	  background-color: #fff; */
/* 	/*   height: 2.063rem; */ */
/* 	  height: 1.938rem; */
/* 	/*   width: 6rem; */ */
/* 	  border: 1px solid #2d4a95; */
/* 	} */
/************************************
    HP submit button specific
    ************************************/


    #search_form_col .formCol_submitField {
        background:initial;
        background-color: #0d4998;
        text-transform: uppercase;
        width: 100%;
        height: 2.3125rem;
    }
    #search_form_col .formCol_Fields{
       background-color: rgba(13,73,152,0.43);
    }

    #col_filter_chk .chk_lab label{
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    }

    #search_form_col ::-webkit-input-placeholder {
       color: #000;
       opacity: 1;
    }
    #search_form_col :-moz-placeholder { /* Firefox 18- */
       color: #000;
       opacity: 1;
    }
    #search_form_col ::-moz-placeholder {  /* Firefox 19+ */
       color: #000;
       opacity: 1;
    }
    #search_form_col :-ms-input-placeholder {
       color: #000;
       opacity: 1;
    }

    #filterBdgAll, #filterSurfAll, #keywords, #v_localite{
       padding-left: 0.25rem;
    }

    input::-webkit-input-placeholder {
        color: #9c9b9b;
    }

    input::-moz-placeholder {
        color: #9c9b9b;
    }
    .arrow_select option:first-child{
        opacity: 1;
    }
    .arrow_select.selectEmpty{
/*  	   color: #000;  */
    }
    #search_form #keywordBlock
    {
        top:-8px;
    }

    .alternate #filter_bdg {
        margin-bottom: 32px;
    }

    .fieldCol,input[type="text"]#keywords{
       margin-bottom: 1rem;
    }

    #aroundKm{
       height: 2.3125rem;
    }

    .alternate #aroundKmField .dropdown {
         margin-top: 0px;
    }


    .newformat #search_form_mobile #aroundKmField {
        right: 8px;
    }


    .inputFilterMaxHeight .smcTag {
      height: 1.813rem;
      line-height: 1.813rem;
    }

    .alternate .smcTag{
        line-height: 14px;
        font-size:12px;
        height:22px;
    }

    #search_form_mobile  .smcTag{
        width:77%;
        height: 31px !important;
        line-height: 24px !important;
    }

    #search_form_mobile  .smcTag span{
        width:100%;
    }

    #search_form_mobile  .smcTag-close{
        top: 8px;
    }

    #search_form_mobile .text-tags .cpt {
        line-height: 37px;
    }

    .txt_filter_valid{
        height: 1.813rem;
        line-height: 2.2rem;
    }

    #search_formAlert .mandat .txt_filter_valid{
        line-height:1.5rem;
    }

    #search_form_col #sendSearch{
        bottom: inherit;
    }

    #col_filter_chk{
        margin-bottom:35px;
    }

    #col_filter_chk label {
        padding-top:6px;
        padding-left:5px;
    }

    .newformat #search_form select {
        margin-top:17px;
    }

    .arrow_select.selectEmpty{
         color: black;
         content: " ";
    }


    .newformat .txt_filter_valid {
        line-height: 37px;
    }

    #search_form_col #filterBdgAll, #search_form_col #filterSurfAll {
        padding-top: 0px;
    }
    #search_form_col .text-tags {
        padding-top: 0px;
    }
    .text-tags {
        padding-top: 0px;
    }
    .smcTag
    {
        margin-top: 1px;
    }
    #aroundKmField
    {
        padding-top:4px;
    }
    #search_form_col .arrow_select {

        padding-left: 5px;
    }
    #search_form_col #filterBdgAll, #search_form_col #filterSurfAll {
        padding-left: 5px;
    }

    #search_form_col .arrow_select, #search_form_col .inputFilterMaxHeight {
        margin-bottom:10px;
    }

    #search_form_col .pad_sous_loc{
        margin-top:10px;
    }

    #search_form_col #aroundKmField {
        padding-top: 0px;
    }

    .newformat #search_form_col #sendSearch {
        background-image: none;

    }



    #search_formAlert #aroundKmField
    {
        padding-top:0px;
    }
}

@media screen and (min-width:640px)
{
    .reveal-modal.small
    {
        max-width: 440px;
    }
    .reveal-modal.medium
    {
        max-width: 600px;
    }
    #search_form select{
        margin-bottom: 0;
    }
    #filterBdgAll,#filterSurfAll{
       overflow: hidden;
    }

}

@media screen and (min-width:426px) and (max-width:768px)
{
    #search_form #filter_chk, #search_form_alternate #filter_chk{
        padding-left:0px;
        left:-6px;
    }

    .mini_carte{
        right: -35px;
    }

    .btn_mini_carte{
        right: -9px;
    }
}

@media screen and (max-width:320px)
{
    #search_form_mobile .mini_carte{
        right:-10px;
    }
}

@CHARSET "UTF-8";

/*
 * other font
 */
/** Generated by FG **/
@font-face {
    font-family: 'HelveticaNeueLTStd-BdCn';
    src: url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-BdCn.eot');
    src: local('☺'),
        url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'),
        url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'),
        url('../svg/helveticaneueltstd-bdcn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/** Generated by FG **/
@font-face {
    font-family: 'HelveticaNeueLTStd-LtCn';
    src: url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-LtCn.eot');
    src: local('☺'),
        url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'),
        url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'),
        url('../svg/helveticaneueltstd-ltcn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/** Generated by FG **/
@font-face {
    font-family: 'HelveticaNeueLTStd-ThCn';
    src: url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-ThCn.eot');
    src: local('☺'), url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-ThCn.woff') format('woff'),
     url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-ThCn.ttf') format('truetype'),
     url('../svg/helveticaneueltstd-thcn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/** Generated by FG **/
@font-face {
    font-family: 'HelveticaNeueLTStd-MdCn';
    src: url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-MdCn.eot');
    src: local('☺'), url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-MdCn.woff') format('woff'),
    url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-MdCn.ttf') format('truetype'),
     url('../svg/helveticaneueltstd-mdcn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Generated by Font Squirrel (https://www.fontsquirrel.com) on August 4, 2014 */



@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('https://medias.maisonsetappartements.fr/fonts/opensans-condlight-webfont.eot');
    src: url('https://medias.maisonsetappartements.fr/fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://medias.maisonsetappartements.fr/fonts/opensans-condlight-webfont.woff') format('woff'),
         url('https://medias.maisonsetappartements.fr/fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('../svg/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/** Generated by FG **/
@font-face {
    font-family: 'HelveticaNeueLTStd-Lt';
    src: url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-Lt.eot');
    src: local('☺'),
        url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
        url('https://medias.maisonsetappartements.fr/fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
        url('../svg/helveticaneueltstd-lt.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


#TitleH1HP
{
    display: none;
}

img
{
    border:none;
}

.hthin
{
    font-family:HelveticaNeueLTStd-ThCn, Arial;
}

.hmedium
{
    font-family : HelveticaNeueLTStd-MdCn, Arial;
}

.hlight
{
    font-family: HelveticaNeueLTStd-LtCn, Arial;
}
.hbold
{
    font-family : HelveticaNeueLTStd-BdCn, Arial;
}

.hnorm
{
    font-family: HelveticaNeueLTStd-Lt, Arial;
}

.olight
{
    font-family: open_sanscondensed_light, Arial;
}

/****************************************
Footer
****************************************/

.footer_block{

    margin-left:auto;
    margin-right:auto;
    background-color: #2d4a95;
    height: 261px;
    position: relative;
}
.ft_title{
    float: left;
    padding-left: 20px;
    margin-top: 47px
}
.ft_title_txt{
    position: relative;
      top: 20px;
}
.ft_title .FooterTitle1{
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0px;
    color: #a3a3a4;
    font-size: 19px;
    font-family: arial;
    font-weight: bold;
}
.ft_title .FooterTitle2{
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #a3a3a4;
    font-size: 19px;
    font-family: arial;
    font-weight: bold;
}
.ft_logo{
    margin-top:-16px;
    float: left;
    width: 245px;
}
.ft_content{
    float: right;
    margin-top: 47px;
    height: 180px;
/*     [MA-38]=> overflow */
    overflow: hidden;
}
.ft_content .linksList{
    float: right;
    position: relative;
}
.ft_content .ft_subTitle{
    color: #a3a3a4;
    font-style: arial;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
}
.ft_content ul{
    margin-top: 1px;
    padding-left: 0px;
    padding-right: 15px;
    margin-left:0;

}
.ft_content li{
    color:#fff;
    list-style: none;
    white-space: nowrap;
    height:14px;
    line-height:14px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ft_content li a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ft_content a{
    color: #fff;
    font-style: arial;
    font-size: 11px;
    font-weight: normal;
}
.footer{
    margin-left:auto;
    margin-right:auto;
}

.arial11gris:hover
{
    color:#FFFFFF;
}

#articlesList
{
    width: 744px;
    margin-left: 25px;
    padding-bottom: 6px;
}



#loader
{
    margin-left: 18px;
}
.articlePict{
    padding: 0;
}
/****************************************
leftBigPict
****************************************/
.leftBigPict
{
    clear:both;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom-color: #324f98;
    border-bottom-style: solid;
    border-bottom-width: 1px;
/*     height: calc(371px + 30px + 30px); */
    position: relative;
}
.leftBigPict .articlePict
{
    z-index: 1;
/*     position: absolute; */
}
.leftBigPict .articlePict img
{

    margin-left: 1px;
    margin-right: 1px;
}
.leftBigPict .articleTxt
{
    width: 365px;
    height: 176px;
    position: absolute;
    left: 380px;
    top: 32px;
/*     float: right; */
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.81);
    padding-left: 10px;
}
.leftBigPict .articleTxt .articleTitle
{
    color: #6f6f6f;
    font-family: verdana;
    font-weight: bold;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 3px;
    padding-bottom: 11px;
/*     max-height: 67px; */
    overflow: hidden;
    line-height: 1;

height: 82px;
line-height: 38px;
}
.leftBigPict .articleTxt .articleIntro
{
    color: #000;
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
}
.leftBigPict .articleTxt .articleIntro p
{
    margin-bottom:0;
    margin-top:0;
    line-height: 1rem;

    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/****************************************
Pict3
****************************************/
.Pict3
{
    clear:both;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom-color: #324f98;
    border-bottom-style: solid;
    border-bottom-width: 1px;
/*     height: calc(250px + 40px); */
}
.Pict3 .articlePict
{
    margin-left: -1px;
}
.Pict3 .articlePict img
{
    height: 168px;
    width: 246px;
    margin-left: 1px;
    margin-right: 1px;
}
.Pict3 .articleTxt .articleTitle
{
    color: #134B96;
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
    margin-top: 7px;
    margin-bottom: 9px;
}
.Pict3 .articleTxt .articleIntro
{
    color: #000;
    font-family: arial;
    font-weight: normal;
    font-size: 12px;
/*     margin-top: -3px; */
}
.Pict3 .articleTxt .articleIntro p
{
    margin-bottom:0px;
    margin-top:0px;
    line-height: 1rem;

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/****************************************
leftPict
****************************************/
.leftPict
{
    clear:both;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom-color: #324f98;
    border-bottom-style: solid;
    border-bottom-width: 1px;
/*     height: calc(168px + 40px); */
}
.leftPict .articlePict
{
    width: 282px;
    float: left;
}
.leftPict .articlePict img
{
    height: 168px;
    width: 246px;
    margin-left: 1px;
    margin-right: 1px;
}
.leftPict .articleTxt
{
    padding-left: 20px;
    float: right;
    width: 442px;
    height: inherit;
}
.leftPict .articleTxt .articleTitle
{
    color: #134B96;
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
}
.leftPict .articleTxt .articleIntro
{
    color: #000;
    font-family: arial;
    font-weight: normal;
    font-size: 12px;
}
.leftPict .articleTxt .articleIntro p
{
    margin-bottom:0px;
    margin-top:0px;
    line-height: 1rem;

    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
/****************************************
rightPict
****************************************/
.rightPict
{
    clear:both;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom-color: #324f98;
    border-bottom-style: solid;
    border-bottom-width: 1px;
/*     height: calc(168px + 40px); */
}
.rightPict .articlePict
{
    width: 282px;
    float: right;
}
.rightPict .articlePict img
{
    height: 168px;
    width: 246px;
    margin-left: 1px;
    margin-right: 1px;
    float:right;
}
.rightPict .articleTxt
{
    padding-right: 20px;
    float: left;
    width: 442px;
    height: inherit;
}
.rightPict .articleTxt .articleTitle
{
    color: #134B96;
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
}
.rightPict .articleTxt .articleIntro
{
    color: #000;
    font-family: arial;
    font-weight: normal;
    font-size: 12px;
}
.rightPict .articleTxt .articleIntro p
{
    margin-bottom:0px;
    margin-top:0px;
    line-height: 1rem;

    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
/****************************************
rightBigPict
****************************************/
.rightBigPict
{
    clear:both;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom-color: #324f98;
    border-bottom-style: solid;
    border-bottom-width: 1px;
/*     height: calc(282px + 50px); */
}

.rightBigPict .articlePict
{
    float: right;
}
.rightBigPict .articlePict img
{
    height: 282px;
    width: 376px;
    margin-left: 1px;
    margin-right: 1px;
}
.rightBigPict .articleTxt .articleTitle
{
    color: #6f6f6f;
    font-family: verdana;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 25px;
    max-height: 152px;
    overflow: hidden;
}
.rightBigPict .articleTxt .articleIntro
{
    color: #000;
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
}
.rightBigPict .articleTxt .articleIntro p
{
    margin-bottom:0px;
    margin-top:0px;
    line-height: 1rem;

    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
/****************************************
articleFilter
****************************************/
.articleFilter
{
    margin-left: 128px;
    margin-top: 55px;
}
.articleFilter label
{
    padding-bottom:3px;
    font-family:arial;
    font-weight:bold;
    font-size:14px;
}
.articleFilter #departement
{
    font-size: 14px;
    font-weight: bold;
}
/****************************************
newsBlock
****************************************/
.aside_resultNews
{
    position: absolute;
    top: 550px;
    right: 1px;
}
.aside_resultNews-sticky
{
    position: absolute;
    z-index: 26;
}
.aside_resultNews-bottom
{
    top: -45px;
}
.newsListOfReport
{
    width: 200px;
}
.newsListOfReport h4
{
    font-family: arial;
    font-size: 26px;
    font-weight: bold;
    color: #6F6F6F;
    margin-bottom: 3px;
    margin-top: 0px;
    margin-left:15px;
}
.newsListOfReport ul
{
    border-bottom: 1px solid #324F98;
    border-top: 1px solid #324F98;
    padding-left: 15px;
    list-style-type: square;
    font-family: arial;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.newsListOfReport .shortNews
{
    color: #6F6F6F;
    margin-top: 10px;
    margin-bottom: 11px;
    font-size: 16px;
}
.newsListOfReport .newsTitle
{
    color: #39569E;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
    margin-top: -16px;
}
.newsListOfReport .newsTxt
{
    font-size: 12px;
    color: #39569E;
    margin-left: -15px;
}
.newsListOfReport .link
{
    font-style:italic;
}
.newsListOfReport .moreNewsLink a
{
    font-family: arial;
    font-size: 12px;
    font-style:italic;
    color: #6F6F6F;
    float: right;
    text-decoration: underline;
    margin-right: 11px;
}
/****************************************
articles list pagination
****************************************/
.listArtContent
{
    padding-bottom: 30px;
}
.resultArtPagination
{
    text-align: right;
    padding-top: 10px;
    width: 769px;
}
.resultArtPagination,.resultArtPagination #prev_link,.resultArtPagination #next_link
{
    font-size: 13px;
    color: #000;
}
.resultArtPagination #prev_link,.resultArtPagination #next_link
{

}
.resultArtPagination #prev_link span,.resultArtPagination #next_link span
{
    color: #888;
    font-weight: bold;
}
.resultArtPagination #prev_link
{
 margin-left: 5px;
}
.resultArtPagination #next_link
{
 margin-left: 5px;
 margin-right: 10px;
}
.resultArtPagination .pag_number
{
    margin-right: 10px;
    margin-left: 15px;
}
.resultArtPagination .pagi_passif,.resultArtPagination .pagi_actif
{
    font-size: 13px;
    color: #000;
}
.resultArtPagination .pagi_actif
{
    font-size: 15px;
    text-decoration: underline;
}
/****************************************
Article
****************************************/
.page_article h1{
    font-size: 40px;
    font-weight: bold;
    color: #000;
    margin-top:80px;
    text-align:left;
    margin-bottom: 16px;
    line-height:43px;
}
.page_article{
    padding-left:1%;
    clear:both;
      margin-left: -10px
}
.bandeau_right_ann{
    height: 1180px;
    width:177px;
    position:absolute;
    top:340px;
    right:0px;
    color:#000;
    -webkit-box-shadow:         -3px 0px 9px 0px rgba(100, 100, 100, 1);
    box-shadow:         -3px 0px 9px 0px rgba(100, 100, 100, 1);

    padding-top:15px;
    padding-bottom:15px;
    background-color: #ffffff;
}
.article_container{
    float:left;
}
.legende_img{
    display:inline;
    margin-top: 120px;
    color: #000;
    font-style: italic;
    font-family: arial;
    font-size: 12px;
    text-align:left;
}
.legende_img a,.article_container a{
    text-decoration:underline;
}
.img_container img{
    float:left;
    margin-right:10px;
    margin-bottom:30px;
}
.img_container{
    margin-top:31px;
    margin-bottom:20px;
}

.intro_article
{
    font-weight:bold;
    font-size:16px;
    line-height:18px;
    text-align:justify;
    margin-top: 0px;
}

.texte_article
{
    white-space:pre-line;

    margin-top: 0px;
    margin-bottom: 15px;
    font-size:14px;
    line-height:18px;
    clear:both;
    text-align:justify;
}

.texte_article a
{
    font-size:14px;
}
.comment_fb
{
    padding-left:65px;
    margin-top:15px;
    margin-bottom: 40px;
}
.extras_container
{
    text-align:right;

    margin-bottom:40px;
}

.extras_container .social .fb-like
{
    position:relative;
    top: 2px;
    margin-left:10px;
    margin-right:10px;
}

.extras_container .social
{
    margin-top:15px;
}

.bandeau_right_ann img
{
    margin-left:7px;
    margin-top:3px;
}

.bandeau_right_ann .more_announc
{
    position:relative;
    bottom:5px;
    left:-7px;

}

.bandeau_right_ann .list_announc
{
    overflow:hidden;
    height: 1200px;
    width:177px;

}
.bandeau_right_ann .ville
{
    font-size:13px;
    font-weight:bold;
    margin-left:7px;
    margin-top:3px;
    margin-bottom:3px;
}
.bandeau_right_ann .more_adv
{
    width:177px;
    height:26px;
    display:block;
    color:#ffffff;
    position:absolute;
    bottom:-26px;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    line-height:24px;
    background:transparent url(../png/plus_annonce_article.png) no-repeat;
}

.bandeau_right_ann .prix
{
    font-weight:bold;
    position:relative;
    width:90%;
    text-align:left;
    display:block;
    margin-bottom:10px;
    margin-left:7px;
    font-size: 13px;
}

.autre_article
{
    max-width:745px;
    padding:20px 0px;
    border-bottom:1px solid #8aa4ca;
    clear:both;
}

.autre_article.first
{
    border-top:1px solid #8aa4ca;
}

.autre_article.article_grand img
{
    float:left;
      margin-right: 2px;
      margin-bottom: 15px;
}

.autre_article .titre_article
{
    font-size:16px;
    display:block;
    color:#134B96;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:10px;
    clear:both;
}

.autre_article .text_article
{
    text-decoration:none;
    color:#000;
}

.autre_article .img_article
{
    width:280px;
    display:inline-block;
}

.autre_article .descr_article
{
    width:442px;
    padding-top:4%;
    display:inline-block;
}
.autre_article .lire_suite
{
    text-decoration:underline;
}


.float_left
{
    float:left;
}

.float_right
{
    float:right;
}

.back_to_report
{

    text-align:right;
}
.back_to_report a
{
    color: #134B96;
    text-decoration: underline;
    font-weight:bold;
}

.liste_autre_articles
{
    clear:left;
    margin-top:40px;
}

.also_like
{
    text-transform : uppercase;
    color:#253e7f;
    font-size:16px;
    font-weight:bold;
    padding-bottom:10px;
    display: block;
}

.annonce_container
{
    padding-left: 6px;
    margin-bottom:35px;
}



.back_summary
{
    font-style: italic;
    font-size:13px;
    float: left;
}

.autre_article.last
{
    border-bottom:none;
}

.img_article.float_right img
{
    float:right;
}



@media only screen and (max-width:640px)
{
        .article_container h1{
            margin-top:10px;
        }
        .back_summary{
            font-size:1rem;
            font-weight:bold;
        }
}
@media only screen and (max-width: 64em) {
        .img_container{
          margin-bottom: 40px;
        }
        .img_container img{
          margin-bottom: 10px;
        }
}

@media only screen and (max-width:780px)
{
    #articlesList	{
        width:auto;
    }
    .leftBigPict .articleTxt .articleTitle{
      color: #134B96;
      font-family: arial;
      font-weight: bold;
      font-size: 16px;
      margin-top: 7px;
      margin-bottom: 0px;
      height:auto;
      padding:0;
      padding-top: 10px;
       padding-bottom: 10px;
        line-height: 1rem;
    }
    .leftBigPict .articleTxt{
        position:relative;
        left:0px;
        width:auto;
        top:auto;
        background:none;
         clear: both;
         padding:0;
          height: auto;
          font-size:16px !important;
    }
    .Pict3 .articlePict img, .leftPict .articlePict img, .rightPict .articlePict img,.leftBigPict .articlePict img, .rightBigPict .articlePict img
    {
        width: 100%;
        height: auto;
        margin-left: 1px;
        margin-right: 1px;
    }
    .Pict3 .articleTxt .articleIntro,.leftBigPict .articleTxt .articleIntro p
    {
          font-size: 16px;
          font-weight:normal;
    }
    .leftPict .articlePict, .rightPict .articlePict
    {
        width:100%;
    }
    .leftPict .articleTxt,.rightPict .articleTxt
    {
        float:none;
        padding:0;
        width:auto;

    }
    .leftPict .articleTxt .articleIntro p, .rightPict .articleTxt .articleIntro p
    {
            font-size:16px;
    }
    .leftPict .articleTxt, .rightPict .articleTxt, .Pict3 .articleTxt
    {
          clear: both;
          padding-top: 5px;
    }
    .img-article
    {
        display:none;
    }
    .articleFilter
    {
        margin:0;
    }
    .articleIntro p.a_fake
    {
        margin-top:10px !important;
    }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
    .article_container h1
    {
        margin-top:40px;
    }
}
@media only screen and (min-width: 64em) {
    .article_container{
        padding-right: 20px;
    }
}