/* Direction de travaux locale */
.page-hero { --hero: url("/assets/img/BANNIERE-DTL.webp"); }

/* Présence et supervision sur le terrain */
.dtl-presence { padding-bottom: 0; }
.dtl-presence > .panel { padding: 50px; }
.dtl-presence > .dtl-presence__intro { justify-content: space-between; padding: 0; }
.dtl-presence__intro > .sec-title { padding: 50px 50px 0; }
.dtl-presence__intro > .sec-text { padding: 0 50px; }
.dtl-presence__intro p { margin-bottom: 0; }
.dtl-presence__img { width: 55%; border-radius: 0 0 50px 50px; }
.dtl-presence .ibox { width: 100%; }
.dtl-presence .ibox + .ibox { margin-top: -35px; }
.dtl-presence .ibox + .ibox + .ibox { margin-top: -25px; }
.dtl-presence .islider { --dots-hover: var(--blue); }
.dtl-presence .panel > .btn { align-self: flex-start; margin-left: 30px; }

/* Coordination technique et organisation */
.dtl-coordination .split__photo { background-image: url("../../img/coordination-dtl.webp"); }
.dtl-coordination .sec-title,
.dtl-coordination .sec-text,
.dtl-coordination .split__body > .btn { margin-left: 20px; }
.dtl-coordination .sec-text p { margin-bottom: 0; }
.dtl-coordination .ibox { width: 90%; --ibox-img: 20%; --ibox-gap: 0px; }
.dtl-coordination .ibox--row { margin-top: -35px; }
.dtl-coordination .sec-text + .ibox--row { margin-top: -20px; }

/* Contrôle final et accompagnement du maître d’ouvrage */
.dtl-controle { margin-bottom: 75px; background-image: url("../../img/controle-dtl.webp"); }

/* Pourquoi choisir une direction locale par Georges Blanc ? */
.dtl-pourquoi { background-image: url("../../img/SECTION-4-IMAGE-1-scaled-1920w.webp"); background-size: 110% auto; }
.dtl-pourquoi .ibox { --ibox-img: 30%; --ibox-gap: 0px; }
.dtl-pourquoi .ibox--lift { margin-top: -20px; }

.faq__photo { background-image: url("../../img/dtl-faq.webp"); }

@media (max-width: 767px) {
	.dtl-presence { margin-top: 50px; padding-bottom: 50px; }
	.dtl-presence > .panel { align-items: center; padding: 35px; }
	.dtl-presence > .dtl-presence__intro { align-items: stretch; min-height: 475px; padding: 0; text-align: center; }
	.dtl-presence__intro > .sec-title { padding: 35px 35px 0; }
	.dtl-presence__intro > .sec-text { padding: 0 35px; }
	.dtl-presence__img { width: 75%; }
	.dtl-presence .panel > .btn { align-self: center; margin-left: 0; }
	.dtl-coordination { background-image: url("../../img/fond-coordination.jpg"); }
	.dtl-coordination .sec-title,
	.dtl-coordination .sec-text,
	.dtl-coordination .split__body > .btn { margin-left: 0; }
	.dtl-controle { margin-block: 50px; }
	.dtl-controle > .sec-text { width: 100%; }
	.dtl-pourquoi { background-size: cover; }
	.contact { padding-block: 50px; }
	.contact__info, .faq__main { padding: 35px; }
	.faq__main > .sec-text { font-size: 16px; }
}
/* le site d'origine n'inversait titre, texte et pictogrammes sur la photo qu'en dessous de 721 px
   (titre et pictogrammes inversés par filtre : un titre simplement blanc ne s'affiche pas pareil) */
@media (max-width: 720px) {
	.dtl-coordination .sec-text { color: var(--white); }
	.dtl-coordination .sec-title,
	.dtl-coordination .ibox__img img { filter: invert(1); }
}