@charset "UTF-8";
/*======================================
E-MAGINEURS
Home page
======================================*/
/* Niveau 1 : global */
/* Ajouter progressivement une bordure sur le côté d'un élément */
@import url('https://fonts.googleapis.com/css2?family=Palanquin+Dark:wght@700&family=Roboto:wght@400;500;700&display=swap');
@keyframes borderLeft {
  from {
    width: 0px;
  }
  to {
    width: 25px;
  }
}
/* Arrive progressivement depuis la gauche */
@keyframes slideLeft {
  0% {
    right: -80px;
  }
  25% {
    right: -80px;
  }
  100% {
    right: 0px;
  }
}
/* Arrive progressivement depuis la droite */
@keyframes slideRight {
  0% {
    right: 0px;
  }
  25% {
    right: 0px;
  }
  95% {
    opacity: 1;
  }
  100% {
    right: -80px;
    opacity: 0;
  }
}
/* Chargement des typos */
/* Variables de couleur */
/* Variables d'espacement */
/* Variables de style globales */
/* Variables de typographies */
/* Typographies alternates */
/* Laisser les valeurs en px, les tailles sont calculée en rem par la suite */
/* Ratio des titres en mobile */
/* Taille du conteneur */
/* Grille sémantic ui */
/* Fonctions à utiliser dans le thème */
/* Typographgies en unitées relatives */
/* Get a random interval */
/*Medias queries*/
/*1200px*/
/*1392px*/
/*992px*/
/*768px*/
/*576px*/
/*1500px*/
/* Generation of particules */
/* Overlay */
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
/* Kill list-style on those elemetns */
header ol, header ul, footer ol, footer ul, .frame-type-menu_infos ul, .frame-type-menu_pro ul, .menuLangue, .related ul {
  list-style: none;
}
/* Default list-style */
ul {
  list-style-type: disc;
  list-style-position: inside;
}
ul li {
  font-family: 'ggkahnlight';
}
ul li em {
  font-style: italic;
}
ul li strong {
  font-family: 'ggkahnregular';
}
ol {
  list-style-type: decimal;
  list-style-position: inside;
}
ol li {
  font-family: 'ggkahnlight';
}
ol li em {
  font-style: italic;
}
ol li strong {
  font-family: 'ggkahnregular';
}
ol li::marker {
  font-feature-settings: "onum";
}
ul ul, ol ul {
  list-style-type: circle;
  list-style-position: inside;
}
ol ol, ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 15px;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.btn {
  cursor: pointer;
}
/* ggkhan regular */
@font-face {
  font-family: 'ggkahnregular';
  src: url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular-webfont.eot');
  src: url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular-webfont.woff2') format('woff2'), url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular-webfont.woff') format('woff'), url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular-webfont.ttf') format('truetype'), url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular-webfont.svg#ggkahnregularregular') format('svg');
}
/* ggkhan regular italic */
@font-face {
  font-family: 'ggkahnregularitalic';
  src: url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular_italic-webfont.eot');
  src: url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular_italic-webfont.woff2') format('woff2'), url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular_italic-webfont.woff') format('woff'), url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular_italic-webfont.ttf') format('truetype'), url('../../Fonts/GGkahn-Regular_WEB/ggkahn-regular_italic-webfont.svg#ggkahnregularitalic') format('svg');
}
/* ggkhan medium */
@font-face {
  font-family: 'ggkahnmedium';
  src: url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-webfont.eot');
  src: url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-webfont.woff2') format('woff2'), url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-webfont.woff') format('woff'), url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-webfont.ttf') format('truetype'), url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-webfont.svg#ggkahnmediumregular') format('svg');
}
/* ggkhan medium italic */
@font-face {
  font-family: 'ggkahnmediumitalic';
  src: url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-italic-webfont.eot');
  src: url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-italic-webfont.woff2') format('woff2'), url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-italic-webfont.woff') format('woff'), url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-italic-webfont.ttf') format('truetype'), url('../../Fonts/GGkahn-Medium_WEB/ggkahn-medium-italic-webfont.svg#ggkahnmediumitalic') format('svg');
}
/* ggkhan bold */
@font-face {
  font-family: 'ggkahnbold';
  src: url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold-webfont.eot');
  src: url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold-webfont.woff2') format('woff2'), url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold-webfont.woff') format('woff'), url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold-webfont.ttf') format('truetype'), url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold-webfont.svg#ggkahnboldregular') format('svg');
}
/* ggkhan bold italic */
@font-face {
  font-family: 'ggkahnbolditalic';
  src: url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold_italic-webfont.eot');
  src: url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold_italic-webfont.woff2') format('woff2'), url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold_italic-webfont.woff') format('woff'), url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold_italic-webfont.ttf') format('truetype'), url('../../Fonts/GGkahn-Bold_WEB/ggkahn-bold_italic-webfont.svg#ggkahnbolditalic') format('svg');
}
/* ggkhan black */
@font-face {
  font-family: 'ggkahnboldblack';
  src: url('../../Fonts/GGkahn-Black_WEB/ggkahn-blackpicto-webfont.eot');
  src: url('../../Fonts/GGkahn-Black_WEB/ggkahn-blackpicto-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/GGkahn-Black_WEB/ggkahn-blackpicto-webfont.woff2') format('woff2'), url('../../Fonts/GGkahn-Black_WEB/ggkahn-blackpicto-webfont.ttf') format('truetype'), url('../../Fonts/GGkahn-Black_WEB/ggkahn-blackpicto-webfont.svg#ggkahn_blackpictoregular') format('svg');
}
/* ggkhan light */
@font-face {
  font-family: 'ggkahnlight';
  src: url('../../Fonts/GGkahn-Light_WEB/ggkahn-light-webfont.eot');
  src: url('../../Fonts/GGkahn-Light_WEB/ggkahn-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/GGkahn-Light_WEB/ggkahn-light-webfont.woff2') format('woff2'), url('../../Fonts/GGkahn-Light_WEB/ggkahn-light-webfont.woff') format('woff'), url('../../Fonts/GGkahn-Light_WEB/ggkahn-light-webfont.ttf') format('truetype'), url('../../Fonts/GGkahn-Light_WEB/ggkahn-light-webfont.svg#ggkahnlightregular') format('svg');
}
/* Caveat bold */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/caveat/v17/WnznHAc5bAfYB2QRah7pcpNvOx-pjRV6eIWpYQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Lato bold */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Titre */
h1, .h1 {
  font-weight: 700;
  margin-bottom: 35px;
  font-family: "ggkahnbold", "Arial", sans-serif;
  line-height: 1.3;
  font-size: 1.75rem;
  font-feature-settings: "ss01" on;
}
@media only screen and (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h1 em, h1 i, .h1 em, .h1 i {
  font-family: "ggkahnbolditalic", "Arial", sans-serif;
}
h2, .h2 {
  font-weight: 700;
  font-family: "ggkahnbold", "Arial", sans-serif;
  line-height: 1.3;
  font-size: 1.53125rem;
  display: block;
  margin-bottom: 35px;
  /* Le chapo est un h2 -> voir avec Larry */
  font-feature-settings: "ss01" on;
}
@media only screen and (min-width: 1200px) {
  h2, .h2 {
    font-size: 2.1875rem;
  }
}
h2.chapo, .h2.chapo {
  font-size: 1.25rem;
  color: #0F0F0F;
}
h2 em, h2 i, .h2 em, .h2 i {
  font-family: "ggkahnbolditalic", "Arial", sans-serif;
}
h3, .h3 {
  font-size: 1.3125rem;
  line-height: 1.3;
  margin-bottom: 35px;
  font-family: "ggkahnbold", "Arial", sans-serif;
  font-feature-settings: "ss01" on;
}
@media only screen and (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.875rem;
  }
}
h3 em, h3 i, .h3 em, .h3 i {
  font-family: "ggkahnbolditalic", "Arial", sans-serif;
}
h4, .h4 {
  font-family: "ggkahnmedium", "Arial", sans-serif;
  line-height: 1.3;
  font-size: 1.5625rem;
  margin-bottom: 35px;
  font-feature-settings: "onum" on;
}
h4 em, h4 i, .h4 em, .h4 i {
  font-family: "ggkahnmediumitalic", "Arial", sans-serif;
}
h5, .h5 {
  font-family: "ggkahnmedium", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.3;
  font-feature-settings: "onum" on;
}
h5 em, h5 i, .h5 em, .h5 i {
  font-family: "ggkahnmediumitalic", "Arial", sans-serif;
}
/* Paragraphes et texte */
p:not(.label), span {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  /* Italic */
  /* Bold */
}
p:not(.label):not(.date):not(.language_shortname), span:not(.date):not(.language_shortname) {
  font-feature-settings: "onum" on;
  font-family: "ggkahnlight", "Arial", sans-serif;
}
p:not(.label).date, p:not(.label).language_shortname, span.date, span.language_shortname {
  font-family: "ggkahnregular", "Arial", sans-serif;
}
p:not(.label) em, span em {
  font-style: italic;
}
p:not(.label) strong, span strong {
  font-family: "ggkahnregular", "Arial", sans-serif;
}
p.light {
  font-family: "ggkahnlight", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
}
/* Citation */
blockquote p {
  font-family: "ggkahnmediumitalic", "Arial", sans-serif;
  font-size: 1.25rem;
  text-align: center;
  font-feature-settings: "onum" on;
}
/* Base */
html, body {
  position: relative;
  font-family: "ggkahnregular", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  background-color: #DAF1ED;
}
body.homepage {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right 50% top 124px;
  /* Fix sidebar colors */
}
body.homepage.theme-0 {
  background-image: url("../../Images/Maps/world_background_theme1.svg");
}
body.homepage.theme-1 {
  background-image: url("../../Images/Maps/world_background_theme2.svg");
}
body.homepage.theme-2 {
  background-image: url("../../Images/Maps/world_background_theme3.svg");
}
body.homepage.theme-3 {
  background-image: url("../../Images/Maps/world_background_theme4.svg");
}
body.homepage.theme-4 {
  background-image: url("../../Images/Maps/world_background_theme5.svg");
}
@media only screen and (min-width: 1200px) {
  body.homepage .fullwidth .img-fluid {
    margin-right: 190px;
  }
}
body.homepage .row {
  display: unset;
}
@media only screen and (max-width: 1200px) {
  body.homepage #mainContent {
    margin-right: 85px;
  }
}
@media only screen and (max-width: 992px) {
  body.homepage #mainContent {
    margin-right: 0;
    padding-top: 100px;
  }
}
@media only screen and (min-width: 992px) {
  body.homepage #mainContent {
    padding-top: 200px;
  }
}
body.homepage .menuSectionLinks {
  border: 2px solid #DAF1ED;
}
body.homepage #social {
  top: 144px;
}
body:not(.homepage) {
  background-color: #fff;
  /* Fix sidebar colors */
}
body:not(.homepage).agendaDetail {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right 50% top 124px;
}
body:not(.homepage).agendaDetail.theme-0 {
  background-image: url("../../Images/Maps/world_background_theme1.svg");
}
body:not(.homepage).agendaDetail.theme-1 {
  background-image: url("../../Images/Maps/world_background_theme2.svg");
}
body:not(.homepage).agendaDetail.theme-2 {
  background-image: url("../../Images/Maps/world_background_theme3.svg");
}
body:not(.homepage).agendaDetail.theme-3 {
  background-image: url("../../Images/Maps/world_background_theme4.svg");
}
body:not(.homepage).agendaDetail.theme-4 {
  background-image: url("../../Images/Maps/world_background_theme5.svg");
}
body:not(.homepage) #mainContent {
  min-height: calc(100vh - 165px) !important;
}
@media only screen and (max-width: 992px) {
  body:not(.homepage) #mainContent {
    padding-top: 100px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  body:not(.homepage) #mainContent {
    margin-top: 166px;
    padding-top: 65px;
  }
}
@media only screen and (min-width: 1200px) {
  body:not(.homepage) #mainContent .detail-agendaD .container.container-content {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  body:not(.homepage) #mainContent .detail-agendaD .container.container-content {
    padding-right: 144px;
  }
}
@media only screen and (min-width: 1200px) {
  body:not(.homepage):not(.agendaDetail) #mainContent {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  body:not(.homepage):not(.agendaDetail) #mainContent {
    margin-right: 85px;
  }
}
body:not(.homepage) .menuSectionLinks {
  border: 2px solid #fff;
}
body:not(.homepage) .menuSectionTitles {
  background: #fff;
}
@media only screen and (min-width: 992px) {
  body .main-card-deck:first-child {
    margin-right: 110px;
  }
}
@media only screen and (max-width: 992px) {
  body.menuOpened {
    overflow-y: hidden;
  }
}
@media only screen and (max-width: 992px) {
  body .col-md-12, body .container {
    padding: 0;
  }
}
body .chapo {
  font-size: 20px;
}
/* Badges */
.badge-solr {
  background-color: #fb8479;
  color: #201f1d;
  padding: 8px;
}
@media only screen and (min-width: 992px) {
  .sideBar {
    position: fixed;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 140px;
    height: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .sideBar {
    display: none;
  }
}
.content-header .container {
  padding-left: 0;
}
video {
  max-height: 500px;
  -o-object-fit: cover;
  object-fit: cover;
}
video ::-webkit-media-controls-panel {
  width: 40px !important;
}
html[lang="fr-FR"] #askmona-widget {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 992px) {
  html[lang="fr-FR"] #askmona-widget {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 992px) {
  html[lang="fr-FR"] #askmona-widget .fUcdka div:nth-child(2) .CatchPhrase__Box-kwfsu8-0 {
    display: none;
  }
}
html[lang="fr-FR"] #askmona-widget button {
  display: unset;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
html[lang="fr-FR"] #askmona-widget > div:first-child > div:first-child button {
  height: 64px;
  width: 64px;
  background: #fff;
}
html[lang="fr-FR"] #askmona-widget img {
  content: url("../../Images/askmona.svg");
}
html[lang="fr-FR"] #askmona-widget.top {
  bottom: 113px;
}
html[lang="en"] #askmona-widget {
  display: none;
}
@media screen and (min-width: 1921px) {
  #mainContent article .row {
    display: block;
  }
}
/* Sous-menus */
#subMenus {
  position: relative;
  display: none;
  z-index: 2;
}
#subMenus .subMenu {
  position: absolute;
  display: none;
  background-color: #DAF1ED;
  /* Fix background */
  /* Submenu items, images et liens */
}
#subMenus .subMenu::before {
  position: absolute;
  z-index: -1;
  content: '';
  top: 0;
  left: -500px;
  width: calc(100vw + 500px);
  height: 100%;
  background: #DAF1ED;
}
#subMenus .subMenu h1 {
  margin: 0 0 30px 0;
}
@media only screen and (min-width: 992px) {
  #subMenus .subMenu h1 {
    padding-top: 15px;
  }
}
#subMenus .subMenu .subMenuParts {
  display: flex;
  overflow: hidden;
  /* Standard links */
  /* Thumbnails links */
}
@media only screen and (min-width: 1500px) {
  #subMenus .subMenu .subMenuParts {
    justify-content: space-evenly;
  }
}
@media only screen and (max-width: 1500px) {
  #subMenus .subMenu .subMenuParts {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1392px) {
  #subMenus .subMenu .subMenuParts {
    flex-direction: row;
  }
}
@media only screen and (max-width: 1392px) {
  #subMenus .subMenu .subMenuParts {
    flex-direction: column;
  }
}
#subMenus .subMenu .subMenuParts .subMenuLinks {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#subMenus .subMenu .subMenuParts .subMenuLinks .subMenuLink {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  color: #201f1d;
  margin-bottom: 12px;
  padding-right: 30px;
  text-decoration: none;
}
@media only screen and (max-width: 1200px) {
  #subMenus .subMenu .subMenuParts .subMenuLinks .subMenuLink {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) {
  #subMenus .subMenu .subMenuParts .subMenuLinks .subMenuLink {
    font-size: 24px;
  }
}
#subMenus .subMenu .subMenuParts .subMenuLinks .subMenuLink::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 0px;
}
#subMenus .subMenu .subMenuParts .subMenuLinks .subMenuLink:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding-left: 30px;
  padding-right: 0px;
}
#subMenus .subMenu .subMenuParts .subMenuLinks .subMenuLink:hover::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  content: '';
  bottom: 7px;
  left: 0;
  -webkit-animation: borderLeft 0.3s forwards;
  -moz-animation: borderLeft 0.3s forwards;
  -ms-animation: borderLeft 0.3s forwards;
  -o-animation: borderLeft 0.3s forwards;
  animation: borderLeft 0.3s forwards;
  border: 1px solid #201f1d;
}
#subMenus .subMenu .subMenuParts .subMenuCards {
  display: flex;
}
#subMenus .subMenu .subMenuParts .subMenuCards .subMenuCard {
  padding-right: 35px;
  text-decoration: none;
}
#subMenus .subMenu .subMenuParts .subMenuCards .subMenuCard h4 {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  font-family: 'ggkahnregular', "Arial", sans-serif;
  color: #201f1d;
  max-width: 235px;
  font-size: 25px;
  margin-top: 12px;
}
@media only screen and (max-width: 1200px) {
  #subMenus .subMenu .subMenuParts .subMenuCards .subMenuCard h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) {
  #subMenus .subMenu .subMenuParts .subMenuCards .subMenuCard h4 {
    font-size: 25px;
  }
}
#subMenus .subMenu .subMenuParts .subMenuCards .subMenuCard h4::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 0px;
}
#subMenus .subMenu .subMenuParts .subMenuCards .subMenuCard .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 170px;
  width: 235px;
  padding: 0;
  margin: 0;
}
#subMenus .subMenu .subMenuParts .subMenuCards .subMenuCard .img-wrap img {
  height: auto;
  width: 100%;
}
#subMenus .subMenu .subMenuParts .subMenuCards .subMenuCard:hover h4 {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding-left: 30px;
}
#subMenus .subMenu .subMenuParts .subMenuCards .subMenuCard:hover h4::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  content: '';
  bottom: 7px;
  left: 0;
  -webkit-animation: borderLeft 0.3s forwards;
  -moz-animation: borderLeft 0.3s forwards;
  -ms-animation: borderLeft 0.3s forwards;
  -o-animation: borderLeft 0.3s forwards;
  animation: borderLeft 0.3s forwards;
  border: 1px solid #201f1d;
}
@media only screen and (max-width: 992px) {
  #subMenus .subMenu .subMenuParts li {
    margin-bottom: 20px;
  }
}
#subMenus #closeSubMenuBlock {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -55px;
  right: -80px;
  height: 80px;
  width: 80px;
  z-index: 3;
  background-color: #DAF1ED;
  animation: slideLeft 0.4s forwards ease-out;
}
#subMenus #closeSubMenuBlock #closeSubMenuBtn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  outline: none;
  height: 40px;
  width: 40px;
}
#subMenus #closeSubMenuBlock #closeSubMenuBtn img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#subMenus #closeSubMenuBlock #closeSubMenuBtn::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #201f1d;
  opacity: 0;
}
#subMenus #closeSubMenuBlock #closeSubMenuBtn:hover img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  transform: scale(0.7);
}
#subMenus #closeSubMenuBlock #closeSubMenuBtn:hover::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#subMenus .slideRight {
  animation: slideRight 0.4s forwards ease-out !important;
}
/* Mobile header */
#backToMenu {
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) {
  .subMenuOpened .subMenuLinksTop {
    margin-bottom: 23px;
  }
}
@media only screen and (max-width: 992px) {
  #menuOnglets .frame {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .subMenuLinksTop {
    margin-bottom: 25px;
  }
  .subMenuLink {
    font-size: 20px;
  }
  .subMenuCards .img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 170px;
    width: 235px;
    padding: 0;
    margin: 0;
  }
  .subMenuCards .img-wrap img {
    height: auto;
    width: 100%;
  }
  h4 {
    margin: 10px 0 25px 0;
  }
}
/* Fix chargement menu */
li .subMenu {
  display: none;
}
/* Menu Infos */
.selectInfos {
  z-index: 999;
}
.selectInfos .selectMenuInfos {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px 5px 0;
  font-size: 18px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  -ms-transition: 0.15s ease-in;
  -o-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
}
.selectInfos .selectMenuInfos::after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 20px;
  position: absolute;
  right: 0;
  background-image: url(../../Images/chevron-bold.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  -ms-transition: 0.15s ease-in;
  -o-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
}
.selectInfos .selectMenuInfos.active {
  background-color: #fff;
  padding: 15px;
}
.selectInfos .selectMenuInfos.active::after {
  transform: rotate(180deg);
  right: 15px;
}
.selectInfos .listPagesInfos {
  border-bottom: 2px solid #201f1d;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  -ms-transition: 0.15s ease-in;
  -o-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
}
.selectInfos .listPagesInfos.active {
  padding: 30px 15px;
  background-color: #fff;
  border-bottom: 2px solid transparent;
}
.selectInfos .listPagesInfos li:not(:last-child) {
  padding-bottom: 10px;
}
.selectInfos .listPagesInfos li:hover {
  text-decoration: underline;
}
#screen.homepage #logo {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  #screen.homepage #logo {
    margin: -9px 0 0 15px;
    content: url('../../Images/Logos/ak_logo_reduit.svg');
    height: 91px;
    width: 222px;
  }
}
@media only screen and (min-width: 992px) {
  #screen.homepage #logo {
    margin: 5px 15px 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  #screen.homepage #logo {
    margin-top: 20px;
    height: 183px;
    width: 450px;
  }
}
#screen:not(.homepage) div[role=banner] {
  display: flex;
  align-items: center;
}
#screen:not(.homepage) #logo {
  content: url('../../Images/Logos/ak_logo_reduit.svg');
  height: 91px;
  width: 222px;
}
@media only screen and (max-width: 992px) {
  #screen:not(.homepage) #logo {
    margin-left: 15px;
    margin-top: -7px;
  }
}
@media only screen and (min-width: 992px) {
  #screen:not(.homepage) #logo {
    margin-right: 15px;
  }
}
/* Sous-menu ouvert avec un scroll > 80 */
.scrolled .homepage #logo {
  height: 91px !important;
  width: 222px !important;
  content: url('../../Images/Logos/ak_logo_reduit.svg');
}
@media only screen and (min-width: 992px) {
  .scrolled #sticky-header {
    height: 124px;
  }
}
.subMenuOpened .homepage #logo {
  height: 91px !important;
  width: 222px !important;
  content: url('../../Images/Logos/ak_logo_reduit.svg');
}
a {
  color: #201f1d;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
  color: #201f1d;
}
#menuOnglets, #menuBilletterie {
  padding-top: 10px;
}
.menuOpened #sticky-header {
  height: 100%;
  overflow-y: auto;
}
.menuOpened #sticky-header div[role=banner] {
  background-color: #DAF1ED;
}
.menuOpened #sticky-header #menuBurgerBtnGroup::after {
  width: 100px;
}
@media only screen and (max-width: 992px) {
  .menuOpened #sticky-header #searchBtn {
    display: none;
  }
}
header {
  /* Sticky header */
  /* Barre d'options */
  /* Onglets pages principales / Billetterie / recherche */
  /* Menu burger */
}
@media only screen and (min-width: 992px) {
  header div[role=banner] {
    z-index: 10;
  }
}
header #sticky-header {
  background-color: #DAF1ED;
  height: 124px;
}
header #sticky-header .menu {
  position: relative;
  background-color: #DAF1ED;
}
@media only screen and (max-width: 992px) {
  header #sticky-header {
    height: 80px;
  }
  header #sticky-header .menu {
    padding: 15px;
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  header #sticky-header {
    padding: 0 3.125rem 0 3.125rem;
  }
}
header #topBar {
  min-height: 50px;
}
@media only screen and (min-width: 992px) {
  header #topBar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 2px solid #201f1d;
  }
}
@media only screen and (max-width: 992px) {
  header #topBar {
    order: 3;
    padding: 20px 0;
    border-top: 2px solid #201f1d;
  }
}
header #topBar ul {
  display: flex;
  position: relative;
}
@media only screen and (min-width: 992px) {
  header #topBar ul {
    flex-direction: row;
    align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  header #topBar ul {
    flex-direction: column;
  }
}
header #topBar ul li {
  cursor: pointer;
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  header #topBar ul li {
    padding-left: 20px;
  }
}
header #topBar ul li button {
  background: none;
  padding: 0;
}
header #topBar ul li span {
  font-size: 14px;
}
header #topBar ul .selectPro {
  background-color: #DAF1ED;
  border-radius: 5px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
@media only screen and (min-width: 992px) {
  header #topBar ul .selectPro {
    z-index: 999;
    position: absolute;
    display: flex;
    flex-direction: column;
    top: -8px;
    right: 100%;
    padding: 8px 0px 8px 8px;
  }
}
header #topBar ul .selectPro.active {
  min-width: 300px;
}
header #topBar ul .selectPro button {
  display: flex;
  align-items: center;
  font-size: 14px;
  position: relative;
  padding: 0 25px 0 0;
}
header #topBar ul .selectPro button::after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 20px;
  position: absolute;
  right: 5px;
  background-image: url(../../Images/chevron.svg);
  background-repeat: no-repeat;
  background-position: center;
}
header #topBar ul .selectPro button.active::after {
  transform: rotate(180deg);
}
header #topBar ul .selectPro .listPages {
  display: none;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  border-top: 0px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
header #topBar ul .selectPro .listPages li {
  padding-bottom: 10px !important;
}
@media only screen and (min-width: 992px) {
  header #topBar ul .selectPro .listPages li {
    padding: 0;
  }
}
@media only screen and (max-width: 992px) {
  header #topBar ul .selectPro .listPages li {
    padding-left: 10px;
  }
}
header #topBar ul .selectPro .listPages li:hover {
  text-decoration: underline;
}
header #topBar ul .selectPro .listPages.active {
  padding-top: 20px;
}
header #topBar ul .selectPro.active {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}
header #menuPrincipal {
  display: flex;
  position: relative;
  padding-top: 12px;
  /* Onglets principaux */
  /* Ancres */
  /* Chatbot & Agenda */
  /* Formulaire de recherche ouvert */
}
@media only screen and (min-width: 992px) {
  header #menuPrincipal {
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  header #menuPrincipal {
    flex-direction: column;
  }
}
header #menuPrincipal #menuOnglets {
  display: flex;
  justify-content: center;
  /* Effets seulement sur ordinateur */
}
@media only screen and (max-width: 992px) {
  header #menuPrincipal #menuOnglets h1 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1200px) {
  header #menuPrincipal #menuOnglets li:not(:last-child) {
    margin-right: 37.5px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 992px) {
  header #menuPrincipal #menuOnglets {
    order: 1;
    flex-direction: row;
  }
  header #menuPrincipal #menuOnglets .subMenuParts li {
    margin-bottom: 12px;
  }
  header #menuPrincipal #menuOnglets .subMenuParts li a {
    font-size: 20px;
  }
  header #menuPrincipal #menuOnglets nav {
    min-width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  header #menuPrincipal #menuOnglets nav.slideLeft {
    margin-left: -100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  header #menuPrincipal #menuOnglets #backToMenu h1 {
    margin: 0;
  }
  header #menuPrincipal #menuOnglets #backToMenu button {
    transform: rotate(180deg);
  }
}
@media only screen and (min-width: 992px) {
  header #menuPrincipal #menuOnglets li:hover::after {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1 !important;
    filter: alpha(opacity=1 !important * 100);
  }
}
header #menuPrincipal #menuOnglets ul {
  display: flex;
}
@media only screen and (min-width: 992px) {
  header #menuPrincipal #menuOnglets ul {
    flex-direction: row;
  }
}
@media only screen and (max-width: 992px) {
  header #menuPrincipal #menuOnglets ul {
    flex-direction: column;
  }
}
header #menuPrincipal .menuOpener {
  font-size: 18px;
  font-family: "ggkahnmedium", "Arial", sans-serif;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}
@media only screen and (min-width: 1200px) {
  header #menuPrincipal .menuOpener:not(:last-child) {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 992px) {
  header #menuPrincipal .menuOpener::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    content: "";
    border: 1px solid #201f1d;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
header #menuPrincipal .chatbotAndAgenda {
  display: none;
  justify-content: center;
  align-items: center;
  padding-bottom: 13px;
}
@media only screen and (min-width: 992px) {
  header #menuPrincipal .chatbotAndAgenda {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  header #menuPrincipal .chatbotAndAgenda {
    display: flex;
    order: 3;
  }
}
header #menuPrincipal #menuBilletterie {
  display: flex;
  font-size: 18px;
  font-family: "ggkahnmedium", "Arial", sans-serif;
}
@media only screen and (min-width: 992px) {
  header #menuPrincipal #menuBilletterie button {
    box-shadow: none;
    border: none;
    padding: 0;
  }
}
@media only screen and (max-width: 992px) {
  header #menuPrincipal #menuBilletterie {
    order: 2;
    padding: 20px 0 20px 0;
    flex-wrap: wrap;
    align-items: center;
  }
  header #menuPrincipal #menuBilletterie button {
    width: 100%;
  }
  header #menuPrincipal #menuBilletterie a#infosPratiques {
    margin: 0 1rem 1rem auto;
  }
  header #menuPrincipal #menuBilletterie a#infosPratiques img {
    width: 45px;
    height: 45px;
  }
  header #menuPrincipal #menuBilletterie a#agenda {
    margin: 0 auto 1rem 1rem;
  }
  header #menuPrincipal #menuBilletterie a#agenda img {
    width: 45px;
    height: 45px;
  }
}
header #menuPrincipal::after {
  position: absolute;
  content: '';
  bottom: 0;
  right: 0;
  width: 0%;
  border-top: 2px solid #201f1d;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
header #menuPrincipal.isSearching {
  min-height: 61px;
  padding-bottom: 12px;
  padding-top: 18px;
}
@media only screen and (min-width: 992px) {
  header #menuPrincipal.isSearching::after {
    width: 100%;
  }
}
header #menuBurger {
  position: absolute;
  top: 0;
  right: 20px;
  height: 50px;
  margin-top: 15px;
}
@media only screen and (min-width: 992px) {
  header #menuBurger {
    display: none;
    align-items: center;
    justify-content: end;
  }
}
@media only screen and (max-width: 992px) {
  header #menuBurger {
    display: flex;
  }
}
header #menuBurger #menuBurgerBtnGroup {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  /* Ligne horizontale */
}
header #menuBurger #menuBurgerBtnGroup::after {
  position: absolute;
  content: '';
  right: 8px;
  bottom: -12px;
  width: 0px;
  border-top: 1px solid #201f1d;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
header #menuBurger #menuBurgerBtnGroup #burgerBtn {
  position: relative;
  height: 50px;
  width: 50px;
  margin-left: 10px;
  outline: none;
  border: none;
  background: transparent;
  border-radius: 50%;
}
header #menuBurger #menuBurgerBtnGroup #burgerBtn::before {
  position: absolute;
  content: '';
  top: 12px;
  left: 8px;
  width: 34px;
  border: 1px solid #201f1d;
  background: #201f1d;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
header #menuBurger #menuBurgerBtnGroup #burgerBtn::after {
  position: absolute;
  content: '';
  bottom: 12px;
  left: 8px;
  width: 34px;
  border: 1px solid #201f1d;
  background: #201f1d;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
header #menuBurger #menuBurgerBtnGroup #burgerBtn span {
  position: absolute;
  content: '';
  bottom: 24px;
  left: 8px;
  width: 34px;
  border: 1px solid #201f1d;
  background: #201f1d;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
header #menuBurger #menuBurgerBtnGroup #burgerBtn.activeBtn::after {
  bottom: unset;
  top: 24px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
header #menuBurger #menuBurgerBtnGroup #burgerBtn.activeBtn::before {
  top: 24px;
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
header #menuBurger #menuBurgerBtnGroup #burgerBtn.activeBtn span {
  opacity: 0;
  filter: alpha(opacity=0);
}
header #menuBurger #menuBurgerBtnGroup #burgerBtn.closeBurgerBtn:hover {
  box-shadow: 0px 0px 0px 2px #201f1d;
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/* Changements d'états au scroll */
@media only screen and (min-width: 992px) {
  .scrolled #menuOnglets {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    justify-content: center;
  }
}
.subMenuOpened .breadcrumb-container {
  display: none;
}
#searchBtn, #agenda, #menuBilletterie .btn-prim-header {
  position: relative;
}
@media only screen and (min-width: 992px) {
  #searchBtn::after, #agenda::after, #menuBilletterie .btn-prim-header::after {
    transition: all 0.5s;
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    content: "";
    border: 1px solid #201f1d;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  #searchBtn:hover::after, #agenda:hover::after, #menuBilletterie .btn-prim-header:hover::after {
    opacity: 1;
  }
}
#bloc-a11y--open:hover, .menuLangue a:hover {
  text-decoration: underline;
}
/* Footer */
footer .socialFooter {
  height: 150px;
  background-color: #B9E2DA;
}
@media only screen and (max-width: 992px) {
  footer .socialFooter {
    height: fit-content;
    padding: 25px 15px;
  }
}
footer .socialFooter .container a.renseignements {
  cursor: pointer;
  min-height: 44px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  footer .socialFooter .container a.renseignements {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  footer .socialFooter .container .newsletterBlock {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 992px) {
  footer .socialFooter .container .newsletterBlock {
    padding: 0 !important;
    margin-bottom: 30px;
  }
}
footer .socialFooter .container .newsletterBlock .frame {
  margin-bottom: 0 !important;
}
footer .socialFooter .container .newsletterBlock .frame fieldset {
  display: flex;
}
@media only screen and (min-width: 992px) {
  footer .socialFooter .container .newsletterBlock .frame fieldset {
    flex-direction: row;
  }
}
@media only screen and (max-width: 992px) {
  footer .socialFooter .container .newsletterBlock .frame fieldset {
    flex-direction: column;
  }
}
footer .socialFooter .container .newsletterBlock .frame fieldset .powermail_fieldwrap {
  margin-bottom: 0 !important;
  margin-right: 15px;
}
footer .socialFooter .container .newsletterBlock .frame fieldset .powermail_fieldwrap_type_input {
  width: 100%;
}
footer .socialFooter .container .newsletterBlock .frame fieldset .powermail_input {
  background-color: transparent;
}
footer .socialFooter .container .newsletterBlock .frame fieldset .powermail_fieldwrap_type_submit {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  footer .socialFooter .container .newsletterBlock .frame fieldset .powermail_fieldwrap_type_submit {
    margin-top: 10px;
  }
}
footer .socialFooter .container .newsletterBlock .frame fieldset .powermail_fieldwrap_type_submit .powermail_submit {
  margin-top: 0 !important;
}
footer .socialFooter .container .newsletterBlock .frame fieldset .mandatory {
  display: none;
}
@media only screen and (max-width: 992px) {
  footer .socialFooter .container .nav {
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) {
  footer .socialFooter .container .nav {
    justify-content: space-evenly;
    width: 100%;
  }
}
footer .socialFooter .container .nav .nav-link {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  border: 2px solid transparent;
}
@media only screen and (min-width: 992px) {
  footer .socialFooter .container .nav .nav-link {
    margin-right: 5px;
  }
}
footer .socialFooter .container .nav .nav-link img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 18px;
  height: 18px;
}
footer .socialFooter .container .nav .nav-link:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 2px solid #201f1d;
}
footer .socialFooter .container .nav .nav-link:hover img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: scale(0.9);
}
footer .socialFooter .container .btn-prim {
  padding: 15px 22px !important;
}
footer .linksFooter {
  position: relative;
  display: flex;
  align-items: center;
  height: 81px;
  background-color: #201f1d;
}
footer .linksFooter .linksFooterCenter {
  width: calc(100% - 80px);
  justify-content: center;
}
footer .linksFooter img {
  order: 0;
  margin: 0 25px;
  height: calc(81px - 50px);
  width: auto;
}
@media only screen and (max-width: 768px) {
  footer .linksFooter img {
    position: absolute;
  }
}
footer .linksFooter #backToTop {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 2px;
  height: calc(100% - 4px);
  width: 77px;
  background-color: #fff;
  border: none;
  border-radius: unset;
  outline: none;
}
footer .linksFooter #backToTop span {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  height: 26px;
  width: 26px;
  top: 13px;
  border-left: 2px solid #201f1d;
  border-top: 2px solid #201f1d;
  transform: rotate(45deg);
}
footer .linksFooter #backToTop span::after {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  content: '';
  position: absolute;
  top: -2px;
  left: 0px;
  width: 0px;
  border-top: 2px solid #201f1d;
  transform-origin: top left;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
footer .linksFooter #backToTop:hover span {
  top: 0px;
}
footer .linksFooter #backToTop:hover span::after {
  width: 36px;
}
footer .footerLinks {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  background-color: #201f1d;
  padding-right: 81px;
}
@media only screen and (max-width: 992px) {
  footer .footerLinks {
    display: inline-block;
    column-count: 2;
    flex-direction: column;
    bottom: 100%;
    width: 100%;
    padding: 25px;
  }
}
footer .footerLinks li {
  padding-right: 20px;
}
footer .footerLinks a, footer .footerLinks button {
  font-size: 12px;
  color: #fff;
}
footer .footerLinks a.active, footer .footerLinks button.active {
  text-decoration: underline;
}
footer .footerLinks button {
  text-align: unset;
}
/* Textmedia spacing */
.frame-type-textmedia:not(.frame-type-gridelements_pi1) {
  margin-bottom: 30px;
}
/* Grid elements */
@media only screen and (max-width: 768px) {
  .frame-type-gridelements_pi1 {
    max-width: 100% !important;
  }
  .frame-type-gridelements_pi1 video {
    width: 100%;
  }
}
/* Uploads */
.frame-type-uploads path, .frame-type-uploads circle {
  fill: #DAF1ED;
}
.frame-type-uploads path.a, .frame-type-uploads circle.a {
  stroke: unset;
  stroke-width: unset;
}
.frame-type-uploads path.b, .frame-type-uploads circle.b {
  stroke: unset;
}
.frame-type-uploads .relatedHeader {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #201f1d;
}
.frame-type-uploads li {
  list-style: none;
  overflow-wrap: anywhere;
}
.frame-type-uploads li span {
  font-size: unset;
}
/* Menu section */
.frame-type-menu_section {
  display: none;
}
/* Default spacing for custom elements */
.frame:not(.frame-type-menu_social):not(.frame-type-menu_piedpage):not(.frame-type-header):not(.frame-type-menu_pro):not(.accordions):not(.frame-type-menu_principal):not(.frame-type-textmedia) {
  margin-bottom: 30px;
  /* Kill spaces on grid container */
}
.frame:not(.frame-type-menu_social):not(.frame-type-menu_piedpage):not(.frame-type-header):not(.frame-type-menu_pro):not(.accordions):not(.frame-type-menu_principal):not(.frame-type-textmedia) .grid-container .col-md-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.frame:not(.frame-type-menu_social):not(.frame-type-menu_piedpage):not(.frame-type-header):not(.frame-type-menu_pro):not(.accordions):not(.frame-type-menu_principal):not(.frame-type-textmedia) .grid-container .frame {
  margin-bottom: 40px;
}
/* Menu social */
.frame-type-menu_social {
  z-index: 1000;
}
@media (max-width: 1370px) and (min-width: 1200px) {
  .frame-type-menu_social {
    padding-right: 50px;
  }
}
/* Backend space_after override */
.frame-space-after-extra-small {
  margin-bottom: 30px !important;
}
.frame-space-after-small {
  margin-bottom: 50px !important;
}
.frame-space-after-medium {
  margin-bottom: 70px !important;
}
.frame-space-after-medium {
  margin-bottom: 90px !important;
}
.frame-space-after-medium {
  margin-bottom: 100px !important;
}
/* Standard page link */
@media only screen and (max-width: 992px) {
  .frame-layout-15 .col-lg-7 {
    padding: 0;
    margin-top: 15px;
  }
}
/* solr */
.frame-layout-20 {
  margin: 0 !important;
}
/* Fullwidth img homepage */
@media only screen and (min-width: 992px) {
  .frame-layout-25 .ce-gallery {
    margin-left: 30px;
  }
}
.frame-layout-25 .ce-gallery img {
  max-width: 100%;
  height: auto;
}
.frame-layout-25 .ce-gallery .overlay {
  height: 100%;
}
.frame-layout-25 .ce-gallery .overlay svg {
  position: relative;
  z-index: 100;
}
.frame-layout-25 .ce-gallery .imgText {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-wrap: anywhere;
  padding: 15px;
}
.frame-layout-25 .ce-gallery .imgText .imgCapsule {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 220px;
  width: 220px;
  border-radius: 50%;
  padding: 10px;
  background-color: #fff;
}
.frame-layout-25 .ce-gallery .imgText .imgCapsule h5 {
  text-align: center;
}
.frame-layout-25 .ce-gallery:hover .imgText {
  opacity: 0;
  z-index: -10;
}
/* Fullwidth img not in homepage */
body:not(.homepage) .frame-layout-25 .ce-gallery {
  height: 500px;
}
@media only screen and (min-width: 992px) {
  body:not(.homepage) .frame-layout-25 .ce-gallery {
    margin-right: 35px;
  }
}
body:not(.homepage) .frame-layout-25 .ce-gallery .overlay {
  height: 500px;
}
/* Img crop circle */
.frame-layout-30 .ce-gallery {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: 500px;
  width: 100%;
  clip-path: circle();
}
/* Fullwidth video */
.frame-layout-35 .ce-gallery {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .frame-layout-35 .ce-gallery {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .frame-layout-35 .ce-gallery video {
    width: calc(100vw - 190px);
  }
}
@media only screen and (max-width: 992px) {
  .frame-layout-35 .ce-gallery video {
    width: 100%;
  }
}
/* Cadre */
.frame-indent {
  border: 2px solid #201f1d;
}
/* Niveau 2 : components */
/* Classic link */
.animLink {
  -webkit-transition: text-decoration-color 0.3s ease-in-out;
  -moz-transition: text-decoration-color 0.3s ease-in-out;
  -ms-transition: text-decoration-color 0.3s ease-in-out;
  -o-transition: text-decoration-color 0.3s ease-in-out;
  transition: text-decoration-color 0.3s ease-in-out;
  position: relative;
  padding-left: 60px;
  text-decoration-color: transparent;
}
.animLink::before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  opacity: 0;
  content: '';
  left: 30px;
  bottom: 1px;
  height: 16px;
  border-left: 2px solid #201f1d;
}
.animLink::after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  content: '';
  right: calc(100% - 40px);
  bottom: 8px;
  width: 40px;
  border-top: 2px solid #201f1d;
}
.animLink:hover, .animLink:focus {
  -webkit-transition: text-decoration-color 0.3s ease-in-out;
  -moz-transition: text-decoration-color 0.3s ease-in-out;
  -ms-transition: text-decoration-color 0.3s ease-in-out;
  -o-transition: text-decoration-color 0.3s ease-in-out;
  transition: text-decoration-color 0.3s ease-in-out;
  text-decoration-color: #DAF1ED;
  text-decoration: underline;
}
.animLink:hover::before, .animLink:focus::before {
  opacity: 1;
}
.animLink:hover::after, .animLink:focus::after {
  width: 18px;
}
/* Transparent button */
a.btn-prim {
  box-shadow: 0px 0px 0px 2px #201f1d;
  background: none;
  padding: 10px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a.btn-prim:hover {
  border-radius: 0px;
  box-shadow: 0px 3px 0px -1px #201f1d;
}
@media only screen and (max-width: 992px) {
  a.btn-prim {
    width: 100%;
    text-align: center;
  }
}
/* Salmon button */
a.btn-secondary {
  margin: 0 0 70px 0;
  padding: 15px 20px;
  border: none;
  border-radius: 5px;
  background-color: #B9E2DA;
  color: #201f1d;
  text-transform: uppercase;
  box-shadow: 0px 0px 0px 0px #201f1d;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a.btn-secondary:hover {
  color: #201f1d;
  border-radius: 0px;
  box-shadow: 0px 3px 0px -1px #201f1d;
  background-color: transparent;
}
a.btn-secondary:focus {
  outline: none;
  box-shadow: none;
}
@media only screen and (max-width: 992px) {
  a.btn-secondary:not(.gallerie-link) {
    width: 100%;
    text-align: center;
  }
}
/* Header ransparent button */
@media only screen and (max-width: 992px) {
  a.btn-prim-header {
    box-shadow: 0px 0px 0px 2px #201f1d;
    background: none;
    padding: 10px;
    border-radius: 5px;
    flex-basis: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    text-align: center;
  }
  a.btn-prim-header:hover {
    border-radius: 0px;
    box-shadow: 0px 3px 0px -1px #201f1d;
  }
}
.linkToNews {
  z-index: 999;
}
.ce-bodytext a {
  text-decoration: underline;
}
.ce-bodytext a:hover {
  text-decoration: none;
}
#alert {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#alert #alert-content {
  position: relative;
  display: flex;
  border-radius: 5px;
  background-color: #fff;
  min-height: 100px;
  min-width: 60%;
  max-width: 60%;
  margin-top: -2%;
  margin-right: -15%;
}
@media only screen and (max-width: 992px) {
  #alert #alert-content {
    max-width: 100%;
    margin: 0 15px;
    margin-bottom: 31px;
  }
}
@media only screen and (min-width: 768px) {
  #alert #alert-content {
    flex-direction: row;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  #alert #alert-content {
    margin: 0 10px;
    width: 100%;
    max-width: 100%;
    margin: 0 15px;
    margin-bottom: 31px;
  }
}
@media only screen and (max-width: 576px) {
  #alert #alert-content {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1500px) {
  #alert #alert-content {
    min-width: 50%;
    max-width: 50%;
    margin-right: -26%;
  }
}
#alert #alert-content .frame {
  margin-bottom: 0;
}
#alert #alert-content .alert-img {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  #alert #alert-content .alert-img {
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  #alert #alert-content .alert-img {
    justify-content: flex-start;
    padding-top: 18px;
  }
}
#alert #alert-content .alert-img .alert-exclamation {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  width: 46px;
  background-color: #fb8479;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  #alert #alert-content .alert-img .alert-exclamation {
    margin: 0 20px 0 36px;
  }
}
@media only screen and (max-width: 768px) {
  #alert #alert-content .alert-img .alert-exclamation {
    margin: 0 0 0 25px;
  }
}
#alert #alert-content p {
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  #alert #alert-content p {
    padding: 0 48px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  #alert #alert-content p {
    padding: 25px;
  }
}
#alert #alert-content #alert-close {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  top: 15px;
  right: 15px;
  height: 32px;
  width: 32px;
  border: 2px solid transparent;
  border-radius: 50%;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#alert #alert-content #alert-close img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#alert #alert-content #alert-close:hover, #alert #alert-content #alert-close:focus {
  border: 2px solid #201f1d;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#alert #alert-content #alert-close:hover img, #alert #alert-content #alert-close:focus img {
  transform: scale(0.7);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
button, input {
  outline: none;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
button.btn-prim, input.btn-prim {
  box-shadow: 0px 0px 0px 2px #201f1d;
  background: none;
  padding: 18px;
  border-radius: 5px;
}
button.btn-prim:hover, input.btn-prim:hover {
  border-radius: 0px;
  box-shadow: 0px 3px 0px -1px #201f1d;
}
button.btn-secondary, input.btn-secondary {
  padding: 15px 20px;
  border: none;
  border-radius: 5px;
  background-color: #B9E2DA;
  color: #201f1d;
  text-transform: uppercase;
  box-shadow: 0px 0px 0px 0px #201f1d;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
button.btn-secondary:hover, input.btn-secondary:hover {
  color: #201f1d;
  border-radius: 0px;
  box-shadow: 0px 3px 0px -1px #201f1d;
  background-color: transparent;
}
@media only screen and (max-width: 992px) {
  button.btn-secondary:not(.gallerie-link), input.btn-secondary:not(.gallerie-link) {
    width: 100%;
    text-align: center;
  }
}
button.plus-btn, input.plus-btn {
  position: relative;
}
button.plus-btn svg, input.plus-btn svg {
  position: relative;
  z-index: 10;
}
button.plus-btn:hover, input.plus-btn:hover {
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
}
@keyframes particuleAnimation-1 {
  100% {
    transform: translateX(9px) translateY(-2px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-1, input.plus-btn:hover .particle-1 {
  position: absolute;
  top: 10px;
  left: 17px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-1 0.6s ease-out forwards;
}
@keyframes particuleAnimation-2 {
  100% {
    transform: translateX(-27px) translateY(0px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-2, input.plus-btn:hover .particle-2 {
  position: absolute;
  top: 45px;
  left: 47px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-2 0.6s ease-out forwards;
}
@keyframes particuleAnimation-3 {
  100% {
    transform: translateX(-21px) translateY(26px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-3, input.plus-btn:hover .particle-3 {
  position: absolute;
  top: 34px;
  left: 34px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-3 0.6s ease-out forwards;
}
@keyframes particuleAnimation-4 {
  100% {
    transform: translateX(-21px) translateY(-21px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-4, input.plus-btn:hover .particle-4 {
  position: absolute;
  top: 35px;
  left: 12px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-4 0.6s ease-out forwards;
}
@keyframes particuleAnimation-5 {
  100% {
    transform: translateX(9px) translateY(-30px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-5, input.plus-btn:hover .particle-5 {
  position: absolute;
  top: 27px;
  left: 14px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-5 0.6s ease-out forwards;
}
@keyframes particuleAnimation-6 {
  100% {
    transform: translateX(-19px) translateY(-18px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-6, input.plus-btn:hover .particle-6 {
  position: absolute;
  top: 1px;
  left: 36px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-6 0.6s ease-out forwards;
}
@keyframes particuleAnimation-7 {
  100% {
    transform: translateX(6px) translateY(28px);
    opacity: 1.9;
  }
}
button.plus-btn:hover .particle-7, input.plus-btn:hover .particle-7 {
  position: absolute;
  top: 34px;
  left: 33px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-7 0.6s ease-out forwards;
}
@keyframes particuleAnimation-8 {
  100% {
    transform: translateX(-13px) translateY(8px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-8, input.plus-btn:hover .particle-8 {
  position: absolute;
  top: 29px;
  left: 17px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-8 0.6s ease-out forwards;
}
@keyframes particuleAnimation-9 {
  100% {
    transform: translateX(24px) translateY(19px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-9, input.plus-btn:hover .particle-9 {
  position: absolute;
  top: 15px;
  left: 18px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-9 0.6s ease-out forwards;
}
@keyframes particuleAnimation-10 {
  100% {
    transform: translateX(18px) translateY(7px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-10, input.plus-btn:hover .particle-10 {
  position: absolute;
  top: 13px;
  left: 21px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-10 0.6s ease-out forwards;
}
@keyframes particuleAnimation-11 {
  100% {
    transform: translateX(7px) translateY(-12px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-11, input.plus-btn:hover .particle-11 {
  position: absolute;
  top: 1px;
  left: 13px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-11 0.6s ease-out forwards;
}
@keyframes particuleAnimation-12 {
  100% {
    transform: translateX(13px) translateY(-13px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-12, input.plus-btn:hover .particle-12 {
  position: absolute;
  top: 27px;
  left: 10px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-12 0.6s ease-out forwards;
}
@keyframes particuleAnimation-13 {
  100% {
    transform: translateX(5px) translateY(-30px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-13, input.plus-btn:hover .particle-13 {
  position: absolute;
  top: 21px;
  left: 35px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-13 0.6s ease-out forwards;
}
@keyframes particuleAnimation-14 {
  100% {
    transform: translateX(20px) translateY(15px);
    opacity: 0.9;
  }
}
button.plus-btn:hover .particle-14, input.plus-btn:hover .particle-14 {
  position: absolute;
  top: 34px;
  left: 31px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #DAF1ED;
  animation: particuleAnimation-14 0.6s ease-out forwards;
}
.ias-trigger path.a, .ias-trigger circle.a, .relatedElements path.a, .relatedElements circle.a, .infoSvg path.a, .infoSvg circle.a {
  stroke: unset;
  stroke-width: unset;
}
.ias-trigger path.b, .ias-trigger circle.b, .relatedElements path.b, .relatedElements circle.b, .infoSvg path.b, .infoSvg circle.b {
  stroke: unset;
}
.ias-spinner {
  display: flex;
  justify-content: center;
  width: 100%;
}
.ias-spinner .lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.ias-spinner .lds-ripple div {
  position: absolute;
  border: 4px solid #DAF1ED;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.ias-spinner .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.searchBtnGroup path {
  fill: none;
}
.playButton, .gridPlayButton {
  position: absolute;
}
.playButton circle, .gridPlayButton circle {
  fill: #fff;
  stroke: unset;
  stroke-width: unset;
}
.gridPlayButton {
  bottom: 20px;
  right: 20px;
}
.badge-primary {
  background-color: #DAF1ED;
  color: #201f1d;
}
.contenttable {
  margin-top: 40px;
  width: 100%;
  overflow-x: auto;
}
.contenttable thead {
  background-color: #B9E2DA;
}
@media only screen and (min-width: 768px) {
  .contenttable thead th {
    padding: 10px 0 10px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .contenttable thead th {
    padding: 10px 0 10px 10px;
  }
}
.contenttable tbody th {
  background-color: #DAF1ED;
}
.contenttable tbody tr:not(:last-child) {
  border-bottom: 1px solid #201f1d;
}
@media only screen and (min-width: 768px) {
  .contenttable tbody tr th, .contenttable tbody tr td {
    padding: 10px 0 10px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .contenttable tbody tr th, .contenttable tbody tr td {
    padding: 10px 0 10px 10px;
  }
}
.contenttable tbody tr td {
  font-family: "ggkahnlight", "Arial", sans-serif;
}
/* Fichiers d'éléments du fil d'ariane */
.breadcrumb-container {
  position: fixed;
  top: 124px;
  width: 100%;
  height: 42px;
  z-index: 999;
  background-color: #B9E2DA;
}
@media only screen and (max-width: 992px) {
  .breadcrumb-container {
    display: none;
  }
}
.breadcrumb-container .breadcrumb {
  background-color: #B9E2DA;
  border-radius: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  .breadcrumb-container .breadcrumb {
    padding: 0 0 0 15px;
  }
}
@media only screen and (min-width: 992px) {
  .breadcrumb-container .breadcrumb {
    padding: 0 0 0 50px;
  }
}
.breadcrumb-container .breadcrumb .breadcrumb-item {
  color: #201f1d;
}
.breadcrumb-container .breadcrumb .breadcrumb-item:not(.active) {
  font-family: "ggkahnlight", "Arial", sans-serif;
  font-weight: normal;
  margin: 0;
}
.breadcrumb-container .breadcrumb .breadcrumb-item:not(.active):hover {
  text-decoration: underline;
}
/* Stype pour social share */
#social {
  display: flex;
}
@media only screen and (min-width: 992px) {
  #social {
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 231px;
    z-index: 0;
  }
}
@media only screen and (max-width: 992px) {
  #social {
    margin-bottom: 15px;
  }
}
#social div {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 8px;
  cursor: pointer;
  padding: 0;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 2px solid transparent;
}
@media only screen and (max-width: 992px) {
  #social div:first-child {
    margin-left: 0;
  }
}
#social div:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 2px solid #201f1d;
}
#social div:hover img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: scale(0.9);
}
/* Input, Select & Textarea */
input {
  font-family: "ggkahnlight", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  border: none;
  outline: none;
  background: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}
select::-ms-expand {
  display: none;
}
/* Erreur */
.parsley-errors-list {
  color: #fb8479;
}
/* Powermail */
#powermail_tabmenu {
  padding: 0;
  list-style: none;
  width: 100%;
}
#powermail_tabmenu li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#powermail_tabmenu li:not(:last-child):after {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  margin: 0.5rem 0 0 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
}
#powermail_tabmenu li:not(:first-child):before {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  margin: 0.5rem 0 0 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
}
#powermail_tabmenu li a {
  padding: 1.5rem;
  text-align: center;
}
#powermail_tabmenu li a .circle {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.5rem;
  line-height: 1.7rem;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 50%;
}
#powermail_tabmenu li a .label {
  display: inline-block;
}
#powermail_tabmenu li.btn-primary a .circle, #powermail_tabmenu li.previous a .circle {
  background: #000;
}
#powermail_tabmenu li.btn-danger a {
  color: #fb8479;
}
#powermail_tabmenu li.btn-danger a .circle {
  background: #fb8479;
}
#powermail_tabmenu .btn-primary {
  background: none;
  border: none;
}
#powermail_tabmenu .btn-danger {
  background: none;
  border: none;
}
/* Datepicker */
.btn-datepicker {
  display: block;
  width: 25px;
  height: 25px;
  text-indent: -99999em;
  background: url(../../Images/date-none.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.btn-datepicker.stop {
  background-image: url(../../Images/date.png);
}
.picker__select--month, .picker__select--year {
  height: auto;
  padding: 0;
}
/* Agenda filter */
.agendaFilter input:not(.btn), .agendaFilter select:not(.btn) {
  padding: 0;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #201f1d;
  font-size: 14px;
  font-family: "ggkahnbold", "Arial", sans-serif;
}
.agendaFilter input:not(.btn):not(.datepicker), .agendaFilter select:not(.btn):not(.datepicker) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' height='13px' width='13px' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.437 407.437' style='enable-background:new 0 0 407.437 407.437; stroke-width:4px' xml:space='preserve'><polygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 10px;
}
.agendaFilter .form-group {
  width: 100%;
}
.agendaFilter .form-group .form-control {
  color: #201f1d;
}
.agendaFilter input.btn {
  margin-top: 40px;
  font-size: 14px;
  font-family: "ggkahnbold", "Arial", sans-serif;
}
.agendaFilter .form-row {
  margin: 0;
}
.agendaFilter .custom-select {
  color: unset;
}
/* Powermail */
.tx-powermail {
  /* Powermail tab */
  /* Tab legend */
  /* Powermail inputs */
  /* Powermail textarea */
  /* Powermail date */
  /* Powermail checbox */
  /* Powermail radio */
  /* Powermail checbox and radio */
  /* Powermail checbox checked override */
  /* Powermail tab navigation */
  /* Powermail file */
  /* Powermail submit */
}
.tx-powermail #powermail_tabmenu {
  margin-bottom: 35px;
}
@media only screen and (max-width: 992px) {
  .tx-powermail #powermail_tabmenu {
    display: flex;
    flex-direction: column;
  }
}
.tx-powermail #powermail_tabmenu button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tx-powermail #powermail_tabmenu button .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 30px;
  width: 30px;
  margin-right: 15px;
  border-radius: 50%;
  border: 2px solid #201f1d;
}
.tx-powermail #powermail_tabmenu button.active .circle {
  background-color: #DAF1ED;
}
.tx-powermail legend {
  margin-bottom: 35px;
  text-align: center;
}
.tx-powermail .powermail_fieldwrap_type_input, .tx-powermail .powermail_fieldwrap_type_date, .tx-powermail .powermail_fieldwrap_type_password, .tx-powermail .powermail_fieldwrap_type_file {
  position: relative;
  align-items: center;
  margin-bottom: 30px;
  border-bottom: 2px solid #201f1d;
}
@media only screen and (min-width: 992px) {
  .tx-powermail .powermail_fieldwrap_type_input, .tx-powermail .powermail_fieldwrap_type_date, .tx-powermail .powermail_fieldwrap_type_password, .tx-powermail .powermail_fieldwrap_type_file {
    display: flex;
  }
}
.tx-powermail .powermail_fieldwrap_type_input .powermail_field, .tx-powermail .powermail_fieldwrap_type_date .powermail_field, .tx-powermail .powermail_fieldwrap_type_password .powermail_field, .tx-powermail .powermail_fieldwrap_type_file .powermail_field {
  width: 100%;
}
.tx-powermail .powermail_fieldwrap_type_input .powermail_field input, .tx-powermail .powermail_fieldwrap_type_date .powermail_field input, .tx-powermail .powermail_fieldwrap_type_password .powermail_field input, .tx-powermail .powermail_fieldwrap_type_file .powermail_field input {
  border: none;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .tx-powermail .powermail_fieldwrap_type_input .powermail_field input, .tx-powermail .powermail_fieldwrap_type_date .powermail_field input, .tx-powermail .powermail_fieldwrap_type_password .powermail_field input, .tx-powermail .powermail_fieldwrap_type_file .powermail_field input {
    padding: 0;
  }
}
.tx-powermail .powermail_fieldwrap_type_input .powermail_field input:focus, .tx-powermail .powermail_fieldwrap_type_date .powermail_field input:focus, .tx-powermail .powermail_fieldwrap_type_password .powermail_field input:focus, .tx-powermail .powermail_fieldwrap_type_file .powermail_field input:focus {
  background-color: rgba(117, 117, 117, 0.2);
}
.tx-powermail .powermail_fieldwrap_type_input .powermail_field .parsley-errors-list, .tx-powermail .powermail_fieldwrap_type_date .powermail_field .parsley-errors-list, .tx-powermail .powermail_fieldwrap_type_password .powermail_field .parsley-errors-list, .tx-powermail .powermail_fieldwrap_type_file .powermail_field .parsley-errors-list {
  position: absolute;
  left: 0;
  margin: 10px 0;
}
.tx-powermail .powermail_fieldwrap_type_input .powermail_field .parsley-errors-list .parsley-custom-error-message, .tx-powermail .powermail_fieldwrap_type_date .powermail_field .parsley-errors-list .parsley-custom-error-message, .tx-powermail .powermail_fieldwrap_type_password .powermail_field .parsley-errors-list .parsley-custom-error-message, .tx-powermail .powermail_fieldwrap_type_file .powermail_field .parsley-errors-list .parsley-custom-error-message {
  color: #fb8479;
}
.tx-powermail .powermail_fieldwrap_type_textarea textarea {
  padding: 10px 0;
  border: none;
  border-radius: 0px;
  border-top: 2px solid #201f1d;
  border-bottom: 2px solid #201f1d;
}
.tx-powermail .powermail_fieldwrap_type_textarea textarea:focus {
  background-color: rgba(117, 117, 117, 0.2);
}
.tx-powermail .powermail_fieldwrap_type_date .btn-datepicker {
  align-self: center;
}
@media only screen and (min-width: 992px) {
  .tx-powermail .powermail_fieldwrap_type_date {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  .tx-powermail .powermail_fieldwrap_type_date .powermail_field {
    width: 100%;
  }
  .tx-powermail .powermail_fieldwrap_type_date .powermail_field input {
    margin-right: 0 !important;
  }
}
.tx-powermail .powermail_fieldwrap_type_date .btn-group.powermail_field {
  display: flex;
  flex-direction: row-reverse;
}
.tx-powermail .custom-checkbox label::before {
  border-radius: 0px;
  border: 1px solid #201f1d;
}
.tx-powermail .custom-checkbox label::after {
  background-image: none !important;
  padding: 2px;
}
.tx-powermail .custom-radio label::before {
  border: 1px solid #201f1d;
}
.tx-powermail .custom-radio label::after {
  background-image: none !important;
  padding: 2px;
  border-radius: 50%;
}
.tx-powermail .powermail_fieldwrap_type_radio, .tx-powermail .powermail_fieldwrap_type_check {
  font-family: "ggkahnregular", "Arial", sans-serif;
}
.tx-powermail .powermail_fieldwrap_type_radio .custom-control-label, .tx-powermail .powermail_fieldwrap_type_check .custom-control-label {
  font-family: "ggkahnlight", "Arial", sans-serif;
}
.tx-powermail .powermail_fieldwrap_type_radio p.label, .tx-powermail .powermail_fieldwrap_type_check p.label {
  margin-bottom: 25px;
}
.tx-powermail .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .tx-powermail .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: unset !important;
  border: 1px solid #201f1d;
}
.tx-powermail .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .tx-powermail .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  top: 0.35rem;
  left: -1.35rem;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #201f1d;
  border: 2px solid #fff;
}
.tx-powermail .powermail_tab_navigation button {
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
  box-shadow: 0px 0px 0px 2px #201f1d;
}
.tx-powermail .powermail_tab_navigation button.pull-right svg {
  transform: rotate(180deg);
}
.tx-powermail .powermail_tab_navigation button:hover {
  border-radius: 0px;
  box-shadow: 0px 3px 0px -1px #201f1d;
}
.tx-powermail .powermail_fieldwrap_type_file .custom-file-label::after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: url("../../Images/arrow.svg");
  transform: rotate(180deg);
  background-color: unset !important;
  padding: 0;
}
.tx-powermail .custom-file-label {
  border: none;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .tx-powermail .custom-file-label {
    padding: 0;
  }
}
.tx-powermail .custom-file-label:focus {
  background-color: rgba(117, 117, 117, 0.2);
}
.tx-powermail .powermail_fieldwrap_type_submit {
  margin: 25px 0;
}
@media only screen and (max-width: 992px) {
  .tx-powermail .powermail_submit, .tx-powermail .powermail_fieldwrap_type_reset input {
    width: 100%;
  }
}
/* Menu accessible */
#a11y-menu {
  left: 0;
  position: absolute;
  top: 5px;
  z-index: 100;
}
#a11y-menu li {
  display: inline;
}
#a11y-menu a {
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 1px;
}
#a11y-menu a:active, #a11y-menu a:focus {
  color: #000;
  position: static;
}
body:not(.accessibilityMode) a:focus-visible, body:not(.accessibilityMode) a:focus, body:not(.accessibilityMode) button:focus-visible, body:not(.accessibilityMode) button:focus, body:not(.accessibilityMode) li:focus-visible, body:not(.accessibilityMode) li:focus {
  outline: none;
  border: 0;
}
.pagination {
  margin-bottom: 40px;
}
.pagination .page-link {
  color: #201f1d;
}
.pagination .page-item.active .page-link {
  background-color: #DAF1ED;
  border-color: #DAF1ED;
  color: #201f1d;
}
.agenda-group .pagination {
  display: flex !important;
}
/* Menu plan de site */
#unfold {
  margin-bottom: 15px;
  cursor: pointer;
}
#unfold span {
  display: none;
}
#unfold span.active {
  display: inline-block;
}
#sitemap .mainPages {
  color: #fb8479;
  font-size: 24px;
}
.tx-solr-autosuggest {
  border: 1px solid #CCC;
  top: 138px !important;
  background: #FFF;
  overflow: auto;
  width: unset !important;
}
.tx-solr-autosuggest strong {
  font-weight: bolder;
  color: #fb8479;
}
.tx-solr-autosuggest .autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.tx-solr-autosuggest .autocomplete-selected {
  background: #F1E0B6;
}
.tx-solr-autosuggest .autocomplete-group {
  padding: 10px 5px;
}
.tx-solr-autosuggest .autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #999;
}
@media only screen and (min-width: 992px) {
  .tx-solr-autosuggest {
    top: calc(100% + 12px) !important;
  }
}
@media only screen and (max-width: 992px) {
  .tx-solr-autosuggest {
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
  }
}
.grid-container--107 {
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .grid-container--107 {
    flex-direction: row;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container--107 {
    flex-direction: column;
  }
}
.grid-container--107 .left {
  position: relative;
  max-height: 795px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .grid-container--107 .left {
    margin-bottom: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .grid-container--107 .left {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .left {
    margin-right: 45px;
  }
}
.grid-container--107 .left .frame {
  padding-right: 0px !important;
  max-height: 760px;
}
@media only screen and (max-width: 768px) {
  .grid-container--107 .left .frame {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container--107 .left .frame .ce-bodytext {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .grid-container--107 .left .frame .ce-bodytext {
    max-width: 187px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .left .frame .ce-bodytext {
    max-width: 375px;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--107 .left .frame .ce-gallery {
    height: 333px;
    width: 250px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .left .frame .ce-gallery {
    height: 500px;
    width: 375px;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container--107 .left .frame .ce-gallery {
    width: 100%;
    height: 250px;
  }
  .grid-container--107 .left .frame .ce-gallery .image-embed-item {
    height: 100%;
    min-width: 540px;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--107 .left .frame .ce-gallery .ce-column {
    height: 333px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .left .frame .ce-gallery .ce-column {
    height: 500px;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container--107 .left .frame .ce-gallery .ce-column .overlay {
    height: 250px;
  }
}
@media only screen and (min-width: 768px) {
  .grid-container--107 .left .frame .ce-gallery .ce-column .overlay {
    height: 333px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .left .frame .ce-gallery .ce-column .overlay {
    height: 500px;
  }
}
.grid-container--107 .left .frame .content-header .container {
  padding: 0;
}
.grid-container--107 .left .frame .content-header .container .entete {
  text-align: left !important;
  margin-bottom: 25px !important;
}
@media only screen and (max-width: 992px) {
  .grid-container--107 .left .frame:nth-child(2) .content-header {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .left .frame:nth-child(2) .content-header {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
    width: 100%;
    background: #fff;
  }
}
.grid-container--107 .left .frame:nth-child(2) .gallerie-link {
  left: 15px;
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .left .frame:nth-child(2) .gallerie-link {
    position: absolute;
    bottom: 0;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--107 .left .frame:nth-child(2) .gallerie-link {
    margin: 0 0 15px 0;
    text-align: center;
  }
}
.grid-container--107 .left .frame .gallerie-link {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 15px;
}
.grid-container--107 .right .frame {
  padding-left: 0px !important;
}
@media only screen and (max-width: 992px) {
  .grid-container--107 .right .frame {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container--107 .right .frame .ce-gallery {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .grid-container--107 .right .frame .ce-gallery {
    width: 333px;
    height: 250px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .right .frame .ce-gallery {
    width: 500px;
    height: 375px;
  }
}
.grid-container--107 .right .frame .ce-gallery .ce-column {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .right .frame .ce-gallery .ce-column {
    height: 375px;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--107 .right .frame .ce-gallery .ce-column {
    height: 250px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .right .frame .ce-gallery .ce-column .overlay {
    height: 375px;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--107 .right .frame .ce-gallery .ce-column .overlay {
    height: 250px;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--107 .ce-gallery {
    margin-bottom: 15px !important;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--107 .ce-gallery:first-child {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--107 .ce-gallery:first-child {
    margin-bottom: 45px !important;
  }
}
.grid-container--108 {
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .grid-container--108 {
    flex-direction: row;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container--108 {
    flex-direction: column;
  }
}
.grid-container--108 .right {
  position: relative;
  max-height: 795px;
}
@media only screen and (max-width: 768px) {
  .grid-container--108 .right {
    margin-bottom: 0px;
    margin-right: 0px;
    order: 0;
  }
  .grid-container--108 .right .gallerie-link {
    width: 100%;
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 768px) {
  .grid-container--108 .right {
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .right {
    margin-left: 30px;
  }
}
.grid-container--108 .right .gallerie-link {
  display: block;
  margin-bottom: unset;
}
.grid-container--108 .right .frame {
  padding-left: 0px !important;
  max-height: 760px;
}
@media only screen and (max-width: 768px) {
  .grid-container--108 .right .frame {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: unset;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container--108 .right .frame .ce-bodytext {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .grid-container--108 .right .frame .ce-bodytext {
    max-width: 250px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .right .frame .ce-bodytext {
    max-width: 375px;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--108 .right .frame .ce-gallery {
    height: 333px;
    width: 250px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .right .frame .ce-gallery {
    height: 500px;
    width: 375px;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container--108 .right .frame .ce-gallery {
    width: 100%;
    height: 250px;
  }
  .grid-container--108 .right .frame .ce-gallery .image-embed-item {
    height: 100%;
    min-width: 540px;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--108 .right .frame .ce-gallery .ce-column {
    height: 333px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .right .frame .ce-gallery .ce-column {
    height: 500px;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container--108 .right .frame .ce-gallery .ce-column .overlay {
    height: 250px;
  }
}
@media only screen and (min-width: 768px) {
  .grid-container--108 .right .frame .ce-gallery .ce-column .overlay {
    height: 333px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .right .frame .ce-gallery .ce-column .overlay {
    height: 500px;
  }
}
.grid-container--108 .right .frame .content-header .container {
  padding: 0;
}
.grid-container--108 .right .frame .content-header .container .entete {
  text-align: left !important;
  margin-bottom: 25px !important;
}
@media only screen and (max-width: 992px) {
  .grid-container--108 .right .frame:nth-child(2) .content-header {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .right .frame:nth-child(2) .content-header {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
    width: 100%;
    background: #fff;
  }
}
.grid-container--108 .right .frame:nth-child(2) .gallerie-link {
  left: 15px;
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .right .frame:nth-child(2) .gallerie-link {
    position: absolute;
    bottom: 0;
    margin: 0 !important;
    width: auto;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--108 .right .frame:nth-child(2) .gallerie-link {
    width: 100%;
    margin: 15px 0 30px 0;
    text-align: center;
  }
}
.grid-container--108 .left {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .grid-container--108 .left {
    order: 1;
  }
}
.grid-container--108 .left .frame {
  padding-left: 0px !important;
}
@media only screen and (max-width: 992px) {
  .grid-container--108 .left .frame {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container--108 .left .frame .ce-gallery {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .grid-container--108 .left .frame .ce-gallery {
    width: 333px;
    height: 250px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .left .frame .ce-gallery {
    width: 500px;
    height: 375px;
  }
}
.grid-container--108 .left .frame .ce-gallery .ce-column {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .left .frame .ce-gallery .ce-column {
    height: 375px;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--108 .left .frame .ce-gallery .ce-column {
    height: 250px;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .left .frame .ce-gallery .ce-column .overlay {
    height: 375px;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--108 .left .frame .ce-gallery .ce-column .overlay {
    height: 250px;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--108 .ce-gallery {
    margin-bottom: 15px !important;
  }
}
@media only screen and (max-width: 992px) {
  .grid-container--108 .ce-gallery:first-child {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 992px) {
  .grid-container--108 .ce-gallery:first-child {
    margin-bottom: 45px !important;
  }
}
.grid-container--107 .frame, .grid-container--108 .frame {
  margin-bottom: 0 !important;
}
.grid-container--107 .frame video, .grid-container--108 .frame video {
  width: unset;
}
.grid-container--109 .video-container {
  height: 320px;
}
.grid-container--109 .video-container video {
  max-width: 100%;
}
.list-video .video-container {
  height: 320px;
}
.list-video .video-container video {
  width: 100%;
}
.list-video .ias-trigger-next {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 50px;
}
video.playing {
  object-fit: contain;
}
.ce-gallery {
  position: relative;
}
.ce-gallery .overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  background-color: rgba(53, 162, 118, 0);
}
.ce-gallery .overlay .imgParticles {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.ce-gallery .overlay .imgBtn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 66px;
  width: 66px;
}
.ce-gallery .overlay .imgBtn img {
  z-index: 10;
}
.ce-gallery .overlay .imgBtn, .ce-gallery .overlay .imgParticles a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  background-color: #fff;
  border-radius: 50%;
}
.ce-gallery .galleryIcon {
  position: absolute;
  right: 20px;
  bottom: 20px;
  height: 38px;
  width: 38px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ce-gallery:hover .overlay {
  background-color: rgba(53, 162, 118, 0.25);
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
}
@media only screen and (max-width: 992px) {
  .ce-gallery:hover .overlay {
    height: 100%;
  }
}
.ce-gallery:hover .overlay .imgBtn, .ce-gallery:hover .overlay .imgParticles {
  opacity: 0.9;
}
.ce-gallery:hover .overlay svg {
  z-index: 100;
}
@keyframes particuleAnimation-1 {
  100% {
    transform: translateX(64px) translateY(-71px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-1 {
  position: absolute;
  top: 53px;
  left: 25px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-1 0.6s ease-out forwards;
}
@keyframes particuleAnimation-2 {
  100% {
    transform: translateX(-49px) translateY(-10px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-2 {
  position: absolute;
  top: 1px;
  left: 30px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-2 0.6s ease-out forwards;
}
@keyframes particuleAnimation-3 {
  100% {
    transform: translateX(58px) translateY(-68px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-3 {
  position: absolute;
  top: 4px;
  left: 59px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-3 0.6s ease-out forwards;
}
@keyframes particuleAnimation-4 {
  100% {
    transform: translateX(-37px) translateY(-10px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-4 {
  position: absolute;
  top: 12px;
  left: 62px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-4 0.6s ease-out forwards;
}
@keyframes particuleAnimation-5 {
  100% {
    transform: translateX(47px) translateY(-14px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-5 {
  position: absolute;
  top: 70px;
  left: -4px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-5 0.6s ease-out forwards;
}
@keyframes particuleAnimation-6 {
  100% {
    transform: translateX(52px) translateY(7px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-6 {
  position: absolute;
  top: 46px;
  left: -20px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-6 0.6s ease-out forwards;
}
@keyframes particuleAnimation-7 {
  100% {
    transform: translateX(-43px) translateY(-28px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-7 {
  position: absolute;
  top: 14px;
  left: 65px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-7 0.6s ease-out forwards;
}
@keyframes particuleAnimation-8 {
  100% {
    transform: translateX(36px) translateY(-19px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-8 {
  position: absolute;
  top: -8px;
  left: 41px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-8 0.6s ease-out forwards;
}
@keyframes particuleAnimation-9 {
  100% {
    transform: translateX(25px) translateY(-44px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-9 {
  position: absolute;
  top: 66px;
  left: 61px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-9 0.6s ease-out forwards;
}
@keyframes particuleAnimation-10 {
  100% {
    transform: translateX(-78px) translateY(61px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-10 {
  position: absolute;
  top: 8px;
  left: 29px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-10 0.6s ease-out forwards;
}
@keyframes particuleAnimation-11 {
  100% {
    transform: translateX(55px) translateY(31px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-11 {
  position: absolute;
  top: 38px;
  left: 14px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-11 0.6s ease-out forwards;
}
@keyframes particuleAnimation-12 {
  100% {
    transform: translateX(42px) translateY(-14px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-12 {
  position: absolute;
  top: 0px;
  left: 37px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-12 0.6s ease-out forwards;
}
@keyframes particuleAnimation-13 {
  100% {
    transform: translateX(-44px) translateY(-56px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-13 {
  position: absolute;
  top: -10px;
  left: 4px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-13 0.6s ease-out forwards;
}
@keyframes particuleAnimation-14 {
  100% {
    transform: translateX(13px) translateY(-54px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-14 {
  position: absolute;
  top: 63px;
  left: 55px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-14 0.6s ease-out forwards;
}
@keyframes particuleAnimation-15 {
  100% {
    transform: translateX(-60px) translateY(40px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-15 {
  position: absolute;
  top: -12px;
  left: 1px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-15 0.6s ease-out forwards;
}
@keyframes particuleAnimation-16 {
  100% {
    transform: translateX(21px) translateY(-79px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-16 {
  position: absolute;
  top: 17px;
  left: 44px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-16 0.6s ease-out forwards;
}
@keyframes particuleAnimation-17 {
  100% {
    transform: translateX(7px) translateY(-13px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-17 {
  position: absolute;
  top: 9px;
  left: 13px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-17 0.6s ease-out forwards;
}
@keyframes particuleAnimation-18 {
  100% {
    transform: translateX(23px) translateY(1px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-18 {
  position: absolute;
  top: 52px;
  left: 19px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-18 0.6s ease-out forwards;
}
@keyframes particuleAnimation-19 {
  100% {
    transform: translateX(-79px) translateY(-53px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-19 {
  position: absolute;
  top: 59px;
  left: 15px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-19 0.6s ease-out forwards;
}
@keyframes particuleAnimation-20 {
  100% {
    transform: translateX(55px) translateY(47px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-20 {
  position: absolute;
  top: -6px;
  left: 12px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-20 0.6s ease-out forwards;
}
@keyframes particuleAnimation-21 {
  100% {
    transform: translateX(-9px) translateY(70px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-21 {
  position: absolute;
  top: 54px;
  left: 0px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-21 0.6s ease-out forwards;
}
@keyframes particuleAnimation-22 {
  100% {
    transform: translateX(-55px) translateY(-47px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-22 {
  position: absolute;
  top: 34px;
  left: 39px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-22 0.6s ease-out forwards;
}
@keyframes particuleAnimation-23 {
  100% {
    transform: translateX(78px) translateY(-13px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-23 {
  position: absolute;
  top: 24px;
  left: 37px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-23 0.6s ease-out forwards;
}
@keyframes particuleAnimation-24 {
  100% {
    transform: translateX(-49px) translateY(65px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-24 {
  position: absolute;
  top: 62px;
  left: -2px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-24 0.6s ease-out forwards;
}
@keyframes particuleAnimation-25 {
  100% {
    transform: translateX(43px) translateY(-71px);
    opacity: 0.9;
  }
}
.ce-gallery:hover .overlay .particle-25 {
  position: absolute;
  top: 4px;
  left: 22px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-25 0.6s ease-out forwards;
}
.ce-gallery:hover .galleryIcon {
  opacity: 0;
}
@media (min-width: 1200px) {
  .fs-media-gallery {
    max-width: 1140px;
    margin: auto;
  }
}
.fs-media-gallery .content h2 {
  margin-bottom: 10px;
}
.fs-media-gallery .img-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 320px;
  object-fit: cover;
  min-width: 100%;
}
.fs-media-gallery .img-wrap .overlay {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 0;
  width: 100%;
  height: 320px;
  background-color: rgba(53, 162, 118, 0);
}
.fs-media-gallery .img-wrap .overlay .imgParticles {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.fs-media-gallery .img-wrap .overlay .imgBtn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 66px;
  width: 66px;
}
.fs-media-gallery .img-wrap .overlay .imgBtn img {
  z-index: 10;
}
.fs-media-gallery .img-wrap .overlay .imgBtn, .fs-media-gallery .img-wrap .overlay .imgParticles a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  background-color: #fff;
  border-radius: 50%;
}
.fs-media-gallery .img-wrap:hover .overlay {
  background-color: rgba(53, 162, 118, 0.25);
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
}
.fs-media-gallery .img-wrap:hover .overlay .imgBtn, .fs-media-gallery .img-wrap:hover .overlay .imgParticles {
  opacity: 0.8;
}
@keyframes particuleAnimation-1 {
  100% {
    transform: translateX(-40px) translateY(38px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-1 {
  position: absolute;
  top: 25px;
  left: 48px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-1 0.6s ease-out forwards;
}
@keyframes particuleAnimation-2 {
  100% {
    transform: translateX(13px) translateY(-68px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-2 {
  position: absolute;
  top: -12px;
  left: 9px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-2 0.6s ease-out forwards;
}
@keyframes particuleAnimation-3 {
  100% {
    transform: translateX(42px) translateY(38px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-3 {
  position: absolute;
  top: 39px;
  left: 14px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-3 0.6s ease-out forwards;
}
@keyframes particuleAnimation-4 {
  100% {
    transform: translateX(12px) translateY(62px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-4 {
  position: absolute;
  top: 63px;
  left: 18px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-4 0.6s ease-out forwards;
}
@keyframes particuleAnimation-5 {
  100% {
    transform: translateX(-72px) translateY(42px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-5 {
  position: absolute;
  top: 55px;
  left: 18px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-5 0.6s ease-out forwards;
}
@keyframes particuleAnimation-6 {
  100% {
    transform: translateX(-30px) translateY(49px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-6 {
  position: absolute;
  top: -9px;
  left: -15px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-6 0.6s ease-out forwards;
}
@keyframes particuleAnimation-7 {
  100% {
    transform: translateX(15px) translateY(62px);
    opacity: 1.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-7 {
  position: absolute;
  top: 5px;
  left: -13px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-7 0.6s ease-out forwards;
}
@keyframes particuleAnimation-8 {
  100% {
    transform: translateX(22px) translateY(5px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-8 {
  position: absolute;
  top: 32px;
  left: 26px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-8 0.6s ease-out forwards;
}
@keyframes particuleAnimation-9 {
  100% {
    transform: translateX(-3px) translateY(-36px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-9 {
  position: absolute;
  top: -1px;
  left: -4px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-9 0.6s ease-out forwards;
}
@keyframes particuleAnimation-10 {
  100% {
    transform: translateX(-38px) translateY(79px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-10 {
  position: absolute;
  top: 45px;
  left: 2px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-10 0.6s ease-out forwards;
}
@keyframes particuleAnimation-11 {
  100% {
    transform: translateX(-21px) translateY(25px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-11 {
  position: absolute;
  top: 7px;
  left: 53px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-11 0.6s ease-out forwards;
}
@keyframes particuleAnimation-12 {
  100% {
    transform: translateX(42px) translateY(-79px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-12 {
  position: absolute;
  top: 27px;
  left: -15px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-12 0.6s ease-out forwards;
}
@keyframes particuleAnimation-13 {
  100% {
    transform: translateX(41px) translateY(-34px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-13 {
  position: absolute;
  top: -7px;
  left: 15px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-13 0.6s ease-out forwards;
}
@keyframes particuleAnimation-14 {
  100% {
    transform: translateX(39px) translateY(1px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-14 {
  position: absolute;
  top: 35px;
  left: 17px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-14 0.6s ease-out forwards;
}
@keyframes particuleAnimation-15 {
  100% {
    transform: translateX(26px) translateY(-75px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-15 {
  position: absolute;
  top: 65px;
  left: 6px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-15 0.6s ease-out forwards;
}
@keyframes particuleAnimation-16 {
  100% {
    transform: translateX(14px) translateY(29px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-16 {
  position: absolute;
  top: 44px;
  left: 30px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-16 0.6s ease-out forwards;
}
@keyframes particuleAnimation-17 {
  100% {
    transform: translateX(3px) translateY(30px);
    opacity: 1.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-17 {
  position: absolute;
  top: 13px;
  left: 20px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-17 0.6s ease-out forwards;
}
@keyframes particuleAnimation-18 {
  100% {
    transform: translateX(73px) translateY(11px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-18 {
  position: absolute;
  top: 32px;
  left: 44px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-18 0.6s ease-out forwards;
}
@keyframes particuleAnimation-19 {
  100% {
    transform: translateX(-56px) translateY(-7px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-19 {
  position: absolute;
  top: 66px;
  left: 68px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-19 0.6s ease-out forwards;
}
@keyframes particuleAnimation-20 {
  100% {
    transform: translateX(-13px) translateY(6px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-20 {
  position: absolute;
  top: -11px;
  left: 39px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-20 0.6s ease-out forwards;
}
@keyframes particuleAnimation-21 {
  100% {
    transform: translateX(-1px) translateY(-34px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-21 {
  position: absolute;
  top: 36px;
  left: 13px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-21 0.6s ease-out forwards;
}
@keyframes particuleAnimation-22 {
  100% {
    transform: translateX(-45px) translateY(-51px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-22 {
  position: absolute;
  top: 17px;
  left: 60px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-22 0.6s ease-out forwards;
}
@keyframes particuleAnimation-23 {
  100% {
    transform: translateX(18px) translateY(77px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-23 {
  position: absolute;
  top: -12px;
  left: 35px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-23 0.6s ease-out forwards;
}
@keyframes particuleAnimation-24 {
  100% {
    transform: translateX(-43px) translateY(73px);
    opacity: 0.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-24 {
  position: absolute;
  top: -15px;
  left: -17px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-24 0.6s ease-out forwards;
}
@keyframes particuleAnimation-25 {
  100% {
    transform: translateX(-9px) translateY(-38px);
    opacity: 1.9;
  }
}
.fs-media-gallery .img-wrap:hover .overlay .particle-25 {
  position: absolute;
  top: 1px;
  left: -17px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-25 0.6s ease-out forwards;
}
.fs-media-gallery .img-wrap:hover .date-block::after {
  width: 40%;
}
.fs-media-gallery .album .img-container {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .fs-media-gallery .album .img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
    overflow: hidden;
    padding-bottom: 10px;
  }
  .fs-media-gallery .album .img-container img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 768px) {
  .fs-media-gallery .album .img-container {
    padding: 10px;
    height: 280px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .fs-media-gallery .album .img-container.portrait-container {
    padding-right: 0;
  }
  .fs-media-gallery .album .img-container img {
    height: 280px;
    width: auto;
  }
  .fs-media-gallery .album .img-container img.portrait {
    height: auto !important;
    width: 100%;
  }
  .fs-media-gallery .album .img-container .overlay, .fs-media-gallery .album .img-container img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .fs-media-gallery .album .img-container .overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-left: 10px solid #fff;
    border-top: 10px solid #fff;
    pointer-events: none;
  }
  .fs-media-gallery .album .img-container:hover .overlay {
    background-color: rgba(53, 162, 118, 0.25);
  }
  .fs-media-gallery .album .img-container:hover img {
    transform-origin: center;
    transform: scale(1.02);
  }
}
.fs-media-gallery .album .f3-widget-paginator {
  display: flex !important;
}
.fs-media-gallery .album .album-infos {
  padding-left: 10px;
  margin-bottom: 30px;
}
.list-40 .content h2 {
  margin-bottom: 10px;
}
.container.figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .container.figure {
    max-width: calc(100vw - 45px);
  }
  .container.figure img {
    width: 100%;
    height: auto;
  }
}
.container.figure figcaption {
  overflow-wrap: break-word;
  text-align: center;
  width: 100%;
}
.video-container {
  position: relative;
  width: fit-content;
}
.fancybox-navigation button.fancybox-button--arrow_right {
  margin-right: 30px;
  padding: 31px 0px 31px 0px;
}
.fancybox-navigation button.fancybox-button--arrow_left {
  margin-left: 30px;
  padding: 31px 0px 31px 0px;
}
.fancybox-navigation button.fancybox-button div {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.fancybox-navigation button.fancybox-button div p {
  font-size: 0.95rem;
  margin-top: 10px;
}
/* Toggles */
.card-header {
  background-color: #B9E2DA;
  border: none;
  border-bottom: 1px solid rgba(32, 31, 29, 0.2);
}
.card-header h1 {
  font-size: 25px;
  margin: 0;
  text-align: left;
}
.card-header:hover {
  background-color: rgba(185, 226, 218, 0.8);
}
.card-header button {
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align: left;
}
.card-header button::after, .card-header button::before {
  position: absolute;
  content: "";
  background-color: #201f1d;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.card-header button[aria-expanded="false"]::before {
  right: 6px;
  width: 21px;
  height: 2px;
}
.card-header button[aria-expanded="false"]::after {
  right: 15px;
  width: 2px;
  height: 21px;
}
.card-header button[aria-expanded="true"]::before {
  right: 6px;
  width: 21px;
  height: 2px;
}
.card-header button[aria-expanded="true"]::after {
  right: 15px;
  width: 2px;
  height: 0px;
}
.menuSection {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  top: 10%;
  height: 50px;
  transform: rotate(-90deg);
}
.menuSection a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid #DAF1ED;
  height: 10px;
  width: 10px;
  margin-right: 16px;
}
.menuSection a:hover {
  background-color: #201f1d !important;
}
.menuSection a::after {
  position: absolute;
  content: '';
  border-radius: 50%;
  width: 12px;
  height: 12px;
  border: 1px solid #201f1d;
}
.menuSection .menuSectionTitles {
  position: absolute;
  display: flex;
  align-items: center;
  left: 100%;
  min-width: max-content;
  padding: 10px;
}
.menuSection .menuSectionTitles p {
  display: none;
}
/* Niveau 3 : vues */
/* Gestion des page listes des extensions (news, annuaire...) */
/* Nomenclature : list + list--type + list-numTemplate */
@media only screen and (min-width: 992px) {
  .homepage .fullwidth {
    margin: 0 15px;
  }
}
.homepage .fullwidth .card-body {
  padding-top: 30px;
}
@media only screen and (min-width: 992px) {
  .homepage .fullwidth .card-body {
    margin-left: 200px;
  }
}
@media only screen and (max-width: 992px) {
  .homepage .fullwidth .card-body {
    margin-top: 23px;
  }
}
.homepage .fullwidth .card-body h1 {
  margin-top: 5px;
}
.homepage .fullwidth .img-fluid {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 410px) {
  .homepage .list-actus-hp .order-1 {
    margin-top: -190px;
    margin-bottom: -60px;
  }
}
.homepage .list.list-news .card {
  background: none;
  border: none;
}
@media only screen and (min-width: 992px) {
  .homepage .list.list-news .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.homepage .list.list-news .card .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .homepage .list.list-news .card .card-body {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 992px) {
  .homepage .list.list-news .card .card-body {
    padding: 0px;
  }
}
.homepage .list.list-news .card .card-body .newsHeader {
  -webkit-transition: text-decoration-color 0.3s ease-in-out;
  -moz-transition: text-decoration-color 0.3s ease-in-out;
  -ms-transition: text-decoration-color 0.3s ease-in-out;
  -o-transition: text-decoration-color 0.3s ease-in-out;
  transition: text-decoration-color 0.3s ease-in-out;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
  margin-bottom: 120px;
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
  .homepage .list.list-news .card .card-body .newsHeader {
    margin-top: 30px;
  }
}
.homepage .list.list-news .card .card-body .newsHeader:hover {
  -webkit-transition: text-decoration-color 0.3s ease-in-out;
  -moz-transition: text-decoration-color 0.3s ease-in-out;
  -ms-transition: text-decoration-color 0.3s ease-in-out;
  -o-transition: text-decoration-color 0.3s ease-in-out;
  transition: text-decoration-color 0.3s ease-in-out;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  -webkit-text-decoration-color: rgba(32, 31, 29, 0.6);
  text-decoration-color: rgba(32, 31, 29, 0.6);
}
.homepage .list.list-news .card .card-body .card-text {
  margin: 15px 0;
}
.homepage .list.list-news .card .card-body .list-group {
  position: relative;
  padding-right: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.homepage .list.list-news .card .card-body .list-group::after {
  position: absolute;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
  content: '';
  top: -55px;
  left: 0;
  width: 60px;
}
@media only screen and (min-width: 992px) {
  .homepage .list.list-news .card .card-body .list-group::after {
    border-top: 4px solid #201f1d;
  }
}
@media only screen and (max-width: 992px) {
  .homepage .list.list-news .card .card-body .list-group::after {
    border-top: 3px solid #201f1d;
  }
}
.homepage .list.list-news .card .card-body .list-group .list-group-item {
  background: none;
  border: none;
  padding: 0 5px 0 0;
  font-size: 1.125rem;
}
.homepage .list.list-news .card .card-body .date {
  font-size: 1.125rem;
  text-transform: uppercase;
}
.homepage .list.list-news .card .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 500px;
  -webkit-clip-path: circle();
  clip-path: circle();
}
@media only screen and (min-width: 768px) {
  .homepage .list.list-news .card .img-wrap {
    width: 500px;
  }
}
.homepage .list.list-news .card .img-wrap .img-fluid {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: auto;
}
.homepage .list.list-news .card .img-wrap .overlay {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: rgba(53, 162, 118, 0);
}
.homepage .list.list-news .card .img-wrap .overlay .imgParticles {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.homepage .list.list-news .card .img-wrap .overlay .imgBtn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 66px;
  width: 66px;
}
.homepage .list.list-news .card .img-wrap .overlay .imgBtn img {
  z-index: 10;
}
.homepage .list.list-news .card .img-wrap .overlay .imgBtn, .homepage .list.list-news .card .img-wrap .overlay .imgParticles a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  background-color: #fff;
  border-radius: 50%;
}
.homepage .list.list-news .card .img-wrap:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
}
.homepage .list.list-news .card .img-wrap:hover .overlay {
  background-color: rgba(53, 162, 118, 0.25);
}
.homepage .list.list-news .card .img-wrap:hover .imgBtn, .homepage .list.list-news .card .img-wrap:hover .imgParticles {
  opacity: 0.9;
}
@keyframes particuleAnimation-1 {
  100% {
    transform: translateX(-58px) translateY(-36px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-1 {
  position: absolute;
  top: 35px;
  left: 30px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-1 0.6s ease-out forwards;
}
@keyframes particuleAnimation-2 {
  100% {
    transform: translateX(11px) translateY(-64px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-2 {
  position: absolute;
  top: -2px;
  left: 46px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-2 0.6s ease-out forwards;
}
@keyframes particuleAnimation-3 {
  100% {
    transform: translateX(-42px) translateY(30px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-3 {
  position: absolute;
  top: 61px;
  left: 27px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-3 0.6s ease-out forwards;
}
@keyframes particuleAnimation-4 {
  100% {
    transform: translateX(-17px) translateY(52px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-4 {
  position: absolute;
  top: 11px;
  left: -17px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-4 0.6s ease-out forwards;
}
@keyframes particuleAnimation-5 {
  100% {
    transform: translateX(80px) translateY(-34px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-5 {
  position: absolute;
  top: -2px;
  left: -1px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-5 0.6s ease-out forwards;
}
@keyframes particuleAnimation-6 {
  100% {
    transform: translateX(-21px) translateY(-14px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-6 {
  position: absolute;
  top: 11px;
  left: 15px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-6 0.6s ease-out forwards;
}
@keyframes particuleAnimation-7 {
  100% {
    transform: translateX(-30px) translateY(-33px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-7 {
  position: absolute;
  top: 56px;
  left: 54px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-7 0.6s ease-out forwards;
}
@keyframes particuleAnimation-8 {
  100% {
    transform: translateX(-36px) translateY(-30px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-8 {
  position: absolute;
  top: -3px;
  left: 60px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-8 0.6s ease-out forwards;
}
@keyframes particuleAnimation-9 {
  100% {
    transform: translateX(-67px) translateY(-63px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-9 {
  position: absolute;
  top: 62px;
  left: 65px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-9 0.6s ease-out forwards;
}
@keyframes particuleAnimation-10 {
  100% {
    transform: translateX(25px) translateY(-2px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-10 {
  position: absolute;
  top: 56px;
  left: 37px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-10 0.6s ease-out forwards;
}
@keyframes particuleAnimation-11 {
  100% {
    transform: translateX(35px) translateY(60px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-11 {
  position: absolute;
  top: -19px;
  left: 54px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-11 0.6s ease-out forwards;
}
@keyframes particuleAnimation-12 {
  100% {
    transform: translateX(14px) translateY(12px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-12 {
  position: absolute;
  top: 4px;
  left: 18px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-12 0.6s ease-out forwards;
}
@keyframes particuleAnimation-13 {
  100% {
    transform: translateX(40px) translateY(-76px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-13 {
  position: absolute;
  top: 30px;
  left: 20px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-13 0.6s ease-out forwards;
}
@keyframes particuleAnimation-14 {
  100% {
    transform: translateX(-18px) translateY(69px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-14 {
  position: absolute;
  top: 58px;
  left: 70px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-14 0.6s ease-out forwards;
}
@keyframes particuleAnimation-15 {
  100% {
    transform: translateX(50px) translateY(-15px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-15 {
  position: absolute;
  top: -9px;
  left: 38px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-15 0.6s ease-out forwards;
}
@keyframes particuleAnimation-16 {
  100% {
    transform: translateX(25px) translateY(65px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-16 {
  position: absolute;
  top: 5px;
  left: 48px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-16 0.6s ease-out forwards;
}
@keyframes particuleAnimation-17 {
  100% {
    transform: translateX(-64px) translateY(-51px);
    opacity: 1.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-17 {
  position: absolute;
  top: -7px;
  left: 69px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-17 0.6s ease-out forwards;
}
@keyframes particuleAnimation-18 {
  100% {
    transform: translateX(21px) translateY(-62px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-18 {
  position: absolute;
  top: 32px;
  left: 47px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-18 0.6s ease-out forwards;
}
@keyframes particuleAnimation-19 {
  100% {
    transform: translateX(-69px) translateY(75px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-19 {
  position: absolute;
  top: 47px;
  left: 26px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-19 0.6s ease-out forwards;
}
@keyframes particuleAnimation-20 {
  100% {
    transform: translateX(20px) translateY(27px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-20 {
  position: absolute;
  top: 25px;
  left: 33px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-20 0.6s ease-out forwards;
}
@keyframes particuleAnimation-21 {
  100% {
    transform: translateX(60px) translateY(78px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-21 {
  position: absolute;
  top: 29px;
  left: 29px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-21 0.6s ease-out forwards;
}
@keyframes particuleAnimation-22 {
  100% {
    transform: translateX(-7px) translateY(-5px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-22 {
  position: absolute;
  top: 33px;
  left: 37px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-22 0.6s ease-out forwards;
}
@keyframes particuleAnimation-23 {
  100% {
    transform: translateX(25px) translateY(20px);
    opacity: 1.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-23 {
  position: absolute;
  top: -13px;
  left: -5px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-23 0.6s ease-out forwards;
}
@keyframes particuleAnimation-24 {
  100% {
    transform: translateX(-9px) translateY(-43px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-24 {
  position: absolute;
  top: 59px;
  left: 65px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-24 0.6s ease-out forwards;
}
@keyframes particuleAnimation-25 {
  100% {
    transform: translateX(-9px) translateY(20px);
    opacity: 0.9;
  }
}
.homepage .list.list-news .card .img-wrap:hover .particle-25 {
  position: absolute;
  top: 66px;
  left: -4px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-25 0.6s ease-out forwards;
}
.homepage .list.list-news .card .img-full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.homepage .list.list-news .card .img-full .img-wrap {
  position: relative;
}
.homepage .list.list-news .card .img-full .img-wrap .img-fluid {
  min-width: 100%;
}
.homepage .list.list-news .card .zoom {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
@media only screen and (max-width: 576px) {
  .homepage .list.list-news.list-agenda-hp article {
    margin-top: -70px;
  }
}
@media only screen and (max-width: 768px) {
  .homepage .list.list-news.list-agenda-hp article h1 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .homepage .list.list-news.list-agenda-hp article .img-wrap {
    width: unset;
  }
}
.homepage .list.list-actus-hp-temp article.card-news .card-body a h1.title-temp {
  margin-bottom: 50px;
}
.homepage .list.list-actus-hp-temp article.card-news .card-body .linkToNews a.animLink {
  font-size: 1.15625rem;
}
.homepage .homepage-card-group {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .homepage .homepage-card-group .linkToNews {
    position: absolute;
    top: -45px;
    right: 15px;
  }
}
.homepage .homepage-card-group .card {
  background: none;
  outline: none;
  border: none;
}
@media only screen and (max-width: 992px) {
  .homepage .homepage-card-group .card {
    margin-bottom: 40px;
  }
}
.homepage .homepage-card-group .card .card-body {
  padding: 0px;
}
.homepage .homepage-card-group .card .card-body h1 {
  margin: 0 !important;
  padding-bottom: 45px;
}
.homepage .homepage-card-group .card .card-body .date-block {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .homepage .homepage-card-group .card .card-body .date-block {
    padding: 27px 0 10px 0;
  }
}
@media only screen and (max-width: 992px) {
  .homepage .homepage-card-group .card .card-body .date-block {
    padding: 10px 0 10px 0;
  }
}
.homepage .homepage-card-group .card .card-body .date-block .date {
  font-size: 22px;
}
.homepage .homepage-card-group .card .card-body .date-block::after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #201f1d;
}
.homepage .homepage-card-group .card .card-body h2 {
  margin-top: 10px;
  font-size: 20px;
}
.homepage .homepage-card-group .card .img-wrap {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height: 250px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-clip-path: circle(90%);
  clip-path: circle(90%);
}
.homepage .homepage-card-group .card .img-wrap .overlay {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  width: 100%;
  height: 250px;
  background-color: rgba(53, 162, 118, 0);
}
.homepage .homepage-card-group .card .img-wrap .overlay .imgParticles {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.homepage .homepage-card-group .card .img-wrap .overlay .imgBtn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 66px;
  width: 66px;
}
.homepage .homepage-card-group .card .img-wrap .overlay .imgBtn img {
  z-index: 10;
}
.homepage .homepage-card-group .card .img-wrap .overlay .imgBtn, .homepage .homepage-card-group .card .img-wrap .overlay .imgParticles a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  background-color: #fff;
  border-radius: 50%;
}
.homepage .homepage-card-group .card:hover .img-wrap {
  -webkit-clip-path: circle(40%);
  clip-path: circle(40%);
}
.homepage .homepage-card-group .card:hover .overlay {
  background-color: rgba(53, 162, 118, 0.25);
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
}
.homepage .homepage-card-group .card:hover .overlay .imgBtn, .homepage .homepage-card-group .card:hover .overlay .imgParticles {
  opacity: 0.8;
}
@keyframes particuleAnimation-1 {
  100% {
    transform: translateX(32px) translateY(65px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-1 {
  position: absolute;
  top: 55px;
  left: 35px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-1 0.6s ease-out forwards;
}
@keyframes particuleAnimation-2 {
  100% {
    transform: translateX(-79px) translateY(-61px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-2 {
  position: absolute;
  top: 8px;
  left: -7px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-2 0.6s ease-out forwards;
}
@keyframes particuleAnimation-3 {
  100% {
    transform: translateX(45px) translateY(33px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-3 {
  position: absolute;
  top: 60px;
  left: 58px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-3 0.6s ease-out forwards;
}
@keyframes particuleAnimation-4 {
  100% {
    transform: translateX(-54px) translateY(42px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-4 {
  position: absolute;
  top: 8px;
  left: 61px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-4 0.6s ease-out forwards;
}
@keyframes particuleAnimation-5 {
  100% {
    transform: translateX(76px) translateY(23px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-5 {
  position: absolute;
  top: 38px;
  left: 15px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-5 0.6s ease-out forwards;
}
@keyframes particuleAnimation-6 {
  100% {
    transform: translateX(-15px) translateY(38px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-6 {
  position: absolute;
  top: -1px;
  left: 63px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-6 0.6s ease-out forwards;
}
@keyframes particuleAnimation-7 {
  100% {
    transform: translateX(57px) translateY(76px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-7 {
  position: absolute;
  top: -13px;
  left: 63px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-7 0.6s ease-out forwards;
}
@keyframes particuleAnimation-8 {
  100% {
    transform: translateX(34px) translateY(41px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-8 {
  position: absolute;
  top: 52px;
  left: 60px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-8 0.6s ease-out forwards;
}
@keyframes particuleAnimation-9 {
  100% {
    transform: translateX(33px) translateY(5px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-9 {
  position: absolute;
  top: 16px;
  left: -20px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-9 0.6s ease-out forwards;
}
@keyframes particuleAnimation-10 {
  100% {
    transform: translateX(80px) translateY(-35px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-10 {
  position: absolute;
  top: -10px;
  left: 66px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-10 0.6s ease-out forwards;
}
@keyframes particuleAnimation-11 {
  100% {
    transform: translateX(41px) translateY(-68px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-11 {
  position: absolute;
  top: 11px;
  left: -12px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-11 0.6s ease-out forwards;
}
@keyframes particuleAnimation-12 {
  100% {
    transform: translateX(54px) translateY(-44px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-12 {
  position: absolute;
  top: -14px;
  left: 52px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-12 0.6s ease-out forwards;
}
@keyframes particuleAnimation-13 {
  100% {
    transform: translateX(-26px) translateY(-42px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-13 {
  position: absolute;
  top: 64px;
  left: 63px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-13 0.6s ease-out forwards;
}
@keyframes particuleAnimation-14 {
  100% {
    transform: translateX(-19px) translateY(64px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-14 {
  position: absolute;
  top: 10px;
  left: -14px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-14 0.6s ease-out forwards;
}
@keyframes particuleAnimation-15 {
  100% {
    transform: translateX(78px) translateY(65px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-15 {
  position: absolute;
  top: -11px;
  left: 30px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-15 0.6s ease-out forwards;
}
@keyframes particuleAnimation-16 {
  100% {
    transform: translateX(14px) translateY(-36px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-16 {
  position: absolute;
  top: 31px;
  left: 30px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-16 0.6s ease-out forwards;
}
@keyframes particuleAnimation-17 {
  100% {
    transform: translateX(68px) translateY(23px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-17 {
  position: absolute;
  top: -11px;
  left: 5px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-17 0.6s ease-out forwards;
}
@keyframes particuleAnimation-18 {
  100% {
    transform: translateX(24px) translateY(-69px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-18 {
  position: absolute;
  top: 57px;
  left: 52px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-18 0.6s ease-out forwards;
}
@keyframes particuleAnimation-19 {
  100% {
    transform: translateX(25px) translateY(-16px);
    opacity: 1.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-19 {
  position: absolute;
  top: 27px;
  left: -8px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-19 0.6s ease-out forwards;
}
@keyframes particuleAnimation-20 {
  100% {
    transform: translateX(11px) translateY(77px);
    opacity: 1.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-20 {
  position: absolute;
  top: 51px;
  left: 3px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-20 0.6s ease-out forwards;
}
@keyframes particuleAnimation-21 {
  100% {
    transform: translateX(-51px) translateY(71px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-21 {
  position: absolute;
  top: 54px;
  left: 20px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-21 0.6s ease-out forwards;
}
@keyframes particuleAnimation-22 {
  100% {
    transform: translateX(-10px) translateY(23px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-22 {
  position: absolute;
  top: -5px;
  left: 5px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-22 0.6s ease-out forwards;
}
@keyframes particuleAnimation-23 {
  100% {
    transform: translateX(-29px) translateY(-50px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-23 {
  position: absolute;
  top: 46px;
  left: 30px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-23 0.6s ease-out forwards;
}
@keyframes particuleAnimation-24 {
  100% {
    transform: translateX(26px) translateY(-45px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-24 {
  position: absolute;
  top: 4px;
  left: 26px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-24 0.6s ease-out forwards;
}
@keyframes particuleAnimation-25 {
  100% {
    transform: translateX(-70px) translateY(-69px);
    opacity: 0.9;
  }
}
.homepage .homepage-card-group .card:hover .overlay .particle-25 {
  position: absolute;
  top: 57px;
  left: 39px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-25 0.6s ease-out forwards;
}
.homepage .homepage-card-group .card:hover .date-block::after {
  width: 40%;
}
.homepage .homepage-card-group.menuPages .img-wrap {
  -webkit-clip-path: circle(40%);
  clip-path: circle(40%);
  min-height: 340px;
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .homepage .homepage-card-group.menuPages .img-wrap {
    -webkit-clip-path: unset;
    clip-path: unset;
  }
}
.homepage .homepage-card-group.menuPages .img-wrap .overlay {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  min-height: 340px;
}
.homepage .homepage-card-group.menuPages .img-wrap img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.homepage .homepage-card-group.menuPages .card-body {
  margin-top: 10px;
}
.homepage .homepage-card-group.menuPages .card-body .content h2 {
  text-align: center;
  margin-bottom: 15px;
  padding: 0 15px;
}
.homepage .homepage-card-group.menuPages .card-body .content p {
  padding: 0 5px;
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .homepage .homepage-card-group.menuPages .card:hover .img-wrap {
    -webkit-clip-path: unset;
    clip-path: unset;
  }
  .homepage .homepage-card-group.menuPages .card:hover .overlay {
    border-radius: unset;
  }
}
.homepage .homepage-card-group.menuPages .card:hover .overlay {
  opacity: 1;
}
.homepage .homepage-card-group.menuPages .card:hover .content h2 {
  text-decoration: underline;
}
.homepage .homepage-card-group.menuPages .card:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
@media only screen and (max-width: 576px) {
  .homepage .homepage-card-group .card-deck {
    margin-top: 23px;
  }
  .homepage .homepage-card-group .card-deck .img-fluid {
    width: 100%;
  }
}
.homepage .homepage-card-group .card-deck .card h2 {
  font-family: "ggkahnregular", "Arial", sans-serif;
  font-weight: 400;
}
.homepage .date {
  text-transform: uppercase;
}
/* Barre de recherches */
#searchBar {
  display: none;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  #searchBar {
    order: 0;
    padding: 0 0 0 15px;
  }
  #searchBar input {
    width: 100%;
    border-bottom: 1px solid #201f1d !important;
    margin-right: 10px;
    border-spacing: 10px;
  }
  #searchBar #closesearchBar {
    margin-left: 10px;
    padding-right: 0px;
  }
}
#searchBar .searchBtnGroup {
  position: absolute;
  right: 15px;
}
#searchBar #searchForm {
  justify-content: space-between;
  width: 100%;
}
#searchBar #searchForm input {
  background: none;
  border: none;
  outline: none;
  width: calc(100% - 90px);
}
#searchBar #searchForm input::placeholder {
  font-family: "ggkahnmedium", "Arial", sans-serif;
  font-size: 1.25rem;
  color: #201f1d;
}
#searchBar #searchForm button[type=button] {
  margin-left: 10px;
  display: flex;
}
#searchBar path, #searchBar line {
  stroke-width: 2px;
}
/* Mobile - Barre de recherches */
#searchBarMobile {
  background-color: #DAF1ED;
}
@media only screen and (min-width: 992px) {
  #searchBarMobile {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  #searchBarMobile {
    position: relative;
  }
  #searchBarMobile #searchBar {
    padding-top: 20px;
    min-height: 80px;
  }
}
#searchBarMobile::after {
  position: absolute;
  content: '';
  top: -100%;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #DAF1ED;
  z-index: -10;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.gallery-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* Différentes orientations */
  /* Animations */
}
@media only screen and (min-width: 992px) {
  .gallery-container {
    flex-direction: row;
    height: 750px;
  }
}
@media only screen and (max-width: 992px) {
  .gallery-container {
    flex-direction: column;
    padding: 0;
  }
}
.gallery-container .right-top, .gallery-container .right-bottom, .gallery-container .left-top, .gallery-container .left-bottom {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .gallery-container .right .right-top {
    margin-bottom: 40px;
  }
}
.gallery-container .right .img-full {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.gallery-container.gallery-container-left .left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  margin-top: -40px;
  /* Title */
  /* Vignette */
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-left .left {
    width: 375px;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .gallery-container.gallery-container-left .left {
    max-width: 100%;
    overflow: hidden;
  }
}
.gallery-container.gallery-container-left .left h1 {
  margin-bottom: 50%;
}
.gallery-container.gallery-container-left .left .img-fluid {
  max-width: unset;
  width: auto;
}
@media only screen and (max-width: 992px) {
  .gallery-container.gallery-container-left .left .img-fluid {
    height: auto;
    width: 500px;
  }
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-left .left .img-fluid {
    height: 500px;
  }
}
.gallery-container.gallery-container-left .left article {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-left .left article .img-full {
    width: 375px;
  }
}
@media only screen and (max-width: 992px) {
  .gallery-container.gallery-container-left .left article .img-full {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .gallery-container.gallery-container-left .right {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-left .right .right-top {
    margin-bottom: 40px;
  }
}
.gallery-container.gallery-container-left .right .img-full {
  height: 375px;
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-left .right .img-full {
    width: 500px;
  }
}
.gallery-container.gallery-container-left .right .img-full .img-fluid {
  max-width: unset;
  width: auto;
}
.gallery-container.gallery-container-right .right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  margin-top: -40px;
  /* Title */
  /* Vignette */
}
@media only screen and (max-width: 992px) {
  .gallery-container.gallery-container-right .right {
    max-width: 100%;
    overflow: hidden;
    order: 0;
  }
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-right .right {
    width: 375px;
    margin-left: 40px;
  }
}
.gallery-container.gallery-container-right .right article {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-right .right article .img-full {
    width: 375px;
  }
}
@media only screen and (max-width: 992px) {
  .gallery-container.gallery-container-right .right article .img-full {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-right .right h1 {
    margin-bottom: 50%;
  }
}
@media only screen and (max-width: 992px) {
  .gallery-container.gallery-container-right .right h1 {
    text-align: center;
    margin-bottom: 40px;
  }
}
.gallery-container.gallery-container-right .right .img-fluid {
  max-width: unset;
  width: auto;
}
@media only screen and (max-width: 992px) {
  .gallery-container.gallery-container-right .right .img-fluid {
    height: auto;
    width: 500px;
  }
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-right .right .img-fluid {
    height: 500px;
  }
}
@media only screen and (max-width: 992px) {
  .gallery-container.gallery-container-right .left {
    max-width: 100%;
    order: 1;
  }
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-right .left .left-top {
    margin-bottom: 40px;
  }
}
.gallery-container.gallery-container-right .left .img-full {
  height: 375px;
}
@media only screen and (min-width: 992px) {
  .gallery-container.gallery-container-right .left .img-full {
    width: 500px;
  }
}
.gallery-container.gallery-container-right .left .img-full .img-fluid {
  max-width: unset;
  width: auto;
}
.gallery-container .header-container {
  align-self: flex-start;
}
@media only screen and (max-width: 992px) {
  .gallery-container .header-container {
    width: 100%;
  }
}
.gallery-container .header-container h1 {
  margin: 0 0 23px 0 !important;
}
@media only screen and (max-width: 992px) {
  .gallery-container article {
    margin-bottom: 15px;
  }
}
.gallery-container .img-full {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media only screen and (max-width: 992px) {
  .gallery-container .img-full {
    height: 375px;
  }
}
.gallery-container .img-full .overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background-color: rgba(53, 162, 118, 0);
}
.gallery-container .img-full .overlay .imgParticles {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: -1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.gallery-container .img-full .overlay .imgBtn {
  z-index: 11;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 66px;
  width: 66px;
}
.gallery-container .img-full .overlay .imgBtn, .gallery-container .img-full .overlay .imgParticles a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  background-color: #fff;
  border-radius: 50%;
}
.gallery-container .img-full .imgText {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-wrap: anywhere;
  padding: 15px;
}
.gallery-container .img-full .imgText .imgCapsule {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 220px;
  width: 220px;
  border-radius: 50%;
  padding: 10px;
  background-color: #fff;
}
.gallery-container .img-full .imgText .imgCapsule h5 {
  text-align: center;
}
.gallery-container .img-full .imgText .imgCapsule .imgLine {
  width: 35px;
  border-top: 2px solid #201f1d;
  margin-top: 20px;
  transform: rotate(-35deg);
}
.gallery-container .img-full:hover .overlay {
  background-color: rgba(53, 162, 118, 0.25);
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
  /* Une animation par particule est générée */
  /* Pour chaque particulue */
}
.gallery-container .img-full:hover .overlay .imgBtn, .gallery-container .img-full:hover .overlay .imgParticles {
  opacity: 0.9;
}
@keyframes particuleAnimation-1 {
  100% {
    transform: translateX(-35px) translateY(54px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-1 {
  position: absolute;
  top: 54px;
  left: -8px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-1 0.6s ease-out forwards;
}
@keyframes particuleAnimation-2 {
  100% {
    transform: translateX(-70px) translateY(79px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-2 {
  position: absolute;
  top: -17px;
  left: 7px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-2 0.6s ease-out forwards;
}
@keyframes particuleAnimation-3 {
  100% {
    transform: translateX(14px) translateY(-38px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-3 {
  position: absolute;
  top: 32px;
  left: 67px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-3 0.6s ease-out forwards;
}
@keyframes particuleAnimation-4 {
  100% {
    transform: translateX(19px) translateY(-30px);
    opacity: 1.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-4 {
  position: absolute;
  top: -17px;
  left: -13px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-4 0.6s ease-out forwards;
}
@keyframes particuleAnimation-5 {
  100% {
    transform: translateX(-32px) translateY(-31px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-5 {
  position: absolute;
  top: 2px;
  left: -4px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-5 0.6s ease-out forwards;
}
@keyframes particuleAnimation-6 {
  100% {
    transform: translateX(19px) translateY(-75px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-6 {
  position: absolute;
  top: -12px;
  left: 28px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-6 0.6s ease-out forwards;
}
@keyframes particuleAnimation-7 {
  100% {
    transform: translateX(30px) translateY(30px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-7 {
  position: absolute;
  top: 42px;
  left: 49px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-7 0.6s ease-out forwards;
}
@keyframes particuleAnimation-8 {
  100% {
    transform: translateX(60px) translateY(-21px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-8 {
  position: absolute;
  top: 0px;
  left: 28px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-8 0.6s ease-out forwards;
}
@keyframes particuleAnimation-9 {
  100% {
    transform: translateX(64px) translateY(52px);
    opacity: 1.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-9 {
  position: absolute;
  top: 28px;
  left: -1px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-9 0.6s ease-out forwards;
}
@keyframes particuleAnimation-10 {
  100% {
    transform: translateX(-44px) translateY(63px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-10 {
  position: absolute;
  top: 20px;
  left: 2px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-10 0.6s ease-out forwards;
}
@keyframes particuleAnimation-11 {
  100% {
    transform: translateX(28px) translateY(-44px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-11 {
  position: absolute;
  top: 51px;
  left: 32px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-11 0.6s ease-out forwards;
}
@keyframes particuleAnimation-12 {
  100% {
    transform: translateX(50px) translateY(16px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-12 {
  position: absolute;
  top: 27px;
  left: 70px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-12 0.6s ease-out forwards;
}
@keyframes particuleAnimation-13 {
  100% {
    transform: translateX(-65px) translateY(24px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-13 {
  position: absolute;
  top: -3px;
  left: 42px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-13 0.6s ease-out forwards;
}
@keyframes particuleAnimation-14 {
  100% {
    transform: translateX(-63px) translateY(47px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-14 {
  position: absolute;
  top: -8px;
  left: 34px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-14 0.6s ease-out forwards;
}
@keyframes particuleAnimation-15 {
  100% {
    transform: translateX(28px) translateY(9px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-15 {
  position: absolute;
  top: 67px;
  left: 46px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-15 0.6s ease-out forwards;
}
@keyframes particuleAnimation-16 {
  100% {
    transform: translateX(-46px) translateY(-12px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-16 {
  position: absolute;
  top: 15px;
  left: 35px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-16 0.6s ease-out forwards;
}
@keyframes particuleAnimation-17 {
  100% {
    transform: translateX(-69px) translateY(-31px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-17 {
  position: absolute;
  top: 8px;
  left: 30px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-17 0.6s ease-out forwards;
}
@keyframes particuleAnimation-18 {
  100% {
    transform: translateX(61px) translateY(42px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-18 {
  position: absolute;
  top: -20px;
  left: 25px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-18 0.6s ease-out forwards;
}
@keyframes particuleAnimation-19 {
  100% {
    transform: translateX(36px) translateY(-56px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-19 {
  position: absolute;
  top: 25px;
  left: -15px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-19 0.6s ease-out forwards;
}
@keyframes particuleAnimation-20 {
  100% {
    transform: translateX(3px) translateY(36px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-20 {
  position: absolute;
  top: 66px;
  left: -16px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-20 0.6s ease-out forwards;
}
@keyframes particuleAnimation-21 {
  100% {
    transform: translateX(-48px) translateY(-16px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-21 {
  position: absolute;
  top: 39px;
  left: 18px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-21 0.6s ease-out forwards;
}
@keyframes particuleAnimation-22 {
  100% {
    transform: translateX(-80px) translateY(-58px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-22 {
  position: absolute;
  top: -13px;
  left: 5px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-22 0.6s ease-out forwards;
}
@keyframes particuleAnimation-23 {
  100% {
    transform: translateX(-66px) translateY(80px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-23 {
  position: absolute;
  top: -3px;
  left: 8px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-23 0.6s ease-out forwards;
}
@keyframes particuleAnimation-24 {
  100% {
    transform: translateX(-12px) translateY(72px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-24 {
  position: absolute;
  top: 17px;
  left: 27px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-24 0.6s ease-out forwards;
}
@keyframes particuleAnimation-25 {
  100% {
    transform: translateX(-11px) translateY(-5px);
    opacity: 0.9;
  }
}
.gallery-container .img-full:hover .overlay .particle-25 {
  position: absolute;
  top: 37px;
  left: 35px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #fff;
  animation: particuleAnimation-25 0.6s ease-out forwards;
}
.gallery-container .img-full:hover .imgText {
  opacity: 0;
}
.imgCapsule {
  opacity: 0.9;
}