.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.hidden{display:none;visibility:hidden}
.visible-desktop{display:inherit!important}
.visible-phone,.visible-tablet,.hidden-desktop,.visible-print{display:none!important}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop,.visible-tablet{display:inherit!important}
.visible-desktop,.hidden-tablet{display:none!important}
}
@media (max-width: 767px) {
body{padding-right:20px;padding-left:20px}
.container-fluid{padding:0}
.container{width:auto}
.row-fluid{width:100%}
.row,.thumbnails{margin-left:0}
.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.hidden-desktop,.visible-phone{display:inherit!important}
.visible-desktop,.hidden-phone{display:none!important}
}
@media print {
.visible-print{display:inherit!important}
.hidden-print{display:none!important}
}
@media (max-width: 1160px) {
#responsive #detail .bien-detail li{font-size:12px}
#responsive #detail .dpe img{width:100%}
#responsive #detail .arrow-dpe,#section #detail .border{display:none}
#responsive #detail .dpe .dpe-bulle.dpe{left:35%}
#responsive #detail .dpe .dpe-bulle.ges{right:16px}
}
@media (min-width: 700px) and (max-width: 1160px) {
[class*=span]{float:left;min-height:1px;margin-left:20px}
#responsive #header{padding-right:10px}
#responsive #nav.offset4,#header article.info.offset4{margin-left:19.7831197837% !important;;width:82.8197366874% !important;}
#responsive #header .info .ico-url,.ico-url{max-width:80px;width:100%;line-height:1.0}
#responsive #contact .form-contact .content-form #form-contact .left{width:70%}
#responsive #content #footer{padding:30px 5px}
#responsive #footer .span3:nth-child(4){display:none}
#responsive #list .annonces.span3{width:31.192%}
#responsive #list .annonces .bandeau{max-width:60%}
#responsive footer .pagination,#section footer .resultat{width:33.33%}
#responsive footer .resultat br{display:block}
#responsive #list .filtre{height:auto}
#responsive #list .filtre .form-recherche{padding-top:0}
#responsive #list .filtre .form-recherche ul li{margin-top:10px}
#responsive #list .filtre .form-recherche ul.more li.slide.ref{margin-bottom:10px;padding:0}
.row-fluid .controls-row [class*=span] + [class*=span]{margin-left:2.76243093923%}
.row-fluid .span12{width:99.9468085106%}
.row-fluid .span11{width:91.383272599%}
.row-fluid .span9{width:74.2562007758%}
.row-fluid .span8{width:65.6926648642%}
.row-fluid .span6{width:48.565593041%}
.row-fluid .span3{width:22.8749853062%}
.row-fluid .span1{width:5.74791348301%}
.row-fluid .offset12{margin-left:105.4184789%}
.row-fluid .offset12:first-child{margin-left:102.656047961%}
.row-fluid .offset11{margin-left:96.8549429881%}
.row-fluid .offset11:first-child{margin-left:94.0925120489%}
.row-fluid .offset10{margin-left:88.2914070765%}
.row-fluid .offset10:first-child{margin-left:85.5289761373%}
.row-fluid .offset9{margin-left:79.7278711649%}
.row-fluid .offset9:first-child{margin-left:76.9654402257%}
.row-fluid .offset8{margin-left:71.1643352533%}
.row-fluid .offset8:first-child{margin-left:68.4019043141%}
.row-fluid .offset7{margin-left:62.6007993417%}
.row-fluid .offset7:first-child{margin-left:59.8383684025%}
.row-fluid .offset6{margin-left:54.0372634301%}
.row-fluid .offset6:first-child{margin-left:51.2748324909%}
.row-fluid .offset5{margin-left:45.4737275185%}
.row-fluid .offset5:first-child{margin-left:42.7112965793%}
.row-fluid .offset4{margin-left:36.9101916069%}
.row-fluid .offset4:first-child{margin-left:34.1477606677%}
.row-fluid .offset3{margin-left:28.3466556953%}
.row-fluid .offset3:first-child{margin-left:25.5842247561%}
.row-fluid .offset2{margin-left:19.7831197837%}
.row-fluid .offset2:first-child{margin-left:17.0206888445%}
.row-fluid .offset1{margin-left:11.2195838721%}
.row-fluid .offset1:first-child{margin-left:8.45715293288%}
.controls-row [class*=span] + [class*=span]{margin-left:20px}
input.span12,textarea.span12,.uneditable-input.span12{width:710px}
input.span11,textarea.span11,.uneditable-input.span11{width:648px}
input.span10,textarea.span10,.uneditable-input.span10{width:586px}
input.span9,textarea.span9,.uneditable-input.span9{width:524px}
input.span8,textarea.span8,.uneditable-input.span8{width:462px}
input.span7,textarea.span7,.uneditable-input.span7{width:400px}
input.span6,textarea.span6,.uneditable-input.span6{width:338px}
input.span5,textarea.span5,.uneditable-input.span5{width:276px}
input.span4,textarea.span4,.uneditable-input.span4{width:214px}
input.span3,textarea.span3,.uneditable-input.span3{width:152px}
input.span2,textarea.span2,.uneditable-input.span2{width:90px}
input.span1,textarea.span1,.uneditable-input.span1{width:28px}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container,#responsive #slider aside{width:100%}
#responsive #logo.span4,#responsive .cloneNav .nomAgence.span4,.row-fluid .span2{width:14.3114493946%}
#responsive .info li,#responsive #contact .contact-info li div,#responsive #list .filtre header{font-size:12px}
#responsive .cloneNav ul.span8,.row-fluid .span10{width:82.8197366874%}
#responsive #contact .info.span6,.row-fluid .span5{width:40.0020571294%}
#responsive #contact .span6.form-contact,.row-fluid .span7{width:57.1291289526%}
#responsive #footer .span3,.row-fluid .span4{width:31.4385212178%}
#responsive footer .pagination.offset2,#section footer .resultat.offset2,.row-fluid [class*=span]:first-child,input,textarea,.uneditable-input{margin-left:0}
body #bg-page .container,body #detail .container{width:90%}

}
@media (max-width: 699px) {
input[type=checkbox],input[type=radio]{border:1px solid #ccc}
#responsive #nav li[class*=span]{float:none;width:100%}
#responsive nav li{width:30.492%}
#responsive #logo{width:18%}
#responsive #logo p{line-height:0;height:auto;max-height:120px}
#responsive #header{height:120px}
#responsive #header nav li:nth-child(2){margin-left:0}
#responsive #slider{height:300px;overflow:hidden}
#responsive #slider aside p{font-size:12px;line-height:1.0}
#responsive #slider aside .titre{width:auto}
#responsive #list .annonces{width:47.819%}
#responsive #list aside{height:auto;padding:0}
#responsive #list .filtre header{width:100%;padding:0}
#responsive #list .filtre .form-recherche{padding-top:0;width:100%;float:none}
#responsive #list .filtre .form-recherche ul li{margin-top:10px}
#responsive #list .filtre .form-recherche ul.more li.slide.ref{margin-bottom:10px;padding:0}
#responsive #list .padding{padding:0}
#responsive #list .pagination{width:47.819%;margin:0 0 0 2.12766%}
#responsive .pagination span{width:80%}
#responsive #contact div.ico-fb{right:auto;left:10px}
#responsive #contact div.ico-twt{right:10px}
#responsive #contact .form-contact .left{width:70%}
#responsive #footer .span3{width:47.492%}
#responsive #footer .span3 li.plan-site{font-size:12px;text-align:right}
#responsive #detail .content{margin-top:30px}
#responsive #detail .list-img .span6{width:100%;margin-left:0}
#responsive #detail aside .span4{width:100%;margin-left:0;margin-bottom:10px}
#responsive #detail footer .span4{width:100%;margin:5px 0}
#responsive nav li:nth-child(n+3),#responsive nav .pointer,#responsive .nomAgence,#responsive #header .info,#responsive #header nav li:nth-child(n+3),#responsive #list .resultat,#responsive #footer .span3:nth-child(4),.bg-styel{display:none}
#responsive .cloneNav ul,#responsive #slider aside,#responsive #contact .info.span6,#responsive #contact .form-contact,#responsive #footer .span3:nth-child(3),#responsive #detail .video-yt,#responsive #detail .img-detail img.min{width:100%}
#responsive #footer .span3 li,#responsive #contact .form-contact .content-form li,#responsive #detail header h2{font-size:12px}
body #bg-page .container,body #detail .container{width:90%}
#responsive #detail .min-img-detail div.span2,#responsive #detail .img-detail,#responsive #detail .img-detail .ovf-h,#responsive #detail .pagination{height:auto}
#responsive #detail header h1,#responsive nav li a,.cloneNav li a{font-size:15px}
}
@media (max-width: 360px) {
/*#responsive #detail{position:absolute;top:0;left:0;height:100%;overflow:auto;}*/
#responsive #list .pagination{width:100%;margin:0}
#responsive .bord-rigth{display:none}
#responsive #list .filtre .form-recherche li{width:41%}
#responsive #contact .form-contact .left{width:56%}
#responsive #list .annonces,#responsive #list .filtre .form-recherche li.secteur select,#responsive #footer .span3{width:100%}
#responsive #list .filtre .form-recherche li.slide,#responsive #list .filtre .form-recherche li.secteur li,#responsive #list .filtre .form-recherche li.secteur{width:90%}
}
@media (min-width: 481px) and (max-width: 699px) {
#responsive #detail footer .span4{width:41%}
}