body {
    font-family: 'PT Sans', sans-serif;
    overflow-x: hidden;
}

.leaflet-popup-content,
.leaflet-popup-content-wrapper, .leaflet-popup-tip{
  width:200px;
}
.leaflet-popup-content div{
  width:90% !important;
}
.leaflet-popup-content img{
  margin-bottom:10px !important;
}
#banner{
   /* background: url("/images/background/background.jpg") top center no-repeat !important;*/
   background-color:#464646;
    height: 540px;
    position:relative;
	clear:both;
    overflow:hidden;

    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}
#banner .slider div{
	height:540px;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-size: cover !important;
	background-repeat:no-repeat !important;
}
	#banner .container{
	}
	#banner .banner_text{
		color:white;
		border-radius:400px;
		height:400px;
		width:400px;
		position:absolute;
		bottom:-70px;
		line-height:135%;
		background: #b90663;
		margin-left:50px;
	}
	#banner .banner_text .text{
		padding: 60px 75px;
	}
@media (max-width: 576px) {
#banner .bx-wrapper{display:none;}
	#banner{background:none;height:auto;}
	#banner .banner_text{border-radius:0;height:auto;width:100%;position:inherit;margin-left:0;}
	#banner .banner_text .text{padding:15px;}
	#section2{margin-top:0;}
}
	.border.right{padding:10px;}
#header{
	overflow:hidden;
	padding: 30px 0;
	padding: 15px 0;
}
	#header #logo{}
	#header .espace_locataire{
		display:inline-block;
		text-align:center;
		background:#adbc14;
		width:215px;
		border-radius:215px;
		padding-top:115px;
		height:215px;
		margin-top:-135px;
		    margin-left: 50px;
		font-size: 20px;
		    position: absolute;
		color:black;
		text-decoration:none;
	}
	#header .espace_locataire img{
		width:45px;
		height:45px;
	}
	#header .espace_locataire:hover{color:white;}

@media (max-width: 1024px) {
    #header .espace_locataire{
        border-radius: 0;
        height: auto;
        margin: 0;
        padding: 5px;
        top:-31px;
     padding: 2px 5px;
    top: -16px;
		font-size: 16px;
        right: 0;
    }
	#header .espace_locataire img{
		width:29px;
		height:29px;
	}
	#menu .espace_locataire br{display:none;}
    #header .espace_locataire img{display:none;}
}
@media (max-width: 600px) {
    #header .espace_locataire{
        position:fixed;
        top:0;
        right:0;
        font-size:11px;
        width:100px;

        width:100%;
        font-size:20px;
    }
    #header{padding-top:65px;}
}

#menu{
}
#menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
#menu ul li{
	float:left;
	width:25%;
	text-align:center;
	list-style-type:none;
	padding:10px 0;
	margin:0;
	line-height:120%;
  font-size: 20px!important;
}
#menu ul li ul{}
#menu ul li ul li{width:100%;border-bottom:1px solid white;}
#menu ul li a, #menu ul li span{color:white;display:inline-block}
#menu ul li a:targget, #menu ul li span:hover{color:#e0e0e0;text-decoration:none;}
#menu ul li:nth-child(1),
#menu ul li:nth-child(1) ul li{ background:#393939; }
#menu ul li:nth-child(2),
#menu ul li:nth-child(2) ul li{ background:#b90663; }
#menu ul li:nth-child(3),
#menu ul li:nth-child(3) ul li{ background:#adbc14; }
#menu ul li:nth-child(4),
#menu ul li:nth-child(4) ul li{ background:#9c9b9b; }
#menu ul li ul li a{padding:0 20px;}

.floatck{width: 25% !important;}
div.maxidrop-main{width:100% !important;}
div#maximenuck202 ul.maximenuck li.level1.parent > a:after, div#maximenuck202 ul.maximenuck li.level1.parent > span.separator:after{display:none !important;;}

.mobileOnly {
    display: none;
}

@media (max-width: 880px) {
    /* Since hidden-sm-down is broken in the current Bootstrap version.... */
    .mobileOnly {
        display: block;
    }
	#header{text-align:center}
	#logo{margin-bottom:10px;}
}

.btn{border-radius:0;cursor:pointer;}
.btn-success{background:#adbc14;border:none}

.mod-jea-search-form .button{background:#adbc14;border:none;color:white;padding: 10px 80px;
    font-size: 200%;text-transform:uppercase;}
.mod-jea-search-form input{padding:5px 10px;}

#section3 .mod-jea-search-form input,
#section3 .mod-jea-search-form select{
      width: 100%;
    margin-bottom: 15px;
}
#section3 .mod-jea-search-form input[type=checkbox]{
	width:auto;
	margin:0;
	margin-right:5px;
}

.search{text-align:right;width:60%;float:right}
.search input.field{
	border:3px solid #adbc14;
    height: 30px;
    outline: none;
	width:80%;
    padding: 5px 15px;

}
.search .btn{
	background:#adbc14 url("../img/search.png") center no-repeat !important;
	width:15%;
	height: 30px;
	border:none;
	border-radius:0;
	cursor:pointer;
	position:relative;
	top:0;
	left:-5px;
}

#social {
    text-align:center;
	width:63%;
	float:right;
	clear:both;
	margin-top:10px;
}
#social .col-10{text-align:right;}
#social .col-10 img{margin-right:5px;}

@media (max-width: 1024px) {
    #social,.search {
        width:90%;
    }
}
@media (max-width: 990px) {
	#social,.search {float:none;margin:10px auto;}
}
/*** Section 1 : head ***/

#section1 .head {
    margin-top: 120px;
}

@media (min-width: 881px) {
    #section1 {
        height: 706px;
    }

    #section1 .head {
        margin-top: 180px;
    }
}

#section1 .head .col {
    text-align: center;
}

#section1 .head .featured {
    display: inline-block;
    width: 290px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    margin: 0 0;
    font-weight: bold;
    font-size: 120%;
}

@media (min-width: 881px) {
    #section1 .head .featured {
        margin: 0 30px;
        width: 366px;
        height: 111px;
        line-height: 111px;
        font-size: 150%;
    }
}

#section1 .head .featured:hover {
    text-decoration: none;
}

#section1 .head .featuredElem1 {
    background: url("../img/featured_background_1.png") center no-repeat !important;
    color: #adbc14 !important;
    background-size: 290px 88px !important;
}

@media (min-width: 881px) {
    #section1 .head .featuredElem1 {
        background-size: 366px 111px !important;
    }
}

#section1 .head .featuredElem2 {
    background: url("../img/featured_background_2.png") center no-repeat !important;
    color: #b90663 !important;
    background-size: 290px 88px !important;
}

@media (min-width: 881px) {
    #section1 .head .featuredElem2 {
        background-size: 366px 111px !important;
    }
}

#section1 .head .featuredElem3 {
    background: url("../img/featured_background_3.png") center no-repeat !important;
    color: #595959 !important;
    background-size: 290px 88px !important;
}

@media (min-width: 881px) {
    #section1 .head .featuredElem3 {
        background-size: 366px 111px !important;
    }
}

/*** Section 1 : content ***/

#section1 .content .text {
    background-color: #b90663;
    display: inline-block;
    width: 100%;
    padding: 26px;
    color: #fefefe;
}

@media (min-width: 881px) {
    #section1 .content {
        margin-top: 50px;
    }

    #section1 .content .text {
        width: 28%;
    }
}

/*** Intersection ***/

#intersection .row .col {
    text-align: center;
}

#intersection {
    height: 200px;
}

#scrollToNews {
    width: 56px;
    height: 56px;
    background: url("../img/arrow.png") center no-repeat transparent !important;
    text-align: center;
}

/*** section 2 ***/

#section2 {
    margin-top: 30px;
    background-color: #fff;
}

@media (min-width: 881px) {
    #section2 {
        margin-top: 0px;
    }
}

/*** section 2 : head ***/

#section2 .head {
    background-color: #adbc14;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
}

@media (min-width: 881px) {
    #section2 .head {
        font-size: 300%;
        padding: 20px 0;
    }
}

/*** section 2 : content ***/
#section2 .content {
    background-color: #fff;
    padding-top: 0px;
}

@media (min-width: 881px) {
    #section2 .content {
        padding-bottom: 0px;
    }
}

.map {
    background: url("../img/map.png") center no-repeat !important;
    max-width: 100%;
    width: 960px;
    height: 643px;
    display: block;
}

#section2 .content .col-12:nth-child(2) {
    padding-top: 30px;
}

@media (min-width: 881px) {
    #section2 .content .col-12:nth-child(2) {
        padding-top: 3%;
        padding-bottom: 3%;
    }
}

#section2 .content button {
    color: #fff;
}

#section2 .content .col-12, #section2 .content .row4 col-sm-6 {
    text-align: center;
    font-size: 70%;
}

  select,input[type=password],input[type=text],input[type=date],textarea {
    border: 2px solid #adbc14;
	padding: 5px 10px;font-family: 'PT Sans', sans-serif;
}
    #section2 .content select,
#section2 .content input[type=text] {
    width: 80%;
    margin: 16px auto;
    display: block;
		padding:5px 15px;
}

@media (min-width: 881px) {
    #section2 .content select,
    #section2 .content input[type=text] {
        margin: 34px auto;
        width: 60%;
    }
}

#section2 .content input[type=checkbox] {
    height: auto;
    border: 1px solid grey;
    height: 20px;
    width: 20px;
    position: relative;
    top: 6px;
}

#section2 .content button {
    display: block;
    margin: 20px auto;
}

@media (min-width: 881px) {
    #section2 .content button {
        padding: 0 80px;
        font-size: 200%;
    }
}

/*** section 3 ***/

#section3 {
    background-color: #b90663;
}

/*** section 3 : head ***/

#section3 .head {
    padding: 0px;
}

#section3 .head .col {
    text-align: center;
    padding: 20px 0;
    text-align: center;
}

@media (min-width: 881px) {
    #section3 .head .col {
        padding: 36px 0;
    }
}

#section3 .head img {
    width: 270px;
}

@media (min-width: 881px) {
    #section3 .head img {
        width: 340px;
    }
}

/*** Section 3 : bxslider ***/
.slide {
    text-align: left;
    color: #000;

}

.slide:hover, .slide:active, .slide:visited, .slide:focus {
    color: #000;
    text-decoration: none;
}
.bx-pager{display:none;}

.slideTitle {
    padding: 0 0;
    text-align: center;
}

.slideTitle h1 {
    font-size: 200%;
    font-weight: bold;
    color: #b90663;
}

.slideContent {
    padding: 0 0;
}

.slideContent h1 {
    font-size: 100%;
    font-weight: bold;
}

.slide p {
    font-size: 80%;
}
.slide strong {
    color:black;
}

.bx-wrapper {
    margin: 0 auto;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #b90663 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #b90663 !important;
}

/*** section 3 : content ***/

#section3 .content {
    background-color: #fff;
	padding:30px 0;
}
.bx-wrapper .bx-next{background:url(../img/slider_right.png) no-repeat top left;background-size:cover;}
.bx-wrapper .bx-prev{background:url(../img/slider_left.png) no-repeat top left;background-size:cover;}
#section3 .content .col {
    text-align: center;
  	margin-top:15px;
}

#section3 .content .col .btn {
    background-color: #b90663;
    color: #fff;
    margin: 20px 0;
  	margin-top:40px;
}

@media (min-width: 881px) {
    #section3 .content .col .btn {
        padding: 15px 35px;
        font-size: 120%;
    }
}

/*** section 4 ***/
#section4 {
    background-color: #9c9e9f;
}
#section4 .image-title{
    display:none;
}

/*** section 4 : content ***/

#section4 .content .col {
    text-align: center;
}

#section4 .content img {
    width: 150px;
    margin: 6px 0;

}

@media (min-width: 881px) {
    #section4 .content img {
        width: 230px;
        margin: 20px;
    }

}

/*** section 5 ***/
#section5 {
    background-color: #fff;
}

/*** section 5 : content ***/

#section5 .content .col {
    text-align: center;
}

#section5 .content a {
    display: block;
    margin: 20px 10px;
    font-size: 90%;
	text-transform:uppercase;
    color: #454545;
	font-weight:bold;
}
#accessibility-links{display:none;}
@media (min-width: 881px) {
    #section5 .content a {
        display: inline-block;
    }
}

#section3 .content.component .col{text-align:left;}
.component h1,
.component .blog .page-header h1,
.component h3.pd-ctitle,
.component .page-header h2{text-align:left;font-size:30px;color:#b90763;margin-bottom:25px;border:none !important;background:none !important;}
.component .blog .item h2,
.component h2{text-align:left;color: #adbc14;/*text-transform:uppercase;*/font-weight:bold;font-size:25px;}
.component h3{text-align:left;color: #adbc14;text-transform:none;font-weight:bold;font-size:20px;margin-top:10px;margin-bottom:5px;}
.component .accordion h3{
	border-radius: 10px;
    border: 1px solid #adbc14;
    background: #fdffec;
    padding: 5px 15px;
	cursor:pointer;
}
.component .accordion h3.ui-state-active{
    border: 1px solid #adbc14;
    background: #adbc14;
	color:white;
}
.component a{color: #adbc14;text-decoration:underline}
.component a:hover{color: #adbc14;text-decoration:none}
.component .btn{text-decoration:none;border:none;}
.component .btn-success{background: #adbc14 !important;}
.component .btn:hover{background: #393939 !important;}
.component table{margin:10px 0;}

.component .nav-stacked li{display:block;margin:3px 0;width:100%;}
.component .control-group{margin-bottom:10px;}

.component .blog .item-image{float:left;width:25%;margin-right:3%;}
.component .blog .item-image img{width:100%;margin-bottom:15px;}
.component .blog .item{clear:both;margin-bottom:15px;padding-bottom:15px;}
@media (max-width: 765px) {
    .component .blog .item-image{float:none;width:100%;}
	.component .blog .item-image img{width:auto;max-width:80%;}
}

.formResponsive input[type="submit"], .formResponsive button[type="submit"]{
	background: #adbc14 !important;border-radius:0 !important;border:none !important;padding:5px 25px !important;
}
.formResponsive input[type="reset"], .formResponsive button[type="reset"]{
	background: #b90763  !important;border-radius:0 !important;border:none !important;padding:5px 25px !important;
}
.formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover,
.formResponsive input[type="reset"]:hover, .formResponsive button[type="reset"]:hover{background: #393939 !important;}

.component .search input[type=text]{height:30px;}
.component .search button{height:30px !important;margin:0 !important;background: #adbc14 !important;width:auto;}
.component .search{width:100% !important;text-align:left !important;}
.component .search .highlight{    color: #f57fbc;}
.component .search .result-created{    color: #b7b6b6;font-size:smaller;}

.component .mod-jea-search-form{
	border:1px solid #e0e0e0;
	padding:15px;
}
.component .mod-jea-search-form::before{content:"Rechercher un logement";display:block;margin-bottom:10px;font-weight:bold;text-transform:uppercase;}
.component .mod-jea-search-form .button{
	padding:10px !important;
	height:auto;font-size:100%;
}

.osmap-items{text-align:left;}

a.modal{    position: inherit;display: inline;}
.spshare{position:relative;top:-65px;}
.spshare_fltlft {
    display: block !important;
	margin-right: 10px;
    float: right;
	width:auto !important;
}
.blog .spshare{display:none;}
.article-info  .article-info-term{display:none;}
.article-info time{color: #c8ce8e;position:relative;top:-15px;}

.breadcrumb{background-color: #f1f1f1;}
.breadcrumb li{display:inline;}

.edit.item-page .nav li.active{background: #adbc14;}
.edit.item-page .nav li.active a{color: #fff;}
.edit.item-page .tab-content{padding-top:25px;}
.edit.item-page .chzn-container{width:300px !important;}
.edit.item-page .nav li a{display:block !important;}
.edit.item-page .nav li{
      border: 1px solid #f1f1f1;display:block !important;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
    padding: 5px 15px;
}
#section3 .edit.item-page .btn {
    padding: 5px;
    margin-top: 20px;
    font-size: 0100%;
    margin-right: 15px;
}
.edit.item-page select.time{padding:0}

#system-message .alert{background: #e6ecba;}
#system-message .alert.alert-error{background: #ead5e0;}

.pagination{text-align:center;display: block;}
.pagination p{font-size:smaller;float:none;color:#a8a8a8;margin:0;display:block;width:100%;text-align:center;}
.pagination li{margin:0 5px;}
.pagination li, .pagination ul{list-style-type:none;display:inline;}
/*CSI Visite Virtuelle*/
.contenu_visite {
    clear:both;
}
.lien_visite a {
    color:#b90663;
    text-decoration:none;
}