@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Pacifico&family=Oswald&family=Shalimar&display=swap");
@import url("https://fonts.googleapis.com/css2?family=:wght@400;500;600;700&family=Moon+Dance&family=Oswald:wght@200&family=Pacifico&family=Pinyon+Script&family=Roboto+Condensed:wght@300&family=Roboto:wght@100&display=swap");
/* line 5, ../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 1, ../scss/0-plugins/_init.scss */
*,
*::before,
*::after {
  position: relative;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*@each $break, $size in $breakpoint {
    
}*/
/* LIGNE DEGRADEE */
/* BG AVEC OMBRE DANSEURS */
/* line 18, ../scss/1-tools/_variables-logo.scss */
.logo {
  font-size: var(--logo-fs, 13rem);
  /*============== BREAKPOOINT ==================*/
}
@media (min-width: 576px) {
  /* line 18, ../scss/1-tools/_variables-logo.scss */
  .logo {
    --logo-fs: 17rem;
  }
}
@media (min-width: 768px) {
  /* line 18, ../scss/1-tools/_variables-logo.scss */
  .logo {
    --logo-fs: 25rem;
  }
}

/* line 33, ../scss/1-tools/_variables-logo.scss */
.logo span:before {
  --content: var(--logo-cercles-transparents);
  --logo-color: rgba(215, 238, 244, 0.197);
  content: var(--content);
  color: var(--logo-color);
  margin-left: var(--margin-left);
}

/* line 46, ../scss/1-tools/_variables-logo.scss */
.logo .logo-ombre-danseurs:before {
  z-index: 2;
  --content: var(--logo-ombre-danseurs);
  --logo-color: #00abd6;
}

/* CERCLES TRANSPARENTS */
/* line 55, ../scss/1-tools/_variables-logo.scss */
.logo .logo-cercles-transparents:before {
  z-index: 2;
  --content: var(--logo-cercles-transparents);
  --margin-left: -6.4169921875em;
  --logo-color: rgba(215, 238, 244, 0.197);
}

/* BARRE LIAISON ENTRE CONGAS */
/* line 66, ../scss/1-tools/_variables-logo.scss */
.logo .logo-barre-liaison-congas:before {
  z-index: 2;
  --content: var(--logo-barre-liaison-congas);
  --margin-left: -6.4169921875em;
  --logo-color: rgba(255, 255, 255, 0.17);
}

/* DEUX CONGAS */
/* line 77, ../scss/1-tools/_variables-logo.scss */
.logo .logo-deux-congas:before {
  z-index: 2;
  --content: var(--logo-deux-congas);
  --margin-left: -6.4169921875em;
  --logo-color: rgba(255, 255, 255, 0.35);
}

/* BARRE CLAVES */
/* line 88, ../scss/1-tools/_variables-logo.scss */
.logo .logo-barre-claves:before {
  z-index: 1;
  --content: var(--logo-barre-claves);
  --margin-left: -6.4169921875em;
  --logo-color: rgba(162, 222, 236, 0.619);
}

/* DANSEUR JAUNE */
/* line 99, ../scss/1-tools/_variables-logo.scss */
.logo .logo-danseur-jaune:before {
  z-index: 2;
  --content: var(--logo-danseur-jaune);
  --margin-left: -6.4169921875em;
  --logo-color: yellow;
}

/* TEXT DRM INTERIEUR BLANC*/
/* line 109, ../scss/1-tools/_variables-logo.scss */
.logo .logo-clr-int-drm:before {
  z-index: 2;
  --content: var(--logo-clr-int-drm);
  --margin-left: -6.4169921875em;
  --logo-color: white;
}

/* DANSEUR ROUGE */
/* line 120, ../scss/1-tools/_variables-logo.scss */
.logo .logo-danseur-rouge:before {
  z-index: 2;
  --content: var(--logo-danseur-rouge);
  --margin-left: -6.4169921875em;
  --logo-color: red;
}

/* OMBRE TEXT ET DANSEURS */
/* line 131, ../scss/1-tools/_variables-logo.scss */
.logo .ombre-text-danseurs:before {
  z-index: 2;
  --content: var(--ombre-text-danseurs);
  --margin-left: -6.4169921875em;
  --logo-color: #2c89a0;
}

/* DEMI-LUNES */
/* line 142, ../scss/1-tools/_variables-logo.scss */
.logo .logo-demi-lunes:before {
  z-index: 2;
  --content: var(--logo-demi-lunes);
  --margin-left: -6.4169921875em;
  --logo-color: blue;
}

/* SHAPE MONTAGNE 1*/
/* line 151, ../scss/1-tools/_variables-logo.scss */
.logo .logo-shape-montagne-1:before {
  z-index: 2;
  --content: var(--logo-shape-montagne-1);
  --margin-left: -6.4169921875em;
  --logo-color: rgba(255, 255, 255, 0.016);
}

/* SHAPE MONTAGNE 2 */
/* line 161, ../scss/1-tools/_variables-logo.scss */
.logo .logo-shape-montagne-2:before {
  z-index: 2;
  --content: var(--logo-shape-montagne-2);
  --margin-left: -6.4169921875em;
  --logo-color: rgba(255, 255, 255, 0.016);
}

/* SHAPE MONTAGNE 4 */
/* line 172, ../scss/1-tools/_variables-logo.scss */
.logo .logo-shape-montagne-4:before {
  z-index: 2;
  --content: var(--logo-shape-montagne-4);
  --margin-left: -6.4169921875em;
  --logo-color: rgba(255, 255, 255, 0.016);
}

/* SHAPE MONTAGNE 5 */
/* line 182, ../scss/1-tools/_variables-logo.scss */
.logo .logo-shape-montagne-5:before {
  z-index: 2;
  --content: var(--logo-shape-montagne-5);
  --margin-left: -6.4169921875em;
  --logo-color: rgba(255, 255, 255, 0.16);
}

/* SHAPE MONTAGNE 6 */
/* line 192, ../scss/1-tools/_variables-logo.scss */
.logo .logo-shape-montagne-6:before {
  z-index: 2;
  --content: var(--logo-shape-montagne-6);
  --margin-left: -6.4169921875em;
  --logo-color: rgba(255, 255, 255, 0.16);
}

@font-face {
  font-family: "ico-drm";
  src: url("fonts/ico-drm.eot?1gus5j");
  src: url("fonts/ico-drm.eot?1gus5j#iefix") format("embedded-opentype"), url("fonts/ico-drm.ttf?1gus5j") format("truetype"), url("fonts/ico-drm.woff?1gus5j") format("woff"), url("fonts/ico-drm.svg?1gus5j#ico-drm") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* line 13, ../scss/1-tools/_variables-icons.scss */
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ico-drm" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 30, ../scss/1-tools/_variables-icons.scss */
.icon-home:before {
  content: "";
}

/* line 35, ../scss/1-tools/_variables-icons.scss */
.icon-office:before {
  content: "";
}

/* line 40, ../scss/1-tools/_variables-icons.scss */
.icon-newspaper:before {
  content: "";
}

/* line 45, ../scss/1-tools/_variables-icons.scss */
.icon-profile:before {
  content: "";
}

/* line 50, ../scss/1-tools/_variables-icons.scss */
.icon-coin-euro:before {
  content: "";
}

/* line 55, ../scss/1-tools/_variables-icons.scss */
.icon-phone:before {
  content: "";
}

/* line 60, ../scss/1-tools/_variables-icons.scss */
.icon-calendar:before {
  content: "";
}

/* line 65, ../scss/1-tools/_variables-icons.scss */
.icon-user:before {
  content: "";
}

/* line 70, ../scss/1-tools/_variables-icons.scss */
.icon-user-tie:before {
  content: "";
}

/* line 75, ../scss/1-tools/_variables-icons.scss */
.icon-star-full:before {
  content: "";
}

/* line 80, ../scss/1-tools/_variables-icons.scss */
.icon-mail2:before {
  content: "";
}

/* line 75, ../scss/1-tools/_variables-icon2022.scss */
:root {
  /* SALSA COULEUR UNIQUE */
  --icon2022-salsa-1: "\e915";
  /* SALSA COULEUR MULTIPLE */
  --icon2022-salsa-path1: "\e905";
  --icon2022-salsa-path2: "\e906";
  --icon2022-salsa-path3: "\e907";
  /* ROCK COULEUR UNIQUE */
  --icon2022-rock-2: "\e916";
  /* ROCK COULEUR MULTIPLE */
  --icon2022-rock-path1: "\e908";
  --icon2022-rock-path2: "\e909";
  --icon2022-rock-path3: "\e90a";
  --icon2022-rock-path4: "\e90b";
  --icon2022-rock-path5: "\e90c";
  /* COVID-19 */
  --icon2022-covid-19-noir: "\e90d";
  --icon2022-covid-19-rouge-path1: "\e90e";
  --icon2022-covid-19-rouge-path2: "\e90f";
  --icon2022-covid-19-rouge-path3: "\e910";
  --icon2022-covid-19-vert-path1: "\e911";
  --icon2022-covid-19-vert-path2: "\e912";
  --icon2022-covid-19-vert-path3: "\e913";
  --icon2022-covid-19-vert-path4: "\e914";
  /* AUTRES */
  --icon2022-home: "\e900";
  --icon2022-home2: "\e901";
  --icon2022-home3: "\e902";
  --icon2022-office: "\e903";
  --icon2022-newspaper: "\e904";
  --icon2022-folder: "\e92f";
  --icon2022-folder-open: "\e930";
  --icon2022-coin-euro: "\e93c";
  --icon2022-phone: "\e942";
  --icon2022-phone-hang-up: "\e943";
  --icon2022-address-book: "\e944";
  --icon2022-envelop: "\e945";
  --icon2022-calendar: "\e953";
  --icon2022-display: "\e956";
  --icon2022-laptop: "\e957";
  --icon2022-mobile: "\e958";
  --icon2022-mobile2: "\e959";
  --icon2022-tablet: "\e95a";
  --icon2022-tv: "\e95b";
  --icon2022-bubble: "\e96b";
  --icon2022-bubbles: "\e96c";
  --icon2022-bubbles2: "\e96d";
  --icon2022-bubble2: "\e96e";
  --icon2022-bubbles3: "\e96f";
  --icon2022-bubbles4: "\e970";
  --icon2022-user: "\e971";
  --icon2022-users: "\e972";
  --icon2022-user-tie: "\e976";
  --icon2022-quotes-left: "\e977";
  --icon2022-quotes-right: "\e978";
  --icon2022-accessibility: "\e9b2";
  --icon2022-link: "\e9cb";
  --icon2022-flag: "\e9cc";
  --icon2022-attachment: "\e9cd";
  --icon2022-star-empty: "\e9d7";
  --icon2022-star-half: "\e9d8";
  --icon2022-star-full: "\e9d9";
  --icon2022-man: "\e9dc";
  --icon2022-woman: "\e9dd";
  --icon2022-man-woman: "\e9de";
  --icon2022-checkmark: "\ea10";
  --icon2022-checkmark2: "\ea11";
  --icon2022-mail: "\ea83";
  --icon2022-mail2: "\ea84";
  --icon2022-mail3: "\ea85";
}

@font-face {
  font-family: "icon202";
  src: url("fonts-icon2022/icon202.ttf?lg0rk9") format("truetype"), url("fonts-icon2022/icon202.woff?lg0rk9") format("woff"), url("fonts-icon2022/icon202.svg?lg0rk9#icon202") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* line 14, ../scss/1-tools/_style-icon2022.scss */
.icon-2022 {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon202" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 30, ../scss/1-tools/_style-icon2022.scss */
.icon2022-salsa-1:before {
  content: "";
}

/* line 37, ../scss/1-tools/_style-icon2022.scss */
.icon2022-salsa .path1:before {
  content: "";
  color: #cacaca;
}

/* line 43, ../scss/1-tools/_style-icon2022.scss */
.icon2022-salsa .path2:before {
  content: "";
  margin-left: -0.673828125em;
  color: black;
}

/* line 50, ../scss/1-tools/_style-icon2022.scss */
.icon2022-salsa .path3:before {
  content: "";
  margin-left: -0.673828125em;
  color: #bf825a;
}

/* line 57, ../scss/1-tools/_style-icon2022.scss */
.icon2022-rock-2:before {
  content: "";
}

/* line 63, ../scss/1-tools/_style-icon2022.scss */
.icon2022-rock .path1:before {
  content: "";
  color: #a3a2a5;
}

/* line 69, ../scss/1-tools/_style-icon2022.scss */
.icon2022-rock .path2:before {
  content: "";
  margin-left: -1.1552734375em;
  color: #e1e1e1;
}

/* line 76, ../scss/1-tools/_style-icon2022.scss */
.icon2022-rock .path3:before {
  content: "";
  margin-left: -1.1552734375em;
  color: black;
}

/* line 83, ../scss/1-tools/_style-icon2022.scss */
.icon2022-rock .path4:before {
  content: "";
  margin-left: -1.1552734375em;
  color: maroon;
}

/* line 90, ../scss/1-tools/_style-icon2022.scss */
.icon2022-rock .path5:before {
  content: "";
  margin-left: -1.1552734375em;
  color: #e1e1e1;
}

/* line 97, ../scss/1-tools/_style-icon2022.scss */
.icon2022-covid-19-noir:before {
  content: "";
}

/* line 102, ../scss/1-tools/_style-icon2022.scss */
.icon2022-covid-19-rouge .path1:before {
  content: "";
  color: #e26a79;
  opacity: 0.9871;
}

/* line 109, ../scss/1-tools/_style-icon2022.scss */
.icon2022-covid-19-rouge .path2:before {
  content: "";
  margin-left: -1em;
  color: #ce3e54;
  opacity: 0.9871;
}

/* line 117, ../scss/1-tools/_style-icon2022.scss */
.icon2022-covid-19-rouge .path3:before {
  content: "";
  margin-left: -1em;
  color: #ee8691;
  opacity: 0.9871;
}

/* line 125, ../scss/1-tools/_style-icon2022.scss */
.icon2022-covid-19-vert .path1:before {
  content: "";
  color: #20a6a9;
  opacity: 0.9871;
}

/* line 132, ../scss/1-tools/_style-icon2022.scss */
.icon2022-covid-19-vert .path2:before {
  content: "";
  margin-left: -0.95703125em;
  color: #119292;
  opacity: 0.9871;
}

/* line 140, ../scss/1-tools/_style-icon2022.scss */
.icon2022-covid-19-vert .path3:before {
  content: "";
  margin-left: -0.95703125em;
  color: #1ebaa0;
  opacity: 0.9871;
}

/* line 148, ../scss/1-tools/_style-icon2022.scss */
.icon2022-covid-19-vert .path4:before {
  content: "";
  margin-left: -0.95703125em;
  color: #63dbc5;
  opacity: 0.9871;
}

/* line 156, ../scss/1-tools/_style-icon2022.scss */
.icon2022-home:before {
  content: "";
}

/* line 161, ../scss/1-tools/_style-icon2022.scss */
.icon2022-home2:before {
  content: "";
}

/* line 166, ../scss/1-tools/_style-icon2022.scss */
.icon2022-home3:before {
  content: "";
}

/* line 171, ../scss/1-tools/_style-icon2022.scss */
.icon2022-office:before {
  content: "";
}

/* line 176, ../scss/1-tools/_style-icon2022.scss */
.icon2022-newspaper:before {
  content: "";
}

/* line 181, ../scss/1-tools/_style-icon2022.scss */
.icon2022-folder:before {
  content: "";
}

/* line 186, ../scss/1-tools/_style-icon2022.scss */
.icon2022-folder-open:before {
  content: "";
}

/* line 191, ../scss/1-tools/_style-icon2022.scss */
.icon2022-coin-euro:before {
  content: "";
}

/* line 196, ../scss/1-tools/_style-icon2022.scss */
.icon2022-phone:before {
  content: "";
}

/* line 201, ../scss/1-tools/_style-icon2022.scss */
.icon2022-phone-hang-up:before {
  content: "";
}

/* line 206, ../scss/1-tools/_style-icon2022.scss */
.icon2022-address-book:before {
  content: "";
}

/* line 211, ../scss/1-tools/_style-icon2022.scss */
.icon2022-envelop:before {
  content: "";
}

/* line 216, ../scss/1-tools/_style-icon2022.scss */
.icon2022-calendar:before {
  content: "";
}

/* line 221, ../scss/1-tools/_style-icon2022.scss */
.icon2022-display:before {
  content: "";
}

/* line 226, ../scss/1-tools/_style-icon2022.scss */
.icon2022-laptop:before {
  content: "";
}

/* line 231, ../scss/1-tools/_style-icon2022.scss */
.icon2022-mobile:before {
  content: "";
}

/* line 236, ../scss/1-tools/_style-icon2022.scss */
.icon2022-mobile2:before {
  content: "";
}

/* line 241, ../scss/1-tools/_style-icon2022.scss */
.icon2022-tablet:before {
  content: "";
}

/* line 246, ../scss/1-tools/_style-icon2022.scss */
.icon2022-tv:before {
  content: "";
}

/* line 251, ../scss/1-tools/_style-icon2022.scss */
.icon2022-bubble:before {
  content: "";
}

/* line 256, ../scss/1-tools/_style-icon2022.scss */
.icon2022-bubbles:before {
  content: "";
}

/* line 261, ../scss/1-tools/_style-icon2022.scss */
.icon2022-bubbles2:before {
  content: "";
}

/* line 266, ../scss/1-tools/_style-icon2022.scss */
.icon2022-bubble2:before {
  content: "";
}

/* line 271, ../scss/1-tools/_style-icon2022.scss */
.icon2022-bubbles3:before {
  content: "";
}

/* line 276, ../scss/1-tools/_style-icon2022.scss */
.icon2022-bubbles4:before {
  content: "";
}

/* line 281, ../scss/1-tools/_style-icon2022.scss */
.icon2022-user:before {
  content: "";
}

/* line 286, ../scss/1-tools/_style-icon2022.scss */
.icon2022-users:before {
  content: "";
}

/* line 291, ../scss/1-tools/_style-icon2022.scss */
.icon2022-user-tie:before {
  content: "";
}

/* line 296, ../scss/1-tools/_style-icon2022.scss */
.icon2022-quotes-left:before {
  content: "";
}

/* line 301, ../scss/1-tools/_style-icon2022.scss */
.icon2022-quotes-right:before {
  content: "";
}

/* line 306, ../scss/1-tools/_style-icon2022.scss */
.icon2022-accessibility:before {
  content: "";
}

/* line 311, ../scss/1-tools/_style-icon2022.scss */
.icon2022-link:before {
  content: "";
}

/* line 316, ../scss/1-tools/_style-icon2022.scss */
.icon2022-flag:before {
  content: "";
}

/* line 321, ../scss/1-tools/_style-icon2022.scss */
.icon2022-attachment:before {
  content: "";
}

/* line 326, ../scss/1-tools/_style-icon2022.scss */
.icon2022-star-empty:before {
  content: "";
}

/* line 331, ../scss/1-tools/_style-icon2022.scss */
.icon2022-star-half:before {
  content: "";
}

/* line 336, ../scss/1-tools/_style-icon2022.scss */
.icon2022-star-full:before {
  content: "";
}

/* line 341, ../scss/1-tools/_style-icon2022.scss */
.icon2022-man:before {
  content: "";
}

/* line 346, ../scss/1-tools/_style-icon2022.scss */
.icon2022-woman:before {
  content: "";
}

/* line 351, ../scss/1-tools/_style-icon2022.scss */
.icon2022-man-woman:before {
  content: "";
}

/* line 356, ../scss/1-tools/_style-icon2022.scss */
.icon2022-checkmark:before {
  content: "";
}

/* line 361, ../scss/1-tools/_style-icon2022.scss */
.icon2022-checkmark2:before {
  content: "";
}

/* line 366, ../scss/1-tools/_style-icon2022.scss */
.icon2022-mail:before {
  content: "";
}

/* line 371, ../scss/1-tools/_style-icon2022.scss */
.icon2022-mail2:before {
  content: "";
}

/* line 376, ../scss/1-tools/_style-icon2022.scss */
.icon2022-mail3:before {
  content: "";
}

/*==================== CSS VARIABLES =================*/
/* line 2, ../scss/1-tools/_root.scss */
:root {
  /*==================== max-width: 1024px ===========*/
  --site-max-width: 1200px;
  /*==================== BOX SHADOW =============*/
  --shodow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  /*==================== COLORS =================*/
  --body-color: linear-gradient(-30deg, #33ccff, #80d5ff, #ffccff, #80d5ff);
  --black: rgba(0, 0, 0, 0.7);
  --site-color: rgba(255, 255, 255, 0.4);
  --container-color: linear-gradient(to right bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4));
  --header-color: rgba(255, 255, 255, 0.5);
  --aside-color: rgba(255, 255, 255, 0.5);
  --section-color: rgba(255, 255, 255, 0.3);
  --annee-color: #33980b;
  --aside-header-color: #27aed3;
  --icon-star-color: #982a0b;
  --section-header-bg: var(--secondary-2-clr-2);
  --section-header-color: var(--secondary-2-clr-4);
  --section-footer-color: var(--complementary-clr-1);
  --section-footer-bg: var(--complementary-clr-0);
  --lightbox-bg: rgba(0, 0, 0, 0.5);
  --light-box-content-bg: rgba(255, 255, 255, 0.9);
  --covid-color: var(--complementary-clr-3);
  --nb-cours-color: var(--complementary-clr-3);
  --cours-header-color: var(--secondary-2-clr-3);
  --total-color: var(--complementary-clr-1);
  --f1-color: black;
  --f2-color: gray;
  --f3-color: white;
  --f4-color: #009933;
  --f5-color: #ff66b3;
  --f6-color: #ff99cc;
  --f7-color: rgba(104, 80, 80, 0.03);
  --f8-color: rgba(104, 80, 80, 0.05);
  --f9-color: #bb99ff;
  --f10-color: #c2d6d6;
  /*===================== FONTS ========================*/
  --Pinyon-Script: "Pinyon Script";
  --Roboto: "Roboto";
  --Pacifico: "Pacifico";
  --Oswald: "Oswald";
  --Shalimar: "Shalimar";
  --main-ff: "popins", cursive;
  /*==================== FONT SIZES =================*/
  --xxl-fs: 3.5rem;
  --xl-fs: 2.8rem;
  --l-fs: 2.5rem;
  --m-fs: 2.2rem;
  --s-fs: 2rem;
  --xs-fs: 1.8rem;
  --h1-fs: 1.6rem;
  --h2-fs: 1.4rem;
  --text1-fs: 1.2rem;
  --text2-fs: 1.1rem;
  --text3-fs: 1rem;
  --text4-fs: 2.4rem;
  /*==================== FONT WEIGHT =================*/
  --normal-fw: 300;
  --medium-fw: 500;
  --bold: 700;
  /*==================== PADDING =================*/
  --pd-0: 0;
  --pd-2-5: 2.5rem;
  --pd-2: 2rem;
  --pd-1-5: 1.5rem;
  --pd-1: 1rem;
  --pd-0-8: 0.8rem;
  --pd-0-6: 0.6rem;
  --pd-0-5: 0.5rem;
  /*==================== BORDER =================*/
  --border-raius: 14px;
  --box-shadow: 1px 1px 35px shla(0, 100%, 0%, 0.5);
  /*==================== TEXT =================*/
  --lh: 1.6;
  --white: white;
  --primary-clr-0: #00abd6;
  --primary-clr-1: #0083a3;
  --primary-clr-2: #005a70;
  --primary-clr-3: #0aceff;
  --primary-clr-4: #3dd8ff;
  --complementary-clr-0: #d62b00;
  --complementary-clr-1: #a32100;
  --complementary-clr-2: #701600;
  --complementary-clr-3: #ff3b0a;
  --complementary-clr-4: #ff643d;
  --secondary-1-clr-0: #9600d6;
  --secondary-1-clr-1: #7200a3;
  --secondary-1-clr-2: #4f0070;
  --secondary-1-clr-3: #b60aff;
  --secondary-1-clr-4: #c53dff;
  --secondary-2-clr-0: #40d600;
  --secondary-2-clr-1: #31a300;
  --secondary-2-clr-2: #227000;
  --secondary-2-clr-3: #54ff0a;
  --secondary-2-clr-4: #77ff3d;
  /*==================== LOGO ================================*/
  --logo-ombre-danseurs: "\e91d";
  --logo-cercles-transparents: "\e91e";
  --logo-barre-liaison-congas: "\e91f";
  --logo-deux-congas: "\e920";
  --logo-barre-claves: "\e921";
  --logo-danseur-jaune: "\e922";
  --logo-clr-int-drm: "\e924";
  --icon-logo-path8: "\e925";
  --icon-logo-path9: "\e926";
  --logo-danseur-rouge: "\e927";
  --ombre-text-danseurs: "\e928";
  --logo-demi-lunes: "\e929";
  --logo-shape-montagne-1: "\e92a";
  --logo-shape-montagne-2: "\e92b";
  --icon-logo-path15: "\e92c";
  --logo-shape-montagne-4: "\e92d";
  --logo-shape-montagne-5: "\e92e";
  --logo-shape-montagne-6: "\e92f";
  /*==================== ICONES ================================*/
  --icon-home: "\e90d";
  --icon-office: "\e90e";
  --icon-newspaper: "\e90f";
  --icon-profile: "\e923";
  --icon-coin-euro: "\e93c";
  --icon-phone: "\e942";
  --icon-calendar: "\e953";
  --icon-user: "\e971";
  --icon-user-tie: "\e976";
  --icon-star-full: "\e9d9";
  --icon-mail2: "\ea84";
  -lh: 1.8;
  /*==================== BORDER-RADIUS ================================*/
  --border-radius: 8px;
  /*==================== NAV LISTE ITEM WIDTH =========================*/
  --nav-liste-item-width: 120px;
  /*==================== TRANSITION ===================================*/
  --transition: all .5s ease-in-out;
}

/* line 168, ../scss/1-tools/_root.scss */
:root {
  /* FONT-FAMILY DRM */
  --ff-Abril-Fatface: "Abril Fatface";
  --ff-Bungee: "Bungee";
  --ff-Cinzel-Decorative: "Cinzel Decorative";
  --ff-Notable: "Notable";
  --ff-Pinyon-Script: "Pinyon Script";
  --ff-Roboto: "Roboto";
  --ff-Syncopate: "Syncopate";
  --ff-Ultra: "Ultra";
  --ff-Merriweather: "Merriweather serif";
  --ff-Six-Caps: "Six Caps";
  /* ICONES DRM */
  --icon-Danseur1: "";
  --icon-phone: "";
  --icon-phone1: "";
  --icon-star-empty: "";
  --icon-star-full: "";
  --icon-star-half: "";
  --icon-user: "";
  --icon-coin-euro: "";
  --icon-contact-21: "";
  --icon-home: "";
  --icon-info: "";
  --icon-mail2: "";
  --icon-mail3: "";
  --icon-star-empty1: "";
  --icon-checkmark: "";
  --icon-checkmark2: "";
  --icon-office: "";
  --icon-video-camera: "";
  /* LOGO DRM*/
  --icon-logo-20221-path-1: "";
  --icon-logo-20221-path-2: "";
  --icon-logo-20221-path-3: "";
  --icon-logo-20221-path-4: "";
  --icon-logo-20221-path-5: "";
  --icon-logo-20221-path-6: "";
  --icon-logo-20221-path-7: "";
  --icon-logo-20221-path-8: "";
  --icon-logo-20221-path-9: "";
  --icon-logo-20221-path-10: "";
  --icon-logo-20221-path-11: "";
  --icon-logo-20221-path-12: "";
  /* COULEURS DRM */
  --hsla-dominante-0: #1ba8d0;
  --hsla-dominante-1: #2bb4da;
  --hsla-dominante-2: #4ebfdf;
  --hsla-dominante-3: #10abd5;
  --hsla-dominante-4: #0b7998;
  --hsla-dominante-text-0: rgba(210, 241, 249, 0.5);
  --hsla-dominante-text-1: #104b5b;
  --hsla-dominante-text-2: #1f8aa8;
  --hsla-dominante-text-3: #59d1f3;
  --hsla-dominante-text-4: #4bcdf1;
  --hsla-tonique-0: #d0421b;
  --hsla-tonique-1: #da502b;
  --hsla-tonique-2: #df6e4e;
  --hsla-tonique-3: #d53b10;
  --hsla-tonique-4: #982a0b;
  --hsla-tonique-text-0: #f3b6a5;
  --hsla-tonique-text-1: #f2c2b5;
  --hsla-tonique-text-2: #f7dcd4;
  --hsla-tonique-text-3: white;
  --hsla-tonique-text-4: #f7ac97;
  --hsla-secondary-1-0: #9c1bd0;
  --hsla-secondary-1-1: #a82bda;
  --hsla-secondary-1-2: #b64edf;
  --hsla-secondary-1-3: #9e10d5;
  --hsla-secondary-1-4: #700b98;
  --hsla-secondary-1-text-0: #9c1bd0;
  --hsla-secondary-1-text-1: #a82bda;
  --hsla-secondary-1-text-2: #b64edf;
  --hsla-secondary-1-text-3: #f7e7fd;
  --hsla-secondary-1-text-4: #e2aaf9;
  --hsla-secondary-2-0: #4ed01b;
  --hsla-secondary-2-1: #5cda2b;
  --hsla-secondary-2-2: #77df4e;
  --hsla-secondary-2-3: #48d510;
  --hsla-secondary-2-4: #33980b;
  --hsla-secondary-2-text-0: #cff7c0;
  --hsla-secondary-2-text-1: #cdf4be;
  --hsla-secondary-2-text-2: #cdf3be;
  --hsla-secondary-2-text-3: #cafab8;
  --hsla-secondary-2-text-4: #b9f8a0;
  --hsla-gris-0: #6c757f;
  --hsla-gris-1: #f1f2f3;
  --hsla-gris-2: #8e969f;
  --hsla-gris-3: #6a737c;
  --hsla-gris-4: #4b5258;
  --hsla-primary-100: #ffb199;
  --hsla-primary-200: #ff8a66;
  --hsla-primary-300: #ff6333;
  --hsla-primary-400: #db3300;
  --hsla-primary-500: #661800;
  --hsla-article-100: #9fbef9;
  --hsla-article-200: #6e9ef7;
  --hsla-article-300: #3e7ef4;
  --hsla-article-400: #255b98;
  --hsla-article-500: #062560;
  --hsla-youtube-100: #f99fb6;
  --hsla-youtube-200: #f66f91;
  --hsla-youtube-300: #f33f6c;
  --hsla-youtube-400: #dd0e42;
  --hsla-youtube-500: #60061d;
  --hsla-course-100: #aaeee9;
  --hsla-course-200: #80e5de;
  --hsla-course-300: #56dcd3;
  --hsla-course-400: #1a7f78;
  --hsla-course-500: #115550;
  --hsla-neutral-100: white;
  --hsla-neutral-200: #dedede;
  --hsla-neutral-300: #cccccc;
  --hsla-neutral-700: #666666;
  --hsla-neutral-800: #4d4d4d;
  --hsla-neutral-900: #262626;
}

/* line 1, ../scss/1-tools/_placeholders.scss */
.liste__item > label, .section .header__h1, .section .header__h2, .section .article p, .section .footer, .section--coordonnees .article__siege__title, .section--coordonnees .article__siret__title, .section--cours .article__contact, .section--cours .article__contact__libelle, .section--rock .article.description, .section--salsa .article.description, .section--competences .article__span, .section--references .article__span, .section--tarifs .footer, .section--tarifs-nb .article p span, .section--tarifs.tarifs--pref .article div span, .section--tarifs.tarifs--annuels .article div span, .section--contact--nb header, .section--contact .adresse, .section--contact .tel, .section--contact .mail, .aside p, .aside h1, .site__footer__item, .portfolio-lightbox__title, .portfolio-lightbox__content p, .danse .portfolio-lightbox__body a.link > i, .danse .portfolio-lightbox__body a.link figure, .danse .portfolio-lightbox__body a.link > span, .danse .portfolio-lightbox__body a.link figure span.overlay, .musique__salsa__nav .link, .musique__salsa__liste span {
  --size: 1;
  --a: 64.859;
  --b: 326.05;
  --c: 543.327;
  --color: black;
  --font-family: "Roboto", sans-serif;
  font-size: calc( var(--size) * 1rem );
  font-weight: calc( var(--a) * var(--size) * var(--size) - var(--b) * var(--size) + var(--c) );
  font-family: serif;
  font-family: var(--font-family);
  color: var(--color);
}

/* line 17, ../scss/1-tools/_placeholders.scss */
.section__intervenant__photo, .section__intervenant__name, .section__desc__photo, .section__desc__name, .liste__item > label, .section .article p, .section .footer, .section--rock .article.intervenant figure, .section--salsa .article.intervenant figure, .section--rock .article.intervenant p, .section--salsa .article.intervenant p, .section--tarifs-nb .article p span, .section--contact .adresse, .section--contact .tel, .section--contact .mail, .section--contact .adresse::before, .section--contact .tel::before, .section--contact .mail::before, .site__footer__item, .portfolio-lightbox__content p, .danse .portfolio-lightbox__body a.link > i, .danse .portfolio-lightbox__body a.link figure, .danse .portfolio-lightbox__body a.link > span, .danse .portfolio-lightbox__body a.link figure span.overlay, .musique__salsa__nav .link, .musique__salsa__liste span {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

/* line 38, ../scss/1-tools/_placeholders.scss */
.row {
  display: grid;
  grid-gap: var(--gutter, 0rem);
  grid-template-columns: repeat(var(--cols, 12), 1fr);
  grid-auto-flow: dense;
}

/* line 46, ../scss/1-tools/_placeholders.scss */
#label--accueil:checked ~ .section--accueil, #label--asso:checked ~ .section--asso, #label--rock:checked ~ .section--rock, #label--salsa:checked ~ .section--salsa, #label--tarifs:checked ~ .section--tarifs, #label--contact:checked ~ .section--contact, #label--planning:checked ~ .section--planning, #label--profs:checked ~ .section--profs {
  display: grid;
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 52, ../scss/1-tools/_placeholders.scss */
#label--accueil, #label--asso, #label--rock, #label--salsa, #label--tarifs, #label--contact, #label--planning, #label--profs {
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

/* line 56, ../scss/1-tools/_placeholders.scss */
.col {
  --col-span: 12;
  grid-column-end: span var(--col-span);
  --row-span: 1;
  grid-row-end: span var(--row-span);
}

/* line 63, ../scss/1-tools/_placeholders.scss */
.portfolio-lightbox {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: var(--lightbox-bg);
  color: black;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  transform-origin: right;
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
/* line 84, ../scss/1-tools/_placeholders.scss */
.portfolio-lightbox:target {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transform-origin: left;
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
}

@-webkit-keyframes bg {
  from {
    background: var(--color1);
  }
  to {
    background: var(--color2);
  }
}
@-moz-keyframes bg {
  from {
    background: var(--color1);
  }
  to {
    background: var(--color2);
  }
}
@-o-keyframes bg {
  from {
    background: var(--color1);
  }
  to {
    background: var(--color2);
  }
}
@keyframes bg {
  from {
    background: var(--color1);
  }
  to {
    background: var(--color2);
  }
}
@-webkit-keyframes grow-and-shrink {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
@-moz-keyframes grow-and-shrink {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
@-o-keyframes grow-and-shrink {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
@keyframes grow-and-shrink {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
@-webkit-keyframes move_eye {
  from {
    margin-left: -20%;
  }
  to {
    margin-left: 100%;
  }
}
@-moz-keyframes move_eye {
  from {
    margin-left: -20%;
  }
  to {
    margin-left: 100%;
  }
}
@-o-keyframes move_eye {
  from {
    margin-left: -20%;
  }
  to {
    margin-left: 100%;
  }
}
@keyframes move_eye {
  from {
    margin-left: -20%;
  }
  to {
    margin-left: 100%;
  }
}
@-webkit-keyframes menu__item {
  0% {
    transform: translateX(-110%);
  }
  /*
  100% {
      transform: translateX(0);
  }*/
}
@-moz-keyframes menu__item {
  0% {
    transform: translateX(-110%);
  }
  /*
  100% {
      transform: translateX(0);
  }*/
}
@-o-keyframes menu__item {
  0% {
    transform: translateX(-110%);
  }
  /*
  100% {
      transform: translateX(0);
  }*/
}
@keyframes menu__item {
  0% {
    transform: translateX(-110%);
  }
  /*
  100% {
      transform: translateX(0);
  }*/
}
@-webkit-keyframes menu__monte {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-40%);
  }
}
@-moz-keyframes menu__monte {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-40%);
  }
}
@-o-keyframes menu__monte {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-40%);
  }
}
@keyframes menu__monte {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-40%);
  }
}
@-webkit-keyframes bigToSmall {
  from {
    height: 0;
    transform: scale(0);
  }
  to {
    height: 0;
    transform: scale(0);
    opacity: 0;
    display: none;
  }
}
@-moz-keyframes bigToSmall {
  from {
    height: 0;
    transform: scale(0);
  }
  to {
    height: 0;
    transform: scale(0);
    opacity: 0;
    display: none;
  }
}
@-o-keyframes bigToSmall {
  from {
    height: 0;
    transform: scale(0);
  }
  to {
    height: 0;
    transform: scale(0);
    opacity: 0;
    display: none;
  }
}
@keyframes bigToSmall {
  from {
    height: 0;
    transform: scale(0);
  }
  to {
    height: 0;
    transform: scale(0);
    opacity: 0;
    display: none;
  }
}
@-webkit-keyframes smallToBig {
  from {
    height: 0;
    transform: scale(0.1);
  }
  to {
    height: auto;
    transform: scale(1);
    opacity: 1;
    display: grid;
  }
}
@-moz-keyframes smallToBig {
  from {
    height: 0;
    transform: scale(0.1);
  }
  to {
    height: auto;
    transform: scale(1);
    opacity: 1;
    display: grid;
  }
}
@-o-keyframes smallToBig {
  from {
    height: 0;
    transform: scale(0.1);
  }
  to {
    height: auto;
    transform: scale(1);
    opacity: 1;
    display: grid;
  }
}
@keyframes smallToBig {
  from {
    height: 0;
    transform: scale(0.1);
  }
  to {
    height: auto;
    transform: scale(1);
    opacity: 1;
    display: grid;
  }
}
@-webkit-keyframes moveFromBottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@-moz-keyframes moveFromBottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@-o-keyframes moveFromBottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes moveFromBottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@-webkit-keyframes moveFromLeftRotate {
  from {
    transform: translateX(-100%) rotate(-90deg);
  }
  to {
    transform: translateX(0%) rotate(0deg);
  }
}
@-moz-keyframes moveFromLeftRotate {
  from {
    transform: translateX(-100%) rotate(-90deg);
  }
  to {
    transform: translateX(0%) rotate(0deg);
  }
}
@-o-keyframes moveFromLeftRotate {
  from {
    transform: translateX(-100%) rotate(-90deg);
  }
  to {
    transform: translateX(0%) rotate(0deg);
  }
}
@keyframes moveFromLeftRotate {
  from {
    transform: translateX(-100%) rotate(-90deg);
  }
  to {
    transform: translateX(0%) rotate(0deg);
  }
}
@-webkit-keyframes moveFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@-moz-keyframes moveFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@-o-keyframes moveFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes moveFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@-webkit-keyframes moveFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@-moz-keyframes moveFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@-o-keyframes moveFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes moveFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@-webkit-keyframes moveFromBottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@-moz-keyframes moveFromBottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@-o-keyframes moveFromBottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes moveFromBottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@-webkit-keyframes moveFromTop {
  from {
    transform: translateY(-300%);
  }
  to {
    transform: translateY(0%);
  }
}
@-moz-keyframes moveFromTop {
  from {
    transform: translateY(-300%);
  }
  to {
    transform: translateY(0%);
  }
}
@-o-keyframes moveFromTop {
  from {
    transform: translateY(-300%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes moveFromTop {
  from {
    transform: translateY(-300%);
  }
  to {
    transform: translateY(0%);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-o-keyframes fadeOut {
  from {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes hola {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-moz-keyframes hola {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-o-keyframes hola {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes hola {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes apparition {
  100% {
    height: auto;
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes apparition {
  100% {
    height: auto;
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
@-o-keyframes apparition {
  100% {
    height: auto;
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes apparition {
  100% {
    height: auto;
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 150%;
    height: 150%;
    opacity: 0;
  }
}
@-moz-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 150%;
    height: 150%;
    opacity: 0;
  }
}
@-o-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 150%;
    height: 150%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 150%;
    height: 150%;
    opacity: 0;
  }
}
/*====================== ACTIONS ============================*/
/* line 2, ../scss/1-tools/_actions.scss */
.section {
  display: none;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* line 18, ../scss/1-tools/_actions.scss */
#label--rock:checked ~ .rock--cours {
  --gutter: .1rem;
}
@media (min-width: 576px) {
  /* line 18, ../scss/1-tools/_actions.scss */
  #label--rock:checked ~ .rock--cours {
    --col-span: 8;
    --row-span: 2;
  }
}
@media (min-width: 576px) {
  /* line 26, ../scss/1-tools/_actions.scss */
  #label--rock:checked ~ .rock--cours-intervenant {
    --col-span: 6;
  }
}
@media (min-width: 576px) {
  /* line 32, ../scss/1-tools/_actions.scss */
  #label--rock:checked ~ .rock--cours-intervenant article {
    --col-span: 12;
  }
}
@media (min-width: 576px) {
  /* line 39, ../scss/1-tools/_actions.scss */
  #label--rock:checked ~ .rock--cours-desc {
    --col-span: 6;
  }
}
@media (min-width: 576px) {
  /* line 45, ../scss/1-tools/_actions.scss */
  #label--rock:checked ~ .rock--cours-desc .description {
    --col-span: 12;
  }
}

/* line 55, ../scss/1-tools/_actions.scss */
#label--salsa:checked ~ .section--debutants, #label--salsa:checked ~ .section--inter {
  --gutter: .1rem;
}
@media (min-width: 576px) {
  /* line 55, ../scss/1-tools/_actions.scss */
  #label--salsa:checked ~ .section--debutants, #label--salsa:checked ~ .section--inter {
    --col-span: 6;
  }
}
@media (min-width: 576px) {
  /* line 62, ../scss/1-tools/_actions.scss */
  #label--salsa:checked ~ .section--debutants .intervenant, #label--salsa:checked ~ .section--debutants .description, #label--salsa:checked ~ .section--inter .intervenant, #label--salsa:checked ~ .section--inter .description {
    --col-span: 8;
  }
}

@media (min-width: 576px) {
  /* line 70, ../scss/1-tools/_actions.scss */
  #label--salsa:checked ~ .section--salsa.intervenant {
    --col-span: 8;
    --row-span: 2;
  }
}
@media (min-width: 576px) {
  /* line 78, ../scss/1-tools/_actions.scss */
  #label--salsa:checked ~ .section--salsa.intervenant > .article {
    --col-span: 12;
  }
}

/* line 86, ../scss/1-tools/_actions.scss */
#label--salsa:checked ~ .section--debutants {
  --gutter: .1rem;
  /*  @include sm {
     --col-span: 8;
     --row-span: 2; 
   } */
}

/* line 98, ../scss/1-tools/_actions.scss */
#label--rock:checked ~ .section--rock {
  --gutter: .1rem;
  /*--==================== COMPETENCES ET REFERENCES =========================*/
}
/* line 102, ../scss/1-tools/_actions.scss */
#label--rock:checked ~ .section--rock.section--competences, #label--rock:checked ~ .section--rock.section--references {
  --gutter: .2rem;
}
@media (min-width: 576px) {
  /* line 102, ../scss/1-tools/_actions.scss */
  #label--rock:checked ~ .section--rock.section--competences, #label--rock:checked ~ .section--rock.section--references {
    --gutter: .5rem;
  }
}

/*--==================== FIN COMPETENCES ET REFERENCES =========================*/
/* line 114, ../scss/1-tools/_actions.scss */
.section__intervenant, .section__desc {
  --gutter: .1rem;
  margin: .2rem;
}
@media (min-width: 576px) {
  /* line 114, ../scss/1-tools/_actions.scss */
  .section__intervenant, .section__desc {
    --col-span: 6;
  }
}

/* line 98, ../scss/1-tools/_actions.scss */
#label--salsa:checked ~ .section--salsa {
  --gutter: .1rem;
  /*--==================== COMPETENCES ET REFERENCES =========================*/
}
/* line 102, ../scss/1-tools/_actions.scss */
#label--salsa:checked ~ .section--salsa.section--competences, #label--salsa:checked ~ .section--salsa.section--references {
  --gutter: .2rem;
}
@media (min-width: 576px) {
  /* line 102, ../scss/1-tools/_actions.scss */
  #label--salsa:checked ~ .section--salsa.section--competences, #label--salsa:checked ~ .section--salsa.section--references {
    --gutter: .5rem;
  }
}

/*--==================== FIN COMPETENCES ET REFERENCES =========================*/
/* line 114, ../scss/1-tools/_actions.scss */
.section__intervenant, .section__desc {
  --gutter: .1rem;
  margin: .2rem;
}
@media (min-width: 576px) {
  /* line 114, ../scss/1-tools/_actions.scss */
  .section__intervenant, .section__desc {
    --col-span: 6;
  }
}

/* line 1, ../scss/2-base/_base.scss */
body {
  --clr1: #33CCFF;
  width: 100vw;
  min-height: 100vh;
  background: var(--body-color);
  background-size: 100% 100%;
  line-height: var(--lh);
  font-family: var(--main-ff);
  display: grid;
  place-content: center;
}

/* line 22, ../scss/2-base/_base.scss */
a {
  text-decoration: none;
  color: inherit;
}

/* line 27, ../scss/2-base/_base.scss */
p {
  --p-color: var(--black);
  --p-font-family: var(--ff-Abril-Fatface);
  --p-fw: var(--bold);
}

/*================= ROW ET COL ==================*/
/*====================== FIN ROW ET COL ==============*/
/*--==================== SITE =========================*/
/* line 13, ../scss/3-layouts/_site.scss */
.site {
  align-self: start;
  z-index: 1000;
  width: 100vw;
  --site-max-width: 1200px;
  max-width: var(--site-max-width);
  min-height: 100vh;
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  grid-template-rows: 400px minmax(100px, max-content) 1fr max-content;
  grid-auto-rows: minmax(0, auto);
  --gutter: .9em;
  place-content: space-around;
}

/*--==================== FIN SITE =========================*/
/*--==================== HEADER ========================= */
/* line 3, ../scss/3-layouts/_header.scss */
.site__header {
  overflow: hidden;
  display: grid;
  place-content: center;
  background: var(--header-color);
}
/* line 11, ../scss/3-layouts/_header.scss */
.site__header .logo {
  padding-top: .2rem;
  justify-self: start;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

/*--==================== FIN HEADER ========================= */
/*============================== SVG =======================*/
/* line 4, ../scss/3-layouts/_nav.scss */
.custom-shape-divider-top-1644884388 {
  position: absolute;
  top: 95%;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

/* line 13, ../scss/3-layouts/_nav.scss */
.custom-shape-divider-top-1644884388 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 83px;
}

/* line 20, ../scss/3-layouts/_nav.scss */
.custom-shape-divider-top-1644884388 .shape-fill {
  fill: #9600d6;
}

/*======================== FIN SVG ===============*/
/*--==================== NAV ========================= */
/* line 30, ../scss/3-layouts/_nav.scss */
.nav {
  position: relative;
  --padding: 1rem;
  margin-bottom: 5rem;
  border: none;
  background: var(--secondary-1-clr-0);
}

/* line 42, ../scss/3-layouts/_nav.scss */
.liste {
  padding: .2rem;
  justify-content: center;
  --gutter: .5rem;
  --nav-item-hover-color: var(--secondary-2-clr-4);
  --nav-item-color: white;
  --transition: all .5s ease-in-out;
}
/* line 52, ../scss/3-layouts/_nav.scss */
.liste__item {
  position: relative;
  padding: .2rem;
  cursor: pointer;
  --col-span: 6;
  /*============== BREAKPOOINT ==================*/
  -moz-border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  -moz-transition: var(--transition);
  -o-transition: var(--transition);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
/* line 58, ../scss/3-layouts/_nav.scss */
.liste__item::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.1);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
/* line 74, ../scss/3-layouts/_nav.scss */
.liste__item:hover::before {
  -moz-animation: circle 0.75s;
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}
@media (min-width: 576px) {
  /* line 52, ../scss/3-layouts/_nav.scss */
  .liste__item {
    --col-span: 4;
  }
}
@media (min-width: 768px) {
  /* line 52, ../scss/3-layouts/_nav.scss */
  .liste__item {
    --col-span: 2;
  }
}
/* line 88, ../scss/3-layouts/_nav.scss */
.liste__item:hover > label {
  --color: var(--nav-item-hover-color);
}
/* line 91, ../scss/3-layouts/_nav.scss */
.liste__item:hover > label > i {
  --scale: 1.7;
}
/* line 95, ../scss/3-layouts/_nav.scss */
.liste__item:hover > label > span {
  --scale: .5;
}
/* line 100, ../scss/3-layouts/_nav.scss */
.liste__item > label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: .5rem;
  --size: 1.5;
  --color: var(--nav-item-color);
  -moz-transition: var(--transition);
  -o-transition: var(--transition);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  -webkit-flex-direction: column;
  flex-direction: column;
}
/* line 115, ../scss/3-layouts/_nav.scss */
.liste__item > label > * {
  -moz-transition: var(--transition);
  -o-transition: var(--transition);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  -moz-transform: scale(var(--scale, 1.1));
  -ms-transform: scale(var(--scale, 1.1));
  -webkit-transform: scale(var(--scale, 1.1));
  transform: scale(var(--scale, 1.1));
}

/* line 127, ../scss/3-layouts/_nav.scss */
.sous-menu {
  display: none;
}

/*--==================== FIN NAV ========================= */
/*--==================== SECTION ========================= */
/* line 3, ../scss/3-layouts/1-sections/_section.scss */
.section {
  padding: 0;
  margin: .5rem;
  margin-top: 0;
  --gutter: 0;
  border: 1px solid white;
  -moz-border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  /*--==================== SECTION HEADER ========================= */
  /*--==================== FIN SECTION__HEADER =============================*/
  /*====================== ARTICLE ============================================*/
  /*====================== FIN ARTICLE ============================================*/
  /*====================== FOOTER ============================================*/
  /*====================== FIN FOOTER ============================================*/
}
/* line 14, ../scss/3-layouts/1-sections/_section.scss */
.section > * {
  background: var(--section-color);
}
/* line 20, ../scss/3-layouts/1-sections/_section.scss */
.section .header {
  padding: 0;
  --gutter: .1rem;
  text-align: center;
  /*--==================== FIN SECTION__HEADER__H1 ========================= */
  /*--==================== FIN SECTION__HEADER__H1 ========================= */
}
/* line 28, ../scss/3-layouts/1-sections/_section.scss */
.section .header__h1, .section .header__h2 {
  --header-color: var(--aside-header-color);
  --header-size: 1.5;
  --header-font-family: "Oswald", cursive;
  --size: var(--header-size);
  --font-family: var(--header-font-family);
  --color: var(--header-color);
  font-weight: bold;
  /*============== BREAKPOOINT ==================*/
}
@media (min-width: 576px) {
  /* line 28, ../scss/3-layouts/1-sections/_section.scss */
  .section .header__h1, .section .header__h2 {
    --header-size: 2;
  }
}
/* line 51, ../scss/3-layouts/1-sections/_section.scss */
.section .article p {
  --p-size: .95;
  --size: var(--p-size);
  --color: var(--p-color);
  --font-family: var(--p-font-family);
  font-weight: var(--p-fw);
  line-height: var(--lh);
}
@media (min-width: 576px) {
  /* line 51, ../scss/3-layouts/1-sections/_section.scss */
  .section .article p {
    --p-size: 1.1;
  }
}
/* line 74, ../scss/3-layouts/1-sections/_section.scss */
.section .footer {
  --size: 1.2;
  --color: var(--section-footer-color);
  --font-family: "Oswald", serif;
}
/* line 81, ../scss/3-layouts/1-sections/_section.scss */
.section .footer p {
  text-align: center;
}

/*--==================== SECTION ========================= */
/* line 2, ../scss/3-layouts/1-sections/_saison.scss */
.section {
  /*--==================== SAISON =========================*/
  /*--==================== FIN SAISON =========================*/
}
/* line 5, ../scss/3-layouts/1-sections/_saison.scss */
.section--saison {
  --gutter: .1rem;
  padding: 0;
  /*============== BREAKPOOINT ==================*/
  /*--==================== SECTION HEADER ========================= */
}
@media (min-width: 576px) {
  /* line 5, ../scss/3-layouts/1-sections/_saison.scss */
  .section--saison {
    --col-span: 8;
  }
}
/* line 18, ../scss/3-layouts/1-sections/_saison.scss */
.section--saison .header {
  /*--==================== FIN SECTION__HEADER__H1__H2 ========================= */
  /*--==================== FIN SECTION__HEADER__H1__H2 ========================= */
}
/* line 20, ../scss/3-layouts/1-sections/_saison.scss */
.section--saison .header__h1 {
  --col-span: 12;
  --header-size: 2.5;
  --header-color: #d0421b;
  --header-font-family: "Pacifico", cursive;
  /*============== BREAKPOOINT ==================*/
}
@media (min-width: 576px) {
  /* line 20, ../scss/3-layouts/1-sections/_saison.scss */
  .section--saison .header__h1 {
    --header-size: 4;
  }
}
/* line 35, ../scss/3-layouts/1-sections/_saison.scss */
.section--saison .header__h2 {
  --header-size: 1.4;
  --header-color: var(--annee-color);
  --header-font-family: "Moon Dance", sans-serif;
  /*============== BREAKPOOINT ==================*/
}
@media (min-width: 576px) {
  /* line 35, ../scss/3-layouts/1-sections/_saison.scss */
  .section--saison .header__h2 {
    --header-size: 1.7;
  }
}
@media (min-width: 768px) {
  /* line 35, ../scss/3-layouts/1-sections/_saison.scss */
  .section--saison .header__h2 {
    --header-size: 1.7;
  }
}
/* line 52, ../scss/3-layouts/1-sections/_saison.scss */
.section--saison .header__cours-essai {
  --col-span: 12;
  --header-size: 1.5;
  --header-color: #d0421b;
  /* --header-font-family: "Pacifico", cursive; */
  /*============== BREAKPOOINT ==================*/
}
@media (min-width: 576px) {
  /* line 52, ../scss/3-layouts/1-sections/_saison.scss */
  .section--saison .header__cours-essai {
    --header-size: 2.5;
  }
}

/*--==================== SECTION ========================= */
/* line 2, ../scss/3-layouts/1-sections/_association.scss */
.section {
  /*--==================== ASSOCIATION =========================*/
  /*--==================== FIN ASSOCIATION =========================*/
  /*--==================== PORTRAIT =========================*/
  /*--==================== FIN PORTRAIT =========================*/
  /*--==================== COORDONNEES =========================*/
  /*--==================== FIN COORDONNEES =========================*/
  /*====================== FIN ASSOCIATION ========================*/
}
/* line 5, ../scss/3-layouts/1-sections/_association.scss */
.section--asso {
  --gutter: 0;
}
/* line 9, ../scss/3-layouts/1-sections/_association.scss */
.section--asso .article {
  padding: 1.5rem;
}
@media (min-width: 576px) {
  /* line 5, ../scss/3-layouts/1-sections/_association.scss */
  .section--asso {
    --col-span: 8;
    --row-span: 3;
  }
}
/* line 23, ../scss/3-layouts/1-sections/_association.scss */
.section--portrait {
  /*============== BREAKPOOINT ==================*/
}
/* line 24, ../scss/3-layouts/1-sections/_association.scss */
.section--portrait header {
  align-content: center;
}
/* line 28, ../scss/3-layouts/1-sections/_association.scss */
.section--portrait .article {
  --row-span: 2;
  padding: 0;
  --gutter: .2rem;
}
/* line 33, ../scss/3-layouts/1-sections/_association.scss */
.section--portrait .article p {
  --p-size: .95;
  text-align: center;
}
@media (min-width: 576px) {
  /* line 33, ../scss/3-layouts/1-sections/_association.scss */
  .section--portrait .article p {
    --p-size: 1.2;
  }
}
@media (min-width: 768px) {
  /* line 23, ../scss/3-layouts/1-sections/_association.scss */
  .section--portrait {
    --row-span: 3;
  }
}
/* line 53, ../scss/3-layouts/1-sections/_association.scss */
.section--coordonnees {
  /*============== BREAKPOOINT ==================*/
  justify-content: center;
}
@media (min-width: 576px) {
  /* line 53, ../scss/3-layouts/1-sections/_association.scss */
  .section--coordonnees {
    --col-span: 12;
  }
}
/* line 62, ../scss/3-layouts/1-sections/_association.scss */
.section--coordonnees .article__siege__title, .section--coordonnees .article__siret__title {
  justify-content: flex-end;
  align-items: center;
  font-weight: bold;
  --size: 1.5;
  --color: var(--complementary-clr-1);
  --font-family: "Oswald", serif;
}
/* line 74, ../scss/3-layouts/1-sections/_association.scss */
.section--coordonnees .article__siege__value, .section--coordonnees .article__siret__value {
  justify-content: flex-start;
  align-items: center;
  font-weight: bold;
}
/* line 82, ../scss/3-layouts/1-sections/_association.scss */
.section--coordonnees .article {
  --gutter: .5rem;
}

/*--==================== SECTION ========================= */
/* line 2, ../scss/3-layouts/1-sections/_planning.scss */
.section {
  /*--====================COURS =========================*/
  /*--==================== FIN COURS =========================*/
  /*================== SECTION ROCK ET SALSA =============*/
  /*--==================== FIN ROCK ET SALSA =========================*/
}
/* line 5, ../scss/3-layouts/1-sections/_planning.scss */
.section--cours {
  --padding: 0.5rem;
  grid-template-rows: auto 1fr auto;
}
@media (min-width: 576px) {
  /* line 5, ../scss/3-layouts/1-sections/_planning.scss */
  .section--cours {
    --col-span: 6;
  }
}
/* line 15, ../scss/3-layouts/1-sections/_planning.scss */
.section--cours > * {
  padding: .5rem;
}
/* line 19, ../scss/3-layouts/1-sections/_planning.scss */
.section--cours .header {
  -moz-border-radius: var(--border-radius) var(--border-radius) 0 0;
  -webkit-border-radius: var(--border-radius);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  background: var(--section-header-bg);
}
/* line 24, ../scss/3-layouts/1-sections/_planning.scss */
.section--cours .header__h1 {
  --header-color: var(--cours-header-color);
}
/* line 32, ../scss/3-layouts/1-sections/_planning.scss */
.section--cours .article__contact {
  --size: 1.5;
}
/* line 36, ../scss/3-layouts/1-sections/_planning.scss */
.section--cours .article__contact__libelle {
  margin-right: 1rem;
  padding: .6rem;
  border: 3px solid rgba(255, 255, 255, 0.4);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: var(--complementary-clr-0);
  --size: 1.5;
  --color: white;
  font-weight: bold;
}
@media (min-width: 576px) {
  /* line 63, ../scss/3-layouts/1-sections/_planning.scss */
  .section--rock {
    --col-span: 12;
  }
}
/* line 70, ../scss/3-layouts/1-sections/_planning.scss */
.section--rock, .section--salsa {
  padding: 0;
}
/* line 73, ../scss/3-layouts/1-sections/_planning.scss */
.section--rock .article, .section--salsa .article {
  padding: 1rem;
}
/* line 77, ../scss/3-layouts/1-sections/_planning.scss */
.section--rock .article p.article__intervenant-name, .section--salsa .article p.article__intervenant-name {
  --p-font-family: "Pacifico", cursive;
  --color: var(--secondary-2-clr-2);
  --p-size: 1.6;
}
@media (min-width: 576px) {
  /* line 83, ../scss/3-layouts/1-sections/_planning.scss */
  .section--rock .article.intervenant, .section--salsa .article.intervenant {
    --col-span: 6;
  }
}
/* line 90, ../scss/3-layouts/1-sections/_planning.scss */
.section--rock .article.intervenant figure img, .section--salsa .article.intervenant figure img {
  object-fit: cover;
  width: 200px;
  height: 200px;
  border: 7px solid white;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 101, ../scss/3-layouts/1-sections/_planning.scss */
.section--rock .article.intervenant p, .section--salsa .article.intervenant p {
  --p-font-family: "Pacifico", cursive;
  text-align: center;
  --p-size: 1.3;
}
@media (min-width: 576px) {
  /* line 101, ../scss/3-layouts/1-sections/_planning.scss */
  .section--rock .article.intervenant p, .section--salsa .article.intervenant p {
    --p-size: 1.6;
  }
}
/* line 117, ../scss/3-layouts/1-sections/_planning.scss */
.section--rock .article.description, .section--salsa .article.description {
  padding: 1rem .7rem;
  /*============== BREAKPOOINT ==================*/
  --size: .9;
  /*============== BREAKPOOINT ==================*/
}
@media (min-width: 576px) {
  /* line 117, ../scss/3-layouts/1-sections/_planning.scss */
  .section--rock .article.description, .section--salsa .article.description {
    --col-span: 6;
  }
}
/* line 126, ../scss/3-layouts/1-sections/_planning.scss */
.section--rock .article.description p, .section--salsa .article.description p {
  --p-size: 1;
  text-align: center;
}
@media (min-width: 576px) {
  /* line 126, ../scss/3-layouts/1-sections/_planning.scss */
  .section--rock .article.description p, .section--salsa .article.description p {
    --p-size: 1.2;
  }
}
@media (min-width: 576px) {
  /* line 117, ../scss/3-layouts/1-sections/_planning.scss */
  .section--rock .article.description, .section--salsa .article.description {
    --size: 1;
  }
}
/* line 156, ../scss/3-layouts/1-sections/_planning.scss */
.section--competences .article__span, .section--references .article__span {
  padding: 1rem .7rem;
  /*============== BREAKPOOINT ==================*/
  --size: .9;
  /*============== BREAKPOOINT ==================*/
  font-weight: "Roboto", sans-serif;
  border: 2px solid white;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: var(--box-shadow);
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  background: rgba(255, 255, 255, 0.7);
}
@media (min-width: 576px) {
  /* line 156, ../scss/3-layouts/1-sections/_planning.scss */
  .section--competences .article__span, .section--references .article__span {
    --col-span: 6;
  }
}
@media (min-width: 576px) {
  /* line 156, ../scss/3-layouts/1-sections/_planning.scss */
  .section--competences .article__span, .section--references .article__span {
    --col-span: 4;
  }
}
@media (min-width: 576px) {
  /* line 156, ../scss/3-layouts/1-sections/_planning.scss */
  .section--competences .article__span, .section--references .article__span {
    --size: 1;
  }
}
/* line 186, ../scss/3-layouts/1-sections/_planning.scss */
.section--competences .article__span::before, .section--references .article__span::before {
  margin-right: .5rem;
  color: var(--icon-star-color);
}

/*--==================== SECTION ========================= */
/* line 3, ../scss/3-layouts/1-sections/_tarifs.scss */
.section {
  /*====================== TARFIFS ========================*/
  /*====================== FIN TARFIFS ========================*/
}
/* line 6, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs {
  padding: 0;
  /* &--annuels {
    article {
        grid-template-columns: minmax(100px, max-content) 1fr 1fr;
    }
   
  } */
  /*================== ARTICLE =================*/
}
/* line 9, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs .footer {
  padding: 1rem;
  --size: 1.4;
}
/* line 16, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs .footer span {
  margin: 0 1rem;
}
/* line 32, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs--nb-cours p, .section--tarifs--reduits p {
  --col-span: 12;
}
@media (min-width: 576px) {
  /* line 30, ../scss/3-layouts/1-sections/_tarifs.scss */
  .section--tarifs--nb-cours, .section--tarifs--reduits {
    --col-span: 6;
  }
}
/* line 43, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs .article {
  padding: 1rem;
}
/* line 46, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs .article div {
  --p-size: 1.4;
}
/* line 51, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs-info {
  --col-span: 12;
}
@media (min-width: 576px) {
  /* line 51, ../scss/3-layouts/1-sections/_tarifs.scss */
  .section--tarifs-info {
    --col-span: 12;
    --p-size: 1.3;
  }
}
@media (min-width: 576px) {
  /* line 61, ../scss/3-layouts/1-sections/_tarifs.scss */
  .section--tarifs-nb {
    --col-span: 8;
    --row-span: 2;
  }
}
/* line 68, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs-nb .article p {
  --p-size: 1.2;
}
/* line 69, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs-nb .article p span {
  --ff-Pacifico: "Pacifico", sans-serif;
  --col-span: 6;
  --size: 2;
  --font-family: var(--ff-Pacifico);
}
/* line 79, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs-nb .article p span:nth-child(2) {
  padding-left: 1rem;
  font-weight: 500;
  --size: 2.7;
  --color: var(--nb-cours-color);
}
/* line 95, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs.tarifs--pref, .section--tarifs.tarifs--annuels {
  --gutter: .3rem;
}
/* line 100, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs.tarifs--pref .article div span, .section--tarifs.tarifs--annuels .article div span {
  padding: .3rem;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 3px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  --tarifs-span-color: var(--primary-clr-2);
  --tarifs-span-size: 1.4;
  --tarifs-span-fw: normal;
  --tarifs-span-ff: var(--Roboto);
  --color: var(--tarifs-span-color);
  --size: var(--tarifs-span-size);
  font-weight: var(--tarifs-span-fw);
  font-family: var(--tarifs-span-ff);
}
/* line 110, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs.tarifs--pref .article div span.vide, .section--tarifs.tarifs--annuels .article div span.vide {
  border: none;
  background: transparent;
}
/* line 131, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs.tarifs--pref .article div span.total-title, .section--tarifs.tarifs--pref .article div span.total-somme, .section--tarifs.tarifs--annuels .article div span.total-title, .section--tarifs.tarifs--annuels .article div span.total-somme {
  --tarifs-span-color: var(--total-color);
  --tarifs-span-size: 2.4;
  --tarifs-span-fw: bold;
  --tarifs-span-ff: var(--Shalimar);
}
/* line 146, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs.tarifs--pref .article span {
  --col-span: 6;
}
/* line 157, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs.tarifs--annuels .article span {
  --col-span: 4;
}
/* line 160, ../scss/3-layouts/1-sections/_tarifs.scss */
.section--tarifs.tarifs--annuels .article span:nth-child(1) {
  text-align: right;
}

/*====================== FIN SECTION ============================================*/
/*============== CONTACT =================*/
/* line 4, ../scss/3-layouts/1-sections/_contact.scss */
.section {
  /*=================== FIN CONTACT ================================*/
}
/* line 5, ../scss/3-layouts/1-sections/_contact.scss */
.section--contact {
  padding: 0;
}
@media (min-width: 576px) {
  /* line 5, ../scss/3-layouts/1-sections/_contact.scss */
  .section--contact {
    --col-span: 8;
    --row-span: 2;
  }
}
@media (min-width: 576px) {
  /* line 13, ../scss/3-layouts/1-sections/_contact.scss */
  .section--contact--nb {
    --col-span: 12;
    --row-span: 1;
  }
}
/* line 19, ../scss/3-layouts/1-sections/_contact.scss */
.section--contact--nb header {
  --size: 1.5;
}
@media (min-width: 576px) {
  /* line 25, ../scss/3-layouts/1-sections/_contact.scss */
  .section--contact-header {
    --col-span: 12;
  }
}
/* line 34, ../scss/3-layouts/1-sections/_contact.scss */
.section--contact .article__contact__libelle {
  color: red;
}
/* line 41, ../scss/3-layouts/1-sections/_contact.scss */
.section--contact .adresse, .section--contact .tel, .section--contact .mail {
  --contact-before-bg: var(--complementary-clr-3);
  --contact-before-color: var(--complementary-clr-0);
  --color: var(--contact-before-color);
  --size: 1.2;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.3);
  -webkit-flex-direction: column;
  flex-direction: column;
}
/* line 56, ../scss/3-layouts/1-sections/_contact.scss */
.section--contact .adresse::before, .section--contact .tel::before, .section--contact .mail::before {
  width: 150px;
  height: 150px;
  padding: 1rem;
  margin-bottom: 2rem;
  --color: var(--contact-before-color);
  border: 7px solid rgba(255, 255, 255, 0.9);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: var(--contact-before-color);
  color: white;
  font-size: 4rem;
}
/* line 76, ../scss/3-layouts/1-sections/_contact.scss */
.section--contact .tel, .section--contact .mail {
  /*============== BREAKPOOINT ==================*/
}
@media (min-width: 576px) {
  /* line 76, ../scss/3-layouts/1-sections/_contact.scss */
  .section--contact .tel, .section--contact .mail {
    --col-span: 6;
  }
}
/* line 84, ../scss/3-layouts/1-sections/_contact.scss */
.section--contact .tel {
  --contact-before-bg: var(--primary-clr-3);
  --contact-before-color: var(--primary-clr-0);
}
/* line 90, ../scss/3-layouts/1-sections/_contact.scss */
.section--contact .mail {
  --contact-before-bg: var(--secondary-1-clr-3);
  --contact-before-color: var(--secondary-1-clr-0);
}
/* line 95, ../scss/3-layouts/1-sections/_contact.scss */
.section--contact .adresse {
  /*============== BREAKPOOINT ==================*/
  text-align: center;
  line-height: var(--lh);
}
@media (min-width: 576px) {
  /* line 95, ../scss/3-layouts/1-sections/_contact.scss */
  .section--contact .adresse {
    order: 1;
  }
}

/*--==================== ASIDE ========================= */
/* line 4, ../scss/3-layouts/_aside.scss */
.aside {
  /*============== BREAKPOOINT ==================*/
  margin: .3rem;
  margin-right: .5rem;
  padding: .5rem;
  bottom-top: none;
  grid-auto-rows: minmax(min-content, auto);
  -moz-border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  border: 3px solid rgba(255, 255, 255, 0.6);
  background: var(--aside-color);
  /* 
  
    .covid-link {
      padding: .2rem 1rem;
      
      @extend %flex-box-center;
  
      @include border-radius(var(--border-radius));
  
      background: var(--complementary-clr-0);
  
      @extend %size;
      --color: hsla(0, 100%, 100%, .9);
      font-weight: bold;
      text-transform: uppercase;
  
      justify-self: center;
    } */
}
@media (min-width: 576px) {
  /* line 4, ../scss/3-layouts/_aside.scss */
  .aside {
    --col-span: 4;
  }
}
/* line 22, ../scss/3-layouts/_aside.scss */
.aside p {
  --size: 1;
}
/* line 26, ../scss/3-layouts/_aside.scss */
.aside p a > i {
  margin-left: 1rem;
  font-size: .9rem;
}
/* line 33, ../scss/3-layouts/_aside.scss */
.aside h1 {
  font-weight: bold;
  text-transform: uppercase;
  --size: 1.3;
  --color: var(--aside-header-color);
  --font-family: "Oswald", cursive;
}
/* line 42, ../scss/3-layouts/_aside.scss */
.aside h1 a > i {
  margin-right: 1rem;
  font-size: .9rem;
}
/* line 47, ../scss/3-layouts/_aside.scss */
.aside h1 > i {
  margin-right: .5rem;
  font-size: 1.1rem;
}
/* line 56, ../scss/3-layouts/_aside.scss */
.aside--1 h1 > i::before {
  font-size: 1.3rem;
  content: var(--icon2022-newspaper);
}

/*--==================== FIN ASIDE ========================= */
/*====================== FOOTER =============================*/
/* line 5, ../scss/3-layouts/_footer.scss */
.site__footer {
  margin-top: 5rem;
  --gutter: 1rem;
  align-self: end;
  background: var(--secondary-1-clr-0);
}
/* line 12, ../scss/3-layouts/_footer.scss */
.site__footer__item {
  margin-bottom: 2rem;
  z-index: 50;
  /*============== BREAKPOOINT ==================*/
  --size: 1.1;
  --color: white;
}
@media (min-width: 576px) {
  /* line 12, ../scss/3-layouts/_footer.scss */
  .site__footer__item {
    --col-span: 6;
  }
}
/* line 29, ../scss/3-layouts/_footer.scss */
.site__footer span {
  margin-left: .5rem;
}
/* line 33, ../scss/3-layouts/_footer.scss */
.site__footer i {
  padding: .4rem;
  border: 3px solid rgba(255, 255, 255, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
}
/* line 42, ../scss/3-layouts/_footer.scss */
.site__footer p {
  margin-bottom: 1rem;
}

/*====================== FIN FOOTER =============================*/
/* line 2, ../scss/4-modules/_forms.scss */
input {
  display: none;
}

/*--==================== SHAPE ========================= */
/*--==================== NAV SHAPE ========================= */
/* line 5, ../scss/4-modules/_shape.scss */
.top__shape {
  z-index: 1001;
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
/* line 17, ../scss/4-modules/_shape.scss */
.top__shape--nav {
  top: 98%;
}
/* line 21, ../scss/4-modules/_shape.scss */
.top__shape--nav .section-shape {
  fill: var(--secondary-1-clr-0);
  --color: var(--secondary-1-clr-0);
}

/*--==================== FIN NAVSHAPE ========================= */
/*--==================== FOOTER SHAPE ========================= */
/* line 34, ../scss/4-modules/_shape.scss */
.footer__shape {
  z-index: 1;
  position: absolute;
  bottom: 80%;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 45, ../scss/4-modules/_shape.scss */
.footer__shape svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 100%;
}
/* line 51, ../scss/4-modules/_shape.scss */
.footer__shape .shape-fill {
  fill: var(--secondary-1-clr-0);
}

/*--==================== FIN FOOTER SHAPE ========================= */
/*--==================== FIN SHAPE ========================= */
/* line 2, ../scss/4-modules/_lightbox.scss */
.portfolio-lightboxes {
  justify-content: center;
}

/* line 7, ../scss/4-modules/_lightbox.scss */
.portfolio-lightbox {
  /* &--covid {

    .portfolio-lightbox__content {
      @include sm() {
        width: 65%;
      }

      --gutter: 0;

      .icon2022-covid-19-noir {
        padding: .5rem;

        //@extend %flex-box-center;
        padding-right: 2rem;

        justify-self: center;

        @extend %size;
        --color: var(--covid-color);
        --size: 5;

        @include sm() {
          justify-self: end;
          --col-span: 4;
          --size: 6;
        }

        //border: 1px solid #000;

      }

      h3 {
        @include sm() {
          --col-span: 8;

          justify-self: start;
        }
        padding: 1rem;

        //border: 1px solid #000;

        font-weight: bold;

      }

      p {
        margin: 1rem;
        --p-size: 1;

        @include md() {
          --p-size: 1.5;
        }

        line-height: var(--lh);

        &::before {
          padding: .5rem;

          content: var(--icon2022-star-half);

          margin-left: .3rem;

          color: hsl(0, 100%, 50%);
          font-size: var(--before-fs, 1.5rem);
        }
      }
    }
  } */
}
/* line 10, ../scss/4-modules/_lightbox.scss */
.portfolio-lightbox__title {
  text-align: center;
  justify-self: center;
  --size: 1.5;
  --color: var(--covid-color);
}
@media (min-width: 576px) {
  /* line 10, ../scss/4-modules/_lightbox.scss */
  .portfolio-lightbox__title {
    --col-span: 6;
    --size: 2;
  }
}
@media (min-width: 768px) {
  /* line 10, ../scss/4-modules/_lightbox.scss */
  .portfolio-lightbox__title {
    --col-span: 6;
    --size: 3;
  }
}
/* line 29, ../scss/4-modules/_lightbox.scss */
.portfolio-lightbox__content {
  --lh: 2;
  position: relative;
  padding: 1rem;
  width: 80%;
  -moz-border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  background: var(--light-box-content-bg);
  line-height: var(--lh);
  justify-content: center;
  --font-family: "Roboto Condensed", sans-serif;
    /* .icon2022-covid-19-noir {
        @extend %flex-box-center;
        padding-right: 2rem;

        justify-self: center;

        @extend %size;
        --color: var(--covid-color);
        --size: 5;

        @include sm() {
          justify-self: end;
          --col-span: 6;
          --size: 6;
        }

        border: 1px solid #000;
      
    }

    h3 {
      border: 1px solid #000;
    } */
}
@media (min-width: 576px) {
  /* line 29, ../scss/4-modules/_lightbox.scss */
  .portfolio-lightbox__content {
    width: 95%;
  }
}
@media (min-width: 768px) {
  /* line 29, ../scss/4-modules/_lightbox.scss */
  .portfolio-lightbox__content {
    width: 80%;
  }
}
@media (min-width: 992px) {
  /* line 29, ../scss/4-modules/_lightbox.scss */
  .portfolio-lightbox__content {
    width: 85%;
  }
}
/* line 82, ../scss/4-modules/_lightbox.scss */
.portfolio-lightbox__content p {
  --p-size: 2;
  text-align: center;
  --size: var(--p-size);
}
/* line 94, ../scss/4-modules/_lightbox.scss */
.portfolio-lightbox__content .close {
  position: absolute;
  top: -1rem;
  right: -1rem;
  width: 2rem;
  height: 2rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: red;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (min-width: 576px) {
  /* line 94, ../scss/4-modules/_lightbox.scss */
  .portfolio-lightbox__content .close {
    top: 2rem;
  }
}
@media (min-width: 768px) {
  /* line 94, ../scss/4-modules/_lightbox.scss */
  .portfolio-lightbox__content .close {
    top: -1rem;
  }
}
@media (min-width: 768px) {
  /* line 94, ../scss/4-modules/_lightbox.scss */
  .portfolio-lightbox__content .close {
    width: 2.2rem;
    height: 2.2rem;
  }
}
/* line 123, ../scss/4-modules/_lightbox.scss */
.portfolio-lightbox__content .close::after {
  content: "x";
  color: white;
  text-decoration: none;
  font-weight: 700;
}

/* VIDEOS */
/* line 4, ../scss/4-modules/_videos.scss */
.danse h3 {
  --col-span: 12;
}
/* line 8, ../scss/4-modules/_videos.scss */
.danse .portfolio-lightbox__body {
  padding: 1rem;
  --gutter: .3rem;
  justify-content: center;
}
/* line 16, ../scss/4-modules/_videos.scss */
.danse .portfolio-lightbox__body a.link {
  justify-self: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 576px) {
  /* line 16, ../scss/4-modules/_videos.scss */
  .danse .portfolio-lightbox__body a.link {
    --col-span: 4;
  }
}
/* line 26, ../scss/4-modules/_videos.scss */
.danse .portfolio-lightbox__body a.link--son-4, .danse .portfolio-lightbox__body a.link--son-5, .danse .portfolio-lightbox__body a.link--son-6, .danse .portfolio-lightbox__body a.link--changui-4, .danse .portfolio-lightbox__body a.link--rueda-4, .danse .portfolio-lightbox__body a.link--rueda-5 {
  display: none;
}
@media (min-width: 768px) {
  /* line 26, ../scss/4-modules/_videos.scss */
  .danse .portfolio-lightbox__body a.link--son-4, .danse .portfolio-lightbox__body a.link--son-5, .danse .portfolio-lightbox__body a.link--son-6, .danse .portfolio-lightbox__body a.link--changui-4, .danse .portfolio-lightbox__body a.link--rueda-4, .danse .portfolio-lightbox__body a.link--rueda-5 {
    display: block;
  }
}
/* line 35, ../scss/4-modules/_videos.scss */
.danse .portfolio-lightbox__body a.link > i, .danse .portfolio-lightbox__body a.link figure {
  justify-self: center;
  --size: 7;
  --color: rgba(255, 255, 255, 0.9);
  --coef: 35;
  --before-width: calc( var(--size) * var(--coef) * 1px);
  width: var(--before-width);
  height: var(--before-width);
  border: 3px solid rgba(255, 255, 255, 0.6);
  -moz-border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  background: rgba(0, 128, 255, 0.5);
}
@media (min-width: 576px) {
  /* line 35, ../scss/4-modules/_videos.scss */
  .danse .portfolio-lightbox__body a.link > i, .danse .portfolio-lightbox__body a.link figure {
    --coef: 29;
  }
}
@media (min-width: 768px) {
  /* line 35, ../scss/4-modules/_videos.scss */
  .danse .portfolio-lightbox__body a.link > i, .danse .portfolio-lightbox__body a.link figure {
    --coef: 35;
  }
}
@media (min-width: 992px) {
  /* line 35, ../scss/4-modules/_videos.scss */
  .danse .portfolio-lightbox__body a.link > i, .danse .portfolio-lightbox__body a.link figure {
    --coef: 45;
  }
}
/* line 70, ../scss/4-modules/_videos.scss */
.danse .portfolio-lightbox__body a.link > span {
  text-align: center;
  justify-self: center;
  --size: 2;
}
/* line 80, ../scss/4-modules/_videos.scss */
.danse .portfolio-lightbox__body a.link figure {
  overflow: hidden;
  height: auto;
  position: relative;
}
/* line 86, ../scss/4-modules/_videos.scss */
.danse .portfolio-lightbox__body a.link figure img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 95, ../scss/4-modules/_videos.scss */
.danse .portfolio-lightbox__body a.link figure span.overlay {
  --bottom: -70%;
  z-index: 100;
  position: absolute;
  bottom: var(--bottom);
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  --size: .9;
  --color: white;
  -moz-transition: var(--transition);
  -o-transition: var(--transition);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
/* line 117, ../scss/4-modules/_videos.scss */
.danse .portfolio-lightbox__body a.link figure:hover > .overlay {
  --bottom: 0%;
}

/* 
.musique {
  a.link {
    --col-span: 3;
  }
}
 */
@media (min-width: 576px) {
  /* line 134, ../scss/4-modules/_videos.scss */
  .danse a.link {
    --col-span: 6;
  }
}
@media (min-width: 768px) {
  /* line 134, ../scss/4-modules/_videos.scss */
  .danse a.link {
    --col-span: 4;
  }
}
@media (min-width: 992px) {
  /* line 134, ../scss/4-modules/_videos.scss */
  .danse a.link {
    --col-span: 2;
  }
}

/* line 4, ../scss/4-modules/_musique.scss */
.musique__salsa__nav {
  margin-bottom: 1.3rem;
  justify-content: start;
  justify-self: center;
  -moz-box-shadow: var(--box-shadow);
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}
/* line 12, ../scss/4-modules/_musique.scss */
.musique__salsa__nav .link {
  cursor: pointer;
  margin: .2rem;
  justify-self: center;
  padding: 1.4rem;
  width: 30px;
  height: 30px;
  --size: 1.4;
  --color: #7200a3;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid white;
  background: rgba(114, 0, 163, 0.2);
  --col-span: 4;
  font-weight: bold;
  -moz-transition: var(--transition);
  -o-transition: var(--transition);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
/* line 39, ../scss/4-modules/_musique.scss */
.musique__salsa__nav .link:hover {
  background: #7200a3;
  --color: white;
}
/* line 46, ../scss/4-modules/_musique.scss */
.musique__salsa__liste {
  --gutter: .5rem;
  display: none;
  /* opacity: 0;
  @include transform(scale(0)); */
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  transform-origin: right;
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  padding: .2rem;
}
/* line 59, ../scss/4-modules/_musique.scss */
.musique__salsa__liste span {
  padding: .5rem;
  --size: .7;
  --color: #7200a3;
  border: 1px solid #7200a3;
  -moz-border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  background: rgba(114, 0, 163, 0.1);
  text-align: center;
}
@media (min-width: 576px) {
  /* line 59, ../scss/4-modules/_musique.scss */
  .musique__salsa__liste span {
    --size: .7;
    --col-span: 4;
  }
}
@media (min-width: 768px) {
  /* line 59, ../scss/4-modules/_musique.scss */
  .musique__salsa__liste span {
    --size: .8;
    --col-span: 3;
  }
}

/* ACTION */
/* line 95, ../scss/4-modules/_musique.scss */
#label-liste-1:checked ~ .musique__salsa__liste-1,
#label-liste-2:checked ~ .musique__salsa__liste-2,
#label-liste-3:checked ~ .musique__salsa__liste-3 {
  display: grid;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transform-origin: left;
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
}