/* ═══════════════════════════════════════════════════════════════
CO-MARQUE IAE BORDEAUX — couche institution
Feuille séparée, chargée APRÈS course.css. Elle ne redéfinit aucun
token du moteur : l'or reste la marque du support, l'IAE est
l'institution d'accueil. Ce fichier n'apporte qu'un filet, une
pastille et un logo.
L'interrupteur, c'est le : une page qui ne charge pas cette
feuille n'est pas co-marquée, et la retirer suffit à tout défaire.
D'où viennent ces valeurs : le site iae-bordeaux.fr est injoignable
depuis cet environnement (proxy sortant). Les teintes sont donc
MESURÉES sur le PNG venu du Drive de Tiago et installé dans le dépôt
(assets/img/logo-iae-bordeaux.png, 380 × 133, palette de 35
couleurs). Ce ne sont pas des références de charte officielle.
On ne déclare que ce qu'on sait nommer : deux couleurs de conception
et une encre sombre. Les autres entrées de la palette sont des
paliers d'anticrénelage, pas des choix de charte.
═══════════════════════════════════════════════════════════════ */
:root{
/* Le bleu du monogramme et de « iae » (2 054 px), la plus sombre des
encres du fichier — le lettrage de « BORDEAUX » ET celui de la
signature partagent la même, dont #250000 est un palier (182 px) —
et le rouge du point, 44 pixels en tout, d'où son statut d'accent.
--iae-accent est déclaré mais aucune règle de cette feuille ne le
consomme : il attend un emploi, il n'en décrit pas un.
Ce qui a disparu ici : un --iae-gris #A49590 présenté comme la
couleur de la signature. Le comptage dit le contraire — 150 px en
tout, dont 70 dans la seule colonne x=82, qui est le bord
anticrénelé du filet noir voisin, et 51 seulement dans la zone de
la signature. C'était un palier de rampe, pas une teinte. */
--iae-bleu:#00AEEF;
--iae-encre:#250000;
--iae-accent:#C81C22;
/* Rôles : ce que les règles consomment. Changer un rôle ici suffit à
changer de registre sans toucher aux teintes ci-dessus. */
--iae-filet:var(--iae-bleu);
--iae-mention:var(--iae-encre);
--iae-pastille:#ffffff; /* imposé : le PNG est opaque */
--iae-pastille-bord:transparent;
--iae-pastille-ombre:none;
/* Le fichier et sa géométrie. url() se résout par rapport à CETTE
feuille, donc le chemin vaut depuis n'importe quelle profondeur. */
--iae-logo:url("../img/logo-iae-bordeaux.png");
/* Déclaré pour un contrôle automatique du rapport ; aucune règle ne
le consomme aujourd'hui. */
--iae-logo-ratio:380 / 133;
/* Fenêtre d'emploi : plancher 120 px, parce qu'en dessous les deux
lignes de la signature (11 et 13 px de haut dans le fichier)
tombent sous 3,5 px ; plafond 168 px, la valeur éprouvée à l'écran
sur les sept pages — 380 pixels natifs n'alimentent pas plus large
sur écran à densité double. */
--iae-logo-larg:clamp(120px,12vw,168px);
--iae-respiration:calc(var(--iae-logo-larg) / 8);
--iae-rayon:6px;
}
/* ── REGISTRE SOMBRE ──────────────────────────────────────────────
L'encre du logo tombe à 1,04:1 sur le fond nuit du support : la
mention passe donc sur une teinte claire. Le logo, lui, ne se
détoure pas — son lettrage fin partirait avec le blanc — il garde sa
pastille, à qui on ajoute un filet pour qu'elle ne fasse pas trou. */
:root[data-tema="sombre"]{
--iae-mention:var(--text-2,#c2b8b6);
--iae-pastille-bord:rgba(255,255,255,.14);
--iae-pastille-ombre:0 10px 24px -18px rgba(0,0,0,.9);
}
/* ── LE BLOC DE CO-MARQUE ─────────────────────────────────────────
IAE Bordeaux
Les trois enfants sont facultatifs et se lisent dans cet ordre. */
.cs-cobrand{display:inline-flex;align-items:center;gap:var(--iae-respiration);
flex:0 0 auto;min-width:0}
.cs-cobrand-filet{width:1px;height:52px;flex:0 0 auto;background:var(--iae-filet);opacity:.55}
.cs-cobrand-pastille{display:inline-flex;flex:0 0 auto;padding:8px;
background:var(--iae-pastille);border-radius:var(--iae-rayon);
box-shadow:var(--iae-pastille-ombre);
border:1px solid var(--iae-pastille-bord)}
/* Une seule dimension est imposée : la hauteur suit. Jamais de filter,
de mix-blend-mode ni de height fixe sur ce logo. */
.cs-cobrand-pastille img{display:block;width:var(--iae-logo-larg);height:auto;max-width:100%}
.cs-cobrand-mention{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;
letter-spacing:.18em;text-transform:uppercase;color:var(--iae-mention);white-space:nowrap}
/* ── LA BARRE HAUTE ───────────────────────────────────────────────
54 px de haut : le lockup y descendrait sous son plancher, la
signature deviendrait une trame grise. La barre prend donc la
mention, pas le logo. */
#top .cs-cobrand{gap:10px}
#top .cs-cobrand-filet{height:22px}
#top .cs-cobrand-pastille{display:none}
/* Sous 700 px le moteur retire déjà le libellé de section de la barre. La
mention de l'école part avec lui : sinon elle pousse l'index et le PDF
hors de l'écran d'un téléphone, alors que la couverture nomme déjà
l'école dans ses métadonnées. */
@media(max-width:700px){#top .cs-cobrand{display:none}}
/* ── LA COUVERTURE ────────────────────────────────────────────────
Le moteur pose déjà un emplacement de logo dans .cover-mark, et le
certificat va y chercher son image (.cs-placeholder--logo img.ph-img).
On garde donc ce point d'ancrage et on corrige ce qu'il fait au
fichier : recadrage en « cover » et cadre pointillé or.
Le height et l'aspect-ratio repassent en auto : c'est la largeur, et elle
seule, qui commande la taille du lockup. Le sélecteur demande .has — un
emplacement resté vide n'est pas une co-marque. */
.cover-mark .cs-placeholder--logo.has{
width:auto;height:auto;aspect-ratio:auto;min-height:0;padding:8px;gap:0;
display:block;overflow:visible;
border:1px solid var(--iae-pastille-bord);border-radius:var(--iae-rayon);
background:var(--iae-pastille);box-shadow:var(--iae-pastille-ombre)}
.cover-mark .cs-placeholder--logo.has img.ph-img{
position:static;display:block;width:var(--iae-logo-larg);height:auto;
object-fit:contain;z-index:auto;
/* Le moteur pose une ombre portée sur toute image de .cover-mark : elle est
faite pour la boussole détourée. Sur un rectangle blanc opaque elle
déborde du fichier et salit la pastille d'un halo gris. */
filter:none}
.cover-mark .mark-sep{background:var(--iae-filet);opacity:.55}
/* En colonne étroite le moteur fait passer .cover-mark à la ligne : le filet
resterait alors seul en bout de première ligne, à séparer du vide. Le saut
de ligne fait déjà ce qu'il faisait. */
@container (max-width:560px){.cover-mark .mark-sep{display:none}}
/* ── LA PORTE ─────────────────────────────────────────────────────
Le moteur construit #porte en JavaScript et n'y prévoit pas de fente
institution : la co-marque y entre par un pseudo-élément, donc en
décoration pure, sans nom accessible. L'institution reste nommée par
le titre de la page, que la porte affiche déjà. Le jour où le moteur
injectera un vrai bloc, remplacer cette règle par .cs-cobrand. */
#porte .porte-card::after{
content:"";display:block;box-sizing:border-box;
width:calc(var(--iae-logo-larg) + 16px);
/* La hauteur se recalcule ici plutôt que par un jeton dérivé : une
variable qui contient un calcul est substituée là où elle est
DÉCLARÉE, donc au :root, et ne suivrait pas une largeur redéfinie
plus bas dans la page. C'est pourquoi il n'y a pas de
--iae-logo-haut. */
height:calc(var(--iae-logo-larg) * 133 / 380 + 16px);
margin:20px auto 0;padding:8px;
background:var(--iae-pastille) var(--iae-logo) no-repeat;
background-origin:content-box;background-position:center;background-size:contain;
border-radius:var(--iae-rayon);border:1px solid var(--iae-pastille-bord)}
/* ── LA TUILE DE LA PAGE DES FORMATIONS ───────────────────────────
.mqr est un emplacement carré de 52 px prévu pour un QR, rééchantillonné
au plus proche voisin : un lockup 380 × 133 y arrive écrasé. La tuile
d'une institution porte donc sa co-marque dans le corps de la carte. */
/* La tuile IAE n'a plus de .mqr dans son balisage : cette règle ne vise
rien aujourd'hui et protège une tuile qu'on rebaliserait. */
.menu-card--iae .mqr{display:none}
.menu-card--iae h3{padding-right:0}
.menu-card--iae .cs-cobrand{margin:2px 0 12px}
.menu-card--iae .cs-cobrand-pastille{padding:6px}
.menu-card--iae{--iae-logo-larg:124px}
/* ── REGISTRE PAPIER ──────────────────────────────────────────────
34 mm de large : la signature y tient encore (≈ 1 mm par ligne) et le
fichier travaille à ≈ 284 ppp. La fenêtre utile est 30–40 mm ; en
dessous la signature casse, au-dessus on passe sous 240 ppp.
La co-marque sort sur la page de couverture ; un statique ne garantit
pas d'en-tête courant, on n'en promet donc pas. */
@media print{
/* Le registre sombre est plus spécifique que :root : s'il n'est pas
répété ici, une impression lancée de nuit garderait la mention claire
sur du papier blanc. */
:root,:root[data-tema="sombre"]{--iae-logo-larg:34mm;--iae-mention:var(--iae-encre);
--iae-pastille-bord:transparent;--iae-pastille-ombre:none}
.cs-cobrand-pastille,
.cover-mark .cs-placeholder--logo.has,
#porte .porte-card::after{
background-color:#fff !important;box-shadow:none;
-webkit-print-color-adjust:exact;print-color-adjust:exact}
.cs-cobrand-filet{-webkit-print-color-adjust:exact;print-color-adjust:exact}
#top .cs-cobrand{display:none}
}
IAE Bordeaux