@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700);
html{font-size:100%;}
body{font-family:"Raleway",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;}
/*html, body{height: 100%;width: 100%;}*/
@font-face{font-family:"font1";src:url(Gabriola.ttf)}
.largeurmax{width:100%;}
.txtcenter{text-align: center;}
.txtjustify{text-align: justify;}
.txtleft{text-align: left;}
.txtright{text-align: right;}
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase!important;}
.absolute{position: absolute;}
.relative{position: relative;}
.white{color:#fff;}
.century{font-family: "Century Gothic", Verdana;}
.arial{font-family: arial;}
.verdana{font-family: Verdana, arial;}
.gras{font-weight: bold}
.normal{font-weight: normal;}

.t10{font-size: 10px;}
.t11{font-size: 11px;}
.t12{font-size: 12px;}
.t13{font-size: 13pt;}
.t14{font-size: 14pt;}
.t15{font-size: 15pt;}
.t16{font-size: 16pt;}
.t17{font-size: 17px;}
.t18{font-size: 18px;}
.t19{font-size: 19px;}
.t20{font-size: 20px;}
.t21{font-size: 21px;}
.t22{font-size: 22px;}
.t23{font-size: 23px;}
.t24{font-size: 24px;}

body {padding-top: 0px;}
.starter-template {  padding: 40px 15px;  text-align: center;}
img { width: 100%; }
footer {  border: 0; }
.bg-container{height: 100%;}
a{text-decoration:none;outline:0;line-height:inherit;}
a:hover, a:focus, a:visited{text-decoration:none;outline:0;line-height:inherit;}
img{width:100%;}
.couleurflash{color:#dba12c!important; }
.clearfix:after{clear:both;}
section h3{font-size:12pt;margin:0;}
section p{font-size:15px;}
.titre-infobulle{color:#e6af17; font-size:14pt;margin-bottom:10px;}
#page-annexe section p{font-size:15px;}
.italic{font-style: italic;}
.container{padding-right:0;padding-left:0;margin-right:auto;margin-left:auto;}
.container-fluid{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto;}
#offre .container{position:relative;}
#page-annexe .bg-container .container .row{margin:20px 0;}
.row{margin-right:0px;margin-left:0px;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:0;padding-left:0;}
.form-group:valid{box-shadow:0 0 2px 1px green;}
.container .row h2{font-size:1.85em;padding-bottom:0.5em;font-weight:400;}
.container .row h3{font-weight:400;}
.container-fluid.last-container .row h3{display:table;height:20px;margin-top:33px;font-weight:500;padding-left:0px;font-size:21px;line-height:20px;}
#home .container-fluid.last-container .row h3{display:table;height:20px;margin-top:33px;margin-bottom:20px;font-weight:normal;text-transform:uppercase; color:#000; padding-left:0px;font-size:19px;line-height:20px;}
.container-fluid.last-container .row h3 span{display:table-cell;vertical-align:middle;}
.last-container .panel{box-shadow:none;}
.last-container .row .villes p{padding: 10px 20px 0; margin-bottom: 0}
.last-container .row .villes ul,.last-container .row .annonces ul,.last-container .row .prestas-villes ul,.last-container .row .loc-maisons ul,.last-container .row .loc-appartements ul{min-height:275px;padding:20px 0;margin-bottom:40px;}
.last-container .row .villes ul{min-height:220px;padding:15px 20px 15px 0;margin-bottom:0px;}
.last-container .row .villes ul li.last-ville{margin-top:10px;}
.last-container .row .villes .bg-inverse-light{padding:5px; }
.container .row ul{padding:4px 0 4px 0;}
.container ul.ecart li+li+li+li{margin-bottom:15px;}
.my-container-sep{margin-bottom: 22px;    clear: both;}
.container li{padding-bottom:0.273em;}
.container .navbar-nav li{padding-bottom:0;}
.selection h2.col-md-12{    margin-top: 35px!important;}
.selection h2 span, .selection h3 span{text-transform:uppercase;line-height:28px;}
.selection .col-md-2 h3 span{text-transform:uppercase;font-weight:bold;line-height:28px;   font-size: 12.5pt; color: #000}
.selection li a span,.selection li span span,.selection li.disabled span{font-size:14px;}
.search-villes li{margin:0;/*padding-top:0!important;padding-bottom:0!important;*/}
.search-villes li h2{margin:0;padding-bottom:0!important;}
.search-villes li h2 a{font-size:14px;text-transform:capitalize;}
.search-villes li h2 a span{color:#a3a2a3;font-size:14px; text-transform: lowercase;}
.selection li.last-ville{margin-top:10px;}
.selection li,.selection h3{padding-bottom:0.273em;padding-left:0.523em;padding-top:0.273em;}
.selection section+section h3:hover,.selection .row>div+div section h3:hover{width:100%;background:none;}
.my-container-sep h3 a{font-size: 10.5pt;line-height: 24px;}
.container .col-md-5 section ul li a span,.container .col-md-5 section ul li span span{font-size:14px;}
.my-container-sep .row>section+section,.my-container-sep .row>section+section+section+section{padding-bottom:10px;border:1px solid #d5d5d6;padding-left:38px;border:1px solid rgba(197,181,159,.2);border-top:0;border-bottom:0;margin-bottom:5px}
.my-container-sep .row>section+section+section{border:0}
.my-container-sep .row>section+section+section+section{border-right:0}
.lang-sprite,.lang-arrow,.lang-en,.lang-fr,.lang-it,.lang-ru{background:url('/images/sprites/lang-sbc05c74c14.png') no-repeat;}
header{width:100%;top:0;height:156px;background:#fff;z-index:1000;}
header h1{padding:0;font-size:0em;line-height:0;margin-bottom:0;margin-top:0;}
header h1 img{max-width:171px;margin:0px;position: absolute;z-index: 2}
header .header-top form{margin-left: 74px;}
header .header-top .langues{margin-top:15px;float:left;z-index:10;}
header .header-top .langues ul{display:none;}
header .header-top .langues li{}
header .header-top .langues a,header .header-top .langues button{display:block;height:21px;margin:0 auto;font-size:11px;font-size:0.6875rem;border:0;}
header .header-top .langues a{text-indent:-119988px;overflow:hidden;text-align:left;}
header .header-top .langues .choix{padding-right:30px;text-align:right;color: #fff;}
header .header-top .langues .lang-fr{background-position:100% -104px;}
header .header-top .langues .lang-en{background-position:100% -26px;}
header .header-top .langues .lang-it{background-position:100% -65px;}
header .header-top .langues .lang-ru{background-position:100% -143px;}
header .header-top .langues .lang-arrow{position:absolute;bottom:-30px;right:0;width:23px;height:26px;background-position:7px 0;}
header .header-top nav{clear:both;font-size:0.75em;line-height:1em;margin:20px 0 0px;}
header .header-top nav li{padding:0;}
header .header-top nav li:last-child a,footer .nav li:last-child a{border-right:none;}
header .header-top nav div{float:right;}
header .header-top nav ul li{float:left;}
header .header-top nav div ul li:last-child a{padding-right:0;}
header .header-top nav div ul li a,footer .nav>li>a{padding:0 10px;}
header .header-top nav div ul li a{font-size: 10pt;}
header .navbar{margin-top: 8px;}
header .navbar-default .navbar-nav>li>a{text-transform: uppercase;    font-size: 12pt;    font-weight: 600;}
header .navbar-default .navbar-nav>li:last-child a{padding-right:0;}
header .partager-smartphone{position:relative}
header .partager-smartphone div{font-size:12px;padding:3px 0 3px 30px;height:30px;text-align:left}
header .partager-smartphone .share-facebook,header .partager-smartphone .share-twitter,header .partager-smartphone .share-google{padding:3px 4px;height:30px}
header .partager-smartphone .fb-share-button{padding:0}
header .partager-smartphone .nav .open>a{background-color:#000!important}
.ombre{z-index: 1000; position: fixed;}
#offre .ombre{z-index: 1000; position: absolute;}
.accroche{float: left;margin-left: 238px;max-width: 492px;margin-top: 47px; font-style:italic;font-family:"font1";font-size: 1.45em;color:#3b3a3a;}
.titre-liste{font-size:1.5em }
header .btn-xs{border-radius: 0;border: 1px solid #e6e6e6;}
header .navbar-form .form-control{border:1px solid #e6e6e6;}
/*NAV*/
.navbar{min-height:30px;margin-bottom: 0}
#nav2{z-index:1000;}
header .dropdown-menu{position:absolute;top:100%;left:-20px;z-index:1000;display:none;float:left;min-width:100%;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-clip:padding-box;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);}
header .dropdown-menu>li>a{font-size:15px;line-height:1.5;text-transform:uppercase;text-align:center;padding:5px 0;}
.dropdown-menu .divider{margin:4% 15%;}
/*SECTION PHOTO*/
.section-photo{height:145px;overflow:hidden;}
/*FOOTER*/
footer{border:0;width:100%;border-top:16px solid #e1ded9;background:#eceae7;}
footer .container .row ul{padding:4px 0 0px 0;}
footer .mobile{padding-top:15px;font-size: 1.1em;}
footer img.logo-agence{width:74%;max-width:171px;margin-top:0px;margin-bottom: 15px;}
footer .dropup .dropdown-menu{width:100%;}
.partager.dropup .dropdown-menu>li>a{padding:3px 30px;}
footer .nav>li>a{font-size:13px;}
footer .nav>li:first-child a{padding-left:0;}
footer nav ul li{float:left;}
footer p{font-size:10.5pt;margin:0 0 2px;}
footer .mobile img{height:71px;width:106px;margin:0 10px 5px 5px;}
footer .mobile span{text-align:right;padding-top:0px;font-size:12px;font-size:0.82em;line-height:1.7em;}
footer .mobile span.col-sm-12{padding-top:5px;}
footer small{font-size:80%;color: #8a8988;}
footer small a{color:#8a8988;}
.disabled-prev,.disabled-next,.next span,.prev span,a.next,a.prev{display:inline-block;text-align:center;width:20px; height: 20px}
.next,.prev{border:0;cursor:pointer;}
li .next,li .prev,.icons-sprite,.icons-scroll-arrow-grey,.icons-scroll-arrow-white,.carousel-control .icon-prev ,.carousel-control .icon-next,.icons-slideshow-small-arrow-left,.icons-slideshow-small-arrow-right{background:url('/images/sprites/icons-s3f2bee7f5a.png') no-repeat;}
.icons-slideshow-small-arrow-left,.icons-slideshow-small-arrow-right,li.previous .prev,li.next .next,li.previous span,li.next span,.disabled-prev,.disabled-next{display:inline-block;width:30px;height:20px;}
.icons-slideshow-small-arrow-left,li.previous .prev,li.previous span,.disabled-prev{background-position:0 -680px;}
.icons-slideshow-small-arrow-right,li.next .next,li.next span,.disabled-next{background-position:0 -720px;}
.infobulle{position:absolute; right: 34px;}
.alert{padding:15px!important;border-radius:4px}
.alert-infobulle{border:1px solid;padding: 0 15px 15px!important;margin-top:20px;background:rgba(255,255,255,0.7)}
.alert-infobulle h3{margin-top:5px}
.diapohome figure.fixedratio{padding-top:43.25%;/* 450px/800px = 0.5625 */padding-bottom:3%;background-size:cover;-moz-background-size:cover;/* Firefox 3.6 */background-position:bottom center;/* Internet Explorer 7/8 */text-align:center;}
.diapohome figure.fixedratio .caption{color: #fff;padding: 7px 10px 3px;font-family:Times;text-transform:uppercase;letter-spacing: 0.1em;
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}
.section-photo figure.fixedratio{padding-top:46.25%;/* 450px/800px = 0.5625 */background-size:cover;-moz-background-size:cover;/* Firefox 3.6 */background-position:bottom;/* Internet Explorer 7/8 */}
/*CAROUSEL ZONE SELCTION ET PRESTIGE*/
.caret{display:inline-block;width:26px;height:20px;margin-left:55px;vertical-align:middle;border-top:0;border-right:0;background:url('/images/sprites/icons-s3f2bee7f5a.png') -33px -753px no-repeat;border-left:0;}
.carousel-control .icon-prev,.carousel-control .icon-next{width:88px;height:115px;text-indent:-30000px;top:40%;}
.carousel-control .icon-prev{background-position:0 -410px;left:50%;}
.carousel-control .icon-next{background-position:0 -545px;right:50%;}
.titre{margin-left:0;padding-left:0;}
.titre h4{background:linear-gradient(to bottom,#fdd27e,#d18f0f); display:inline-block;float:left;margin:0 0.625em 0 0!important;line-height: 19pt;padding:4px 3px 0px 8px;font-size:10.5pt;font-weight:400;}
.titre h4 span{    float: left;    line-height: 31px;    margin-right: 19px;}
#listing article .description .col-md-7 a{background:linear-gradient(to bottom,#fdd27e,#d18f0f)}
#listing article .description .col-md-5 a{background:url(../images/bg-btn-liste.png) no-repeat}
.carousel,.item,.active{height:100%;}
#home .myCarousel{padding:20px 0;}
.myCarousel{padding:20px 0;}
.myCarousel .ref{margin: 10px 0 15px; }
#diaporama_offre.myCarousel{padding:0 0 20px 0;}
.myCarousel .item>div{padding-left:10px;padding-right:10px;height:100%;text-align:center;}
#diaporama_offre_vignette .item>div{padding-left:5px;padding-right:5px;height:100%;text-align:center;}
#diaporama_offre.myCarousel.item>div{padding-right:0;padding-left:0;}
.myCarousel .number,#diaporama_offre .carousel-nav {
display:table!important;-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;-o-border-radius:1000px;border-radius:1000px;margin:0 auto 10px;padding:4px 6px;font-size:16px;}
#home .myCarousel .item>div img{height:224px;width:auto;}
#offre .myCarousel .item>div a img,
#page-annexe .myCarousel .item>div a img{height:224px;width:auto;} 
#diaporama_offre_vignette .item>div a img{height:165px!important;}
#diaporama_offre_vignette .item>a>img{margin:0px auto 20px;width:auto;height:170px!important;}
#diaporama_offre.myCarousel{background:none;}
#diaporama_offre .carousel-nav{display:inline-block!important;margin:0 3px;}
#diaporama_offre .carousel-nav{width:14px;height:14px;text-indent:0;padding:3px 0;font-size:14px;text-indent:0;}
#diaporama_offre .carousel-nav:hover,#diaporama_offre .carousel-nav.active{width:14px;height:14px;text-indent:0;padding:3px 0;font-size:14px;}
#diaporama_offre .carousel-indicators{position :absolute;width:100%;bottom:5px;right:0;left :0;margin :auto;text-align:center;}
#diaporama_offre .item>a>img{margin:0 auto;width:auto;height:733px;}
.myCarousel .h4{margin-top:10px;padding-bottom:0!important;font-size:1em;line-height:1.5em;margin-bottom:0;font-weight:400;text-align:center;text-transform:uppercase;}
.myCarousel .h4 .secteur,.myCarousel .h4 .prix{text-transform:uppercase;}
.myCarousel .h4 .sous-categorie,.myCarousel .h4 .surface{text-transform:uppercase;}
.myCarousel .h4 .surface{text-transform:lowercase;}
.myCarousel .button{width:100%;margin-right:0;margin-top:5px;padding:0;font-size:84%;text-align:center;text-transform:uppercase;cursor:pointer;}
.myCarousel .h4 span{display:inline;text-transform:none;}

.mosaic{
	display: flex;
	height: 600px;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;

}
@media screen and (min-width: 1199px){
	.mosaic{
		height: 390px;
	}
}

.mosaic>a>img{
	width: auto;
}

/*LAST CONTAINER*/
/*RESEAUX SOCIAUX*/
.social-media .cycle-pager{position:absolute;right:64px;z-index:200;width:158px;clear:both;display:block;margin:auto;overflow:hidden;height:76px}
.social-media .cycle-pager div{float:left;z-index:100}
.social-media .cycle-pager div span{display:block;float:left;text-decoration:none;width:52px;height:55px;}
.social-media .cycle-pager div+div span{width:52px; }
.social-media .cycle-pager-active{height:55px;  background: transparent;}
.last-container .cycle-slideshow{height:231px;position:relative}
.last-container .cycle-slide{width:100%;line-height:1.2em;padding:10px 0 10px 0px; background: #fff}
.last-container .cycle-slide > div {  width: 100%;  background: #fff!important;    overflow: hidden;    min-height: 200px;}
.last-container .cycle-slide h4{margin-bottom:10px;padding-bottom:25px;font-size:140%;font-weight:400}
.last-container .cycle-slide a{line-height:1.5;text-align:left}
.last-container .cycle-slide a strong{font-weight:400}
.last-container .presentation p{font-size:10.5pt;line-height:1.7;text-align:left;margin-bottom:20px}
.last-container .panel-heading{padding:0}
.last-container .panel{border-radius:0;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}
#actus_presse h4 a{font-weight: normal;    font-size: 13.5pt;}
/**/
/*NAVIGATION ENTRE CONTAINER SECTIONS*/
.navigation .glyphicon{line-height:19px;}
.navigation{position:fixed;right:50px;bottom:20px;height:40px;}
.navigation #display,.navigation #display1{/*text-indent:-3000px;*/display:block;position:relative;width:50px;height:50px;/*background:url('/images/sprites/icons-s3f2bee7f5a.png')*/}
.navigation #display{background-position:0 -210px;}
.navigation #display:hover{background-position:0 -309px;}
.navigation #display1{background-position:0 -10px;}
.navigation #display1:hover{background-position:0 -109px;}
/*PARTAGER DROPDOWN*/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{bottom:-7px;left:100%;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;margin-top:5px;margin-right:-10px;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.share-sprite,.share-email,.share-facebook,.share-favoris,.share-google,.share-linkedin,.share-live,.share-messenger,.share-myspace,.share-twitter,.share-viadeo,.share-yahoo{background:url('/images/sprites/share-s28f912baa3.png') no-repeat;}
.share-icons{background:url('/images/partager.png') no-repeat}
.partager{position:relative;float:left;}
.partager:hover .submenu-partager{display:block;}
.partager button{width:100%;padding:0;border:0;font-size:13px;font-size:0.8125rem;cursor:pointer;}
.partager button.share-icons{padding:10px 0 5px;background-position:66px 8px;}
.uk .partager button.share-icons{padding:10px 0 5px;background-position:47px 8px;}
.partager .txt-partager,.partager .txt-favoris{display:inline-block;}
.partager .txt-partager{margin-right:80px;text-align:right;}
.partager .txt-favoris{text-align:left;}
.share-favoris{background-position:4px -437px}
.share-facebook{background:none}
.share-twitter{background:none}
.share-email{background-position:4px 3px}
.share-messenger{background-position:4px -157px}
.share-linkedin{background-position:4px -357px}
.share-myspace{background-position:4px -397px}
.share-viadeo{background-position:4px -197px}
.share-google{background:none}
.share-yahoo{background-position:4px -317px}
.share-live{background-position:4px -277px}
.share-facebook,.share-twitter,.share-google{padding:3px 4px}
.partager .dropdown-menu > li:hover > a,.partager .dropdown-menu > li:focus > a{text-decoration:none;}

.footer h3 {    color: #dba12c; }
.footer h3 span {    color: #414141;}

.footer .partager a{
	background:url('/images/sprites/logo_reseaux.png') no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	display:inline-block;
	border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	-webkit-border-radius:0;
}

.footer .partager a:hover{	background:url('/images/sprites/logo_reseaux_hover.png') no-repeat 0 0;}
.footer .add_favoris a{	width:26px;	height:26px}
.footer .add_favoris a:hover{	background-position:0 0}

.footer h3{
	margin-bottom:20px;
	width: 114px;
	display:inline-block;
	font-size:12px;
	text-transform:uppercase;
	margin-right:14px;
	position:relative;
	font-family: 'Montserrat', sans-serif;
	font-style:normal
}

.footer h3::after{
	content:"";
	position:absolute;
	bottom:-6px;
	left:15px;
	width:24px;
	height:2px;
	background-color:#bcbcbc
}

.footer h3 span{font-size:12px}
.footer img{	width:100%}
.footer .add_favoris {    margin-top: 5px;}
.footer .shared_sociaux ul{	padding:0;	display:inline-block}
.footer .shared_sociaux ul li{	display:inline-block}
.footer .shared_sociaux .fcb, .footer .shared_sociaux .fcb:hover{	background-position:0 -36px}
.footer .shared_sociaux .twtter, .footer .shared_sociaux .twtter:hover{	background-position:0 -78px}
.footer .shared_sociaux .googleplus, .footer .shared_sociaux .googleplus:hover{	background-position:0 -120px}

.about-social-link {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    border-radius: 30px;
    color: #282828;
    background-color: #fff;
}


#nav2 .share-facebook{background:none;}
#nav2 .share-twitter{background:none;}
#nav2 .share-google{ background:none;}
/*AUTRES DEVISES */
#offre .zone-prix .dropdown-menu li { padding: 2px 29px 2px 10px;background:url(../images/drapeaux-devises.png) no-repeat 135px -45px;}
#offre .zone-prix .dropdown-menu li+li{ background-position:135px -69px; }
#offre .zone-prix .dropdown-menu li+li+li{ background-position:135px -93px; }
#offre .zone-prix .dropdown-menu li+li+li+li{ background-position:135px -117px; }
#offre .zone-prix .dropdown-menu li+li+li+li+li{ background-position:135px -141px; }
#offre .zone-prix .dropdown-menu li+li+li+li+li+li{ background-position:135px -165px; }
/*LISTE*/
/*PAGINATION TRIE*/
.pagination,.pager{margin:0 0;}
.pagination>li>a,.pagination>li>span{padding:3px 7px;border-top:0;border-bottom:0;border-left:0;margin-left:0;border-radius:0;    font-family: arial;    font-size: 12pt;} 
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0px;border-top-right-radius:0px;border-right:0;}
.pagination{margin-right:30px;}
#navigation{margin-top:33px;}
#navigation .btn{padding:2px 10px;}
#navigation .dropdown-menu>li>a{text-transform:uppercase;padding:3px 7px;font-size:14px;}
#trier span{position:absolute;top:0;right:0;text-align:right;}
#trier.visible-xs span{position:relative;top:auto;right:auto;text-align:center;}
#trier span:first-letter{text-transform:uppercase;}
#listing #navigation ul{padding:0;}
#listing button.dropdown-toggle{background:none;border:none;padding:0 40px 0 0;}
#listing article a:hover{text-decoration: none;}
#listing article .item{text-align:left;}

#listing article .item .statutopacite{height:27px;line-height:27px;width:100%;position:absolute;text-align:center;width:355px;bottom:0;}
#listing article .item .statuttexteopacite{height:27px;line-height:27px;text-transform:uppercase;font-size:15px;width:100%;position:absolute;text-align:center;width:355px;bottom:0;}
#listing article h3 a{font-size:15px;}
#listing article h3 span{font-size:16px;}
#listing article h3 .prix{font-size:28px;font-weight:normal;position: relative;display: block;padding: 0 0 20px 0}
#listing article h3 #secteur{font-size:24px;font-weight:normal;}
#listing article p a{font-size:1.1em;}
#listing article{margin:20px 0 40px;    padding: 6px;}
#listing article .description{padding:15px 15px 0 25px;}
#listing article:hover {background: rgba(219,161,44,0.6)}
#listing article .description .col-md-7,#listing article .description .col-md-5{height: auto; }
#listing article .description .col-md-7 a,#listing article .description .col-md-5 a	{float: left; margin:10px 0px; font-weight: 500; color:#010101;}
#listing article .description .col-md-7 a:hover, #listing article .description .col-md-5 a:hover{color: #000}
#listing article .description .col-md-7 a{font-size:10.5pt; padding:4px 16px;margin:18px 0px}
#listing article .description .col-md-5 a{font-weight:500;text-transform:uppercase;font-size:9pt; padding:4px 10px 4px 42px; margin:10px 0 10px -4px; width: 163px;height: 48px;line-height: 41px; position: absolute; right: -23px;}
#listing article .item .new_exclu_baisse{max-width:100%;position:absolute;top:20px;/*left:0;*/right:-1px;text-align:center;z-index:10;}
#listing article .item .new_exclu_baisse_bottom{max-width:100%;position:absolute;bottom:0px;left:0;right:0;text-align:center;z-index:10;}
#listing article .item .picto, #offre .coeur,#offre .new,#offre .exclu,#offre .baisse,.contact .coeur,.contact .new,.contact .exclu,.contact .baisse{/*width:104px;*/  position: relative;
  padding: 2px 5px 2px;  font-size: 84%;  margin: auto;  font-weight: bold;  text-align: center;  text-transform: uppercase;  z-index: 10;  font-family: arial;  margin-bottom: 6px;}
#listing article .item .baisse,#offre .baisse,.contact .baisse,#listing article .item .picto{width:131px;}
#listing .souscompromis,#offre .souscompromis,.contact .souscompromis{width:350px;position:relative;padding:3px 5px;font-size:14px;margin:auto;font-weight:normal;text-align:center;text-transform:uppercase;z-index:10;}
#listing .souscompromis{width:100%;color: #fff}
.contact .souscompromis{position:absolute;bottom:73px;left:0;right:0;width:92%;}
/*SURFACE*/
.fancybox-inner{overflow:hidden !important;}
/*PAGE OFFRE*/
#page-annexe h2{font-size:14px;margin-top:34px;line-height:1.2;display:inline-block;}
#offre h4{margin: 20px 0 2px;}
#offre h5{display:inline-block;font-size: 1.9em;margin-bottom:0;margin-top: 35px;margin-left: 13px;}
#offre h5 span{font-size: 0.7em;margin-right: 15px;}
#offre a h3{font-size:14px;padding-bottom:5px;}
#offre .partager.top{display:inline-block !important;float:none;top:0;left:0;min-width:0;width:112px;margin-right: 14px;}
#offre .detailsoffre{font-size:18pt;margin-bottom:30px;}
#offre .zone-prix{font-size:12pt;text-align:right;z-index: 1000;}
#offre .price{font-size:1.9em;}
#offre .price.sur-demande{font-size:1.6em;}
#offre .detail_annonce_pictos a span{color: #afafaf; font-size: 1.3em; margin-left: 5px}
#offre .desc_offre{padding:0 30px 0 0px;font-size:15px;line-height:1.7;text-align:justify;}
#offre .detail_annonce_pictos .btn{padding:6px 9px 4px;margin:0 14px 28px 0;font-weight: bold; font-size:9pt; font-family: arial;}
.btn-sample {
	color: #000000;
	background-color: #D18F0F;
	*background-color: #D18F0F;
	background-image: -moz-linear-gradient(top, #FDD27E, #D18F0F);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDD27E), to(#D18F0F));
	background-image: -webkit-linear-gradient(top, #FDD27E, #D18F0F);
	background-image: -o-linear-gradient(top, #FDD27E, #D18F0F);
	background-image: linear-gradient(to bottom, #FDD27E, #D18F0F);
	background-repeat: repeat-x;
	border-color: #D18F0F;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDD27E', endColorstr='#D18F0F', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-sample:hover,
.btn-sample:focus,
.btn-sample:active,
.btn-sample.active,
.btn-sample.disabled,
.btn-sample[disabled] {
	color: #000;
	background-color: #D18F0F;
	*background-color: #003bb3;
}
.contact .new_exclu_baisse{max-width:100%;position:absolute;top:1px;/*left:0;*/right:5px;text-align:center;z-index:10;}
#offre .new_exclu_baisse{max-width:100%;position:absolute;top:1px;left:0;right:0px;text-align:center;z-index:10;}
.contact .new_exclu_baisse{top:21px;}
#offre .picto{width: 124px}
legend{font-size: 1.2em;text-transform: uppercase;font-weight: 500;margin-bottom:2px;text-align: center;border-radius: 3px;padding: 4px 0 1px 0;}
label{font-weight:normal;}
.formulaire{padding:3%;margin-bottom:55px;font-family: arial;}
.formulaire .form-control{font-weight: bold; font-size: 9pt}
.formulaire button{text-transform: capitalize;    font-weight: 500; padding:3px 30px;   font-size: 12pt; border: 0}
.formulaire legend{text-align: center;}
.submitted input:invalid{background-color:rgba(169,68,66,0.99);}
.submitted input:valid{/* background-color:rgba(0,255,0,0.25);*/}
.submitted input:invalid::after{content:' X';}
.submitted input:valid::after{content:' ✓';}
/*PAGE CONTACT*/
#plan-hd{background:url(../images/zoom.png) no-repeat;width:82px;height:40px;text-indent:-3000px;float:right;}
#map{min-width:85%;min-height:540px;height:100%;}
#map #firstHeading{font-size:19px;}
#map #bodyContent p{font-size:14px;line-height:13px;}
.carte{width:803px;padding:10px 15px;}
#page-annexe .last-container h2{float:left;margin-right:20px;}
#page-annexe .last-container h2 > div{float:right;margin-left:20px;}
#page-annexe .last-container .titre{padding:0 15px;}
#page-annexe .last-container .actus .actus_item{padding:15px;text-align:center;}
#page-annexe .last-container .actus .actus_item .photo{display:block;height:225px;overflow:hidden;text-align:center;}
#page-annexe .last-container .actus .actus_item .photo img{height:100%;}
#page-annexe .last-container .actus .actus_item .legende{display:block;padding:10px 0;}

#estimate .form-horizontal .form-group {
     margin-left: 0px; 
     margin-right: 0px; 
}
.speech{margin:10px 0;padding:10px;}

#form_tous_secteurs{height:100%;}

#plan-site h2 {display: block;}
#plan-site h2 a{color:#e6ae16;}

#toutes_villes input{width:20px;height:20px;float:left;margin-top:0px;display:inline-block;margin-right:6px;}


.inside {
  margin-top: 20px;
  margin-bottom: 20px;
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1024px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
  .my-container-sep .row>section+section, .my-container-sep .row>section+section+section+section {
	    padding-left: 55px;
	    padding-right: 63px;
	}
  .my-container-sep .row>section+section+section+section{padding-right: 0}

}



/*//////////////////////////////////////////////////////
///////////////         VISITE 360 OFFRE        ///////////////////
//////////////////////////////////////////////////////*/
.visite-offre{
    width: 275px;
    margin: 0px 0px 40px 0px;
    background-color: #f2f2f2;
    padding: 0px 0px 10px;
    color: #fff;
    font-size: 13px;
    border: 1px solid #fff;
}
#detail-offre-360-container {
  /*border: 2px #f78526 solid;*/
  background: #f2f2f2;
  width: 100%;
}
#agence>div{
	margin-left: 10px!important;
}
.logo img{
	width: 80%!important;
}
#detail-offre-360-container .btn-box {
  margin-top: 20px;
  padding: 0 30px 25px 30px;
  text-align: center;
}

#detail-offre-360-box {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#detail-offre-360-box:before {
  content: "";
  display: block;
  padding-top: 80%;
}
#detail-offre-360-box > iframe {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
#detail-offre-360-box {
  position: relative;
}

#detail-offre-360-box-unfull {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
  color: #ffffff;
  font-size: 40px;
  width: auto;
  cursor: pointer;
  z-index: 10010;
}

@media screen and (max-width: 768px) {
 
  .float-none-xs {
    float: none !important;
  }
}

@media screen and (max-width: 992px) {
 
  .float-none-sm {
    float: none !important;
  }
}

#detail-offre-360-box.full {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

:-webkit-full-screen #detail-offre-360-box-unfull {
  display: block;
}

:-moz-full-screen #detail-offre-360-box-unfull {
  display: block;
}

:-ms-fullscreen #detail-offre-360-box-unfull {
  display: block;
}

:fullscreen #detail-offre-360-box-unfull {
  display: block;
}

.full #detail-offre-360-box-unfull {
  display: block;
}

#detail-offre-360-box-unfull {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
  color: #ffffff;	
  font-size: 40px;
  cursor: pointer;
  z-index: 10010;
}
