/* Fichier fabriqué automatiquement : ne pas le modifier ici. */

.dg-archipel { margin: 0; }
.dg-archipel svg { display: block; width: 100%; height: auto; }
.dg-archipel .dg-mer { fill: #fff; }
.dg-archipel .dg-grille { fill: none; stroke: rgba(20,20,19,.12); stroke-width: 1; }
.dg-archipel .dg-bandes { fill: var(--encre); }
.dg-archipel .dg-filet { fill: none; stroke: var(--encre); stroke-width: 1; }
.dg-archipel .dg-fonds { fill: var(--fond-2); }
.dg-archipel .dg-isobathes { fill: none; stroke: var(--gris); stroke-opacity: .55; stroke-width: .9; }
.dg-archipel .dg-iso2 { stroke-dasharray: 2 4; }
.dg-archipel .dg-terre { fill: var(--fond-3); }
.dg-archipel .dg-hachure { stroke: var(--encre); stroke-opacity: .16; stroke-width: 1; }
.dg-archipel .dg-hachures { stroke: none; }
.dg-archipel .dg-cote { fill: none; stroke: var(--encre); stroke-width: 1.4; stroke-linejoin: round; }
.dg-archipel .dg-liaisons { fill: none; stroke: var(--gris); stroke-width: 1.6; stroke-dasharray: 0 5; stroke-linecap: round; }
.dg-archipel .dg-route { fill: none; stroke: var(--rouge); stroke-width: 2.4; stroke-dasharray: 2 7; stroke-linecap: round; }
.dg-archipel .dg-fleche { fill: var(--rouge); }
.dg-archipel .dg-navire { fill: var(--rouge); stroke: #fff; stroke-width: 1.5; }
.dg-archipel .dg-onde { fill: none; stroke: var(--rouge); stroke-width: 1.5; opacity: 0; transform-box: fill-box; transform-origin: center; }
.dg-archipel .dg-pin path { stroke: #fff; }
.dg-archipel .dg-pin-moroni path { fill: var(--rouge); }
.dg-archipel .dg-pin-port path { fill: var(--graphite); }
.dg-archipel .dg-rose { fill: none; stroke: var(--encre); stroke-opacity: .55; stroke-width: 1; }
.dg-archipel .dg-aiguille { fill: #fff; stroke: var(--encre); stroke-linejoin: round; }
.dg-archipel .dg-aiguille-n { fill: var(--encre); stroke: none; }
.dg-archipel .dg-cadre { fill: #fff; stroke: var(--encre); stroke-width: 1; }
.dg-archipel .dg-ile { font-family: var(--titre); font-weight: 600; fill: var(--encre); letter-spacing: -.01em; }
.dg-archipel .dg-port { font-family: var(--font); font-weight: 600; fill: var(--graphite); }
/* le liseré blanc des libellés de carte : un trait qui passe dessous ne les coupe pas */
.dg-archipel .dg-ile, .dg-archipel .dg-port, .dg-archipel .dg-tag { paint-order: stroke; stroke: #fff; stroke-width: 4px; stroke-linejoin: round; }
.dg-archipel .dg-leg { font-family: var(--font); font-weight: 500; fill: var(--graphite); }
.dg-archipel .dg-deg, .dg-archipel .dg-nord { font-family: var(--font); font-weight: 600; fill: var(--muted); }
.dg-archipel .dg-tag { font-family: var(--font); font-weight: 700; letter-spacing: .1em; fill: var(--muted); }

/* Le moment animé du site (seulement avec JavaScript, une fois la carte à
   l'écran) : la carte est déjà là ; les deux routes se tracent du bord
   jusqu'à Moroni (de 0,3 s à 2 s), un anneau marque l'arrivée une fois, et
   les points rouges partent (main.js : trois passages, puis arrêt). */
.dg-archipel .dg-navires { opacity: 0; }
.dg-archipel.is-in .dg-navires { opacity: 1; transition: opacity .4s var(--ease) 2s; }
.dg-archipel.is-in .dg-onde { animation: dg-archipel-onde 1.4s var(--ease) 1.9s 1 forwards; }
@keyframes dg-archipel-onde {
  0% { opacity: .9; transform: scale(1); }
  100% { opacity: 0; transform: scale(2.6); }
}
.js .dg-archipel .dg-trace { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.6s cubic-bezier(.45, 0, .2, 1); transition-delay: calc(.3s + var(--i) * .22s); }
.js .dg-archipel .dg-fleche { opacity: 0; transition: opacity .3s var(--ease); transition-delay: calc(1.75s + var(--i) * .22s); }
.js .dg-archipel.is-in .dg-trace { stroke-dashoffset: 0; }
.js .dg-archipel.is-in .dg-fleche { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .dg-archipel * { animation: none !important; transition: none !important; }
  .dg-archipel .dg-navires, .dg-archipel .dg-onde { display: none; }
  .js .dg-archipel .dg-fleche { opacity: 1; }
  .js .dg-archipel .dg-trace { stroke-dashoffset: 0; }
}


.dg-chaine svg{display:block;width:100%;height:auto;overflow:visible}
.dg-chaine--compact{display:none}
@media (max-width:480px){.dg-chaine--large{display:none}.dg-chaine--compact{display:block;max-width:420px}}
.dg-chaine .dg-chaine__route{fill:none;stroke:var(--lagon);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:2 7}
.dg-chaine .dg-chaine__vagues{fill:none;stroke:var(--lagon);stroke-width:2;stroke-linecap:round;opacity:.5}
.dg-chaine .dg-chaine__fond{fill:var(--encre)}
.dg-chaine .dg-chaine__case--fin .dg-chaine__fond{fill:var(--rouge)}
.dg-chaine .dg-chaine__picto{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dg-chaine .dg-chaine__point{fill:#fff;stroke:none}
.dg-chaine .dg-chaine__filet{fill:none;stroke:var(--filet);stroke-width:1}
.dg-chaine .dg-chaine__num{font-family:var(--font);font-weight:600;font-size:16px;letter-spacing:.08em;fill:var(--rouge)}
.dg-chaine .dg-chaine__nom{font-family:var(--titre);font-weight:600;font-size:20px;fill:var(--encre)}
.dg-chaine .dg-chaine__ligne{font-family:var(--font);font-weight:500;font-size:16px;fill:var(--muted)}


.dg-planning svg{display:block;width:100%;height:auto;overflow:visible}
.dg-planning--compact{display:none}
@media (max-width:600px),(min-width:901px) and (max-width:1060px){.dg-planning--large{display:none}.dg-planning--compact{display:block}}
.dg-planning .dg-planning__bande{fill:var(--clair)}
.dg-planning .dg-planning__bande-cadre{fill:none;stroke:#fff;stroke-opacity:.55;stroke-width:1}
.dg-planning .dg-planning__grille{fill:none;stroke:#fff;stroke-opacity:.08;stroke-width:1}
.dg-planning .dg-planning__tag{font-family:var(--font);font-weight:600;letter-spacing:.1em;fill:var(--clair)}
.dg-planning .dg-planning__nom{font-family:var(--titre);font-weight:600;fill:#fff}
.dg-planning .dg-planning__barre--dossier{fill:var(--clair)}
.dg-planning .dg-planning__barre--terrain{stroke:var(--clair);stroke-width:1.25}
.dg-planning .dg-planning__hachure{stroke:#fff;stroke-opacity:.6;stroke-width:1.3}
.dg-planning .dg-planning__liens{opacity:.4}
.dg-planning .dg-planning__lien,.dg-planning .dg-planning__fleche{fill:none;stroke:#fff;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.dg-planning .dg-planning__pointille{fill:none;stroke:#fff;stroke-opacity:.6;stroke-width:1.75;stroke-linecap:round;stroke-dasharray:0 5}
.dg-planning .dg-planning__epingle{fill:var(--rouge-vif);stroke:#fff;stroke-width:1.5;stroke-linejoin:round}
.dg-planning .dg-planning__coche{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dg-planning .dg-planning__filet{fill:none;stroke:var(--filet-clair);stroke-width:1}
.dg-planning .dg-planning__etiquette{fill:none;stroke:#fff;stroke-opacity:.4;stroke-width:1.25}
.dg-planning .dg-planning__projet{font-family:var(--font);font-weight:600;fill:var(--clair)}


/* Attributs style= des schémas, convertis en classes à la fabrication
   (CSP sans 'unsafe-inline'). */
:where(.st-font-size-13px){font-size:13px !important}
:where(.st-font-size-15-5px){font-size:15.5px !important}
:where(.st-font-size-15px){font-size:15px !important}
:where(.st-font-size-16px){font-size:16px !important}
:where(.st-font-size-18px){font-size:18px !important}
:where(.st-font-size-19px){font-size:19px !important}
:where(.st-font-size-21-5px){font-size:21.5px !important}
:where(.st-font-size-22px){font-size:22px !important}
:where(.st-font-size-24px){font-size:24px !important}
:where(.st-i-0){--i:0 !important}
:where(.st-i-1){--i:1 !important}
:where(.st-stroke-width-1-8){stroke-width:1.8 !important}
:where(.st-stroke-width-3){stroke-width:3 !important}