/* Externalized from Telechargements.html */
.documents-page{background:var(--bg);min-height:100vh}
.documents-hero{padding:155px 0 70px}
.documents-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:70px;align-items:end}
.documents-intro{max-width:590px}
.documents-intro .eyebrow{margin-bottom:22px}
.documents-intro h1{font:800 clamp(54px,7vw,92px)/.96 Manrope,system-ui,sans-serif;letter-spacing:-.065em;margin:0}
.documents-intro h1 em{font-style:normal;color:var(--accent-ink)}
.documents-intro .lead{font-size:19px;max-width:560px;margin:30px 0 0}
.documents-note{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8790a1}
.documents-note:before{content:"";width:42px;height:1px;background:var(--accent)}
.documents-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.document-card{position:relative;display:flex;flex-direction:column;min-height:390px;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:30px;overflow:hidden;transition:.3s}
.document-card:before{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;border-radius:50%;background:rgba(23,195,178,.08)}
.document-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(23,195,178,.4)}
.document-number{font:800 11px/1 Manrope,system-ui,sans-serif;letter-spacing:.16em;color:var(--accent-ink)}
.document-type{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:30px;padding:7px 10px;border-radius:999px;background:rgba(23,195,178,.1);color:#087d70;font-size:10px;font-weight:800;letter-spacing:.12em}
.document-card h2{font:800 29px/1.05 Manrope,system-ui,sans-serif;letter-spacing:-.04em;margin:17px 0 12px}
.document-card p{font-size:14px;line-height:1.65;margin:0;max-width:330px}
.document-meta{margin-top:20px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#8992a3;font-weight:700}

.documents-divider{display:flex;align-items:center;gap:18px;margin:5px auto 0;color:#818b9d;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.documents-divider:before,.documents-divider:after{content:"";height:1px;background:var(--line);flex:1}
.documents-footer{padding:45px 0 105px;text-align:center}
.documents-footer p{margin:0 0 18px;font:800 22px/1.2 Manrope,system-ui,sans-serif;color:var(--ink)}
.documents-footer .links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.documents-footer .links .btn{width:162px;height:54px;min-width:162px;min-height:54px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;background:var(--accent)!important;color:var(--dark)!important;border:1px solid var(--accent)!important;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:800;line-height:1;white-space:nowrap;text-align:center;text-decoration:none;appearance:none;-webkit-appearance:none;opacity:1!important}
@media(max-width:1000px){
  .documents-layout{grid-template-columns:1fr;gap:48px}
  .documents-intro{max-width:700px}
  .documents-cards{max-width:850px}
}
@media(max-width:650px){
  .documents-hero{padding:125px 0 50px}
  .documents-layout{gap:38px}
  .documents-intro h1{font-size:54px}
  .documents-intro .lead{font-size:17px}
  .documents-cards{grid-template-columns:1fr}
  .document-card{min-height:330px;padding:26px}
  .documents-footer{padding-bottom:80px}.documents-footer .links .btn{width:100%;max-width:320px}
}
.document-card .btn{margin-top:auto;width:100%;height:48px;min-height:48px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:18px;box-sizing:border-box;white-space:nowrap;border-radius:999px;background:var(--accent)!important;color:var(--dark)!important;border:1px solid var(--accent)!important;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:800;line-height:1;text-align:center;text-decoration:none;appearance:none;-webkit-appearance:none;opacity:1!important;cursor:pointer}
/* v73 — ajustements de lisibilité et de positionnement */
.documents-hero{padding:125px 0 72px}
.documents-layout{
  grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
  gap:44px;
  align-items:center;
}
.documents-intro{max-width:500px;min-width:0}
.documents-intro h1{
  font-size:clamp(48px,5.35vw,76px);
  line-height:.98;
  letter-spacing:-.06em;
  max-width:500px;
  overflow-wrap:normal;
}
.documents-intro h1 em{display:inline}
.documents-intro .lead{
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
  max-width:470px;
  margin-top:26px;
}
.documents-note{margin-top:28px}
.documents-cards{gap:18px;min-width:0}
.document-card{
  min-width:0;
  min-height:382px;
  padding:28px;
}
.document-card h2{
  font-size:27px;
  line-height:1.08;
  overflow-wrap:normal;
}
.document-card p{
  color:var(--muted);
  font-size:13.5px;
  line-height:1.65;
}
.document-meta{
  line-height:1.45;
  min-height:30px;
}

@media(max-width:1100px){
  .documents-layout{grid-template-columns:1fr;gap:42px}
  .documents-intro{max-width:720px}
  .documents-intro h1{max-width:650px;font-size:clamp(52px,8vw,76px)}
  .documents-intro .lead{max-width:620px}
  .documents-cards{max-width:900px}
}
@media(max-width:650px){
  .documents-hero{padding:110px 0 52px}
  .documents-layout{gap:34px}
  .documents-intro h1{font-size:clamp(46px,14vw,64px);line-height:1}
  .documents-intro .lead{font-size:16px;line-height:1.65}
  .documents-cards{grid-template-columns:1fr}
  .document-card{min-height:320px;padding:25px}
  
}
/* v77 — parité stricte des boutons */
.documents-page .document-card a.btn,
.documents-page .document-card button.btn,
.documents-page .documents-footer a.btn{
  background:#17c3b2 !important;
  color:#0b1020 !important;
  border:1px solid #17c3b2 !important;
  font-family:"DM Sans",sans-serif !important;
  font-weight:800 !important;
  text-decoration:none !important;
  opacity:1 !important;
  filter:none !important;
}
.documents-page .documents-footer .btn{
  width:162px !important;
  height:54px !important;
}
.documents-page .document-card a.btn,
.documents-page .document-card button.btn{
  width:100% !important;
  height:48px !important;
  min-height:48px !important;
}
.documents-page .document-card button.btn{
  -webkit-appearance:none !important;
  appearance:none !important;
}
.documents-page .document-card .btn:hover,
.documents-page .documents-footer .btn:hover{
  background:#17c3b2 !important;
  color:#0b1020 !important;
  border-color:#17c3b2 !important;
}
/* v78 — alignement strict CV / vCard */
.documents-page .documents-cards{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:18px !important;
}
.documents-page .document-card{
  height:390px !important;
  min-height:390px !important;
  width:100% !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-self:stretch !important;
}
.documents-page .document-number{
  display:block !important;
  height:12px !important;
  line-height:12px !important;
}
.documents-page .document-type{
  margin-top:30px !important;
}
.documents-page .document-card h2{
  min-height:34px !important;
}
.documents-page .document-card p{
  min-height:92px !important;
}
.documents-page .document-meta{
  min-height:30px !important;
}
.documents-page .document-card .btn{
  margin-top:auto !important;
}
@media (max-width:1000px){
  .documents-page .documents-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:650px){
  .documents-page .documents-cards{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
  }
  .documents-page .document-card{
    width:100% !important;
    height:auto !important;
    min-height:350px !important;
  }
  .documents-page .document-card:nth-child(1){order:1 !important}
  .documents-page .document-card:nth-child(2){order:2 !important}
  .documents-page .document-number{
    height:auto !important;
  }
  .documents-page .document-card h2,
  .documents-page .document-card p,
  .documents-page .document-meta{
    min-height:0 !important;
  }
}
/* v82 — ligne 01/PDF et 02/vCard sans chevauchement */
.documents-page .document-card{
  display:flex !important;
  flex-direction:column !important;
}
.documents-page .document-card .document-number-top,
.documents-page .document-card .document-type-top{
  position:static !important;
  display:inline-flex !important;
  vertical-align:middle !important;
  margin:0 !important;
}
.documents-page .document-card .document-number-top{
  width:auto !important;
  height:auto !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}
.documents-page .document-card .document-type-top{
  flex:0 0 auto !important;
}
.documents-page .document-card .document-number-top + .document-type-top{
  margin-left:14px !important;
}
.documents-page .document-card > .document-number-top,
.documents-page .document-card > .document-type-top{
  align-self:flex-start !important;
}
.documents-page .document-card h2{
  margin-top:24px !important;
}
.documents-page .document-card p{
  margin-top:12px !important;
}
.documents-page .document-card .document-meta{
  margin-top:18px !important;
}
.documents-page .document-card .btn{
  margin-top:14px !important;
}
@media(max-width:650px){
  .documents-page .document-card h2{
    margin-top:22px !important;
  }
  .documents-page .document-card p{
    margin-top:10px !important;
  }
  .documents-page .document-card .document-meta{
    margin-top:16px !important;
  }
  .documents-page .document-card .btn{
    margin-top:12px !important;
  }
}
/* v83 — composition finale des cartes PDF / vCard */
.documents-page .documents-cards{
  align-items:stretch !important;
}
.documents-page .document-card{
  display:flex !important;
  flex-direction:column !important;
  height:390px !important;
  min-height:390px !important;
  padding:30px !important;
}
.documents-page .document-card .document-number-top,
.documents-page .document-card .document-type-top{
  position:static !important;
}
.documents-page .document-card .document-number-top + .document-type-top{
  margin-left:14px !important;
}
.documents-page .document-card h2{
  margin:24px 0 0 !important;
  min-height:34px !important;
}
.documents-page .document-card p{
  margin:12px 0 0 !important;
  min-height:92px !important;
}
.documents-page .document-card .document-meta{
  order:5 !important;
  margin:10px 0 0 !important;
  min-height:30px !important;
  text-align:center !important;
  align-self:center !important;
  width:100% !important;
}
.documents-page .document-card .btn{
  order:4 !important;
  margin:14px 0 0 !important;
  width:100% !important;
  height:48px !important;
  flex:0 0 48px !important;
}
.documents-page .document-card .document-meta{
  white-space:normal !important;
}
@media(max-width:650px){
  .documents-page .document-card{
    height:auto !important;
    min-height:350px !important;
    padding:26px !important;
  }
  .documents-page .document-card h2{
    margin-top:22px !important;
    min-height:0 !important;
  }
  .documents-page .document-card p{
    margin-top:10px !important;
    min-height:0 !important;
  }
  .documents-page .document-card .document-meta{
    margin-top:10px !important;
    min-height:0 !important;
  }
  .documents-page .document-card .btn{
    margin-top:14px !important;
  }
}
/* v84 — alignement final des deux cartes */
.documents-page .documents-cards{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.documents-page .document-card{
  height:390px !important;
  min-height:390px !important;
  padding:30px !important;
  display:flex !important;
  flex-direction:column !important;
  box-sizing:border-box !important;
}
.documents-page .document-card .document-number-top,
.documents-page .document-card .document-type-top{
  position:static !important;
  align-self:flex-start !important;
  display:inline-flex !important;
}
.documents-page .document-card .document-number-top + .document-type-top{
  margin-left:14px !important;
}
.documents-page .document-card h2{
  margin:24px 0 0 !important;
  min-height:34px !important;
}
.documents-page .document-card p{
  margin:12px 0 0 !important;
  height:108px !important;
  min-height:108px !important;
  overflow:hidden !important;
}
.documents-page .document-card .btn{
  order:4 !important;
  margin:14px 0 0 !important;
  width:100% !important;
  height:48px !important;
  min-height:48px !important;
  flex:0 0 48px !important;
}
.documents-page .document-card .document-meta{
  order:5 !important;
  margin:10px 0 0 !important;
  width:100% !important;
  min-height:30px !important;
  text-align:center !important;
  align-self:center !important;
  display:block !important;
  line-height:1.35 !important;
}
@media(max-width:650px){
  .documents-page .documents-cards{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
  }
  .documents-page .document-card{
    height:auto !important;
    min-height:350px !important;
    padding:26px !important;
  }
  .documents-page .document-card p{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .documents-page .document-card .btn{
    margin-top:14px !important;
  }
  .documents-page .document-card .document-meta{
    margin-top:10px !important;
    min-height:0 !important;
  }
}
/* v85 — 01 + PDF / 02 + vCard sur une véritable ligne commune */
.documents-page .document-card .document-topline{
  position:static !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  width:100% !important;
  height:30px !important;
  min-height:30px !important;
  margin:0 !important;
}
.documents-page .document-card .document-topline .document-number-top,
.documents-page .document-card .document-topline .document-type-top{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  margin:0 !important;
}
.documents-page .document-card .document-topline .document-number-top{
  width:auto !important;
  height:auto !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}
.documents-page .document-card .document-topline .document-type-top{
  flex:0 0 auto !important;
}
.documents-page .document-card h2{
  margin-top:24px !important;
}
@media(max-width:650px){
  .documents-page .document-card .document-topline{
    height:30px !important;
    min-height:30px !important;
    gap:14px !important;
  }
  .documents-page .document-card h2{
    margin-top:22px !important;
  }
}
/* v87 — 01/PDF et 02/vCard parfaitement centrés sur la même ligne */
.documents-page .document-card .document-topline{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-direction:row !important;
  gap:14px !important;
  height:30px !important;
  min-height:30px !important;
  margin:0 !important;
}
.documents-page .document-card .document-topline .document-number-top{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  height:30px !important;
  min-height:30px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}
.documents-page .document-card .document-topline .document-type-top{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:30px !important;
  min-height:30px !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
@media(max-width:650px){
  .documents-page .document-card .document-topline{
    height:30px !important;
    min-height:30px !important;
  }
  .documents-page .document-card .document-topline .document-number-top{
    height:30px !important;
    min-height:30px !important;
  }
  .documents-page .document-card .document-topline .document-type-top{
    height:30px !important;
    min-height:30px !important;
  }
}
/* Bandeau commun : même structure sur 404, Portfolio et Téléchargements */
body > .site-header{height:66px;min-height:66px;flex:0 0 66px;background:rgba(11,16,32,.96);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));color:#fff;box-sizing:border-box;position:relative;z-index:100}
body > .site-header .brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;color:#fff;text-decoration:none;min-width:0}
body > .site-header .brand-mark{display:grid !important;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#17c3b2;color:#0b1020;font-weight:800;font-size:15px}
body > .site-header .brand-name{display:inline !important;width:auto !important;height:auto !important;flex:0 0 auto !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#fff !important;font-family:Manrope,"DM Sans",sans-serif;font-size:15px;font-weight:800;line-height:normal;white-space:nowrap;letter-spacing:normal;box-shadow:none !important}
body > .site-header .site-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
body > .site-header .site-nav a{display:inline-flex;color:#d8dce7;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap}
body > .site-header .site-nav a:hover{color:#17c3b2}
@media(max-width:800px){body > .site-header{padding:0 18px}body > .site-header .site-nav{gap:14px}body > .site-header .site-nav a{font-size:12px}}
@media(max-width:600px){body > .site-header{height:60px;min-height:60px;flex-basis:60px;padding:0 18px}body > .site-header .brand-name{font-size:14px}body > .site-header .site-nav{margin-left:auto;gap:0}body > .site-header .site-nav a:nth-child(n+2){display:none !important}body > .site-header .site-nav a:first-child{display:inline-flex !important;margin-left:auto}}
/* Réduction de l'espace entre le bandeau et le contenu : mêmes réglages sur les trois pages. */
@media (max-width: 600px) {
  body.error-page > .error-main { padding: 24px 20px 40px !important; }
  body > .portfolio-page { padding: 28px 0 60px !important; }
  body > main > .documents-hero { padding: 28px 0 40px !important; }
}
@media (max-width: 600px){footer .footer-inner > span:first-child{display:none!important;}}
@media (max-width: 600px) {
  footer .footer-inner { display: flex !important; flex-direction: row !important; justify-content: flex-end !important; align-items: center !important; text-align: right !important; width: 100%; box-sizing: border-box; padding-right: 24px !important; }
  footer .footer-inner > span:last-child { margin-left: auto !important; text-align: right !important; white-space: nowrap; }
}
@media (min-width: 601px){.site-nav a[href="/Telechargements.html"]{display:none!important;}}

.document-alt{margin:14px 0 0;font-size:14px}.document-alt a{color:#05665d;font-weight:600;text-decoration:underline;text-underline-offset:3px}.document-alt a:hover{color:#0b1020}