/*************** HEADER **************/
header { margin-bottom: 38px; }
/*--- HOME ---*/
    .container { padding: 0; }
    .header-top { position: relative; z-index: 2; }
    .header-top .container { position: relative; }
    .header-container { position: relative; z-index: 1;}


.header-bg { overflow:  hidden; position: relative;}
.header-bg .region-background img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.not-front #main{
  margin-top: 70px;
}
#container_jestimo {
  margin:0 0 40px 0;
}

.header-content .container { position: relative; }

/* Logo + Slogan */
#logo, #site-slogan { position: absolute; }
#logo { top: 15px; left: 17px; }
#site-slogan {
    left: 322px;
    top: 31px;
    font-size: 18px;
    background-color: rgba(255,255,255,0.8);
    border-radius: 5px;
    padding: 5px 17px;
    letter-spacing: 2px;
}

/************** HEADER NOT FRONT ***************/
nav.breadcrumb{ display:none; }
body.not-front #container{
	margin-top:-350px;
	position:relative;
	z-index:1;
}
body.not-front .header-container .header-content { height: 400px; }
body.not-front .header-bg .region-background img {
	opacity:0.2;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

/************** CONTENT **************/
.not-front #main .main-content {
	background-color: #fff;
	border-radius: 4px;
	padding: 30px;
}
/* Guides pratiques */
.node-type-page .field-name-field-page-image, .node-type-actualite .field-name-field-image { display: none; }

/* map agences */
#map-agences-immo { width: 100%; border: 0;}
#map-agences-immo-form { width: 60%; border: 0; margin-left: 215px;}

.node-page img { max-width: 100%; height: auto; }

/************** SIDEBAR **************/
#sidebar-first { float:right; position: relative; }
#sidebar-first .sidebar-container {
	background-color: #fff;
	border-radius: 4px;
	padding: 15px;
}

.bloc-col .block-title {
	font-size: 18px;
	font-family: 'Railwayregular';
	color: #d30f47;
}


/************** FORMULAIRE **************/
label {
	display: inline-block !important;
	width: 140px;
	text-align: right;
	margin-right: 1em;
}
input[type="text"],
input[type="email"],
select{
	display :inline-block;
	border:none;
	background-color:#f2f2f2;
	border:1px solid #f2f2f2;
	outline:none;
	height: 33px;
	margin-bottom:10px;
	padding-right:15px;
	padding-left:15px;
	width: 60%;
}
.form-textarea-wrapper { width: 60%; }
textarea {
	display :inline-block;
	border:none;
	background-color:#f2f2f2;
	border:1px solid #f2f2f2;
	outline:none;
	height: 110px;
	margin-bottom:10px;
	padding-right:15px;
	padding-left:15px;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{
	border:1px solid #d30f47;
}
input[type="submit"]{
	background-color:#d30f47;
	border:none;
	color:#fff;
	height:32px;
	font-size:20px;
	border-radius:3px;
	font-family: 'source_sans_proregular';
  	transition: background-color .5s ease;
	margin-left: 160px;
}
input[type="submit"]:hover{
  background-color: #515a60;
}

/****************** PAGINATION *****************/
ul.pager {
  padding: 5px 14px;
  border-radius: 15px;
  border: none;
  margin: 0;
}
ul.pager li.pager-next a{
  text-indent:-9000px;
  background: #fff url(../images/pagination-right.png) 50% no-repeat;
  width:32px;
}
ul.pager li.pager-next a:hover{
  background-image: url(../images/pagination-right-hover.png);
}

ul.pager li.pager-previous a{
  text-indent:-9000px;
  background: #fff url(../images/pagination-left.png) 50% no-repeat;
  width:32px;
}
 ul.pager li.pager-previous a:hover{
  background-image: url(../images/pagination-left-hover.png);
}
ul.pager li.pager-first{
	display:none;
}
ul.pager li.pager-last{
	display:none;
}
ul.pager li.pager-current{
  padding: 5px 0px;
  background-color: #fff;
  border-radius: 15px;
  width: 33px;
  display: inline-block;
  color:#d30f47;
  border:none;
}
ul.pager a{
  padding: 5px 0px;
  background-color: #fff;
  border-radius: 15px;
  color: #515a60;
  width: 33px;
  display: inline-block;
  border:none;
  text-decoration:none;
}
ul.pager a:hover{
  color:#d30f47;
}


/*************** FOOTER **************/
footer {
    width: 100%;
    margin: 30px 0 0;
    padding: 30px 15px;
    text-align: center;
    font-size: 15px;
}
.main-content footer {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: inherit;
}

footer .row { margin: 0; }
.footer-menu { font-family: 'source_sans_prosemibold'; margin-bottom: 5px; }
.footer-menu ul.menu, .footer-menu ul.menu li {
    display: inline;
    margin: 0;
    padding: 0;
}
.footer-menu ul.menu li {
    display: inline-block;
    border-right: 1px solid;
    padding: 0 10px;
    line-height: 16px;
}
.footer-menu ul.menu li.last { border-right: none; }
.footer-sites-agences a { text-decoration: none; }
.footer-sites-agences a:hover, .footer-sites-agences a:focus { text-decoration: underline; }
/****** alerte email form ******/
.form-insc-alert-email .block-title{
	font-size: 18px;
    font-family: 'Railwayregular';
    color: #d30f47;
}
.form-insc-alert-email p{
	font-size: 14px;
    font-family: 'Railwayregular';
}
.form-insc-alert-email input[type="text"]{
	width: 100%;
    height: 40px;
    text-align: left;
    padding: 7px 13px;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc !important;
    border: 1px solid;
    border-color: #dddedf !important;
    background-color: #fff !important;
    background-image: none;
    font-size: 14px;
    min-height: 40px;
    color: #515a60 !important;
}
.form-insc-alert-email input[type="submit"]{
    padding: 6px 12px;
    height: 38px;
}
.inscription-alert-mail-content {
	margin-top: 15px;
	text-align: center;
}
a.inscription-alert-mail {
	background: #d30f47 url('../images/picto-alerte-email.png') 96% 10px no-repeat;
    height: 38px;
    border: none;
    color: #fff;
    border-radius: 5px;
    transition: all .5s linear;
    font-size: 20px;
	text-decoration: none;
	padding: 6px 50px 6px 12px;
	line-height: 24px;
}
a.inscription-alert-mail:hover {
	color: #fff;
    background-color: #515a60;
}
/*************** RESPONSIVE **************/
/*****************************************/

    @media (min-width: 992px) and (max-width:1920px) {
        .header-bg .region-background img {
            width: 100%;
           /* height: auto; MODIF SEB*/
            left: 0;
            margin-left: 0;
        }
    }
	@media (min-width: 992px) {
        .header-bottom {
            position: absolute;
            top: 100px;
            left: 50%;
            margin-left: -495px;
        }
        .front .header-bottom .container { width: 990px; }
		.front .header-content .container { width: 990px; }
    }
    @media (max-width: 991px) {
        /*.header-content { height: 324px !important; }*/
        .header-content {
    height: 484px !important;
}
.header-content .row {
    flex-direction: column;
}
.row #logo{
  width: 100%;
}
        .header-bottom {
            position: absolute;
            top: 100px;
            left: 50%;
            margin-left: -375px;
        }
		.header-bg .region-background img {
            /*height: 324px; MODIF SEB*/
            width: auto;
            margin-left: -644px;
        }
        .inscription-alert-mail-content {
            margin-bottom: 20px;
        }
    }
	@media (min-width: 768px) and (max-width: 991px) {
        #site-slogan {
            left: 279px;
            font-size: 16px;
            padding: 7px 12px;
            letter-spacing: -0.3px;
        }
		 body.not-front #container{ margin-top:-270px; }
    }
    @media (max-width: 767px) {
        .header-content { height: 570px !important; }
        .header-bottom {
            position: absolute;
            top: 150px;
            left: 0;
            margin-left: 0;
        }
		.header-bg .region-background img {
            height: 570px;
            width: auto;
            margin-left: -1133px;
        }
		#logo, #site-slogan {
            position: static;
            display: block;
            text-align: center;
            margin: 12px auto;
        }
        #site-slogan { margin: 12px 15px; font-size: 16px; }
		body.not-front #container { margin-top:-470px; }
		label, .webform-container-inline label { display: block; text-align: left; width: auto; }
		input[type="text"], input[type="email"], .form-textarea-wrapper, select { display: block; width: 100%; }
		input[type="submit"] { margin-left: 0; }
		#map-agences-immo-form { width: 100%; margin-left: 0;}
		footer { font-size: 14px; }
        .footer-menu ul.menu li {
            padding: 0 5px;
            line-height: 14px;
        }
    }
    @media (max-width: 479px) {
        body.not-front #container { margin-top:-460px; }
    }


#sliding-popup{
    width: 100%;
    bottom: 0px;
padding-bottom : 15px;;
}
#sliding-popup button{
          font-size: 12px;
}

footer{
  padding-bottom: 57px;
}
@media screen and (max-width: 600px){
#sliding-popup .popup-content {
    padding-top: 14px;
}

}
.popup-content{
    display: flex!important;
    text-align: center!important;
    padding-top: 5px;
    align-items: center;
}
#sliding-popup .popup-content #popup-buttons{
  margin-bottom:0;
}
#popup-text, #popup-buttons{
  width: 100%!important;
  max-width: 100%!important;
}
/*#popup-text h2, #popup-text p{
  font-size: 20px!important;
}*/
#sliding-popup.sliding-popup-bottom, #sliding-popup.sliding-popup-bottom .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab{
  background-color: #e60043b3!important;
}

.eu-cookie-withdraw-tab{
  display:none!important;
}


/*construction bandeau moteur de recherche SEB 03/2019*/

#logo, #site-slogan {
  position: unset;
}

#logo {
  top: unset;
  left: unset;
}

#site-slogan {
  left: unset;
  top: unset;
}

@media (max-width: 991px){
    .header-bottom {
    position: unset;
    top: unset;
    left: unset;
    margin-left: unset;
  }
  .region+.container .row{
    text-align: center;
  }
    .region+.container .row a{
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .header-bottom {
    position: unset;
    top: unset;
    left: unset;
    margin-left: unset;
  }
}
    @media (max-width: 767px) {
      .header-content{
        height: 720px!important;
      }
    }
/* inline_style_edits.inline.css */

.header-content .row {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}

#logo {
  width: 40%;
}
/*
disable style btn refus rgpd
 */
#sliding-popup .eu-cookie-compliance-default-button{
  background: transparent;
    border: 0;
    box-shadow: unset;
    color: white;
    text-shadow: unset;
    font-weight: initial;
}