/* -------------------------------------------------------------------------------------------- */

:root {
	--red: #eb0000 !important;
	--grey: #c4c4c4 !important;
	--bgrey: #757575 !important;
}

/* -------------------------------------------------------------------------------------------- */

.form_filter select { overflow:visible !important; }

.ui-slider .ui-slider-handle.ui-state-default.ui-corner-all:last-child:before {
	content:" ";
	position: absolute;
	margin-left: -5px; 
	top: -9px;
	width: 6px;
	height: 6px; 
	transform: rotate(-90deg);
	border-style: solid;
	border-width: 6px 8px;
	border-color: transparent var(--red) transparent transparent;
}

input[type="range"]::-webkit-slider-thumb { position:relative; }
input[type="range"]::-webkit-slider-thumb:before {
	content:" ";
	position: absolute;
	left: 0; top: -10px;
	width:10px; height:10px;
	background: var(--red);
}

.prix_container { display:flex; }
.prix_container > .control-label { flex:0 0 auto; padding-right:20px; height:1.5vw; line-height:1.5vw; }
.prix_container > .control { flex:1; height:1.5vw; line-height:1.5vw; }
.prix_container input[type="range"] { width:100%; height:10px; }
.prix_container .ui-slider { width:100%; background:rgba(255,255,255,0.3); border:none; height:14px; margin-top:0.5vw; border-radius:7px; } 
.prix_container .ui-slider .ui-slider-handle.ui-state-default.ui-corner-all { width:4px; height:100%; border-radius:0; border:none; margin-left:0; top:0; background:var(--red); }
.prix_container .ui-slider .ui-slider-handle.ui-state-default.ui-corner-all:after { font-family: Arial;white-space: nowrap; position: absolute; top: 19px; bottom: 0px; left:0px; font-size:60%; color:var(--white); }
.prix_container .ui-slider .ui-slider-handle.ui-state-default.ui-corner-all:last-child:after { left:auto; right:0; }

#modal_ml > .modal_wrapper { display:flex; flex-direction:column; overflow:hidden; padding-right:0; }
#modal_ml > .modal_wrapper #ml_container { flex:1; overflow-y:auto; padding-right:42px; }

.chunk_item > picture { display:inline-block; width:100%; height:100%; }

#programmes .form_filter > div#__prix { display:flex; flex-direction:column; padding-left:10px; padding-right:10px; }
#programmes .form_filter > div#__prix .ui-slider { /* margin-top:0 !important; */ background-color:white; }
.prix_container .ui-slider .ui-slider-range { background: #ddd; }
#programmes .form_filter > div#__prix label { flex:1; position:relative; left:0; width:100%; transform:none !important; padding-bottom:0px !important; }
.prix_container .ui-slider .ui-slider-handle.ui-state-default.ui-corner-all:last-child:after { display:none; }

/* -------------------------------------------------------------------------------------------- */

@media (min-width: 1024px) {
		
		body { overflow-x:hidden !important; }
		
		.programmes-search #carte-france { width:90%; }
		#france .map { width:70%; }
		
		section.filter-programmes .form_filter select { padding:0.3vw 0 0 0; height:2vw; }
		section.filter-programmes .form_filter .btn { height:2.85vw; }
		#pour .offer { max-width:100%; width:auto; }
		#pour ul li::before { top:0.75em; margin-top:-4px; }
		#s1 #benseigne { width:max(200px, 15.5vw); height:auto; max-height:16vw; width:auto; margin:0 auto 4vw auto; }
		
}

/* -------------------------------------------------------------------------------------------- */

@media (max-width: 1024px) {
		
		section.filter-programmes .form_filter { display: none !important; }
		ul.typologies > li > div > div:nth-child(2) { display:none; }
		ul.typologies { font-size:4vw; }
		.programme-body > .programme-column2 > .programme-descriptif { font-size:4vw; }
		.collapse .content { max-height:80px; }
}

/* -------------------------------------------------------------------------------------------- */

/* Boutton plaquette */

.download-pdf-button {
	width: 80%;
    height: max(3vw, 54px);
    background-color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin: auto;
    margin-bottom: var(--padd);
    margin-top: var(--padd2d);
    font-weight: bold;
}

#programmes .view_modes { /* display:none !important; */ }

/* -------------------------------------------------------------------------------------------- */
#s1 {
    display: grid;
    grid-template-columns: calc(var(--mid) * 3) auto calc(var(--mid) * 2);
    justify-content: space-between;
}

#s1 > div:first-child {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
	margin-bottom: 0;
}
/*#s1 > div:last-child {padding-top: 25%;}*/

#s1 > div:nth-child(2) {
	grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}

@media (max-width: 1024px) {
	#s1 { grid-template-columns: 1fr; }
	#s1 > div:first-child {
		grid-column-start: 1;
		grid-column-end: 2;
	}
	#s1 > div:nth-child(2) { 
		grid-column-start: unset;
    	grid-column-end: unset;
   	 	grid-row-start: unset;
    	grid-row-end: unset;
	}
	#s1 > div:last-child {padding-top: 0;}
}

#offer {
	padding: 20px 0;
}

/****** 20240729 // Evolutions ******/

:focus { outline:none; }
body.tab-focus [tabindex="0"]:focus { outline:3px dashed #0080FF !important; outline-offset:-3px; }
body.tab-focus .ui-slider-handle:focus { outline:3px dashed #0080FF !important; outline-offset:-3px; }

video.video-header { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:black; object-fit:cover; }

.programme-body .etat_programme { /* background:#eb0000; */ background:rgba(0, 0, 0, 0.6); }
.programme-body .programme-livraison { z-index:101; right:1.9vw;}
/* .programme-body > .programme-column2 { background:var(--grey); } */

#programmes[data-view="compact"] .programme:not(.fixed) .programme-body:hover .programme-overlay { cursor:pointer; }
#programmes[data-view="compact"] .programme:not(.fixed) .programme-body:hover .programme-overlay > p { pointer-events:none; }

#programmes .view_modes .mode#compact { background-image:url('../images/picto-mosaique.svg') !important; background-size:60%; }
#programmes .view_modes .mode#full { background-image:url('../images/picto-liste.svg') !important; background-size:60%; }
#programmes[data-view="compact"] .view_modes .mode#compact { background-image:url('../images/picto-mosaique.active.svg') !important; background-color: var(--red); }
#programmes[data-view="full"] .view_modes .mode#full { background-image:url('../images/picto-liste.active.svg') !important; background-color: var(--red); }

.programme > .programme-header {
	line-height: 1em;
	padding-top: 0.8vw;
}

input[type="date"]::before { content:""; }
#formulaire #rdv_container { display:block; }
#formulaire #rdv_container > div:last-child { margin-left:0; }
#formulaire #rdv_container > .control { display:grid; grid-template-columns:1fr 1fr; }
#formulaire #rdv_container > .control > div { margin-right:10px; }
#formulaire #rdv_container > .control > div:last-child { margin-right:0px; }

footer #contact a.twitter { display:none !important; }
footer #mentions { /* background:var(--grey) !important; */ }

#border_container .border:not(:first-child) { border:1px solid #f2f2f2; }

@media (min-width: 1921px) {
	
		section#pour .offer,
		section#pour #habiter p,
		section#pour #habiter ul > li,
		section#pour #investir p,
		section#pour #investir ul > li { font-size:1vw !important; }
		section#s1 > div p { font-size:1vw !important; line-height:1.3em; }
		
}

@media (min-width: 1025px) {
		
		body nav:not(.active) { width:50vw; }
		nav .btn-search { display:none; }
		
		header h1#baseline { line-height:unset; text-transform:unset; margin-bottom:unset; font-size:unset; }
		header h1#baseline > strong { font-size:1.8vw; line-height:2vw; }
		
		#programmes.full h2 { margin-top: calc(var(--padd) * 0.75); margin-bottom: calc(var(--padd) * 0.75); padding-right: calc(var(--mid) * 0.8); color: var(--black);
		    font-family: "DM Serif Text";
		    font-size: 2.2vw;
		    line-height: 1.1em; 
		    text-transform:none;
		}
		
		#programmes .form_filter { display:flex; width:calc(10.5vw * 6); }
		#programmes .form_filter > div { flex:1; }
		#programmes .form_filter > div.btn_container { justify-content:right; }
		#programmes .form_filter > #datepicker { display:none; }

		nav { padding:var(--padd) 2vw 0 2vw; }
		body.navbar-sticky main > section#programmes > .form_filter { position:fixed; top:0; z-index:1111; }
		body.navbar-sticky main > section#programmes > .form_filter > div { height:80px; background:transparent; }
		body.navbar-sticky main > section#programmes > .form_filter > div.prix_container .ui-slider { margin-top:1.5vw; }
		body.navbar-sticky main > section#programmes > .form_filter .btn { /* margin-top:calc((80px - 3vw) / 2); */ }
		body.navbar-sticky main > section#programmes > .form_filter #datepicker { display:none; }

		.programme-body > .programme-column1 > .Carousel > .CROP { height:23vw !important; }
		.programme-body > .programme-column2 { overflow:hidden; }
		.programme-body > .programme-column2 > .programme-descriptif { color:black !important; }
		.programme-body > .programme-column2 > .programme-descriptif > div { direction:ltr !important; }
		.programme-body > .programme-column2 > .programme-actions { gap:1vw; }
		.programme-body > .programme-column2 > .programme-actions #rdv { width:21vw; }
		.programme-body > .programme-column2 > .programme-actions #brochure { width:21vw; }
		/* .programme-body > .programme-column2 > .programme-typologies { overflow-y:hidden; } */
		.programme-body > .programme-column2 > .programme-typologies::-webkit-scrollbar { width:5px!important; }
		.programme-body > .programme-column2 > .programme-typologies::-webkit-scrollbar-track { background-color:#fff; border:none !important; box-shadow:none !important; outline:none !important; }
		.programme-body > .programme-column2 > .programme-typologies::-webkit-scrollbar-thumb { background-color:#777; }
		.programme-footer h2 { padding-right:calc(var(--mid) * 0.4) !important; }
		
		#formulaire.decouvrir > div { /* left:0 !important; */ left:max(320px, calc(var(--mid) * 4)) !important; } /* left:calc(var(--mid) * 4) !important; */
		.one_fixed .programme.fixed { /* left:max(320px, calc(var(--left) * 1.5)) !important; */ left:0 !important; transform:translateX(-100%); opacity:0; /* margin-left:-100%; */ }
		.one_fixed .programme.fixed.ok { transition:all 0.4s ease; transition-property:transform,margin-left,opacity; /* transition-delay:2s; */ transform:translateX(0); opacity:1; /* margin-left:0; */ }
		.one_fixed .fixed .programme-header h2 { margin-top:0 !important; margin-bottom:0 !important; }
		 
}

@media (max-width: 1024px) {
		
		nav.active .btn-search { display:inline-block; width:50px; height:50px; line-height:60px; text-align:center; font-weight:bold; color:var(--black); }
		nav:not(.active) .btn-search { display:none; }
		
		#programmes h1 { font-size:6vw; }
		.programme-body > .programme-column2 > .programme-descriptif { color:black; }
		.programme-body > .programme-column2 > .programme-descriptif .c_red { pointer-events:none; }
		.collapse .content { /* max-height:112px; */ max-height:27vw; }
		.collapse > p { margin-top:5vw; }
		
	
}