/* Access Radiologie — corrections de la maquette V2 (ChatGPT), mise en page inchangée — 23/10/2026 */
/* menu : « PRP » était blanc sur blanc */
a.nav-prp{background:transparent!important;color:#153a63!important;padding:8px 10px!important}
/* haut de page : les deux boutons étaient cachés sous les cartes d'examens */
.ar-hero{height:auto;min-height:470px}
.ar-hero-content{padding-bottom:44px}
/* carrousel : 6 photos haute définition (23/10) */
.ar-hero-slide img{object-position:72% 38%}
/* pastilles rondes des examens (avant : morceaux incrustés et coupés dans les photos) */
.ar-exam-photo{overflow:visible}
.ar-exam-photo picture{overflow:hidden;border-radius:10px 10px 0 0}
.ar-exam-ic{position:absolute;left:12px;bottom:-19px;width:38px;height:38px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #0b2e5730;z-index:2}
.ar-exam-body{padding-top:26px}
.ar-exam{overflow:visible}
@media(max-width:700px){
 .ar-hero{min-height:0}
 .ar-hero-content{position:relative;bottom:auto;padding:150px 22px 30px}
 .ar-hero-slide img{object-position:70% 0}
 .ar-hero-prev,.ar-hero-next{top:62px}   /* flèches au-dessus du titre, plus par-dessus */
 .ar-hero-wash{background:linear-gradient(0deg,#f5f9fc 0%,#f5f9fcf0 55%,#f5f9fc40 85%)}
}
/* vignettes : la photo entière (format 5:3), plus de recadrage serré */
.ar-exam-photo{height:auto;aspect-ratio:5/3}
.ar-exam-photo img{object-position:center}
/* 23/10 : photos plus claires et décalées vers la droite (le sujet n'est plus sous le titre) */
.ar-hero-slide img{object-position:100% 30%;filter:brightness(1.12) saturate(.95)}
@media(min-width:701px){.ar-hero-wash{background:linear-gradient(90deg,rgba(246,250,253,.96) 0%,rgba(246,250,253,.86) 30%,rgba(246,250,253,.35) 50%,rgba(246,250,253,0) 64%)}}
@media(min-width:701px){.ar-hero-media{left:22%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}}
.ar-hero{background:#f6fafd}
/* 23/10 : la marque Access Radiologie mise en avant */
.access-logo-officiel.access-logo-h{width:auto!important;height:54px!important;max-height:none!important}
.ar-hero-logo{display:block;height:66px;width:auto;margin:0 0 18px}
@media(max-width:768px){.access-logo-officiel.access-logo-h{height:40px!important}.ar-hero-logo{height:48px;margin-bottom:12px}}
/* 23/10 : sur l'accueil, le grand logo du haut de page remplace celui de l'en-tête (les autres pages gardent l'en-tête) */
body#accueil .nav-logo img{visibility:hidden}
.ar-hero-logo{height:104px;margin-bottom:22px}
@media(max-width:768px){.ar-hero-logo{height:68px;margin-bottom:14px}}
/* 23/10 : nom de l'examen en grand, en surimpression sur la photo */
.ar-slide-caption{display:block;right:70px;bottom:46px;background:rgba(11,46,87,.84);color:#fff;font:700 24px/1.1 "DM Sans",Arial,sans-serif;letter-spacing:.01em;padding:13px 24px;border-radius:14px;box-shadow:0 8px 24px rgba(11,46,87,.28);backdrop-filter:blur(2px)}
@media(max-width:700px){.ar-slide-caption{display:block;top:68px;bottom:auto;right:auto;left:50%;transform:translateX(-50%);font-size:17px;padding:9px 18px;border-radius:12px;white-space:nowrap}}
/* 23/10 : étiquette plus grande, couleur de l'examen (mêmes couleurs que les pastilles des vignettes) */
.ar-slide-caption{font-size:34px;padding:16px 30px;border-radius:16px;right:64px;bottom:44px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:background-color .6s}
@media(max-width:700px){.ar-slide-caption{font-size:21px;padding:10px 20px;top:64px;bottom:auto;right:auto;left:50%;transform:translateX(-50%);white-space:nowrap}}

/* lot778 : badge NOUVEAU de la vignette PRP en haut à gauche */
.ar-new{left:8px;right:auto;top:8px}

/* lot781 : légendes des photos de l accueil réduites de 30 % */
.ar-slide-caption{font-size:24px;padding:11px 21px;border-radius:12px}
@media(max-width:700px){.ar-slide-caption{font-size:15px;padding:7px 14px;border-radius:10px}}

/* lot787 — PLEINE LARGEUR PARTOUT : le contenu occupe toute la page, avec la même marge à gauche et à droite (3 % de la largeur, 24 px minimum), en-tête compris */
@media(min-width:701px){
html body .nav-inner,html body .centres-bar-inner,html body .breadcrumb-list{max-width:none!important;padding-left:max(24px,3%)!important;padding-right:max(24px,3%)!important}
/* accueil */
html body .ar-hero-content{padding-left:max(24px,3%)!important;width:calc(max(24px,3%) + 600px)!important;max-width:62%}
html body .ar-exams,html body .ar-centres,html body .ar-benefits,html body .ar-stats,html body .ar-extra{max-width:none!important;padding-left:max(24px,3%)!important;padding-right:max(24px,3%)!important}
/* PRP */
html body .arp-wrap{width:auto!important;margin:0!important;padding-left:max(24px,3%)!important;padding-right:max(24px,3%)!important}
html body .ar-prp-hero-inner{flex:1;width:auto!important;margin:0!important;padding:56px max(24px,3%)!important}
/* Rendez-vous */
html body .ar-rdv-shell{width:auto!important;max-width:none!important;margin:40px 0!important;padding:0 max(24px,3%)!important}
html body .ar-rdv-hero{padding-left:max(24px,3%)}
html body .ar-rdv-hero-copy{padding-left:0!important}
/* Contact */
html body .ar-contact .ar-container{width:auto!important;max-width:none!important;margin:0!important;padding-left:max(24px,3%)!important;padding-right:max(24px,3%)!important}
html body .ar-contact .ar-ct-hero-inner{flex:1;width:auto!important;margin:0!important;padding-left:max(24px,3%)!important;padding-right:max(24px,3%)!important}
}

/* lot788 — blocs titres des en-têtes décalés vers l'intérieur (8 % de la largeur), le reste de la page garde la marge de 3 % */
@media(min-width:701px){
html body .ar-hero-content{padding-left:max(24px,8%)!important;width:calc(max(24px,8%) + 600px)!important}
html body .ar-prp-hero-inner,html body .ar-contact .ar-ct-hero-inner{padding-left:max(24px,8%)!important}
html body .ar-rdv-hero{padding-left:max(24px,8%)}
}

/* lot789 — POLICES IDENTIQUES À L'ACCUEIL sur Rendez-vous, Contact et PRP (et pages suivantes) :
   titre d'en-tête, sur-titre, texte d'introduction, titres de section */
html body .ar-rdv-hero h1,html body .ar-ct-hero h1,html body .ar-prp-hero h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;font-size:clamp(35px,4.3vw,61px)!important;line-height:.99!important;letter-spacing:-.045em!important;color:#09244b!important;margin:15px 0!important}
html body .ar-rdv-eyebrow,html body .ar-contact .ar-eyebrow,html body .ar-prp-eyebrow{font-family:"DM Sans",Arial,sans-serif!important;font-size:11px!important;line-height:1.6!important;font-weight:700!important;letter-spacing:.17em!important;text-transform:uppercase;color:#1b5386!important}
html body .ar-rdv-hero-copy>p:not(.ar-rdv-slogan),html body .ar-ct-hero p,html body .ar-prp-lead{font-family:"DM Sans",Arial,sans-serif!important;font-size:15px!important;line-height:1.5!important;color:#45566c!important}
html body .ar-rdv-section-head h2,html body .ar-contact h2,html body .ar-contact .ar-aside-note,html body .ar-prp-page h2,html body .ar-prp-page .prp-section>h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;font-size:32px!important;line-height:1.05!important;letter-spacing:-.045em!important;color:#10284b!important}
@media(max-width:700px){
html body .ar-rdv-hero h1,html body .ar-ct-hero h1,html body .ar-prp-hero h1{font-size:37px!important;margin:8px 0!important}
html body .ar-rdv-hero-copy>p:not(.ar-rdv-slogan),html body .ar-ct-hero p,html body .ar-prp-lead{font-size:13px!important}
html body .ar-rdv-section-head h2,html body .ar-contact h2,html body .ar-contact .ar-aside-note,html body .ar-prp-page h2,html body .ar-prp-page .prp-section>h2{font-size:29px!important}
}
@media(max-width:380px){html body .ar-rdv-hero h1,html body .ar-ct-hero h1,html body .ar-prp-hero h1{font-size:34px!important}}

/* lot790 — logo comme sur l'accueil : grand logo dans l'en-tête de la page, plus de logo en haut à gauche (pages refaites) */
body#rendezvous .nav-logo img,body#contact .nav-logo img,body#prp .nav-logo img{visibility:hidden}

/* lot801 — code postal après le nom de chaque centre (accueil) */
.ar-centre-body strong .ar-cp{display:inline!important;font-size:inherit!important;margin:0!important;white-space:nowrap;font-weight:600;color:#1b5386}

/* lot804 — sous le logo, le texte « 13 centres d'imagerie médicale… » commence exactement sous les lettres « ACCESS RADIOLOGIE » du logo
   (dans l'image du logo, le texte commence à 520 px sur 300 px de haut : décalage = hauteur du logo × 520 / 300) */
.ar-hero-logo + .ar-eyebrow,.ar-hero-logo + .ar-tagline{margin-left:calc(104px * 520 / 300)!important}
@media(max-width:768px){.ar-hero-logo + .ar-eyebrow,.ar-hero-logo + .ar-tagline{margin-left:calc(68px * 520 / 300)!important}}
/* lot804 — texte remonté juste sous « ACCESS RADIOLOGIE » (le bas des lettres est à 222 px sur 300 dans l'image du logo) */
.ar-hero-logo + .ar-eyebrow{margin-top:calc(-104px * 78 / 300 - 22px + 8px)!important}
@media(max-width:768px){.ar-hero-logo + .ar-eyebrow{margin-top:calc(-68px * 78 / 300 - 14px + 6px)!important}}

/* lot805 — même signature sous le logo sur toutes les pages : « 13 centres d'imagerie médicale à Paris et en Île-de-France »,
   alignée sous « ACCESS RADIOLOGIE », mêmes police, taille et couleur que l'accueil */
html body .ar-hero-logo + .ar-tagline{display:block!important;font-family:"DM Sans",Arial,sans-serif!important;font-size:11px!important;line-height:1.6!important;font-weight:700!important;letter-spacing:.17em!important;text-transform:none!important;color:#1b5386!important;margin-left:calc(104px * 520 / 300)!important;margin-top:calc(-104px * 78 / 300 - 22px + 8px)!important;margin-bottom:18px!important;padding:0!important;background:none!important;border:0!important;width:auto!important;max-width:none!important}
@media(max-width:768px){html body .ar-hero-logo + .ar-tagline{margin-left:calc(68px * 520 / 300)!important;margin-top:calc(-68px * 78 / 300 - 14px + 6px)!important;margin-bottom:12px!important}}

/* lot808 — POLICE IDENTIQUE PARTOUT (règle de l'accueil) : Georgia seulement pour le titre de page (h1) et les titres de section ;
   DM Sans pour tout le reste — titres de cartes, boutons, pastilles, fenêtres */
html body button,html body input,html body select,html body textarea{font-family:"DM Sans",Arial,sans-serif!important}
html body .ar-exs-page .ar-exs-card h2:not(#ar-x){font-family:"DM Sans",Arial,sans-serif!important;font-size:19px!important;font-weight:700!important;letter-spacing:normal!important;line-height:1.25!important;color:#0b2e57!important}
html body .ar-ml-page .ar-ml-card h2:not(#ar-x){font-family:"DM Sans",Arial,sans-serif!important;font-size:18px!important;font-weight:700!important;letter-spacing:normal!important;line-height:1.3!important}
html body #modalTitle{font-family:"DM Sans",Arial,sans-serif!important;font-size:22px!important;font-weight:700!important;letter-spacing:normal!important}
html body .ar-round-icon,html body .ar-pay-icon{font-family:"DM Sans",Arial,sans-serif!important}

/* lot809 — titres en deux tons comme l'accueil : bleu marine + une partie en bleu (#1267a5) */
html body h1 .ar-accent{font-style:normal!important;color:#1267a5!important;font-family:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important}
/* lot811 — pictogramme téléphone devant chaque numéro, sur toutes les pages */
html body a[href^="tel:"]::before,html body .ar-rdv-centre-tel::before,html body .ar-center-phone::before{content:"";display:inline-block;width:.95em;height:.95em;margin-right:.42em;vertical-align:-.12em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/contain no-repeat}
html body a[href^="tel:"]{white-space:nowrap}