/* EPOQ 2027 — sélection des bandeaux dans la médiathèque officielle.
 * Une seule image de fond par grande page, pas de répétition.
 * Les dégradés assurent un bon contraste pour les titres à gauche.
 * L'accueil conserve sa photo actuelle (média 842, 1421×930).
 *
 * Programme D.O. : média 818, 2364×1576
 * Devenir ostéopathe : média 1062, 1848×1232
 * Inscription : média 1071, 1454×969
 * À propos : média 778, 2048×1366
 * Équipe : média 807, 2560×1608
 * RDV orientation : média 1059, 1317×759
 * Formations continues : média 841, 1504×1003
 * Contact : média 808, 1323×831
 */

/* Formation initiale : photo de l'école au lieu de l'ancien fichier 736×491 */
.ep-do-page .ep-do-hero{
 background-image:linear-gradient(96deg,rgba(4,32,48,.97) 0%,rgba(4,56,70,.91) 43%,rgba(5,65,74,.38) 100%),url('https://epoqosteopathie.com/wp-content/uploads/2026/01/ecole-osteopathes-quebec-epoq.webp');
 background-position:center 45%;
}

/* Comment devenir ostéopathe? : image distincte liée aux études */
.ep-career-page .ep-career-hero{
 background-image:linear-gradient(96deg,rgba(4,32,49,.97) 0%,rgba(4,57,73,.88) 48%,rgba(6,75,78,.33) 100%),url('https://epoqosteopathie.com/wp-content/uploads/2026/01/Etudier-osteopathie-quebec.webp');
 background-position:center 49%;
}

/* Admission : photo liée au parcours d'inscription */
.ep-apply-page .ep-apply-hero{
 background-image:linear-gradient(95deg,rgba(5,39,56,.98) 0%,rgba(6,70,82,.88) 55%,rgba(9,118,125,.37) 100%),url('https://epoqosteopathie.com/wp-content/uploads/2026/03/inscription-devenir-osteopathe.webp');
 background-position:center 45%;
}

/* À propos : diplômés de l'école */
.ep-about-page .ep-about-hero{
 background-image:linear-gradient(96deg,rgba(3,40,56,.97) 0%,rgba(5,65,74,.89) 52%,rgba(7,86,86,.38) 100%),url('https://epoqosteopathie.com/wp-content/uploads/2026/02/osteopathes-diplomes-EPOQ.jpg');
 background-position:center 43%;
}

/* Équipe : photo de l'environnement d'enseignement */
.ep-team-page .ep-team-hero{
 background-image:linear-gradient(96deg,rgba(3,40,56,.97) 0%,rgba(5,65,74,.88) 53%,rgba(7,86,86,.34) 100%),url('https://epoqosteopathie.com/wp-content/uploads/2026/03/ecole-osteopathie-brossard-2-1-scaled.webp');
 background-position:center 45%;
}

/* Orientation : visuel déjà consacré au choix d'une école */
.ep-orient-page .ep-orient-hero{
 background-image:linear-gradient(94deg,rgba(4,36,53,.97) 0%,rgba(3,63,73,.88) 52%,rgba(6,81,83,.35) 100%),url('https://epoqosteopathie.com/wp-content/uploads/2026/01/choisir-ecole-osteopathe.webp');
 background-position:center 46%;
}

/* Formation continue : vraie photographie de l'école */
.ep-fc-page .ep-fc-hero{
 background-image:linear-gradient(94deg,rgba(4,37,53,.97) 0%,rgba(5,63,75,.88) 54%,rgba(9,91,93,.31) 100%),url('https://epoqosteopathie.com/wp-content/uploads/2026/01/SON08601.webp');
 background-position:center 43%;
}

/* Contact : environnement de l'école et de sa clinique */
.ep-contact-page .ep-contact-hero{
 background-image:linear-gradient(100deg,rgba(4,41,56,.97) 0%,rgba(5,71,82,.87) 55%,rgba(5,93,96,.36) 100%),url('https://epoqosteopathie.com/wp-content/uploads/2026/03/ecole-osteopathie-brossard-3.webp');
 background-position:center 46%;
}

/* Les bandeaux Actualités, Panier et Paiement sont volontairement
 * purement graphiques : plus sobres, plus rapides et sans photo forcée.
 */
@media(max-width:760px){
 .ep-do-page .ep-do-hero,
 .ep-career-page .ep-career-hero,
 .ep-apply-page .ep-apply-hero,
 .ep-about-page .ep-about-hero,
 .ep-team-page .ep-team-hero,
 .ep-orient-page .ep-orient-hero,
 .ep-fc-page .ep-fc-hero,
 .ep-contact-page .ep-contact-hero{
  background-position:60% center;
 }
}
