body{ margin:0; padding: 0}

/*#editor-3{ float:left; max-width: 630px; width: 100%; height:350px;}

#editor-18{ float:right; max-width: 374px;}
*/
.rechercher_uncode{ /*float: right*/}

.inside_chercher{ /*float:right;*/ /*width: 244px*/}

.code_outer{ width: 180px; margin:30px auto auto}

#js_search_code, #js_search_code_adm{ width: 80%; height: 32px; border: none; background-color: #e6e9ee; text-indent: 10px; color: #a6afb6; font: 11px'AvenirNextBold'; float:left }

.fa-angle-right{ color:#FFF; font-size: 19px}

.btn_submit_code{ background-color: #ED7401; border-radius: 0px 3px 3px 0px; border: none; outline: none; padding: 5px 13px; float:left}

.code_outer p{font: 15px/17px'AvenirNextBold'; color: #ED7401; margin-bottom: 10px  }

.rechercher_uncode{ background-color: #FFF; height: 149px}

.left_code{ height: 149px; float: left}

#listing_bien{ max-width: 658px ; float:left; margin-top: 33px; padding:0 /*padding:10px;*/; background:rgba(255,255,255,0.25)}

.biens_accueil{ background: none !important; padding:0!important}

#titreliste{ float:left; font: 18px'AvenirNextBold'; text-transform: uppercase; color: #3a5075; margin-bottom: 30px}

#linkliste a{ background-color: #3a5075; color:#FFF; padding: 11px 32px;  font: 13px'AvenirNextBold'; }

#linkliste { float:right; padding-right:10px}
.abs {
    position:relative;
}
.arr {
    position:absolute;
    bottom:1px;
    right:1px;
    display:none;
    transition:all 0.3s ease;
}
.abs:hover .arr {
    display:block;
}
.abs:last-child .arr {
    bottom:0px;
}
.biens{ 
    float: left;
    background-color: #FFF;
    width: 209px;
    height: 228px;
    overflow: hidden;
    position: relative;
    margin: 5px 10px 5px 0;}
 .biens:hover { 
    float: left;
    background-color: #f0f0f0;
    width: 209px;
    height: 228px;
    overflow: hidden;
    position: relative;
    margin: 5px 10px 5px 0;}

.biens .img{ height: 130px; overflow:hidden}

.biens .img img{ height: auto; width: 100%; display: block}

.prix{ position: absolute; z-index:1; right:0; top: 99px; padding: 5px 10px; background-color: #000;  font-weight: bold; color:#FFF }

.titre{ width: 178px; color:#ED7401; font: 12px 'AvenirNextBold';  margin:17px auto auto; text-align:left; text-transform: capitalize; min-height: 15px}

.ville{ width: 178px; text-align:left; font: 11px 'AvenirNextBold'; color: #a6afb6; margin:auto; min-height: 33px}

.surface {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 99px;
    padding: 5px 10px;
    background-color: #fff;
    font-weight: bold;
    color: #999;
}
.linker{ width: 190px; margin:auto; text-align:center }

.linker span{ width: 100%; color:#FFF; background-color: #a6afb6; font: 13px 'AvenirNextBold'; display: block; padding: 5px 10px }

.linker span:hover, .biens:hover .linker span { background-color:#ED7401}

#monslider2{ background-image: url("../../../imgfr/images/bg-vendu-sanscomission.jpg"); overflow:hidden; height: 225px}

.right_zone{ /*float:right;*/ margin-top: 33px; width: 362px; padding-right:0 }

.bxslider2{ margin-left: 12px}

.bxslider2 li { color:#FFF; 
    color: #FFF;
    padding: 10px;}

.bx-controls { position: relative}

#monslider2 .bx-wrapper .bx-pager.bx-default-pager a{ background-color: #8a96ac !important; border-radius: 50% !important; width:8px !important; height: 8px !important}

#monslider2 .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: #f4ce01 !important}

#monslider2 .bx-wrapper .bx-pager{ bottom: -24px !important}

#monslider2  .bx-wrapper .bx-pager.bx-default-pager a{ margin: 0 2px}

#tabs{ margin-top: 70px}


.right_zone #tabs{
    margin-top: 30px;
    padding: 0;
    background: transparent;
    border: none;
}
.right_zone #tabs .ui-corner-all, .right_zone #tabs .ui-corner-all .ui-corner-top{
    border-radius: 0 !important;
}
.right_zone #tabs .tab-link{
    display: flex;
}
.right_zone #tabs .tab-link li{
    border: none;
}
.right_zone #tabs .ui-tabs-panel{
    padding: 0;
    padding-top: 26px;
}
.right_zone #tabs .ui-tabs-panel .tab-content{
    background: #fff;
    width: 100%;
}
.right_zone #tabs #avis a {
    max-width: 150px;
    padding: 8px 5px 5px 5px;
}
.right_zone #tabs #fb, .right_zone #tabs #tw {
    margin-left: 10px;
}
/*
.right_zone #tabs #tabs-1{
    border: 3px solid #fc951e;
}
.right_zone #tabs #tabs-2{
    border: 3px solid #4166be;
}
.right_zone #tabs #tabs-3{
    border: 3px solid #00c5e5;
}*/

#monslider2 .ui-tabs-nav, .ui-widget-header{ background-color: none !important; background-image: none !important;}

.ui-widget-header{ background: none; background-color: transparent !important; border-bottom: 3px solid #00c6e3 !important}

.tabs-menu{ width: 100%;}

.ui-tabs-nav{ border: none !important; outline: none !important}

.tabs-menu{ display: inline-block}

.ui-tabs .ui-tabs-nav{ position:absolute; top:-42px; left: -6px}

.ui-tabs{/* border: 3px solid #4166be !important;*/ border-radius:0px !important }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ background-image: none !important; background-color: transparent !important; height: 35px !important; outline: none !important}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background-color: transparent !important; background-image: none !important}

#tw a{ background-color: #00c5e5 !important; border: none !important}

#tw a, #fb a{ color:#FFF}

#fb a{ background-color: #4166be !important; border: none !important}

#avis {
    background: #fff !important;
}


#editor-3  .bx-wrapper .bx-pager.bx-default-pager a{ background-color: #8a96ac !important; border-radius: 50% !important; width:8px !important; height: 8px !important}

#editor-3  .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: #f4ce01 !important}

#editor-3 .bx-wrapper{ position:relative; margin-bottom: 40px; overflow: hidden}

#editor-3 .bx-wrapper .bx-controls{  
	left: 0;
    position: absolute;
    right: 0;
    top: 37px;}


#editor-3  .bx-wrapper .bx-pager.bx-default-pager a{ margin: 0 3px}

#editor-3 .bx-wrapper .bx-pager{ right: 18px}

#monslider2 .bxslider2 li {  font-size: 13px; line-height: 16px; padding: 0px 35px 0px 15px; margin: 0px 25px 0px 0px; font-style: italic; height:135px; }
#monslider2 .bxslider2 li b {  display:block;margin-top:5px; }

/*#monslider2 h1 {  color:#F7DC29; width:100%; padding: 25px 0px 10px 0px; font-size: 18px; text-transform: uppercase; text-align:center }

#monslider2 h1 span{ background-color:#F7DC29 ; color: #3A5173; padding:0px 10px; margin-left: 10px; font-weight: bold}*/

#monslider2 h2 {  color:#F7DC29; width:100%; padding: 25px 0px 10px 0px; font-size: 18px; text-transform: uppercase; text-align:center }

#monslider2 h2 span{ background-color:#F7DC29 ; color: #3A5173; padding:0px 10px; margin-left: 10px; font-weight: bold}

.left_code img{ /*width: 100%*/}

.rechercher_unbien, .rechercher_uncode, .left_code, .inside_chercher { padding:0}

.bx-viewport{ margin-left: 2px}

#editor-18 img{ margin-bottom: 15px}

.line_2 .rechercher_unbien, .line_2  .rechercher_uncode { margin-bottom: 10px}

#main{ margin-top: 17px}


.sector2{ display: flex; align-items: stretch; margin-left:-8px; margin-right:-8px; justify-content: space-between; margin-bottom: 36px; margin-top:-20px}

.in-1section{ position:relative; top:0; left:0; right:0; overflow:hidden}
.in-1section img{ width: 100%; position:absolute; z-index:0; min-height: 100%} 

.in-1section a{ display: inline-block; position:relative; font:17px 'AvenirNext'; font-weight:600; background-color:#f3cd00; padding: 0px 0px 0px 15px; color:#FFF; text-transform: uppercase; margin: 20px; position:absolute; left:0; bottom:0; height: 26px }

.in-1section a:after{margin-left: 15px}

.sector2 .large-6:nth-child(1) .in-1section h2{ max-width: 392px }
.sector2 .large-6:nth-child(2) .in-1section h2{ max-width: 430px }


.in-1section h2{ font-size: 40px; text-transform: uppercase; color:#FFF; margin:0 20px 20px; position:relative; line-height: 40px; padding-top: 15px}

.in-1section{ min-height: 189px}

.sector2 .large-6{ padding:0 8px}

.sector3{ text-align:center; display:flex; align-items:center; justify-content:center; background:#3c5273 url('/cssimg/site/bg_sector3.png') no-repeat; background-position:center right; position:relative; margin-bottom: 36px}

.sector3 h2{font:24px 'AvenirNext'; font-weight:600; color:#FFF; margin: 25px 0; text-transform: uppercase; display: block; position:relative}

.sector3:before{
	position:absolute; 
	left:47px;
	top:5px;
	width:64px;
	height: 65px;
	background: url('/cssimg/site/calendar.png') no-repeat center; background-size: cover; transform: scale(1);  -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out
}

.sector3 a.absolute_link, .in-1section a.absolute_link{ position:absolute; z-index:1; top:0; bottom:0; right: 0; left:0; background-color: transparent; text-decoration: none; }

.in-1section a.absolute_link, .in-1section a.absolute_link:hover{ position:absolute; z-index:1; top:-15px; bottom:-15px; right:-15px; left:-15px; background-color: transparent; text-decoration: none; height:100% }

.in-1section a.absolute_link:after{ display: none}

.in-1section a.absolute_link:hover~a:after{ background-color:#ED7401}


.sector3:hover .sector3:before{transform: scale(1,1);  -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out}

.sector3 a.absolute_link:hover ~ .sector3:after{ background-color:#ed7401}



@media screen and (max-width: 1024px) {
	#listing_bien{ max-width: none;}
	.right_zone{ width: inherit; padding-right: inherit}
	.rechercher_unbien, .rechercher_uncode, .left_code, .inside_chercher { padding: inherit}
}

@media(max-width: 992px){
	.in-1section h2{ font-size: 20px; line-height: 20px}
	.in-1section img{ width:auto; height: 100%}
}

@media(max-width: 680px){
	.in-1section h2{ font-size: 20px; line-height: 20px}
	.sector3 h2{ font-size: 12px; margin-left: 15px}
	.sector2{ display: inherit; flex-direction: column}
	.sector2 .large-6{ margin: 0  auto 15px auto}
	.sector3:before{ display: none}
	.sector3{ justify-content: flex-start; }
	
	
}