/*  
Theme Name: Alternetwork V2
Theme URI: https://alternetwork.fr/
Description: Thème Wordpress pour Alternetwork
Author: Alternetwork
Author URI: https://alternetwork.fr/
*/

@charset "UTF-8";

/*** Vars ***/
:root {
  --col-noir: #3a1f34;
  --col-blanc: #f3f1ec;
  --col-beige: #f2d6b8;
  --col-violet:#7e73ba;
  --col-bleu:#7ec8d9;
  --col-menthe:#36ad99;
  --col-rouge:#d95a4c;
  --col-gris:#6f6f6f;
  --col-gris-clair:#E4E4E4;
  --rgb-noir: 58, 31, 52;
  --rgb-blanc: 243, 241, 236;
  --rgb-beige: 242, 214, 184;
  --rgb-violet: 126, 115, 186;
  --rgb-bleu: 126, 200, 217;
  --rgb-menthe: 54, 173, 153;
  --rgb-rouge: 217, 90, 76;
  --rgb-gris:111, 111, 111;
  --rgb-gris-clair:228, 228, 228;

  --size-h1: 128px;
  --size-h1-b: 96px;
  --size-h2: 62px;
  --size-h3: 30px;
  --size-h4: 24px;
  --size-titre-anime:90px;
  --size-surtitre:  16px;
  --size-titre-intro:  36px;
  --size-big-txt:  22px;
  --size-txt:  20px;

  --navbar-height: 90px;
  --sticky-height: 90px;

  --width-header-logo: 250px;
  --width-footer-logo:  200px;

  --break-point-1500: 1420px;

  --width-container: min(1420px, calc(100dvw - 30px));
  --marge-left: max(15px, calc((100dvw - var(--width-container)) / 2));
  --marge-right: max(15px, calc((100dvw - var(--width-container)) / 2));

  --width-hr: 20dvw;
  --height-top:10dvh;

  --banner-height:600px;
  --cadre-photo-height-min: 310px;
  --cadre-photo-height-med: 450px;
  --cadre-photo-height-max: 560px;
  --cadre-photo-height-portrait: 300px;
  --cadre-photo-width-portrait: 210px;
  --banniere-photo-height:  740px;
  --bulle-photo-height:200px;
  --slider-photo-height: 500px;
  --button-cross-height:24px;

  --width-button-arrow:90px;
  --height-button-arrow:100px;
  --height-bloc-jour:550px;
  --height-bloc-intervenant:500px;
  --height-header-event:140px;

  --radius-min: 20px;
  --radius-med: 40px;
  --radius-max: 100px;

  --main-padding:  100px;
  --main-padding-min: 60px;
  --main-padding-left:  50px;
  --main-padding-right: 50px;

  --transition-duration : 0.45s;

  --arrow-right: polygon(0 40%,91% 40%,80% 0%, 88% 0%,100% 50%,88% 100%,80% 100%,91% 60%,0 60%);
}

/*** Animations ***/

/*** Règles ***/