/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Template: wp-bootstrap-starter
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Tags: blog,custom-menu,featured-images,threaded-comments,translation-ready,right-sidebar,custom-background,e-commerce,theme-options,sticky-post,full-width-template
Version: 4.5
Updated: 2025-06-10 21:06:13

*/

.btn-info{
	width: 20px;
	text-align: center;
	border-radius: 100%;
	height: 20px;
	color: white !important;
	font-weight: bold;
}

.grecaptcha-badge{opacity: 0}

gmp-advanced-marker svg{fill: #48a432}

gmp-advanced-marker svg circle:first-child{opacity: 0.9}

#page{overflow: hidden}

#section-contenu-nos-r-sidences .illus-section img{left: -100Px !important;
  width: 1110px !important;
  right: inherit !important;
  max-width: inherit !important;
  mask-image: none !important;}

#formulaires-logements .banner-titre{padding-bottom: 130px}

#formulaires-logements .classeur-parent{margin-top: -130px}



button.gm-ui-hover-effect{position: absolute !important;
  right: -11px;
  top: -11px;}

#popup-form-demande {
	width: 300px;
	height: 240Px;
	background-color: white;
	top: calc(50vh - 120px);
	left: calc(50% - 150px);
	z-index: 10;
	box-shadow: 0 0 200px rgba(0, 0, 0, 0.8);
}

.vignette.small-vignette{width: 350px}

.vignette.small-vignette .img img{width: 100px;height: 80px}

.vignette.small-vignette .loyer, .vignette.small-vignette .commune, .vignette.small-vignette .typo, .vignette .titre {
	font-family: Helvetica Bold;
	font-size: 15px;
}

.vignette.small-vignette .contenu {
	width: calc(100% - 130px);
	margin: 0 10px;
}

#hide-map{height: 40px;
  width: 40px;
  top: 0;
  right: 0;
  text-align: center;
  font-family: helvetica bold;
  font-size: 15px;
  padding-top: 10px;cursor: pointer;}

  .show-map{display: block !important}


 #show-map{cursor: pointer;top: 25Px;right: 0;border-radius: 100% 0 0 100%;}


.labelmarkermap {
	width: 41Px;
	height: 40px;
	background-image: url(images/marker-map-green.svg);
	background-size: contain;
	color: white;
	text-align: center;
	font-size: 15px;
	font-family: helvetica bold;
	padding-top: 9px;
	background-repeat: no-repeat;
}

ul{padding-left: 15px}

button{outline: none !important}

body{color: black;	-moz-osx-font-smoothing: grayscale;font-size: 16px;font-family: Helvetica;font-weight: normal}

.page-template-page-detail-logement a,.page-template-page-je-cherche-un-logement a{color: #AAD116}

.page-template-page-je-suis-locataire a {color: #009D29;}

a {color: #39B7EE;}

.wpcf7-submit{background-color:#39B7EE !important;border:0 }

hr{border-color: white}

hr.hr-grey{border-color: #A6ADB4}

.text-decoration-none{text-decoration: none !important;}

.erreur{color: red;}
input.erreur{border-colo: red}

iframe{
	height: 290px;
	border: 1px solid #A6ADB4;
}

.mediatheque iframe {
	height: 130px;
	border-radius: 10px;
}

.text-regular{font-family: "Helvetica"}

.shape {
	border-radius: 30px 5px 30px 5px;
	width: 310px;text-decoration: none !important;
}

.btn {
	font-family: Helvetica Bold;
	text-transform: uppercase;
	padding: 14px 10px 10px;
	min-width: 270px;
	font-size: 13px;
}

.img img{width: 100%}

.link{padding: 0;background-color: transparent;text-decoration: underline;border: 0;color: black}

.cover{object-fit: cover;}

.bg-blue{background-color: #39B7EE}

.bg-green-dark{background-color:#556C00}

.bg-green{background-color: #AAD116}

.bg-green-locataire{background-color: #009D29}

.bg-green-light{background-color: #CEE47B}

.bg-green-lighter{background-color: #BBDA45}

.bg-green-light2{background-color: #EEF6D0}

.bg-black{background-color: #202124 !important}

.bg-gradient-green{
	background: rgb(157,194,19);
	background: -moz-linear-gradient(90deg, rgba(157,194,19,1) 0%, rgba(170,209,22,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(157,194,19,1) 0%, rgba(170,209,22,1) 100%);
	background: linear-gradient(90deg, rgba(157,194,19,1) 0%, rgba(170,209,22,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9dc213",endColorstr="#aad116",GradientType=1);
}

.bg-gradient-green-locataire{
	background: rgb(1,144,38);
	background: -moz-linear-gradient(90deg, rgba(1,144,38,1) 0%, rgba(0,157,41,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(1,144,38,1) 0%, rgba(0,157,41,1) 100%);
	background: linear-gradient(90deg, rgba(1,144,38,1) 0%, rgba(0,157,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#019026",endColorstr="#009D29",GradientType=1);
}

.bg-gradient-blue{
	background: rgb(36,154,206);
	background: -moz-linear-gradient(90deg, rgba(36,154,206,1) 0%, rgba(57,183,238,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(36,154,206,1) 0%, rgba(57,183,238,1) 100%);
	background: linear-gradient(90deg, rgba(36,154,206,1) 0%, rgba(57,183,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#249ace",endColorstr="#39B7EE",GradientType=1);
}

.bg-grey{background-color: #F4F4F4}

.bg-grey-green{background-color: #7D8E7F}

.bg-deco-feuille{background-image: url(images/deco-feuille.svg);background-position: center 390px;
	background-repeat: no-repeat;}

	.bg-deco-feuilleblue{background-image: url(images/deco-feuilleblue.svg);background-position: center 390px;
	background-repeat: no-repeat;}

.bg-green.bg-deco-feuille {
	background-image: url(images/deco-feuille2.svg);
	background-position: center 390px;
	background-repeat: no-repeat;
}

.home .bg-green.bg-deco-feuille {
	
	background-position: center 0;

	background-size: 1000px;
}

.bg-hover-white:hover{background-color: white !important}

.bg-hover-green:hover{background-color: #AAD116 !important}

.bg-hover-green-dark:hover{background-color:#556C00 !important}

.bg-hover-transparent:hover{background-color:transparent !important;color: white !important}

.bg-hover-blue-dark:hover{background-color:#0071b8 !important}

.bg-gradient-grey-left{ background: rgb(255,255,255);
background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 30%, rgba(244,244,244,1) 100%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 30%, rgba(244,244,244,1) 100%);
background: linear-gradient(270deg, rgba(255,255,255,1) 30%, rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f4f4f4",GradientType=1); }

.bg-gradient-grey-right{background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(244,244,244,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(244,244,244,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f4f4f4",GradientType=1); 
}

.text-blue{color: #39B7EE}

.text-green-dark{color:#556C00 !important}

.text-green-locataire{color:#009D29 !important}

.text-green{color: #AAD116 !important}

.text-grey{color: #A6ADB4 !important}

.text-grey-medium{color: #545D63 !important}

.text-black{color: #202124 !important}

.text-orange{color: #F5A92F;}

.text-purple{color: #CD3086}

p {
  margin-bottom: 1rem;
}

p:last-child{margin-bottom: 0}

b,strong{font-family: Helvetica Bold;font-weight: normal}

h1,h2,h3,h4,h5,h6{padding: 0;font-weight: normal}

h1,.home h2,h2.h2big{font-size: 40px;line-height: 1}

h2, h1.h1small {
	font-size: 24px;
	font-family: Helvetica Bold;
	line-height: 1.2;
}

h3{font-size: 20px;font-family: Helvetica Bold}

h2.h2big{font-family: Helvetica;}

h2.h2big::before {
	content: "";
	display: block;
	-webkit-mask-image: url(images/deco-titre.svg);
	width: 62px;
	height: 19px;
	margin-bottom: 10px;
}

h4{font-size: 18px;font-family: Helvetica Bold;}

h2.h2big.text-white::before{background-color: white !important}

.page-template-page-je-cherche-un-logement h2.h2big,
.page-template-page-logement h2.h2big{color: #AAD116}

.page-template-page-je-suis-locataire h2.h2big{color: #009D29}

h2.h2big{color:#39B7EE}

.page-template-page-je-cherche-un-logement h2.h2big:before,
.page-template-page-logement h2.h2big:before,
h2.h2big.text-green:before{background-color:#AAD116 }

.page-template-page-je-suis-locataire h2.h2big:before,
h2.h2big.text-green-locataire:before{background-color:#009D29 }

h2.h2big:before{background-color:#39B7EE }

.classeur .encart{border-radius: 0 0 6px 6px;background-color: white;border-top: 4px solid #AAD116}

.classeur a.onglet {
	border-radius: 6px 6px 0 0;
	font-family: Helvetica Bold;
	position: relative;
	padding: 15px 50px 10px 48px;
	line-height: 1;
	text-decoration: none;
}


.classeur a.radio {
	position: relative;
	padding-left: 34px;
	display: flex;
	align-items: center;
	line-height: 1;
	min-height: 24px;
	text-decoration: none;
}


.classeur a.onglet::before, .classeur a.onglet::after, .classeur a.radio::before, .classeur a.radio::after {
	content: "";
	width: 24px;
	height: 24px;
	border-radius: 100%;
	border: 1px solid #B5B7BC;
	position: absolute;
	background-color: white;
	top: calc(50% - 12px);
	left: 15px;
}

.classeur a.onglet::after, .classeur a.radio::after {
	background-color: #AAD116;
	width: 10px;
	height: 10px;
	border: 0;
	top: calc(50% - 5px);
	left: 22px;
	opacity: 0;
}

.classeur a.onglet.active::after, .classeur a.radio.active::after{opacity: 1}

.classeur a.radio::before{left: 0}

.classeur a.radio::after{left: 7px}

.classeur a.link{display: inline}

.classeur a.link.active{display: none}

.accordeon.accordeon-standard.accordeon-open > .body{display: block !important}

.accordeon.accordeon-standard.accordeon-open > .head a::after{display: none}

.accordeon .head{font-family: Helvetica Bold}



.accordeon .head a{text-decoration: none}

.accordeon a.btn.active{display: none}

.accordeon a.btn-arrow{position: relative}

.accordeon a.btn-arrow::after {
	content: "";
	position: absolute;
	background-color: #99C102;
	-webkit-mask-image: url(images/btn-arrow.svg);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	width: 10px;
	display: block;
	height: 18px;
	-webkit-mask-position: center;
	right: 0;
	top: 3px;
	transform: rotate(90deg);
}

.accordeon-standard .head a{position: relative}

.accordeon-standard .head a::after {
	content: "";
	position: absolute;
	background-color: black;
	-webkit-mask-image: url(images/btn-arrow.svg);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	width: 8px;
	height: 14px;
	-webkit-mask-position: center;
	left: 0px;
	top: 2px;
	transform: rotate(90deg);
}
.accordeon-standard .head h2 a::after {
	
	top: 6px;
	
}

.accordeon-standard .accordeon .head a::after{width: 5px}

.vignette{background-color: white;border-radius: 6px;box-shadow: 0 3px 6px rgb(0,0,0,0.16);text-decoration: none !important}



.vignette.vignette-actu .img img{width:100%;height: auto;}

.vignette .loyer,.vignette .commune,.vignette .typo,.vignette .titre{font-family: Helvetica Bold;font-size: 20px}

.vignette small {
	font-family: Helvetica;
	font-size: 13px;
}

.vignette .quartier{font-size: 16px;line-height: 1}

.vignette .img img{width:250px;height:160px;border-radius: 4px}


.vignette .btn-arrow {
	background-color: #202124;
	-webkit-mask-image: url(images/btn-arrow.svg);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	width: 10px;
	display: block;
	height: 100%;
	-webkit-mask-position: center;
}

.vignette .contenu {
	width: calc(100% - 290px);margin: 0 30px;
}

.page-template-template-recrutement .vignette .contenu,
.page-template-template-appelsdoffre .vignette .contenu {
	width: calc(100% - 40px);
	margin: 0 30px 0 0;
}

.page-template-page-je-cherche-un-logement .vignette{display: none}

.page-template-page-je-cherche-un-logement .vignette:nth-child(-n + 6){display: block}

.encart{border-radius: 6px;box-shadow: 0 3px 6px rgb(0,0,0,0.16)}

.btn-retour{width: 55px;height: 55px;text-decoration: none !important;background-image: url(images/btn-retour.svg);}

.banner-titre {

	position: relative;
	z-index: 1;
}

.mediatheque .body-doc img,.mediatheque .head img{width: 32px;height: 39px;object-fit: contain}

.mediatheque .body-doc img {
	

	
	
}

.mediatheque .body-doc img.illus {
	width: 57px;
	
		height: 80px;
	box-shadow: 0 0 10px rgb(0,0,0,0.05);
}

.mediatheque a{width: 140px;margin: 15px}

.mediatheque a{color: #202124}

.mediatheque-green a.active{color: #AAD116}

.mediatheque-green-locataire a.active{color: #009D29}

.mediatheque-blue a.active{color: #39B7EE}

.navbar-light .navbar-toggler{border: 0;padding: 0}

header#masthead {
	box-shadow: 5px 0 5px rgba(0, 0, 0, 0);
	background-color: transparent;
	
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 0px;
}

header#masthead .navbar-brand{padding: 10px 0}

header#masthead.small-header .navbar-brand img{width: 50px;}

header#masthead .navbar-brand img{width: 90px;transition: all 0.5s;}

header#masthead.small-header{box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);}

header#masthead.small-header{background-color: white}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28125, 142, 127, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h16M4 13h10M4 19h16'/%3e%3c/svg%3e");
}




.page-template-page-logement header#masthead {
 background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(170,209,22,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(170,209,22,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(170,209,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#aad116",GradientType=1); }





.page-template-page-je-suis-locataire header#masthead{
 background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(0,157,41,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(0,157,41,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(0,157,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#009D29",GradientType=1); }

.page-template-page-la-sic header#masthead,
.page-template-page-contact header#masthead,
.page-template-page-lien-social header#masthead,
.page-template-page-je-cherche-un-logement header#masthead{
 background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#39B7EE",GradientType=1); }


.page-template-template-actualites header#masthead,
.page-template-template-recrutement header#masthead,
.page-template-template-appelsdoffre header#masthead,
.single{
  background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(57,183,238,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(57,183,238,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(57,183,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#39b7ee",GradientType=1); }


#masthead .navbar-nav > li > a {
	color: #545D63 !important;
	font-family: helvetica bold;
	font-size: 18px !important;
	position: relative;
	padding: 16px 0 10px 35px !important;
	border-bottom: 1px solid #eee;
}

#masthead .navbar-nav > li:first-child > a{border-top: 1px solid #eee;}


#masthead .navbar-nav > li > a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 18px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#masthead .navbar-nav > li:first-child a:before{background-image: url(images/picto-search-green.svg)}

#masthead .navbar-nav > li:nth-child(2) a:before{background-image: url(images/picto-house-green-locataire.svg)}

#masthead .navbar-nav > li:nth-child(3) a:before{background-image: url(images/picto-leaf-blue.svg)}






.mask-header{height: 0;bottom: 100%;left: 0;z-index: -1;transition: all 0.2s;}

.show .mask-header{height: 110px;}

#content.site-content{padding: 110px 0 0;}




input[type="text"],textarea,select,input[type="number"],input[type="date"] {
	width: 100%;
	display: block;
	border-radius: 6px;
	background-color: white;
	border: 1px solid #B5B7BC;
	padding: 13px 10px 9px;
}


label.radio {
	position: relative;
	padding-left: 34px;
	display: flex;
	align-items: center;
	line-height: 1;
	min-height: 24px;
	margin: 0;
}

label.radio input {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 100%;
	z-index: 1;
}


label.radio span::before,label.radio span::after {
	content: "";
	width: 24px;
	height: 24px;
	border-radius: 100%;
	border: 1px solid #B5B7BC;
	position: absolute;
	background-color: white;
	top: calc(50% - 12px);
	left: 0;
}

label.radio span::after {
	background-color: #AAD116;
	width: 10px;
	height: 10px;
	border: 0;
	top: calc(50% - 5px);
	left: 7px;
	opacity: 0;
}

label.radio input:checked ~ span::after{opacity: 1}


.owl-galerie-single .owl-dots,
.owl-offres .owl-dots,
.owl-actu .owl-dots{display: none}

.owl-galerie-single .owl-nav {
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
	left: 0;
	bottom: 10px;
}

.owl-offres .owl-nav,.owl-actu .owl-nav {
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
	left: 0;
	bottom: -50px;
}

.owl-offres .owl-stage,.owl-actu .owl-stage,.owl-galerie-single .owl-stage{display: flex}

.owl-galerie-single .owl-nav button span,
.owl-offres .owl-nav button span,
.owl-actu .owl-nav button span {
	width: 35px;
	height: 35px;
	text-decoration: none !important;
	background-image: url(images/btn-retour.svg);
	display: block;
	color: transparent;
	background-size: contain;
	margin: 0 10px;
}


.owl-galerie-single .owl-nav button.owl-next span,
.owl-offres .owl-nav button.owl-next span,
.owl-actu .owl-nav button.owl-next span {
	transform: rotate(180deg);
	bottom: 3px;
	position: relative;
}


#formulaire-simulation input[type="number"]{max-width: 350px}

#loading{width: 100%;height: 100%;display: none;top: 0;left: 0;z-index: 11}

#loading > div{width: 100%;height: 100%;}

.illus-section{top: 0;}

.illus-section img{-webkit-mask-image: linear-gradient(to top, transparent 0%, black 30%);
  mask-image: linear-gradient(to top, transparent 0%, black 30%);
}


#section-contenu-notre-histoire .illus-section img {

	height: 100%;
	object-fit: contain;
}


.page-template-page-la-sic .illus-sic,.page-template-page-contact .illus-sic,.page-template-page-je-cherche-un-logement .illus-sic,.page-template-page-lien-social .illus-sic {
	background-image: url("images/image-sic.jpg");
	top: -110px;
	left: 0;
	height: calc(100% + 110px);
	background-size: cover;
	background-position: center;
}

.page-template-page-je-cherche-un-logement .illus-sic {
	background-image: url("images/image-logement.jpg");}

	.page-template-page-lien-social .illus-sic {
	background-image: url("images/image-lien-social.jpg");}

.home .image_intro{left: 0;
	height: calc(100% + 133px);
	top: -133px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}


.home #nav-portail li a {
	border-radius: 30px 5px 30px 5px;
	transition: all 0.5s;
	text-decoration: none;
	color: white;
	text-align: center;
	font-size: 20px;
	font-family: "helvetica bold";
	padding: 15px 50px;
	margin-bottom: 15px;
	transform: scale(1);
	position: relative;
	line-height: 1.2;
}

.home #nav-portail li a:hover{transform: scale(0.95)}

.home #nav-portail li a::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 0;
	height: 100%;
	width: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.home #nav-portail li:first-child a{background-color: #AAD116;}
.home #nav-portail li:first-child a:before{background-image: url(images/picto-search-white.svg)}

.home #nav-portail li:nth-child(2) a{background-color:#009D29}
.home #nav-portail li:nth-child(2) a:before{background-image: url(images/picto-house-white.svg)}

.home #nav-portail li:nth-child(3) a{background-color:#39B7EE}
.home #nav-portail li:nth-child(3) a:before{background-image: url(images/picto-leaf-white.svg)}


#videos-showroom {
	background-color: rgb(0,0,0,0.8);
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display:none;
}

#videos-showroom > div{display:flex;align-items:center;justify-content:center;height:100%}

#videos-showroom .video-showroom {
	display: none;
	width: 640px;
	max-width: 100%;
}

#videos-showroom .video-showroom iframe{width:100% !important;height:360px !important;}

#videos-showroom a {
	-webkit-mask-image: url(images/close.svg);
	position: absolute;
	right: 30px;
	top: 30px;
	width: 40Px;
	display: block;
	height: 40px;
	-webkit-mask-size: contain;
	background-color: #a0bf38;
}


#section-contenu-proximit-coute-s-curit-nos-nbsp-engagements-au-quotidien .illus-section img {
	-webkit-mask-image: linear-gradient(to top, transparent 0%, black 30%, transparent 70%);
	mask-image: linear-gradient(to bottom, transparent 0%, black 30%);
	bottom: 0;
}


#container-map-logements {
	height: 100vh;
	top: 0;
	left: 0;
	background-color: #eee;
	z-index: 10;
	transform: translateX(100%);
}

#container-map-logements.show{transform: translateX(0);}



footer#colophon{background-color: #E7ECE7 !important}

@media (min-width: 768px){

.accordeon.accordeon-standard.accordeon-open-desktop > .body{display: block !important}
.accordeon.accordeon-standard.accordeon-open-desktop > .head a::after{display: none}
.w-md-100{width: 100% !important}
}

@media (min-width: 1200px){
.container-owl-actu{width: calc(100% + 500px)}
}

@media (max-width: 1199px){
	
.shape{width: 250px}


	.vignette .img img {
		width: 180px;
		height: 135px;
		border-radius: 4px;
	}
	.vignette .loyer,.vignette .commune,.vignette .typo,.vignette .titre{font-size: 16px;}
}

@media (max-width: 991px){

	.home .image_intro {
	background-image: none !important;
	background-color: #002730;
}

	

	header#masthead .navbar-brand img {
	width: 30px;
	
}
#content.site-content {
	padding: 47px 0 0;
}

	header#masthead{background-color: white !important;background-image: none !important}

.banner-titre h2{font-size: 18px}
	h2.h2big,h1,.home h2 {
		font-size: 24px;
		font-family: Helvetica Bold;
		line-height: 1.2;
	}

	.accordeon-standard .head h2{font-size: 20px}

	.accordeon-standard .head a::after {left: inherit;right: 3px}
}

@media(max-width: 767px){

	.navbar-toggler{position: absolute;left: 0;top: 14px}

	.btn-user{right: 13px;top: 14px}

	.short-links a{width: 50%}


	.accordeon-standard h4{font-size: 16px}
	.owl-offres .owl-nav, .owl-actu .owl-nav{bottom: -30px}
	.vignette .img img {
	width: 88px !important;
	height: 88px !important;
}
	.vignette .contenu {
		width: calc(100% - 130px);
		margin: 0 15px;
	}
	.small_section{max-height: 290px;overflow: hidden;position: relative;-webkit-mask-image: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))}

	.open .small_section{max-height: inherit;-webkit-mask-image: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,1)))}

	.open .open-small-section{margin-top: 20px}

}

@media (max-width: 575px){
	#reponse-logements .encart,#detail-logement .encart{background-color: transparent !important;padding: 0 !important;box-shadow: 0 0 0 !important}


	.vignette .btn-arrow {width: 6px;}

	
}