/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

:root{
	--green :#c3d101;
	--gris: #897d78;
}

/** REGUISHEIM **/

.postid-10180 .le-saviez-vous-container, .postid-10180 .pourquoi-choisir-container {
	display: none;
}

.phrase_2 {
	display: block;
	font-size: 30px;
	text-align: center;
	color: var(--theme-palette-color-3);
}

@media (max-width: 1000px) {
	.phrase_2 {
		font-size: 24px;
	}	
}
/**************/

:is(.postid-8643, .postid-8650, .postid-8658) :is(.green-infos-row, .row-icones-prog, .cards-container .card, .custom-breadcrumb, .demande-catalogue), .postid-8664 .pourquoi-choisir-container {
	display: none !important;
}

.postid-8664 .container-marges .card, .postid-8664 .cards-container, .postid-8664 .single-prog-header .green-infos-row {
	display: flex !important;
}


.postid-8664 .infrastructure-loisir h2 {
	display: none !important;
}

.faq-programme {
	
	margin: 0 auto;
	margin-bottom: 75px;
}


.faq-programme h2 {
	text-align: center;
	color: #c3d101;	
	line-height: normal;
}

#footer {
	content-visibility: visible !important;
}

@media (min-width: 992px) {
	.faq-programme {
		width: 70%;
	}
	
	.faq-programme h3 {
		font-size: 26px;
	}
}

@media (max-width: 991px) {
	.faq-programme h3 {
		font-size: 26px;
	}
}

@media (max-width: 767px) {
	.faq-programme h3 {
		font-size: 23px;
	}
}
.postid-8664 #imageMap {
	margin: 0 !important;
}

.container-conseiller {
	margin: 0 !important;
}

.faq-programme__question {
	color: #c3d101;
	margin-bottom: 10px !important;
}

.faq-programme__answer {
	padding-left: 20px;
}



.icone-item span {
	color: #000;
}

.icone-item {
	display: block;
}
:root {
	font-family: 'Helvetica', sans-serif!important;
	font-display: swap;
}

#hero-slider *, #hero-slider {
	min-height: 60vh;
}

@media screen and (min-width: 768px) {
	#hero-slider .brz-slick-slider__arrow-prev {
	left: 95px !important;
}

	#hero-slider .brz-slick-slider__arrow-next {
		right: 100px !important;
	}
}

.home-slider {
	height: 100%;
	width: 100%;
	padding: 0;
}

.home-slider * {
	width: 100%;
}

.home-slider__slide {
	display: block;
	height: 100%;
}

.home-slider__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.home-slider__image--mobile {
	display: none !important;
}

.home-slider li:not(:first-child) {
	display: none !important;
}

.slick-slide li:not(:first-child) {
	display: block !important;
}

.home-slider .slick-arrow.slick-prev, .home-slider .slick-arrow.slick-next {
	background: transparent;
	height: 60px;
	width: 60px;
}

.home-slider .slick-arrow.slick-prev {
	margin-left: 30px;
}

.home-slider .slick-arrow.slick-next {
	margin-right: 30px;
}

@media screen and (max-width: 991px) {
	.home-slider .slick-arrow.slick-prev {
		margin-left: 15px;
	}

	.home-slider .slick-arrow.slick-next {
		margin-right: 15px;
	}
	
	.home-slider .slick-arrow.slick-prev, .home-slider .slick-arrow.slick-next {
		height: 30px;
		width: 30px;
	}
	
	.home-slider__image--desktop {
		display: none !important
	}

	.home-slider__image--mobile {
		display: block !important;
	}

}

.nouveaute {
	padding: 10px 0px;
    text-align: center;
    font-weight: bold;
    color: var(--theme-palette-color-8);
    position: absolute;
    background-color: #897d78;
    top: 25%;
    width: 100%;
    font-size: 16px;
    left: 0%;
    transform: translate(-30%, -50%) rotate(-40deg);
}

.archive .first-line br {
	display: none !important;
}

.mobile-image-container {
	display: none;
	width: 100%;
}
.mobile-image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media screen and (max-width: 991px) {
	.mobile-image-container {
		display: block;
	}
}

.freeContent {
	margin: 50px auto !important;
}

.freeContent .wp-block-columns {
	gap: 50px !important;
}


#offcanvas .ct-panel-inner {
	overflow: scroll !important;
}

.grecaptcha-badge {
	display: none !important;
}

.ct-search-form-controls [type="submit"] svg {
	fill: white;
}

.page-id-3215 #field_3_18 {
	display: none !important;
}

.page-id-5936 :is(#input_14_6, #input_14_12){
	width: 100% !important;
	border-radius: 0;
}

.page-id-5936 p {
	margin: 0;
}

.gfield--type-captcha {
	display: none !important;
}

@media screen and (max-width: 769px) {	
	.page-id-5936 #input_14_6 {
		width: 100% !important;
	}
}

/*==================================
           LANDING PAGE           
==================================*/

/* Formulaire */

.landingForm{
    position: fixed!important;
    z-index: 10!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
    right:5%;
}

.landingForm form {
   color: white;
}

.landingForm form input{
   color: white;
	border-width: 0 0 1px 0;
	border-color:white;
}
.landingForm .gform_wrapper form [type="submit"]{
	color: white!important;
	border-radius: 10px!important;
	padding: 10px 20px;
	font-weight:bold!important;
}
#field_12_17 a{
	font-weight:600!important;
}
.btnLanding{
	background:white;
	color: #8a7f6e;
	border-radius: 10px!important;
	padding: 10px 20px 10px 40px;
	display: inline-block!important;
	width: 100%!important;
	text-align:center;
}
.landingForm #field_submit input{
	padding-left: 40px!important;
}
.landingForm #field_submit input{
	width: 100%!important;
}

.landingForm #field_12_17, .landingForm #field_submit{
	position:relative!important;
	width: 100%!important;
}

.landingForm #field_12_17:after, .landingForm #field_submit:after{
	content:"";
	position: absolute!important;
  	top: 50%;
	transform:translatey(-50%);
  	width: 20px!important;
  	height: 20px!important;
  	left: 10px!important;
	background-position: center;
    background-size: contain;
	background-repeat:no-repeat;
}
.landingForm #field_12_17:after{
  	background-image: url("/wp-content/uploads/2023/12/phone-solid.png")!important;
}
.landingForm #field_submit:after{
  	background-image: url("/wp-content/uploads/2023/12/envelope-solid.png")!important;
}

#field_12_17{
	order: 1!important;
	width: max-content;
}
.landingForm #field_submit{
	width: fit-content;
}
.landingForm .gform_footer.top_label {
    display: none!important;
}

#label_12_14_1{
	line-height:normal!important;
}

@media screen and (min-width:1500px){
	.landingForm {
		max-width: 32%!important;
	}

}
@media screen and (min-width:990px) and (max-width:1500px){
	.landingForm {
		right: 80px!important;
		left: calc(60% + 40px)!important;
	}
	.btnLanding{
		display:none!important;
	}

	#landingH1 h1{
		font-size: 2.3em!important;
	}
	#landingH2 h2{
		font-size: 1.5em!important;
	}
	#gform_fields_12{
		display:block!important;
	}
}

@media screen  and (max-width:990px){
	.landingForm{
		position: relative!important;
		z-index: 999!important;
		top: unset!important;
		transform: translateY(0%)!important;
		right:unset!important;
	}
}

@media screen and (max-width:767px){
	#field_12_17{
		margin-left: 0px;
	}
	.btnLanding{
		padding: 11px 40px;
	}
}	

/*Selection Programme*/
.custom-selection-programmes{
	display: grid;
    grid-template-columns: 1fr;
}
.container-bien{
	position:relative;
	width:100%;
	max-width:530px;
	margin: auto;
	font-family: var(--brz-paragraphfontfamily)!important;
	font-display: swap;
}
.ville-bien{
	background-color:rgba(136,126,120,.9);
	font-size:24px;font-weight:700;
	color:#fff;
	padding:5px 10px;
	display:inline-block;
	position:relative;
	top:10px;
	left:-5px;
	z-index:5
}
.ville-bien img{
	margin-right: 5px;
}
.image-bien{
	position:relative;
	height:215px
}
.image-bien .selection-clever{
	position:absolute;
	top:5px;
	right:5px;
	z-index:5;
	width:100px;
	height:auto;
}
.image-bien .thumbnail{
	-o-object-fit:cover;
	object-fit:cover;
	width:100%;
	height:100%
}
.description-bien{
	color: #887e78!important;
	width:90%;
	padding:10px 15px;
	margin:0 auto;
	text-align:left;
	background-color:rgba(255,255,255,.9);
	position:relative;
	top:-15px;
	-webkit-box-shadow:0 0 6px rgba(0,0,0,.16);
	box-shadow:0 0 6px rgba(0,0,0,.16)
	font-size:18px;
	line-height:30px;
	display:block;
	font-weight: 400!important;
}
.description-bien .prix-bien{
	font-size:35px;
	display:block;
	text-align:left;
	font-family : var(--brz-paragraphfontfamily)!important;
	font-display: swap;
}
.lien-bien{
	display:block;
	text-align:left;
}
.a-partir{
	font-size: 18px!important;
}
.option{
	font-weight: 400!important;
	font-size: 16px!important;
}

@media screen and (min-width:1500px){
	.custom-selection-programmes{
		grid-template-columns: 1fr 1fr;
		gap: 50px;
	}
}
@media screen and (max-width:767px){
	.container-bien{
		margin:auto;
	}

}

/* AUtre secteur */

#SelectionProgrammeTxt{
	padding: 20px;
}
#SelectionProgrammeTxt h2, #SelectionProgrammeTxt a{
	font-family : var(--brz-paragraphfontfamily)!important;
	font-display: swap;
	line-height:normal;
	font-size: 1.8em;
	text-align:center;
	font-weight:700;
	width:80%;
	margin: 0 auto 20px auto;
	justify-content: center;
}
#btnLandingMobile{
	display:none!important;
	align-items: center;
}
#btnLandingDesktop{
	display:flex;
	align-items: center;
}
#btnLandingMobile svg, #btnLandingDesktop svg{
	margin-left: 15px;
}

@media screen and (max-width:990px){
	#btnLandingMobile{
    	display: flex!important;
	}
	#btnLandingDesktop{
		display:none!important;
	}
	#SelectionProgrammeTxt h2, #SelectionProgrammeTxt a{
		width:100%!important;
	}
}


/* Avis */

.avisContainer{
	width: fit-content!important;
	padding: 10px 50px !important;
	background-color:#F7F6F4!important;
	border-radius: 12px!important;
}

.rating{
	text-align:center;
	color:#887e78;
}
.rating .checked{
	color:#ffe417
}
.stars{
	margin-bottom:15px;
}
.avisLanding .imgSliderApostrophe {
    display: none!important;
}
.stars .fa-star:last-child:before{
	background-image: linear-gradient(90deg, #ffe417 50%, transparent 50.1%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}
.customWidth {
    flex: unset!important;
	width: 50px!important;
}
.singleAvis{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px!important;
}
@media screen and (max-width:990px){
	.avisContainer{
		margin:auto!important;
	}
}

/*==================================
           SLICK Slider           
==================================*/

.slick-dots {
	display: flex;
	justify-content: center;

	margin: 0;
	padding: 1rem 0;

	list-style-type: none;
}
.slick-dots li {
	margin: 0 0.25rem;
}
	
.slick-dots	button {
	display: block;
	width: 1rem;
	height: 1rem;
	padding: 0;
	border: none;
	background-color: #C3BEBB;

	text-indent: -9999px;
}
	
li.slick-active button {
	background-color: #c3d101;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  margin: -20px 0px 0px 0px;
  z-index: 10;
  font-size: 0;
  width: 30px;
  height: 30px;
	cursor:pointer;
}
.slick-arrow.slick-prev {
  left: 0;
  background: url("https://img.icons8.com/ios/50/000000/long-arrow-left.png") 0
    0 / 100% no-repeat;
}
.slick-arrow.slick-next {
  right: 0;
  background: url("https://img.icons8.com/ios/50/000000/long-arrow-right.png") 0 0 / 100% no-repeat;
}
.slick-arrow.slick-disabled {
  opacity: 0.2;
}

/*Général*/

:root {
  --main-green: #c3d101;
}

.apostrophe-title h2 {
	padding-left: 25px !important;
}

.apostrophe-title h2::after {
	content: "" !important;
	position: absolute !important;
	width: 40px;
	height:50px;
	left:-15px;
	top:-20px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	background-image: url("/wp-content/uploads/2023/10/apostrophe.png");
}

.custom-breadcrumb{
	margin: 30px auto;	
}
.articleArianne span a {
	color:#887E78!important;
}

/*Header */

#header {
    z-index: 999!important;
}
.headerInfos{
	display:flex;	
}

.headerTel, .headerAgence, .headerProjet{
	position:relative!important;
	padding: 6px 18px 6px 38px !important;
	border : 1px solid var(--main-green);
	margin-left:20px;
}
.headerTel{
	background-color : var(--theme-palette-color-2);
	color:white;
	border-color: var(--theme-palette-color-2);
}

.headerAgence:hover, .headerProjet:hover{
	background-color : var(--main-green);
	color:white;
}

.headerTel:hover {
	color: var(--theme-palette-color-3);
}

.headerTel:before, .headerAgence:before, .headerProjet:before{
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	left:10px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

.headerAgence:before{
	background-image: url("/wp-content/uploads/2023/10/location-dot-solid.svg");
}
.headerProjet:before{
	background-image: url("/wp-content/uploads/2023/10/envelope-solid.svg");
}
.headerTel:before{
	filter: brightness(100);
	background-image: url("/wp-content/uploads/2023/10/phone-solid.svg");
}

#header [data-row*=middle] {
    z-index: 3!important;
}
.site-branding.headerLogo {
	background:white;
    margin: -20px 0 10px 0 !important;
	padding: 0px 12px!important;
    z-index: 2;
}
#header [data-column-set="2"]>div {
    grid-template-columns: 1fr 7fr!important;
}
@media screen and (min-width:991px){
	.site-logo-container img{
		transform: scale(1.1) translateY(-10px);
	}
}

@media screen and (max-width:990px){
	.site-branding.headerLogo {
		margin: 10px 0 10px 0 !important;
	}
}

/* Logo de noel 
[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
    --logo-max-height: 120px!important;
	margin-top: -20px!important;
}
@media screen and (max-width:1000px){
	[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
		--logo-max-height: 100px!important;
		margin-top: -10px !important;
	}
}
@media screen and (max-width:767px){
	[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
		--logo-max-height: 90px!important;
		margin-bottom: -10px !important;
	}
}*/

/*** Mega menu ***/
nav#header-menu-1 {
    justify-content: center;
}
#mega-menu-wrap-menu_1 {
    width: 100%;
}
ul#mega-menu-menu_1{
    max-width: 100%!important;
    width: 100%!important;
    justify-content: space-around!important;
    display: flex!important;
}

#header-menu-1 figcaption.wp-caption-text {
    display: none;
}


svg.ct-icon {
    fill: #c3d101;
}

#mega-menu-wrap-menu_1 #mega-menu-menu_1 img, #mega-menu-wrap-menu_1 #mega-menu-menu_1 figure{
	width:120px!important;
	height:80px!important;
	object-fit:cover;
}
a.mega-menu-link .little {
    font-size: 16px;
    display: block;
}

a.mega-menu-link{
	font-size: 12px;
	text-transform: capitalize;
	font-weight: 400!important;
	line-height:normal!important;
}
#mega-menu-wrap-menu_1 #mega-menu-menu_1 > li.mega-menu-item > a.mega-menu-link{
	height:fit-content!important;
}

.flexMenuCol ul{
	display:flex!important;
}
.flexMenuCol ul li:first-child{
	width: fit-content!important;
    padding-right: 15px!important;
}

.flexMenuCol ul li{
	width:50%!important;
	padding : 0px!important;
	align-items: center!important;
	display: flex!important;
	margin-bottom: 20px!important;
}
#mega-menu-menu_1>li>ul{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
	border-bottom: 5px solid var(--paletteColor1) !important;
}

/*** Menu mobile ***/

#offcanvas .ct-panel-content {
	display:block;
}
.ct-toggle-dropdown-mobile svg.ct-icon {
    /**display: none;**/
}

/*** ACCUEIL ***/

.imgSliderApostrophe>div{
	position:relative!important;
	overflow:visible!important;
}
.SlideProgramme::after{
	content:""!important;
	position:absolute!important;
	width:50px;
	height:50px;
	left:-20px;
	top:-20px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	background-image: url("/wp-content/uploads/2023/10/apostrophe.png");
}


@media screen and (max-width:767px){
	div#videoAccueil>div>div>div {
		justify-content: center!important;
		display: flex!important;
		overflow-x:hidden;
	}
	div#videoAccueil video {
		max-width: 300%!important;
		width: 300%!important;
	}
}

#bannerBois,
#bannerConnect,
#bannerDeco, 
#bannerJardin{
	transition: 0.3s ease-in-out!important;
	position:relative;
} 

#bannerBois:hover,
#bannerConnect:hover,
#bannerDeco:hover, 
#bannerJardin:hover{
	transform: scale(1.1)!important;
} 
#bannerBois:after,
#bannerConnect:after ,
#bannerDeco:after, 
#bannerJardin:after{
	content:""!important;
	position:absolute!important;
	width:70px;
	height:70px;
	left: 15px;
	top: -20px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:white;
	z-index: 1;
	border-width: 0 10px 10px 0;
	border-style: solid;
	border-color:white;
	border-radius: 0 0 10px 0;
}
#bannerConnect:after{
		background-image: url("/wp-content/uploads/2023/10/ampoule.svg");
}
#bannerBois:after{
		background-image: url("/wp-content/uploads/2023/10/bois.svg");
}
#bannerDeco:after{
		background-image: url("/wp-content/uploads/2023/10/decoration.svg");
}
#bannerJardin:after{
		background-image: url("/wp-content/uploads/2023/10/jardin.svg");
}


#maisonCleverparcs>div:first-child{
	position:relative;
}
#maisonCleverparcs>div:first-child:before{
	content:""!important;
	position:absolute!important;
	left: -80px;
	bottom:0;
	width:40%;
	height:422px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index: 1;
	background-image: url("/wp-content/uploads/2024/09/maison.webp");
}
#maisonCleverparcs>div:first-child:after{
	content:""!important;
	position:absolute!important;
	left: 28%;
	bottom:0;
	width:10%;
	height:350px;
	z-index: 2;
	background-image:linear-gradient(to right, transparent 0%, rgb(137, 125, 120) 50% );
}
@media screen and (min-width:767px) and (max-width:990px){
	
	#bannerConnect:after, #bannerDeco:after{
		left: 0px;
	}
	#maisonCleverparcs>div:first-child:after{
		left: 22%;
	}
}
@media screen and (max-width:767px){
	#bannerConnect:after, #bannerDeco:after, #bannerBois:after, #bannerJardin:after{
		left: 0px;
	}
	#bannerBois:hover, #bannerConnect:hover, #bannerDeco:hover, #bannerJardin:hover {
		transform: scale(1)!important;
	}
	#maisonCleverparcs>div:first-child:before, #maisonCleverparcs>div:first-child:after{
		content:unset!important;
	}
}

.relativLigne> div:last-child{
	display: flex;
	justify-content: center;
    align-items: center;
   flex-direction:unset!important;
}
.relativLigne> div:last-child>div:first-child,
.relativLigne> div:last-child>div:last-child{
	display: flex;
    width: 250px;
	transition:0.2s ease-in-out;
	cursor:pointer;
}   
.relativLigne> div:last-child>div:nth-child(2){
    width: auto;
	display:flex;
}   
.relativLigne> div:last-child>div:nth-child(1):hover,
.relativLigne> div:last-child>div:nth-child(3):hover{
	transform:translateY(-20px);
}  

.relativLigne > .brz-column__items {
	justify-content: center !important;
}

@media screen and (min-width:767px) and (max-width:990px){
	.relativLigne> div:last-child>div:first-child,
	.relativLigne> div:last-child>div:last-child{
		width: 150px;
	}   
}
@media screen and (max-width:767px){
	.relativLigne> div:last-child>div:first-child,
	.relativLigne> div:last-child>div:last-child{
		width: 100px;
	}   
}


/*** AUTRES PAGES ***/

.listeApostrophe>div>div>ul>li:before {
	content: ""!important;
    background-image: url('/wp-content/uploads/2023/10/apostrophe-1.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	width: 15px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: -10px;
}

.iconeMaison{
	position:relative;
}
.iconeMaison:before{
	content: "";
	width: 100px;
    height: 100px;
    position: absolute;
    left: -120px;
	top:30px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	 background-image: url('/wp-content/uploads/2023/11/maison.png');
}
@media screen and (max-width:990px){
	
	.iconeMaison:before{
		content: unset!important;
	}
}

/* bois */

.raisons-bois {
	height: 300px;
	display: block !important;
	overflow-y: auto !important;
}

.raisons-bois::-webkit-scrollbar {
    -webkit-appearance: none;
}

.raisons-bois::-webkit-scrollbar:vertical {
    width: 11px;
}
.raisons-bois::-webkit-scrollbar:horizontal {
    height: 11px;
}

.raisons-bois::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.contact-btn {
	transform: translatey(50%);
}
@media screen and (max-width:990px){
	.contact-btn {
		transform: translatey(100%);
	}
}

/* Ecologie */
.texture {
	position:relative;
}
.texture:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('/wp-content/uploads/2023/11/texture.svg');
    background-repeat: no-repeat;
    content: "";
    position: fixed;
	z-index: 1;
	opacity:0.5;
}
.indexSup{
	z-index: 2!important;
}

/*Astuces */
.custom-accordeon .brz-accordion__nav{
    width: fit-content;
    margin: auto;
    padding-left: 80px!important;
    margin-bottom: 30px;
	position:relative;
}

.brz-accordion__item-content {
	background-color: #fff;
}

.brz-accordion__item {
	border: none !important;
}

.custom-accordeon .brz-accordion__nav:before{
	content: "";
	position:absolute;
	top: 0;
    height:100%;
    left: 10px;
    width:50px;
    background-image: url('/wp-content/uploads/2023/11/astuce.png');
    background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
    
}

.page-id-2506 [data-open="false"] .brz-accordion__content {
	display: none;
}


.partenaires-container{
	margin: 20px auto 40px auto;
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    width: 50%;
}
.partenaires-container img:first-child{
	margin-right: 20px;
}
.partenaires-container img:last-child{
	margin-left: 20px;
}
@media screen and (max-width:767px){
	.partenaires-container img:first-child {
		width: 80%;
	}
	
	.partenaires-container img:last-child {
		width: 150px;
	}
	
	
	.partenaires-container {
		flex-direction: column;
		gap: 20px;
		width: 100%;
		padding: 0 25px;
	}
}


/** FORMULAIRES **/

.gform_wrapper form * {
	font-family: 'HelveticaNeue' !important;
	font-weight: 400 !important;
}

.gform_wrapper form [type="radio"] {
	accent-color: var(--theme-palette-color-1);
	height: 15px;
	width: 15px;
}

.gform_wrapper form h3 {
	color: var(--paletteColor3);
	font-size: 20px;
}

.gform_wrapper form .gfield {
	margin: 12px 0;
}

.gform_wrapper form .gfield input {
	border-radius: 0 !important;   
}

.gform_wrapper form .gfield--type-section {
	margin: 25px 0;
}

.gform_wrapper form label {
	padding-left: 15px !important;
}

.gform_wrapper form .gfield_checkbox label, .gform_wrapper form .ginput_container_consent label {
	padding-left: 5px !important;
}

.gform_wrapper form textarea {
	border-color: transparent;
	background-color: #f8fae9;
}

.gform_wrapper form .gfield_description {
	border: 1px solid #ddd;
	padding: 15px;
	margin: 12px 0;
	font-size: 11px !important;
}

.gform_wrapper form [type="submit"] {
	border-radius: 0;
	color: var(--paletteColor3);
}

.gform_wrapper.gravity-theme .gfield_required {
	color: var(--paletteColor1) !important;
	font-size: 16px !important;
}

.gform_wrapper .gform_required_legend {
	display: none;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
	padding-left: 5px !important;  
}

.form-inscription h3 {
	font-weight: 400 !important;
	color: black !important;
}

#gform_3 #field_3_15 .gfield_checkbox {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 991px)  {
	#gform_3 #field_3_15 .gfield_checkbox {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media screen and (max-width: 767px) {
	.gform_wrapper form .gfield {
		margin: 0;
	}
	
	.gform_wrapper form .gfield--type-section {
		margin: 10px 0 !important;
	}
	
	#gform_3 #field_3_15 .gfield_checkbox {
		grid-template-columns: repeat(1, 1fr);
	}
}

.partenaires-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	place-items: center;
}

.partenaires-grid img {
	margin: 15px 60px;
}

@media screen and (max-width: 991px) {
	.partenaires-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.partenaires-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
}

#input_3_15 input[type="checkbox"], #field_7_10 input[type="checkbox"], #field_3_21 input[type="checkbox"]{
	height: 30px;
	width: 30px;
	position: relative;
	border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

#input_3_15 input[type="checkbox"]::after, #field_7_10 input[type="checkbox"]::after, #field_3_21 input[type="checkbox"]::after {
	opacity:0 !important;
	content: '\f00c';
    font-family: FontAwesome;
    position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    color: #c2d000;
    font-size: 18px;
	transition: 0.2s;
}

#input_3_15 input[type="checkbox"]:checked::after, #field_7_10 input[type="checkbox"]:checked::after, #field_3_21 input[type="checkbox"]:checked::after   {
	opacity: 1 !important;
}

#input_3_15 label, #field_7_10 label, #field_3_21 label {
	margin: 10px 0;
}

/*** CONTACT ***/

.page-id-3215 #mapBox, .page-id-3807 #mapBox {
	height: 440px;
}  

/*** REJOINGNEZ NOUS ***/

.form-rejoignez-nous .gsection {
	border: none !important;
	padding: 0;
}

.form-rejoignez-nous h3  {
	color: var(--paletteColor1) !important;
	font-size: 24px !important;
}

.form-rejoignez-nous .ginput_container_fileupload .gfield_description {
	border: none !important;
}

.ginput_container_fileupload input {
	border: 1px solid var(--paletteColor1) !important;
	padding: 10px;
	font-size: 18px;
}

.form-rejoignez-nous .gfield--type-section {
	margin: 10px 0 !important;
}


#gform_3 #input_3_19 {
width: 100% !important;	
}

#field_3_21 {
	margin: 0 !important;
}

#gform_3 fieldset {
	margin: 12px 0 !important;
}
#input_3_20, #input_3_19 * {
	border-radius: 0 !important;
}

#input_3_19 {
	flex-wrap: wrap !important;
	gap: 15px;
}

#input_3_19 .ginput_container_date {
	flex: 1 1 calc(33.3% - 15px) !important;
	max-width: 100% !important;
	max-width: unset !important;
	flex-basis: unset !important;
	margin: 0 !important;
}

#gform_5 .top_label div.ginput_container {
	margin: 0 !important;
}

#gform_5 .gform_footer {
	padding: 16px 0 10px 0 !important;
}

#gform_5 input:is([type=text],[type=number]) {
	padding: 0 10px !important;
}

#gform_14 #field_14_6{
		margin: 0 !important;
}

#input_14_12{
	flex-wrap: wrap !important;
    gap: 15px;
}

#input_14_12>div{
	flex: 1 1 calc(33.3% - 15px) !important;
	max-width: 100% !important;
	max-width: unset !important;
	flex-basis: unset !important;
	margin: 0 !important;
}

/*** COOKIE ***/

.title-cookie {
	display: none !important;
}
/*===================================
            Programmes (Archive)            
===================================*/
.programmes {
  	margin: 0 -15px; 
}
.programmes .programme-item {
    margin-bottom: 60px;
    position: relative;
    display: block; 
}
.programmes .programme-item{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	height: 55vh; 
}
.programmes .programme-item .programme-p {
      z-index: 2;
      color: black;
      line-height: 1.5em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
   -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
	height:100%;
	justify-content: center;
	word-break: break-word;
}
.programmes .programme-item:nth-child(odd) .programme-p {
	padding: 20px 50% 20px 20px; 
}
.programmes .programme-item:nth-child(even) .programme-p {
	padding: 20px 20px 20px 50%; 
}
.programmes .programme-item:nth-child(even):before {
    background: -webkit-gradient(linear,right top,left top,from(#fff),color-stop(20%,#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(to left,#fff,#fff 20%,rgba(255,255,255,0));
}
.programmes .programme-item:nth-child(odd):before {
    background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(20%,#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(to right,#fff,#fff 20%,rgba(255,255,255,0));
}
.programmes .programme-item .programme-p .ville {
        font-family: helvetica-bold, sans-serif;
        font-size: 2.8em;
    	line-height: 1em;
        padding-left: 10px;
        text-transform: uppercase; 
	    text-align: center;
}
.programmes .programme-item .programme-p .bandeau {
    background: url("../blocksy-child/assets/images/green.png") top left no-repeat;
	background-size: cover;
    min-height: 119px;
    background-position: bottom;
    min-width: 240px;
    text-align: center;
    padding: 12px 8px ;
    margin-top: 15px;
}
.programmes .programme-item .programme-p .second-line {
        text-shadow: none;
        font-family: helvetica-prix, sans-serif;
        font-size: 0.9em; 
}
.programmes .programme-item .programme-p .prix {
    text-shadow: none;
    font-family: helvetica-prix, sans-serif;
    font-size: 38px;
    line-height: 40px;
    color: black;
    font-weight: 800;
    white-space: nowrap;
}
.programmes .programme-item .programme-p:after {
        content: '';
        position: absolute;
        background: transparent;
        border-top: 1px solid #c2d000;
        top: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 100%; 
}
.programmes .programme-item .programme-p .icones-container .icone-item svg {
        width: 60px;
        height: 60px; 
}
.programmes .programme-item:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.arch-Prog-img{
	display:none;
}
.programme-separateur{
	display:none;
}
@media screen and (min-width:1700px){
	.more-programmes {
		margin: 100px -15px 40px -15px!important;
	}
}
.more-programmes {
  background: url("../blocksy-child/assets/images/bandeau-programme.png") top center no-repeat;
  background-size: cover;
  margin: 80px -15px 40px -15px;
  position: relative;
  height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: black; 
}
  .more-programmes .p-bandeau {
    line-height: 1.5em;
    font-size: 1.3em; 
    margin-left: 50%;
}
.more-programmes .p-bandeau .green {
      color: #c2d000; 
}
.more-programmes .p-bandeau .big{
      color: white;
      font-size: 2em;
      padding-left: 15px; 
}
.more-programmes .p-bandeau .little {
      display: inline-block;
      padding: 10px 40px;
      border-radius: 10px;
      background-color: #c2d000;
      color: white;
      margin-top: 20px;
      font-size: 0.8em;
      border: 2px solid #c2d000;
      -webkit-transition: .3s ease;
      transition: .3s ease;
}

.more-programmes .maison-bandeau {
	display: block;
    position: absolute;
    bottom: 0;
    right: 50%;
    height: 422px;
	object-position: right;
}
.progImmo {
	--fontWeight: inherit;
	text-align:center;
	line-height: normal;
	 margin-bottom: 100px;
	width:80%;
	margin:auto;
}

.bandeau_victime {
    width: max-content;
    transform: rotate(-4deg);
    margin: 45px auto;
}

.wittelsheim .bandeau_victime {
	margin: 0 auto 25px auto;
}

.wittelsheim .card p {
	margin: 0 !important;
}

.bandeau_victime::before {
    content: '';
    border: 1px solid #887E79;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: -1;
}
.bandeau_victime .victime {
    background: #c2d000;
    padding: 4px 10px;
}
.bandeau_victime .victime span {
    font-family: helvetica-bold, sans-serif;
    font-size: 26px;
    color: white;
}

.bandeau_victime.beandeau_nouveaute .victime {
	 background: #897d78;
}

@media screen and (max-width:990px){
	.container-conseiller .container-marges {
		padding-top: 20px;
	}
	.programmes .programme-item:nth-child(odd) .programme-p {
		padding: 20px; 
	}
	.programmes .programme-item:nth-child(even) .programme-p {
		padding: 20px ; 
	}
	.programmes .programme-item:before  {
		background: -webkit-gradient(linear,left top,right top,from(#fff),rgba(255,255,255,0.7),to(rgba(255,255,255,0.7)))!important;
		background: linear-gradient(to right,#fff,rgba(255,255,255,0.7),rgba(255,255,255,0.7))!important;
}
}
@media screen and (max-width:767px){

	.programmes .programme-item .programme-p .ville {
		font-size: 2.3em;
	}
	.programmes .programme-item {
		margin-bottom: 30px;
	}
	.programmes .programme-item .programme-p .prix {
		font-size: 35px;
	}
	.bandeau_victime {
		margin: 0 auto 40px auto;
	}
	.bandeau_victime .victime span {
		font-size: 18px;
	}
	h1.progImmo {
		font-size: 1.5em;
	}
	.more-programmes {
   		background: url(../blocksy-child/assets/images/bandeau-programme.png) 63% center no-repeat;
	}

	.more-programmes .maison-bandeau {
		display: none;
	}
	.more-programmes .p-bandeau {
		margin: 20px;
	}
	.arch-Prog-img{
		display:block;
		margin-top:20px;
	}
	.programmes .programme-item{
		height: unset; 
		background-image:unset!important;
	}
	.programme-separateur{
		display:block;
		width: 80%;
		height:1px;
		background-color: #c2d000;
		margin:auto;
	}
	.programmes .programme-item .programme-p:after{
		border-top:0px;
	}
	.programmes .programme-item:nth-child(odd):before, .programmes .programme-item:nth-child(even):before{
		background:unset!important;
	}

}


	
/*==================================
            Programme (single)            
==================================*/
.single-h1 {
    text-align: center!important;
    color: black!important;
    font-weight: 300!important;
	 line-height: normal!important;
}

.single-programme  .prix-container {
    text-align: center;
    font-size: 35px;
    line-height: normal;
    color: #C3D101;
}

.clever-big-price {
	font-weight: bold;
    padding: 8px 15px;
    color: var(--theme-palette-color-3);
    background-color: var(--theme-palette-color-1);
	position: relative;
	display: inline-block;
}

.sous-prix{
	text-align: center;
    font-size: 1.5em;
	color: #887e78;
	margin-bottom: 50px;
}	
.single-prog-header{
	margin-top:50px;
}
.single-programme .slick-slide img{
	border-right: 5px solid white;
	border-left: 5px solid white;
	filter:saturate(0);
	max-height:65vh;
	height:65vh;
	width:100%;
	object-fit:cover;
}
.single-programme  .slick-slide.slick-active img{
	filter:saturate(1);
}

.container-conseiller{
	background-color: #C3D101;
    color: white;
    text-align: center;
    margin: 0 0 30px 0;
    font-size: 1.3em;
    padding: 30px;
    line-height: normal;
}
.call-to-action .btn-action {
    background: #c2d000;
    color: #fff;
    padding: 10px 30px;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
    display: inline-block;
	border: 1px solid transparent;
	border-radius: 5px;
}
.call-to-action .btn-action:hover {
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
}

.row-icones-prog{
	display: flex;
    flex-wrap: wrap;
	max-width: 1140px;
	margin:auto;
	justify-content: center;
}

.icone-item{
    width: 220px;
    padding: 0px 25px;
	margin-top:40px;
}
.icone-item span{
	display:block;
	text-align:center;
	line-height:normal;
	margin-top:5px;
}
.icone-item img {
    width: 100px;
	margin: auto;
    display: flex;
}

.second_p_container{
	margin-top:100px;
	text-align:center;
	line-height: 1.3em;
	color: #212529;
	padding :0 30px;
}

.second_p_container h2{
	color:black;
	font-weight:400;
	line-height: normal;
}
.second_p_container .green{
	color: #c2d000;
}

.first-p{
    position:relative;
    padding: 20px 0;
	color: #212529;
}
.first-p:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(-90deg, white 43%, transparent 65%);
    z-index: -1;
}
.first-p-bg {
	position: absolute;
    top: 0;
    left: -200px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top left;
	z-index: -1;
}
.first-p .row {
    justify-content: end;
    display: flex;
}
.first-p-container {
    width: 55%;
}
.first-p-container .big{
	font-size: 2em;
	position:relative;
}
.first-p-container .big:before{
	position:absolute;
	content:"";
	left: -120px;
	top:0;
	width:100px;
	height:100px;
	background-image:url('/wp-content/uploads/2023/11/maison.png');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width:990px){
	
	.first-p {
		background: #DAD8D6;
	}
	.first-p-container {
		width: 100%;
		z-index: 1;
		padding-top:120px;
	}
	.first-p-container .big:before{
		top: -120px;
    	left: 0;

	}
	.first-p:after {
		background: linear-gradient(-120deg,rgba(255,255,255,0),#fff,rgba(255,255,255,0));
		    z-index: 0;
	}
	.first-p-bg {
		display: none;
	}

}


#imageMap img {
    width: 100%;
}
.background_maison {
    justify-content: end;
    display: flex;
	background-size: cover;
    background-position:center;
    background-repeat: no-repeat;
}
.troisieme-p-container {
    width: 35%;
	margin-right:10%;
	padding: 50px 0;
}
.troisieme-p-container * {
    margin-bottom: 20px;
}
.container-marges {
	max-width: 1280px;
	margin:auto;
	padding-left: 40px;
	padding-right: 40px;
}
@media screen and (max-width:1450px){
	.troisieme-p-container {
		width: 50%;
	}
}
@media screen and (max-width:1090px){
	.troisieme-p-container {
		width: 100%;
		margin-right:0%;
		padding: 50px 30px;
		background: rgba(255,255,255,0.4);
	}
}

@media screen and (max-width:767px){
	.single-h1  {
		font-size:2em;
		padding : 0 20px;
	}
	.icone-item{
		width:50%;
	}
	
	div#imageMap {
		overflow-x: hidden;
		justify-content: center;
		display: flex;
	}
	#imageMap img {
		width: 300%;
		max-width: 300%;
	}
	.troisieme-p-container {
		background: rgba(255,255,255,0.8);

	}
	.background_maison{
		background-position: 20% center;
	}
}

/*** Shortcode Programme Slider ***/

.custom-slider-programmes {
	display: flex;
	gap: 20px;
}

.custom-slider-programmes .slick-slide {
	margin: 0 20px;
}

.custom-slider-programmes .slick-list {
	margin: 0 -20px;
}

.custom-slider-programmes .SlideProgramme:nth-child(n+5) {
	display: none;
}

.SlideProgramme {
	padding-botto=
}

.custom-slider-programmes.slick-initialized {
	flex-direction: column;
}

.custom-slider-programmes.slick-initialized .SlideProgramme:nth-child(n+5) {
	display: block;
}

.custom-slider-programmes .slick-slide a {
	box-shadow : 0px 4px 10px 0px rgba(137, 125, 120, 0.7);
	height: auto!important;
	background-color:white;
	display: block !important;
	padding-bottom: 20px !important;
}

.custom-slider-programmes .slick-track {
	padding-bottom: 20px !important;
}


.SlideProgramme {
	position: relative;
}

.SlideProgramme .imgProgramme {
  height: 280px;
	overflow: hidden !important;
}

@media (max-width: 1700px) {
	.SlideProgramme .imgProgramme {
	  height: 340px;
	}
}

@media (max-width: 1000px) {
	.SlideProgramme .imgProgramme {
		  height: 330px;
	}
}

@media (max-width: 700px) {
	.SlideProgramme .imgProgramme {
		  height: 35vh;
	}
}

.SlideProgramme .imgProgramme img {
    object-fit:cover;
	object-position:center;
	width:100%;
	height:100%;
}
.imgProgramme.victime:before {
	position: absolute;
    content: "Victime de son succès";
    top: 75%;
    left: 50%;
    font-size: 12px;
    max-width: 100%;
    padding: 10px;
    width: max-content;
    font-weight: 800;
    height: fit-content;
    background-color: #c2d000;
    transform: translate(-50%, -50%) rotate(-7deg);
    color: white;
}
.SlideProgramme h3, .SlideProgramme h4, .SlideProgramme p, .SlideProgramme a, .SlideProgramme span{
	margin:auto 20px;
	text-align:center;
	display: block;
	line-height: normal;
}
.SlideProgramme .spanVille{
	color:#c2d000;
	font-weight:700;
	font-size:1.6em;
	margin-top:15px!important;
	margin-bottom:5px!important;
}
.SlideProgramme .spanClever{
	font-weight:500;
	font-size:1.5em;
	margin-top:0px!important;
	margin-bottom:5px!important;
	color: #887e78;
}
.SlideProgramme .spanPrix{
	color: #c2d000;
    margin: 5px auto;
	font-size: 1.5em;
    font-weight: 500;
	font-family : var(--brz-abovetitlefontfamily)!important;
}

.SlideProgramme .SlideProgrammeBtn {
	margin:20px auto;
	background:#c2d000;
	color:white;
	width:fit-content;
	padding: 15px 25px;
}
span.spanP{
	color: #C3BEBB!important;
	font-style: italic;
}
span.spanP:last-of-type{
	color: #887E78!important;
	    font-weight: 500;
    font-size: 14px;
}

.custom-slider-programmes .slick-arrow.slick-prev {
    left: -25px;
}
.custom-slider-programmes .slick-arrow.slick-next {
    right: -25px;
}

/* Slider vignettes */
.slider-vignettes .slick-slide{
	margin: 20px 25px;
}

.vignettes .imgProgramme{
    height: 20vh;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.vignettes p{
	color:#887e78;
	margin-top:10px;
	text-align:justify;
	line-height: 1.2em;
}
.vignettes h3, .vignettes p, .vignettes a{
	margin: 20px 0;
	display: block;
	line-height: normal;
}
.vignettes h3{
	font-size: 1.2em;
	color:#C2D000;
	font-weight: 600;
	text-align:center;
}
.vignettes a{
	background:transparent;
	border : 1.5px solid  #887e78;
	border-radius: 5px;
	color:#887e78;
	padding: 5px 15px;
	font-weight:700;
	text-align:center;
}


.slider-vignettes ul.slick-dots{
	display:none!important;
}

.slider-vignettes .slick-arrow.slick-prev {
    left: -25px;
}
.slider-vignettes .slick-arrow.slick-next {
    right: -25px;
}


/*Page cleverparc*/

.intro-cleverparc{
	text-align:center;
	margin: 50px auto;
	line-height:normal;
}
.intro-cleverparc h1{
	font-size: 55px;
	font-weight: 700;
	color: #897d78!important;
}

.situationIdeale {
	text-align:center;
	margin: 50px auto;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	max-width:1280px;
}
.situationIdeale h2{
	text-align:center;
	font-size: 35px;
	font-weight: 400;
	line-height:normal;
	font-weight: 400;
}

#programmesPlaines{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
div#programmesPlaines .container {
    margin: auto;
	max-width: 1200px;
}
#programmesPlaines .green{
	color:#c2d000;
}
#programmesPlaines .paragrapheContainer{
	border-radius:10px;
	display: flex;
	padding-top:220px;
	margin-top: 20px;
	
}
#programmesPlaines .paragrapheContainer .paragraphe{
	padding:0;
	margin-bottom:15px;
	color:#fff;
}
#programmesPlaines .paragrapheContainer .paragraphe p{
	padding-right:10px;
	padding-left:10px;
}
#programmesPlaines .paragrapheContainer .paragraphe:not(:last-child) {
    border-right: 1px solid white;
}
#programmesPlaines .paragrapheContainer .paragraphe {
    padding: 0 35px 35px;
}
@media screen and (max-width:990px){
	
	.intro-cleverparc h1{
		font-size: 40px;
	}
	.situationIdeale h2{
		font-size: 25px;
	}
	#programmesPlaines .paragrapheContainer{
		display:block;
	}
	#programmesPlaines .paragrapheContainer .paragraphe:not(:last-child) {
    	border-right: 0px solid white;
		border-bottom: 1px solid white;
	}
	#programmesPlaines .paragrapheContainer .paragraphe {
		padding: 20px 0px 40px 0px;
		margin: 0 45px;
	}

}




/*** MAP ***/

#clever-parc {
	position:relative;
}
#clever-parc .legende_carte {
    position: absolute;
    top: 5px;
    left: 5px;
    background: white;
    border-radius: 5px;
    font-family: helvetica-light, sans-serif;
    font-size: 18px;
    color: #212529;
    padding: 5px 8px;
    z-index: 1;
}
#clever-parc .legende_carte img {
    max-width: 20px;
}
#clever-parc #map-parc {
    width: 100%;
    height: 100%;
    min-width: 100%;
    position: relative;
    min-height: 800px;
	background:lightgray;
}


.marker {
	transform: translate(-50%, -50%) translate(851px, 439px) rotateX(0deg) rotateZ(0deg);
    width: 30px;
    height: 45px;
    cursor: pointer;
    font-size: 30px;
    line-height: 30px;
    font-family: permanent_markerregular,cursive;
}
.marker.en_cours {
    background: url(/wp-content/themes/blocksy-child/assets/images/marker-en-cours.png) center/100% no-repeat;
}
.marker.termine {
    background: url(/wp-content/themes/blocksy-child/assets/images/marker-new.png) center/100% no-repeat;
}

.mapboxgl-popup-content {
    padding: 20px 20px 15px !important;
    border-radius: 20px !important;
    text-align: center !important;
}
.mapboxgl-popup-content .clever {
    font-size: 22px;
    font-weight: 700;
    color: white;
}
.mapboxgl-popup-content .title {
    font-size: 18px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
}
.mapboxgl-popup-content .mapboxgl-popup-close-button {
    display: none;
}
.mapboxgl-popup .mapboxgl-popup-content .ville {
    font-size: 18px;
    color: white;
    text-transform: uppercase;
}


.mapboxgl-popup.termine .mapboxgl-popup-content {
    background-color: #554e4b!important;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    align-self: center;
    border-bottom: none;
    border-top-color: #fff;
}
.mapboxgl-popup-tip {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    z-index: 1;
}



.mapboxgl-popup.termine .mapboxgl-popup-content .etat, .mapboxgl-popup.termine .mapboxgl-popup-content .adresse, .mapboxgl-popup-content .infos{
    display: none;
}
.mapboxgl-popup-anchor-bottom.termine .mapboxgl-popup-tip {
    border-top-color: #554e4b !important;
}

.mapboxgl-popup.en_cours {
    max-width: 400px !important;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 70px;
    left: unset;
    transform: unset !important;
}
.mapboxgl-popup.en_cours .mapboxgl-popup-tip {
    display: none;
}
.mapboxgl-popup.en_cours .mapboxgl-popup-content {
    top: 65px !important;
    height: max-content !important;
    background: #C2D201 !important;
}
.mapboxgl-popup.en_cours .mapboxgl-popup-content .adresse {
    display: none;
}
.mapboxgl-popup.en_cours .mapboxgl-popup-content .infos {
    display: block;
    position: relative;
}
.mapboxgl-popup.en_cours .mapboxgl-popup-content .infos .detail {
    font-size: 15px;
	background: white;
    color: #C2D201;
	margin-top:20px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 0px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}
.mapboxgl-popup.en_cours .mapboxgl-popup-content .infos .detail:focus-visible{
    outline-width: 0px!important; 
    outline-offset: 0px!important;
    outline-color: transparent!important;
}
.mapboxgl-canvas {
    position: relative!important; 
}
@media screen and (min-width:767px) and (max-width:990px){
	#clever-parc #map-parc {
		min-height: 450px;
	}
	.mapboxgl-popup.en_cours {
		max-width: 260px !important;
	}
}

@media screen and (max-width:767px){
	#clever-parc #map-parc {
		min-height: 450px;
	}
	.mapboxgl-popup.en_cours {
		max-width: 260px !important;
	}
}


/*** Bandeau Footer code ***/
.container-footer{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.habiter-investir-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.habiter-investir-container {
    width: 100%;
}
.habiter-investir-container .btn-container a {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.habiter-investir-container .brown-txt, .habiter-investir-container .green-txt {
    display: inline-block;
    font-size: 3.5em;
    background-size: contain;
    text-align: center;
    margin: 10px;
}
.green-txt {
    color: #000;
    background: url(/wp-content/uploads/2024/09/bouton-habiter.png) center center no-repeat;
	width: 233px;
    height: 110px
}
.brown-txt {
    color: #fff;
	width: 233px;
    height: 110px;
    background: url(/wp-content/uploads/2023/10/investir.png) center center no-repeat;
}
.habiter-investir-container .txt-container {
    width: 100%;
	font-size: 2.3em;
	text-align:center;
}
.habiter-investir-container .btn-container a:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

@media screen and (max-width:767px){
	.green-txt, .brown-txt {
		width: 130px;
    	height: 75px;
	}
	.habiter-investir-container .txt-container {
		font-size: 1.3em;
	}
}


/*** Footer Blocksy ***/

footer#footer {
	margin-top:50px;
    border-top: 1px solid lightgrey;
}

footer#footer a{
    color: #887e78;
	font-weight: 400!important;
}
footer#footer a:hover{
    color: #c2d000!important;
}
footer#footer p{
    color: black;
	font-weight: 300!important;
}

#footer-menu a.ct-menu-link {
    font-family: helvetica-light,sans-serif!important;
    font-size: 1em!important;
	text-transform:capitalize!important;
}
ul#menu-menu-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
ul#menu-menu-footer li a{
    justify-content: start;
	line-height:normal;
}

.ct-footer-socials .ct-social-box {
    justify-content: center!important;
}
.ct-social-box a {
    margin: auto 10px;
    width: fit-content;
}
.ct-social-box 	a svg {
    width: 30px;
	height: 30px;
	fill: #887e78;
}

.ct-footer-socials:before {
    content: "Rejoignez Maisons Clever'hom sur";
    color: black;
    font-weight: 300;
    text-align: center;
    left: 50%;
    top: 0;
    position: absolute;
    width: 100%;
    transform: translate(-50%);
	line-height: normal;
}
.ct-footer-socials {
    padding-top: 45px;
    position: relative;
}

.contact-footer {
    text-align: right;
}
.contact-footer p {
    margin-bottom: 0!important;
}

.footer-infos{
	text-align:center;
}

footer#footer>div> .ct-container {
    padding-left: 150px;
}
footer#footer>div:first-child> .ct-container {
    position:relative;
}
footer#footer>div:first-child> .ct-container:before {
    content: "";
    left: 10px;
    top: -50px;
    bottom: 0px;
    width: 100px;
    position: absolute;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/09/clever-hom-logo.webp);
    background-color: white;
    border: 10px solid white;
}


@media screen and (max-width:990px){
	footer#footer  .ct-container {
		position:relative;
		display: flex;
    	flex-wrap: wrap;
	}
	.ct-footer [data-row*="top"] [data-column*="menu"]{
		width: 100%!important;
	}
	.ct-footer [data-row*="top"] [data-column*="socials"], .ct-footer [data-row*="top"] [data-column*="widget-area-1"] {
		width: 45%!important;
	}
	.ct-footer-socials {
		display: flex;
		justify-content: start;
	}
	.ct-footer-socials:before {
		text-align: left;
	}
	.contact-footer {
		text-align: left;
	}
}

@media screen and (max-width:767px){
	footer#footer{
		margin-top:50px;
	}
	footer#footer>div> .ct-container {
		padding-left: 0px;
		padding-top: 20px;
	}
	#footer-menu a.ct-menu-link {
		justify-content: center;
	}
	footer#footer>div:first-child> .ct-container {
		padding-top: 50px;
	}
	
	footer#footer>div:first-child> .ct-container:before {
		content: "";
		left: 50%;
		bottom: unset;
		width: 75px;
		height: 75px;
		transform: translateX(-50%);
	}
	.ct-footer [data-row*="top"] [data-column*="socials"], .ct-footer [data-row*="top"] [data-column*="widget-area-1"] {
		width: 100%!important;
	}
	ul#menu-menu-footer {
		grid-template-columns: 1fr;
	}
	.ct-footer-socials:before {
		text-align: center;
	}
	.ct-footer-socials .ct-social-box{
		width:100%;
	}
	.contact-footer p {
		text-align: center;
	}
	.contact-footer a {
		text-align: center;
		display: inline-block;
		    width: 100%;
	}
	ul#menu-menu-footer {
		flex-direction: column-reverse;
		display: flex;
	}
	ul#menu-menu-footer li:nth-child(1){
		order:5;
	}
	ul#menu-menu-footer li:nth-child(2){
		order:2;
	}
	ul#menu-menu-footer li:nth-child(3){
		order:4;
	}
	ul#menu-menu-footer li:nth-child(4){
		order:1;
	}
	ul#menu-menu-footer li:nth-child(5){
		order:3;
	}
}


/**** FOOTER 2025 ****/
.row{
	width:100%;
	max-width:1400px;
	padding-left:60px;
	padding-right:60px;
	margin:auto;
}

#footerClever{
	position: relative;
	margin-top:30px;
	margin-bottom:30px;
}
#footerClever p, #footerClever a {
    margin-bottom: 0;
	color:var(--gris);
	font-family: "Helvetica Neue";
}

.footerLogo {
    width: 160px; /* 100px*/
    background: white;
}

.footerTop {
    display: flex;
	justify-content:space-between;
    gap: 40px;
}
.footerMeta {
    width: 60%;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
	gap: 10px;
}
.footerReseaux {
    display: inline-flex;
    align-items: center;
    gap: 20px;
}
.footerContact {
    width: 300px;
    text-align: center;
    background: var(--green);
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
	height: fit-content;
}
.footerContact *{
    color:black!important;
}
.footerContact a{
	font-weight:700;
}

.footerRS {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}
.footerRS svg {
    width: 25Px !important;
	fill:var(--gris);
}

.footerMiddle {
    display: flex;
	margin: 40px auto;
}
.colFooter {
    border: 1px solid var(--gris);
    padding: 30px;
	 display: flex;
	flex-direction: column;
    gap: 15px;
}
.colFooter:not(:last-child) {
   border-width:1Px 0px 1px 1px;
}
.colFooter:last-child {
   border-width:1Px 1px 1px 1px;
}
.colQsNous{
	width:24%;
}
.colNosMaisons, .colVotreMaison {
	width:42%;	
}
.colQsNous .footerLinks {
	display:flex;
	flex-direction:column;
}
.colNosMaisons .footerLinks, .colVotreMaison .footerLinks{
    column-count: 2;
	column-gap: 30PX;
}
/*
.otherLinks {
	margin: 0 -30px -30px -30px;
	display: flex;
    max-width: unset;
	width:calc(100% + 60px);
	border: 1px solid var(--gris);
	border-width:1px 0px 0 0;
}
.otherLinks a {
    margin: 0;
    padding: 15px 20px;
    display: flex;
}
.otherLinks a:not(:last-child){
	border: 1px solid var(--gris);
	border-width:0 1px 0 0;
}
*/
.footerTitle {
    font-weight: 700;
	font-size:20px;
	position:relative;
	width:fit-content;
}
.colFooter.colOthers .footerTitle {
    color: black !important;
}
.colFooter:not(.colOthers) .footerTitle:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:1px;
	background:var(--green);
}
.sepLi{
	height:1px;
	width:100%;
	background:var(--gris);	
}
.footerLink {
    display: block;
	margin-bottom: 12px !important;
}

.footerBottom.row {
    text-align: center;
}
@media screen and (min-width:1000px) and (max-width:1400px){
	.colFooter {
		padding: 20px;
	}
}
@media screen and (max-width:1300px){
	.footerMiddle {
		flex-wrap: wrap;
		position:relative;
	}
	.footerMiddle:before {
		content:"";
		position:absolute;
		border-top: 1px solid var(--gris);
		left: 60px;
        right: 60px;
		height:1px;
		top:0;
	}
	.colFooter:nth-child(even){
		border-width: 0Px 1px 1px 1px !important;
	}
	.colFooter:nth-child(odd) {
		border-width: 0Px 0px 1px 1px !important;
	}
	.colFooter{
		width: 50%;
	}
	.sepLi {
		width: 180px;
		max-width: 80%;
	}

}
@media screen and (max-width:1000px){
	#footerClever{
		margin-top:0px;
	}
	.row{
		padding-left:40px;
		padding-right:40px;
	}
	.footerTop {
		flex-wrap: wrap;
		gap: 30px;
	}
	.footerLogo, .footerMeta {
		width: 100%;
		justify-content: center;
        display: flex;
	}
	.footerContact{
		margin:auto;
	}
	a.footerLogoImg {
		width: 130px; /* 80px */
		height: auto;
		display: flex;
	}

	.colNosMaisons, .colVotreMaison {
        width: 100%;
    }

	.footerMiddle:before {
		left: 40px;
        right: 40px;
	}
	.colFooter:nth-child(odd) {
        border-width: 0Px 1px 1px 1px !important;
    }
}

@media screen and (min-width:490px) and (max-width:1000px){
	.colFooter.colOthers {
		border-left: 0;
	}
}
@media screen and (max-width:767px){
	#footerClever{
		position: relative;
		margin-top:0px;
		margin-bottom:70px;
	}
	.row{
		padding-left:20px;
		padding-right:20px;
	}
	.footerMiddle:before {
        left: 20px;
        right: 20px;
    }

	.footerMiddle {
		margin: 30px auto;
	}
	.colFooter {
		padding: 20px !important;
	}
	.footerLink {
		margin-bottom: 8px !important;
	}
	.footerTitle {
		font-size: 18px;
	}
}
@media screen and (max-width:490px){
	.colNosMaisons .footerLinks, .colVotreMaison .footerLinks {
		column-count: 1;
	}
	.colFooter{
		width:100%;
	}
	.footerReseaux {
		flex-direction: column;
		gap: 0;
	}
	 .footerContact {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }
}

/*** Politique COOKIES ***/

.page-id-3558 .brz-root__container {
    display: none;
}




/** SPONSOR FORMS **/
.page-id-5314 .partner-form {
	margin-top: 30px;
}

.partner-form + p {
	background-color: transparent !important;
}

.page-id-5317, .page-id-5314  {
	background-color: #E4E4E4;
}

:is(.page-id-5314,.page-id-5317) :is(footer, header, .fixed-cta) {
	display: none !important;
}

.page-id-5314 input[type="submit"] {
	margin-top: 10px !important;
}

.page-id-5314 .partner-form {
	margin-top: 180px;
}
.page-id-5314 .form-group {
	margin: 0 !important;
}

.page-id-5314 .form-row .col-12:last-of-type + p {
	height: 0 !important;
}

.page-id-5314 .welcome-dynamic-phrase {
	margin-top: 110px;
	font-size: 20px;
	color: #000;
	line-height: normal;
	font-weight: bold;
}
.page-id-5314 .welcome-dynamic-phrase span {
	color: var(--theme-palette-color-1) !important;
}

.contact-red {
	color: var(--theme-palette-color-1);
	font-weight: bold;
}

.welcome-dynamic-phrase {
    margin-top: 170px;
    font-size: 25px;
    color: #000;
    line-height: normal;
    font-weight: bold;
}

.welcome-dynamic-phrase span {
	color: var(--theme-palette-color-1);
}

.logo-form {
	text-align: center;
	background-color: #fff;
	padding: 25px 0;
	position: absolute; 
	width: 100% !important;
	max-width: 100% !important;
	top: 0;
	left: 0;
}

.partner-form {
	display: flex;
	flex-direction: column;
  	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	padding: 20px 15px;
	position: relative;
}

.partner-form *:disabled {
	opacity: 0.5;
}

.partner-form * {
	accent-color: var(--theme-palette-color-1);
}

.partner-form input:not([type = "submit"], [type="checkbox"], [type="radio"]), .partner-form textarea {
	border-radius: 10px !important;
	border-color: transparent !important;
	background-color: #ededed !important;
	color: #696969 !important;
	height: 40px;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
}

.partner-form textarea {
	border-radius: 10px !important;
	border-color: transparent !important;
	background-color: #ededed !important;
	color: #696969 !important;
	height: 200px;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
}

.partner-form .form-flex, .share-wrapper {
	display: flex;
	gap: 5px;
}

.partner-form .share-wrapper {
	margin-top: 20px;
	align-items: center;
	gap: 15px;
}

.partner-form ::placeholder {
	color: #69696985 !important;
}

.calendy-link, .partner-form .submit-form, .page-id-5317 [type="submit"] {
	height: fit-content;
	border-radius: 7px;
	padding: 5px 18px;
	font-weight: 500;
	font-size: 18px;
	background-color: var(--theme-palette-color-1);
	border: none;
	color: #fff !important;	
	position: absolute;
	left: 50%;
	bottom: 0;
	gap: 7px;
	transform: translateX(-50%) translatey(20px);
	width: fit-content !important;
	white-space: nowrap;
}

.partner-form .submit-form [type="submit"] {
	border: none;
	background-color: transparent;
	color: #fff;	
	margin: 0 !important;
	white-space: nowrap;
	font-weight: 500;
	margin: 0;
	padding: 0 !important;
}	

.partner-form .submit-form svg {
	width: 18px;
	fill: #fff;
}

.partner-form .submit-form  {
	display: flex;
	align-items: center;
}

.partner-form [data-name = "recontact"] .wpcf7-list-item {
	margin: 10px 0 0 0;
}

.partner-form [name="recontact[]"] {
	margin-left: 5px;
    margin-right: 3px;
}

.partner-form .form-flex{
	align-items: center;
}

.share-info-container {
	align-items: center;
	margin-top: 10px !important;
	width: 100%;
}

.share-info-container p {
	margin-bottom: 15px !important;
}

#confirmation_sentence {
	top: 465px;
    position: fixed;
    width: 100%;
    left: 0;
    padding: 20px;
	display: flex;
	gap: 12px;
	align-items: center;
	color: var(--theme-palette-color-1);
}

#confirmation_sentence svg {
	stroke: var(--theme-palette-color-1);
	height: 30px;
	width: 30px;
}

.share-info {
	font-size: 17px;
	color: #696969;
	margin: 0 !important;	
	text-align: left !important;
	width: 100% !important;
}

.share-info + p {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.addtoany_shortcode .addtoany_share {
	display: none !important;
}

.addtoany_shortcode, .addtoany_share_save_container {
	display: none !important;	
}

.a2a_kit {
	display: none !important;
}

.hidden {
	display: none !important;
}

.wpcf7-form-control[type="submit"]:hover {
	transform: translateX(-50%) translatey(20px) !important;
}

  /************************/
 /** NEW PAGE PROGRAMME **/
/************************/

.wittelsheim h2 {
	line-height: 1.2;
}

.wittelsheim .green-infos-row {
	display: flex;
    gap: 30px;
    padding: 25px 30px;
    background: #C3D101;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    align-items: center;
    margin: -25px auto;
    z-index: 10;
    transform: translateY(30px);
    position: relative;
    width: fit-content;
}

.wittelsheim .sous-prix {
	margin: 0;
	color: #212529;
}

.wittelsheim .prix-container {
	background: #FFF;
	padding: 16px 28px;
	color: #212529;
}

.wittelsheim .clever-big-price {
	background-color: transparent;
	padding: 5px;
}

.wittelsheim .phrase_1 {
	font-size: 45px;
	margin: auto;
	display: block;
	font-weight: 400 !important;
}

.wittelsheim .phrase_1 .ville {
	color: #C3D101;
}

.wittelsheim .container-conseiller {
	background-image: url('/wp-content/uploads/2024/07/conseiller-bg.jpg');
	background-position: center;
	background-size: cover;
	text-align: left;
	margin 50px 0;
	padding: 75px 0;
}

.wittelsheim .container-conseiller .btn-action {
	border: 1px solid #212529;
	padding: 12px 24px;
	color: #212529;
	font-weight: normal;
	border-radius: 0;
}

.wittelsheim .container-conseiller p {
	font-size: 36px;
	color: #212529;
	max-width: 45%;
	margin: 0 auto 0 0;	
}

.wittelsheim #imageMap {
	padding-top: 50px;
	background-size: cover;
	margin: 50px 0 0 0;
	background-position: center;
}

.wittelsheim #imageMap h2 span {
	color: #212529;
}

.wittelsheim .second_p_container {
	background: #FFF;
	padding: 60px;
	box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.16);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 550px;
	gap: 20px;
	margin: 0;
}

.wittelsheim .second_p_container > * {
	text-align: left !important;
	margin: 0;
}

.wittelsheim .infrastructure-loisir-container {
	background-position: center;
	background-size: cover;
}

.wittelsheim .description-maison-container {
	background-image: url('/wp-content/uploads/2024/07/maison-moderne.jpg');
	background-position: center;
	background-size: cover;
}

.wittelsheim .infrastructure-loisir, .wittelsheim .clever-hom-hr {
	width: 50%;
	margin-left: auto;
}

.wittelsheim .description-maison {
	width: 75%;
	margin-right: auto;
}

.wittelsheim .infrastructure-loisir li {
	color: #212529;
}

.wittelsheim .infrastructure-loisir h2, .description-maison-container h2, .card h2 {
	font-weight: 400;
	color: #C3D101;
	margin: 0;
	font-size: 30px;
	display: flex;
	gap: 15px;
	align-items: center;
}

.wittelsheim .infrastructure-loisir p {
	margin: 10px 0;
}

.wittelsheim .infrastructure-loisir:nth-child(1) {
	padding-bottom: 30px;
	border-bottom: 1px solid #C3BEBB;
}

.wittelsheim .description-maison-container {
	padding: 75px 0;
}

.wittelsheim .description-maison-row {
	display: flex;
	gap: 50px;
	align-items: start;
}

.wittelsheim .infrastructure-loisir:nth-child(2) {
	padding-top: 30px;
}

.wittelsheim .infrastructure-loisir-container, .cards-container {
	padding: 75px 0;
}

.wittelsheim .description-maison-left {
	width: 35%;
}

.wittelsheim .description-maison-right {
	width: 65%;
}

.description-maison-right p:last-child {
	margin: 0;
}

.wittelsheim .description-maison-left p {
	font-size: 20px;
}

.wittelsheim :is(h2, h3, h4, h5, h6) {
	font-weight: 400;
}

.wittelsheim p {
	line-height: 1.4;
}

.wittelsheim .description-maison h2 {
	margin-bottom: 30px;
}

.wittelsheim .card :is(h2, h3, h4, h5) {
	color: #C3D101;
}

.wittelsheim .card {
	border: 1px solid #C3BEBB;
	padding: 56px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
	gap: 20px;
}

.wittelsheim .card-intro {
	font-size: 20px;
	line-height: 1.4;
	margin: 0;
}

.wittelsheim .cards-container .container-marges {
	display: flex;
	gap: 40px;
	justify-content: space-between;
}

.wittelsheim .le-saviez-vous {
	background: #887E78;
	display: flex;
	padding: 56px;
	align-items: center;
	gap: 32px;
}

.wittelsheim .le-saviez-vous-left h2 {
	font-weight: 600
}

.wittelsheim .le-saviez-vous * {
	color: #fff;
} 

.wittelsheim .le-saviez-vous-left p {
	font-size: 20px;
	line-height: 1.4;
	margin: 0;
}

.wittelsheim .le-saviez-vous-left {
	width: 30%;
}

.wittelsheim .le-saviez-vous-right {
	width: 70%;
}

.wittelsheim .le-saviez-vous-container {
	padding-bottom: 75px;
}

.wittelsheim .pourquoi-choisir-container {
	background-color: #C3D101;
	padding: 75px;
	margin-bottom: 75px;
}

.wittelsheim .pourquoi-choisir {
	background: #FFF;
	box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.14);
	padding: 60px;
	display: flex;
	gap: 50px;
}

.wittelsheim .pourquoi-choisir h2 {
	font-weight: bold;
}

.wittelsheim .pourquoi-choisir-left h2 {
	color: #212529;
}

.wittelsheim .pourquoi-choisir > * {
	flex: 1;
}

.wittelsheim .pourquoi-choisir-left h2 {
	color: #212529;	
}

.wittelsheim .pourquoi-choisir-buttons {
	display: flex; 
	gap: 30px;
}

.wittelsheim .pourquoi-choisir-buttons a, .wittelsheim .clever-btn {
	padding: 12px 24px;
	gap: 8px;
	background-color: #C3D101;
	color: #fff;
	width: fit-content;
	margin-bottom: 10px;
}

.infrastructure-loisir__icon {
	flex-shrink: 0;
}

.wittelsheim .pourquoi-choisir-left p {
	font-size: 20px;
	margin-bottom: 10px;
}

.wittelsheim .pourquoi-choisir-button {
	display: flex;
	flex-direction: column; 
}

.wittelsheim .pourquoi-choisir-button:nth-child(1) {
	width: 40%;
}

.wittelsheim .pourquoi-choisir-button:nth-child(2) {
	width: 60%;
}

.wittelsheim .pourquoi-choisir-button span {
	font-size: 14px;
}

.wittelsheim .pourquoi-choisir-right h2 {
	color: #C3D101;
}

.wittelsheim .verticale {
	margin-top: 400px;
	display: flex;
}

.wittelsheim .clever-hom-hr {
	background-color: #F5F5F5;
	margin: 0 0 0 auto;
}

.wittelsheim .clever-hom-hr {
	background-color: #C3BEBB;
	margin: 40px 0 40px auto;
}

.wittelsheim .verticale .clever-hom-hr {
	display: none !important;
}

.wittelsheim .verticale .infrastructure-loisir {
	width: 100%;
	margin: 0;
}

.wittelsheim .verticale .infrastructure-loisir:nth-child(2) {
	padding: 0;
	padding-right: 35px;
	border-right: 1px solid #C3BEBB;
}

.wittelsheim .verticale > .infrastructure-loisir:last-of-type {
	padding-left: 35px;
}

.wittelsheim .le-saviez-vous-right p {
	margin: 0;
}


@media screen and (max-width: 991px) {
	.wittelsheim .clever-hom-hr {
		display: none;
	}
	
	.wittelsheim .phrase_1 {
		font-size: 38px
	}
	
	.wittelsheim .pourquoi-choisir-container {
		margin-bottom: 50px;
	}
	
	.wittelsheim .pourquoi-choisir-left p {
		font-size: 16px;
	}
	
	.wittelsheim .green-infos-row {
		flex-direction: column;
		gap: 15px;
		padding: 30px;
	}
	
	.wittelsheim .prix-container {
		font-size: 28px !important;
	}
	
	.wittelsheim .sous-prix {
		font-size: 18px;
	}
	
	.wittelsheim .container-conseiller {
		background-color: #C3D101;
		background-image: none;
		padding: 30px 0 30px 0 !important;
	}
	
	.wittelsheim .container-conseiller p {
		font-size: 25px;
		max-width: 100%;
	}
	
	.wittelsheim .container-conseiller .btn-action {
		font-size: 16px;
		background-color: transparent;
	}
	
	.wittelsheim .second_p_container {
		padding: 35px;
		width: 100%;
	}
	
	.wittelsheim #imageMap .container-marges {
		margin: 0;
		padding: 0;
	}
	
	.wittelsheim #imageMap {
		padding: 0;
		background-image: none !important;
	}
	
	.wittelsheim .infrastructure-loisir {
		width: 100%;
	}
	
	.wittelsheim #imageMap h2 span, .wittelsheim .infrastructure-loisir h2, .wittelsheim .pourquoi-choisir h2 {
		font-size: 30px;
	}
	
	.wittelsheim .infrastructure-loisir img, .wittelsheim .description-maison img, .wittelsheim .card img {
		width: 50px;
	}
	
	.wittelsheim .infrastructure-loisir-container {
		background-image: none !important;
		padding: 0;
	}
	
	.wittelsheim .description-maison-container {
		background-image: none;
	}
	
	.wittelsheim .description-maison {
		width: 100%;
		margin: 0;
	}
	
	.wittelsheim .description-maison-left p {
		font-size: 16px;
	}
	
	.wittelsheim .description-maison-right h3 span {
		font-size: 27px;
	}
	
	.wittelsheim .cards-container .container-marges {
		flex-direction: column;
	}
	
	.wittelsheim .card-intro {
		font-size: 16px;
	}
	
	.wittelsheim .card {
		padding: 35px;
	}
	
	.wittelsheim .pourquoi-choisir-container {
		padding: 25px;
	}
	
	.wittelsheim .pourquoi-choisir-container .container-marges {
		padding: 0px;
	}
	
	.wittelsheim .pourquoi-choisir {
		padding: 35px;
		flex-direction: column;
		gap: 20px;
	}
	
	.wittelsheim .pourquoi-choisir-buttons {
		flex-direction: column;
		gap: 10px;
	}
	
	.wittelsheim .pourquoi-choisir-buttons > * {
		width: 100% !important;
	}
	
	.wittelsheim .le-saviez-vous-container {
		padding-bottom: 50px;
	}
	
	.wittelsheim .infrastructure-loisir-container, .cards-container, .wittelsheim .description-maison-container, .wittelsheim .container-conseiller {
		padding: 50px 0;
	}
	
	.wittelsheim .container-marges {
		padding: 0 40px;
	}
	
	.wittelsheim .description-maison {
		margin-top: 20px;
	}
	
	.wittelsheim .description-maison-container {
		padding: 0;
	}
	
	.wittelsheim .infrastructure-loisir:nth-child(2) {
		margin-bottom: 30px;
	}
	
	.mobile-image-container {
		height: 500px;
	}
	
	.wittelsheim .description-maison-container:nht-child(1) {
		padding-top: 0;
	}
	
	.wittelsheim #imageMap .mobile-image-container img {
		max-width: 100% !important;
	} 
	
	.wittelsheim .le-saviez-vous {
		padding: 35px;
	}
	
	.wittelsheim .infrastructure-loisir img, .wittelsheim .description-maison img, .wittelsheim .card img {
		width: 70px;
		margin-bottom: 15px;
	}
	
	.wittelsheim .verticale {
		flex-direction: column;
		margin-top: 0;
	}
	
	.wittelsheim .verticale .infrastructure-loisir:nth-child(2) {
		border: none;
	}
	
	.wittelsheim .verticale .infrastructure-loisir {
		padding: 30px 0 0 0 !important;
	}
}

@media screen and (max-width: 769px) {
	.wittelsheim .phrase_1 {
		font-size: 33px;
	}
	
	.wittelsheim .container-marges {
		padding: 0 15px;
	}
	
	.wittelsheim .prix-container {
		padding: 10px 20px;
	}
	
	.mobile-image-container {
		height: 300px;
	}
	
	.wittelsheim .green-infos-row {
		flex-direction: column;
		gap: 15px;
		padding: 20px;
		width: 100%;
	}
	
	.wittelsheim .prix-container {
		font-size: 22px !important;
	}
	
	.wittelsheim .sous-prix {
		font-size: 16px;
	}
	
	.wittelsheim .container-conseiller{
		padding-top: 20px !important;
	}
	
	.wittelsheim .container-conseiller p {
		font-size: 18px;
	}
	
	.wittelsheim .second_p_container {
		padding: 20px;
	}
	
	.wittelsheim #imageMap h2 span, .wittelsheim .infrastructure-loisir h2, .wittelsheim .card h2, .wittelsheim .le-saviez-vous-left h2, .wittelsheim .pourquoi-choisir h2  {
		font-size: 28px;
	}
	
	.wittelsheim .infrastructure-loisir h2, .wittelsheim .description-maison h2, .wittelsheim .card h2, .wittelsheim .card h2, .wittelsheim .le-saviez-vous-left h2  {
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 0;
	}
	
	.wittelsheim .description-maison-row {
		flex-direction: column;
		gap: 0;
	}
	
	.wittelsheim .description-maison-row > * {
		width: 100%;
	}
	
	.wittelsheim .description-maison-right h3 span {
		font-size: 22px;
	}
	
	.wittelsheim .card {
		padding: 25px;
	}
	
	.wittelsheim .le-saviez-vous {
		flex-direction: column;
		padding: 20px;
	}
	
	.wittelsheim .le-saviez-vous > * {
		width: 100%;
	}
	
	.wittelsheim .pourquoi-choisir {
		padding: 20px;
	}
}