/* ==================================================
   CUSTOM.CSS
   Styles spécifiques au site
   ================================================== */


/* ==================================================
   SECTIONS
   ================================================== */

.section, .footer {
  border-top: var(--pico-border-width) solid var(--pico-color);

  padding-block:
    calc(var(--pico-block-spacing-vertical) * 2);

  margin-bottom: 0;
}


/* ==================================================
   SVG — CLASSES UTILITAIRES
   ================================================== */

.svg-primary-border {
  fill: none;

  stroke: var(--pico-color);
  stroke-linecap: round;
  stroke-linejoin: round;

  stroke-width: calc(var(--pico-border-width) / 4.85);
}


.svg-none-fill {
  fill: none;
}


.svg-current-border {
  fill: none;

  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;

  stroke-width: calc(var(--pico-border-width)/2);
}


/*
   Classes générées par certains fichiers SVG
*/

.st1 {
  fill: none;

  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;

  stroke-width: calc(var(--pico-border-width) / 4.85);
}


.svg-primary-50-fill,
.st2 {
  fill: color-mix(
    in srgb,
    var(--pico-primary) 75%,
    transparent
  );
}


.svg-secondary-25-fill,
.st0 {
  fill: color-mix(
    in srgb,
    var(--pico-secondary) 75%,
    transparent
  );
}


.svg-secondary-current-fill {
  fill: currentcolor;
}


.svg-primary-fill {
  fill: var(--pico-primary);
}


/* Classes générées par certains fichiers SVG */

.cls-0 {
  fill: none;

  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;

  stroke-width: calc(var(--pico-border-width) * 1.5);
}


.cls-1 {
  fill: none;

  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;

  stroke-width: calc(var(--pico-border-width) / 2.85);
}


.cls-2 {
  fill: var(--pico-primary-50);
}


.cls-3 {
  fill: var(--pico-secondary-25);
}


.cls-4 {
  fill: none;

  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;

  stroke-width: calc(var(--pico-border-width) / 3.5);
}


.cls-5 {
  fill: var(--pico-secondary);
}


.cls-6 {
  fill: currentcolor;
}


.svg-olive-fill {
  fill: color-mix(
    in srgb,
    var(--alligator) 5%,
    transparent
  );

  stroke: color-mix(
    in srgb,
    var(--alligator) 1%,
    transparent
  );
}


/* ==================================================
   HELPERS
   ================================================== */

.center {
  text-align: center;
}


/* ==================================================
   HEADER — ESPACEMENT
   ================================================== */

header nav {
  margin-top: calc(var(--pico-spacing) * 2);
}


/* ==================================================
   DÉCORATIONS
   ================================================== */

.surligne {
  background-color: var(--pico-color);
  color: var(--pico-primary-inverse);

  padding: calc(var(--pico-spacing-horizontal) / 2);
}


/* ==================================================
   FOOTER
   ================================================== */

footer {
  border-top:
    solid var(--pico-border-width)
    var(--pico-color);
}

/* ==================================================
   Propre à PLUXML
   ================================================== */


.titre h1 {font-size : 4em}

.titre {
    margin-top: calc(var(--pico-spacing)*3);
}

nav > ul > li > a {/*Text-transform : uppercase; font-weight : 600;*/}

:where(a:not([role="button"])):is([aria-current]:not([aria-current="false"]), :hover, :active, :focus), [role="link"]:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
  --pico-color: var(--pico-primary);
  --pico-underline: var(--pico-primary-hover-underline);
  --pico-text-decoration: underline;
}

aside ul {
    list-style-type : none;
    margin : 0;
    padding : 0;
}

aside ul li {
    padding: calc(var(--pico-nav-element-spacing-vertical) / 10) var(--pico-nav-element-spacing-horizontal);
}