html{font-size: 14px!important}
body{font-family:'Johan','Trebuchet MS',sans-serif;overflow-x: hidden; font-size: 16px;}
h1, h2, h3 {font-weight: normal;color:#43596b;}
input{font-size:100%;}
.mn-main {padding-right: 50px;}
hr{height:1px;border:0;background: transparent url(https://media2.nexity.fr/nfr2014/tirets-list.png) 0 0;}
/* temp fix header */
/*.form-recherche .container{position:relative;}*/
section.content{padding-right:50px;}
div.agency{
    margin:20px auto;
    text-align: center;
}
.ui-autocomplete .ui-state-focus{background:#eaeaea!important;border:none!important;color:#333!important;}
.ui-autocomplete.ui-corner-all,.ui-autocomplete .ui-corner-all{border-radius:0!important;}
.ui-autocomplete{background-color:#fff!important;}
.bbblue{width:300px;}
div.title_results{margin:0 0 20px 0;text-transform:uppercase;font-size:26px;border-bottom:1px solid #cfcfcf;padding:0 0 10px 0;}
div.title_results .metiers{font-size:26px;}
div.title_desc{color:#8e8e8e;margin-bottom:20px;font-size:15px;}
ul.results{width:940px;float:left;display:block;margin:10px 0 10px;}
ul.results li{max-width:430px;width:46%;height:137px;float:left;overflow:hidden;position:relative;}
ul.results li.left{margin:0 8% 20px 0;}
ul.results li.right{margin:0 0 20px 0;}
ul.results li a.blue{background:#F0F0F0 url(../images/bkg-blue.png) no-repeat 285px 0;border-bottom:2px solid #005172;}
ul.results li a.red{background:#F0F0F0 url(../images/bkg-red.png) no-repeat 285px 0;border-bottom:2px solid #cc042d;}
ul.results li a.green{background:#F0F0F0 url(../images/bkg-green.png) no-repeat 285px 0;border-bottom:2px solid #197b30;}
ul.results li a{float:left;width:100%;height:100%;display:block;position:static;}
ul.results li a span.content{width:100%;height:115px;margin:13px 0 0 20px;padding-right:20px;cursor:pointer;position:static;}
ul.results li a span{width:100%;display:block;float:left;}
ul.results li a span.type{font-size:16px;text-transform:uppercase;font-weight:900;}
ul.results li a span.name{text-transform:uppercase;font-size:23px;min-width:300px;height:31px;line-height:23px;font-weight:900;}
ul.results li a span.metier{color:#8a8a8a;font-size:14px;line-height:22px;overflow:hidden;width:300px;height:20px;}
ul.results li a span.adresse{font-size:16px;}
ul.results li a span.white{color:#fff;}
ul.results li a div.voir_details{float:right;background-color:#4b4b4b;color:#fff;text-transform:uppercase;padding:5px 7px;}

ul.results li .flap_connected{
    position:absolute;
    right:90px;
    top:5px;
    background-color: #B6BF00;
    width:106px;
    height:56px;
    padding: 10px 12px;
    text-transform: uppercase;
    font-size:17px;
    line-height: 18px;
    color:#fff;
    font-weight:bold;
    -webkit-box-shadow: 0 3px 3px #888;
    -moz-box-shadow: 0 3px 3px #888;
    box-shadow: 0 3px 3px #888;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.bgred{background-color:#cc042d;}
.bggreen{background-color:#197b30;}
.bgblue{background-color:#005172;}

.agence_results .red,
.agence-map .red {
    color:#cc042d;
}

.agence_results .green,
.agence-map .green {
    color:#197b30;
}

.agence_results .blue,
.agence-map .blue {
    color:#005172;
}

#map-canvas-recherche {width:940px;height:550px;margin: 0 auto;}
#map-canvas-recherche img{max-width:inherit;}
header.agence-header{
    height:320px;
    background:white url(https://media.nexity.fr/nfr2014/agence/monge/carrousel.jpg) no-repeat center 0;
    background-size:cover;
    text-align: center;
}
header.agence-header > .container{
    display:inline-block;
    margin-top: 40px;
    width: auto;
}
.agence-header-content{
    padding:32px 0;
    width:486px;
    background:transparent url(../images/pannel-content-bg.png) repeat 0 0;
    text-transform:uppercase;
}
.agence-header-content .title{text-align:center;text-transform:uppercase;font-family:'Johan','Trebuchet MS',sans-serif;font-size:26px;line-height:30px;color:white;}
.agence-header-content .title strong{
    display:block;
}
.agence-header-content span{display:block;text-align:center;width:100%;color:white;}
.agence-entete{display:table;margin:40px 0;width:100%;}
.agence-entete .col{display:table-cell;vertical-align:middle;padding:0 10px 0 50px;width:63%;}
.agence-entete .col:first-child{position:relative;padding-right:0;width:37%;text-align:right;}
.agence-entete .col .title{text-transform:uppercase;font-family:'Johan','Trebuchet MS',sans-serif;color:#57585b;font-size:26px;line-height:34px;}
.agence-entete .col .title span{display:block;color:#3497b6;}
.agence-entete .col .hr {position:absolute;bottom:-20px;right:6px;display:block;margin-top:55px;width:30px;height:3px;font-size:1px;border:0;background:#57585b;}
.agence-entete .col p{font-family:'Johan','Trebuchet MS',sans-serif;font-size:18px;line-height:26px;color:#57585b;}
.agence-entete{margin:50px 0;}
#lieu_agence,.submit{padding:0 13px;height:50px;border:0 solid #fff;}
.ie8 #lieu_agence,.ie8 .submit{line-height:50px;}
#lieu_agence{background-color:#eaeaea;width:320px;}
.submit{background-color:#2c97b6;color:#fff;}
.agency form{
    display: inline-block;
}
div.agence-title{width:940px;margin:0 auto 15px;}
div.agence-title h1{text-transform:uppercase;font-size:32px;line-height:35px;color:black;}
div.agence-title h2{font-size:20px;line-height:30px;}
.title_results h3{font-size:16px;color:#8F8F8F;}
.agence_results{width:940px;margin:15px auto;}
.results .content hr{position:absolute;top:5px;left:19px;display:block;margin-top:60px;width:30px;height:3px;font-size:1px;border:0;background:#57585b;}
.results .content .btn{position:absolute;right:0;bottom:0;width:82px;color:#fff;padding:9px 24px;}
div.result_ibox{float:left;}
div.result_ibox  div.img{cursor:pointer;float:left;margin:10px 5px 0 0;overflow:hidden;width:100px;height:75px;}
div.result_ibox  div.infos{float:left;margin-top:5px;height:75px;width:295px;font-size:12px;line-height:13px;}
div.result_ibox  div.infos  h2{color:#353535;display:block;font-size:14px;font-weight:bold;margin:0;text-transform:uppercase;width:100%;overflow:hidden;line-height:normal;}
div.result_ibox  div.infos  h2.too_long{font-size:12px;}
div.result_ibox  div.infos  h2 a{font-weight:bold;}
div.result_ibox  div.infos  span.ref{}
div.result_ibox  div.infos  div.clear{height:4px;}
div.result_ibox  div.infos  span.prix_right{display:block;float:right;margin-right:20px;}
div.result_ibox  div.infos  span.prix_right span{color:#cd042e;font-weight:bold;}
div.result_ibox  div.more{text-transform:uppercase;float:right;width:240px;font-size:13px;margin-bottom: 10px;}
div.result_ibox  div.more div.right{padding:7px 10px;}
div.result_ibox  div.more span{cursor:pointer;}
div.result_ibox  div.more div.right span a{color:#fff;}
.detail_bien{text-align:right;margin:0 0 15px;}
.regions_links{width:940px;margin:20px auto;font-family:Arial,Helvetica;}
.regions_links ul li{
    width:230px;
    overflow:hidden;
    height:31px;
    padding:13px 0;
    font-size:13px;
    display:inline-block
}
.regions_links ul li a{color:black;}
.filAriane{
    font-family: Arial, Helvetica;
    background-color:#f5f5f5;
}
.filAriane .section-fil-seo {
    max-width: 960px;
    margin: auto;
}
.agence-more{width:940px;margin:20px auto;}
.agence-more p, .agence-more h2 {margin-bottom: 20px;}

@media all and (max-width:1003px){
    div.agence-title,div.agency,#map-canvas-recherche,.agence_results,.regions_links{width:98%;}
    ul.results{width:100%}
    ul.results li {width: 49%}
    ul.results li.left {margin: 0 2% 20px 0;}
}

ol.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb ol li span {
    font-size: 12px;
}
