@font-face{font-family: 'Roboto';src : url('css/Roboto-Condensed.ttf') format('truetype');}
@font-face{font-family: 'RobotoBoldItalic';src : url('css/Roboto-BoldItalic.ttf') format('truetype');}
@font-face{font-family: 'RobotoItalic';src : url('css/Roboto-Italic.ttf') format('truetype');}
@font-face{font-family: 'RobotoRegular';src : url('css/Roboto-Regular.ttf') format('truetype');}
@font-face{font-family: 'RobotoMedium';src : url('css/Roboto-Medium.ttf') format('truetype');}

body{background:/*url(css/img/fond-site.jpg) fixed no-repeat 0 57px*/ #CCC;}
#content{margin:auto;background:#efefef;box-shadow:0 0 20px #111}
#header{position:relative}
.bg-styel{height:58px;background:#FFFFFF;width:100%;position:fixed;top:0;left:0;z-index:-1}
#fadeOutOnLoad{background:url(css/img/ajax-loader.gif) no-repeat center center rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;z-index:5000}

#logo{position:absolute;top:0;left:1.164%;z-index:2;margin:0}
#logo p{margin:auto;text-align:center;line-height:188px;}
#logo p img{vertical-align:middle;max-width:100%;max-height:200px;}
#nav,.cloneNav{height:58px;position:relative;}
#nav ul,.cloneNav ul{padding:0;margin:0;list-style:none;background:#FFFFFF}
#nav li a,.cloneNav li a{height:40px;border-bottom:3px solid #FFF;display:block;text-align:center;padding-top:15px;font-family: 'Roboto','Arial','Helvetica';color:#474543;text-decoration:none;font-size:20px}
#nav li:hover a, .cloneNav li:hover a{color:#4d4d4d}
#nav li.select a,.cloneNav li.select a{color:#4d4d4d}
#nav .pointer,.cloneNav .pointer{position:absolute;bottom:0;height:3px;background:#474543;z-index:1}

.navBg{position:fixed;top:0;left:0;width:100%;margin-left:0;z-index:20;background:#FFFFFF;box-shadow:0 0 10px #333}
.cloneNav{margin:0 auto;}
nav .nomAgence{font-family:'RobotoBoldItalic','Arial','Helvetica';height:43px;padding-top:15px;float:left;padding-left:20px;}

.info{padding-top:15px;font-size:14px;}
.info ul{list-style:none;height:110px;margin:0;padding:0}
.info li{height:30%}
.info ul [class*="ico"],.info .adresse [class*="ico"], #slider [class*="ico"], #bienvedette [class*="ico"]{width:28px;height:28px;float:left;margin-right:10px;}
.info address {font-style:normal}
.info address  strong{font-family:'RobotoBoldItalic','Arial','Helvetica';font-weight:normal;color:#474543}
.info .ico-url,.ico-url{width:100px;text-align:center;float:left;}
.info .ico-url a{font-size:11px;font-variant:small-caps;color:#262626;text-decoration:none;}
.info .ico-url:hover{cursor:pointer}
.info .ico-fb:hover a{color:#526EA6}
.info .ico-twt:hover a{color:#00ACED}

.ico-mobile{background:url(css/img/glyphicons_163_iphone.png) no-repeat}
.ico-tel{background:url(css/img/glyphicons_442_earphone.png) no-repeat}
.ico-email{background:url(css/img/glyphicons_010_envelope.png) no-repeat}
.ico-address{background:url(css/img/glyphicons_089_building.png) no-repeat;height:75px !important;}
.ico-arrow-right-white{background:url(css/img/glyphicons_217_circle_arrow_right_white.png) no-repeat}

.floatr,.float-r{float:right !important}
.floatl,.float-l{float:left !important}
.titre{font-family:'RobotoBoldItalic','Arial','Helvetica';font-size:20px;color:#FFFFFF;background:rgba(71,69,67,0.95);padding:10px;font-variant:small-caps;margin-bottom:-10px;text-align:center;box-shadow:0 0 5px #444;z-index:3;width:480px;}
.euro{}
.annonces.hide{display:none;}
.anchor{position:absolute;}
.animmo{top:-45px;}
.cont{top:-55px;}
.ta-c{text-align:center;}
.bold{font-family:'RobotoBoldItalic','Arial','Helvetica';}
.cap{text-transform:uppercase;}
.pointer{cursor:pointer}
.ovf-h{overflow:hidden}
.clear-left{clear:left;}
.hide{display:none;}
.fz-10{font-size:10px !important}
.fz-12{font-size:12px !important}
.h-0{height:0;position:absolute;top:0;left:0;width:0;}
.margin-a{margin:auto;}
.pos-rel{position:relative}
.ml-20{margin-left:0px}

.pad-30{padding:30px}
.email{font-size:13px;}

.block{display:block;border:none;color:#fff}
.block:hover,.block:focus,.block:link{display:block;border:none;color:#fff;text-decoration:none;}

div.btn-edit {position: absolute;right: 10px;top: 10px;}

a.more{display:block;text-align:right;}

.video-yt{width:470px;height:264px}
.ml{position:absolute;top:10px;right:-60px;width:50px;}

.small-titre{font-family:'RobotoRegular','Arial','Helvetica';font-size:16px;color:#474543;font-weight:normal;border-bottom:1px solid #474543;margin:0px 0 5px 0;padding:0 5px 5px 0}

.lien-ville{text-align:center;font-size:10px}

#list .resultat.top.fond-rouge{background-color:#EA3535;}
.force-show{display:block !important;}
sub{bottom:0}

#slider{position:relative}
#slider .slide{height:446px;}
#slider .car-img{z-index:1;overflow:hidden;height:446px}
#slider .car-img img{width:1170px;}
#slider .slide-shad{height:18;width:100%;position:absolute;bottom:0px;z-index:3;height:18px;}
#slider .slide-shad img{width:100%;height:18px;}
#slider aside{position:absolute;bottom:0;right:0;z-index:2}
#slider aside p,#bienvedette .bien-info .bien-txt{padding:20px 30px 50px 30px;background:rgba(71,69,67,0.9);color:#fff;font-size:14px;text-align:justify;z-index:2;margin:0px;clear:right;}
#slider footer, #bienvedette  footer{position:absolute;bottom:10px;right:0;z-index:4;height:30px;padding:0 30px 0 0;}
#slider footer span,#bienvedette  footer span{font-family:'RobotoBoldItalic','Arial','Helvetica';text-decoration:none;color:#FFF;font-size:18px}
#slider footer a{text-decoration:none;}

#biens-pres{padding:30px 20px 1px}
#bienvedette{position:relative;height:415px;overflow:hidden;max-height:800px}
#bienvedette  header .titre{width:280px;position:absolute;z-index:3;top:-30px;right:0;}
#bienvedette .bien-img img:first-child{height:100%;position:absolute;left:0;}
#bienvedette .bien-img img:last-child{height:100%;position:absolute;right:0;}
#bienvedette .bien-info{position:absolute;bottom:0;right:0}
#bienvedette .bien-info h2{font-weight:normal;margin:0;}
#bienvedette .bien-info h3,#bienvedette .bien-info h4{margin:0;font-family:'RobotoItalic','Arial','Helvetica';font-size:18px;padding:0 0 5px 0;font-weight:normal}
#bienvedette .bien-info p{margin:0}
#cdc{margin:20px -10px 0;}
#cdc article{margin: 0 10px}

.annonces{position:relative;}
.annonces .bandeau{position:absolute;top:0;left:0;width:70%;z-index:3}
.annonces .bandeau img{width:100%;max-width:250px}

.annonces .annonce-img{width:100%;height:229px;text-align:center;overflow:hidden}
.annonces .annonce-img img{max-height:229px;min-width:270px}
.annonces aside{position:absolute;bottom:0;left:0;background:rgba(71,69,67,0.8);width:100%;padding-top:10px}
.annonces aside h3,.annonces aside h4{margin:0;padding:0 5px 5px;font-size:14px;color:#fff;text-shadow:1px 1px 1px #333 ;overflow:hidden;}
.annonces aside h3{height:17px;}
.annonces .prix{font-family:'RobotoBoldItalic','Arial','Helvetica';font-weight:normal;}

.btn-annonces{width:220px;margin:0px auto 0;text-align:center;}
.btn-annonces,#list > header h2,#contact > header h2{font-size:18px;text-align:center;display:block;font-family:'Roboto','Arial','Helvetica';text-decoration:none;color:#474543;text-transform : uppercase;border-bottom:2px dotted #474543;margin-bottom:10px}
.btn-annonces:hover{color:#88BCF8}

#listbien{background:url(css/img/ajax-loader.gif) no-repeat center center #CCC;min-height:518px;}
#listbien .load{display:none;}

#list{margin-bottom:20px}
#list .annonces{margin-top:28px; cursor:pointer}
#list .row-fluid .annonces.span3{width:22.404%}
#list .row-fluid.ml-20 .span3:first-child{margin-left:2.12766%}
#list > header,#contact > header{background:#474543;height:85px;position:relative}

/*#list > header.bg{background:url(css/img/slide-shad-top.png) no-repeat top left, url(css/img/slide-shad-bottom.png) no-repeat bottom left;background-color:#474543;cursor:pointer}
#list > header.bg1{background:url(css/img/slide-shad-top.png) no-repeat top left;background-color:#474543}
*/

#list > header h2, #contact > header h2{color:#FFF;border-color:#FFF;width:220px;margin:auto;padding-top:30px;font-weight:normal;position:relative;}

#list .img-bounce{top:35px;position:absolute;right:-10px;width:20px}

#list .filtre{height:50px;background:#b5b5b5}
#list .filtre.height{height:auto}
#list .filtre header{background:#FFF;padding:10px 0 0;font-family:'RobotoBoldItalic','Arial','Helvetica';color:#474543;text-align:center;}
#list .filtre header.padding{padding:25px 0;}
#list .filtre .form-recherche{padding:6px 0 0;margin:0px 0 0 10px}
#list .filtre .form-recherche ul{padding:0;margin:0;list-style:none;}
#list .filtre .form-recherche li{width:80px;font-size:15px;color:#FFF;background:url(css/img/detail-check-blanc.png) no-repeat 8px center #474543;padding:5px 10px 5px 0;float:left;margin-right:10px;text-align:right;}
#list .filtre .form-recherche li.none{background:url(css/img/detail-uncheck-blanc.png) no-repeat 8px center #C3C3C3}
#list .filtre .form-recherche li.pointer:hover{box-shadow:0 0 3px #666;background:url(css/img/detail-uncheck-blanc.png) no-repeat 8px center #652d2b}
#list .filtre .form-recherche li.none:hover{box-shadow:0 0 3px #666;background:url(css/img/detail-uncheck-blanc.png) no-repeat 8px center #C3C3C3}
#list .filtre .form-recherche li.slide,#list .filtre .form-recherche li.secteur{background:none;text-align:left;padding:0px 0px 0px;width:190px;color:#FFF;font-size:12px}
#list .filtre .form-recherche li .slider{font-size:0.7em}
#list .filtre .form-recherche li.slide input{color:#474543;font-size:14px;}
#list .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border-color:#652d2b}
#list .filtre .form-recherche .bord-rigth{border-right:1px solid #EFEFEF;background:none;width:1px;height:30px;padding:0}
#list .filtre .form-recherche li.secteur{width:130px;}
#list .filtre select{width:150px}
#list .filtre .more{clear:both}
#list .filtre .form-recherche ul li.slide input{width:55px}
#list .filtre .form-recherche ul.more li.slide input{width:45px}
#list .filtre .form-recherche li.slide.surface{width:210px}
#list .filtre .form-recherche ul.more li.slide.ref{width:90px}
#list .filtre .form-recherche ul.more li.slide.ref input{color:#474543;font-size:14px;width:150px;height:30px}
#list footer{margin-top:20px;}
#list .resultat{text-align:center;font-family:'RobotoRegular','Arial','Helvetica';font-size:23px;color:#474543;padding-top:3px}
#list .resultat.top{display:block;clear:both;background:#474543;color:#fff;height:25px;padding-top:5px}
#list .resultat span.txt{font-size:16px}
#minPage{width:30px;height:30px;font-size:23px;color:#474543;border:none;text-align:right;}

#list .hide-bien{display:none;}


#list  header.bg-color{background-color:#88BCF8	}


.pagination{height:50px;color:#FFF;font-family:'RobotoMedium','Arial','Helvetica';font-size:16px;text-transform:uppercase}
.pagination span{display:bloc;width:190px;padding-top:5px}
.pagination.left span{float:right;text-align:left;}
.pagination.right span{float:left;text-align:right;}
.pagination.left{background:url(css/img/arrow-left.png) no-repeat 5% 50%;background-color:#474543;}
.pagination.right{background:url(css/img/arrow-right.png) no-repeat 95% 50%;background-color:#474543;}
.pagination.diseables{background-color:rgba(190,190,190,0.9);cursor:default}

#contact{margin-top:0px;padding-top:0;}
#contact > header h2{width:100px;position:relative}
#contact .info{padding-top:0;background:#FFFFFF}
.contact-info{padding:30px;}
#contact iframe{width:100%;height:400px}
.contact-info header{font-size:22px;font-family:'RobotoBoldItalic','Arial','Helvetica';font-weight:normal;color:#474543}
#contact ul{height:auto;}
#contact li{height:auto;padding-top:15px;clear:left;}
#contact li div{font-size:16px}

#contact .form-contact{}
#contact .form-contact .content-form{padding:30px;text-align:right;font-size:14px}
#contact .form-contact .content-form input{width:100%}
#contact .form-contact .content-form textarea{width:100%;}
#contact .form-contact .content-form .titre{margin:20px;float:right;box-shadow:none;cursor:pointer}
#contact .form-contact .content-form li{clear:right;}
#contact .form-contact .content-form .left{float:right;width:80%;margin-left:20px}
#contact .form-contact #sendMail{width:200px;margin-top:10px;color:#474543}
#contact .form-contact #sendMail:hover{background:#474543;color:#474543}
#contact .form-contact div{font-size:10px;}
#contact .form-contact #msg-contact{font-size:14px;text-align:center;padding:10px;}
#contact .form-contact #msg-contact.success{background:#88FF88;color:#333}
#contact .form-contact #msg-contact.fail{background:#F88;color:#333}

.form-contact input,.form-contact  textarea{border:1px solid #474543;border-radius:3px;padding:5px;color:#555}

.plan-site a{color:#FFF;font-size:14px;text-decoration:none;}
.plan-site a:hover{text-decoration:underline}
.plan-site li{height:30px;}

#footer{background:#4b4b4b;margin-top:10px;padding:30px 30px 10px 30px;color:#FFF}
#footer li li{clear:both}
#footer ul {height:auto;}
#footer .titre-footer{font-size:20px;text-align:left;color:#FFF;text-transform:uppercase;font-family:'RobotoMedium','Arial','Helvetica';margin-bottom:20px}
#footer a{color:#fff}

#footer .titre-contact{padding-left:35px}

#detail{position:fixed;width:100%;height:100%;top:0;left:0;background:url(css/img/ajax-loader.gif) no-repeat center center rgba(0,0,0,0.8); z-index:30;overflow: auto;}
#detail .content{background:#efefef;box-shadow:0 0 20px #000; margin:0 auto 20px;position:relative;}
#detail .container{width:1000px}
#detail .ferme,#bg-page .ferme, .print, .btn-contact{width:180px;position:absolute;top:8px;right:25px;font-size:14px;color:#FFF;background:url(css/img/header-close.png) no-repeat 10px center #474543;padding:10px 10px 10px 30px;text-shadow:1px 1px 1px #777;z-index:32}
.print{width:57px;top:51px;background:url(css/img/header-print.png) no-repeat 10px center #474543;}
.btn-contact{width:82px;top:51px;background:url(css/img/header-contact.png) no-repeat 10px center #474543;}

#detail .loader{height:5px;background:#474543;margin:0}
#detail header {margin:15px 0 0px 0;padding-left:50px;background:url(css/img/header-detail.png) no-repeat 20px 5px;position:relative;}
#detail header h1,#detail header h2{margin:0;padding:5px;font-weight:normal;font-family:'RobotoMedium','Arial','Helvetica';}
#detail header h1{font-size:25px;color:#474543;}
#detail header h2{font-size:14px;color:#3b3b3b;}
#detail .img-detail{padding:22px 0;margin:0;background:url(css/img/detail-shad-top.png) no-repeat top center,url(css/img/detail-shad-bottom.png) no-repeat bottom center;height:450px;overflow:hidden;text-align:center;}
#detail .img-detail img.min{max-height:410px;max-width:1000px}
#detail .img-detail img.max{height:100%;max-width:1000px}

#detail .img-detail .ovf-h{height:406px;background-color:#000;}
#detail .min-img-detail{border-bottom:1px solid #474543;padding-bottom:10px;margin-bottom:10px}
#detail .min-img-detail div.span2{margin-bottom:5px;height:109px;overflow:hidden}
#detail .min-img-detail div.ie{margin-left:0;clear:left;}
#detail .min-img-detail img{width:100%;border:1px solid #AAA;}
#detail .info-detail{padding:0 20px}
#detail .info-detail p {font-family:'RobotoRegular','Arial','Helvetica';font-size:14px;color:#3b3b3b;text-align:justify;}

#detail aside.info-details{margin:20px 0;}
#detail .bien-detail{background:#FFF;padding:20px;border-left:5px solid #474543;}
#detail .bien-detail ul{margin:0;padding:0;list-style:none;}
#detail .bien-detail li{font-family:'RobotoRegular','Arial','Helvetica';font-size:14px;color:#3b3b3b;padding:5px 0;}
#detail .bien-detail li span.res{font-size:15px}
#detail .bien-detail li h3{color:#474543;font-family:'RobotoItalic','Arial','Helvetica';font-weight:normal;margin:0;padding:0}

#detail .abso-detail span{display:block;width:80%;}
#detail .abso-detail.left{left:0px;background:url(css/img/arrow-left.png) no-repeat 10% center #474543;}
#detail .abso-detail.left span{float:left;}
#detail .abso-detail.right{right:0px;text-align:right;background:url(css/img/arrow-right.png) no-repeat 90% center #474543;}
#detail .abso-detail.left span{float:right;}
#detail footer{margin-bottom:20px;}

#detail .bandeau{position:absolute;top:0;left:0;width:20%;z-index:3}
#detail .bandeau img{width:100%;}

#detail .annonces .bandeau{position:absolute;top:0;left:0;width:70%;z-index:3}
#detail .annonces .bandeau img{width:100%;}

#detail .owl-controls{position:absolute;top:358px;width:100%;}

#detail .owl-theme .owl-controls .owl-page span,#cdc .owl-theme .owl-controls .owl-page span{background:#474543}
#detail .owl-buttons{position:relative}
#detail .owl-prev{position:absolute;left:10px;top:-230px;background:url(css/img/arrow-detail-left.png) no-repeat;width:44px;height:68px;}
#detail .owl-next{position:absolute;right:10px;top:-235px;background:url(css/img/arrow-detail-right.png) no-repeat;width:44px;height:68px;}

#bg-page{background:url(css/img/ajax-loader.gif) no-repeat center center rgba(0,0,0,0.8);position:fixed;top:0;left:0;width:100%;height:100%;z-index:31}
#bg-page .loader{height:5px;background:#474543;margin:0}
#bg-page .content{background:#efefef;box-shadow:0 0 20px #000; margin:20px auto;position:relative;}
#bg-page .container{width:1000px}
#bg-page h1{margin:0;padding:0 20px;font-weight:normal;font-family:'RobotoMedium','Arial','Helvetica';font-size:25px;color:#474543;}
#bg-page div.txt{font-family:'RobotoRegular','Arial','Helvetica';font-size:14px;color:#3b3b3b;text-align:justify;padding:20px 20px 10px 20px;}
#bg-page div.txt h2{margin:0;padding:15px;font-weight:normal;font-family:'RobotoMedium','Arial','Helvetica';font-size:20px;color:#474543;}
#bg-page div.txt h3{margin:0;padding:10px;font-weight:normal;font-family:'RobotoMedium','Arial','Helvetica';font-size:18px;color:#474543;}
#bg-page .xml{margin-top:30px}
#bg-page iframe{width:100%;height:100%;border:none}


#social div.ico-url{display:inline;width:54px;padding-bottom:5px}
#contact #social{position:absolute;top:20px;right:10px;text-align:right;width:270px}

#nav.offset4{margin-left:34.136% !important}
.cloneNav ul.span8{margin-left:2.2% !important}
#vMobile{text-align:center;padding:20px;}

#detail #form-contact-detail{background: none repeat scroll 0 0 #EFEFEF;border-radius: 5px 0 0 5px;box-shadow: 0 0 30px #111111;height: 550px;margin: auto;position: absolute;right: 8px;top: 91px;width: 500px;display:none}
#detail #form-contact-detail iframe{width:100%;height:100%}

#analytics{width:0px;height:0px;border:0px;}

/*************** Annimation *********************/
.animation
{
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
-ms-transition-duration:1s;
transition-duration:1s;
}
.animeHover
{
-moz-transform:		scale(1) rotate(0deg);
-webkit-transform:	scale(1) rotate(0deg);
-o-transform: 		scale(1) rotate(0deg);
-ms-transform: 		scale(1) rotate(0deg);
transform: 			scale(1) rotate(0deg);
box-shadow:0 0 0px #333;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
-ms-transition-duration:1s;
transition-duration:1s;
}
.annonceAnimCSS3
{
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
-ms-transition-duration:1s;
transition-duration:1s;

box-shadow:0 0 15px #333;
-moz-transform: 	scale(1.05) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: 	scale(1.05) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: 		scale(1.05) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: 		scale(1.05) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: 			scale(1.05) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

.arrow-bounce
{
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
-ms-transition-duration:1s;
transition-duration:1s;
-moz-transform: 	scale(1.1) rotate(0deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: 	scale(1.1) rotate(0deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: 		scale(1.1) rotate(0deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: 		scale(1.1) rotate(0deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
transform: 			scale(1.1) rotate(0deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
}

.img-rotate-90
{
-moz-transform: 	scale(1) rotate(180deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: 	scale(1) rotate(180deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: 		scale(1) rotate(180deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: 		scale(1) rotate(180deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
transform: 			scale(1) rotate(180deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
}

#list .filtre .form-recherche li:hover
{
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
-ms-transition-duration:1s;
transition-duration:1s;
}

/* STYLE IE 8 UNIQUEMENT */