@font-face {
    font-family: 'Intro';
    src: url('../../group/font/Intro-Bold.eot');
    src: url('../../group/font/Intro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Bold.woff2') format('woff2'),
        url('../../group/font/Intro-Bold.woff') format('woff'),
        url('../../group/font/Intro-Bold.ttf') format('truetype'),
        url('../../group/font/Intro-Bold.svg#Intro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Intro Book';
    src: url('../../group/font/Intro-Book-Italic.eot');
    src: url('../../group/font/Intro-Book-Italic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Book-Italic.woff2') format('woff2'),
        url('../../group/font/Intro-Book-Italic.woff') format('woff'),
        url('../../group/font/Intro-Book-Italic.ttf') format('truetype'),
        url('../../group/font/Intro-Book-Italic.svg#Intro-Book-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
  font-family: 'Intro Book';
  src: url('../../group/font/Intro-Book.eot');
  src: url('../../group/font/Intro-Book.eot?#iefix') format('embedded-opentype'),
      url('../../group/font/Intro-Book.woff2') format('woff2'),
      url('../../group/font/Intro-Book.woff') format('woff'),
      url('../../group/font/Intro-Book.ttf') format('truetype'),
      url('../../group/font/Intro-Book.svg#Intro-Book') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Intro';
    src: url('../../group/font/Intro-Bold-Italic.eot');
    src: url('../../group/font/Intro-Bold-Italic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Bold-Italic.woff2') format('woff2'),
        url('../../group/font/Intro-Bold-Italic.woff') format('woff'),
        url('../../group/font/Intro-Bold-Italic.ttf') format('truetype'),
        url('../../group/font/Intro-Bold-Italic.svg#Intro-Bold-Italic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Intro';
    src: url('../../group/font/Intro-Black.eot');
    src: url('../../group/font/Intro-Black.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Black.woff2') format('woff2'),
        url('../../group/font/Intro-Black.woff') format('woff'),
        url('../../group/font/Intro-Black.ttf') format('truetype'),
        url('../../group/font/Intro-Black.svg#Intro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Intro';
    src: url('../../group/font/Intro-Black-Italic.eot');
    src: url('../../group/font/Intro-Black-Italic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Black-Italic.woff2') format('woff2'),
        url('../../group/font/Intro-Black-Italic.woff') format('woff'),
        url('../../group/font/Intro-Black-Italic.ttf') format('truetype'),
        url('../../group/font/Intro-Black-Italic.svg#Intro-Black-Italic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Intro';
    src: url('../../group/font/Intro-Thin.eot');
    src: url('../../group/font/Intro-Thin.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Thin.woff2') format('woff2'),
        url('../../group/font/Intro-Thin.woff') format('woff'),
        url('../../group/font/Intro-Thin.ttf') format('truetype'),
        url('../../group/font/Intro-Thin.svg#Intro-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Intro';
    src: url('../../group/font/Intro-Regular.eot');
    src: url('../../group/font/Intro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Regular.woff2') format('woff2'),
        url('../../group/font/Intro-Regular.woff') format('woff'),
        url('../../group/font/Intro-Regular.ttf') format('truetype'),
        url('../../group/font/Intro-Regular.svg#Intro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Intro Regular';
    src: url('../../group/font/Intro-Regular-Italic.eot');
    src: url('../../group/font/Intro-Regular-Italic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Regular-Italic.woff2') format('woff2'),
        url('../../group/font/Intro-Regular-Italic.woff') format('woff'),
        url('../../group/font/Intro-Regular-Italic.ttf') format('truetype'),
        url('../../group/font/Intro-Regular-Italic.svg#Intro-Regular-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Intro';
    src: url('../../group/font/Intro-Light-Italic.eot');
    src: url('../../group/font/Intro-Light-Italic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Light-Italic.woff2') format('woff2'),
        url('../../group/font/Intro-Light-Italic.woff') format('woff'),
        url('../../group/font/Intro-Light-Italic.ttf') format('truetype'),
        url('../../group/font/Intro-Light-Italic.svg#Intro-Light-Italic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Intro';
    src: url('../../group/font/Intro-Light.eot');
    src: url('../../group/font/Intro-Light.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Light.woff2') format('woff2'),
        url('../../group/font/Intro-Light.woff') format('woff'),
        url('../../group/font/Intro-Light.ttf') format('truetype'),
        url('../../group/font/Intro-Light.svg#Intro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Intro';
    src: url('../../group/font/Intro-Thin-Italic.eot');
    src: url('../../group/font/Intro-Thin-Italic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/Intro-Thin-Italic.woff2') format('woff2'),
        url('../../group/font/Intro-Thin-Italic.woff') format('woff'),
        url('../../group/font/Intro-Thin-Italic.ttf') format('truetype'),
        url('../../group/font/Intro-Thin-Italic.svg#Intro-Thin-Italic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerHeavy.eot');
    src: url('../../group/font/MullerHeavy.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerHeavy.woff2') format('woff2'),
        url('../../group/font/MullerHeavy.woff') format('woff'),
        url('../../group/font/MullerHeavy.ttf') format('truetype'),
        url('../../group/font/MullerHeavy.svg#MullerHeavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerMedium.eot');
    src: url('../../group/font/MullerMedium.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerMedium.woff2') format('woff2'),
        url('../../group/font/MullerMedium.woff') format('woff'),
        url('../../group/font/MullerMedium.ttf') format('truetype'),
        url('../../group/font/MullerMedium.svg#MullerMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerBlackItalic.eot');
    src: url('../../group/font/MullerBlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerBlackItalic.woff2') format('woff2'),
        url('../../group/font/MullerBlackItalic.woff') format('woff'),
        url('../../group/font/MullerBlackItalic.ttf') format('truetype'),
        url('../../group/font/MullerBlackItalic.svg#MullerBlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerRegular.eot');
    src: url('../../group/font/MullerRegular.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerRegular.woff2') format('woff2'),
        url('../../group/font/MullerRegular.woff') format('woff'),
        url('../../group/font/MullerRegular.ttf') format('truetype'),
        url('../../group/font/MullerRegular.svg#MullerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerBoldItalic.eot');
    src: url('../../group/font/MullerBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerBoldItalic.woff2') format('woff2'),
        url('../../group/font/MullerBoldItalic.woff') format('woff'),
        url('../../group/font/MullerBoldItalic.ttf') format('truetype'),
        url('../../group/font/MullerBoldItalic.svg#MullerBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller Regular';
    src: url('../../group/font/MullerRegularItalic.eot');
    src: url('../../group/font/MullerRegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerRegularItalic.woff2') format('woff2'),
        url('../../group/font/MullerRegularItalic.woff') format('woff'),
        url('../../group/font/MullerRegularItalic.ttf') format('truetype'),
        url('../../group/font/MullerRegularItalic.svg#MullerRegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerUltraLight.eot');
    src: url('../../group/font/MullerUltraLight.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerUltraLight.woff2') format('woff2'),
        url('../../group/font/MullerUltraLight.woff') format('woff'),
        url('../../group/font/MullerUltraLight.ttf') format('truetype'),
        url('../../group/font/MullerUltraLight.svg#MullerUltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerThin.eot');
    src: url('../../group/font/MullerThin.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerThin.woff2') format('woff2'),
        url('../../group/font/MullerThin.woff') format('woff'),
        url('../../group/font/MullerThin.ttf') format('truetype'),
        url('../../group/font/MullerThin.svg#MullerThin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerExtraBold.eot');
    src: url('../../group/font/MullerExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerExtraBold.woff2') format('woff2'),
        url('../../group/font/MullerExtraBold.woff') format('woff'),
        url('../../group/font/MullerExtraBold.ttf') format('truetype'),
        url('../../group/font/MullerExtraBold.svg#MullerExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerLightItalic.eot');
    src: url('../../group/font/MullerLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerLightItalic.woff2') format('woff2'),
        url('../../group/font/MullerLightItalic.woff') format('woff'),
        url('../../group/font/MullerLightItalic.ttf') format('truetype'),
        url('../../group/font/MullerLightItalic.svg#MullerLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller Hairline';
    src: url('../../group/font/MullerHairline.eot');
    src: url('../../group/font/MullerHairline.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerHairline.woff2') format('woff2'),
        url('../../group/font/MullerHairline.woff') format('woff'),
        url('../../group/font/MullerHairline.ttf') format('truetype'),
        url('../../group/font/MullerHairline.svg#MullerHairline') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerBlack.eot');
    src: url('../../group/font/MullerBlack.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerBlack.woff2') format('woff2'),
        url('../../group/font/MullerBlack.woff') format('woff'),
        url('../../group/font/MullerBlack.ttf') format('truetype'),
        url('../../group/font/MullerBlack.svg#MullerBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerMediumItalic.eot');
    src: url('../../group/font/MullerMediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerMediumItalic.woff2') format('woff2'),
        url('../../group/font/MullerMediumItalic.woff') format('woff'),
        url('../../group/font/MullerMediumItalic.ttf') format('truetype'),
        url('../../group/font/MullerMediumItalic.svg#MullerMediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerLight.eot');
    src: url('../../group/font/MullerLight.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerLight.woff2') format('woff2'),
        url('../../group/font/MullerLight.woff') format('woff'),
        url('../../group/font/MullerLight.ttf') format('truetype'),
        url('../../group/font/MullerLight.svg#MullerLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerBold.eot');
    src: url('../../group/font/MullerBold.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerBold.woff2') format('woff2'),
        url('../../group/font/MullerBold.woff') format('woff'),
        url('../../group/font/MullerBold.ttf') format('truetype'),
        url('../../group/font/MullerBold.svg#MullerBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerExtraBoldItalic.eot');
    src: url('../../group/font/MullerExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerExtraBoldItalic.woff2') format('woff2'),
        url('../../group/font/MullerExtraBoldItalic.woff') format('woff'),
        url('../../group/font/MullerExtraBoldItalic.ttf') format('truetype'),
        url('../../group/font/MullerExtraBoldItalic.svg#MullerExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../../group/font/MullerHeavyItalic.eot');
    src: url('../../group/font/MullerHeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../../group/font/MullerHeavyItalic.woff2') format('woff2'),
        url('../../group/font/MullerHeavyItalic.woff') format('woff'),
        url('../../group/font/MullerHeavyItalic.ttf') format('truetype'),
        url('../../group/font/MullerHeavyItalic.svg#MullerHeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}




/* COL-SM écran min 768 */
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
/* COL-MD écran min 992 */
@media (min-width: 992px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
/* COL-LG écran min 1200px*/
@media (min-width: 1200px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
/* COL-XL écran min 1400px */
@media (min-width: 1400px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
/* COL-XXL écran min 1600px */
@media (min-width: 1600px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

/* -------------------------------------------------------------------------- */
                              /* GENERAL */
/* -------------------------------------------------------------------------- */
body{
  font-family: "Muller";
  font-size: 18px;
  padding-right: 0!important;
}
p{margin-bottom:0.5rem;}
a{
  text-decoration: none;
  color: inherit;
}
.ariane{
  margin: 0;
  background: linear-gradient(.25turn, #0a61ac 0%, #086aaf 38.42%, #0087ba 100%);
  background-repeat: no-repeat;
}
.ariane ol {
  list-style: none;
  margin: 0;
  padding: 5px 0;
}
.ariane a{
  font-family: "Intro Book";
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 8px;
  text-align: left;
  color: #16c1dc;
}
button:focus:not(:focus-visible) {
  outline: 0;
  border: none;
  box-shadow: none;
}

.ariane ol li a {color:#FFF;text-decoration:underline;}
.ariane ol li a:hover {text-decoration:none;}
.ariane ol li:last-child a {color: #16c1dc;;text-decoration:none;}

.ariane ol li{display:inline-block;}
.ariane ol li svg {position: relative;margin-top: -3px;}
main{
  position: relative;
}
.p22{
  padding: 0 22px;
}
svg{
  overflow: visible;
}
/* -------------------------------------------------------------------------- */
                              /* FORMULAIRE */
/* -------------------------------------------------------------------------- */
.headPulso .offcanvas-backdrop.bdContact{
  top:0!important;
  z-index: 9998;
}
.offcanvas-backdrop.bdContact.show{
  opacity: .7;
}
.offacanvas-backdrop.bdContact{
  background-color: #151414;
}
#contactForm,
#applyForm{
  z-index: 9999;
}
#contactForm,
#applyForm{
  width: auto;
  max-width: 60%;
  border: none;
  background: #16c1dc;
  color : #ffffff;
  padding: 45px 180px 0 130px;
}
#applyForm{
  background-color: #8E9D9D;
}
#contactForm .offcanvas-header,
#applyForm .offcanvas-header{
  flex-wrap: wrap;
}
#contactForm .offcanvas-header h2,
#applyForm .offcanvas-header h2{
  width: 100%;
  font-family: 'Muller';
  font-weight: bold;
  font-size: 40px;
  text-align: left;
  color: #fff;
}
#contactForm .offcanvas-header button,
#applyForm .offcanvas-header button{
  background: none;
  border: none;
  margin-bottom: 30px;
}
#contactForm .offcanvas-header,
#contactForm .offcanvas-body
#applyForm .offcanvas-header,
#applyForm .offcanvas-body{
  padding: 0;
}
/* #file{
  opacity: 0;
  position:absolute;
  z-index: -1;
} */
.labelFile{
  cursor: pointer;
  border: solid 1px #ffffff;
  padding: 11px 26px 10px 13px;
  font-family: "Muller";
  text-transform:uppercase;
}

.labelFile {
  position: relative;
  overflow: hidden;
  display: inline-flex;
}
.labelFile input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.label-info{
  font-size: 14px;
  display: inline-flex;
}

.formContact{
  margin: 0;
}
.formContact .form-label{
  display: block;
}
.formContact .form-control{
  background: transparent;
  border: none;
  padding: 4px 0;
  color:#ffffff;
}
.formContact .form-control::-webkit-input-placeholder{
  color: #ffffff;
  opacity: .4;
}
.formContact .form-control::-moz-placeholder{
  color: #ffffff;
  opacity: .4;
}
.formContact .form-control:-ms-input-placeholder{
  color: #ffffff;
  opacity: .4;
}
.formContact .form-control::-ms-input-placeholder{
  color: #ffffff;
  opacity: .4;
}
.formContact .form-control::placeholder{
  color: #ffffff;
  opacity: .4;
}
.formContact .form-control:focus,
.formContact .form-check-input[type="checkbox"]:focus{
  box-shadow: none;
}
.formContact .form-check-inline{
  margin-right: 0;
}
.formContact .form-check-input[type="checkbox"]{
  background-color: transparent;
  border-radius: 3px;
  border-color: #ffffff;
}
.formContact .form-check-input:checked{
  background-color: #005EB5;
  border-color: #005EB5;
}
.btnSubForm{
  background: transparent;
  border: solid 1px #ffffff;
  border-radius: 0;
  padding: 12px 25px;
  color:#ffffff;
  font-size: 15px;
  font-weight: bold;
  font-family: "Muller";
  text-transform: uppercase;
  width: auto;
  display: inline-block;
  margin-top:35px;
}
.btnSubForm svg{
  margin-right: 5px;
  vertical-align: baseline;
}
.formContact > div::after {
  content: "";
  width: calc(100% - 16px);
  height: 1px;
  position: absolute;
  bottom: -12px;
  background: #ffffff;
  left: 8px;
  right: 8px;
}
.formContact > div{
  position: relative;
  padding: 0 8px;
  margin: 24px 0;
}
#searchOff{
  border: none;
  background: #16c1dc;
  color : #ffffff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 30px 0;
  text-align: center;
}
.formSearch{
  margin: 0;
}
#searchInp{
  background: transparent;
  color: #ffffff;
  line-height: 2.2;
  border: none;
  text-align: center;
  font-size: 35px;
}
#searchInp::-webkit-input-placeholder{
  color: #ffffff;
  opacity: .4;
  text-align: center;
  font-size: 70px;
  font-weight: 300;
  font-family: "Muller";
}
#searchInp::-moz-placeholder{
  color: #ffffff;
  opacity: .4;
  text-align: center;
  font-size: 70px;
  font-weight: 300;
  font-family: "Muller";
}
#searchInp:-ms-input-placeholder{
  color: #ffffff;
  opacity: .4;
  text-align: center;
  font-size: 70px;
  font-weight: 300;
  font-family: "Muller";
}
#searchInp::-ms-input-placeholder{
  color: #ffffff;
  opacity: .4;
  text-align: center;
  font-size: 70px;
  font-weight: 300;
  font-family: "Muller";
}
#searchInp::placeholder{
  color: #ffffff;
  opacity: .4;
  text-align: center;
  font-size: 70px;
  font-weight: 300;
  font-family: "Muller";
}
#searchInp:focus {
  box-shadow: none;
}
/* -------------------------------------------------------------------------- */
                              /* HEADER & FOOTER */
/* -------------------------------------------------------------------------- */
.preNav .container-xl{
  justify-content: flex-end;
}
.socTop{
  display: flex;
}
.preNav{
  background: #EDEDED;
  color: #575757;
  padding: 12.1px 0;
  z-index: 2100;
}
.container-xl{
  max-width: 1555px;
  padding: 0;
}
.preNav .nav-link{
  padding: 0 6px;
}
#dropPays{
  padding-left: 29px;
  display: inline-block;
  color:#575757;
}
#dropPays:hover{
  color: #575757;
}
#dropPays svg {
  vertical-align: bottom;
}
#dropPays::after{
  content: url('../../group/img/CHEVRON.png');
  border: none;
  transform: translateY(4px);
}

#dropPays.show::after {
  transform: rotate(180deg) translateY(-3px);
}
.dpPays .dropdown-menu.show{
  left: 29px;
  border:none;
  border-radius: 0;
  margin-top: 12px;
  background: #EDEDED;
}
.navPulso{
  background: #ffffff;
  padding: 15px 0;
  z-index: 2000;
}
.navPulso .nav-item .nav-link{
  text-transform: uppercase;
  font-size: 17px;
  font-family: 'Muller';
  color: #005EB5;
  position: relative;
  transition: all ease-in-out .35s;
}
.navPulso .nav-item .nav-link:hover,
.navPulso .nav-item .nav-link:active,
.navPulso .nav-item .nav-link.active{
  /* font-weight: bold; */
  text-shadow: 0 0.015em #005EB5,0 -0.015em #005EB5,0.01em 0 #005EB5,-0.01em 0 #005EB5;font-weight: 700;
}
.navPulso .nav-item{
  padding: 0 20px;
  display: flex;
  align-items: center;
}
.navPulso .nav-item.search{
  padding-right: 0;
}
.navPulso .navbar-brand{
  padding: 0;
}
.navPulso .nav-link.active::after{
  content:"";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  background: #16C1DC;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}
#linkWho.nav-link.active::after{
  background: #16C1DC;
}
#linkServices.nav-link.active::after{
  background: #D6DD3B;
}
#linkChallenges.nav-link.active::after{
  background: #ff5100;
}
#linkToolBox.nav-link.active::after{
  background: #6DBC50;
}
#linkNews.nav-link.active::after{
  background: #0083B6;
}
#linkJoinUs.nav-link.active::after{
  background: #8E9D9D;
}
.fixedNav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  width: 100%;
}
.fixedNav #LOGO_PULSO{
  height: 53.26px !important;
  width: 115.86px;
}
.closeMegMen{
  display: none;
}

#ourServices.offcanvas-top{
  top: 152px;
  border-bottom: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: linear-gradient(#0087ba 0%, #0a61ac 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.headPulso .offcanvas-backdrop{
  top:152px;
}
#ourServices .row{
  margin: 0;
  /*padding-top: 65px;*/
  padding-bottom: 65px;
}
#ourServices .offcanvas-header{padding:0.5rem 1rem;}
.menuIt{
  background: #ffffff;
  background-clip: content-box;
  padding: 0 8px;
}
.menuIt img{
  display: block;
  margin: auto;
  max-height: 115px;
  margin-bottom: 20px;
}
.menuIt > div{
  padding: 20px 28px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  position: relative;
}
.menuIt a{
  display: block;
  margin: auto;
  position: absolute;
  bottom:20px;
  left: 50%;
  transform: translateX(-50%);
}
.sepMen{
  margin: auto;
  display: block;
  width: 100%;
}
.menuIt span {
  text-align: center;
  display: block;
  font-size: 21px;
  text-transform: uppercase;
  color: #005EB5;
  font-weight: bold;
  line-height: 1;
  font-family: 'Intro';
  margin: 0 ;
  width: 100%;
  min-height: 63px;
}
.menuIt p{
  font-size: 14px;
  font-family: "Muller";
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 80px;
  line-height:1.25;
}
.menuIt p:empty{margin:0;}
.footPulso{
  background: #EDEDED;
  padding: 95px 0;
}
.subFoot{
  background: #0A61AC;
  text-align: center;
  padding: 25px 0;
  color: #FFF;
font-size: 14px;
}
.subFoot a{
  color: #ffffff;
  font-size: 14px;
  font-family: "Muller";
}
.subFoot a:not(:last-of-type)::after{
  content : '|';
  padding: 0 5px;
}
.footPulso > .row{
  margin: auto;
}
.footPulso h2 a{
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Muller";
  color: #676B6F;
  margin-top: 25px;
}
.footPulso a{
  color: #38C9E0;
  display: block;
  font-size: 13px;
}
.footPulso a.pictoR{
  display: inline-block;
  margin-top: 25px;
}
.joinUsFoot{
  position: relative;
}
.joinCont{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50% , -50%);
  z-index: 9;
  width: 80%;
}
.joinCont h2{
  font-size: 40px;
  font-family: "Muller";
  color: transparent;
  text-transform: uppercase;
  text-align: center;
  -webkit-text-stroke: 2px #ffffff;
  /* text-stroke: 2px #ffffff; */
  line-height: 1;
  position: relative;
  font-weight: 900;
  font-style: normal;
}
.joinCont .subtitle{
  font-size: 14px;
  color: #ffffff;
}
.joinCont a{
  color: #38C9E0;
  font-weight: bold;
}
.joinUsFoot img{
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.extrait h5{
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Muller";
  font-weight: bold;
  color:#005EB5;
}
.extrait{
  background:#ffffff;
  padding: 0 15px;
  align-self: center;
}
.extrait a{
  font-size: 12px;
}
.extrait a svg{
  vertical-align: baseline;
}
.imgExt{
  position: relative;
}
.imgExt img.logPays,
.logPays{
  position: absolute;
  top:8px;
  right: 8px;
  width: 41px;
  height: 41px;
  z-index: 9;
}
.logoPaysTeam{
  display: none;
}
.colorTeam .logoPaysTeam, .colorTeamRight .logoPaysTeam{
  height: 21px;
  width: 21px;
  display: block!important;
  position: absolute;
  top:8px;
  right: 8px;
  z-index: 9;
}
.imgExt img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.extrait p{
  font-size: 10px;
  font-family: "Muller";
  color: #000000;
}
.cat1 h5,
.cat1 a,
.cat2 h5,
.cat2 a{color: #005EB5;font-weight: bold;}
.cat1 svg path{stroke : #005EB5;}
.cat2 svg path{stroke : #005EB5;}
.extAct > .row{
  background:#ffffff;
  width: 100%;
}
.extAct > .row:first-of-type{
  margin-bottom: 20px;
}
.logSupFoot{
  max-width: 90px;
  margin-top: 10px;
}
.logSupFoot2{
  max-width: 130px;
  display: block;
  margin: 5px 0 15px;
}
/* -------------------------------------------------------------------------- */
                              /* HOME */
/* -------------------------------------------------------------------------- */
.sliderTop h1 {
  font-size: 40px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  bottom: 52%;
  left: 50%;
  transform: translate(-50%, 250%);
}
/* .sliderTop{
  height: 100vh;
  background: url('../../group/img/bgTopHome.png');
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
} */
.sliderTop{
  height: calc( 100vh - 152px);
}
#carouselTopH,
#carouselTopH .carousel-item,
#carouselTopH .carousel-inner{
  /* height: 100%; */
  height: calc( 100vh - 152px);
  min-height: calc( 100vh - 152px);
  width: 100%;
  padding: 0;
  position: relative;
}
#carouselTopH a.linkFS {
  position: absolute;
  width: 100%;
  height: 80%;
  top: 0;
  right: 0;
  left: 0;
}
/* #carouselTopH .carousel-inner{
  height: 100%;
  width: 100%;
  padding: 0;
} */
#carouselTopH .carousel-indicators [data-bs-target]{
  width: 11.81px;
  height: 11.81px;
  border-radius: 50%;
  border: solid 2px #fff;
  background: transparent;
  margin-bottom: 30px;
}
#carouselTopH .carousel-indicators .active{
  background: #ffffff;
}
.videoItem img{
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
.sImg1,
.sImg2,
.sImg3,
.sImg4,
.sImg5{
  /* height: 100%; */
  height: calc( 100vh - 152px);
  background: url('../../group/img/OUR-SERVICES.jpg');
  background-position: center center!important;
  background-attachment: fixed!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  position: relative;
  width: 100%;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active{
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* .sImg2{
 background: url('../../group/img/YOUR-CHALLENGES.jpg');
} */
/* .sImg3{
 background: url('../../group/img/REBOOST.jpg');
} */
/* .sImg4{
 background: url('../../group/img/NEWS.jpg');
} */
/* .sImg5{
 background: url('../../group/img/JOB.jpg');
} */

.sImgAll::before,
.sImg1::before,
.sImg2::before,
.sImg3::before,
.sImg4::before,
.sImg5::before ,
.jaune::before,
.orange::before,
.vert::before,
.bleu-fonce::before,
.bleu-clair::before{
  content: "";
  background: #D6DD3B;
  position: absolute;
  left: -93px;
  width: 186px;
  height: 186px;
  display: block;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-85%);
  z-index: 1;
}
.sImg2::before,
.orange::before{
  background: #FF5100;
}
.sImg3::before,
.vert::before{
  background: #6DBC50;
}
.sImg4::before,
.bleu-fonce::before{
  background: #005EB5;
}
.sImg3::before,
.bleu-clair::before{
  background: #8E9D9D;
}
.sImg0::before{
  background: unset;
}

.contentSlide{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contentSlide h2{
  font-size: 41px;
  font-family: "Muller";
  color: transparent;
  text-transform: uppercase;
  text-align: center;
  -webkit-text-stroke: 2px #ffffff;
  /* text-stroke: 2px #ffffff; */
  text-align: left;
  line-height: 1;
  position: relative;
  font-weight: 900;
  font-style: normal;
  z-index: 9;
  letter-spacing:0.1rem;
}
.contentSlide h2 span{
  display: block;
  color: #ffffff;
  font-family: "Muller";
  font-weight: 900;
  font-style: normal;
  position: relative;
  z-index: 9;
  -webkit-text-stroke: none;
  /* text-stroke: none; */
}
.contentSlide p{
  color: #ffffff;
  font-size: 20px;
  font-family: "Muller";
  font-weight: 500;
  max-width: 50%;
  margin-bottom: 0;
}
.contentSlide .linkH{
  font-size: 20px;
  margin-top:38px;
}
.contentSlide .linkH span{
  transform: translate(-50%, -50%);
  line-height: 1.2;
}
.ourMission{
  height: calc(100vh - 83.2667px);
  background: url('../../group/img/bgMission.png');
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.ourTeam{
  height: calc(100vh - 83.2667px);
  background: url('../../group/img/TEAM.png');
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.ourMission h2,
.ourApproach h2, .yourWelcome h2,
.ourTeam h2,
.ourHistory h2,
.trust h2,
.mapHome h2{
  /* font-size: 90px; */
  font-size: 60px;
  color: transparent;
  text-transform: uppercase;
  text-align: center;
  -webkit-text-stroke: 2px #ffffff;
  /* text-stroke: 2px #ffffff; */
  text-align: left;
  /* margin-left: 75px; */
  margin-left: 55px;
  line-height: 1;
  position: relative;
  font-family: "Muller";
  font-weight: 900;
  font-style: normal;
  z-index: 9;
  letter-spacing: 0.1rem;
}
.ourMission h2 span,
.ourApproach h2 span, .yourWelcome h2 span,
.ourTeam h2 span,
.ourHistory h2 span,
.trust h2 span,
.mapHome h2 span{
  display: block;
  /* margin-left: -75px; */
  margin-left: -55px;
  font-family: "Muller";
  font-weight: 900;
  font-style: normal;
  position: relative;
  /* z-index: 9; */
}

/*.yourWelcome h2 {   -webkit-text-stroke: 2px #005EB5;}*/

.mapHome h2{
  -webkit-text-stroke: 2px #2A5DAF;
  /* text-stroke: 2px #2A5DAF; */
  margin-left: 0;
  text-align: center;
}
.trust h2{
  -webkit-text-stroke: 2px #2A5DAF;
  /* text-stroke: 2px #2A5DAF; */
  font-size: 60px;
  margin-left: 55px;
}
.trust h2 span{
  margin-left: -55px;
}
.subtitle{
  font-size: 38px;
  font-family: "Intro";
  font-weight: bold;
  font-style: normal;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.ourMission p,
.ourApproach p, .yourWelcome p,
.ourTeam p,
.ourHistory p{
  color : #ffffff;
  font-size: 22px;
  font-family: "Intro";
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
}
/*.yourWelcome p{color:#005EB5;}*/
.ourMission h2 span::before{
  content: "";
  position: absolute;
  /* top:-45px; */
  top:-60px;
  left:-45px;
  width: 93px;
  height: 93px;
  background: #005EB5;
  border-radius: 50%;
  z-index: -1;
}
.ourApproach h2::before, .yourWelcome h2::before, 
.ourTeam h2::before,
.ourHistory h2::before,
.trust h2::before{
  content: "";
  position: absolute;
  /* top:-45px; */
  top:-70px;
  left:-45px;
  background: #FF5100;
  width: 94px;
  height: 94px;
  border-radius: 50%;
  z-index: -1;
}
.ourTeam h2::before{
  background: #16C1DC;
}
.ourHistory h2::before{
  background: #005EB5;
}
.trust h2::before{
  background: #D6DD3B;
  width: 97px;
  height: 97px;
  top:-55px;
}
.ourHistory h2::after{
  content: "";
  position: absolute;
  top:-80px;
  right: -100px;
  background: #D6DD3B;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  z-index: -1;
}
.ourApproach h2::after, .yourWelcome h2::after{
  content: "";
  position: absolute;
  bottom:-80px;
  right: -100px;
  background: #D6DD3B;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  z-index: -1;
}
.ourMission h2::before{
  content: "";
  position: absolute;
  top:-105px;
  left:80px;
  width: 46px;
  height: 46px;
  background: #16C1DC;
  border-radius: 50%;
  z-index: -1;
}
.linkH{
  text-transform: uppercase;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  font-family: "Muller";
  text-align: center;
  display: inline-block;
  position: relative;
  border: solid 1px #ffffff;
  border-radius: 50%;
  width: 103px;
  height: 103px;
  transition: all .35s ease-in-out;
}
.linkH svg{
  display: block;
  margin: 5px auto;
}
.linkH span{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -40%);
  transition: all .35s ease-in-out;
  width:100%;
}
.linkH2{
  margin-left: 5px;
}
.linkH.linkH2 span{
  transform: translate(-50%, -50%);
}
.linkH svg path{
  transition: all .35s ease-in-out;
}
.linkH:hover{
  background: #ffffff;
}
.linkH:hover svg path{
  fill: #005EB5;
  stroke :#005EB5;
}
.linkH:hover #arrowH{
  fill: #005EB5;
  stroke :inherit;
}
.linkH:hover span{
  color: #005EB5;
}
.ourTeam .linkH {
  margin-top: 20px;
}
.ourApproach, .yourWelcome {
  height: calc(100vh - 83.2667px);
  background: url('../../group/img/OUR_APPROACH.jpg');
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
/*
.yourWelcome{
  height: calc(100vh - 83.2667px);

  position: relative;
}*/
.ourHistory{
  /* height: calc(100vh - 83.2667px); */
  min-height: calc(100vh - 83.2667px);
  padding: 200px 0 50px 0;
  background: url('../../group/img/OUR_STORY.jpg');
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
/* .infoHistory{
  margin-top: 55px;
} */
#carrouselHistory{margin-top: 35px;height: 250px;overflow: hidden;}
#carrouselHistory.spHistory {
  height: auto!important;
  min-height: 250px;
  overflow: visible;
  margin-bottom: 40px;
}
#carrouselHistory .splide__arrow svg{
  fill: #ffffff;
}
#carrouselHistory .splide__arrow.splide__arrow--prev {
  position: absolute;
  top: -36px !important;
  left: 108px !important;
  background: transparent;
}
#carrouselHistory .splide__arrow.splide__arrow--next {
  bottom: 204px !important;
  left: 108px !important;
  background: transparent;
}

.contentEvent, .infoHistory{height:100%;min-height: 220px;}

.infoHistory h3{
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Intro";
  font-weight: bold;
  margin-bottom:0;
  font-size: 24px;
}
.infoHistory p{
  font-size: 18px;
  font-family: "Intro";
  font-weight: normal;
}
.dateEvent {position: relative;margin:0 37px 0 27px;height: 160px;width: 160px;border: 2px solid #FFF;text-align: center;  border-radius: 50%;line-height: 160px;color: #FFF;font-size: 48px;font-family: "Intro";font-weight: bold;}

#carrouselHistory .carousel-control-prev, #carrouselHistory .carousel-control-next {
  max-height: 32px;
  max-width: 32px;
  transform: rotate(90deg);
}
#carrouselHistory .carousel-control-next, #carrouselHistory .carousel-control-prev {
  right: unset;
  left: 91px;
}
#carrouselHistory .carousel-control-next{top:182px}
#carrouselHistory .carousel-control-prev{top:0px}
.carousel.vertical .carousel-item {
  transition: 0s ease-in-out top;
}
.carousel.vertical .active {top: 26px;}
.carousel.vertical .active.left {top: -400px;}
.carousel.vertical .active.right {top: 400px;}
.carousel.vertical .carousel-item {left: 0;}

.trust{
  padding-top: 120px;
  padding-bottom: 120px;
  min-height: calc(100vh - 83.2667px);
  position: relative;
}
.logoTrust img{
  max-width: 100%;
  margin: 30px 0;
  /*-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  /*filter: grayscale(100%);*/
  /*transition: all .35s ease-in-out;*/
}
.logoTrust img:hover{
  -webkit-filter: none;
          filter: none;
}
.mapHome{
  min-height: calc(100vh - 83.2667px);
  position: relative;
}
.infoMap{
  position: absolute;
  /* top: 50%;
  left: 50%;
  transform: translate(0, -50%); */
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-top: 80px;
}
.mapImg{
  max-width: 100%;
  padding: 0;
  /* height: auto;
  width: auto; */
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mapHome .subtitle{
  color: #005EB5;
  /* margin-left: 35px; */
  margin-left: 0;
}
/*

.mapHome .legende span{color:#005EB5;font-size:1rem;}
.mapHome .legende .oOffices{background:url(../img/map/puceOffice.png) no-repeat;background-size:20px 20px;padding-left: 26px;height: 20px;display: inline-block;background-position: left center;}
.mapHome .legende .oPartners{background:url(../img/map/pucePartner.png) no-repeat;background-size:10px 10px;padding-left: 20px;height: 20px;display: inline-block;background-position: left center;margin-left:15px;}
*/
.mapHome .legende{position:absolute;padding: 0.5rem 0.8rem;width:auto;/*bottom:5%;*/bottom: 50%;
  right: 15%;}
.mapHome .legende .pays{height: 20px;display: block;background-position: left center;font-size:1rem;position: relative;color:#000;text-transform: uppercase;font-family: "Muller";font-weight: 400;font-style: normal;z-index: 9;letter-spacing: 0.1rem;}
.mapHome .legende .pays.be::before{content:"";display:inline-block;position:absolute;height:1rem;width:3rem;background:#daa900;top: 0;bottom: 0; left: -3.5rem; right: 0;}
.mapHome .legende .pays.de::before{content:"";display:inline-block;position:absolute;height:1rem;width:3rem;background:#827816;top: 0;bottom: 0; left: -3.5rem; right: 0;}
.mapHome .legende .pays.fr::before{content:"";display:inline-block;position:absolute;height:1rem;width:3rem;background:#e41694;top: 0;bottom: 0; left: -3.5rem; right: 0;}
.mapHome .legende .pays.partners::before{content:"";display:inline-block;position:absolute;height:1rem;width:3rem;background:#e5cea8;top: 0;bottom: 0; left: -3.5rem; right: 0;}
.mapHome .legende .pays.pt::before{content:"";display:inline-block;position:absolute;height:1rem;width:3rem;background:#7eaed1;top: 0;bottom: 0; left: -3.5rem; right: 0;}
.mapHome .legende .pays.see::before{content:"";display:inline-block;position:absolute;height:1rem;width:3rem;background:#9bdae8;top: 0;bottom: 0; left: -3.5rem; right: 0;}
/*
.mapHome .modifMap{border:1px solid #005EB5;position:absolute;width:auto;top:5%;right:5%;padding:0;margin:0;}
.mapHome .modifMap .btnMap{color:#005EB5;font-size:1rem;background:#f6f6f6;padding: 0.5rem 0.8rem;display:block;}
.mapHome .modifMap .btnMap.active{background:#ededed;}*/

/* -------------------------------------------------------------------------- */
                              /* HOME – SEE THE TEAM*/
/* -------------------------------------------------------------------------- */
#seeTheTeam{
  width: 100%;
  border: none;
  top: 0;
  z-index: 9999;
}
#seeTheTeam .row{
  margin:0;
  padding:0;
  flex-grow:0;
  overflow-x: hidden;
  height: 100vh;
  max-height: 100vh;
  align-content: start;
  background-color: #EDEDED;
}
/* .offcanvasStT .btnClose{background:#FFF;margin: 26px;display: inline-block;} */
.offcanvasStT .btnClose{
  background:#FFF;
  width:100%;
  aspect-ratio: 1 / 1;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  /* max-width: 7.69%; */
  max-width: 10%;
  padding: 0;
  transition: all .35s ease-in-out;
  cursor: pointer;
  position: relative;
}
.offcanvasStT .btnClose button{
  background: none;
  border: none;
  position: absolute;
  top:50%;
  left : 50%;
  transform: translate(-50% , -50%);
}
.btnMobTeam{
  display: none;
}
.btnTeam{
  display: block;
}
.imgTeam{
  aspect-ratio: 1 / 1;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  /* max-width: 7.69%; */
  max-width: 10%;
  padding:0;
  transition: all .35s ease-in-out;
  cursor: pointer;
  position: relative;
}
.teamMember{
  width: 100%;
  /* height: 100%; */
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  -webkit-filter: grayscale(100%) brightness(.8);
          filter: grayscale(100%) brightness(.8);
  opacity: 1;
}
.imgTeam.colorTeam .teamMember,
.imgTeam.colorTeamBottom .teamMember,
.imgTeam.colorTeamRight .teamMember,
.imgTeam.colorTeamRightBottom .teamMember{
  -webkit-filter:none;
          filter:none;
}
.imgTeam.colorTeam{
  transform:scale(2,2) translate(25%, 25%);
  z-index: 9999;
  /* border: solid 2px #38C9E0; */
}
.imgTeam.colorTeamBottom{
  transform:scale(2,2) translate(25%, -25%);
  z-index: 9999;
  /* border: solid 2px #38C9E0; */
}
.imgTeam.colorTeamRight{
  transform:scale(2,2) translate(-25%, 25%);
  z-index: 9999;
  /* border: solid 2px #38C9E0; */
}
.imgTeam.colorTeamRightBottom{
  transform:scale(2,2) translate(-25%, -25%);
  z-index: 9999;
  /* border: solid 2px #38C9E0; */
}
.nameMember{
  display: none;
}
.imgTeam.colorTeam .nameMember,
.imgTeam.colorTeamBottom .nameMember,
.imgTeam.colorTeamRight .nameMember,
.imgTeam.colorTeamRightBottom .nameMember{
  display: inline-block;
  margin: auto;
  color: #ffffff;
  font-size: 8px;
  font-family:"Muller";
  font-weight: bold;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  background: linear-gradient(rgba(255,255,255,0) 0%, rgba(128,128,128,1) 100%);
  padding: 8px 4px;
  line-height:10px;
}
.nameMember .role{font-weight:normal;font-style:italic;font-size:6px;}
/* -------------------------------------------------------------------------- */
                              /* CHALLENGES */
/* -------------------------------------------------------------------------- */
.challenges,
.services,
.servicesDet,
.toolsDet,
.searchResult,
.oPages{
  padding-top:25px;
  padding-bottom: 80px;
}
.imgTopChall{
  margin: 20px 0;
  position: relative;
  padding-top:calc(406 / 1030 * 100%);
}
.imgTopChall img{
  position: absolute;
  top:0;
  right: 0;
  bottom:0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.challenges h1,
.servicesDet h1,
.mainToolBox h1,
.toolsDet h1,
.newsDet h1,
.services h1,
.suggestions h2{
  font-family: "Intro";
  font-weight: bold;
  font-size: 35px;
  text-align: left;
  color: #005eb5;
}
.services h1{ text-transform: uppercase;}

.challenges h2,
.servicesDet h2,
.toolsDet h2,
.latestJob h2,
.joinUsDet h1,
.searchResult h1,
.oPages h1{
  font-family: "Intro";
  font-weight: bold;
  font-size: 25px;
  /* line-height: 28px; */
  text-align: left;
  text-transform: uppercase;
  color: #005eb5;
}
.searchResult h1,
.oPages h1{
  text-transform: none;
  font-size: 40px;
  margin-bottom: 30px;
}
.challenges h3.accordion-header .accordion-button,
.servicesDet h3.accordion-header .accordion-button,
.toolsDet h3.accordion-header .accordion-button{
  font-family: "Intro";
  font-weight: bold;
  font-size: 25px;
  /* line-height: 19px; */
  text-align: left;
  color: #ff5100;
  background: none;
  padding: 10px 0;
}
.toolsDet h3.accordion-header .accordion-button{
  color : #6DBC50;
}
.servicesDet h3.accordion-header .accordion-button{
  color:#D6DD3B;
}
.challenges .accordion-item,
.servicesDet .accordion-item,
.toolsDet .accordion-item{
  border:none;
  /*border-bottom: solid 1px #707070;*/
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-radius: 0;
  margin-top:20px;
}
.challenges .accordion-item h3,
.servicesDet .accordion-item h3,
.toolsDet .accordion-item h3{border-bottom: solid 1px #707070;}

.challenges .accordion-body,
.servicesDet .accordion-body,
.toolsDet .accordion-body{
  padding: 15px 0;
}
.challenges .accordion-body p,
.servicesDet .accordion-body p,
.toolsDet .accordion-body p{
  margin-bottom: 5px;
}
.challenges .accordion-body a,
.servicesDet .accordion-body a{
  color:#0A61AD;
  text-decoration: underline;
  font-weight: bold;
}
.challenges .accordion-button:focus,
.challenges .accordion-button:not(.collapsed),
.servicesDet .accordion-button:focus,
.servicesDet .accordion-button:not(.collapsed),
.toolsDet .accordion-button:focus,
.toolsDet .accordion-button:not(.collapsed){
  border:none;
  box-shadow: none;
}
.challenges .accordion-button::after,
.servicesDet .accordion-button::after,
.toolsDet .accordion-button::after{
  background: url('../../group/img/boutonPlus.png');
  width:40px;
  height: 40px;
}
.servicesDet .accordion-button::after{
  background: url('../../group/img/boutonPlusLime.png');
}
.servicesDet .accordion-button:not(.collapsed)::after{
  background: url('../../group/img/boutonMoinsLime.png');
}
.toolsDet .accordion-button::after{
  background: url('../../group/img/boutonPlusGreen.png');
}
.toolsDet .accordion-button:not(.collapsed)::after{
  background: url('../../group/img/boutonMoinsGreen.png');
}
.challenges .accordion-button:not(.collapsed)::after{
  background: url('../../group/img/boutonMoins.png');
  transform:none;
}

.challenges p strong{color:#ff5100;}

.infoContact{
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.infoContent{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -40%);
  width: 65%;
}
.infoContent a {
  display: inline-block;
}
/* .infoContent.ifContLime span{
  font-size: 20px;
} */
.infoContent span{
  font-weight: bold;
  font-size: 45px;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Intro";
}
.infoContent p{
  font-size: 16px;
  font-family: 'Intro Book';
}
.icContent{
  position: relative;
  text-align: center;
  color: #ffffff;
}
.up {
  display: block;
  position: fixed;
  bottom: 10px;
  right: 10px;
}
.mainChallenges{
  background: url('../../group/img/RONDS-FOND2.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
}
.mainDetNews,
.mainJoinUsDet{
  background: url('../../group/img/RONDS-FOND4.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
}
.mainServices{
  overflow: hidden;
}
.mainDetServices{
  background: url('../../group/img/RONDS-FOND-SERV.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
}
.mainDetTool{
  background: url('../../group/img/RONDS-FOND3.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
}
/* -------------------------------------------------------------------------- */
                              /* SERVICES */
/* -------------------------------------------------------------------------- */
.mainToolBox .col-xl-4,
.mainToolBox .col-xl-8{
  padding: 8px;
  position:relative;
}
.mb20{
  margin-bottom: 20px;
}
.blocImg{
  padding-top: calc(350 / 508 * 100%);
  position: relative;
}
.blocImg::after,
.toolImg::after{
  content:"";
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(130, 153, 174, 0.49) 20.2%, #2a5daf 60.59%, #2a5daf 100%);
  opacity: 0.42;
  transition: all ease-in-out .35s;
}
.toolImg::after{
  background: transparent;
}
.blocServ:hover .blocImg::after,
.toolImg:hover::after{
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(130, 153, 174, 0.49) 20.2%, #2a5daf 60.59%, #2a5daf 100%);
  opacity: 0.82;
}
.blocImg img{
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom:0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blocServ{
  position: relative;
  transition: all ease-in-out .35s;
  cursor: pointer;
  margin: 8px 0;
  padding: 0 8px;
}
.contServ{
  position: absolute;
  /* top:40%; */
  top: 50%;
  left: 50%;
  /* transform: translate(-50%, -40%); */
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 90%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.contServ span{
  color: #ffffff;
  font-size: 30px;
  font-family: "Muller";
  font-weight: 900;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  display: inline-block;
}
.blocServ a.btnPlus {position: absolute;bottom: 5%;right: calc(50% - 33px);}

.contServ a{
  display: block;
  /* transform: translateY(60px); */
}
.services h1{
  padding-left: 8px;
}
.services h2{
  font-family: "Intro";
  font-weight: bold;
  font-size: 25px;
  text-align: left;
  color: #16c1dc;
  padding-left: 8px;
}
.servicesType{
  margin-bottom: 55px;
}
.illuServices{
  position: absolute;
  top: -70px;
  right:-70px;
  min-width: 22%;
  opacity: 0.36;
}
.back{
  font-family: "Muller";
  font-weight: normal;
  font-size: 11px;
  text-align: left;
  color: #16c1dc;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 20px;
  text-transform: uppercase;
  position: relative;
  padding-left: 40px;
  min-height: 31px;
  max-width: 197px;
  line-height: 3;
}
.back svg{
  position: absolute;
  left: 0;
}
.logoC {
  max-width: 100%;
}
.serviceContent h2, .serviceContent p:first-of-type{color:#D6DD3B;font-family:"Intro";font-size:25px;font-weight:700;line-height: 1.1;text-transform: initial !important;}

.serviceContent p a{color:#0A61AD;font-weight:700;text-decoration:underline;}
/* .serviceContent p strong, .servicesDet p strong{color:#D6DD3B} */

.servicesDet ul{list-style: none;}
.servicesDet ul li::before {
  content: "\25AA";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #D6DD3B; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
/* -------------------------------------------------------------------------- */
                              /* APPA */
/* -------------------------------------------------------------------------- */
.appa{
  padding-top: 115px;
  padding-bottom: 80px;
}
#tabAppa{
  justify-content: space-around;
  border-bottom: solid 1px  #93C01F;
}
#tabAppa .nav-link{
  border: none;
  background: none;
  font-size: 30px;
  font-weight: bold;
  font-family:"Intro";
  color: #BDC6C3;
  padding-bottom: 45px;
  position: relative;
}
#tabAppa .nav-link.active{
  color: #005EB5;
}
#tabAppa .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  background: #005EB5;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}
.infoForm{
  padding: 105px 0;
}
.infoForm span{
  font-size: 40px;
  font-weight: bold;
  font-family:"Intro";
  color: #005EB5;
  margin-bottom: 15px;
  line-height: 49px;
  display: block;
}
.infoForm p{
  font-family:"Intro";
  color: #005EB5;
  font-size: 25px;
  font-weight: bold;
  line-height: 23px;
}
.appa .form-label,
.appa .labelLike{
  font-weight:bold;
  font-size: 18px;
  font-family: "Muller";
  display:block;
}
.appa .labelLike{
  margin-bottom:15px;
}
.appa .form-control,
.appa .form-select,
.underlineForm{
  border:none;
  border-bottom: solid 1px #265EAF;
  border-radius: 0;
}
.underlineForm{
  padding-bottom: 10px;
  padding-top:10px;
}
.appa .form-control,
.appa .form-select{
  padding-right:0;
  padding-left:0;
}
.appa .form-control:focus,
.appa .form-select:focus{
  box-shadow: none;
}
.pr70{
  padding-right: 70px;
}
.pl70{
  padding-left: 70px;
}
.appa form .row{
  margin: 10px 0 38px 0;
}
.appa .form-select{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='12' viewBox='0 0 19 12'%3E%3Cpath id='Tracé_672' data-name='Tracé 672' d='M9.5,0,19,12H0L3.341,7.779Z' transform='translate(19 12) rotate(180)' fill='%23005eb5'/%3E%3C/svg%3E%0A");
  font-size: 17px;
  color: #8E9D9D;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Choisir le fichier';
  display: inline-block;
  background: #ffff;
  border: 1px solid #265EAF;
  border-radius: 4px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  color: #005EB5;
}
.custom-file-input:hover::before {
  border-color: #005EB5;
}
.custom-file-input:active::before {
  background: #ffff;
}

.moreInf {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 10px;
  border:none;
}
.moreInf:focus{
  border: none;
}
.moreInf svg {
  vertical-align: sub;
  margin-right: 5px;
}
.moreInf.btn{
  padding-left: 0;
}
.appa form p{
  margin-bottom: 45px;
}
.appa .form-check-input[type=checkbox]{
  border-radius: 50%;
}
.appa .form-check-input[type=checkbox]:focus{
  box-shadow: none;
}
.appa .form-check-input:checked{
  border-color: #005EB5;
  background-color: #005EB5;
}
.fees .form-label{
  display: block;
  width: 100%;
  margin-bottom:0;
  font-weight: 400;
}
.appa .input-group-text{
  border:none;
  border-bottom: solid 1px #005EB5;
  background: transparent;
  border-radius: 0;
  font-weight: bold;
}
textarea#about,
textarea#aboutInt {
  border: solid 1px #265EAF;
  min-height: 220px;
  padding:10px;
}
.appa .btn.postuler{
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 20px;
}
#education_training {
  z-index: 9999;
}
.modal-backdrop{
  z-index: 9998;
}
#education_training .modal-title{
  position: relative;
  width: 100%;
}
#education_training .modal-title a{
  position: absolute;
  right: 20px;
}

#blocEndForm img{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#blocEndForm {
  justify-content: center;
}
#blocEndForm h1{
  font-size: 110px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  font-family:"Intro";
  margin-bottom: 57px;
  color: #005EB5;
  margin-top: 75px;
}
#blocEndForm p{
  font-family: "Muller";
  font-size: 25px;
  font-weight: 200;
  color: #16C1DC;
  text-align: center;
  margin-bottom: 52px;
}
#blocEndForm a{
  display: inline-flex;
  justify-content: center;
  text-decoration: underline;
  font-weight: 200;
  font-size:20px;
  font-family: "Muller";
  color: #005EB5;
}

/* -------------------------------------------------------------------------- */
                              /* TOOLS */
/* -------------------------------------------------------------------------- */
.soon{
  background-color: #EDEDED;
  background-clip: content-box;
}
.linkDetTool::after {
  content: "";
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  position: absolute;
  top: 8px;
  left: 8px;
}
.linkDetTool {
  display: block;
  margin: auto;
  text-align: center;
  font-family: "Intro";
  font-weight: 900;
  font-size: 21px;
  color: #005eb5;
  text-transform: uppercase;
} 

.blocLinkDetTool{
  padding:30px 21px;
  text-align: center;
  background: #E5E5E5;
}
.blocLinkDetTool p{
  font-family: 'Muller';
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  color: #000;
  text-align: center;
  height:57px;
  overflow:hidden;
}
.toolImg{
  position: relative;
  padding-top: calc(350 / 508 * 100%);
  display: block;
}
.x2h .toolImg{
  padding-top: calc(720 / 508 * 100%);
}
.x2l .toolImg{
  padding-top: calc(350 / 1040 * 100%);
}
.toolImg img{
  position: absolute;
  top:0;
  left: 0;
  bottom:0;
  right:0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.toolImg .btnPlus{display:none;width: 66px;height: 65px;position: absolute;bottom: 8%;right: calc(50% - 33px);transition: all ease-in-out .1s;z-index:1}
.toolImg:hover .btnPlus{display:block;transition: all ease-in-out .1s;}
.mainToolBox{
  padding-top:30px;
  padding-bottom: 80px;
}

.mainToolBox .blocContact{position: relative;height:100%;display: block;border:10px solid #D6DD3B;background:#66C14F;color:#FFF;padding: 40px 30px;text-align: center;width: 100%;}
.mainToolBox .blocContact .accrocheContact {position: absolute;width: 80%;top: 30%;right: 10%;}
.mainToolBox .blocContact span{font-size: 40px;text-transform:uppercase;font-family:"Intro";font-weight:bold;line-height:1;width: 100%;display: inline-block; text-align: center;}
.mainToolBox .blocContact p{font-size: 16px;  font-family: 'Intro Book';text-align: center;}
.mainToolBox .blocContact a{display:inline-block;position: absolute; bottom: 8%;left: calc(50% - 33px);}

#carouselTools .carousel-item{
  position: relative;
  padding-top: calc( 812 / 1032 * 100%);
}
#carouselTools .carousel-item img{
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.articleContent p:first-of-type{color:#6DBC50;font-family:"Intro";font-size:25px;font-weight:700;line-height: 1.1;}
.articleContent p a, .toolsDet .accordion-body a{color:#0A61AD;;font-weight:700;text-decoration:underline;}
.toolsDet .accordion-body p strong , .articleContent p strong{color:#6DBC50;}
.toolsDet ul{list-style: none;}
.toolsDet ul li::before {
  content: "\25AA";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #6DBC50;; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
/* -------------------------------------------------------------------------- */
                              /* SUGGESTIONS */
/* -------------------------------------------------------------------------- */
.suggestions{
  background: #E1E8EF;
  padding: 68px 0;
}
.suggestions .splide__slide{
  padding: 0 8px;
}
.suggestions h2{
  padding-bottom: 20px;
}
.suggestions .splide__arrow--prev svg{
  transform: initial;
}
.suggestions .splide__arrow svg{
  height: auto;
  width: auto;
  fill: inherit;
}
.suggestions .splide__arrow{
  background: inherit;
}
.suggestions .splide__arrow--next{
  right: -50px;
}
.suggestions .splide__arrow--prev{
  left: -50px;
}
/* -------------------------------------------------------------------------- */
                              /* NEWS */
/* -------------------------------------------------------------------------- */
.news{
  margin: 30px 0;
}
.news h1{
  font-size: 200px;
  font-family: "Muller";
  font-weight: 900;
  color: transparent;
  text-transform: uppercase;
  -webkit-text-stroke: 2px #0A61AC;
  /* text-stroke: 2px #0A61AC; */
  text-align: left;
  line-height: 1;
  position: relative;
  font-style: normal;
  /* -ms-writing-mode: sideways-lr;
      writing-mode: sideways-lr;
       */
  /* Pas possible sous chrome sideways */
  /* -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: inherit;
          text-orientation: inherit; */
  margin: 40px 0;
  cursor: context-menu;
  position: -webkit-sticky;
  position: sticky;
  top: 93px;

  -webkit-writing-mode: tb-rl;

      -ms-writing-mode: tb-rl;

          writing-mode: tb-rl;
  transform: rotate(-180deg);
}
.recentNews{
  position: relative;
}
.recentNews::before{
  content:"RECENT NEWS";
  position: absolute;
  font-size: 15px;
  font-weight:300;
  top:8px;
  left: 8px;
  color: #ffffff;
  background: #083964;
  display: inline-block;
  z-index: 10;
  padding: 8px 25px 8px 8px;
}
.recentNews .imgActu::after{
  content:"";
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  bottom:0;
  right: 0;
  background: linear-gradient(to right, #2a5daf 0%, rgba(21, 47, 88, 0) 100%);
  background-repeat: no-repeat;
  z-index: 9;
}
.blocNews .imgActu::after{
  content:"";
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  bottom:0;
  right: 0;
  background: #0a61ac;
  opacity: 0.26;
  background-repeat: no-repeat;
  z-index: 9;
}
.blocNewsOld .imgActu::after{
  /*content:"";
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  bottom:0;
  right: 0;
  background: #0a61ac;
  opacity: 0.26;
  background-repeat: no-repeat;
  z-index: 9;*/
}
.recentNews .imgActu{
  position: relative;
  padding-top: calc(394 / 1032 * 100%);
  background: #000;
}
.imgActu{
  position: relative;
  padding-top: calc(376 / 508 * 100%);
  background: #000;
}
.imgActu img.imgMain{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity:0.9;
}
.recentNews,
.blocNews,
.blocNewsOld{
  padding: 8px;
  position: relative;
}
.titActu{
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translate( 0 , -50%);
  z-index: 9;
  color: #ffffff;
  right: 130px;
  width: calc(100% - 160px);
}
.titActu h2{
  font-size: 30px;
  font-weight: bold;
  font-family:'Muller';
  line-height: 1;
  margin-bottom: 18px;
  color: #ffffff;
}
.recentNews .titActu h2{
  margin-bottom: 56px;
}
.titActu .linkH{
  width: 91px;
  height: 91px;
}
.titActu .linkH span{
  transform:translate(-50%, -50%);
}
.titActuOld{position:relative;padding-top:8px;width:100%;}
.titActuOld h2{font-size: 21px;font-weight: bold;font-family:'Muller';line-height: 1;margin-bottom: 0;color:#16C1DC;}
.titActuOld p{font-size:13px;font-weight:normal;font-family:'Muller';line-height:15px;padding: 8px 0 0;margin-bottom: 0;color:#575757}
.titActuOld .linkHOld{font-size:10px;font-weight:900;font-family:'Muller';line-height:1;text-transform:uppercase;text-decoration:underline;color:#16C1DC;}


.imgActu.actGroup::before,
.imgActu.actFr::before,
.imgActu.actDe::before{
  position: absolute;
  top:20px;
  right: 20px;
  display: block;
  z-index: 11;
}
.imgActu.actGroup::before{
  content: url('../../group/img/pulsoGroup.png');
}
.imgActu.actFr::before{
  content: url('../../group/img/pulsoFr.png');
}
.imgActu.actDe::before{
  content: url('../../group/img/pulsoDe.png');
}
.socialWall{
  padding: 48px 0;
}
.newsDet{
  padding: 30px 0;
}
.logoPays{
  text-align: right;
}
.logoPays img{
  max-width: 120px;
}
.newsDet h1{
  padding-bottom: 15px;
  margin-bottom: 0;
}
.blocImgActuTop{
  position: relative;
  padding-top: calc( 595 / 1030 * 100%);
  margin-bottom: 20px;
}
.blocImgActuTop img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom:0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.newsContent p.subtitleNews{
  font-family: "Intro";
  font-weight: bold;
  font-size: 25px;
  text-align: left;
  color: #005eb5;
  margin-bottom: 20px;
  line-height: 1.2;
}
.newsContent p{
  font-family: 'Muller';
  font-weight: normal;
  font-size: 18px;
  text-align: left;
  color: #000;
}
.author img{
  border-radius: 50%;
  height: 81px;
  width: 81px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.author p{
  color: #0C61AD;
  font-size: 18px;
  font-family: "Intro";
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 0;
  margin-left: 18px;
}
.author p span{
  font-family: "Intro Book";
  display: block;
  font-weight: normal;
}
.infoNews{
  justify-content: space-between;
  align-items: center;
  margin: 30px 0 60px 0;
}
#sepNews{
  margin-top: 50px;
  margin-bottom: 25px;
}
.othersNews span{
  font-family: "Intro";
  font-weight: bold;
  font-size: 25px;
  text-align: left;
  color: #16C1DC;
  display: block;
}
.othersNews a{
  display: block;
  font-family: "Intro Book";
  font-size: 18px;
  text-align: left;
  color: #0083b6;
  text-decoration: underline;
}
.share a {
  display: inline-block;
  padding: 2px;
}
.share span{
  display: block;
  font-family: "Intro Book";
  font-size: 14px;
  color: #0C61AD;
}
.share{
  text-align: left;
}
.filterWall{
  justify-content: center;
  align-items: center;
}
.filterWall a{
  display: inline-block;
  padding: 0 5px;
  width: auto;
}
/* -------------------------------------------------------------------------- */
                              /* NEWS – SOCIAL WALL */
/* -------------------------------------------------------------------------- */
.imgSocial1{
  position: relative;
  padding-top: calc(188 / 376 * 100%);
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}
.illuSocial{
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}
/* -------------------------------------------------------------------------- */
                              /* JOIN US */
/* -------------------------------------------------------------------------- */

.joinUs{
  background: url('../../group/img/JOB.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
  height: 320px;
  background-size: cover;
  margin: 0;
  padding-bottom: 15px;
}
.joinUs h1{
  font-size: 90px;
  font-family: "Muller";
  color: transparent;
  text-transform: uppercase;
  text-align: center;
  -webkit-text-stroke: 2px #ffffff;
  /* text-stroke: 2px #ffffff; */
  text-align: left;
  line-height: 1;
  position: relative;
  font-weight: 900;
  font-style: normal;
  z-index: 9;
}
.formJoin .btnDp{
  border-radius: 0;
  border: solid 1px #ffffff;
  background-color: transparent;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  font-family: "Muller";
  text-transform: uppercase;
  padding: 15px;
  line-height: 1!important;
}
.formJoin .dropdown-item{
  font-size: 15px;
  font-weight: bold;
  font-family: "Muller";
  text-transform: uppercase;
  color: #005EB5;
  line-height: initial;
  padding: 8px 15px;
}
.formJoin .btnDp{
  width: 100%;
  text-align: left;
}
.formJoin .btnDp:focus{
  box-shadow: none;
}
.btnDp.dropdown-toggle::after{
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  content:url('../../group/img/CHEVRON-D.png');
}
.btnDp.show.dropdown-toggle::after{
  transform: rotate(-180deg);
  top: 35%;
}
.formJoin .dropdown-menu.show {
  display: block;
  width: calc(100% - 24px);
  border-radius: 0;
  border: none;
}
.btnJoin,
.postuler,
.readMore{
  background: #ffffff;
  border-radius: 0;
  padding: 12px 25px;
  color: #0C61AC;
  font-size: 15px;
  font-weight: bold;
  font-family: "Muller";
  text-transform: uppercase;
}
.postuler,
.postuler:hover{
  background: #0C61AC;
  color: #ffffff;
  margin-top: 20px;
  display: inline-block;
  line-height: 1;
}
.readMore{
  border: solid 1px #0C61AC;
  margin-top: 20px;
  margin-bottom: 30px;
}
.btnJoin svg,
.postuler svg,
.readMore svg{
  vertical-align: baseline;
  margin-right: 10px;
}
.btnJoin:hover{
  color: #0C61AC;
}
.latestJob,
.joinUsDet{
  padding: 80px 0 100px 0;
}
.latestJob h2{
  margin-bottom: 30px;
}
.jobOffer{
  padding: 8px;
  background: #EDEDED;
  background-clip: content-box;
}
.jobOffer h3{
  color:#0C61AC;
  text-transform: uppercase;
  font-size: 25px;
  font-family: "Intro";
  font-weight: bold;
  margin-bottom: 15px;
}
.jobOffer p{
  margin-bottom: 0;
  font-size: 18px;
  font-family: "Muller";
  font-weight: normal;
  color: #000000;
}
.jobOffer > .row{
  margin: 0;
  padding: 20px 24px;
  position: relative;
  /* padding-top: calc(300 / 377 * 100%); */
  min-height: 300px;
  justify-content: space-between;
}
.jobOffer img{
  max-width: 107px;
}
.infJob1{
  align-self: start;
  padding: 0;
}
.infJob2{
  align-self: end;
  justify-content: space-between;
  display: flex;
  padding: 0;
}
.joinUsDet{
  align-items: center;
}
.joinUsDet h1{
  margin-bottom: 0;
}
.contentOffer p{
  margin-bottom: 0;
}
.subtitleOffer{
  margin-top: 10px;
  display: block;
}
/* -------------------------------------------------------------------------- */
                              /* RESULTAT RECHERCHE*/
/* -------------------------------------------------------------------------- */
.nbRes{
  text-align: right;
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
  color: #000000;
  font-family: "Intro";
}
.searchListe h2,
.oContent h2{
  font-family: "Intro";
  font-weight: bold;
  font-size: 25px;
  text-align: left;
  color: #005eb5;
}
.oContent h2{
  margin-bottom: 20px;
}

.searchListe h3,
.oContent h3{
  font-family: "Intro";
  font-weight: bold;
  font-size: 25px;
  text-align: left;
  color: #005eb5;
}
.oContent h3{
  margin-bottom: 20px;
}
.searchListe p,
.oContent p{
  font-size: 18px;
  font-family: "Muller";
}
.res,
.oRow{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
  padding-top: 40px;
}
.res:not(:last-of-type)::after,
.oRow:not(:last-of-type)::after{
  content:"";
  width: 100%;
  height: 1px;
  background: #265EAF;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
/* -------------------------------------------------------------------------- */
                              /* MODALS */
/* -------------------------------------------------------------------------- */

.modalPulso{z-index:3000;}
.modalHome .modal-content{background:rgba(255,255,255,0.6)}

/* -------------------------------------------------------------------------- */
/*
/*                           /* MEDIA QUERIES */
/*
/* -------------------------------------------------------------------------- */
/* Écran 15' */
@media screen and (min-device-width: 1200px) and (max-device-width: 1599.8px) and (-webkit-min-device-pixel-ratio: 1){
  .container-xl{
    max-width: 1300px!important;
  }
  .container-xl.contentSlide{
    max-width: 100%;
    left: 60%;
  }
  .navPulso .nav-item{
    padding: 0 10px;
  }
  .subtitle{
    font-size: 28px;
  }
  .ourMission p, .ourApproach p, .yourWelcome p, .ourTeam p, .ourHistory p{
    font-size: 18px;
  }
  .infoHistory p{
    font-size: 17px;
  }
  .ourMission h2, .ourApproach h2, .yourWelcome h2, .ourTeam h2, .ourHistory h2, .trust h2, .mapHome h2{
    font-size: 50px;
    margin-left: 35px;
  }
  .mapHome h2, .mapHome h2 span{
    margin-left: 0;
  }
  .ourMission h2 span, .ourApproach h2 span, .yourWelcome h2 span, .ourTeam h2 span, .ourHistory h2 span, .trust h2 span, .mapHome h2 span{
    margin-left: -35px;
  }
  .menuIt img{
    max-height: 80px;
    margin-bottom: 20px;
  }
  .menuIt span{
    font-size: 16px;
  }
  .menuIt p{
    font-size: 12px;
  }
  #ourServices .row {
    /*padding-top: 35px;*/
    padding-bottom: 35px;
  }
  .extrait{
    padding: 15px;
  }
  .extrait a{
    font-size: 12px;
  }
  .extrait a svg{
    vertical-align: baseline;
  }
  #contactForm,
  #applyForm{
    padding: 45px 120px 40px 110px;
    max-width: 68%;
  }
  .icContent img{
    max-width: 305px;
  }
  .infoContent span{
    font-size: 30px;
  }
  .joinCont h2 {
    font-size: 30px;
  }
}
/* Écran 13 pouces ou HDPI */
/* @media screen and (min-device-width: 992px) and (max-device-width: 1440px){ */
@media screen and (min-device-width: 992px) and (max-device-width: 1280px){
  .container-xl{
    max-width: 1170px!important;
  }
  .navPulso .nav-item{
    padding: 0 6px;
  }
  .news h1{
    font-size: 177px;
  }
  .suggestions .splide__arrow--prev {
    left: -40px;
  }
  .suggestions .splide__arrow--next{
    right: -40px;
  }
  #contactForm,
  #applyForm{
    max-width: 85%;
  }

}
/* Smartphone Portrait / Paysage & Tablette Portrait */
@media(max-width: 810px){
  body{
    font-size: 14px;
  }
  .preNav{
    padding: 12px;
  }
  .preNav .container-xl,
  .navPulso .container-xl {
    justify-content: space-between;
  }

  .nav-link.active::after{
    right: -40px;
    bottom: 33%;
    left: inherit;
  }
  .ourMission p,
  .ourApproach p, .yourWelcome p,
  .ourTeam p,
  .ourHistory p{
    font-size: 14px;
  }
  .ourMission h2,
  .ourApproach h2, .yourWelcome h2, 
  .ourTeam h2,
  .ourHistory h2,
  .trust h2,
  .mapHome h2{
    font-size: 45px;
  }
  .p24{
    padding-right: 24px;
    padding-left: 24px;
  }
  .subtitle{
    font-size: 18px;
  }
  .ourMission h2 span::before{
    width: 50px;
    height: 50px;
    left: 20px;
    top:-70px;
  }
  .ourMission h2::before{
    width: 36px;
    height: 36px;
    left: 120px;
    top:-35px;
  }
  .linkH{
    font-size: 11px;
    line-height: 1.2;
    width: 81px;
    height: 81px;
  }
  .ourMission h2,
  .ourApproach h2, .yourWelcome h2, 
  .ourTeam h2,
  .ourHistory h2,
  .trust h2{
    -webkit-text-stroke: 1px #ffffff;
  }
  .mapHome h2{
    -webkit-text-stroke: 1px #005EB5;
  }
  .ourApproach h2::before, .yourWelcome h2::before,
  .ourTeam h2::before,
  .ourHistory h2::before,
  .trust h2::before{
    height: 47px;
    width:47px;
    top:-30px;
    left:-25px;
  }
  .ourApproach h2::after, .yourWelcome h2::after{
    width: 33px;
    height: 33px;
    right:25px;
    bottom:-200px;
  }
  .contentSlide p{
    font-size: 18px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .contentSlide {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-42%, -50%);
    /* margin-left: 25px; */
    max-width: calc(100% - 70px);
  }
  .contentSlide h2{
    font-size: 39px;
    -webkit-text-stroke: 1px #ffffff;
  }
  .sImgAll::before, 
  .sImg1::before, 
  .sImg2::before, 
  .sImg3::before, 
  .sImg4::before, 
  .sImg5::before,
  .jaune::before,
  .orange::before,
  .vert::before,
  .bleu-fonce::before,
  .bleu-clair::before{
    width: 120px;
    height: 120px;
    left: -75px;
  }
  .contentSlide .linkH {
    font-size: 16px;
    margin-top: 25px;
  }
  .ourHistory h2::after{
    width: 48px;
    height: 48px;
    right: 0;
  }
  .dateEvent{
    width: 80px;
    height: 80px;
    font-size: 20px;
    line-height: 80px;
    margin-bottom: 20px;
  }
  #carrouselHistory .splide__arrow.splide__arrow--prev {
    position: absolute;
    top: 43px!important;
    left: 0!important;
  }
  #carrouselHistory .splide__arrow.splide__arrow--next {
    top: 43px!important;
    left: 100px!important;
  }
  .splide__slide.sHistory{
    height: -webkit-fit-content!important;
    height: -moz-fit-content!important;
    height: fit-content!important;
  }
  .infoHistory {
    padding-left: 12px;
  }
  .trust h2 {
    -webkit-text-stroke: 1px #2A5DAF;
  }
  .trust{
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .logoTrust img{
    margin: 20px 0;
  }
  .footPulso{
    padding:  33px 12px;
  }
  .logSupFoot{
    max-width: 70px;
  }
  .logSupFoot2{
    max-width: 100px;
  }
  .titMob{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .titMob .pictoR svg{
    width: 26px;
    height: 26px;
  }
  /* .infoMap{
    width: auto;
    transform: translate(-50% , 40%);
    top: 0;
    left: 50%;
  } */
  .mapHome .legende {
    position: absolute;
    padding: 0.5rem 0.8rem;
    width: auto;
    bottom: 8%;
  } 
  .extAct > .row{
    margin: 0;
  }
  .joinUsFoot{
    margin-top: 20px;
  }
  .servicesType{
    margin-right: 0;
    margin-left:0;
  }
  .challenges, .services, .servicesDet, .toolsDet, .searchResult, .oPages{
    margin-right: 0;
    margin-left: 0;
  }
  .services h1,
  .services h2 {
    padding: 0 24px;
  }
  .challenges h1, .mainToolBox h1, .toolsDet h1, .newsDet h1, .services h1, .suggestions h2,
  .contServ span{
    font-size: 25px;
  }
  .suggestions h2,
  .mainToolBox h1{
    text-align: center;
  }
  .servicesDet h1{
    font-size: 22px;
  }
  .ariane{
    padding: 0 24px;
  }
  .challenges, .services, .servicesDet, .toolsDet, .searchResult, .oPages{
    padding-bottom: 20px;
  }
  .logoC {
    max-width: 33%;
    margin-bottom: 15px;
  }
  .serviceContent p:first-of-type{
    font-size: 18px;
  }
  .icContent img{
    display: none;
  }

  .infoContent,
  .mainToolBox .blocContact .accrocheContact{
    position: relative!important;
    top:inherit;
    left: inherit;
    transform:inherit;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: fixed;
  }
  .infoContact,
  .mainToolBox .blocContact{
    position: fixed;
    bottom: 0;
    z-index: 99999;
    left: 0;
    right: 0;
    top:inherit;
    /* background:#FF5100; */
    width: 100%;
    /* border: solid 6px #8E9D9D; */
    padding: 0;
  }
  .mainToolBox .blocContact{
    padding: 5px 10px;
  }
  .ifContLime.infoContent{
    background: #D6DD3B;
    border: solid 6px #80B95E;
    padding: 5px 10px;
  }
  .ifContOrange.infoContent{
    background:#FF5100;
    border: solid 6px #8E9D9D;
    padding: 5px 10px;
  }
  .infoContent span,
  .infoContent p,
  .mainToolBox .accrocheContact span,
  .mainToolBox .accrocheContact p{
    display: inline-block;
    padding-left: 60px;
    text-align: left;
    font-size: 16px;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.1;
  }
  .infoContent a,
  .mainToolBox .blocContact a {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .infoContent a svg,
  .mainToolBox .blocContact a svg {
    width: 36px;
    height: 36px;
  }
  /* .infoContent a::after{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    right:0;
    bottom: 0;
    border: solid 1px red;
  } */
  .suggestions .splide__arrow--prev{
    left: 20px;
  }
  .suggestions .splide__arrow--next{
    right: 20px;
  }
  .suggestions .splide__slide {
    padding: 0 70px;
  }
  .suggestions .contServ span{
    font-size: 20px;
  }
  .suggestions .contServ{
    width: auto;
  }
  .suggestions{
    padding: 20px 0;
  }
  .btFixMob .subFoot{
    margin-bottom: 81px;
  }
  .challenges h3.accordion-header .accordion-button, .servicesDet h3.accordion-header .accordion-button, .toolsDet h3.accordion-header .accordion-button{
    font-size: 20px;
  }
  .challenges h2, .servicesDet h2, .toolsDet h2, .latestJob h2, .joinUsDet h1, .searchResult h1, .oPages h1{
    font-size: 22px;
  }
  .mainToolBox{
    padding-right: 24px;
    padding-left: 24px;
  }
  .toolContact{
    padding: 0!important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
  }
  .mainToolBox .blocContact{
    height: inherit;
    position: relative;
  }
  .mainToolBox .blocContact a{
    bottom: auto;
  }
  .news h1{
    font-size: 79px;
    text-align: center;
    -webkit-text-stroke: 1px #0A61AC;
    position: relative;
    top:inherit;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
        writing-mode: initial;
    margin: 10px;
    transform: initial;
  }
  .imgActu{
    aspect-ratio : 1 / 1;
  }
  .recentNews, .blocNews, .blocNewsOld{
    padding: 6px 0;
  }
  main.mainNews {
    padding-right: 24px;
    padding-left: 24px;
  }
  .recentNews::before{
    top: 6px;
    left: 0;
  }
  .titActu{
    width: calc(100% - 160px);
  }
  .titActu h2{
    font-size: 25px;
  }
  .titActu .linkH {
    width: 63px;
    height: 63px;
  }
  .mainDetNews .newsDet{
    padding-right: 24px;
    padding-left: 24px;
  }
  .author{
    padding: 0;
  }
  .share span{
    display: inline-block;
  }
  .share{
    margin-top: 30px;
    padding: 0;
  }
  #sepNews,
  .othersNews{
    padding: 0
  }
  .suggestions .imgActu{
    aspect-ratio: inherit;
    padding-top: calc(186 / 234 * 100%);
  }
  .suggestions .titActu{
    left: 70px;
    width: calc(100% - 140px);
  }
  .latestJob, .joinUsDet{
    padding: 40px 24px 50px 24px;
  }
  .jobOffer h3{
    font-size: 18px;
  }
  .jobOffer > .row{
    min-height: 245px;
  }
  .joinUs h1{
    font-size: 79px;
    -webkit-text-stroke: 1px #ffffff;
    text-align: center;
  }
  .formJoin form {
    padding: 0 24px;
  }
  .formJoin .dropdown {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .btnJoin{
    margin-top :10px;
  }
  .joinUs{
    height: 380px;
  }
  .contentOffer {
    margin-top: 20px;
  }
  #contactForm,
  #applyForm{
    max-width: 100%;
    padding: 40px 24px;
  }
  .formContact .form-check-inline{
    display: block;
  }
  #contactForm .offcanvas-header,
  #applyForm .offcanvas-header{
    padding: 0;
  }
  #navbarNav,
  #navbarNav.collapse,
  #navbarNav.collapse.show,
  #navbarNav.collapsing,
  #navbarNav.collapsed {
    height: 100vh;
    transition: none;
  }
  #ourServices.offcanvas-top{
    z-index: 99999;
    top: 0!important;
    height: 100vh;
  }
  #ourServices .offcanvas-header{
    background: #ffffff;
  }
  .closeMegMen{
    display: block;
    border: none;
    background: none;
  }
  .menuIt{
    flex: 100%;
    padding: 6px 12px;
  }
  .menuIt svg{
    display: none;
  }
  .menuIt p{
    display: none;
  }
  .menuIt span,
  .menuIt img{
    display: inline-block;
    margin: auto;
  }
  .menuIt img{
    max-height: 45px;
    margin-bottom: 0;
  }
  .menuIt span{
    font-size: 15px;
    max-width: 70%;
    line-height: normal;
    min-height: inherit;
  }
  #ourServices .row{
    background: #ffffff;
  }
  .menuIt > div{
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  #ourServices .row{
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .backTo{
    text-align: left;
    text-transform: uppercase;
    color: #005EB5!important;
    font-weight: bold;
    font-family: "Intro";
    font-size: 15px;
    margin-bottom: 15px;
  }
  .backTo svg{
    margin-right: 5px;
    vertical-align: top;
  }
  .imgTeam{
    padding: 6px 24px;
    max-width: 100%;
    width: 100%;
    aspect-ratio: 1 / 1;
  }
  .teamMember{
    height: 100%;
  }
  .btnMobTeam{
    display: block;
  }
  .btnTeam{
    display: none;
  }
  .btnMobTeam svg {
    text-align: left;
    float: left;
  }
  .btnMobTeam{
    padding: 5px;
    border: none;
    background: #ffffff;
  }
  .imgTeam.colorTeam{
    transform: inherit;
    position: relative;
  }
  .imgTeam.colorTeam .nameMember, .imgTeam.colorTeamBottom .nameMember, .imgTeam.colorTeamRight .nameMember, .imgTeam.colorTeamRightBottom .nameMember{
    bottom: 6px;
    width: calc(100% - 48px);
    font-size: 16px;
    padding: 12px 4px;
  }
  .colorTeam .logoPaysTeam {
    height: 21px;
    width: 21px;
  }
  .mapImg{
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left;
       object-position: left;
    max-width: 100%;
  }
  .searchResult{
    padding-right: 24px;
    padding-left: 24px;
  }
}