/* tschanzarbitration.com — variante ordinateur (colonne Wix de 980 px).
   Positions relevées sur l'original à 1440 px (recette/original/geometrie/bureau-1440) ;
   colonne = (largeur - 980) / 2, haut de la section de contenu = 196 px. */

body { background: rgb(8, 34, 76); }
.colonne { position: relative; width: 980px; margin: 0 auto; }

/* En-tête : texture recréée (outils/texture.py), filet doré pleine largeur à y = 169. */
#entete { position: relative; height: 196px; background: rgb(8, 34, 76) url("/assets/img/fond.png"); }
#entete::after { content: ""; position: absolute; left: 0; right: 0; top: 169px; height: 3px;
  background: rgb(162, 154, 109); }
#entete .colonne { height: 196px; }
#logo { position: absolute; left: 13px; top: 27px; width: 227px; height: 122px; }
#menu { position: absolute; left: 241px; top: 104px; display: flex; height: 50px; }
#menu a { display: block; font-size: 24px; line-height: 50px; text-align: center; text-decoration: none;
  white-space: nowrap; color: rgb(162, 154, 109); }
#menu a.actif { color: rgb(163, 181, 210); }
#menu a:nth-child(1) { width: 91px; }
#menu a:nth-child(2) { width: 135px; }
#menu a:nth-child(3) { width: 65px; }
#menu a:nth-child(4) { width: 107px; }
#menu a:nth-child(5) { width: 145px; }
#menu a:nth-child(6) { width: 107px; }

/* Contenu : le bloc de texte suit le flux (il peut s'allonger), le reste est posé comme sur Wix. */
/* Rognage horizontal seulement : le texte du CV déborde vers le bas sous le filet du pied, comme sur Wix. */
#contenu { overflow-x: clip; }
#contenu .colonne { display: flow-root; z-index: 0; }
#filigrane { position: absolute; z-index: -1; }
h2.titre { position: absolute; white-space: nowrap; font-size: 48px; font-weight: 700; line-height: normal;
  letter-spacing: 1.44px; color: rgb(232, 230, 230); }
.texte { margin-left: 79px; width: 856px; }
.texte p, .texte li { font-size: 24px; line-height: 36px; }
.texte h4 { font-size: 40px; font-weight: 400; line-height: 56px; color: rgb(163, 181, 210); }
.texte a { color: inherit; text-decoration: none; }
#citations a { color: rgb(163, 181, 210); text-decoration: underline; }
.texte .p24-33_6 { line-height: 33.6px; }
.texte .p24-45_6 { line-height: 45.6px; }
.texte .p30-45 { font-size: 30px; line-height: 45px; }
.texte .p32-44_8 { font-size: 32px; line-height: 44.8px; }
.t48 { font-size: 48px; }
.t50 { font-size: 50px; }
.t71 { font-size: 71px; }

/* Accueil */
.page-index #contenu .colonne { min-height: 1418.8px; }
.page-index h2.titre { left: 13px; top: 14px; }
.page-index #intro { margin-top: 109px; }
#logo-bas { position: absolute; left: 259px; top: 617px; width: 496px; height: 266px; }
#citations { position: absolute; left: 55px; top: 926px; width: 895px; height: 454px; margin: 0;
  padding: 26px 12px 0 27px; background: rgb(62, 85, 121); }

/* Philosophy */
.page-home #contenu .colonne { min-height: 759px; }
.page-home h2.titre { left: 13px; top: 6px; }
.page-home .texte { margin-top: 109px; width: 855px; }
.page-home .texte ul { margin: 0 0 0 12px; padding: 0; line-height: normal; }
.page-home .texte li { margin-left: 31.2px; line-height: 45.6px; }
.page-home #filigrane { left: 80px; top: 118px; width: 807px; height: 641px; }

/* CV : sur Wix, la dernière ligne débordait de 81 px sous le filet du pied ; écartée à la demande de Pierre. */
.page-cv #contenu .colonne { min-height: 2005px; }
.page-cv h2.titre { left: 13px; top: 10px; }
.page-cv .texte { margin-top: 238px; }
a.pdf { position: absolute; left: 79px; top: 109px; width: 362px; height: 40px; display: flex;
  align-items: center; justify-content: center; font-size: 32px; line-height: 44.8px; color: #fff;
  text-decoration: none; white-space: nowrap; background: rgb(67, 87, 121); }
#photo { position: absolute; left: 671px; top: 25px; width: 250px; height: 313px; object-fit: cover; }
.page-cv #filigrane { left: 7px; top: 775px; width: 1245px; height: 991px; }

/* Reviews */
.page-reviews #contenu .colonne { min-height: 5003.5px; }
.page-reviews h2.titre { left: 9px; top: 28px; }
.page-reviews .texte { margin-left: 78px; margin-top: 147px; margin-bottom: 10px; }
.page-reviews #filigrane { left: -7px; top: 449px; width: 1142px; height: 908px; }

/* Publications */
.page-publications #contenu .colonne { min-height: 2451px; }
.page-publications h2.titre { left: 13px; top: 22px; }
.page-publications .texte { margin-left: 78px; margin-top: 144px; width: 857px; }
.page-publications #filigrane { left: 187px; top: 502px; width: 985px; height: 783px; }

/* Contact */
.page-contact #contenu .colonne { min-height: 623px; }
.page-contact h2.titre { left: 19px; top: 27px; }
.page-contact .texte { margin-top: 109px; width: 381px; }
.page-contact #filigrane { left: 227px; top: 66px; width: 637px; height: 506px; }

/* Pied : filet doré sur la colonne, 38 px sous le contenu, mention 13 px plus bas. */
#pied { position: relative; z-index: 1; height: 165.2px; }
#pied .colonne { padding-top: 38px; }
#pied .colonne::before { content: ""; display: block; height: 3px; background: rgb(162, 154, 109); }
#pied p { margin: 10px 0 0 339px; width: 304px; text-align: center; font-size: 16px; font-weight: 700;
  line-height: 19.2px; letter-spacing: 0.48px; color: rgb(232, 230, 230); }
#pied span { font-family: cormorantgaramond-light, cormorantgaramond, "cormorant garamond", serif;
  letter-spacing: normal; }