@charset "UTF-8";
/**
* fichier de configuration du scss
* author: Thiney Jean-Baptiste 
*/
/** variables pour les formulaires **/
/** fin variables pour les formulaires **/
h1 {
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  color: #707070;
}

h2 {
  font-size: 18px;
  font-weight: bold;
  color: #B60050;
  line-height: 22px;
}
h2.extraTitle {
  font-size: 30px;
}

h3 {
  font-size: 16px;
  font-weight: bold;
  color: #B60050;
  line-height: 22px;
}
@media (max-width: 576px) {
  h3 {
    font-size: 22px;
  }
}

b.text-red {
  color: #B60050;
}

.color-text-red {
  color: #B3023C;
}

.bg-blue {
  background-color: #058AB4;
}

.bg-red {
  background-color: #EE402A;
}

.bg-orange-accent {
  background-color: #FFA814;
}

.bg-unnamed-color-d9869e {
  background-color: #D9869E;
}

.txt-blue {
  color: #058AB4;
}

.arial {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.slideInLeft {
  animation-name: slideInLeft;
}

.animated.slideInDown {
  animation-name: slideInDown;
}

@keyframes hover-radius {
  from {
    width: 490px;
    height: 180px;
    border-radius: 20px;
  }
  50% {
    border-radius: 20px;
  }
  to {
    width: 180px;
    height: 180px;
    border-radius: 100%;
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInTop {
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
}
@keyframes slideInDownSimpleContact {
  from {
    transform: translate3d(0, -50px, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, 0px, 0);
    visibility: visible;
  }
}
@keyframes rotateFleche {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes arrowApparision {
  0% {
    width: 60px;
    height: 60px;
    opacity: 0.3;
  }
  100% {
    width: 60px;
    height: 60px;
    opacity: 0.8;
  }
}
@keyframes bandeauSlideLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes bandeauSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/**
 * Display & Grid System Documentation
 * ===================================
 * 
 * Breakpoint System:
 * ------------------
 * xs (Extra Small):  >= 320px  - Mobile devices (small phones)
 * sm (Small):        >= 576px  - Mobile devices (standard phones)
 * md (Medium):       >= 768px  - Tablets
 * lg (Large):        >= 1100px - Desktop screens
 * xl (Extra Large):  >= 1400px - Large desktop screens
 * 
 * Grid System:
 * ------------
 * - 16-column grid system with 10px margin between columns
 * - Column classes: .col-1 through .col-16 (default, no prefix)
 * - Responsive columns: .xs:col-X, .sm:col-X, .md:col-X, .lg:col-X, .xl:col-X
 * 
 * Visibility Classes:
 * -------------------
 * - .xs:hidden, .sm:hidden, .md:hidden, .lg:hidden, .xl:hidden - Hide element at breakpoint
 * - .xs:visible, .sm:visible, .md:visible, .lg:visible, .xl:visible - Show element at breakpoint
 * 
 * Flexbox Utilities:
 * ------------------
 * - .row - Flex container with wrap and centered content
 * - .row-nospace - Flex container without spacing
 * - .direction-row / .direction-col - Flex direction control
 * - .flex-start, .flex-end, .flex-center, .flex-stretch, .flex-baseline - Alignment utilities
 * - .justify-start, .align-center - Justify content utilities
 * 
 * Usage Example:
 * --------------
 * <div class="flexbox">
 *   <div class="row">
 *     <div class="col-8 md:col-12 sm:col-16">Content</div>
 *     <div class="col-8 md:hidden">Hidden on tablets and below</div>
 *   </div>
 * </div>
 */
/********* Mise en place du nouveau système *********/
.flexbox .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  margin: auto;
  justify-content: center;
}
.flexbox .row-nospace {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}

.no-flexbox .row {
  display: block;
  width: 100%;
  position: relative;
}

.full-width {
  width: 100%;
}

/**
 * Column width mixin
 * Calculates column width based on 16-column grid
 * @param {number} $nbr - Number of columns to span (1-16)
 */
/**
 * Generate column classes for a specific breakpoint
 * @param {string} $prefix - Breakpoint prefix (e.g., "xs:", "sm:", etc.)
 */
/**
 * Generate hidden class for a specific breakpoint
 * @param {string} $prefix - Breakpoint prefix (e.g., "xs:", "sm:", etc.)
 */
/**
 * Generate visible class for a specific breakpoint
 * @param {string} $prefix - Breakpoint prefix (e.g., "xs:", "sm:", etc.)
 */
.col-1 {
  width: calc(100% / 16 * 1 - 16px);
}

.col-2 {
  width: calc(100% / 16 * 2 - 16px);
}

.col-3 {
  width: calc(100% / 16 * 3 - 16px);
}

.col-4 {
  width: calc(100% / 16 * 4 - 16px);
}

.col-5 {
  width: calc(100% / 16 * 5 - 16px);
}

.col-6 {
  width: calc(100% / 16 * 6 - 16px);
}

.col-7 {
  width: calc(100% / 16 * 7 - 16px);
}

.col-8 {
  width: calc(100% / 16 * 8 - 16px);
}

.col-9 {
  width: calc(100% / 16 * 9 - 16px);
}

.col-10 {
  width: calc(100% / 16 * 10 - 16px);
}

.col-11 {
  width: calc(100% / 16 * 11 - 16px);
}

.col-12 {
  width: calc(100% / 16 * 12 - 16px);
}

.col-13 {
  width: calc(100% / 16 * 13 - 16px);
}

.col-14 {
  width: calc(100% / 16 * 14 - 16px);
}

.col-15 {
  width: calc(100% / 16 * 15 - 16px);
}

.col-16 {
  width: calc(100% / 16 * 16 - 16px);
}

/**
 * xs (Extra Small) Breakpoint: >= 320px
 * Target: Small mobile devices
 * Classes: .xs:col-1 to .xs:col-16, .xs:hidden, .xs:visible
 */
@media (min-width: 320px) {
  .xs\:col-1 {
    width: calc(100% / 16 * 1 - 16px);
  }
  .xs\:col-2 {
    width: calc(100% / 16 * 2 - 16px);
  }
  .xs\:col-3 {
    width: calc(100% / 16 * 3 - 16px);
  }
  .xs\:col-4 {
    width: calc(100% / 16 * 4 - 16px);
  }
  .xs\:col-5 {
    width: calc(100% / 16 * 5 - 16px);
  }
  .xs\:col-6 {
    width: calc(100% / 16 * 6 - 16px);
  }
  .xs\:col-7 {
    width: calc(100% / 16 * 7 - 16px);
  }
  .xs\:col-8 {
    width: calc(100% / 16 * 8 - 16px);
  }
  .xs\:col-9 {
    width: calc(100% / 16 * 9 - 16px);
  }
  .xs\:col-10 {
    width: calc(100% / 16 * 10 - 16px);
  }
  .xs\:col-11 {
    width: calc(100% / 16 * 11 - 16px);
  }
  .xs\:col-12 {
    width: calc(100% / 16 * 12 - 16px);
  }
  .xs\:col-13 {
    width: calc(100% / 16 * 13 - 16px);
  }
  .xs\:col-14 {
    width: calc(100% / 16 * 14 - 16px);
  }
  .xs\:col-15 {
    width: calc(100% / 16 * 15 - 16px);
  }
  .xs\:col-16 {
    width: calc(100% / 16 * 16 - 16px);
  }
  .xs\:hidden {
    display: none;
  }
  .xs\:visible {
    display: block;
  }
  .xs\:row {
    display: flex;
  }
}
/**
 * sm (Small) Breakpoint: >= 576px
 * Target: Standard mobile devices
 * Classes: .sm:col-1 to .sm:col-16, .sm:hidden, .sm:visible
 */
@media (min-width: 576px) {
  .sm\:col-1 {
    width: calc(100% / 16 * 1 - 16px);
  }
  .sm\:col-2 {
    width: calc(100% / 16 * 2 - 16px);
  }
  .sm\:col-3 {
    width: calc(100% / 16 * 3 - 16px);
  }
  .sm\:col-4 {
    width: calc(100% / 16 * 4 - 16px);
  }
  .sm\:col-5 {
    width: calc(100% / 16 * 5 - 16px);
  }
  .sm\:col-6 {
    width: calc(100% / 16 * 6 - 16px);
  }
  .sm\:col-7 {
    width: calc(100% / 16 * 7 - 16px);
  }
  .sm\:col-8 {
    width: calc(100% / 16 * 8 - 16px);
  }
  .sm\:col-9 {
    width: calc(100% / 16 * 9 - 16px);
  }
  .sm\:col-10 {
    width: calc(100% / 16 * 10 - 16px);
  }
  .sm\:col-11 {
    width: calc(100% / 16 * 11 - 16px);
  }
  .sm\:col-12 {
    width: calc(100% / 16 * 12 - 16px);
  }
  .sm\:col-13 {
    width: calc(100% / 16 * 13 - 16px);
  }
  .sm\:col-14 {
    width: calc(100% / 16 * 14 - 16px);
  }
  .sm\:col-15 {
    width: calc(100% / 16 * 15 - 16px);
  }
  .sm\:col-16 {
    width: calc(100% / 16 * 16 - 16px);
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:visible {
    display: block;
  }
  .sm\:row {
    display: flex;
  }
}
/**
 * md (Medium) Breakpoint: >= 768px
 * Target: Tablets and small desktop screens
 * Classes: .md:col-1 to .md:col-16, .md:hidden, .md:visible
 */
@media (min-width: 768px) {
  .md\:col-1 {
    width: calc(100% / 16 * 1 - 16px);
  }
  .md\:col-2 {
    width: calc(100% / 16 * 2 - 16px);
  }
  .md\:col-3 {
    width: calc(100% / 16 * 3 - 16px);
  }
  .md\:col-4 {
    width: calc(100% / 16 * 4 - 16px);
  }
  .md\:col-5 {
    width: calc(100% / 16 * 5 - 16px);
  }
  .md\:col-6 {
    width: calc(100% / 16 * 6 - 16px);
  }
  .md\:col-7 {
    width: calc(100% / 16 * 7 - 16px);
  }
  .md\:col-8 {
    width: calc(100% / 16 * 8 - 16px);
  }
  .md\:col-9 {
    width: calc(100% / 16 * 9 - 16px);
  }
  .md\:col-10 {
    width: calc(100% / 16 * 10 - 16px);
  }
  .md\:col-11 {
    width: calc(100% / 16 * 11 - 16px);
  }
  .md\:col-12 {
    width: calc(100% / 16 * 12 - 16px);
  }
  .md\:col-13 {
    width: calc(100% / 16 * 13 - 16px);
  }
  .md\:col-14 {
    width: calc(100% / 16 * 14 - 16px);
  }
  .md\:col-15 {
    width: calc(100% / 16 * 15 - 16px);
  }
  .md\:col-16 {
    width: calc(100% / 16 * 16 - 16px);
  }
  .md\:hidden {
    display: none;
  }
  .md\:visible {
    display: block;
  }
  .md\:row {
    display: flex;
  }
}
/**
 * lg (Large) Breakpoint: >= 1100px
 * Target: Desktop screens
 * Classes: .lg:col-1 to .lg:col-16, .lg:hidden, .lg:visible
 */
@media (min-width: 1100px) {
  .lg\:col-1 {
    width: calc(100% / 16 * 1 - 16px);
  }
  .lg\:col-2 {
    width: calc(100% / 16 * 2 - 16px);
  }
  .lg\:col-3 {
    width: calc(100% / 16 * 3 - 16px);
  }
  .lg\:col-4 {
    width: calc(100% / 16 * 4 - 16px);
  }
  .lg\:col-5 {
    width: calc(100% / 16 * 5 - 16px);
  }
  .lg\:col-6 {
    width: calc(100% / 16 * 6 - 16px);
  }
  .lg\:col-7 {
    width: calc(100% / 16 * 7 - 16px);
  }
  .lg\:col-8 {
    width: calc(100% / 16 * 8 - 16px);
  }
  .lg\:col-9 {
    width: calc(100% / 16 * 9 - 16px);
  }
  .lg\:col-10 {
    width: calc(100% / 16 * 10 - 16px);
  }
  .lg\:col-11 {
    width: calc(100% / 16 * 11 - 16px);
  }
  .lg\:col-12 {
    width: calc(100% / 16 * 12 - 16px);
  }
  .lg\:col-13 {
    width: calc(100% / 16 * 13 - 16px);
  }
  .lg\:col-14 {
    width: calc(100% / 16 * 14 - 16px);
  }
  .lg\:col-15 {
    width: calc(100% / 16 * 15 - 16px);
  }
  .lg\:col-16 {
    width: calc(100% / 16 * 16 - 16px);
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:visible {
    display: block;
  }
  .lg\:row {
    display: flex;
  }
}
/**
 * xl (Extra Large) Breakpoint: >= 1400px
 * Target: Large desktop screens and wide monitors
 * Classes: .xl:col-1 to .xl:col-16, .xl:hidden, .xl:visible
 */
@media (min-width: 1400px) {
  .xl\:col-1 {
    width: calc(100% / 16 * 1 - 16px);
  }
  .xl\:col-2 {
    width: calc(100% / 16 * 2 - 16px);
  }
  .xl\:col-3 {
    width: calc(100% / 16 * 3 - 16px);
  }
  .xl\:col-4 {
    width: calc(100% / 16 * 4 - 16px);
  }
  .xl\:col-5 {
    width: calc(100% / 16 * 5 - 16px);
  }
  .xl\:col-6 {
    width: calc(100% / 16 * 6 - 16px);
  }
  .xl\:col-7 {
    width: calc(100% / 16 * 7 - 16px);
  }
  .xl\:col-8 {
    width: calc(100% / 16 * 8 - 16px);
  }
  .xl\:col-9 {
    width: calc(100% / 16 * 9 - 16px);
  }
  .xl\:col-10 {
    width: calc(100% / 16 * 10 - 16px);
  }
  .xl\:col-11 {
    width: calc(100% / 16 * 11 - 16px);
  }
  .xl\:col-12 {
    width: calc(100% / 16 * 12 - 16px);
  }
  .xl\:col-13 {
    width: calc(100% / 16 * 13 - 16px);
  }
  .xl\:col-14 {
    width: calc(100% / 16 * 14 - 16px);
  }
  .xl\:col-15 {
    width: calc(100% / 16 * 15 - 16px);
  }
  .xl\:col-16 {
    width: calc(100% / 16 * 16 - 16px);
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:visible {
    display: block;
  }
  .xl\:row {
    display: flex;
  }
}
/**
 * Flexbox Utility Classes
 * =======================
 */
/* Flex direction utilities */
.direction-row {
  flex-direction: row;
}

.direction-col {
  flex-direction: column;
}

/* Centering utilities */
.center-block {
  margin: auto;
}

.bloc {
  display: block;
}

/* Spacing utilities */
.col-spacing-left {
  padding-left: 20px;
}

/* Align items utilities (cross-axis alignment) */
.flex-start {
  align-items: flex-start;
}

.flex-end {
  align-items: flex-end;
}

.flex-center {
  align-items: center;
}

.flex-stretch {
  align-items: stretch;
}

.flex-baseline {
  align-items: baseline;
}

/* Justify content utilities (main-axis alignment) */
.justify-start {
  justify-content: flex-start !important;
}

.align-center {
  justify-content: center;
  align-content: center;
}

/* Flex wrap utilities */
.flex-wrap {
  flex-wrap: wrap;
}

/**
 * Gap Utilities
 * =============
 * Utility classes for controlling gap spacing in flex and grid containers
 */
.gap-0 {
  gap: 0px;
}

.gap-5 {
  gap: 5px;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-25 {
  gap: 25px;
}

.gap-30 {
  gap: 30px;
}

.gap-40 {
  gap: 40px;
}

.gap-50 {
  gap: 50px;
}

/**
 * Grid Utilities
 * ==============
 * Basic grid display utilities
 */
.grid {
  display: grid;
}

.grid-item {
  /* Grid item styles can be extended as needed */
}

.grid {
  display: grid;
}

/**
* Fichier pour le css commun au site internet
* @author: Jean-Baptiste Thiney 
*
*/
/** reset **/
a {
  display: block;
}

:focus {
  outline: none;
}

input[type=email]:select,
input[type=text]:select,
textarea:select,
select:select {
  border: none;
  box-shadow: none;
  outline: none;
}
input[type=email]:focus,
input[type=text]:focus,
textarea:focus,
select:focus {
  border: none;
  box-shadow: none;
  outline: none;
  outline: 1px auto #FFFFFF;
}
input[type=email]:active,
input[type=text]:active,
textarea:active,
select:active {
  border: none;
  box-shadow: none;
  outline: none;
}

p {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 768px) {
  p {
    line-height: 18px;
  }
}

body {
  font-family: "Arial";
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  background-color: #F4F4F4;
  background-image: linear-gradient(90deg, rgba(128, 128, 128, 0.330969888) 0%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 90%, rgba(128, 128, 128, 0.3281687675) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(230, 230, 230, 0) 50%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 50%);
  background-size: 100% 3px;
  background-position: 0 0, 0 0;
}
body.toastOn {
  overflow: hidden !important;
}
body.scroll #bandeau_header_left {
  display: none;
}
body.scroll #bandeau_header_right {
  display: none;
}
body.no-scroll {
  overflow: hidden !important;
}
@media (max-width: 768px) {
  body {
    background-image: none;
  }
}
@media (max-width: 576px) {
  body {
    background-image: none;
  }
}

@media (max-width: 768px) {
  main {
    margin-top: 100px;
  }
}

section.main {
  margin-left: 8px;
  margin-right: 8px;
}

@media (max-width: 768px) {
  .bg-green {
    background-color: #FFFFFF;
  }
}

@media (max-width: 768px) {
  .bg-gray {
    background-color: #FFFFFF;
  }
}

@media (max-width: 768px) {
  .bg-white {
    background-color: #ffffff;
  }
}

.red-text {
  color: #B60050 !important;
}

@media (max-width: 768px) {
  .gray-text {
    color: #FFFFFF;
  }
}

@media (max-width: 768px) {
  .message_landscape {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    overflow: hidden;
  }
  .message_landscape .content_message_landscape {
    display: block;
    width: 493px;
    height: 200px;
    margin: auto;
    top: calc(50% - 100px);
    position: absolute;
    left: calc(50% - 245px);
  }
  .message_landscape .content_message_landscape p {
    display: block;
    position: relative;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-family: Arial, serif;
    margin-top: 23px;
    margin-bottom: 20px;
  }
  .message_landscape .content_message_landscape div.btn_rotation {
    width: 85px;
    height: 42px;
    display: block;
    position: relative;
    margin: auto;
    background: #ffffff;
  }
  .message_landscape .content_message_landscape div.btn_rotation i.rotation {
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    background: url("/images/mobile/fleches.svg") center no-repeat;
    background-size: 35px;
    top: 5px;
    left: 25px;
    animation-name: rotateFleche;
    animation-duration: 6300ms;
    animation-delay: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .message_landscape .content_message_landscape img {
    display: block;
    position: relative;
    margin: auto;
  }
}

#col-left-background {
  display: none;
}

#col-right-background {
  display: none;
}

#col-center-background {
  display: block;
}

.flexbox body {
  display: flex;
  margin: 0;
  padding: 0;
  height: auto;
  overflow: auto;
}
.flexbox #col-left-background {
  position: fixed;
  left: 0;
  height: 100%;
  top: 0;
  width: calc(50% - 523px);
  display: block;
  box-shadow: inset -5px 0px 18px -10px rgb(0, 0, 0);
}
@media (max-width: 768px) {
  .flexbox #col-left-background {
    display: none;
  }
}
.flexbox #col-left-background #bandeau_header_left {
  height: 50px;
  width: 100%;
  z-index: 0;
  background-color: #058AB4;
  margin-top: 27px;
}
.flexbox #col-left-background #bandeau_header_left.bandeau-header-left-scroll {
  background-color: transparent;
  ransition: background-color 0.6s ease-in-out;
}
.flexbox #col-right-background {
  position: fixed;
  right: 0;
  height: 100%;
  top: 0;
  z-index: 1;
  width: calc(50% - 523px);
  display: block;
  box-shadow: inset 5px 0 18px -10px rgb(0, 0, 0);
}
@media (max-width: 768px) {
  .flexbox #col-right-background {
    display: none;
  }
}
.flexbox #col-right-background #bandeau_header_right {
  width: 100%;
  z-index: 0;
  height: 50px;
  background-color: #058AB4;
  margin-top: 27px;
}
.flexbox #col-right-background #bandeau_header_right.bandeau-header-right-scroll {
  background-color: transparent;
  transition: background-color 0.6s ease-in-out;
}
.flexbox #col-center-background {
  display: block;
  margin: auto;
}

.container {
  width: 1046px;
  display: block;
  position: relative;
  margin: auto;
  max-width: 1046px;
}
@media (max-width: 768px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}

@media (max-width: 768px) {
  .row.container-mobile {
    width: calc(100% - 32px);
    margin: 0 16px 0 16px;
    display: block;
    position: relative;
  }
}

.espace-right-col {
  margin-right: 20px;
}

.espace-left-col {
  margin-left: 20px;
}

.espace-bottom-col {
  margin-bottom: 20px;
}

.espace-all-col {
  margin: 20px;
}

@media (max-width: 768px) {
  .espace-top-col {
    margin: 20px;
  }
}

.border-corner {
  border-radius: 20px;
}

.icon {
  display: block;
  position: relative;
  margin: auto;
  padding: 0;
  width: auto;
  height: max-content;
}
.icon.icon-partenaires {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12.567'%20height='12'%20viewBox='0%200%2012.567%2012'%3e%3cg%20id='Picto-Partenaires'%20transform='translate(-16.13%20-21)'%3e%3cpath%20id='Tracé_18756'%20data-name='Tracé%2018756'%20d='M4.732,10.987c.116,0,.242-.007.372-.019a2.2,2.2,0,0,1-.026-.289A4.581,4.581,0,0,1,7.164,6.859a3.341,3.341,0,0,1-.516-.68L4.732,7.658,2.618,6.026A3.526,3.526,0,0,0,1.13,8.895c0,1.383,2.294,2.093,3.6,2.093'%20transform='translate(15%2020.063)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_18757'%20data-name='Tracé%2018757'%20d='M4.929,4.7a2.649,2.649,0,0,0,1.55-.495A3.11,3.11,0,0,1,6.433,3.7,3.166,3.166,0,0,1,7.3,1.54,2.527,2.527,0,0,0,4.929.007,2.354,2.354,0,0,0,4.577,4.7a2.451,2.451,0,0,0,.352,0'%20transform='translate(14.803%2021)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_18758'%20data-name='Tracé%2018758'%20d='M14.579,10.962a3.808,3.808,0,0,0-1.646-3.125L10.694,9.565,8.455,7.837a3.808,3.808,0,0,0-1.646,3.125c0,1.491,2.475,2.257,3.885,2.257s3.886-.765,3.886-2.257'%20transform='translate(14.117%2019.782)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_18759'%20data-name='Tracé%2018759'%20d='M10.976,1.383a2.539,2.539,0,1,0,2.73,2.531,2.636,2.636,0,0,0-2.73-2.531'%20transform='translate(13.834%2020.785)'%20fill='%23038ab4'/%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.icon.icon-accueil {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15.001'%20height='12.354'%20viewBox='0%200%2015.001%2012.354'%3e%3cpath%20id='Pcto_Ariane'%20data-name='Pcto%20Ariane'%20d='M1.958,2.879,10.72,1.434,12.892,3.1l-.8,1.28L2.381,5.643ZM11.208,0,0,1.77.674,7.837l5.253-.679v5.2H7.939V6.9l4.786-.62L15,3.034Z'%20fill='%23038AB4'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 12px;
}
.icon.icon-reussite {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10.496'%20height='12'%20viewBox='0%200%2010.496%2012'%3e%3cpath%20id='Picto-reussite'%20d='M7.147,107.468a4.809,4.809,0,0,0,3.348-4.537H8.59q.025-.363.036-.759H1.876s0,.3.03.759H0a4.811,4.811,0,0,0,3.363,4.543,3.122,3.122,0,0,0,1.5,1.048,3.247,3.247,0,0,1-2.007,2.832c-.141,0-.223.23-.223.23v2.26H2.24v.327H8.247v-.334H7.883v-2.253c0-.1-.171-.215-.171-.215a3.137,3.137,0,0,1-2.089-2.848,2.753,2.753,0,0,0,1.524-1.054m2.767-4a4.224,4.224,0,0,1-2.207,3.129,8.963,8.963,0,0,0,.837-3.129Zm-9.332,0H1.956a9.6,9.6,0,0,0,.853,3.139,4.227,4.227,0,0,1-2.227-3.139'%20transform='translate(0%20-102.172)'%20fill='%23038ab4'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}
.icon.icon-grp-mas {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='13.509'%20height='12'%20viewBox='0%200%2013.509%2012'%3e%3cdefs%3e%3cclipPath%20id='clip-path'%3e%3crect%20id='Rectangle_3531'%20data-name='Rectangle%203531'%20width='13.509'%20height='12'%20fill='%23038ab4'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20id='Picto-Maison'%20transform='translate(-164%20-365)'%3e%3cg%20id='Groupe_5128'%20data-name='Groupe%205128'%20transform='translate(164%20365)'%3e%3cg%20id='Groupe_5127'%20data-name='Groupe%205127'%20transform='translate(0%200)'%20clip-path='url(%23clip-path)'%3e%3cpath%20id='Tracé_18753'%20data-name='Tracé%2018753'%20d='M12.383,6.652a.376.376,0,0,0,.53-.028l.5-.558a.375.375,0,0,0-.027-.53h0L12.01,4.323v-3.2a.375.375,0,0,0-.375-.375h-1.5a.375.375,0,0,0-.375.375V2.336L7.387.241a.95.95,0,0,0-1.265,0l-6,5.3a.376.376,0,0,0-.027.53l.5.558a.376.376,0,0,0,.53.028L6.511,1.913a.364.364,0,0,1,.486,0Z'%20transform='translate(0%200)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_18754'%20data-name='Tracé%2018754'%20d='M14.132,11.23,9.005,6.708H9L3.876,11.23a1.038,1.038,0,0,1-.123.075v4.334a.375.375,0,0,0,.375.375H13.88a.375.375,0,0,0,.375-.375V11.305a1.071,1.071,0,0,1-.123-.075'%20transform='translate(-2.246%20-4.014)'%20fill='%23038ab4'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 12px;
}
.icon.icon-emplois {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%3e%3cdefs%3e%3cclipPath%20id='clip-path'%3e%3crect%20id='Rectangle_4328'%20data-name='Rectangle%204328'%20width='13'%20height='13'%20fill='%23038ab4'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20id='Picto-recrute'%20clip-path='url(%23clip-path)'%3e%3cpath%20id='Tracé_21088'%20data-name='Tracé%2021088'%20d='M6.5,0A6.5,6.5,0,1,0,13,6.5,6.5,6.5,0,0,0,6.5,0M8.453,2.668a.993.993,0,1,1-.993.993.993.993,0,0,1,.993-.993m-3.851,0a.993.993,0,1,1-.993.993A.993.993,0,0,1,4.6,2.668m1.921,7.658c-3.783,0-3.892-3.842-3.892-3.842h.682A3.136,3.136,0,0,0,6.531,9.723,3.222,3.222,0,0,0,9.769,6.485h.684s-.149,3.842-3.931,3.842'%20transform='translate(0%200)'%20fill='%23038ab4'/%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.icon.icon-contact {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.823'%20height='12'%20viewBox='0%200%2012.823%2012'%3e%3cg%20id='Picto-Contacter'%20transform='translate(0%200)'%3e%3cg%20id='Groupe_5130'%20data-name='Groupe%205130'%20transform='translate(0%200)'%20clip-path='url(%23clip-path)'%3e%3cpath%20id='Tracé_18761'%20data-name='Tracé%2018761'%20d='M10.851,8.987a4.8,4.8,0,0,0,1.971-3.763C12.822,2.339,9.952,0,6.411,0S0,2.339,0,5.224s2.87,5.224,6.411,5.224a7.715,7.715,0,0,0,2-.264L12.537,12Z'%20transform='translate(0%200)'%20fill='%23038ab4'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.icon.icon-prestations {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%3e%3cdefs%3e%3cclipPath%20id='clip-path'%3e%3crect%20id='Rectangle_3061'%20data-name='Rectangle%203061'%20width='12'%20height='12'%20fill='%23038ab4'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20id='Picto-Prestation'%20transform='translate(-0.229)'%3e%3cg%20id='Groupe_3838'%20data-name='Groupe%203838'%20transform='translate(0.229)'%20clip-path='url(%23clip-path)'%3e%3cpath%20id='Tracé_13346'%20data-name='Tracé%2013346'%20d='M1.466,5.633A5.967,5.967,0,0,0,.05,9.146H4.978Z'%20transform='translate(-0.141%20-3.521)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13347'%20data-name='Tracé%2013347'%20d='M.051,17a5.964,5.964,0,0,0,1.416,3.512L4.978,17Z'%20transform='translate(-0.142%20-10.625)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13348'%20data-name='Tracé%2013348'%20d='M16.606,23.5a5.968,5.968,0,0,0,3.66-1.423l-3.66-3.66Z'%20transform='translate(-10.489%20-11.509)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13349'%20data-name='Tracé%2013349'%20d='M8.74.07A5.969,5.969,0,0,0,5.221,1.619L8.74,5.138Z'%20transform='translate(-3.373%20-0.044)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13350'%20data-name='Tracé%2013350'%20d='M21.688,20.667A5.965,5.965,0,0,0,23.244,17H18.021Z'%20transform='translate(-11.373%20-10.625)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13351'%20data-name='Tracé%2013351'%20d='M5.221,21.933A5.969,5.969,0,0,0,8.74,23.483V18.414Z'%20transform='translate(-3.373%20-11.509)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13352'%20data-name='Tracé%2013352'%20d='M23.244,8.888a5.965,5.965,0,0,0-1.556-3.667L18.021,8.888Z'%20transform='translate(-11.373%20-3.263)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13353'%20data-name='Tracé%2013353'%20d='M20.267,1.453A5.968,5.968,0,0,0,16.607.03V5.113Z'%20transform='translate(-10.49%20-0.019)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13354'%20data-name='Tracé%2013354'%20d='M16.227.012V0H16c.077,0,.151.009.227.012'%20transform='translate(-10.11)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13355'%20data-name='Tracé%2013355'%20d='M15.129,0h-.523V.026c.172-.015.346-.026.523-.026'%20transform='translate(-9.239)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13356'%20data-name='Tracé%2013356'%20d='M16,31.981h.227v-.012c-.076,0-.15.012-.227.012'%20transform='translate(-10.11%20-19.981)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13357'%20data-name='Tracé%2013357'%20d='M14.606,31.93v.026h.523c-.177,0-.35-.011-.523-.026'%20transform='translate(-9.239%20-19.956)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13358'%20data-name='Tracé%2013358'%20d='M31.949,16.375h.019V16c0,.127-.011.25-.019.375'%20transform='translate(-20.078%20-10)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13359'%20data-name='Tracé%2013359'%20d='M31.969,15.375V15H31.95c.007.125.019.248.019.375'%20transform='translate(-20.079%20-9.375)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13360'%20data-name='Tracé%2013360'%20d='M0,16v.375H.019C.011,16.25,0,16.127,0,16'%20transform='translate(-0.11%20-10)'%20fill='%23038ab4'/%3e%3cpath%20id='Tracé_13361'%20data-name='Tracé%2013361'%20d='M.02,15H0v.375c0-.127.011-.25.019-.375'%20transform='translate(-0.111%20-9.375)'%20fill='%23038ab4'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.icon.icon-actualites {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10.838'%20height='14.431'%20viewBox='0%200%2010.838%2014.431'%3e%3cg%20id='PICTO_ACTU'%20data-name='PICTO%20ACTU'%20transform='translate(11.925%20-0.287)'%20style='mix-blend-mode:%20normal;isolation:%20isolate'%3e%3cg%20id='ACTU'%20transform='translate(-12%200)'%3e%3cpath%20id='Soustraction_3'%20data-name='Soustraction%203'%20d='M-196.8-3732.569h-8.559a.64.64,0,0,1-.639-.639v-12.152a.642.642,0,0,1,.639-.64h6.41l.063.072,2.675,3.051.052.059v9.61A.642.642,0,0,1-196.8-3732.569Zm-2.066-3.632v1.146a2.545,2.545,0,0,0,.042.545.6.6,0,0,0,.121.239.691.691,0,0,0,.251.184,1.17,1.17,0,0,0,.467.072,1.1,1.1,0,0,0,.413-.066.658.658,0,0,0,.253-.175.6.6,0,0,0,.13-.27,2.885,2.885,0,0,0,.036-.546v-1.129h-.433v1.189a2.32,2.32,0,0,1-.02.364.3.3,0,0,1-.113.186.44.44,0,0,1-.279.075.468.468,0,0,1-.286-.08.35.35,0,0,1-.133-.211,2.713,2.713,0,0,1-.015-.359v-1.164h-.433Zm-3.07-.037a.95.95,0,0,0-.728.3,1.176,1.176,0,0,0-.276.833,1.117,1.117,0,0,0,.275.8.925.925,0,0,0,.7.293.917.917,0,0,0,.571-.172.939.939,0,0,0,.322-.522l-.42-.133a.634.634,0,0,1-.18.345.434.434,0,0,1-.3.11.473.473,0,0,1-.38-.173.9.9,0,0,1-.147-.58.828.828,0,0,1,.149-.555.49.49,0,0,1,.386-.172.453.453,0,0,1,.294.1.45.45,0,0,1,.159.263l.43-.1a.836.836,0,0,0-.22-.4A.893.893,0,0,0-201.938-3736.237Zm-2.018.037h-.459l-.838,2.148h.461l.177-.487h.859l.187.488h.472Zm3.741.364v1.784h.435v-1.784h.636v-.364h-1.707v.364Zm-4.851-9.241v7.8h7.964v-4.923l-2.271-.013h-.208v-2.863h-5.485Zm1.171,10.177h-.586l.29-.8.3.8Zm3.224-3.277h-1.28v-1.281h1.28v1.28Zm-.278-1.925h-.725l-.332-3.39v-.64h1.386v.64l-.329,3.389Z'%20transform='translate(206.575%203746.787)'%20fill='%23038ab4'%20stroke='rgba(0,0,0,0)'%20stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.icon.icon-facebook {
  background-image: url("data:image/svg+xml,%3csvg%20id='Facebook'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='19.957'%20height='20'%20viewBox='0%200%2019.957%2020'%3e%3cdefs%3e%3cclipPath%20id='clip-path'%3e%3crect%20id='Rectangle_3535'%20data-name='Rectangle%203535'%20width='19.957'%20height='20'%20fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20id='Facebook-2'%20data-name='Facebook'%20clip-path='url(%23clip-path)'%3e%3cpath%20id='Tracé_18774'%20data-name='Tracé%2018774'%20d='M18.939,0H1.017A1.042,1.042,0,0,0,0,1.062V18.938A1.042,1.042,0,0,0,1.017,20H18.94a1.044,1.044,0,0,0,1.017-1.062V1.062A1.043,1.043,0,0,0,18.939,0M11.18,7.247h2.44c-.049.588-.093,1.129-.138,1.669-.019.217-.05.435-.054.653-.005.3-.126.407-.434.392-.506-.026-1.015,0-1.521-.011-.236-.006-.3.077-.3.31.008,2.427,0,4.855.01,7.283,0,.282-.071.38-.363.373q-1.253-.027-2.505,0c-.29.006-.375-.085-.374-.372.01-2.378.005-4.756.005-7.134,0-.433,0-.433-.436-.433H6.331V7.256c.427,0,.83-.019,1.234.006.3.02.394-.066.388-.375-.013-.714-.007-1.431.03-2.146a2.464,2.464,0,0,1,2.234-2.53,30.4,30.4,0,0,1,3.208-.127.275.275,0,0,1,.189.188c.014.8.006,1.612.011,2.417,0,.184-.1.211-.248.21H11.856c-.507,0-.671.178-.676.662-.006.547,0,1.093,0,1.686'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
.icon.icon-linkedin {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='19.956'%20height='20'%20viewBox='0%200%2019.956%2020'%3e%3cg%20id='Linkedin'%20style='mix-blend-mode:%20normal;isolation:%20isolate'%3e%3cpath%20id='Linkedin-2'%20data-name='Linkedin'%20d='M330.744,3283.4H312.822a1.043,1.043,0,0,0-1.017,1.062v17.876a1.043,1.043,0,0,0,1.017,1.062h17.923a1.043,1.043,0,0,0,1.017-1.062v-17.876A1.043,1.043,0,0,0,330.744,3283.4Zm-14.2,2.538a1.571,1.571,0,1,1-1.523,1.552A1.544,1.544,0,0,1,316.545,3285.934Zm1.24,14.922c-.852-.012-1.7-.009-2.557,0-.163,0-.21-.044-.21-.218q.007-5.283,0-10.567c0-.175.048-.218.21-.216.853.008,1.705.009,2.558,0,.194,0,.247.05.246.255-.009,1.748,0,3.5,0,5.247s0,3.5,0,5.247C318.033,3300.811,317.978,3300.858,317.785,3300.857Zm10.568,0c-.861-.007-1.722-.009-2.582,0-.182,0-.235-.045-.234-.242.007-1.987,0-3.974,0-5.961a2.843,2.843,0,0,0-.016-.392,1.417,1.417,0,0,0-1.8-1.244,1.346,1.346,0,0,0-1.19,1.5q-.007,3.019,0,6.035c0,.243-.048.314-.291.31-.837-.019-1.675-.01-2.512,0-.16,0-.212-.038-.212-.214q.008-5.287,0-10.575c0-.18.059-.212.215-.21.861.008,1.722.009,2.582,0,.184,0,.221.061.216.236-.012.389,0,.779,0,1.167a1.948,1.948,0,0,1,1.929-1.36,4.962,4.962,0,0,1,1.7.071,2.722,2.722,0,0,1,2.048,2.1,9.569,9.569,0,0,1,.319,2.593c.017,2,.007,3.99.014,5.986C328.55,3300.808,328.507,3300.856,328.353,3300.855Z'%20transform='translate(-311.805%20-3283.396)'%20fill='%23fff'%20style='mix-blend-mode:%20multiply;isolation:%20isolate'/%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
.icon.icon-instagram {
  background-image: url("data:image/svg+xml,%3csvg%20id='Picto-Instagram'%20xmlns='http://www.w3.org/2000/svg'%20width='19.999'%20height='20'%20viewBox='0%200%2019.999%2020'%3e%3cpath%20id='Tracé_12619'%20data-name='Tracé%2012619'%20d='M6.667,10A3.333,3.333,0,1,1,10,13.334,3.334,3.334,0,0,1,6.667,10m-1.8,0A5.135,5.135,0,1,0,10,4.865,5.135,5.135,0,0,0,4.865,10m9.273-5.338a1.2,1.2,0,1,0,1.2-1.2h0a1.2,1.2,0,0,0-1.2,1.2M5.96,18.14A5.546,5.546,0,0,1,4.1,17.8a3.1,3.1,0,0,1-1.15-.748A3.08,3.08,0,0,1,2.2,15.9a5.494,5.494,0,0,1-.344-1.857C1.812,12.987,1.8,12.671,1.8,10s.01-2.986.058-4.041A5.552,5.552,0,0,1,2.2,4.1a3.092,3.092,0,0,1,.748-1.15A3.064,3.064,0,0,1,4.1,2.2,5.494,5.494,0,0,1,5.96,1.86C7.014,1.811,7.331,1.8,10,1.8s2.986.011,4.041.059A5.552,5.552,0,0,1,15.9,2.2a3.092,3.092,0,0,1,1.15.748A3.072,3.072,0,0,1,17.8,4.1a5.494,5.494,0,0,1,.344,1.857C18.189,7.014,18.2,7.33,18.2,10s-.01,2.986-.059,4.041A5.52,5.52,0,0,1,17.8,15.9a3.31,3.31,0,0,1-1.9,1.9,5.546,5.546,0,0,1-1.857.344c-1.054.048-1.371.058-4.041.058s-2.986-.01-4.04-.058M5.877.061A7.326,7.326,0,0,0,3.45.525,4.914,4.914,0,0,0,1.678,1.678,4.892,4.892,0,0,0,.525,3.45,7.332,7.332,0,0,0,.061,5.877C.011,6.943,0,7.284,0,10s.011,3.057.061,4.123A7.332,7.332,0,0,0,.525,16.55a4.892,4.892,0,0,0,1.153,1.772A4.927,4.927,0,0,0,3.45,19.475a7.332,7.332,0,0,0,2.427.464C6.944,19.988,7.284,20,10,20s3.057-.011,4.123-.061a7.332,7.332,0,0,0,2.427-.464,5.106,5.106,0,0,0,2.925-2.925,7.306,7.306,0,0,0,.464-2.427c.049-1.067.06-1.407.06-4.123s-.011-3.057-.06-4.123a7.326,7.326,0,0,0-.464-2.427,4.927,4.927,0,0,0-1.153-1.772A4.9,4.9,0,0,0,16.551.525,7.317,7.317,0,0,0,14.124.061C13.057.012,12.716,0,10,0S6.944.011,5.877.061'%20fill='%23fff'/%3e%3cpath%20id='Tracé_12620'%20data-name='Tracé%2012620'%20d='M6.667,10A3.333,3.333,0,1,1,10,13.334,3.334,3.334,0,0,1,6.667,10m-1.8,0A5.135,5.135,0,1,0,10,4.865,5.135,5.135,0,0,0,4.865,10m9.273-5.338a1.2,1.2,0,1,0,1.2-1.2h0a1.2,1.2,0,0,0-1.2,1.2M5.96,18.14A5.546,5.546,0,0,1,4.1,17.8a3.1,3.1,0,0,1-1.15-.748A3.08,3.08,0,0,1,2.2,15.9a5.494,5.494,0,0,1-.344-1.857C1.812,12.987,1.8,12.671,1.8,10s.01-2.986.058-4.041A5.552,5.552,0,0,1,2.2,4.1a3.092,3.092,0,0,1,.748-1.15A3.064,3.064,0,0,1,4.1,2.2,5.494,5.494,0,0,1,5.96,1.86C7.014,1.811,7.331,1.8,10,1.8s2.986.011,4.041.059A5.552,5.552,0,0,1,15.9,2.2a3.092,3.092,0,0,1,1.15.748A3.072,3.072,0,0,1,17.8,4.1a5.494,5.494,0,0,1,.344,1.857C18.189,7.014,18.2,7.33,18.2,10s-.01,2.986-.059,4.041A5.52,5.52,0,0,1,17.8,15.9a3.31,3.31,0,0,1-1.9,1.9,5.546,5.546,0,0,1-1.857.344c-1.054.048-1.371.058-4.041.058s-2.986-.01-4.04-.058M5.877.061A7.326,7.326,0,0,0,3.45.525,4.914,4.914,0,0,0,1.678,1.678,4.892,4.892,0,0,0,.525,3.45,7.332,7.332,0,0,0,.061,5.877C.011,6.943,0,7.284,0,10s.011,3.057.061,4.123A7.332,7.332,0,0,0,.525,16.55a4.892,4.892,0,0,0,1.153,1.772A4.927,4.927,0,0,0,3.45,19.475a7.332,7.332,0,0,0,2.427.464C6.944,19.988,7.284,20,10,20s3.057-.011,4.123-.061a7.332,7.332,0,0,0,2.427-.464,5.106,5.106,0,0,0,2.925-2.925,7.306,7.306,0,0,0,.464-2.427c.049-1.067.06-1.407.06-4.123s-.011-3.057-.06-4.123a7.326,7.326,0,0,0-.464-2.427,4.927,4.927,0,0,0-1.153-1.772A4.9,4.9,0,0,0,16.551.525,7.317,7.317,0,0,0,14.124.061C13.057.012,12.716,0,10,0S6.944.011,5.877.061'%20fill='%23fff'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.triangle {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #707070;
  border-bottom: 10px solid transparent;
  display: inline-block;
  vertical-align: middle;
}

.triangle-right {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-left: 15px solid #058AB4;
  border-bottom: 12px solid transparent;
  display: inline-block;
  vertical-align: middle;
}

.triangleHover {
  width: 0;
  height: 0;
  border-top: 9px solid #A8D500;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
}

.trianglePDF {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid;
  border-bottom: 10px solid transparent;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .trianglePDF {
    border-top: 6px solid transparent;
    border-left: 9px solid;
    border-bottom: 6px solid transparent;
    margin-left: 5px;
  }
}

.content-block {
  display: block;
  position: relative;
  margin: 45px 35px 31px 35px;
  width: auto;
  height: auto;
}
@media (max-width: 768px) {
  .content-block {
    margin: 0;
    padding-top: 17px;
  }
}
.content-block .title-content-block {
  color: #ffffff;
  text-align: center;
  display: block;
}
@media (max-width: 768px) {
  .content-block .title-content-block {
    font-size: 16px;
  }
}

/** z-index **/
.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-6 {
  z-index: 6;
}

.z-7 {
  z-index: 7;
}

.z-8 {
  z-index: 8;
}

.z-9 {
  z-index: 9;
}

.z-10 {
  z-index: 10;
}

/** divider **/
.divider hr {
  width: 0;
  height: calc(100% - 50px);
  border-left: 1px solid #707070;
  border-right: none;
  border-bottom: none;
  border-top: none;
  display: block;
  position: relative;
  padding: 0 0 0 0;
  margin: 50px auto 0 auto;
}

/** FOOTER **/
footer #formInscriptionNewsletter {
  width: 400px;
  height: 30px;
  display: block;
  margin: 40px auto 60px auto;
}
@media (max-width: 768px) {
  footer #formInscriptionNewsletter {
    width: 100%;
  }
}
footer #formInscriptionNewsletter:focus-within label {
  display: none;
}
footer #formInscriptionNewsletter:focus-within button[type=submit] {
  background: url("/images/Coche-mail-ON.svg") center no-repeat transparent;
}
footer #formInscriptionNewsletter:focus-within button[type=submit]:hover {
  cursor: pointer;
  background: url("/images/Coche-mail-click.svg") center no-repeat transparent;
}
footer #formInscriptionNewsletter div.row {
  justify-content: center;
}
footer #formInscriptionNewsletter input[name=email_newsletter] {
  border: 1px solid #FFFFFF;
  width: 100%;
  height: 30px;
  text-indent: 10px;
  color: #707070;
}
footer #formInscriptionNewsletter input[name=email_newsletter]::placeholder {
  font-size: 0;
}
footer #formInscriptionNewsletter label {
  display: block;
  position: absolute;
  width: 220px;
  height: 20px;
  padding-left: 40px;
  margin-left: 5px;
  background: url("/images/Picto-Mail2-OFF.svg") bottom left no-repeat #ffffff;
  top: 8px;
  line-height: 20px;
  color: #707070;
}
footer #formInscriptionNewsletter label.active {
  display: none;
}
footer #formInscriptionNewsletter:hover label {
  display: none;
}
footer #formInscriptionNewsletter:hover input[name=email_newsletter]::placeholder {
  font-size: 12px;
  padding-left: 10px;
}
footer #formInscriptionNewsletter button[type=submit] {
  width: 22px;
  height: 18px;
  position: absolute;
  display: block;
  right: 0;
  top: 9px;
  background: url("/images/Coche-mail.svg") center no-repeat transparent;
  border: none;
}
footer #formInscriptionNewsletter button[type=submit]:active {
  background: url("/images/Coche-mail-click.svg") center no-repeat transparent;
}
footer #copyright {
  color: #FFFFFF;
  text-align: center;
  margin-top: 25px;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  footer #copyright {
    color: #ffffff;
    padding: 18px 0 23px 0;
    display: block;
  }
}
footer #copyright a {
  color: inherit;
  text-decoration: none;
}
footer #copyright {
  font-size: 10px;
}
footer #zone-1 {
  padding: 15px 0;
  justify-content: center;
  align-content: center;
  align-items: anchor-center;
}
@media (max-width: 576px) {
  footer #zone-1 {
    row-gap: 1em;
  }
}
footer #zone-1 > *:first-child {
  margin-left: 15px;
}
footer #zone-1 #index-parite {
  display: block;
  position: relative;
  margin: auto;
}
@media (max-width: 576px) {
  footer #zone-1 #index-parite {
    width: 85%;
    height: auto;
  }
}
footer #zone-1 #index-parite:hover {
  cursor: pointer;
}
footer #zone-1 #reseaux-social span {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #135E79;
}
footer #zone-1 #reseaux-social ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  position: relative;
  border: 1px solid #135E79;
  margin-top: 10px;
  padding: 7px 25px 7px 25px;
}
footer #zone-1 #reseaux-social ul li:last-child {
  margin-left: 10px;
}
footer #zone-1 #reseaux-social ul li svg path {
  transition: all linear 1s 0s;
}
footer #zone-1 #reseaux-social ul li:hover {
  cursor: pointer;
}
footer #zone-1 #reseaux-social ul li:hover svg path {
  fill: #ffffff;
}
footer #zone-1 #links-footer .row {
  top: 10px;
  justify-content: center;
  justify-items: center;
  align-items: flex-start;
}
footer #zone-1 #links-footer div[data-name=links-footer-mobile] {
  flex-direction: column;
}
footer #zone-1 #links-footer div[data-name=link-footer-mobile-4] {
  margin-bottom: 1em;
}
footer #zone-1 #links-footer div[data-name=link-footer-mobile-4] a {
  transition: opacity 0.3s ease-in-out;
}
footer #zone-1 #links-footer div[data-name=link-footer-mobile-4] a:active {
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
}
footer #zone-1 #links-footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  position: relative;
  /** ITEMS LINKS MOBILE **/
}
footer #zone-1 #links-footer ul[data-name=link-footer-mobile-button] {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 0.4em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 0.4em;
}
footer #zone-1 #links-footer ul[data-name=link-footer-mobile-button] li {
  background-color: #FFFFFF;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease-in-out;
}
footer #zone-1 #links-footer ul[data-name=link-footer-mobile-button] li:active {
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}
footer #zone-1 #links-footer ul[data-name=link-footer-mobile-button] li a {
  color: #058AB4;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  padding: 0.4em;
}
footer #zone-1 #links-footer ul[data-name=link-footer-mobile-button] li a i {
  display: inline-block;
  vertical-align: middle;
}
footer #zone-1 #links-footer ul[data-name=link-footer-mobile-button] li a span {
  vertical-align: text-bottom;
  padding-left: 5px;
}
footer #zone-1 #links-footer ul[data-name=link-footer-mobile-2] {
  display: grid;
  width: 100%;
  position: relative;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 0.4em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 0.4em;
}
footer #zone-1 #links-footer ul[data-name=link-footer-mobile-3] {
  display: grid;
  width: 100%;
  position: relative;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 0.4em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 0.4em;
}
footer #zone-1 #links-footer ul {
  /** ITEMS DE BASE **/
}
footer #zone-1 #links-footer ul li {
  width: 100%;
  margin-bottom: 8px;
}
footer #zone-1 #links-footer ul li a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  text-align: center;
  line-height: 11px;
}
footer #zone-2 {
  background-color: #0A546C;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 18px;
}
footer #zone-2 p {
  font-size: inherit;
  line-height: 1.2;
  padding-left: 65px;
  padding-right: 65px;
  text-align: center;
}
@media (max-width: 576px) {
  footer #zone-2 p {
    padding-left: 1em;
    padding-right: 1em;
  }
}
footer #zone-2 #matomo {
  height: 17px;
  width: 34px;
  display: block;
  position: relative;
  margin: 20px auto auto auto;
  overflow: hidden;
}
@media (max-width: 768px) {
  footer #zone-logos-partenaires ul {
    list-style: none;
    padding: 0;
    margin: 0 auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 18px;
    width: 100%;
  }
  footer #zone-logos-partenaires ul li {
    display: block;
    padding: 0;
    margin: auto;
    position: relative;
    width: auto;
    height: auto;
  }
  footer #zone-logos-partenaires ul li a {
    display: block;
    position: relative;
    margin: auto;
    padding: 0;
    height: 30px;
    width: auto;
    font-size: 0;
    transition: filter linear 0.3s 0s;
  }
  footer #zone-logos-partenaires ul li a:hover {
    filter: grayscale(1);
  }
  footer #zone-logos-partenaires ul li #item-part-federation {
    background: url("/images/LOGO-Federation-Des-Entreprises.svg") center no-repeat;
    width: 30px;
  }
  footer #zone-logos-partenaires ul li #item-part-dordogne {
    width: 75px;
    background: url("/images/LOGO_DORDOGNE.svg") center no-repeat;
  }
  footer #zone-logos-partenaires ul li #item-part-charente {
    background: url("/images/LOGO-CHARENTE-MARITIME.svg") center no-repeat;
    width: 80px;
    background-size: 100%;
  }
  footer #zone-logos-partenaires ul li #item-part-inae {
    background: url("/images/LOGO-INAE.svg") center no-repeat;
    width: 48px;
  }
  footer #zone-logos-partenaires ul li #item-part-bordeaux {
    background: url("/images/LOGO-Ville-Bordeaux.svg") center no-repeat;
    width: 26px;
  }
  footer #zone-logos-partenaires ul li #item-part-gironde {
    background: url("/images/LOGO-Dpt-Gironde.svg") center no-repeat;
    width: 102px;
  }
  footer #zone-logos-partenaires ul li #item-part-bordeaux-metropole {
    background: url("/images/LOGO-Bordeaux-Metropole.svg") center no-repeat;
    width: 73px;
  }
  footer #zone-logos-partenaires ul li #item-part-region-nouvelle-aquitaine {
    background: url("/images/LOGO-Region-Nouvelle-Aquitaine.svg") center no-repeat;
    width: 65px;
  }
  footer #zone-logos-partenaires ul li #item-part-direccte {
    background: url("/images/LOGO-Republique-Francaise.svg") center no-repeat;
    width: 42px;
  }
  footer #zone-logos-partenaires ul li #item-part-pole-emploi {
    background: url("/images/LOGO-Pole-Emploi.svg") center no-repeat;
    width: 112px;
  }
}
@media (max-width: 768px) {
  footer #zone-liens-footer {
    height: auto;
    display: block;
    position: relative;
    width: 100%;
    margin-top: 15px;
  }
  footer #zone-liens-footer #reseaux-sociaux {
    margin-top: 17px;
  }
}
@media (max-width: 768px) {
  footer #iae-list-social {
    margin: 15px auto auto auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 18px;
    padding: 0;
  }
  footer #iae-list-social li {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
  }
  footer #iae-list-social li a {
    display: block;
    position: relative;
    font-size: 0px;
    width: inherit;
    height: inherit;
  }
  footer #iae-list-social li #iae-facebook {
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28.727'%20height='28.727'%20viewBox='0%200%2028.727%2028.727'%3e%3cpath%20d='M95.24,1504.137a14.363,14.363,0,1,0,14.028,14.617,14.4,14.4,0,0,0-14.028-14.617m3.949,11.227c-.057.689-.109,1.322-.162,1.954-.022.255-.058.51-.063.765-.006.347-.148.477-.508.459-.593-.03-1.188,0-1.781-.013-.276-.007-.352.09-.351.363.009,2.842,0,5.684.012,8.527,0,.33-.083.445-.426.437q-1.466-.031-2.933,0c-.339.007-.438-.1-.437-.436.011-2.784.006-5.568.006-8.352,0-.507,0-.507-.511-.507h-1.38v-3.188c.5,0,.971-.023,1.444.007.35.023.462-.078.455-.439-.015-.837-.008-1.676.035-2.513a2.886,2.886,0,0,1,2.615-2.963,35.593,35.593,0,0,1,3.757-.148.318.318,0,0,1,.221.22c.016.943.007,1.887.013,2.83,0,.216-.119.247-.291.246-.593,0-1.187-.005-1.781,0-.577.006-.785.208-.791.775-.007.64,0,1.28,0,1.974Z'%20transform='translate(-80.543%20-1504.133)'%20fill='%23135e79'/%3e%3c/svg%3e") center no-repeat;
    background-size: 30px;
  }
  footer #iae-list-social li #iae-facebook:hover {
    background-image: url("/images/Facebook-ON.svg");
  }
  footer #iae-list-social li #iae-linkedin {
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28.727'%20height='28.727'%20viewBox='0%200%2028.727%2028.727'%3e%3cpath%20d='M1177.421,1503.9a14.364,14.364,0,1,0,14.363,14.364,14.364,14.364,0,0,0-14.363-14.364m-3.826,17.239q0,1.959,0,3.919c0,.164.015.144-.149.145h-1.613c-.044,0-.088,0-.131.005-.212-.014-.423,0-.634-.006-.171,0-.343,0-.514,0-.133,0-.111,0-.111-.107v-9.916c0-.016,0-.032,0-.048,0-.115,0-.116.119-.116h2.906c.135,0,.126-.013.126.132q0,2.595,0,5.191c0,.219,0,.438.005.658,0,.047,0,.095,0,.143m-1.62-7.459a1.879,1.879,0,1,1,1.893-1.861,1.877,1.877,0,0,1-1.893,1.861m13.29,11.522h-2.847c-.159,0-.144.021-.144-.15q0-2.578,0-5.156a3.982,3.982,0,0,0-.136-1.124,2.035,2.035,0,0,0-.237-.533,1.368,1.368,0,0,0-.865-.614,2.161,2.161,0,0,0-1.18.052,1.609,1.609,0,0,0-1,.936,2.848,2.848,0,0,0-.215.988c-.007.119-.006.239-.006.359q0,2.548,0,5.1c0,.162.017.146-.148.146h-2.752c-.141,0-.127.012-.127-.129q0-2.919,0-5.839c0-.051,0-.1-.005-.155a.523.523,0,0,0,.007-.142v-3.781c0-.16-.015-.142.14-.142h2.883a.052.052,0,0,0,.013-.032.052.052,0,0,1-.013.032q0,.593,0,1.184v.131c.045,0,.049-.032.063-.051a3.508,3.508,0,0,1,2.461-1.536,4.168,4.168,0,0,1,1.879.157,3.154,3.154,0,0,1,2.058,1.97,4.839,4.839,0,0,1,.292,1.375c.02.259.021.518.021.777q0,3.015,0,6.03c0,.163.019.149-.145.149'%20transform='translate(-1163.057%20-1503.898)'%20fill='%23135e79'/%3e%3c/svg%3e") center no-repeat;
    background-size: 30px;
  }
  footer #iae-list-social li #iae-linkedin:hover {
    background-image: url("/images/Linkedin-ON.svg");
  }
}
@media (max-width: 768px) {
  footer hr {
    width: 0px;
    height: 100px;
    margin: 25px 0 auto 0;
    color: #ffffff;
  }
}
@media (max-width: 768px) {
  footer .list-liens-footer {
    display: block;
    position: relative;
    list-style: none;
    padding: 0;
    margin: auto;
  }
  footer .list-liens-footer li {
    list-style: none;
    text-align: center;
    border: 1px solid #ffffff;
    height: 32px;
    width: 95%;
    margin: 8px auto auto auto;
  }
  footer .list-liens-footer li:first-child {
    margin-top: 32px;
  }
  footer .list-liens-footer li a {
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    height: 32px;
    line-height: 11px;
    padding-top: 10px;
    margin: auto;
    width: 100%;
  }
  footer .list-liens-footer li a#le-travail-temporaire {
    padding-top: 5px;
  }
  footer .list-liens-footer li a#nous-contacter-footer {
    background: url("/images/Picto-mail-OFF.svg") center no-repeat;
    width: 55px;
    height: 38px;
    display: block;
    margin: auto;
  }
  footer .list-liens-footer li a#nous-contacter-footer:hover {
    background-image: url("/images/PICTO-mail-ON.svg");
  }
}

/* bouton switch */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* reset HTML */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #FFFFFF;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.switch.disabled .slider:hover:before {
  transform: none !important;
}

.switch.disabled input:checked + .slider:hover::before {
  transform: translateX(14px) !important;
}

.slider:hover:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/** FIL D'ARIANE **/
body:not(.accueil) .breadcrumbs {
  display: flex;
}

.breadcrumbs {
  margin-top: 27px;
  font-size: 10px;
  color: #FBB031;
  display: none;
  align-items: baseline;
  border-bottom: 1px solid #FBB031;
  margin-left: 16.6666666667px;
  margin-right: 16.6666666667px;
}
@media (max-width: 768px) {
  .breadcrumbs {
    margin-top: 0;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    display: none;
    border-bottom: none;
  }
}
.breadcrumbs span#breadcrumbs-label {
  font-size: 10px;
  padding-bottom: 3px;
}
@media (max-width: 768px) {
  .breadcrumbs span#breadcrumbs-label {
    display: none;
  }
}
.breadcrumbs span#breadcrumbs-label:before {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15.001'%20height='12.354'%20viewBox='0%200%2015.001%2012.354'%3e%3cpath%20id='Pcto_Ariane'%20data-name='Pcto%20Ariane'%20d='M1.958,2.879,10.72,1.434,12.892,3.1l-.8,1.28L2.381,5.643ZM11.208,0,0,1.77.674,7.837l5.253-.679v5.2H7.939V6.9l4.786-.62L15,3.034Z'%20fill='%23ffa814'/%3e%3c/svg%3e");
  width: 15px;
  height: 13px;
  display: inline-block;
  position: relative;
  content: "";
}
.breadcrumbs ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
}
@media (max-width: 768px) {
  .breadcrumbs ol {
    margin: 10px auto 0 auto;
    text-align: center;
  }
}
.breadcrumbs ol li {
  display: inline-block;
  width: auto;
  height: auto;
}
.breadcrumbs ol li:first-child a:before {
  content: "";
}
.breadcrumbs ol li:last-child a span {
  font-size: 10px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .breadcrumbs ol li:last-child a span {
    font-size: 13px;
  }
}
.breadcrumbs ol li a {
  text-decoration: none;
}
.breadcrumbs ol li a:before {
  content: " > ";
  color: #FBB031;
  font-size: 10px;
  font-family: Arial, sans-serif;
  width: 5px;
  height: 11px;
  line-height: 11px;
  display: inline-block;
}
@media (max-width: 768px) {
  .breadcrumbs ol li a:before {
    content: " / ";
    color: #707070;
    font-size: 11px;
  }
}
.breadcrumbs ol li a span {
  font-size: 10px;
  font-family: Arial, sans-serif;
  color: #FBB031;
}
@media (max-width: 768px) {
  .breadcrumbs ol li a span {
    font-size: 9px;
    color: #707070;
  }
}

#breadcrumbs-mobile-zone {
  display: none;
}
@media (max-width: 768px) {
  #breadcrumbs-mobile-zone {
    display: block;
    position: relative;
    width: 100%;
    height: 18px;
    background-color: #FFA814;
    margin-top: 9px;
    margin-bottom: 10px;
  }
  #breadcrumbs-mobile-zone button {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 10px;
    font-family: Arial, sans-serif;
  }
  #breadcrumbs-mobile-zone button span {
    font-size: small;
  }
  #breadcrumbs-mobile-zone button span i {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #ffffff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
  }
}

/** FIN du FIL D'ARIANE **/
/** titre de section **/
.title-section {
  color: #4E4E4E;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.6rem;
  display: block;
  position: relative;
}

/** bouton pour revenir à l'acueil **/
.back_history {
  display: block;
  margin: 60px 0 78px 0;
  padding: 0;
  width: 100%;
  height: auto;
  text-align: center;
}
@media (max-width: 768px) {
  .back_history {
    margin: 20px 0 0 0;
  }
}
.back_history a {
  display: inline-block;
  font-size: 12px;
  color: #707070;
  transition: color linear 0.3s 0s;
}
.back_history a:hover {
  color: #FFFFFF !important;
}
.back_history a {
  margin-right: 14px;
}
@media (max-width: 768px) {
  .back_history a {
    margin-right: 0;
  }
  .back_history a:hover {
    color: #FFFFFF;
  }
}

@media (max-width: 768px) {
  .header-section {
    display: block;
    position: relative;
    height: 24px;
    margin: auto auto 16px auto;
  }
  .header-section .title-page {
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
    color: #FFFFFF;
    margin: 0 0 16px 8px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
  }
  .header-section .title-page .sub-title-page {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    color: #707070;
    display: block;
    padding-top: 5px;
  }
  .header-section .actus {
    background: url("/images/Picto-ACTUS.svg") center no-repeat;
    width: 23px;
    height: 30px;
    display: inline-block;
  }
  .header-section .mentions {
    background: url("/images/Picto-Mentions.svg") center no-repeat;
    width: 44px;
    height: 55px;
    display: inline-block;
  }
  .header-section .contact {
    background: url("/images/Picto-mail-on.svg") center no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
  }
  .header-section .cookies {
    background: url("/images/Picto-Cookies.svg") center no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
  }
  .header-section .charte {
    background: url("../images/PICTO-CHARTE.svg") no-repeat;
    width: 30px;
    height: 40px;
    display: inline-block;
    background-size: contain;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .sub-header-section {
    display: block;
    color: #707070;
    margin-bottom: 30px;
  }
  .sub-header-section p {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
  }
  .sub-header-section p strong {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .zone-btn {
    display: block;
    height: 25px;
    width: auto;
    margin: 50px auto auto auto;
    text-align: center;
  }
}

.btn-standard {
  display: inline-block;
  position: relative;
  min-width: 100px;
  min-height: 25px;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  margin-right: 30px;
  transition: background-color linear 0.3s 0s, color linear 0.3s 0s, border linear 0.3s 0s;
  outline: none;
}
@media (max-width: 768px) {
  .btn-standard {
    margin-right: 0;
    transition: background-color linear 0.3s 0s;
  }
}
.btn-standard:hover {
  background-color: #FFFFFF;
  cursor: pointer;
  outline: none;
}
.btn-standard {
  font-weight: normal;
}

.btn-close {
  display: inline-block;
  position: relative;
  min-width: 100px;
  min-height: 25px;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  margin-right: 30px;
  transition: background-color linear 0.3s 0s, color linear 0.3s 0s, border linear 0.3s 0s;
  outline: none;
}
@media (max-width: 768px) {
  .btn-close {
    margin-right: 0;
    transition: background-color linear 0.3s 0s;
  }
}
.btn-close:hover {
  background-color: #FFFFFF;
  cursor: pointer;
  outline: none;
}
.btn-close {
  font-weight: bold;
}

.btn-oui {
  display: inline-block;
  position: relative;
  min-width: 100px;
  min-height: 25px;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  margin-right: 30px;
  transition: background-color linear 0.3s 0s, color linear 0.3s 0s, border linear 0.3s 0s;
  outline: none;
}
@media (max-width: 768px) {
  .btn-oui {
    margin-right: 0;
    transition: background-color linear 0.3s 0s;
  }
}
.btn-oui:hover {
  background-color: #FFFFFF;
  cursor: pointer;
  outline: none;
}
.btn-oui {
  background-color: #FFFFFF;
  color: #ffffff;
  font-weight: bold;
}
@media (max-width: 768px) {
  .btn-oui {
    background-color: #FFFFFF;
  }
}
.btn-oui:hover {
  color: #ffffff;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
@media (max-width: 768px) {
  .btn-oui:hover {
    color: #FFFFFF;
    background-color: #ffffff;
  }
}

.btn-oui-contrast {
  display: inline-block;
  position: relative;
  min-width: 100px;
  min-height: 25px;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  margin-right: 30px;
  transition: background-color linear 0.3s 0s, color linear 0.3s 0s, border linear 0.3s 0s;
  outline: none;
}
@media (max-width: 768px) {
  .btn-oui-contrast {
    margin-right: 0;
    transition: background-color linear 0.3s 0s;
  }
}
.btn-oui-contrast:hover {
  background-color: #FFFFFF;
  cursor: pointer;
  outline: none;
}
.btn-oui-contrast {
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .btn-oui-contrast {
    background-color: #FFFFFF;
  }
}

.btn-non {
  display: inline-block;
  position: relative;
  min-width: 100px;
  min-height: 25px;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  margin-right: 30px;
  transition: background-color linear 0.3s 0s, color linear 0.3s 0s, border linear 0.3s 0s;
  outline: none;
}
@media (max-width: 768px) {
  .btn-non {
    margin-right: 0;
    transition: background-color linear 0.3s 0s;
  }
}
.btn-non:hover {
  background-color: #FFFFFF;
  cursor: pointer;
  outline: none;
}
.btn-non {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #6F808A;
  color: #707070;
  font-weight: bold;
}
.btn-non:hover {
  color: #ffffff;
  background-color: #FFFFFF;
}

@media (max-width: 768px) {
  .btn-call-to-action {
    display: inline-block;
    position: relative;
    min-width: 100px;
    min-height: 25px;
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    margin-right: 30px;
    transition: background-color linear 0.3s 0s, color linear 0.3s 0s, border linear 0.3s 0s;
    outline: none;
    display: block;
    position: relative;
    margin: auto;
    background-color: #FFFFFF;
    text-decoration: none;
    width: 200px;
    height: 25px;
    line-height: 25px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .btn-call-to-action {
    margin-right: 0;
    transition: background-color linear 0.3s 0s;
  }
}
@media (max-width: 768px) {
  .btn-call-to-action:hover {
    background-color: #FFFFFF;
    cursor: pointer;
    outline: none;
  }
  .btn-call-to-action:hover {
    color: #ffffff;
    background-color: #FFFFFF;
  }
}

@media (max-width: 768px) {
  .header-center {
    width: max-content;
    display: block;
    position: relative;
    margin: auto;
    text-align: center;
  }
  .header-center img {
    width: 115px;
    height: 50px;
    background-size: 115px;
  }
}

.link-in-text {
  display: inline;
  position: relative;
  text-decoration: underline;
  color: #707070;
  font-size: 9px;
}

/**
* class en relation avec le HTML et le javascript
**/
.imgHoverJs {
  cursor: pointer;
}

.img-hover-gray:hover {
  filter: grayscale(1);
}

.img-hover-green {
  background-color: #FFFFFF;
  width: 120px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border: none;
}
.img-hover-green:hover {
  color: #FFFFFF;
  background-color: #FFFFFF;
}

.btn-carrousel {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: calc(50% - 40px);
  border: none;
  z-index: 10;
  opacity: 0.3;
}
@media (max-width: 768px) {
  .btn-carrousel {
    top: calc(50% - 120px);
    opacity: 1;
  }
}
.btn-carrousel:hover {
  top: calc(50% - 30px);
  animation-name: arrowApparision;
  animation-timing-function: linear;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@media (max-width: 768px) {
  .btn-carrousel:hover {
    animation: none;
  }
}
.btn-carrousel:active, .btn-carrousel:focus {
  outline: none;
}
.btn-carrousel.btn-prev-carrousel {
  background: url("/images/Defilement-Slider-Gauche.svg") no-repeat center transparent;
  margin-left: 30px;
}
@media (max-width: 768px) {
  .btn-carrousel.btn-prev-carrousel {
    margin-left: 15px;
  }
}
.btn-carrousel.btn-prev-carrousel[data-index="1"]:hover {
  width: 40px !important;
  height: 40px !important;
  background: url("/images/Defilement-Slider-Gauche.svg") no-repeat center transparent;
  background-size: 40px;
  cursor: default;
  top: calc(50% - 40px);
  margin-left: 30px;
}
.btn-carrousel.btn-prev-carrousel:hover {
  background: url("/images/Defilement-Slider-Gauche-ON.svg") no-repeat center transparent;
  background-size: 60px;
  top: 123px;
  cursor: pointer;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .btn-carrousel.btn-prev-carrousel:hover {
    background-size: 40px;
    top: calc(50% - 120px);
    margin-left: 15px;
  }
}
.btn-carrousel.btn-next-carrousel {
  background: url("/images/Defilement-Slider-Droite.svg") no-repeat center transparent;
  right: 30px;
}
@media (max-width: 768px) {
  .btn-carrousel.btn-next-carrousel {
    right: 15px;
  }
}
.btn-carrousel.btn-next-carrousel[data-index="3"]:hover {
  width: 40px !important;
  height: 40px !important;
  background: url("/images/Defilement-Slider-Gauche.svg") no-repeat center transparent;
  background-size: 40px;
  cursor: default;
  top: calc(50% - 40px);
  opacity: 1;
  right: 30px;
}
.btn-carrousel.btn-next-carrousel:hover {
  background: url("/images/Defilement-Slider-Gauche-ON.svg") no-repeat center transparent;
  background-size: 60px;
  cursor: pointer;
  top: 123px;
  transform: rotate(180deg);
  right: 20px;
}
@media (max-width: 768px) {
  .btn-carrousel.btn-next-carrousel:hover {
    background: url("/images/Defilement-Slider-Droite-ON.svg") no-repeat center transparent;
    background-size: 40px;
    top: calc(50% - 120px);
    transform: none;
    right: 15px;
  }
}

.hidden {
  display: none !important;
}

@media (min-width: 769px) {
  .hidden-desktop {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .hidden-mobile {
    display: none !important;
  }
}

#message_email_newsletter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  background: white;
  height: 30px;
  padding: 5px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  line-height: 30px;
}
#message_email_newsletter.error {
  color: #D91212;
  display: block !important;
}
#message_email_newsletter.valid {
  color: #707070;
  display: block !important;
}

.linkSelected {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .content-block {
    margin-top: 30px;
  }
  .zone-btn {
    margin: 20px auto auto auto;
  }
  .btn-carrousel.btn-prev-carrousel {
    opacity: 1;
    margin-left: 35px;
  }
  .btn-carrousel.btn-next-carrousel {
    opacity: 1;
    right: 40px;
  }
  .center-contact {
    margin-left: 59px;
    width: 81px;
  }
}
.no-padding {
  padding: 0;
}

/** header title page section **/
.header-title {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.8rem;
}

/** header de certaines pages **/
.background-groupe-mas-1 {
  height: 250px;
  display: block;
  position: relative;
  background-repeat: no-repeat;
}
.background-groupe-mas-1 div#zone-text {
  margin: 20px auto auto 40px;
  max-width: 400px;
  display: flex;
  position: absolute;
  flex-direction: column;
  gap: 0.8rem;
  justify-content: start;
  align-items: start;
}
.background-groupe-mas-1 div#zone-text span {
  font-size: 40px;
  font-weight: bold;
  color: #9395A1;
  display: block;
  position: relative;
  background-color: white;
  padding: 0.3rem;
}
@media (max-width: 768px) {
  .background-groupe-mas-1 div#zone-text span {
    font-size: x-large;
  }
}

/** tools for picture / img
**/
.img-fluid {
  max-width: 100%;
  height: auto;
  display: block;
  position: relative;
}
.img-fluid img {
  width: 100%;
  height: auto;
}

span.tags {
  position: relative;
  padding: 0.5em;
  width: fit-content;
  background-color: #058AB4;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 0.5em;
}

div.divider {
  width: 100%;
  height: 1px;
  margin: 1em 0;
}

#gest-cookies {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
  #gest-cookies {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 576px) {
  #gest-cookies {
    background: #2D2D2D;
  }
}
#gest-cookies {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
#gest-cookies .modal-toast-content {
  width: 660px;
  height: 542px;
  display: block;
  position: absolute;
  top: calc(50% - 271px);
  left: calc(50% - 330px);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 15px;
  opacity: 1;
  margin: auto;
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content {
    width: 90%;
    left: 5%;
  }
}
#gest-cookies .modal-toast-content .modal-toast-header {
  width: 100%;
  text-align: center;
}
#gest-cookies .modal-toast-content .modal-toast-header .modal-toast-logo {
  display: block;
  position: relative;
  width: 150px;
  height: 65px;
  margin: 20px auto 15px auto;
}
#gest-cookies .modal-toast-content .modal-toast-header h2 {
  font-size: 15px;
  color: #707070;
  margin: 0 0 20px 0;
}
#gest-cookies .modal-toast-content .modal-toast-header .refuse-all-cookies {
  background: transparent;
  position: absolute;
  border-bottom: 1px solid #FFFFFF;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 12px;
  right: 18px;
  top: 10px;
  color: #707070;
  padding: 0;
  margin: 0;
}
#gest-cookies .modal-toast-content .modal-toast-header .refuse-all-cookies:hover {
  cursor: pointer;
  color: #41A52F;
  border-bottom: 1px solid #41A52F;
}
#gest-cookies .modal-toast-content .modal-toast-body {
  width: 580px;
  overflow: auto;
  display: block;
  margin: auto;
  position: relative;
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body {
    width: 90%;
    height: 392px;
  }
}
#gest-cookies .modal-toast-content .modal-toast-body p {
  font-size: 12px;
  line-height: 15px;
  color: #707070;
  margin: 5px auto 10px auto;
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body p {
    font-size: 16px;
  }
}
#gest-cookies .modal-toast-content .modal-toast-body i {
  font-style: italic;
  color: #FFFFFF;
  font-size: 14px;
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    width: auto;
    margin: auto 5px auto auto;
  }
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body #gest-cookie-validate-btn {
    margin: auto auto auto 5px;
  }
}
#gest-cookies .modal-toast-content .modal-toast-footer p {
  font-size: 12px;
  color: #707070;
  text-align: center;
}
#gest-cookies .modal-toast-content .modal-toast-footer .zone-btn {
  margin-top: 10px;
}
#gest-cookies .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn {
  font-weight: normal;
  font-size: 15px;
  transition: border linear 0.3s 0s;
}
#gest-cookies .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn:hover {
  border-color: #FFFFFF;
}
#gest-cookies .modal-toast-content .modal-toast-footer .btn-non {
  min-width: 100px;
  width: auto;
  margin-right: 15px;
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-footer .btn-non {
    margin-right: 0;
  }
}
#gest-cookies .modal-toast-content .modal-toast-footer .btn-oui {
  min-width: 100px;
  width: auto;
  margin-right: 0px;
}
#gest-cookies .modal-toast-content .modal-toast-footer .zone-link {
  margin: 25px auto 15px auto;
  text-align: center;
}
#gest-cookies .modal-toast-content .modal-toast-footer .zone-link a {
  font-weight: normal;
  font-size: 11px;
  font-style: normal;
  color: #707070;
  text-decoration: underline;
}
#gest-cookies .modal-toast-content .modal-toast-footer .zone-link a else {
  text-decoration: none;
}
#gest-cookies .modal-toast-content .modal-toast-footer .zone-link a {
  width: 100%;
  text-align: center;
}
#gest-cookies .modal-toast-content .modal-toast-footer .zone-link a:hover {
  cursor: pointer;
  color: #41A52F;
}
@media (max-width: 768px) {
  #gest-cookies {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #gest-cookies {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  #gest-cookies {
    background: #2D2D2D;
  }
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content {
    width: 288px;
    height: 520px;
    display: block;
    position: absolute;
    top: calc(50% - 260px);
    left: calc(50% - 144px);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 15px;
    opacity: 1;
    margin: auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #gest-cookies .modal-toast-content {
    width: 90%;
    left: 5%;
  }
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-header {
    width: 100%;
    text-align: center;
  }
  #gest-cookies .modal-toast-content .modal-toast-header .modal-toast-logo {
    display: block;
    position: relative;
    width: 150px;
    height: 65px;
    margin: 20px auto 15px auto;
  }
  #gest-cookies .modal-toast-content .modal-toast-header h2 {
    font-size: 15px;
    color: #707070;
    margin: 0 0 20px 0;
  }
  #gest-cookies .modal-toast-content .modal-toast-header .refuse-all-cookies {
    background: transparent;
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 12px;
    right: 18px;
    top: 10px;
    color: #707070;
    padding: 0;
    margin: 0;
  }
  #gest-cookies .modal-toast-content .modal-toast-header .refuse-all-cookies:hover {
    cursor: pointer;
    color: #41A52F;
    border-bottom: 1px solid #41A52F;
  }
  #gest-cookies .modal-toast-content .modal-toast-body {
    width: 208px;
    overflow: auto;
    display: block;
    margin: auto;
    position: relative;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body {
    width: 90%;
    height: 370px;
  }
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body p {
    font-size: 12px;
    line-height: 15px;
    color: #707070;
    margin: 5px auto 10px auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body i {
    font-style: italic;
    color: #FFFFFF;
    font-size: 14px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    width: auto;
    margin: auto 5px auto auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body #gest-cookie-validate-btn {
    margin: auto auto auto 5px;
  }
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-footer p {
    font-size: 12px;
    color: #707070;
    text-align: center;
  }
  #gest-cookies .modal-toast-content .modal-toast-footer .zone-btn {
    margin-top: 10px;
  }
  #gest-cookies .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    transition: border linear 0.3s 0s;
  }
  #gest-cookies .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn:hover {
    border-color: #FFFFFF;
  }
  #gest-cookies .modal-toast-content .modal-toast-footer .btn-non {
    min-width: 100px;
    width: auto;
    margin-right: 15px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-footer .btn-non {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-footer .btn-oui {
    min-width: 100px;
    width: auto;
    margin-right: 0px;
  }
  #gest-cookies .modal-toast-content .modal-toast-footer .zone-link {
    margin: 25px auto 15px auto;
    text-align: center;
  }
  #gest-cookies .modal-toast-content .modal-toast-footer .zone-link a {
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
    color: #707070;
    text-decoration: underline;
  }
  #gest-cookies .modal-toast-content .modal-toast-footer .zone-link a else {
    text-decoration: none;
  }
  #gest-cookies .modal-toast-content .modal-toast-footer .zone-link a {
    width: 100%;
    text-align: center;
  }
  #gest-cookies .modal-toast-content .modal-toast-footer .zone-link a:hover {
    cursor: pointer;
    color: #41A52F;
  }
}
#gest-cookies .modal-toast-content .modal-toast-header .modal-toast-logo {
  height: 30px;
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-header .modal-toast-logo {
    height: 55px;
    object-fit: cover;
    object-position: center;
  }
}
#gest-cookies .modal-toast-content .modal-toast-body {
  height: 360px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  #gest-cookies .modal-toast-content .modal-toast-body {
    height: 100%;
  }
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body {
    height: auto;
  }
}
#gest-cookies .modal-toast-content .modal-toast-body span {
  color: #707070;
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body span {
    font-weight: bold;
    line-height: 12px;
  }
  #gest-cookies .modal-toast-content .modal-toast-body span i {
    display: block;
    font-weight: normal;
    color: #FFFFFF;
  }
}
#gest-cookies .modal-toast-content .modal-toast-body div {
  display: flex;
  align-items: baseline;
  margin-bottom: 0;
}
#gest-cookies .modal-toast-content .modal-toast-body div p {
  margin-left: 20px;
  width: 80%;
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body div p {
    margin-left: 0;
    font-size: 16px;
  }
  #gest-cookies .modal-toast-content .modal-toast-body div p b {
    font-size: 16px;
  }
}
#gest-cookies .modal-toast-content .modal-toast-body div .switch {
  width: 30px;
  height: 12px;
}
#gest-cookies .modal-toast-content .modal-toast-body div .switch input:checked + .slider:before {
  transform: translateX(14px);
}
#gest-cookies .modal-toast-content .modal-toast-body div .switch .slider:before {
  width: 9px;
  height: 9px;
  bottom: 2px;
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body div .switch .slider:hover:before {
    transform: translateX(0px);
  }
}
#gest-cookies .modal-toast-content .modal-toast-body div .switch .slider {
  /*&:hover:before{
      transform: translateX(14px);
  }
  &:hover{
      background-color: $color-primary;
  }*/
}
#gest-cookies .modal-toast-content .modal-toast-body div .switch .opacity {
  opacity: 50%;
  cursor: default !important;
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body div .switch .opacity {
    cursor: pointer;
  }
}
@media (max-width: 768px) {
  #gest-cookies .modal-toast-content .modal-toast-body .zone-btn {
    margin-top: 10px;
    text-align: center;
  }
  #gest-cookies .modal-toast-content .modal-toast-body .zone-btn .btn-oui-contrast {
    margin: auto;
    display: block;
  }
}
#gest-cookies .modal-toast-content .modal-toast-footer .button-grey-white {
  color: #707070;
  border: 1px solid #FFFFFF;
  background: #ffffff;
}
#gest-cookies .modal-toast-content .modal-toast-footer .button-grey-white:hover {
  color: #ffffff;
  background: #FFFFFF;
  border-color: #ffffff;
}

#overlayer-cookie {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
  #overlayer-cookie {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 576px) {
  #overlayer-cookie {
    background: #2D2D2D;
  }
}
#overlayer-cookie {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
#overlayer-cookie .modal-toast-content {
  width: 500px;
  height: 300px;
  display: block;
  position: absolute;
  top: calc(50% - 150px);
  left: calc(50% - 250px);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 15px;
  opacity: 1;
  margin: auto;
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content {
    width: 90%;
    left: 5%;
  }
}
#overlayer-cookie .modal-toast-content .modal-toast-header {
  width: 100%;
  text-align: center;
}
#overlayer-cookie .modal-toast-content .modal-toast-header .modal-toast-logo {
  display: block;
  position: relative;
  width: 150px;
  height: 65px;
  margin: 20px auto 15px auto;
}
#overlayer-cookie .modal-toast-content .modal-toast-header h2 {
  font-size: 15px;
  color: #707070;
  margin: 0 0 20px 0;
}
#overlayer-cookie .modal-toast-content .modal-toast-header .refuse-all-cookies {
  background: transparent;
  position: absolute;
  border-bottom: 1px solid #FFFFFF;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 12px;
  right: 18px;
  top: 10px;
  color: #707070;
  padding: 0;
  margin: 0;
}
#overlayer-cookie .modal-toast-content .modal-toast-header .refuse-all-cookies:hover {
  cursor: pointer;
  color: #41A52F;
  border-bottom: 1px solid #41A52F;
}
#overlayer-cookie .modal-toast-content .modal-toast-body {
  width: 420px;
  overflow: auto;
  display: block;
  margin: auto;
  position: relative;
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body {
    width: 90%;
    height: 150px;
  }
}
#overlayer-cookie .modal-toast-content .modal-toast-body p {
  font-size: 12px;
  line-height: 15px;
  color: #707070;
  margin: 5px auto 10px auto;
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body p {
    font-size: 16px;
  }
}
#overlayer-cookie .modal-toast-content .modal-toast-body i {
  font-style: italic;
  color: #FFFFFF;
  font-size: 14px;
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    width: auto;
    margin: auto 5px auto auto;
  }
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body #gest-cookie-validate-btn {
    margin: auto auto auto 5px;
  }
}
#overlayer-cookie .modal-toast-content .modal-toast-footer p {
  font-size: 12px;
  color: #707070;
  text-align: center;
}
#overlayer-cookie .modal-toast-content .modal-toast-footer .zone-btn {
  margin-top: 10px;
}
#overlayer-cookie .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn {
  font-weight: normal;
  font-size: 15px;
  transition: border linear 0.3s 0s;
}
#overlayer-cookie .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn:hover {
  border-color: #FFFFFF;
}
#overlayer-cookie .modal-toast-content .modal-toast-footer .btn-non {
  min-width: 100px;
  width: auto;
  margin-right: 15px;
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-footer .btn-non {
    margin-right: 0;
  }
}
#overlayer-cookie .modal-toast-content .modal-toast-footer .btn-oui {
  min-width: 100px;
  width: auto;
  margin-right: 0px;
}
#overlayer-cookie .modal-toast-content .modal-toast-footer .zone-link {
  margin: 25px auto 15px auto;
  text-align: center;
}
#overlayer-cookie .modal-toast-content .modal-toast-footer .zone-link a {
  font-weight: normal;
  font-size: 11px;
  font-style: normal;
  color: #707070;
  text-decoration: underline;
}
#overlayer-cookie .modal-toast-content .modal-toast-footer .zone-link a else {
  text-decoration: none;
}
#overlayer-cookie .modal-toast-content .modal-toast-footer .zone-link a {
  width: 100%;
  text-align: center;
}
#overlayer-cookie .modal-toast-content .modal-toast-footer .zone-link a:hover {
  cursor: pointer;
  color: #41A52F;
}
@media (max-width: 768px) {
  #overlayer-cookie {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #overlayer-cookie {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  #overlayer-cookie {
    background: #2D2D2D;
  }
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content {
    width: 288px;
    height: 352px;
    display: block;
    position: absolute;
    top: calc(50% - 176px);
    left: calc(50% - 144px);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 15px;
    opacity: 1;
    margin: auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #overlayer-cookie .modal-toast-content {
    width: 90%;
    left: 5%;
  }
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-header {
    width: 100%;
    text-align: center;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-header .modal-toast-logo {
    display: block;
    position: relative;
    width: 150px;
    height: 65px;
    margin: 20px auto 15px auto;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-header h2 {
    font-size: 15px;
    color: #707070;
    margin: 0 0 20px 0;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-header .refuse-all-cookies {
    background: transparent;
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 12px;
    right: 18px;
    top: 10px;
    color: #707070;
    padding: 0;
    margin: 0;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-header .refuse-all-cookies:hover {
    cursor: pointer;
    color: #41A52F;
    border-bottom: 1px solid #41A52F;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-body {
    width: 208px;
    overflow: auto;
    display: block;
    margin: auto;
    position: relative;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body {
    width: 90%;
    height: 202px;
  }
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body p {
    font-size: 12px;
    line-height: 15px;
    color: #707070;
    margin: 5px auto 10px auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body i {
    font-style: italic;
    color: #FFFFFF;
    font-size: 14px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    width: auto;
    margin: auto 5px auto auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body #gest-cookie-validate-btn {
    margin: auto auto auto 5px;
  }
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-footer p {
    font-size: 12px;
    color: #707070;
    text-align: center;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-footer .zone-btn {
    margin-top: 10px;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    transition: border linear 0.3s 0s;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn:hover {
    border-color: #FFFFFF;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-footer .btn-non {
    min-width: 100px;
    width: auto;
    margin-right: 15px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-footer .btn-non {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-footer .btn-oui {
    min-width: 100px;
    width: auto;
    margin-right: 0px;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-footer .zone-link {
    margin: 25px auto 15px auto;
    text-align: center;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-footer .zone-link a {
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
    color: #707070;
    text-decoration: underline;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-footer .zone-link a else {
    text-decoration: none;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-footer .zone-link a {
    width: 100%;
    text-align: center;
  }
  #overlayer-cookie .modal-toast-content .modal-toast-footer .zone-link a:hover {
    cursor: pointer;
    color: #41A52F;
  }
}
@media (max-width: 768px) {
  #overlayer-cookie .modal-toast-content .modal-toast-body {
    height: auto;
  }
}
#overlayer-cookie .modal-toast-content .modal-toast-header .title {
  color: #707070;
}
#overlayer-cookie .btn-non {
  font-weight: normal;
}

#mentions-legale {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
  #mentions-legale {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 576px) {
  #mentions-legale {
    background: #2D2D2D;
  }
}
#mentions-legale {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
#mentions-legale .modal-toast-content {
  width: 600px;
  height: 700px;
  display: block;
  position: absolute;
  top: calc(50% - 350px);
  left: calc(50% - 300px);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 15px;
  opacity: 1;
  margin: auto;
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content {
    width: 90%;
    left: 5%;
  }
}
#mentions-legale .modal-toast-content .modal-toast-header {
  width: 100%;
  text-align: center;
}
#mentions-legale .modal-toast-content .modal-toast-header .modal-toast-logo {
  display: block;
  position: relative;
  width: 150px;
  height: 65px;
  margin: 20px auto 15px auto;
}
#mentions-legale .modal-toast-content .modal-toast-header h2 {
  font-size: 15px;
  color: #707070;
  margin: 0 0 20px 0;
}
#mentions-legale .modal-toast-content .modal-toast-header .refuse-all-cookies {
  background: transparent;
  position: absolute;
  border-bottom: 1px solid #FFFFFF;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 12px;
  right: 18px;
  top: 10px;
  color: #707070;
  padding: 0;
  margin: 0;
}
#mentions-legale .modal-toast-content .modal-toast-header .refuse-all-cookies:hover {
  cursor: pointer;
  color: #41A52F;
  border-bottom: 1px solid #41A52F;
}
#mentions-legale .modal-toast-content .modal-toast-body {
  width: 520px;
  overflow: auto;
  display: block;
  margin: auto;
  position: relative;
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-body {
    width: 90%;
    height: 550px;
  }
}
#mentions-legale .modal-toast-content .modal-toast-body p {
  font-size: 12px;
  line-height: 15px;
  color: #707070;
  margin: 5px auto 10px auto;
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-body p {
    font-size: 16px;
  }
}
#mentions-legale .modal-toast-content .modal-toast-body i {
  font-style: italic;
  color: #FFFFFF;
  font-size: 14px;
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-body #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    width: auto;
    margin: auto 5px auto auto;
  }
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-body #gest-cookie-validate-btn {
    margin: auto auto auto 5px;
  }
}
#mentions-legale .modal-toast-content .modal-toast-footer p {
  font-size: 12px;
  color: #707070;
  text-align: center;
}
#mentions-legale .modal-toast-content .modal-toast-footer .zone-btn {
  margin-top: 10px;
}
#mentions-legale .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn {
  font-weight: normal;
  font-size: 15px;
  transition: border linear 0.3s 0s;
}
#mentions-legale .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn:hover {
  border-color: #FFFFFF;
}
#mentions-legale .modal-toast-content .modal-toast-footer .btn-non {
  min-width: 100px;
  width: auto;
  margin-right: 15px;
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-footer .btn-non {
    margin-right: 0;
  }
}
#mentions-legale .modal-toast-content .modal-toast-footer .btn-oui {
  min-width: 100px;
  width: auto;
  margin-right: 0px;
}
#mentions-legale .modal-toast-content .modal-toast-footer .zone-link {
  margin: 25px auto 15px auto;
  text-align: center;
}
#mentions-legale .modal-toast-content .modal-toast-footer .zone-link a {
  font-weight: normal;
  font-size: 11px;
  font-style: normal;
  color: #707070;
  text-decoration: underline;
}
#mentions-legale .modal-toast-content .modal-toast-footer .zone-link a else {
  text-decoration: none;
}
#mentions-legale .modal-toast-content .modal-toast-footer .zone-link a {
  width: 100%;
  text-align: center;
}
#mentions-legale .modal-toast-content .modal-toast-footer .zone-link a:hover {
  cursor: pointer;
  color: #41A52F;
}
@media (max-width: 768px) {
  #mentions-legale {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #mentions-legale {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  #mentions-legale {
    background: #2D2D2D;
  }
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content {
    width: 288px;
    height: 480px;
    display: block;
    position: absolute;
    top: calc(50% - 240px);
    left: calc(50% - 144px);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 15px;
    opacity: 1;
    margin: auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #mentions-legale .modal-toast-content {
    width: 90%;
    left: 5%;
  }
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-header {
    width: 100%;
    text-align: center;
  }
  #mentions-legale .modal-toast-content .modal-toast-header .modal-toast-logo {
    display: block;
    position: relative;
    width: 150px;
    height: 65px;
    margin: 20px auto 15px auto;
  }
  #mentions-legale .modal-toast-content .modal-toast-header h2 {
    font-size: 15px;
    color: #707070;
    margin: 0 0 20px 0;
  }
  #mentions-legale .modal-toast-content .modal-toast-header .refuse-all-cookies {
    background: transparent;
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 12px;
    right: 18px;
    top: 10px;
    color: #707070;
    padding: 0;
    margin: 0;
  }
  #mentions-legale .modal-toast-content .modal-toast-header .refuse-all-cookies:hover {
    cursor: pointer;
    color: #41A52F;
    border-bottom: 1px solid #41A52F;
  }
  #mentions-legale .modal-toast-content .modal-toast-body {
    width: 208px;
    overflow: auto;
    display: block;
    margin: auto;
    position: relative;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-body {
    width: 90%;
    height: 330px;
  }
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-body p {
    font-size: 12px;
    line-height: 15px;
    color: #707070;
    margin: 5px auto 10px auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-body p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-body i {
    font-style: italic;
    color: #FFFFFF;
    font-size: 14px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-body #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    width: auto;
    margin: auto 5px auto auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-body #gest-cookie-validate-btn {
    margin: auto auto auto 5px;
  }
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-footer p {
    font-size: 12px;
    color: #707070;
    text-align: center;
  }
  #mentions-legale .modal-toast-content .modal-toast-footer .zone-btn {
    margin-top: 10px;
  }
  #mentions-legale .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    transition: border linear 0.3s 0s;
  }
  #mentions-legale .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn:hover {
    border-color: #FFFFFF;
  }
  #mentions-legale .modal-toast-content .modal-toast-footer .btn-non {
    min-width: 100px;
    width: auto;
    margin-right: 15px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-footer .btn-non {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-content .modal-toast-footer .btn-oui {
    min-width: 100px;
    width: auto;
    margin-right: 0px;
  }
  #mentions-legale .modal-toast-content .modal-toast-footer .zone-link {
    margin: 25px auto 15px auto;
    text-align: center;
  }
  #mentions-legale .modal-toast-content .modal-toast-footer .zone-link a {
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
    color: #707070;
    text-decoration: underline;
  }
  #mentions-legale .modal-toast-content .modal-toast-footer .zone-link a else {
    text-decoration: none;
  }
  #mentions-legale .modal-toast-content .modal-toast-footer .zone-link a {
    width: 100%;
    text-align: center;
  }
  #mentions-legale .modal-toast-content .modal-toast-footer .zone-link a:hover {
    cursor: pointer;
    color: #41A52F;
  }
}
#mentions-legale {
  color: #707070;
  line-height: 17px;
}
#mentions-legale .modal-toast-body {
  height: 500px !important;
  width: 490px !important;
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-body {
    height: 100% !important;
    width: 240px !important;
  }
}
@media (max-width: 768px) {
  #mentions-legale .modal-toast-body p {
    line-height: 17px !important;
  }
}
#mentions-legale .header-section {
  height: 95px !important;
  margin-top: 30px;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  #mentions-legale .header-section {
    margin-top: 10px;
    display: grid;
  }
}
#mentions-legale .header-section i {
  vertical-align: top;
  width: 45px;
  height: 55px;
}
#mentions-legale .header-section h2 {
  font-size: 25px !important;
  color: #FFFFFF !important;
  margin: 6px !important;
  text-align: left;
}
@media (max-width: 768px) {
  #mentions-legale .header-section h2 {
    margin: 10px !important;
    font-size: 20px !important;
  }
}
#mentions-legale ol {
  margin: 0;
  padding: 0 0 0 20px;
}
#mentions-legale ol li p {
  margin-top: 10px !important;
  margin-left: -12px;
  margin-bottom: 25px !important;
}
#mentions-legale .btn-standard {
  background-color: #FFFFFF;
  margin: 30px auto auto auto;
  display: block;
}
@media (max-width: 768px) {
  #mentions-legale .btn-standard {
    margin: 70px auto auto auto;
    background-color: transparent;
    color: transparent;
    border-color: transparent;
    background: url("/images/mobile/MENU-CLOSE-ON.svg") center no-repeat;
  }
}
#mentions-legale .linktwitt {
  color: #FFFFFF;
  display: contents;
}

#toast-connection {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
  #toast-connection {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 576px) {
  #toast-connection {
    background: #2D2D2D;
  }
}
#toast-connection {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
#toast-connection .modal-toast-content {
  width: 500px;
  height: 400px;
  display: block;
  position: absolute;
  top: calc(50% - 200px);
  left: calc(50% - 250px);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 15px;
  opacity: 1;
  margin: auto;
}
@media (max-width: 768px) {
  #toast-connection .modal-toast-content {
    width: 90%;
    left: 5%;
  }
}
#toast-connection .modal-toast-content .modal-toast-header {
  width: 100%;
  text-align: center;
}
#toast-connection .modal-toast-content .modal-toast-header .modal-toast-logo {
  display: block;
  position: relative;
  width: 150px;
  height: 65px;
  margin: 20px auto 15px auto;
}
#toast-connection .modal-toast-content .modal-toast-header h2 {
  font-size: 15px;
  color: #707070;
  margin: 0 0 20px 0;
}
#toast-connection .modal-toast-content .modal-toast-header .refuse-all-cookies {
  background: transparent;
  position: absolute;
  border-bottom: 1px solid #FFFFFF;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 12px;
  right: 18px;
  top: 10px;
  color: #707070;
  padding: 0;
  margin: 0;
}
#toast-connection .modal-toast-content .modal-toast-header .refuse-all-cookies:hover {
  cursor: pointer;
  color: #41A52F;
  border-bottom: 1px solid #41A52F;
}
#toast-connection .modal-toast-content .modal-toast-body {
  width: 420px;
  overflow: auto;
  display: block;
  margin: auto;
  position: relative;
}
@media (max-width: 768px) {
  #toast-connection .modal-toast-content .modal-toast-body {
    width: 90%;
    height: 250px;
  }
}
#toast-connection .modal-toast-content .modal-toast-body p {
  font-size: 12px;
  line-height: 15px;
  color: #707070;
  margin: 5px auto 10px auto;
}
@media (max-width: 768px) {
  #toast-connection .modal-toast-content .modal-toast-body p {
    font-size: 16px;
  }
}
#toast-connection .modal-toast-content .modal-toast-body i {
  font-style: italic;
  color: #FFFFFF;
  font-size: 14px;
}
@media (max-width: 768px) {
  #toast-connection .modal-toast-content .modal-toast-body #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    width: auto;
    margin: auto 5px auto auto;
  }
}
@media (max-width: 768px) {
  #toast-connection .modal-toast-content .modal-toast-body #gest-cookie-validate-btn {
    margin: auto auto auto 5px;
  }
}
#toast-connection .modal-toast-content .modal-toast-footer p {
  font-size: 12px;
  color: #707070;
  text-align: center;
}
#toast-connection .modal-toast-content .modal-toast-footer .zone-btn {
  margin-top: 10px;
}
#toast-connection .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn {
  font-weight: normal;
  font-size: 15px;
  transition: border linear 0.3s 0s;
}
#toast-connection .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn:hover {
  border-color: #FFFFFF;
}
#toast-connection .modal-toast-content .modal-toast-footer .btn-non {
  min-width: 100px;
  width: auto;
  margin-right: 15px;
}
@media (max-width: 768px) {
  #toast-connection .modal-toast-content .modal-toast-footer .btn-non {
    margin-right: 0;
  }
}
#toast-connection .modal-toast-content .modal-toast-footer .btn-oui {
  min-width: 100px;
  width: auto;
  margin-right: 0px;
}
#toast-connection .modal-toast-content .modal-toast-footer .zone-link {
  margin: 25px auto 15px auto;
  text-align: center;
}
#toast-connection .modal-toast-content .modal-toast-footer .zone-link a {
  font-weight: normal;
  font-size: 11px;
  font-style: normal;
  color: #707070;
  text-decoration: underline;
}
#toast-connection .modal-toast-content .modal-toast-footer .zone-link a else {
  text-decoration: none;
}
#toast-connection .modal-toast-content .modal-toast-footer .zone-link a {
  width: 100%;
  text-align: center;
}
#toast-connection .modal-toast-content .modal-toast-footer .zone-link a:hover {
  cursor: pointer;
  color: #41A52F;
}
#toast-connection .modal-toast-logo {
  margin-top: 33px !important;
  margin-bottom: 22px !important;
}
#toast-connection .modal-toast-body {
  text-align: center;
}
#toast-connection .modal-toast-body #box-identifiant {
  width: 322px;
  height: 30px;
  margin-top: 24px;
}
#toast-connection .modal-toast-body #box-mdp {
  width: 322px;
  height: 30px;
  margin-top: 6px;
  margin-bottom: 5px;
}
#toast-connection .modal-toast-body .form-input input {
  margin-left: auto;
  margin-right: auto;
}
#toast-connection .modal-toast-body .zone-btn {
  margin-top: 23px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}
#toast-connection .modal-toast-body .btn-oui {
  padding-left: 9px;
  padding-right: 9px;
  width: 100px;
  margin: 0px;
}
#toast-connection .modal-toast-body #seSouvenir-label {
  font-size: 11px;
  color: #FFFFFF;
}
#toast-connection .modal-toast-footer {
  text-align: center;
  text-decoration: underline;
  font: normal normal bold 10px/12px Arial;
  letter-spacing: 0px;
  color: #D91212;
  opacity: 1;
  margin-top: 30px;
}

#modal-generic {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
  #modal-generic {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 576px) {
  #modal-generic {
    background: #2D2D2D;
  }
}
#modal-generic {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
#modal-generic .modal-toast-content {
  width: 600px;
  height: 300px;
  display: block;
  position: absolute;
  top: calc(50% - 150px);
  left: calc(50% - 300px);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 15px;
  opacity: 1;
  margin: auto;
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content {
    width: 90%;
    left: 5%;
  }
}
#modal-generic .modal-toast-content .modal-toast-header {
  width: 100%;
  text-align: center;
}
#modal-generic .modal-toast-content .modal-toast-header .modal-toast-logo {
  display: block;
  position: relative;
  width: 150px;
  height: 65px;
  margin: 20px auto 15px auto;
}
#modal-generic .modal-toast-content .modal-toast-header h2 {
  font-size: 15px;
  color: #707070;
  margin: 0 0 20px 0;
}
#modal-generic .modal-toast-content .modal-toast-header .refuse-all-cookies {
  background: transparent;
  position: absolute;
  border-bottom: 1px solid #FFFFFF;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 12px;
  right: 18px;
  top: 10px;
  color: #707070;
  padding: 0;
  margin: 0;
}
#modal-generic .modal-toast-content .modal-toast-header .refuse-all-cookies:hover {
  cursor: pointer;
  color: #41A52F;
  border-bottom: 1px solid #41A52F;
}
#modal-generic .modal-toast-content .modal-toast-body {
  width: 520px;
  overflow: auto;
  display: block;
  margin: auto;
  position: relative;
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-body {
    width: 90%;
    height: 150px;
  }
}
#modal-generic .modal-toast-content .modal-toast-body p {
  font-size: 12px;
  line-height: 15px;
  color: #707070;
  margin: 5px auto 10px auto;
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-body p {
    font-size: 16px;
  }
}
#modal-generic .modal-toast-content .modal-toast-body i {
  font-style: italic;
  color: #FFFFFF;
  font-size: 14px;
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-body #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    width: auto;
    margin: auto 5px auto auto;
  }
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-body #gest-cookie-validate-btn {
    margin: auto auto auto 5px;
  }
}
#modal-generic .modal-toast-content .modal-toast-footer p {
  font-size: 12px;
  color: #707070;
  text-align: center;
}
#modal-generic .modal-toast-content .modal-toast-footer .zone-btn {
  margin-top: 10px;
}
#modal-generic .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn {
  font-weight: normal;
  font-size: 15px;
  transition: border linear 0.3s 0s;
}
#modal-generic .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn:hover {
  border-color: #FFFFFF;
}
#modal-generic .modal-toast-content .modal-toast-footer .btn-non {
  min-width: 100px;
  width: auto;
  margin-right: 15px;
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-footer .btn-non {
    margin-right: 0;
  }
}
#modal-generic .modal-toast-content .modal-toast-footer .btn-oui {
  min-width: 100px;
  width: auto;
  margin-right: 0px;
}
#modal-generic .modal-toast-content .modal-toast-footer .zone-link {
  margin: 25px auto 15px auto;
  text-align: center;
}
#modal-generic .modal-toast-content .modal-toast-footer .zone-link a {
  font-weight: normal;
  font-size: 11px;
  font-style: normal;
  color: #707070;
  text-decoration: underline;
}
#modal-generic .modal-toast-content .modal-toast-footer .zone-link a else {
  text-decoration: none;
}
#modal-generic .modal-toast-content .modal-toast-footer .zone-link a {
  width: 100%;
  text-align: center;
}
#modal-generic .modal-toast-content .modal-toast-footer .zone-link a:hover {
  cursor: pointer;
  color: #41A52F;
}
@media (max-width: 768px) {
  #modal-generic {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #modal-generic {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  #modal-generic {
    background: #2D2D2D;
  }
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content {
    width: 290px;
    height: 400px;
    display: block;
    position: absolute;
    top: calc(50% - 200px);
    left: calc(50% - 145px);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 15px;
    opacity: 1;
    margin: auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #modal-generic .modal-toast-content {
    width: 90%;
    left: 5%;
  }
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-header {
    width: 100%;
    text-align: center;
  }
  #modal-generic .modal-toast-content .modal-toast-header .modal-toast-logo {
    display: block;
    position: relative;
    width: 150px;
    height: 65px;
    margin: 20px auto 15px auto;
  }
  #modal-generic .modal-toast-content .modal-toast-header h2 {
    font-size: 15px;
    color: #707070;
    margin: 0 0 20px 0;
  }
  #modal-generic .modal-toast-content .modal-toast-header .refuse-all-cookies {
    background: transparent;
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 12px;
    right: 18px;
    top: 10px;
    color: #707070;
    padding: 0;
    margin: 0;
  }
  #modal-generic .modal-toast-content .modal-toast-header .refuse-all-cookies:hover {
    cursor: pointer;
    color: #41A52F;
    border-bottom: 1px solid #41A52F;
  }
  #modal-generic .modal-toast-content .modal-toast-body {
    width: 210px;
    overflow: auto;
    display: block;
    margin: auto;
    position: relative;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-body {
    width: 90%;
    height: 250px;
  }
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-body p {
    font-size: 12px;
    line-height: 15px;
    color: #707070;
    margin: 5px auto 10px auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-body p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-body i {
    font-style: italic;
    color: #FFFFFF;
    font-size: 14px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-body #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    width: auto;
    margin: auto 5px auto auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-body #gest-cookie-validate-btn {
    margin: auto auto auto 5px;
  }
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-footer p {
    font-size: 12px;
    color: #707070;
    text-align: center;
  }
  #modal-generic .modal-toast-content .modal-toast-footer .zone-btn {
    margin-top: 10px;
  }
  #modal-generic .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn {
    font-weight: normal;
    font-size: 15px;
    transition: border linear 0.3s 0s;
  }
  #modal-generic .modal-toast-content .modal-toast-footer .zone-btn #gest-cookie-no-validate-btn:hover {
    border-color: #FFFFFF;
  }
  #modal-generic .modal-toast-content .modal-toast-footer .btn-non {
    min-width: 100px;
    width: auto;
    margin-right: 15px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-footer .btn-non {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-footer .btn-oui {
    min-width: 100px;
    width: auto;
    margin-right: 0px;
  }
  #modal-generic .modal-toast-content .modal-toast-footer .zone-link {
    margin: 25px auto 15px auto;
    text-align: center;
  }
  #modal-generic .modal-toast-content .modal-toast-footer .zone-link a {
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
    color: #707070;
    text-decoration: underline;
  }
  #modal-generic .modal-toast-content .modal-toast-footer .zone-link a else {
    text-decoration: none;
  }
  #modal-generic .modal-toast-content .modal-toast-footer .zone-link a {
    width: 100%;
    text-align: center;
  }
  #modal-generic .modal-toast-content .modal-toast-footer .zone-link a:hover {
    cursor: pointer;
    color: #41A52F;
  }
}
#modal-generic .modal-toast-content .modal-toast-header {
  margin-top: 48px;
  text-align: center;
}
#modal-generic .modal-toast-content .modal-toast-header h2 {
  font-size: 15px;
  font-style: italic;
  display: inline-block;
  vertical-align: bottom;
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-header h2 {
    display: block !important;
    position: relative;
    margin: auto auto 19px auto !important;
    width: 136px;
  }
}
#modal-generic .modal-toast-content .modal-toast-header .icon {
  display: inline-block;
  width: 47px;
  height: 47px;
  position: relative;
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-header .icon {
    display: block;
    margin: auto;
  }
}
#modal-generic .modal-toast-content .modal-toast-header .icon.mail {
  background: url("/images/Picto-Mail-Contact.svg") center no-repeat;
  background-size: 47px;
}
#modal-generic .modal-toast-content .modal-toast-header .icon.danger {
  background: url("/images/Picto-Danger.svg") center no-repeat;
  background-size: 47px;
}
#modal-generic .modal-toast-content .modal-toast-body {
  margin: 30px auto auto auto;
  text-align: center;
}
#modal-generic .modal-toast-content .modal-toast-body p {
  font-size: 16px;
  line-height: 20px;
}
#modal-generic .modal-toast-content .modal-toast-footer {
  margin: 31px auto auto auto;
  text-align: center;
}
#modal-generic .modal-toast-content .modal-toast-footer .btn-non {
  margin: auto;
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-footer .btn-non {
    margin-bottom: 16px !important;
    width: 200px !important;
    display: block !important;
  }
}
#modal-generic .modal-toast-content .modal-toast-footer .btn-oui {
  margin-right: 0px;
}
@media (max-width: 768px) {
  #modal-generic .modal-toast-content .modal-toast-footer .btn-oui {
    margin-left: 30px;
    width: 200px !important;
    display: block !important;
    margin: auto !important;
  }
}

@media (max-width: 768px) {
  header {
    display: block !important;
    height: 82px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: none;
    z-index: 50;
    background-color: #ffffff;
  }
}
@media (max-width: 768px) {
  header .logo {
    width: 137px;
    height: 64px;
    display: block;
    position: relative;
    top: 16px;
    z-index: 1;
  }
}
@media (max-width: 768px) {
  header .logo img {
    width: inherit;
    height: inherit;
    display: block;
    margin: auto auto auto 16px;
  }
}
@media (max-width: 768px) {
  header #title-header {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    line-height: 55px;
    padding-left: 10px;
  }
}
@media (max-width: 768px) {
  header #zone-top-header {
    background: #FFFFFF;
    width: 100%;
    height: 55px;
  }
}
@media (max-width: 768px) {
  header #btnNousContacterHeader {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 70vw;
    top: 30px;
    border: none;
    font-size: 0px;
  }
  header #btnNousContacterHeader:hover {
    cursor: pointer;
    box-shadow: none;
  }
}
@media (max-width: 768px) {
  header #contact-mail {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 70vw;
    top: 30px;
    border: none;
    font-size: 0px;
    background: url("/images/mobile/ICO-CONTACT.svg") center no-repeat;
  }
  header #contact-mail:hover {
    cursor: pointer;
    box-shadow: none;
  }
}
@media (max-width: 768px) {
  header #contact-tel {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 60vw;
    top: 30px;
    border: none;
    font-size: 0px;
    background: url("/images/mobile/contact-tel.svg") center no-repeat;
  }
  header #contact-tel:hover {
    cursor: pointer;
    box-shadow: none;
  }
}
@media (max-width: 768px) {
  header .menu-toggle {
    width: 46px;
    height: 46px;
    display: block;
    position: fixed;
    top: 22.5px;
    left: 80vw;
    border: none;
    z-index: 10;
  }
  header .menu-toggle:hover {
    cursor: pointer;
  }
  header .menu-toggle[data-toggle=collapse] {
    background: transparent;
  }
  header .menu-toggle[data-toggle=collapse] .menu-icon .menu-line {
    width: 30px;
    height: 5px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  header .menu-toggle[data-toggle=collapse] .menu-icon .menu-line::before {
    content: "";
    width: 30px;
    height: 5px;
    background-color: #FFFFFF;
    position: absolute;
    top: -10px;
    left: 0;
  }
  header .menu-toggle[data-toggle=collapse] .menu-icon .menu-line::after {
    content: "";
    width: 30px;
    height: 5px;
    background-color: #FFFFFF;
    position: absolute;
    top: 10px;
    left: 0;
  }
  header .menu-toggle[data-toggle=collapsed] {
    border-radius: 50%;
    background: #FFFFFF;
  }
  header .menu-toggle[data-toggle=collapsed] .menu-icon .menu-line {
    width: 25px;
    height: 3px;
    background-color: #B60050;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  header .menu-toggle[data-toggle=collapsed] .menu-icon .menu-line::after {
    content: "";
    width: 25px;
    height: 3px;
    background-color: #B60050;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(90deg);
  }
}
header #main-nav {
  background-color: #058AB4;
  height: 50px;
  display: block;
  position: relative;
  margin-top: 27px;
}
@media (max-width: 768px) {
  header #main-nav {
    display: none;
  }
}
header #main-nav #fond-logo {
  position: absolute;
  width: 118px;
  height: 118px;
  background: white;
  left: 17px;
  top: -27px;
  border-radius: 50%;
  border: 1px solid transparent;
  text-align: center;
}
@keyframes logo-scale {
  0% {
    transform: scale(1) translateY(-10px);
  }
  33% {
    transform: scale(0.6) translateY(-20px);
  }
  66% {
    transform: scale(1) translateY(-10px);
  }
  100% {
    transform: scale(0.6) translateY(-20px);
  }
}
header #main-nav #logo {
  transform: translateY(-10px);
  animation: logo-scale 1s linear 0s;
  transition: transform 0.6s ease-in-out;
}
header #main-nav #logo:hover {
  cursor: pointer;
  transform: scale(0.6) translateY(-20px);
}
header #main-nav picture#logo {
  display: block;
  margin-top: 27px;
}
header #main-nav {
  /**
      * Navbar
      */
}
header #main-nav nav {
  margin: auto 15px auto auto;
  height: 100%;
}
@media (max-width: 768px) {
  header #main-nav nav.toggle {
    display: none !important;
  }
}
@media (max-width: 768px) {
  header #main-nav nav {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    z-index: 60;
    margin: 0;
  }
}
@media (max-width: 768px) {
  header #main-nav nav #zone-menu-toggle {
    background-color: #FFFFFF;
    width: 100%;
    height: max-content;
    animation: slideInTop 0.5s 0s forwards;
  }
  header #main-nav nav #zone-menu-toggle .menu-toggle-close {
    width: 30px;
    height: 30px;
    display: block;
    position: fixed;
    top: 30px;
    left: 85vw;
    border: none;
    background: url("/images/mobile/MENU-CLOSE-ON.svg") center no-repeat;
  }
}
@media (max-width: 768px) {
  header #main-nav nav .logo-menu {
    width: 128px;
    height: 56px;
    display: block;
    position: relative;
    padding: 16px 0 0 16px;
  }
  header #main-nav nav .logo-menu img {
    width: 100%;
    height: 100%;
    display: block;
  }
}
@media (max-width: 768px) {
  header #main-nav nav #link-cloud-iae {
    display: block;
    position: relative;
    height: 16px;
    line-height: 16px;
    padding-bottom: 24px;
    font-size: 16px;
    color: #ffffff;
    width: 288px;
    text-align: left;
    text-decoration: none;
    margin: auto;
  }
  header #main-nav nav #link-cloud-iae i {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url("/images/mobile/PICTO-CLOUD-IAE.svg") center no-repeat;
  }
}
header #main-nav nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
header #main-nav nav ul[data-depth="1"] li a {
  font-size: small;
}
@media (max-width: 768px) {
  header #main-nav nav ul {
    width: 288px;
    margin: 24px auto 16px auto;
    display: block;
    position: relative;
  }
}
header #main-nav nav ul li {
  display: inline-block;
  margin-left: 20px;
}
@media (max-width: 768px) {
  header #main-nav nav ul li {
    display: flex;
    flex-direction: row;
    margin: 0 auto 8px auto;
    position: relative;
    width: auto;
    height: 48px;
    background: #ffffff;
  }
}
header #main-nav nav ul li a {
  display: block;
  padding: 0 10px 0 10px;
  color: #FFFFFF;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 50px;
  height: 20px;
  line-height: 20px;
}
@media (max-width: 768px) {
  header #main-nav nav ul li a {
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    border: none;
    border-radius: 0;
    color: #707070;
    line-height: normal;
    padding: 0;
  }
}
header #main-nav nav ul li a:hover {
  background-color: #058AB4;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
@media (max-width: 768px) {
  header #main-nav nav ul li a:hover {
    background-color: transparent;
    color: #707070;
    border: none;
  }
}
@media (max-width: 768px) {
  header #main-nav nav ul li a i {
    width: 45px !important;
    height: 30px !important;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 10px auto auto 17px;
  }
  header #main-nav nav ul li a i.actu {
    background: url("/images/mobile/PICTO-ACTUS.svg") center no-repeat;
    background-size: 30px;
  }
  header #main-nav nav ul li a i.pro {
    background: url("/images/mobile/PICTO-ENTREPRISE.svg") center no-repeat;
    background-size: 30px;
  }
  header #main-nav nav ul li a i.demandeur {
    background: url("/images/mobile/PICTO-CONTACT.svg") center no-repeat;
    background-size: 30px;
  }
  header #main-nav nav ul li a i.charte {
    background: url("/images/mobile/PICTO-CHARTE-GREY.svg") center no-repeat;
    background-size: 21px;
  }
  header #main-nav nav ul li a i.cadenas {
    background: url("/images/mobile/PICTO-CADENAS.svg") center no-repeat;
  }
}
@media (max-width: 768px) {
  header #main-nav nav ul li a span {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 9px auto auto 10px;
  }
}
header #main-nav nav ul li #login-access-compte {
  width: 182px;
  height: 35px;
  text-align: left;
  background-color: #058AB4;
  border: 1px solid #FFFFFF;
  padding-left: 63px;
}
header #main-nav nav ul li #login-access-compte:hover {
  background-color: #FFFFFF;
  color: #058AB4;
  cursor: pointer;
}
header #main-nav nav ul li #login-access-compte:hover span {
  color: #058AB4;
}
header #main-nav nav ul li #login-access-compte::before {
  content: "";
  display: block;
  position: absolute;
  margin-left: -45px;
  top: 12px;
  width: 29px;
  height: 23px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='29.001'%20height='23.786'%20viewBox='0%200%2029.001%2023.786'%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3crect%20width='24'%20height='20'%20transform='translate(0%200.001)'%20fill='none'/%3e%3c/clipPath%3e%3cclipPath%20id='b'%3e%3crect%20width='29.001'%20height='23.786'%20transform='translate(0%200)'%20fill='none'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20transform='translate(0%200)'%3e%3cg%20transform='translate(2834%204655)'%3e%3cg%20transform='translate(-2834%20-4655)'%20clip-path='url(%23a)'%3e%3cpath%20d='M18.039,5.945a6.051,6.051,0,0,1-6.152,5.944A6.051,6.051,0,0,1,5.735,5.945,6.051,6.051,0,0,1,11.887,0a6.051,6.051,0,0,1,6.152,5.944'%20fill='%23fff'/%3e%3c/g%3e%3cg%20transform='translate(-2834%20-4655)'%20clip-path='url(%23b)'%3e%3cpath%20d='M16.869,13.214a4.355,4.355,0,0,1-.921-.276,11.065,11.065,0,0,1-4.061.987A10.69,10.69,0,0,1,7.9,12.939c-.593.319-2.9.51-4.839,1.432S.955,16.406.955,16.406C.856,16.883,0,20,0,20H16.07V14.224a1.612,1.612,0,0,1,.8-1.01'%20fill='%23fff'/%3e%3cpath%20d='M24.832,14.224H20.076V12.312a3.187,3.187,0,0,1,6.31-.638h1.276a4.452,4.452,0,0,0-8.86.638v1.912A1.275,1.275,0,0,0,17.526,15.5h0v7.012A1.275,1.275,0,0,0,18.8,23.786h8.925A1.275,1.275,0,0,0,29,22.511V15.5a1.275,1.275,0,0,0-1.275-1.275H24.832Z'%20fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center no-repeat;
}
header #main-nav nav ul li #login-access-compte span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}
header #main-nav nav ul li #login-access-compte {
  font-size: 10px;
  color: #FFFFFF;
  font-weight: normal;
}
@media (max-width: 768px) {
  header #main-nav nav ul li#search-zone, header #main-nav nav ul li#search-zone-menu-sticky {
    display: none;
  }
}
header #main-nav nav ul li#search-zone div, header #main-nav nav ul li#search-zone-menu-sticky div {
  position: relative;
  display: block;
  width: 83px;
}
header #main-nav nav ul li#search-zone:hover form label, header #main-nav nav ul li#search-zone-menu-sticky:hover form label {
  color: #058AB4;
  position: absolute;
  display: inline-block;
  top: 6px;
  z-index: 2;
  left: 23px;
  font-weight: normal;
  opacity: 0.5;
}
header #main-nav nav ul li#search-zone:focus-within form label, header #main-nav nav ul li#search-zone-menu-sticky:focus-within form label {
  display: none;
}
header #main-nav nav ul li#search-zone:hover form, header #main-nav nav ul li#search-zone:focus-within form, header #main-nav nav ul li#search-zone-menu-sticky:hover form, header #main-nav nav ul li#search-zone-menu-sticky:focus-within form {
  position: absolute;
  top: -12px;
  left: 0;
  display: block;
  width: 300px;
}
header #main-nav nav ul li#search-zone:hover form input, header #main-nav nav ul li#search-zone:focus-within form input, header #main-nav nav ul li#search-zone-menu-sticky:hover form input, header #main-nav nav ul li#search-zone-menu-sticky:focus-within form input {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #058AB4;
  color: #058AB4;
  display: block;
  text-indent: 20px;
}
header #main-nav nav ul li#search-zone:hover form span.icon-search, header #main-nav nav ul li#search-zone:focus-within form span.icon-search, header #main-nav nav ul li#search-zone-menu-sticky:hover form span.icon-search, header #main-nav nav ul li#search-zone-menu-sticky:focus-within form span.icon-search {
  position: absolute;
  top: 5px;
  left: 5px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14.493'%20height='14.493'%20viewBox='0%200%2014.493%2014.493'%3e%3cg%20transform='translate(0%200)'%3e%3cpath%20d='M6.284-.027a6.284,6.284,0,0,0,0,12.567,6.211,6.211,0,0,0,2.98-.736,1.8,1.8,0,0,0,.233.233l1.8,1.8a1.831,1.831,0,1,0,2.585-2.585l-1.8-1.8a1.8,1.8,0,0,0-.287-.233,6.2,6.2,0,0,0,.79-2.98A6.291,6.291,0,0,0,6.3-.045Zm0,1.8a4.467,4.467,0,0,1,4.488,4.488A4.5,4.5,0,0,1,9.587,9.345L9.533,9.4a1.8,1.8,0,0,0-.233.233,4.492,4.492,0,0,1-3.034,1.131,4.488,4.488,0,0,1,0-8.977Z'%20transform='translate(0%200.045)'%20fill='%23058ab4'/%3e%3cpath%20d='M.49-1.477h-1q0-.215,0-.262a1.742,1.742,0,0,1,.16-.8,2.43,2.43,0,0,1,.641-.7A4.8,4.8,0,0,0,.865-3.75a.684.684,0,0,0,.145-.422.711.711,0,0,0-.256-.549,1,1,0,0,0-.689-.229,1.044,1.044,0,0,0-.7.238,1.268,1.268,0,0,0-.387.727l-1.008-.125a1.672,1.672,0,0,1,.6-1.187A2.111,2.111,0,0,1,.018-5.785a2.188,2.188,0,0,1,1.5.494,1.5,1.5,0,0,1,.559,1.15,1.265,1.265,0,0,1-.205.688A4.5,4.5,0,0,1,1-2.57a1.674,1.674,0,0,0-.432.465A1.559,1.559,0,0,0,.49-1.477ZM-.506,0V-1.1h1.1V0Z'%20transform='translate(6.029%209.599)'%20fill='%23058ab4'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;
  background-size: cover;
  z-index: 1;
}
header #main-nav nav ul li#search-zone:hover form button, header #main-nav nav ul li#search-zone:focus-within form button, header #main-nav nav ul li#search-zone-menu-sticky:hover form button, header #main-nav nav ul li#search-zone-menu-sticky:focus-within form button {
  position: absolute;
  top: 3px;
  right: 0;
  width: 18px;
  height: 18px;
  background-color: #058AB4;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  display: block;
  cursor: pointer;
}
header #main-nav nav ul li#search-zone:hover form button:active, header #main-nav nav ul li#search-zone:focus-within form button:active, header #main-nav nav ul li#search-zone-menu-sticky:hover form button:active, header #main-nav nav ul li#search-zone-menu-sticky:focus-within form button:active {
  background-color: #41A52F;
}
header #main-nav nav ul li#search-zone:hover form button i, header #main-nav nav ul li#search-zone:focus-within form button i, header #main-nav nav ul li#search-zone-menu-sticky:hover form button i, header #main-nav nav ul li#search-zone-menu-sticky:focus-within form button i {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid white;
  display: inline-block;
  vertical-align: baseline;
}
header #main-nav nav ul li#search-zone form, header #main-nav nav ul li#search-zone-menu-sticky form {
  position: relative;
  display: flex;
  align-items: center;
  width: 83px;
  transition: width linear 0.2s 0s;
  height: 20px;
}
header #main-nav nav ul li#search-zone form input, header #main-nav nav ul li#search-zone-menu-sticky form input {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  display: none;
  position: relative;
}
header #main-nav nav ul li#search-zone form label, header #main-nav nav ul li#search-zone-menu-sticky form label {
  display: block;
  position: relative;
  color: #FFFFFF;
  background-color: transparent;
  font-size: 12px;
  font-weight: bold;
}
header #main-nav nav ul li#search-zone form span.icon-search, header #main-nav nav ul li#search-zone-menu-sticky form span.icon-search {
  width: 14px;
  height: 14px;
  position: relative;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14.493'%20height='14.493'%20viewBox='0%200%2014.493%2014.493'%3e%3cg%20transform='translate(0%200)'%3e%3cpath%20d='M6.284-.027a6.284,6.284,0,0,0,0,12.567,6.211,6.211,0,0,0,2.98-.736,1.8,1.8,0,0,0,.233.233l1.8,1.8a1.831,1.831,0,1,0,2.585-2.585l-1.8-1.8a1.8,1.8,0,0,0-.287-.233,6.2,6.2,0,0,0,.79-2.98A6.291,6.291,0,0,0,6.3-.045Zm0,1.8a4.467,4.467,0,0,1,4.488,4.488A4.5,4.5,0,0,1,9.587,9.345L9.533,9.4a1.8,1.8,0,0,0-.233.233,4.492,4.492,0,0,1-3.034,1.131,4.488,4.488,0,0,1,0-8.977Z'%20transform='translate(0%200.045)'%20fill='%23fff'/%3e%3cpath%20d='M.49-1.477h-1q0-.215,0-.262a1.742,1.742,0,0,1,.16-.8,2.43,2.43,0,0,1,.641-.7A4.8,4.8,0,0,0,.865-3.75a.684.684,0,0,0,.145-.422.711.711,0,0,0-.256-.549,1,1,0,0,0-.689-.229,1.044,1.044,0,0,0-.7.238,1.268,1.268,0,0,0-.387.727l-1.008-.125a1.672,1.672,0,0,1,.6-1.187A2.111,2.111,0,0,1,.018-5.785a2.188,2.188,0,0,1,1.5.494,1.5,1.5,0,0,1,.559,1.15,1.265,1.265,0,0,1-.205.688A4.5,4.5,0,0,1,1-2.57a1.674,1.674,0,0,0-.432.465A1.559,1.559,0,0,0,.49-1.477ZM-.506,0V-1.1h1.1V0Z'%20transform='translate(6.029%209.599)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 4px;
}
header #main-nav nav ul li#search-zone form button, header #main-nav nav ul li#search-zone-menu-sticky form button {
  display: none;
}
header #sub-nav {
  justify-content: flex-end;
}
@media (max-width: 768px) {
  header #sub-nav {
    display: none;
  }
}
header #sub-nav {
  /**
      * Navbar
      */
}
header #sub-nav nav {
  margin: 15px 15px auto auto;
}
header #sub-nav nav ul {
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
header #sub-nav nav ul li {
  display: inline-block;
  margin-left: 20px;
}
header #sub-nav nav ul li a {
  display: block;
  padding: 0 16px 0 16px;
  height: 22px;
  line-height: 22px;
  color: #058AB4;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid transparent;
}
header #sub-nav nav ul li a:hover {
  border: 1px solid #058AB4;
  border-radius: 50px;
}
header #main-nav-phone {
  display: none;
}
header #main-nav-phone #sidebar-menu-phone {
  display: none;
}
@media (max-width: 768px) {
  header #main-nav-phone {
    display: block;
  }
}
header #main-nav-phone div.bg-blue {
  z-index: 0;
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 50px;
}
header #main-nav-phone.active #sidebar-menu-phone {
  display: grid;
  grid-template-rows: 1fr auto 25px;
  left: 0;
  width: 100%;
  margin-top: 15px;
  padding-bottom: 10px;
}
@media (min-height: 800px) {
  header #main-nav-phone.active #sidebar-menu-phone {
    height: 90vh;
  }
}
@media (max-height: 800px) {
  header #main-nav-phone.active #sidebar-menu-phone {
    height: 70vh;
  }
}
header #main-nav-phone.active #sidebar-menu-phone {
  background-color: #FFFFFF;
  z-index: 100;
  animation: slideInRight 0.5s 0s forwards;
  overflow-y: auto;
  overflow-x: hidden;
}
header #main-nav-phone.active #zone-menu-footer-phone {
  background: #FFA814;
  margin-bottom: 0.8rem;
}
header #main-nav-phone.active #zone-menu-footer-phone #zone-menu-footer-phone-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 14px 0;
  margin: 0;
  list-style: none;
}
header #main-nav-phone.active #zone-menu-footer-phone #zone-menu-footer-phone-1 li {
  width: 100%;
  text-align: center;
}
header #main-nav-phone.active #zone-menu-footer-phone #zone-menu-footer-phone-1 li a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  padding-bottom: 0;
  font-size: 12px;
  font-weight: bold;
}
header #main-nav-phone.active #zone-menu-footer-phone hr {
  width: 80vw;
  display: block;
  position: relative;
  margin: 0 auto;
  border: none;
  height: 1px;
  background-color: #707070;
}
header #main-nav-phone.active #zone-menu-footer-phone ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0;
  margin: 0.5rem 0 0.5rem 0;
  list-style: none;
}
header #main-nav-phone.active #zone-menu-footer-phone ul li {
  width: 100%;
  text-align: center;
}
header #main-nav-phone.active #zone-menu-footer-phone ul li a {
  text-decoration: none;
  color: #FFFFFF;
}
header #main-nav-phone.active #zone-menu-footer-phone #zone-social-media-phone {
  margin-top: 0.6rem;
}
header #main-nav-phone.active #zone-menu-footer-phone .ico-social-media {
  background-color: transparent;
  border: none;
  width: auto;
  height: auto;
}
header #main-nav-phone.active #zone-menu-footer-phone .ico-social-media:focus {
  opacity: 0.5;
}
header #main-nav-phone.active #zone-menu-user-phone {
  display: block;
  text-align: center;
  position: relative;
  width: 100vw;
}
header #main-nav-phone.active #zone-menu-user-phone a {
  text-decoration: none;
  color: #058AB4;
  vertical-align: middle;
}
header #main-nav-phone.active #zone-menu-user-phone a svg {
  vertical-align: middle;
}
header #main-nav-phone.active .sidebar-menu-phone-background {
  width: 100vw;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
header ul.list-menu-phone {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  gap: 0rem;
  padding: 0;
  margin: 0 0 1rem 0;
  list-style: none;
}
header ul.list-menu-phone li {
  margin: 1rem auto auto auto;
}
header ul.list-menu-phone li.list-item-menu-phone {
  width: 70vw;
  text-align: center;
  border: 1px solid #058AB4;
  border-radius: 20px;
}
header ul.list-menu-phone li.list-item-menu-phone:hover {
  background-color: #058AB4;
  color: #FFFFFF;
}
header ul.list-menu-phone li.list-item-menu-phone a {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  text-decoration: none;
  gap: 0.3rem;
  padding: 0.3rem 0 0.3rem 1rem;
}
header ul.list-menu-phone li.list-item-menu-phone i {
  display: block;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
header ul.list-menu-phone li.list-item-menu-phone i.actu {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='29.299'%20height='40'%20viewBox='0%200%2029.299%2040'%3e%3cg%20transform='translate(14.65%2020)'%3e%3cg%20transform='translate(-14.65%20-20)'%3e%3cpath%20d='M27.394,40H1.905A1.907,1.907,0,0,1,0,38.1V1.905A1.908,1.908,0,0,1,1.905,0H21l.186.213L29.144,9.3l.155.176V38.1A1.906,1.906,0,0,1,27.394,40Z'%20fill='%23fff'/%3e%3cg%20transform='translate(0.92%201.259)'%3e%3cpath%20d='M26.323,38.376H2.437A1.788,1.788,0,0,1,.652,36.591V2.678A1.789,1.789,0,0,1,2.437.892H20.326l.175.2,7.462,8.515.145.165V36.589A1.788,1.788,0,0,1,26.323,38.376ZM3.257,25.231H25.481V11.494l-6.339-.038-.58,0V3.467H3.257Z'%20transform='translate(-0.652%20-0.892)'%20fill='%23707070'/%3e%3c/g%3e%3cg%20transform='translate(12.178%207.077)'%3e%3cpath%20d='M9.516,15.758,8.63,6.72v-1.7h3.693v1.7l-.875,9.038Zm-.741,5.129V17.474h3.414v3.414Z'%20transform='translate(-8.63%20-5.015)'%20fill='%23707070'/%3e%3c/g%3e%3cg%20transform='translate(3.525%2028.124)'%3e%3cpath%20d='M8.246,25.728H6.988l-.5-1.3H4.2l-.473,1.3H2.5L4.729,20H5.952ZM6.116,23.462l-.789-2.125-.773,2.125Z'%20transform='translate(-2.498%20-19.901)'%20fill='%23fff'/%3e%3cpath%20d='M10.73,23.651l1.122.356a2.51,2.51,0,0,1-.858,1.391,2.437,2.437,0,0,1-1.521.456,2.461,2.461,0,0,1-1.875-.78,2.974,2.974,0,0,1-.735-2.131A3.132,3.132,0,0,1,7.6,20.722a2.532,2.532,0,0,1,1.942-.792,2.379,2.379,0,0,1,1.707.622,2.244,2.244,0,0,1,.587,1.054l-1.146.274a1.183,1.183,0,0,0-1.207-.961,1.3,1.3,0,0,0-1.033.457,2.236,2.236,0,0,0-.4,1.48A2.4,2.4,0,0,0,8.445,24.4a1.265,1.265,0,0,0,1.015.461,1.159,1.159,0,0,0,.793-.294A1.7,1.7,0,0,0,10.73,23.651Z'%20transform='translate(-0.704%20-19.93)'%20fill='%23fff'/%3e%3cpath%20d='M12.51,25.728v-4.76h-1.7V20h4.551v.968H13.667v4.76Z'%20transform='translate(0.92%20-19.901)'%20fill='%23fff'/%3e%3cpath%20d='M14.56,20h1.156v3.1a6.554,6.554,0,0,0,.042.958.936.936,0,0,0,.354.564,1.236,1.236,0,0,0,.763.213,1.169,1.169,0,0,0,.744-.2.8.8,0,0,0,.3-.494,6.452,6.452,0,0,0,.051-.974V20h1.157v3.009a7.737,7.737,0,0,1-.095,1.456,1.61,1.61,0,0,1-.346.72,1.747,1.747,0,0,1-.675.467,2.932,2.932,0,0,1-1.1.174,3.2,3.2,0,0,1-1.245-.189A1.783,1.783,0,0,1,15,25.144a1.584,1.584,0,0,1-.325-.635,6.921,6.921,0,0,1-.113-1.453Z'%20transform='translate(2.461%20-19.901)'%20fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  opacity: 0.2;
}
header ul.list-menu-phone li.list-item-menu-phone span {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  color: #058AB4;
}
header ul.list-menu-phone li.list-item-menu-phone:hover i.actu {
  opacity: 1;
}
header ul.list-menu-phone li.list-item-menu-phone:hover span {
  color: #FFFFFF;
}
header #zone-boutons-phone {
  position: fixed;
  top: 30px;
  right: 0;
  z-index: 2;
  gap: 1rem;
}
header .btn-mobile-circle {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #FFFFFF;
}
header .btn-mobile-circle i {
  display: block;
  width: fit-content;
  height: fit-content;
  vertical-align: middle;
  left: 50%;
  top: 50%;
  position: relative;
  transform: translate(-50%, -45%);
}
header .btn-mobile-circle i.ico-phone svg {
  width: 18px;
  height: 18px;
}
header .btn-mobile-circle i.ico-search svg {
  width: 18px;
  height: 18px;
}
header .btn-mobile-circle i.ico-mail svg {
  width: 18px;
  height: 18px;
}
header {
  /** menu sticky **/
}
header #menu-sticky {
  position: fixed;
  top: 0;
  height: inherit !important;
  z-index: 1000;
  background-color: #058AB4;
  width: 100%;
  max-width: 1046px;
  margin: 0 auto;
  transform: translateY(-100%);
  overflow: hidden;
}
header #menu-sticky .row {
  align-items: center;
  flex-wrap: nowrap;
}
header #menu-sticky #fond-logo-sticky {
  position: relative;
}
header #menu-sticky #fond-logo-sticky #background-logo-sticky {
  position: absolute;
  top: 0;
  transform: translateY(-20%);
  left: 0;
  width: 100%;
  height: 200%;
  background-color: #058AB4;
  z-index: -1;
  border-radius: 50%;
  transition: background-color 0.5s 0s;
}
header #menu-sticky #fond-logo-sticky:hover {
  cursor: pointer;
}
header #menu-sticky #fond-logo-sticky:hover #background-logo-sticky {
  background-color: #ffffff;
}
header #menu-sticky #fond-logo-sticky picture#logo {
  margin: 0;
  height: 50px;
  transform: translateY(0%);
  animation: none;
}
header #menu-sticky #fond-logo-sticky picture#logo img {
  height: 50px;
  display: block;
  margin: auto;
  position: relative;
}
@keyframes menuSticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
header.header-scroll #menu-sticky {
  animation: menuSticky 0.5s 0s forwards;
}

/** css pour les formulaires */
form {
  /* Change Autocomplete styles in Chrome*/
}
form input:-webkit-autofill,
form input:-webkit-autofill:hover,
form input:-webkit-autofill:focus,
form textarea:-webkit-autofill,
form textarea:-webkit-autofill:hover,
form textarea:-webkit-autofill:focus,
form select:-webkit-autofill,
form select:-webkit-autofill:hover,
form select:-webkit-autofill:focus {
  border: 1px solid #FFFFFF !important;
  box-shadow: inset 0px -20px 0px 20px #E4E7E9 !important;
  background-color: #ffffff !important;
  color: #058AB4 !important;
}
@media (max-width: 768px) {
  form input:-webkit-autofill,
  form input:-webkit-autofill:hover,
  form input:-webkit-autofill:focus,
  form textarea:-webkit-autofill,
  form textarea:-webkit-autofill:hover,
  form textarea:-webkit-autofill:focus,
  form select:-webkit-autofill,
  form select:-webkit-autofill:hover,
  form select:-webkit-autofill:focus {
    color: #707070 !important;
  }
}
form input {
  color: #058AB4;
}
@media (max-width: 768px) {
  form input {
    color: #707070;
  }
}
form input[type=checkbox] {
  background-color: initial;
  cursor: default;
  appearance: checkbox;
  box-sizing: border-box;
  margin: 3px 3px 3px 4px;
  padding: initial;
  border: 1px solid #FFFFFF;
  min-width: 15px;
  min-height: 15px;
  max-width: 15px;
  max-height: 15px;
}
form {
  /** dropdown **/
}
form .dropdown-custom {
  position: relative;
  max-width: 380px;
  margin: 0 auto 24px auto;
  font-family: Arial, Helvetica, sans-serif;
}
form .dropdown-custom__toggle {
  width: 100%;
  height: 56px;
  padding: 0 48px 0 20px;
  border: none;
  border-radius: 30px;
  background: #058AB4;
  color: #fff;
  font-size: 1.05rem;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
  position: relative;
}
form .dropdown-custom__toggle::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 0.2s ease;
}
form .dropdown-custom.is-open .dropdown-custom__toggle::after {
  transform: translateY(-35%) rotate(-135deg);
}
form .dropdown-custom.is-open .dropdown-custom__list {
  display: block;
}
form .dropdown-custom__list {
  display: none;
  position: absolute;
  z-index: 20;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
form .dropdown-custom__item {
  padding: 10px 16px;
  line-height: 24px;
  background: #058AB4;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
form .dropdown-custom__item:hover, form .dropdown-custom__item:focus {
  background: rgba(5, 140, 181, 0.5019607843);
  outline: none;
}
form .dropdown-custom__item.is-selected {
  background: rgba(5, 140, 181, 0.5019607843);
  color: #fff;
}
form .dropdown-custom.theme-light .dropdown-custom__toggle {
  background: #FFFFFF;
  color: #058AB4;
  font-weight: normal;
}
form .dropdown-custom.theme-light .dropdown-custom__toggle::after {
  border-right: 2px solid #058AB4;
  border-bottom: 2px solid #058AB4;
}
form .dropdown-custom.theme-light .dropdown-custom__list {
  background: #ffffff;
  color: #058AB4;
}
form .dropdown-custom.theme-light .dropdown-custom__item {
  background: #ffffff;
  color: #058AB4;
}
form .dropdown-custom.theme-light.is-open .dropdown-custom__toggle {
  background: #FFFFFF;
  border-radius: 20px 20px 0 0;
}
form .dropdown-custom.theme-light.is-open .dropdown-custom__list {
  border-radius: 0 0 20px 20px;
}
form .dropdown-custom.theme-light.is-open .dropdown-custom__item {
  border-top: 1px solid rgba(5, 138, 180, 0.5019607843);
  opacity: 0.6;
}
form .dropdown-custom.theme-light.is-open .dropdown-custom__item:hover {
  opacity: 1;
}
form .dropdown-custom.theme-light.is-open .dropdown-custom__item.is-selected {
  opacity: 1;
}
form .btn-valider {
  display: inline-block;
  position: relative;
  min-width: 100px;
  min-height: 25px;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  margin-right: 30px;
  transition: background-color linear 0.3s 0s, color linear 0.3s 0s, border linear 0.3s 0s;
  outline: none;
}
@media (max-width: 768px) {
  form .btn-valider {
    margin-right: 0;
    transition: background-color linear 0.3s 0s;
  }
}
form .btn-valider:hover {
  background-color: #FFFFFF;
  cursor: pointer;
  outline: none;
}
form .btn-valider {
  background-color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  margin: auto;
  display: block;
}
@media (max-width: 768px) {
  form .btn-valider {
    font-size: 15px;
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  form .taillecol-12 {
    margin-top: -10px !important;
  }
}
@media (max-width: 768px) {
  form .tailleprenom {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 768px) {
  form .taillephone {
    margin-bottom: 0px !important;
    height: 40px !important;
    margin-top: -10px !important;
  }
}
form .form-input {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  padding: 0;
  margin: auto auto 20px auto;
}
@media (max-width: 768px) {
  form .form-input {
    margin: auto auto 10px auto;
  }
}
form .form-input input {
  width: 90%;
  position: relative;
  display: block;
  height: 30px;
  margin: auto auto auto 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #000000;
  text-indent: 8px;
  color: #058AB4;
}
@media (max-width: 768px) {
  form .form-input input {
    width: 100%;
    margin: auto 0 auto 0;
    border: 1px solid #FFFFFF;
    color: #707070;
  }
}
form .form-input input:select {
  border: 1px solid #000000;
}
@media (max-width: 768px) {
  form .form-input input:select {
    border: 1px solid #FFFFFF;
  }
}
form .form-input input:focus {
  border: 1px solid #000000;
  background: #ffffff;
}
@media (max-width: 768px) {
  form .form-input input:focus {
    border: 1px solid #FFFFFF;
  }
}
form .form-input input:hover:placeholder {
  color: #058AB4;
}
form .form-input textarea {
  height: 282px;
  background: #ffffff;
  width: calc(100% - 20px);
  padding: 10px;
  display: block;
  position: relative;
  border: 1px solid #000000;
  color: #058AB4;
}
@media (max-width: 768px) {
  form .form-input textarea {
    border: 1px solid #FFFFFF;
    color: #707070;
  }
}
form .form-input textarea.no-resize {
  resize: none;
}
form .form-input.input-icon i {
  position: absolute;
  display: block;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  background-size: 20px;
  content: " ";
  z-index: 1;
}
@media (max-width: 768px) {
  form .form-input.input-icon i {
    position: relative;
    top: 25px;
  }
}
form .form-input.input-icon.email i {
  background: url("/images/Picto-Mail2-OFF.svg") center no-repeat;
  background-size: 20px;
}
form .form-input.input-icon.phone i {
  background: url("/images/Picto-Tel.svg") center no-repeat;
  background-size: 18px;
  width: 18px;
  height: 18px;
  top: 6px;
}
@media (max-width: 768px) {
  form .form-input.input-icon.phone i {
    top: 25px;
  }
}
form .form-input.input-icon.geo i {
  background: url("/images/Picto-Geo.svg") center no-repeat;
  background-size: 15px;
  width: 15px;
  height: 19px;
  top: 6px;
}
@media (max-width: 768px) {
  form .form-input.input-icon.geo i {
    top: 25px;
  }
}
form .form-input.input-icon input {
  text-indent: 30px;
}
form .form-input-label {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
form .form-input-label label {
  margin-right: 5px;
  font-size: 16px;
  color: #058AB4;
  width: 163px;
}
@media (max-width: 768px) {
  form .form-input-label label {
    color: #707070;
    width: auto;
  }
}
form .form-input-label input {
  width: 144px;
}
@media (max-width: 768px) {
  form .form-input-label input {
    width: 151px;
  }
}
form {
  /** VALIDATIONS **/
}
form .error-input-form {
  display: block;
  position: relative;
  margin: 5px;
  width: auto;
  height: auto;
  font-size: 12px;
  font-style: italic;
}
form .error-input-form.error {
  color: red;
}
form input.error {
  border: 1px solid red;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  form .form-input-label label {
    margin-bottom: 10px;
  }
}

.rowCards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
  grid-auto-flow: column;
  padding: 1rem 0;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .rowCards {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1.5rem 1rem;
  }
}

.card {
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}
.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.card .link_navigation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
}
.card .card-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2rem;
  position: relative;
  pointer-events: none;
}
.card .card-content > * {
  pointer-events: auto;
}
.card .card-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 1.5rem;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card .card-body {
  flex: 1;
  color: #666;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.card .card-body p {
  margin: 0;
  font-size: 1rem;
}
.card .card-footer {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid #eee;
}
.card .card-footer a {
  color: #707070;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
  position: relative;
}
.card .card-footer a:hover {
  color: #333;
  text-decoration: underline;
}
.card.border-corner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-top: 3px solid #707070;
  border-left: 3px solid #707070;
  transition: all 0.3s ease;
}
.card.border-corner::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-bottom: 3px solid #707070;
  border-right: 3px solid #707070;
  transition: all 0.3s ease;
}
.card.border-corner:hover::before, .card.border-corner:hover::after {
  width: 50px;
  height: 50px;
}

@media (max-width: 480px) {
  .card .card-content {
    padding: 1.5rem;
  }
  .card .card-title {
    font-size: 1.25rem;
    min-height: 50px;
  }
  .card .card-body p {
    font-size: 0.9rem;
  }
}
/**
  Fichier qui contient les styles des boutons
  @author: Thiney Jean-Baptiste <contact@innov-appli.com>
  @version: 1.0.0
*/
button.en-savoir-plus {
  height: 30px;
  width: 266px;
  display: block;
  position: relative;
  border-radius: 20px;
  border-color: transparent;
  background-color: #B60050;
  color: #FFFFFF;
  font-size: 14px;
  margin-top: 2em;
  margin-bottom: 2em;
}
button.en-savoir-plus:hover {
  cursor: pointer;
  animation: btnEnSavoirPlus 1s forwards;
}
@keyframes btnEnSavoirPlus {
  from {
    width: 290px;
    background-color: #B60050;
  }
  to {
    width: 133px;
    background-color: #FFA814;
  }
}

button.en-savoir-plus-green {
  height: 30px;
  width: 266px;
  display: block;
  position: relative;
  border-radius: 20px;
  border-color: transparent;
  background-color: #41A52F;
  color: #FFFFFF;
  font-size: 14px;
  margin-top: 2em;
  margin-bottom: 2em;
}
button.en-savoir-plus-green:hover {
  cursor: pointer;
  animation: btnEnSavoirPlus 1s forwards;
}
@keyframes btnEnSavoirPlus {
  from {
    width: 290px;
    background-color: #41A52F;
  }
  to {
    width: 133px;
    background-color: #41A52F;
  }
}

button.nous-contacter-special {
  height: 77px;
  width: 290px;
  display: block;
  position: relative;
  border-radius: 20px;
  border-color: transparent;
  background-color: #41A52F;
  color: #FFFFFF;
  font-size: large;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 2em;
}
button.nous-contacter-special:hover, button.nous-contacter-special:active {
  cursor: pointer;
}
button.nous-contacter-special:hover span, button.nous-contacter-special:active span {
  font-size: x-large;
  font-weight: bold;
  transition: font-size 0.1s linear 0s;
}

.content-button {
  text-decoration: none;
}
.content-button:hover button.devis, .content-button:active button.devis {
  animation: btnDevis 0.3s forwards;
  cursor: pointer;
}
.content-button:hover button.devis a, .content-button:active button.devis a {
  font-weight: normal;
}

button.devis {
  height: 30px;
  width: 266px;
  display: block;
  position: relative;
  border-radius: 20px;
  border-color: transparent;
  background-color: #41A52F;
  color: #FFFFFF;
  font-size: 14px;
  margin-top: 2em;
  margin-bottom: 2em;
  transition: none;
}
button.devis a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

@keyframes btnDevis {
  from {
    width: 266px;
  }
  to {
    width: 133px;
  }
}
button.partenaires {
  height: 30px;
  width: 266px;
  display: block;
  position: relative;
  border-radius: 20px;
  border-color: transparent;
  background-color: #41A52F;
  color: #FFFFFF;
  font-size: 14px;
  margin-top: 2em;
  margin-bottom: 2em;
}
button.partenaires:hover {
  cursor: pointer;
  animation: btnPartenaires 0.6s forwards;
}

@keyframes btnPartenaires {
  from {
    width: 266px;
  }
  to {
    width: 177.3333333333px;
  }
}
body#accueil .back_history {
  display: none;
}

@keyframes cardSlideTop {
  from {
    height: 35px;
  }
  to {
    height: 100%;
  }
}
@keyframes cardSlodeBottom {
  from {
    height: 100%;
  }
  to {
    height: 35px;
  }
}
@keyframes hoverAddress {
  from {
    margin-left: 0;
  }
  to {
    margin-left: -40%;
  }
}
@keyframes hoverAddressAddress {
  from {
    width: 0;
  }
  to {
    width: 310px;
  }
}
#accueil h1 {
  font-size: 2.5rem;
  font-style: italic;
  color: #4E4E4E;
}
#accueil #zone-sliders {
  display: block;
  position: relative;
  width: 100%;
  margin: auto auto 120px auto;
}
#accueil #zone-sliders #content-sliders {
  overflow: hidden;
  height: 400px;
}
#accueil #zone-sliders #content-sliders picture img {
  display: block;
  position: relative;
  margin: auto;
}
#accueil #zone-sliders #content-sliders > #control-prev-slide {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}
#accueil #zone-sliders #content-sliders > #control-prev-slide:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.8);
}
#accueil #zone-sliders #content-sliders > #control-prev-slide:hover button {
  display: block;
}
#accueil #zone-sliders #content-sliders > #control-prev-slide button {
  position: relative;
  display: none;
  top: calc(50% - 10px);
  background: transparent;
  margin: 0 0 0 5px;
  border-left: 0;
  border-right: 10px solid #707070;
  z-index: 0;
  cursor: pointer;
}
#accueil #zone-sliders #content-sliders > #control-prev-slide button:hover {
  display: block;
}
#accueil #zone-sliders #content-sliders > #control-next-slide {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}
#accueil #zone-sliders #content-sliders > #control-next-slide:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.8);
}
#accueil #zone-sliders #content-sliders > #control-next-slide:hover button {
  display: block;
}
#accueil #zone-sliders #content-sliders > #control-next-slide button {
  position: relative;
  display: none;
  top: calc(50% - 10px);
  background: transparent;
  margin: auto;
  z-index: 0;
  cursor: pointer;
}
#accueil #zone-sliders #content-sliders > #control-next-slide button:hover {
  display: block;
}
#accueil #zone-sliders #content-sliders > #indicateurs-slide {
  position: absolute;
  display: block;
  bottom: 0;
  left: 54px;
  min-width: 30px;
  height: 20px;
}
#accueil #zone-sliders #content-sliders > #indicateurs-slide .item-indicateur-slide {
  display: inline-block;
  position: relative;
  width: 6px;
  height: 6px;
  border: 2px solid #FFFFFF;
  background-color: #FFFFFF;
  margin-right: 5px;
}
#accueil #zone-sliders #content-sliders > #indicateurs-slide .item-indicateur-slide:hover {
  background-color: #DA6B31;
  cursor: pointer;
}
#accueil #zone-sliders #content-sliders > #indicateurs-slide .item-indicateur-slide.on {
  background-color: #DA6B31;
}
#accueil #zone-sliders #nav-slider {
  position: absolute;
  display: flex;
  flex-direction: row;
  bottom: -60px;
  right: 0;
  height: 133px;
}
#accueil #zone-sliders #nav-slider #title-article div#content-title-article {
  display: block;
  position: relative;
  height: 119px;
  border: 5px solid #FFFFFF;
  width: 438px;
  background-color: #FFA814;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: bold;
  z-index: 2;
}
#accueil #zone-sliders #nav-slider #title-article div#content-title-article:hover {
  background-color: #058AB4;
  cursor: pointer;
}
#accueil #zone-sliders #nav-slider #title-article div#content-title-article span {
  padding: 16px;
  width: auto;
  height: auto;
  display: block;
  position: relative;
}
#accueil #zone-sliders #nav-slider #title-article i {
  display: inline-block;
  position: relative;
  width: 29px;
  height: 40px;
  margin: -20px 21px 0 10px;
  background-image: url("/images/pictos/picto-actu.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  z-index: 2;
}
#accueil #zone-sliders #nav-slider #title-article a {
  display: inline-block;
  position: relative;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  margin-right: 28px;
  color: #707070;
}
#accueil #zone-sliders #nav-slider #title-article a:hover {
  text-decoration: underline;
  color: #058AB4;
}
#accueil #zone-sliders #nav-slider #recrutement:hover, #accueil #zone-sliders #nav-slider #services-particuliers:hover, #accueil #zone-sliders #nav-slider #services-professionnels:hover {
  cursor: pointer;
}
#accueil #zone-sliders #nav-slider #recrutement:hover i, #accueil #zone-sliders #nav-slider #services-particuliers:hover i, #accueil #zone-sliders #nav-slider #services-professionnels:hover i {
  background-color: #058AB4;
}
#accueil #zone-sliders #nav-slider #recrutement:hover a, #accueil #zone-sliders #nav-slider #services-particuliers:hover a, #accueil #zone-sliders #nav-slider #services-professionnels:hover a {
  color: #058AB4;
}
#accueil #zone-sliders #nav-slider #recrutement a, #accueil #zone-sliders #nav-slider #services-particuliers a, #accueil #zone-sliders #nav-slider #services-professionnels a {
  display: block;
  position: relative;
  width: 100%;
  text-align: right;
  text-decoration: none;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  color: #707070;
  text-transform: UPPERCASE;
  line-height: 1.7;
}
#accueil #zone-sliders #nav-slider #recrutement span, #accueil #zone-sliders #nav-slider #services-particuliers span, #accueil #zone-sliders #nav-slider #services-professionnels span {
  text-align: left;
  display: block;
  position: relative;
  color: white;
  margin-top: -25px;
  width: 90%;
  text-transform: none;
  text-indent: 0.5rem;
}
#accueil #zone-sliders #nav-slider #recrutement i, #accueil #zone-sliders #nav-slider #services-particuliers i, #accueil #zone-sliders #nav-slider #services-professionnels i {
  width: 119px;
  height: 119px;
  background-color: orange;
  display: block;
  position: relative;
  border: 5px solid white;
  background-repeat: no-repeat;
  background-position: center center;
}
#accueil #zone-sliders #nav-slider #recrutement {
  margin-left: 10px;
}
#accueil #zone-sliders #nav-slider #recrutement i {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='76'%20height='83'%20viewBox='0%200%2076%2083'%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3crect%20width='76'%20height='64'%20transform='translate(0%20-0.468)'%20fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20transform='translate(-793%20-577)'%3e%3cg%20transform='translate(-304%20510.723)'%3e%3cg%20transform='translate(1097%2066.745)'%3e%3cg%20transform='translate(0%200)'%20clip-path='url(%23a)'%3e%3cpath%20d='M45.782,18.823c0,10.4-8.722,18.823-19.481,18.823S6.819,29.219,6.819,18.823,15.541,0,26.3,0,45.782,8.427,45.782,18.823'%20transform='translate(11.341%20-0.269)'%20fill='%23fff'/%3e%3cpath%20d='M72.919,26.9s-.53-3.525-6.8-6.446-13.7-3.525-15.617-4.534c0,0-7.556,3.425-12.861,3.124-5.207.3-12.621-3.124-12.621-3.124-1.878,1.009-9.175,1.613-15.324,4.534S3.023,26.9,3.023,26.9C2.711,28.413,0,38.284,0,38.284H76S73.238,28.413,72.919,26.9'%20transform='translate(0%2024.78)'%20fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20transform='translate(836%20627)'%3e%3cg%20fill='%23fff'%20stroke='%23ffa828'%20stroke-width='3'%3e%3ccircle%20cx='16.5'%20cy='16.5'%20r='16.5'%20stroke='none'/%3e%3ccircle%20cx='16.5'%20cy='16.5'%20r='15'%20fill='none'/%3e%3c/g%3e%3cpath%20d='M-10.649-3.091V-8.672h-5.625v-3.853h5.625v-5.581H-6.9v5.581h5.64v3.853H-6.9v5.581Z'%20transform='translate(25.274%2027.105)'%20fill='%23ffa828'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
#accueil #zone-sliders #nav-slider #services-professionnels {
  margin-left: 10px;
  z-index: 2;
}
#accueil #zone-sliders #nav-slider #services-professionnels i {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='73'%20height='82.398'%20viewBox='0%200%2073%2082.398'%3e%3cg%20transform='translate(-792%20-577.602)'%3e%3cg%20transform='translate(792%20577.602)'%3e%3cpath%20d='M8.274,46.08h6.719v5.76H8.274Zm0-9.131h6.719v5.76H8.274Zm0-9.131h6.719v5.76H8.274Zm0-9.132h6.719v5.76H8.274Zm0-9.131h6.719v5.76H8.274ZM0,0V62.72H18.7V20.8H29.989V0Z'%20fill='%23fff'/%3e%3cpath%20d='M24.69,47.347h6.72v5.76H24.69Zm9.6,0h6.719v12.1H34.29Zm9.052,0h6.719v5.76H43.342ZM24.69,37.256h6.72v5.76H24.69Zm9.6,0h6.719v5.76H34.29Zm9.052,0h6.719v5.76H43.342ZM24.69,27.164h6.72v5.76H24.69Zm9.6,0h6.719v5.76H34.29Zm9.052,0h6.719v5.76H43.342ZM19.73,62.067H55.57V21.838H19.73Z'%20transform='translate(0.59%200.654)'%20fill='%23fff'/%3e%3c/g%3e%3cg%20transform='translate(832%20627)'%3e%3cg%20fill='%23fff'%20stroke='%23ffa828'%20stroke-width='3'%3e%3ccircle%20cx='16.5'%20cy='16.5'%20r='16.5'%20stroke='none'/%3e%3ccircle%20cx='16.5'%20cy='16.5'%20r='15'%20fill='none'/%3e%3c/g%3e%3cpath%20d='M-10.649-3.091V-8.672h-5.625v-3.853h5.625v-5.581H-6.9v5.581h5.64v3.853H-6.9v5.581Z'%20transform='translate(25.274%2027.105)'%20fill='%23ffa828'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
#accueil #zone-sliders #nav-slider #services-particuliers {
  margin-left: 10px;
  z-index: 2;
}
#accueil #zone-sliders #nav-slider #services-particuliers i {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='75'%20height='69.103'%20viewBox='0%200%2075%2069.103'%3e%3cg%20transform='translate(0%200)'%3e%3cpath%20d='M44.049,65.553V85.165H59.893V71.228h9.28V85.165H85.016V65.553L64.533,48.3Z'%20transform='translate(-35.532%20-38.959)'%20fill='%23fff'/%3e%3cpath%20d='M29,0,0,23.659l3.31,3.776L29,6.292,54.69,27.435,58,23.659,46.8,14.519V3.5H40.657V9.509Z'%20fill='%23fff'/%3e%3cg%20transform='translate(42%2036.103)'%3e%3cg%20fill='%23fff'%20stroke='%23ffa828'%20stroke-width='3'%3e%3ccircle%20cx='16.5'%20cy='16.5'%20r='16.5'%20stroke='none'/%3e%3ccircle%20cx='16.5'%20cy='16.5'%20r='15'%20fill='none'/%3e%3c/g%3e%3cpath%20d='M-10.649-3.091V-8.672h-5.625v-3.853h5.625v-5.581H-6.9v5.581h5.64v3.853H-6.9v5.581Z'%20transform='translate(25.274%2027.105)'%20fill='%23ffa828'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
#accueil #nos-chiffres-cles h3 {
  color: #FBB031;
}
#accueil #nos-chiffres-cles hr {
  display: block;
  width: 100%;
  height: 0;
  border: 1px solid #FBB031;
}
#accueil #nos-chiffres-cles .nos-chiffres-cles-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
#accueil #nos-chiffres-cles .nos-chiffres-cles-item i {
  background-image: url("/assets/Groupe-Pictos-Nos-Chiffres-D2jiROpa.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 54px;
  height: 38px;
  display: block;
  position: relative;
  padding: 0;
}
#accueil #nos-chiffres-cles .nos-chiffres-cles-item#emploi-formation i {
  width: 80px;
}
#accueil #nos-chiffres-cles .nos-chiffres-cles-item#nos-permanents i {
  background-position-x: -87px;
}
#accueil #nos-chiffres-cles .nos-chiffres-cles-item#chiffre-affaire i {
  background-position-x: -47px;
  width: 44px;
}
#accueil #nos-chiffres-cles .nos-chiffres-cles-item#autofinancement i {
  background-position-x: -137px;
  width: 42px;
}
#accueil #nos-chiffres-cles .nos-chiffres-cles-item#salaire-verses i {
  background-position-x: -180px;
  width: 42px;
}
#accueil #nos-chiffres-cles .nos-chiffres-cles-item p {
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  color: #707070;
}
#accueil #nos-chiffres-cles .nos-chiffres-cles-item span {
  color: #058AB4;
  font-size: 25px;
  font-weight: bold;
  padding-left: 10px;
}
#accueil #zone-picto-partenaires {
  justify-content: space-evenly;
  margin: 40px auto 40px auto;
  column-gap: 2em;
  row-gap: 1em;
}
#accueil #zone-picto-partenaires img {
  filter: grayscale(1);
  transition: filter linear 0.2s 0s;
}
#accueil #zone-picto-partenaires img:hover {
  filter: grayscale(0);
  cursor: pointer;
}
#accueil .divider {
  height: auto;
  width: 1px;
  background-color: rgba(112, 112, 112, 0.5);
  margin-left: 1.5em;
  margin-right: 1.5em;
}
#accueil .divider hr {
  border: none;
}
#accueil #nos-services #header-services {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  #accueil #nos-services #header-services {
    display: block;
  }
  #accueil #nos-services #header-services h2 {
    margin-bottom: 1em;
    margin-top: 1em;
  }
}
#accueil #nos-services #header-services a {
  width: 91px;
  height: 50px;
  overflow: hidden;
  line-height: 0;
  text-indent: -9999px;
  object-fit: cover;
  object-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 576px) {
  #accueil #nos-services #header-services a {
    width: 20vw;
    height: 5vh;
    display: inline-block;
  }
}
#accueil #nos-services #header-services a[data-name=masADom] {
  background-image: url("/assets/Logo_MAS_A_DOM-dgrlGTiM.svg");
  filter: contrast(0) brightness(60%);
}
#accueil #nos-services #header-services a[data-name=masPro] {
  background-image: url("/assets/LOGO_MAS_PRO-D3dB2qdA.svg");
  filter: contrast(0) brightness(60%);
}
#accueil #nos-services #header-services a[data-name=masLeChantier] {
  background-image: url("/assets/Logo-MAS_LE_CHANTIER-C_SwKNEM.svg");
  filter: contrast(0) brightness(60%);
}
#accueil #nos-services #header-services a:hover {
  filter: none;
}
#accueil #nos-services h2 {
  color: #707070;
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#accueil #nos-services ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#accueil #nos-services ul li {
  width: 90%;
  display: block;
  position: relative;
  margin-left: 12px;
  font-size: 16px;
  color: #707070;
  margin-bottom: 14px;
  padding-left: 0.2em;
}
#accueil #nos-services ul li::before {
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: -12px;
  content: "";
  background-color: #058AB4;
  vertical-align: middle;
  top: 5px;
}
#accueil #nos-services ul li a {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  color: #707070;
}
#accueil #nos-services p {
  font-size: 16px;
  color: #707070;
}
#accueil #zone-services .cardServices {
  height: 232px;
  display: block;
  position: relative;
  margin: auto auto 17px auto;
  padding: 0;
  overflow: hidden;
}
#accueil #zone-services .cardServices .cardServices-image {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
#accueil #zone-services .cardServices .cardServices-content {
  z-index: 1;
  display: block;
  position: absolute;
  height: auto;
  width: 100%;
  bottom: 0;
  color: #FFFFFF;
  background-color: rgba(5, 138, 180, 0.9);
  transition: all linear 0.5s 0s;
}
#accueil #zone-services .cardServices .cardServices-content h4 {
  text-indent: 7px;
  font-size: 16px;
  font-weight: bold;
  margin: 8px auto 8px auto;
  padding: 0;
}
#accueil #zone-services .cardServices .cardServices-content p {
  color: #FFFFFF;
  display: none;
}
#accueil #zone-services .cardServices .cardServices-content a {
  display: none;
}
#accueil #zone-services .cardServices .cardServices-content i.reussite {
  width: 15px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3csvg%20id='Picto-resussite'%20xmlns='http://www.w3.org/2000/svg'%20width='14.177'%20height='16'%20viewBox='0%200%2014.177%2016'%20fill='%23fff'%3e%3cpath%20id='Tracé_10462'%20data-name='Tracé%2010462'%20d='M11.084,16v-.533h-.47c-.026,0,0-2.917,0-2.917l-.21-.316A3.8,3.8,0,0,1,7.615,8.446,3.67,3.67,0,0,0,9.459,7.26c.35-.154.674-.315.974-.481a6.3,6.3,0,0,0,2.928-2.672,5.044,5.044,0,0,0,.8-2.975l-2.645.011C11.584.449,11.587,0,11.587,0h-9s0,.449.066,1.142L.011,1.131a5.044,5.044,0,0,0,.8,2.975A6.3,6.3,0,0,0,3.744,6.779c.3.166.624.327.974.481A3.67,3.67,0,0,0,6.562,8.446a3.8,3.8,0,0,1-2.789,3.789l-.21.316s.026,2.917,0,2.917h-.47V16ZM10.2,6.174a13,13,0,0,0,1.247-4.332h1.932A5.868,5.868,0,0,1,10.2,6.174M.8,1.842H2.732A13,13,0,0,0,3.979,6.174,6.086,6.086,0,0,1,.8,1.842'%20transform='translate(0)'%20/%3e%3crect%20id='Rectangle_2283'%20data-name='Rectangle%202283'%20width='14.177'%20height='16'%20fill='none'/%3e%3c/svg%3e");
  display: inline-block;
  position: relative;
  top: 3px;
  left: 5px;
  margin-right: 10px;
}
#accueil #zone-services .cardServices:hover .cardServices-content {
  height: 100%;
  animation: cardSlideTop 0.5s linear 0s forwards;
}
#accueil #zone-services .cardServices:hover .cardServices-content p {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #FFFFFF;
  padding: 0 7px 0 7px;
  margin: 10px auto 12px auto;
  text-align: left;
  width: 100%;
}
#accueil #zone-services .cardServices:hover .cardServices-content a {
  display: block;
  height: 30px;
  width: 90%;
  position: relative;
  margin: auto auto 12px;
  border: 1px solid #FFFFFF;
  border-radius: 50px;
  text-decoration: none;
  line-height: 30px;
  color: #FFFFFF;
  text-align: left;
  text-indent: 1em;
  font-style: normal;
  font-weight: normal;
  font-size: small;
}
#accueil #zone-services .cardServices:hover .cardServices-content a svg {
  vertical-align: middle;
  margin-right: 0.5em;
}
#accueil #zone-services .cardServices:hover .cardServices-content a:hover {
  color: #058AB4;
  background-color: #FFFFFF;
}
#accueil #zone-services .cardServices:hover .cardServices-content a:hover svg {
  fill: #058AB4;
}
#accueil #zone-services .cardServices:hover .cardServices-content a:hover i {
  filter: brightness(0) saturate(100%) invert(37%) sepia(93%) saturate(1686%) hue-rotate(175deg) brightness(95%) contrast(101%);
}
#accueil #nous-contacter ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#accueil #nous-contacter ul li {
  width: 90%;
  display: block;
  position: relative;
  margin-left: 12px;
  font-size: 16px;
  color: #707070;
  margin-bottom: 14px;
}
#accueil #nous-contacter ul li::before {
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: -12px;
  top: 4px;
  content: "";
  background-color: #058AB4;
  vertical-align: middle;
}
#accueil #nous-contacter ul li #horaires {
  display: block;
  position: relative;
  padding-top: 0.3em;
}
#accueil #nous-contacter #zone-pictos-contact {
  text-align: center;
  display: block;
  position: relative;
}
#accueil #nous-contacter #zone-pictos-contact div {
  margin-right: 24px;
}
#accueil #nous-contacter #adress {
  position: relative;
  z-index: 1;
  display: inline-block;
}
#accueil #nous-contacter #adress i {
  width: 40px;
  height: 38px;
  display: inline-block;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22.28'%20height='27.882'%20viewBox='0%200%2022.28%2027.882'%3e%3cg%20id='Sigle_Adresse_-_blanc'%20data-name='Sigle%20Adresse%20-%20blanc'%20transform='translate(3366.727%20770.931)'%3e%3cpath%20id='Tracé_10534'%20data-name='Tracé%2010534'%20d='M691.617,1345.993a16.656,16.656,0,0,1-2.268,6.225,24.366,24.366,0,0,1-3.342,4.353q-.842.883-1.752,1.693a26.994,26.994,0,0,1-2.609,2.065.11.11,0,0,1-.159,0q-1.435-1.155-2.771-2.427c-.022-.021-.042-.046-.063-.07-.33-.3-.634-.617-.943-.934-.5-.516-.983-1.05-1.443-1.6a27.289,27.289,0,0,1-1.846-2.473,20.391,20.391,0,0,1-2.2-4.316,13.85,13.85,0,0,1-.707-2.829,9.041,9.041,0,0,1-.021-2.034,9.9,9.9,0,0,1,.944-3.4,10.068,10.068,0,0,1,3.352-3.928,9.939,9.939,0,0,1,2.783-1.358c.018-.005.038-.007.056-.011a8.855,8.855,0,0,1,1.406-.323,9.721,9.721,0,0,1,1.543-.117,10.168,10.168,0,0,1,7.583,3.393,9.919,9.919,0,0,1,2.463,5.208,9.762,9.762,0,0,1-.008,2.891'%20transform='translate(-4037.175%20-2104.432)'%20fill='none'%20stroke='%23fff'%20stroke-width='2'/%3e%3cpath%20id='Tracé_10535'%20data-name='Tracé%2010535'%20d='M680.178,1336.215a5.675,5.675,0,0,0-3.584-.594,5.782,5.782,0,0,0-1.965.683,6.256,6.256,0,0,0-1.308,1.026,5.722,5.722,0,0,0-1.59,4.3,5.626,5.626,0,0,0,1.817,3.871,6.855,6.855,0,0,0,1.132.831l.082.04a5.757,5.757,0,1,0,5.416-10.159'%20transform='translate(-4033.084%20-2101.165)'%20fill='none'%20stroke='%23fff'%20stroke-width='1'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #707070;
  border-radius: 30px;
  border: 2px solid #FFFFFF;
  z-index: 1;
}
#accueil #nous-contacter #adress address {
  height: 40px;
  width: 0;
  display: block;
  position: absolute;
  overflow: hidden;
  background-color: #058AB4;
  color: #FFFFFF;
  line-height: 40px;
  font-size: 12px;
  z-index: 0;
  border-radius: 20px;
  top: 0;
  left: 1px;
  text-indent: 50px;
}
#accueil #nous-contacter #adress:hover {
  cursor: pointer;
  animation: hoverAddress linear 0.2s 0s forwards;
}
#accueil #nous-contacter #adress:hover i {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22.28'%20height='27.882'%20viewBox='0%200%2022.28%2027.882'%3e%3cg%20id='Sigle_Adresse_-_blanc'%20data-name='Sigle%20Adresse%20-%20blanc'%20transform='translate(3366.727%20770.931)'%3e%3cpath%20id='Tracé_10534'%20data-name='Tracé%2010534'%20d='M691.617,1345.993a16.656,16.656,0,0,1-2.268,6.225,24.366,24.366,0,0,1-3.342,4.353q-.842.883-1.752,1.693a26.994,26.994,0,0,1-2.609,2.065.11.11,0,0,1-.159,0q-1.435-1.155-2.771-2.427c-.022-.021-.042-.046-.063-.07-.33-.3-.634-.617-.943-.934-.5-.516-.983-1.05-1.443-1.6a27.289,27.289,0,0,1-1.846-2.473,20.391,20.391,0,0,1-2.2-4.316,13.85,13.85,0,0,1-.707-2.829,9.041,9.041,0,0,1-.021-2.034,9.9,9.9,0,0,1,.944-3.4,10.068,10.068,0,0,1,3.352-3.928,9.939,9.939,0,0,1,2.783-1.358c.018-.005.038-.007.056-.011a8.855,8.855,0,0,1,1.406-.323,9.721,9.721,0,0,1,1.543-.117,10.168,10.168,0,0,1,7.583,3.393,9.919,9.919,0,0,1,2.463,5.208,9.762,9.762,0,0,1-.008,2.891'%20transform='translate(-4037.175%20-2104.432)'%20fill='none'%20stroke='%23fff'%20stroke-width='2'/%3e%3cpath%20id='Tracé_10535'%20data-name='Tracé%2010535'%20d='M680.178,1336.215a5.675,5.675,0,0,0-3.584-.594,5.782,5.782,0,0,0-1.965.683,6.256,6.256,0,0,0-1.308,1.026,5.722,5.722,0,0,0-1.59,4.3,5.626,5.626,0,0,0,1.817,3.871,6.855,6.855,0,0,0,1.132.831l.082.04a5.757,5.757,0,1,0,5.416-10.159'%20transform='translate(-4033.084%20-2101.165)'%20fill='none'%20stroke='%23fff'%20stroke-width='1'/%3e%3c/g%3e%3c/svg%3e");
  background-color: #058AB4;
}
#accueil #nous-contacter #adress:hover address {
  animation: hoverAddressAddress linear 0.2s 0s forwards;
}
#accueil #nous-contacter #telephone {
  display: inline-block;
  position: relative;
}
#accueil #nous-contacter #telephone i {
  width: 40px;
  height: 38px;
  display: inline-block;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='25.538'%20height='25.443'%20viewBox='0%200%2025.538%2025.443'%3e%3cpath%20id='Sigle_-_telephone_-_blanc'%20data-name='Sigle%20-%20telephone%20-%20blanc'%20d='M622.812,1357.766a7.935,7.935,0,0,1-2.6,1.913,6.876,6.876,0,0,1-4.042.315,18.31,18.31,0,0,1-6.844-2.91,35.55,35.55,0,0,1-7.9-7.487,17.444,17.444,0,0,1-2.789-4.684,10.71,10.71,0,0,1-.724-4.055,7.1,7.1,0,0,1,1.046-3.872,7.552,7.552,0,0,1,1.66-1.82,2,2,0,0,1,2.7.153q1.957,1.939,3.9,3.892a2.033,2.033,0,0,1-.013,2.9c-.6.622-1.22,1.227-1.834,1.836-.1.1-.168.171-.078.337a21.721,21.721,0,0,0,3.445,4.846,20.24,20.24,0,0,0,4.912,3.59c.394.213.393.216.7-.095q.806-.8,1.612-1.608a2.059,2.059,0,0,1,3.088.008q1.867,1.865,3.734,3.729a2.066,2.066,0,0,1,.018,3.01'%20transform='translate(-597.916%20-1334.711)'%20fill='%23fff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #707070;
  border-radius: 30px;
  border: 2px solid #FFFFFF;
  transition: all linear 0.2s 0s;
  z-index: 0;
}
#accueil #nous-contacter #telephone:hover {
  cursor: pointer;
}
#accueil #nous-contacter #telephone:hover i {
  transform: scale(1.3);
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 1px #058AB4;
  background-color: #058AB4;
}
#accueil #nous-contacter #mail {
  display: inline-block;
  position: relative;
}
#accueil #nous-contacter #mail i {
  width: 40px;
  height: 38px;
  display: inline-block;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23.743'%20height='15.822'%20viewBox='0%200%2023.743%2015.822'%3e%3cpath%20id='Sigle_-_email_blanc'%20data-name='Sigle%20-%20email%20blanc'%20d='M658.009,1355.344H634.265v-13.22l11.872,9.307,11.872-9.307Zm-11.866-6.781-11.877-9.041h23.744Z'%20transform='translate(-634.265%20-1339.522)'%20fill='%23fff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #707070;
  border-radius: 30px;
  border: 2px solid #FFFFFF;
  z-index: 0;
  transition: all linear 0.2s 0s;
}
#accueil #nous-contacter #mail:hover {
  cursor: pointer;
}
#accueil #nous-contacter #mail:hover i {
  transform: scale(1.3);
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 1px #058AB4;
  background-color: #058AB4;
}
#accueil {
  /** mobile ***/
}
@media (max-width: 576px) {
  #accueil #zone-sliders {
    margin: auto;
  }
  #accueil #zone-sliders #nav-slider {
    position: relative;
    bottom: unset;
    top: unset;
    left: unset;
    right: unset;
    height: auto;
    flex-wrap: wrap;
  }
  #accueil #zone-sliders #nav-slider #title-article div#content-title-article {
    width: 100%;
  }
  #accueil #zone-sliders #nav-slider #title-article div#content-title-article span {
    width: 100%;
    padding: 0;
  }
  #accueil #zone-sliders #nav-slider #recrutement i, #accueil #zone-sliders #nav-slider #services-particuliers i, #accueil #zone-sliders #nav-slider #services-professionnels i {
    width: 25vw;
    height: 12vh;
  }
}
#accueil {
  /** tablette **/
}
.flexbox .nosPartenaires section.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.nosPartenaires .rowCards {
  grid-template-columns: repeat(auto-fill, 250px);
}
.nosPartenaires #partenairesIntro {
  gap: 1rem;
}
.nosPartenaires #partenairesIntroLogo img {
  display: block;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.back-actus {
  display: none !important;
}

#actualite-liste h1 {
  color: #707070;
}

#zone-actus-min {
  column-gap: 3em;
  row-gap: 2em;
}

.card-actus-min {
  width: 468px;
  height: auto;
  display: block;
  position: relative;
  margin: auto;
  padding: 0;
  color: #707070;
}
@media (max-width: 768px) {
  .card-actus-min {
    width: 100%;
    margin: auto;
  }
}
.card-actus-min .card-content {
  padding: 0.5em;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  height: auto;
  min-height: auto;
}
@media (max-width: 768px) {
  .card-actus-min .card-content {
    padding: 0;
  }
}
.card-actus-min .card-content .card-title {
  display: block;
  position: relative;
  width: 100%;
  height: 7px;
  margin: 0;
}
@media (max-width: 768px) {
  .card-actus-min .card-content .card-title {
    height: auto;
    margin: 0 0 8px 0;
  }
  .card-actus-min .card-content .card-title h1, .card-actus-min .card-content .card-title h2 {
    font-weight: bold;
    font-size: 13px;
  }
}
.card-actus-min .card-content .card-title hr {
  height: 0px;
  background-color: #707070;
  width: 100%;
  color: #707070;
  margin: 5px auto 2px auto;
  padding: 0;
}
.card-actus-min .card-content .card-title .card-time {
  font-size: 12px;
  font-weight: normal;
  position: relative;
  top: -12px;
  background-color: #FFFFFF;
  padding-right: 7px;
}
@media (max-width: 768px) {
  .card-actus-min .card-content .card-title .card-time {
    font-size: 9px;
    top: 0;
    background-color: transparent;
  }
}
.card-actus-min .card-content .card-body h1,
.card-actus-min .card-content .card-body h2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  color: #B60050;
}
.card-actus-min .card-content .card-body .card-image {
  min-width: 270px;
  width: 100%;
  max-height: 180px;
  min-height: 100px;
  display: block;
  position: relative;
  object-fit: cover;
  object-position: center center;
  margin: 10px 0px 10px auto;
}
@media (max-width: 768px) {
  .card-actus-min .card-content .card-body .card-image {
    margin: auto;
  }
}
.card-actus-min .card-content .card-body .card-image:hover {
  cursor: pointer;
}
.card-actus-min .card-content .card-body a {
  text-decoration: none;
  color: inherit;
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 768px) {
  .card-actus-min .card-content .card-body a {
    color: #FFFFFF;
    font-size: 10px;
    display: block;
    text-align: right;
  }
}
.card-actus-min .card-content .card-body a span.read-next {
  color: #FFFFFF;
  font-size: 10px;
  display: block;
}
.card-actus-min .card-content .card-body a span.read-next:hover {
  color: #707070;
}

@media (max-width: 768px) {
  .card-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.card-body .icons-follow {
  margin: 10px auto 10px auto;
}
.card-body .icons-follow ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.card-body .icons-follow li {
  display: inline-block;
  width: 21px;
  height: 20px;
}
.card-body .icons-follow li a {
  width: inherit;
  height: inherit;
  display: block;
  text-decoration: none;
}
.card-body .icons-follow li a i {
  width: inherit;
  height: inherit;
}
.card-body .icons-follow li a i.facebook {
  background: url("/images/PARTAGES-ACTUS.svg") 0 0 no-repeat;
}
.card-body .icons-follow li a i.facebook:hover {
  background-image: url("/images/PARTAGES-ACTUS-ON.svg");
}
.card-body .icons-follow li a i.linkedin {
  background: url("/images/PARTAGES-ACTUS.svg") -32px 0 no-repeat;
}
.card-body .icons-follow li a i.linkedin:hover {
  background-image: url("/images/PARTAGES-ACTUS-ON.svg");
}
.card-body .icons-follow li a i.instagram {
  background: url("/images/PARTAGES-ACTUS.svg") -64px 0 no-repeat;
}
.card-body .icons-follow li a i.instagram:hover {
  background-image: url("/images/PARTAGES-ACTUS-ON.svg");
}
.card-body .icons-follow li a i.email {
  background: url("/images/PARTAGES-ACTUS.svg") -94px 0 no-repeat;
}
.card-body .icons-follow li a i.email:hover {
  background-image: url("/images/PARTAGES-ACTUS-ON.svg");
}

.header-actus {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  height: 55px;
  margin: auto auto 20px auto;
}
@media (max-width: 768px) {
  .header-actus {
    display: block;
    height: 30px;
    margin: auto auto 10px 5px;
  }
}
.header-actus .title-page {
  color: #B60050;
  margin: 0;
  padding: 0 0 0 9px;
  display: block;
  position: relative;
}
@media (max-width: 768px) {
  .header-actus .title-page {
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
    color: #FFFFFF;
    margin: 0 0 10px 5px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
  }
}
.header-actus .actus {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='29.299'%20height='40'%20viewBox='0%200%2029.299%2040'%3e%3cg%20transform='translate(14.65%2020)'%3e%3cg%20transform='translate(-14.65%20-20)'%3e%3cpath%20d='M27.394,40H1.905A1.907,1.907,0,0,1,0,38.1V1.905A1.908,1.908,0,0,1,1.905,0H21l.186.213L29.144,9.3l.155.176V38.1A1.906,1.906,0,0,1,27.394,40Z'%20fill='%23fff'/%3e%3cg%20transform='translate(0.92%201.259)'%3e%3cpath%20d='M26.323,38.376H2.437A1.788,1.788,0,0,1,.652,36.591V2.678A1.789,1.789,0,0,1,2.437.892H20.326l.175.2,7.462,8.515.145.165V36.589A1.788,1.788,0,0,1,26.323,38.376ZM3.257,25.231H25.481V11.494l-6.339-.038-.58,0V3.467H3.257Z'%20transform='translate(-0.652%20-0.892)'%20fill='%23707070'/%3e%3c/g%3e%3cg%20transform='translate(12.178%207.077)'%3e%3cpath%20d='M9.516,15.758,8.63,6.72v-1.7h3.693v1.7l-.875,9.038Zm-.741,5.129V17.474h3.414v3.414Z'%20transform='translate(-8.63%20-5.015)'%20fill='%23707070'/%3e%3c/g%3e%3cg%20transform='translate(3.525%2028.124)'%3e%3cpath%20d='M8.246,25.728H6.988l-.5-1.3H4.2l-.473,1.3H2.5L4.729,20H5.952ZM6.116,23.462l-.789-2.125-.773,2.125Z'%20transform='translate(-2.498%20-19.901)'%20fill='%23fff'/%3e%3cpath%20d='M10.73,23.651l1.122.356a2.51,2.51,0,0,1-.858,1.391,2.437,2.437,0,0,1-1.521.456,2.461,2.461,0,0,1-1.875-.78,2.974,2.974,0,0,1-.735-2.131A3.132,3.132,0,0,1,7.6,20.722a2.532,2.532,0,0,1,1.942-.792,2.379,2.379,0,0,1,1.707.622,2.244,2.244,0,0,1,.587,1.054l-1.146.274a1.183,1.183,0,0,0-1.207-.961,1.3,1.3,0,0,0-1.033.457,2.236,2.236,0,0,0-.4,1.48A2.4,2.4,0,0,0,8.445,24.4a1.265,1.265,0,0,0,1.015.461,1.159,1.159,0,0,0,.793-.294A1.7,1.7,0,0,0,10.73,23.651Z'%20transform='translate(-0.704%20-19.93)'%20fill='%23fff'/%3e%3cpath%20d='M12.51,25.728v-4.76h-1.7V20h4.551v.968H13.667v4.76Z'%20transform='translate(0.92%20-19.901)'%20fill='%23fff'/%3e%3cpath%20d='M14.56,20h1.156v3.1a6.554,6.554,0,0,0,.042.958.936.936,0,0,0,.354.564,1.236,1.236,0,0,0,.763.213,1.169,1.169,0,0,0,.744-.2.8.8,0,0,0,.3-.494,6.452,6.452,0,0,0,.051-.974V20h1.157v3.009a7.737,7.737,0,0,1-.095,1.456,1.61,1.61,0,0,1-.346.72,1.747,1.747,0,0,1-.675.467,2.932,2.932,0,0,1-1.1.174,3.2,3.2,0,0,1-1.245-.189A1.783,1.783,0,0,1,15,25.144a1.584,1.584,0,0,1-.325-.635,6.921,6.921,0,0,1-.113-1.453Z'%20transform='translate(2.461%20-19.901)'%20fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center no-repeat;
  width: 30px;
  height: 40px;
  display: block;
  margin: 0;
}
@media (max-width: 768px) {
  .header-actus .actus {
    background: url("/images/Picto-ACTUS.svg") center no-repeat;
    background-size: 23px;
    width: 23px;
    height: 30px;
    display: inline-block;
  }
}

.search-bar {
  width: 405px;
  height: 30px;
  display: block;
  float: right;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .search-bar {
    width: 100%;
    margin-top: 15px;
    float: none;
  }
}
.search-bar input {
  width: 405px;
  height: 30px;
  display: block;
  position: relative;
  text-indent: 33px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .search-bar input {
    width: 100%;
  }
}
.search-bar input:focus {
  border: 1px solid #FFFFFF;
}
.search-bar .zone-input-icon {
  display: inline-block;
}
.search-bar .zone-input-icon > i {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  background: url("/images/Picto-Loupe.svg") center no-repeat;
  z-index: 1;
  top: 28px;
  margin: 0 auto 0 5px;
}
@media (max-width: 768px) {
  .search-bar .zone-input-icon > i {
    top: auto;
    margin: 7px auto 0 5px;
  }
}

/** pour une actu **/
#actualite .back-actus {
  display: inline-block !important;
  margin-right: 14px;
}
@media (max-width: 768px) {
  #actualite .card-title {
    box-shadow: none;
    z-index: 1;
  }
}
#actualite .card-body {
  display: block;
  /** contenu de l'article **/
}
#actualite .card-body section p {
  line-height: 18px;
  font-size: 16px;
  text-align: left;
  width: 60%;
  float: right;
  margin: 0 auto 18px auto;
  padding: 0;
}
@media (max-width: 768px) {
  #actualite .card-body section p {
    margin: 0 auto 18px auto;
    width: 100%;
    float: none;
  }
}
@media screen and (orientation: landscape) and (max-width: 768px) {
  #actualite .card-body section p {
    width: 60%;
    float: right;
  }
}
#actualite .card-body section p span.subTitle {
  display: block;
  font-weight: bold;
}
#actualite .card-body section p:first-child {
  margin-top: 0;
  padding-top: 0;
}
#actualite .card-body section p a {
  display: inline;
  color: #FFFFFF;
  text-decoration: underline;
  font-size: inherit;
}
#actualite .card-body section .row-space-40 {
  margin-top: 40px;
}
@media (max-width: 768px) {
  #actualite .card-body section .row-space-40 {
    margin-top: 26px;
  }
}
@media screen and (max-width: 1000px) {
  #actualite .card-body section .img-article-left {
    width: 36% !important;
  }
}
@media (max-width: 768px) {
  #actualite .card-body section .img-article-left {
    display: block;
    margin: auto;
    width: 100% !important;
    height: auto;
  }
}

.card-image-full {
  width: 100%;
  max-height: 413px;
}

.col-images img {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  margin: auto 0 40px 0;
  padding: 0;
}

.lienActus {
  text-decoration: none;
  cursor: pointer;
  color: #FFFFFF !important;
}

body#plan-site .back-actus {
  display: none;
}
body#plan-site .container {
  min-height: 400px;
  padding-top: 0;
}
@media (max-width: 768px) {
  body#plan-site .container {
    display: flex;
    justify-content: center;
  }
}

#mentions-legal .back-actus {
  display: none;
}
#mentions-legal .header-section {
  margin-bottom: 50px;
}
#mentions-legal main p {
  color: #707070;
  font-size: 16px;
  margin: 9px 0 25px 0;
  line-height: 22px;
}
#mentions-legal main ol {
  padding: 0 0 0 15px;
}
#mentions-legal main ol li {
  padding-left: 5px;
}
#mentions-legal main ol li::marker {
  font-size: 14px;
  font-weight: bold;
  color: #707070;
}
#mentions-legal main .title {
  font-size: 14px;
  font-weight: bold;
  color: #707070;
}
#mentions-legal main h3 {
  height: 25px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  #mentions-legal main h3 {
    min-height: 30px;
    height: auto;
  }
}
#mentions-legal main h3 {
  padding: 0;
  width: 100%;
  display: block;
  border: 1px solid #707070;
  border-left: none;
  border-right: none;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
  color: #707070;
  margin: 0px;
}
@media screen and (max-width: 576px) {
  #mentions-legal main h3 {
    height: 30px;
    padding: 5px 0 5px 0;
    width: 100%;
    display: block;
    border: 1px solid #707070;
    border-left: none;
    border-right: none;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    color: #707070;
    margin: 0px;
  }
}
#mentions-legal main a {
  color: #707070;
  display: inline;
}
@media screen and (max-width: 576px) {
  #mentions-legal .icon.mentions {
    width: 24px;
    height: 30px;
    background-size: 24px;
  }
  #mentions-legal .sub-title-pag {
    margin: 26px 0 0 0;
  }
  #mentions-legal .sub-title-page {
    font-size: 9px;
  }
  #mentions-legal ol li p {
    margin-left: -15px;
  }
  #mentions-legal .back_history a {
    color: #FFFFFF;
  }
}

@media screen and (min-width: 1000px) {
  #cookies .header-section .title-page {
    margin: 0 0 50px 0;
  }
}
#cookies {
  color: #707070;
}
@media screen and (min-width: 1000px) {
  #cookies p {
    line-height: 14px;
  }
}
#cookies section ol {
  list-style: none;
  counter-reset: my-counter;
  margin: auto auto auto 10px;
  padding: 0;
}
#cookies section ol li {
  counter-increment: my-counter;
}
#cookies section ol li::before {
  content: counter(my-counter);
  margin-right: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 20px;
  height: 20px;
  width: 50px;
  display: inline-block;
  background: #FFFFFF;
}
#cookies section ol li span {
  font-weight: bold;
}
#cookies section ol li p {
  margin-left: 60px;
  display: block;
  position: relative;
}
#cookies .bg-grey-white {
  color: #707070;
  border: 1px solid #FFFFFF;
  background: #ffffff;
}
#cookies .bg-grey-white:hover {
  color: #ffffff;
  background: #FFFFFF;
  border-color: #ffffff;
}
@media screen and (max-width: 576px) {
  #cookies p {
    text-align: justify;
    text-justify: newspaper;
  }
  #cookies h2 {
    font-size: 16px;
  }
  #cookies section ol {
    margin: auto auto auto 0;
  }
  #cookies section ol li:before {
    width: 32px;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
  }
  #cookies section ol li p {
    margin-left: 0;
  }
}

#nous-contacter .back-actus {
  display: none;
}
#nous-contacter .back_history a {
  margin-right: 0;
  font-size: 9px;
}
#nous-contacter main form {
  background-color: hsla(194, 94.5205479452%, 36.5%, 0.255);
  border-radius: 5px;
  margin-top: 6em;
  margin-bottom: 6em;
}
#nous-contacter main form #btn-mentions-legale {
  border: none;
  background-color: transparent;
  display: inline;
  text-decoration: underline;
  cursor: pointer;
  color: #707070;
  transition: color linear 0.3s 0s;
  padding: 0px;
}
#nous-contacter main form #btn-mentions-legale:hover {
  color: #FFFFFF;
}
#nous-contacter main form .row {
  justify-content: space-around;
}
@media (max-width: 768px) {
  #nous-contacter main form .row {
    justify-content: space-between;
  }
}
#nous-contacter main form input[type=email] {
  width: 100%;
}
#nous-contacter main form .form-input input {
  width: 100%;
  height: 43px;
  border-radius: 20px;
  border: transparent;
}
#nous-contacter main form .form-input label {
  color: #058AB4;
}
#nous-contacter main form .form-input-label label {
  margin-right: 0;
}
#nous-contacter main form .form-input-label input {
  width: 50%;
  margin-right: 0;
}
#nous-contacter main form .form-input textarea {
  border-radius: 20px;
  border: transparent;
}
#nous-contacter main form .form-input.input-icon.phone i {
  left: 174px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  #nous-contacter main form .form-input.input-icon.phone i {
    left: 6px;
    margin-top: 22px;
  }
}
@media (max-width: 768px) {
  #nous-contacter main form .form-input.input-icon.phone i {
    left: 6px;
  }
}
#nous-contacter main form .form-input.input-icon.geo i {
  left: 174px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  #nous-contacter main form .form-input.input-icon.geo i {
    left: 6px;
    margin-top: 22px;
  }
}
@media (max-width: 768px) {
  #nous-contacter main form .form-input.input-icon.geo i {
    left: 6px;
  }
}
#nous-contacter main form .zone-text {
  margin-bottom: 10px;
  color: #707070;
  font-style: italic;
  font-size: 9px;
}
#nous-contacter main form .zone-text a {
  color: #707070;
}
#nous-contacter main form .btn-valider {
  background-color: #058AB4;
  padding: 6px;
  margin-bottom: 1em;
}
#nous-contacter main form .btn-valider:hover {
  background: #41A52F 0% 0% no-repeat padding-box;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  color: #FFFFFF;
}
#nous-contacter main form .btn-valider:active {
  background-color: #FFFFFF;
  color: #41A52F;
}
#nous-contacter main form .btn-valider:active i.icon.icon-sender {
  filter: brightness(0) saturate(100%) invert(46%) sepia(93%) saturate(527%) hue-rotate(66deg) brightness(94%) contrast(89%);
}
#nous-contacter main form .btn-valider i.icon.icon-sender {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15.725'%20height='10.479'%20viewBox='0%200%2015.725%2010.479'%3e%3cpath%20id='Mail-mini'%20d='M649.99,1350H634.265v-8.755l7.863,6.164,7.863-6.164Zm-7.859-4.491-7.866-5.988H649.99Z'%20transform='translate(-634.265%20-1339.522)'%20fill='%23fff'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
#nous-contacter main form .btn-valider span {
  vertical-align: middle;
}
#nous-contacter main form #contactTypeDropdown {
  margin: -30px 0 2em 2em;
}
#nous-contacter main form #contactTypeDropdown .dropdown-custom__list {
  margin: -2.5rem 0 0 1rem;
}
#nous-contacter main form #cityDropdown .dropdown-custom__list {
  margin: -0.5rem 0;
}
#nous-contacter #adresse_text {
  font-size: 20px;
  font-weight: bold;
}
#nous-contacter #adresse_text::before {
  content: "";
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3cg%20transform='translate(-375%20-1335)'%3e%3cpath%20d='M681.589,1327.432a20,20,0,1,0,20,20,20,20,0,0,0-20-20m10.028,18.561a16.656,16.656,0,0,1-2.268,6.225,24.366,24.366,0,0,1-3.342,4.353q-.842.883-1.752,1.693a26.994,26.994,0,0,1-2.609,2.065.11.11,0,0,1-.159,0q-1.435-1.155-2.771-2.427c-.022-.021-.042-.046-.063-.07-.33-.3-.634-.617-.943-.934-.5-.516-.983-1.05-1.443-1.6a27.289,27.289,0,0,1-1.846-2.473,20.391,20.391,0,0,1-2.2-4.316,13.85,13.85,0,0,1-.707-2.829,9.041,9.041,0,0,1-.021-2.034,9.9,9.9,0,0,1,.944-3.4,10.068,10.068,0,0,1,3.352-3.928,9.939,9.939,0,0,1,2.783-1.358c.018-.005.038-.007.056-.011a8.855,8.855,0,0,1,1.406-.323,9.721,9.721,0,0,1,1.543-.117,10.168,10.168,0,0,1,7.583,3.393,9.919,9.919,0,0,1,2.463,5.208,9.762,9.762,0,0,1-.008,2.891'%20transform='translate(-286.588%207.568)'%20fill='%23707070'/%3e%3cpath%20d='M680.178,1336.215a5.675,5.675,0,0,0-3.584-.594,5.782,5.782,0,0,0-1.965.683,6.256,6.256,0,0,0-1.308,1.026,5.722,5.722,0,0,0-1.59,4.3,5.626,5.626,0,0,0,1.817,3.871,6.855,6.855,0,0,0,1.132.831l.082.04a5.757,5.757,0,1,0,5.416-10.159'%20transform='translate(-282.497%2010.835)'%20fill='%23707070'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  padding-right: 0.8em;
  vertical-align: middle;
}
#nous-contacter #text_open {
  display: block;
  position: relative;
  padding-left: 4em;
  line-height: 20px;
}
#nous-contacter #numero_tel {
  display: block;
}
#nous-contacter #numero_tel:before {
  display: inline-block;
  position: relative;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3cpath%20d='M610.684,1327.432a20,20,0,1,0,20,20,20,20,0,0,0-20-20m12.128,30.334a7.935,7.935,0,0,1-2.6,1.913,6.876,6.876,0,0,1-4.042.315,18.31,18.31,0,0,1-6.844-2.91,35.55,35.55,0,0,1-7.9-7.487,17.444,17.444,0,0,1-2.789-4.684,10.71,10.71,0,0,1-.724-4.055,7.1,7.1,0,0,1,1.046-3.872,7.552,7.552,0,0,1,1.66-1.82,2,2,0,0,1,2.7.153q1.957,1.939,3.9,3.892a2.033,2.033,0,0,1-.013,2.9c-.6.622-1.22,1.227-1.834,1.836-.1.1-.168.171-.078.337a21.721,21.721,0,0,0,3.445,4.846,20.24,20.24,0,0,0,4.912,3.59c.394.213.393.216.7-.095q.806-.8,1.612-1.608a2.059,2.059,0,0,1,3.088.008q1.867,1.865,3.734,3.729a2.066,2.066,0,0,1,.018,3.01'%20transform='translate(-590.685%20-1327.432)'%20fill='%234e4e4e'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  vertical-align: middle;
  padding-right: 0.8em;
}
#nous-contacter #numero_tel:hover {
  cursor: pointer;
}
#nous-contacter #numero_tel:hover::before {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%3e%3cg%20fill='none'%20stroke='%23007fa9'%20stroke-width='1'%3e%3ccircle%20cx='32'%20cy='32'%20r='32'%20stroke='none'/%3e%3ccircle%20cx='32'%20cy='32'%20r='31.5'%20fill='none'/%3e%3c/g%3e%3cpath%20d='M617.684,1327.432a27,27,0,1,0,27,27,27,27,0,0,0-27-27m16.373,40.951a10.709,10.709,0,0,1-3.511,2.583,9.283,9.283,0,0,1-5.457.425,24.72,24.72,0,0,1-9.239-3.929,47.994,47.994,0,0,1-10.658-10.108,23.553,23.553,0,0,1-3.765-6.324,14.461,14.461,0,0,1-.977-5.474,9.578,9.578,0,0,1,1.412-5.228,10.2,10.2,0,0,1,2.241-2.457,2.7,2.7,0,0,1,3.649.207q2.642,2.617,5.261,5.254a2.745,2.745,0,0,1-.017,3.917c-.81.84-1.647,1.656-2.475,2.479-.137.135-.227.231-.105.455a29.323,29.323,0,0,0,4.651,6.542,27.323,27.323,0,0,0,6.632,4.846c.532.287.53.291.949-.128q1.088-1.086,2.177-2.171a2.779,2.779,0,0,1,4.169.011q2.521,2.518,5.042,5.034a2.79,2.79,0,0,1,.024,4.064'%20transform='translate(-585.685%20-1322.432)'%20fill='%23058ab4'/%3e%3c/svg%3e");
}
#nous-contacter #text_nous-rencontrer {
  display: block;
  text-decoration: none;
  font-weight: normal;
  color: #707070;
}
#nous-contacter #text_nous-rencontrer:before {
  display: inline-block;
  position: relative;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3cpath%20d='M610.684,1327.432a20,20,0,1,0,20,20,20,20,0,0,0-20-20m12.128,30.334a7.935,7.935,0,0,1-2.6,1.913,6.876,6.876,0,0,1-4.042.315,18.31,18.31,0,0,1-6.844-2.91,35.55,35.55,0,0,1-7.9-7.487,17.444,17.444,0,0,1-2.789-4.684,10.71,10.71,0,0,1-.724-4.055,7.1,7.1,0,0,1,1.046-3.872,7.552,7.552,0,0,1,1.66-1.82,2,2,0,0,1,2.7.153q1.957,1.939,3.9,3.892a2.033,2.033,0,0,1-.013,2.9c-.6.622-1.22,1.227-1.834,1.836-.1.1-.168.171-.078.337a21.721,21.721,0,0,0,3.445,4.846,20.24,20.24,0,0,0,4.912,3.59c.394.213.393.216.7-.095q.806-.8,1.612-1.608a2.059,2.059,0,0,1,3.088.008q1.867,1.865,3.734,3.729a2.066,2.066,0,0,1,.018,3.01'%20transform='translate(-590.685%20-1327.432)'%20fill='%234e4e4e'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  vertical-align: middle;
  padding-right: 0.8em;
}
#nous-contacter #text_nous-rencontrer:hover {
  cursor: pointer;
}
#nous-contacter #text_nous-rencontrer:hover::before {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%3e%3cg%20fill='none'%20stroke='%23007fa9'%20stroke-width='1'%3e%3ccircle%20cx='32'%20cy='32'%20r='32'%20stroke='none'/%3e%3ccircle%20cx='32'%20cy='32'%20r='31.5'%20fill='none'/%3e%3c/g%3e%3cpath%20d='M617.684,1327.432a27,27,0,1,0,27,27,27,27,0,0,0-27-27m16.373,40.951a10.709,10.709,0,0,1-3.511,2.583,9.283,9.283,0,0,1-5.457.425,24.72,24.72,0,0,1-9.239-3.929,47.994,47.994,0,0,1-10.658-10.108,23.553,23.553,0,0,1-3.765-6.324,14.461,14.461,0,0,1-.977-5.474,9.578,9.578,0,0,1,1.412-5.228,10.2,10.2,0,0,1,2.241-2.457,2.7,2.7,0,0,1,3.649.207q2.642,2.617,5.261,5.254a2.745,2.745,0,0,1-.017,3.917c-.81.84-1.647,1.656-2.475,2.479-.137.135-.227.231-.105.455a29.323,29.323,0,0,0,4.651,6.542,27.323,27.323,0,0,0,6.632,4.846c.532.287.53.291.949-.128q1.088-1.086,2.177-2.171a2.779,2.779,0,0,1,4.169.011q2.521,2.518,5.042,5.034a2.79,2.79,0,0,1,.024,4.064'%20transform='translate(-585.685%20-1322.432)'%20fill='%23058ab4'/%3e%3c/svg%3e");
}
@media (max-width: 768px) {
  #nous-contacter form .form-input-label input {
    width: 90vw;
    margin: auto;
  }
}

#lostPassword .back_history {
  display: none;
}
#lostPassword .header-center {
  margin: 60px auto auto auto;
}
#lostPassword h1 {
  margin-top: 40px;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #707070;
}
#lostPassword p {
  margin: 0px;
}
#lostPassword #intro-text {
  font-size: 10px;
  margin-top: 14px;
  margin-bottom: 18px;
}
#lostPassword #div-email {
  margin-top: 15px;
  margin-left: 60px;
  margin-bottom: 20px;
}
#lostPassword #email {
  color: #707070;
}
#lostPassword #box-email {
  width: 370px;
  height: 30px;
  border: 1px solid;
  margin-top: 6px;
}
#lostPassword #div-nom {
  margin-bottom: 20px;
  margin-left: 60px;
}
#lostPassword #nom {
  color: #707070;
}
#lostPassword #box-nom {
  width: 370px;
  height: 30px;
  border: 1px solid;
  margin-top: 6px;
}
#lostPassword #div-dateNaiss {
  margin-bottom: 20px;
  margin-left: 60px;
}
#lostPassword #dateNaiss {
  color: #707070;
}
#lostPassword #box-dateNaiss {
  width: 370px;
  height: 30px;
  border: 1px solid;
  margin-top: 6px;
}
#lostPassword hr {
  width: 470px;
  height: 1px;
  background-color: #ffffff;
  border: 0px;
  color: #ffffff;
}
#lostPassword h6 {
  color: #707070;
  margin: 0px;
  margin-left: 15px;
  margin-bottom: 14px;
}
#lostPassword #grayText {
  color: #707070;
  font-size: 10px;
  margin-top: 20px;
}
#lostPassword #btn-valider {
  margin-top: 25px;
  text-align: center;
}
#lostPassword .btn-oui:hover {
  background-color: #B60050;
  color: #ffffff;
  border-color: #ffffff;
}

#page404 main .row img {
  display: block;
  margin: auto;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  #page404 main .row img {
    margin-left: -50px;
  }
}
#page404 main .row span, #page404 main .row p {
  font-size: 12px;
  color: #707070;
  display: block;
  margin: auto;
  text-align: center;
  position: relative;
  line-height: 17px;
}
#page404 main .row hr {
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  border: none;
}
#page404 main .row p strong {
  display: block;
  margin: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #707070;
}
#page404 main .row button {
  display: block;
  margin: 20px auto;
  background-color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  width: 110px;
}
#page404 main .row button:hover {
  background-color: #FFFFFF;
}
@media screen and (max-width: 576px) {
  #page404 main .row img {
    display: block;
    margin: auto;
    position: relative;
    width: 100%;
  }
}

.rowCards {
  perspective: 1200px;
}

.card {
  position: relative;
  width: 100%;
  min-height: 107px;
  border-radius: 12px;
  transform-style: preserve-3d;
}

.card-content {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 107px;
  border-radius: 12px;
  transform-style: preserve-3d;
  transition: transform 0.8s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.card:hover .card-content {
  transform: rotateY(180deg);
}

.card-face {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.card-front {
  background: #ffffff;
  z-index: 2;
}

.card-back {
  background: linear-gradient(135deg, #707070, #4f4f4f);
  color: #ffffff;
  transform: rotateY(180deg);
  padding: 1rem;
  text-align: center;
}

.card-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.card-body {
  display: block;
}

.card-body p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

#groupMas .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#groupMas .header .title-page {
  font-size: 30px;
  color: #B60050;
  text-align: left;
  padding-left: 7px;
}
#groupMas .header #zone-logo {
  display: flex;
  position: relative;
  height: 50px;
}
#groupMas .header #zone-logo img {
  display: block;
  position: relative;
}
#groupMas .header #zone-logo img#mas-le-chantier {
  width: 60px;
  height: 50px;
  margin-left: 40px;
}
#groupMas .header #zone-logo img#mas-pro {
  width: 88px;
  height: 50px;
  margin-left: 40px;
}
#groupMas .header #zone-logo img#mas-a-dom {
  width: 91px;
  height: 50px;
}
#groupMas #background-groupe-mas-1 {
  background-image: url("/assets/PHOTO-GROUPE-MAS-BV4Xo5nq.png");
}
#groupMas h2 {
  margin-top: 1.5em;
}
#groupMas #team-mas {
  /** @todos a supprimer s'il y  accord */
}
#groupMas #team-mas .grid {
  display: grid;
  grid-template-columns: auto auto auto auto;
  column-gap: 10px;
  row-gap: 13px;
}
#groupMas #team-mas .grid .grid-item {
  background-color: transparent;
  overflow: hidden;
  display: block;
  position: relative;
  border-radius: 10px;
}
#groupMas #team-mas .grid .grid-item .grid-background {
  background-color: #FFA814;
  display: block;
  position: absolute;
  width: 100%;
  height: 85%;
  margin-top: 10px;
  border-radius: 10px;
}
#groupMas #team-mas .grid .grid-item picture {
  width: 118px;
  height: 118px;
  border-radius: 50%;
  display: block;
  position: relative;
  left: calc(50% - 65px);
  background-color: #ffffff;
  z-index: 1;
  transition: left 0.5s ease-in-out;
}
#groupMas #team-mas .grid .grid-item .zone-texte {
  width: 132px;
  display: block;
  position: absolute;
  right: -132px;
  top: 18px;
  z-index: 0;
  color: #ffffff;
}
#groupMas #team-mas .grid .grid-item .zone-texte span {
  display: block;
  position: relative;
  font-size: 12px;
  text-align: center;
}
#groupMas #team-mas .grid .grid-item .zone-texte span[data-name=role] {
  font-weight: bold;
}
#groupMas #team-mas .grid .grid-item .zone-texte span {
  padding-bottom: 3px;
}
#groupMas #team-mas .grid .grid-item .zone-texte p {
  z-index: 0;
  text-align: center;
  font-size: 12px;
}
#groupMas #team-mas .grid .grid-item .zone-texte p:nth-child(n+2) {
  display: flex;
  align-items: center;
  justify-content: center;
}
#groupMas #team-mas .grid .grid-item .zone-texte b {
  display: block;
}
#groupMas #team-mas {
  /** card 3d **/
}
#groupMas #team-mas .card-body {
  margin-bottom: 0;
}
#groupMas #team-mas .card-content {
  padding: 0;
}
#groupMas #team-mas .card-front {
  background-color: #FFA814;
}
#groupMas #team-mas .card-front .card-title {
  margin-bottom: 0;
  min-height: auto;
}
#groupMas #team-mas .card-back {
  padding: 0;
}
#groupMas #team-mas .card-back .card-body {
  color: #FFFFFF;
  padding: 10px;
}
#groupMas #team-mas .card-back .card-body img {
  vertical-align: top;
}
#groupMas #livre-30-ans img {
  display: block;
  margin-left: auto;
  margin-right: 0;
}
#groupMas .popup-zone-texte {
  width: 170px;
  height: 70px;
  display: block;
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='170'%20height='70'%20viewBox='0%200%20170%2070'%3e%3cdefs%3e%3cfilter%20id='a'%20x='0'%20y='0'%20width='170'%20height='70'%20filterUnits='userSpaceOnUse'%3e%3cfeOffset%20dy='1'%20input='SourceAlpha'/%3e%3cfeGaussianBlur%20stdDeviation='1.5'%20result='b'/%3e%3cfeFlood%20flood-opacity='0.4'/%3e%3cfeComposite%20operator='in'%20in2='b'/%3e%3cfeComposite%20in='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg%20transform='translate(-152.5%20-949.5)'%3e%3cg%20transform='matrix(1,%200,%200,%201,%20152.5,%20949.5)'%20filter='url(%23a)'%3e%3cg%20transform='translate(-589.5%203761.5)'%20fill='%23fff'%3e%3cpath%20d='M%20607.9996337890625%20-3697.850341796875%20L%20601.859130859375%20-3706.293701171875%20L%20601.7094116210938%20-3706.49951171875%20L%20601.4547729492188%20-3706.49951171875%20L%20594.499755859375%20-3706.49951171875%20L%20594.499755859375%20-3757.500244140625%20L%20754.500244140625%20-3757.500244140625%20L%20754.500244140625%20-3706.49951171875%20L%20614.5452880859375%20-3706.49951171875%20L%20614.2907104492188%20-3706.49951171875%20L%20614.1409301757812%20-3706.293701171875%20L%20607.9996337890625%20-3697.850341796875%20Z'%20stroke='none'/%3e%3cpath%20d='M%20607.9996948242188%20-3698.700439453125%20L%20614.0361328125%20-3706.99951171875%20L%20754.000244140625%20-3706.99951171875%20L%20754.000244140625%20-3757.000244140625%20L%20594.999755859375%20-3757.000244140625%20L%20594.999755859375%20-3706.99951171875%20L%20601.9639892578125%20-3706.99951171875%20L%20607.9996948242188%20-3698.700439453125%20M%20607.9996337890625%20-3697.000244140625%20L%20601.4547729492188%20-3705.99951171875%20L%20593.999755859375%20-3705.99951171875%20L%20593.999755859375%20-3758.000244140625%20L%20755.000244140625%20-3758.000244140625%20L%20755.000244140625%20-3705.99951171875%20L%20614.5452880859375%20-3705.99951171875%20L%20607.9996337890625%20-3697.000244140625%20Z'%20stroke='none'%20fill='%23707070'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-position: top;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
}
#groupMas .popup-zone-texte.large {
  width: 256px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='265'%20height='70'%20viewBox='0%200%20265%2070'%3e%3cdefs%3e%3cfilter%20id='a'%20x='0'%20y='0'%20width='265'%20height='70'%20filterUnits='userSpaceOnUse'%3e%3cfeOffset%20dy='1'%20input='SourceAlpha'/%3e%3cfeGaussianBlur%20stdDeviation='1.5'%20result='b'/%3e%3cfeFlood%20flood-opacity='0.4'/%3e%3cfeComposite%20operator='in'%20in2='b'/%3e%3cfeComposite%20in='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg%20transform='matrix(1,%200,%200,%201,%200,%200)'%20filter='url(%23a)'%3e%3cg%20transform='translate(-589.5%203761.5)'%20fill='%23fff'%3e%3cpath%20d='M%20607.9996337890625%20-3697.850341796875%20L%20601.859130859375%20-3706.293701171875%20L%20601.7093505859375%20-3706.49951171875%20L%20601.4547729492188%20-3706.49951171875%20L%20594.499755859375%20-3706.49951171875%20L%20594.499755859375%20-3757.500244140625%20L%20849.5001831054688%20-3757.500244140625%20L%20849.5001831054688%20-3706.49951171875%20L%20614.5452880859375%20-3706.49951171875%20L%20614.2907104492188%20-3706.49951171875%20L%20614.1409301757812%20-3706.293701171875%20L%20607.9996337890625%20-3697.850341796875%20Z'%20stroke='none'/%3e%3cpath%20d='M%20607.9996948242188%20-3698.700439453125%20L%20614.0360717773438%20-3706.99951171875%20L%20849.0001831054688%20-3706.99951171875%20L%20849.0001831054688%20-3757.000244140625%20L%20594.999755859375%20-3757.000244140625%20L%20594.999755859375%20-3706.99951171875%20L%20601.9639892578125%20-3706.99951171875%20L%20607.9996948242188%20-3698.700439453125%20M%20607.9996337890625%20-3697.000244140625%20L%20601.4547729492188%20-3705.99951171875%20L%20593.999755859375%20-3705.99951171875%20L%20593.999755859375%20-3758.000244140625%20L%20850.0001831054688%20-3758.000244140625%20L%20850.0001831054688%20-3705.99951171875%20L%20614.5452880859375%20-3705.99951171875%20L%20607.9996337890625%20-3697.000244140625%20Z'%20stroke='none'%20fill='%23707070'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
#groupMas .popup-zone-texte.large p {
  display: block;
  margin: 0;
  padding: 6px;
  line-height: 14px;
}
#groupMas #zone-texte-hidden {
  display: none;
}
#groupMas #zone-grise-frise {
  background-color: #707070;
  width: 1020px;
  height: 83px;
  margin: 0 auto;
  padding: 0;
  display: block;
}
#groupMas #zone-grise-frise #frise-texte-default {
  text-align: center;
}
#groupMas #zone-grise-frise #frise-texte-default svg {
  margin-top: 14px;
}
#groupMas #zone-grise-frise #frise-texte-default p {
  margin-top: 6px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #ffffff;
  line-height: 16px;
}
#groupMas #zone-grise-frise #frise-texte-default p span {
  color: #FFA814;
}
#groupMas #zone-grise-frise #frise-zone-texte {
  color: #ffffff;
  text-align: left;
  padding-left: 31px;
  padding-top: 8px;
  line-height: 15px;
}
#groupMas #zone-grise-frise #frise-zone-texte.list {
  display: flex;
  justify-content: space-around;
  align-content: center;
  flex-direction: row;
}
#groupMas #zone-grise-frise #frise-zone-texte ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#groupMas #zone-grise-frise #frise-zone-texte ul li::before {
  content: "- ";
}
#groupMas #impact-innovation .row-nospace {
  align-items: center;
  margin-bottom: 2em;
}
#groupMas #impact-innovation h2 {
  width: 100%;
  text-align: left;
  margin-top: 2em;
  padding-bottom: 1rem;
  border-bottom: 2px solid rgba(112, 112, 112, 0.3019607843);
}
#groupMas #impact-innovation strong {
  font-size: 1.2em;
  font-weight: bold;
  color: #B60050;
}
#groupMas #impact-innovation picture {
  display: block;
  position: relative;
  margin-bottom: 1rem;
}
#groupMas #diapo-groupe {
  column-gap: 1rem;
  margin-top: 20px;
  margin-bottom: 3em;
}
#groupMas #diapo-groupe div {
  position: relative;
}
#groupMas #diapo-groupe h3 {
  padding-bottom: 0.3rem;
  border-bottom: 2px solid rgba(112, 112, 112, 0.3019607843);
}
#groupMas #diapo-groupe button.en-savoir-plus {
  margin-bottom: 0;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
#groupMas #diapo-groupe div:nth-child(2) {
  border-right: 2px solid rgba(112, 112, 112, 0.3019607843);
  border-left: 2px solid rgba(112, 112, 112, 0.3019607843);
  padding-left: 20px;
  padding-right: 20px;
}
#groupMas #diapo-groupe ul {
  margin: 0;
  padding: 0;
}
#groupMas #diapo-groupe ul li:first-child {
  padding-top: 1rem;
}
#groupMas #diapo-groupe ul li {
  list-style: none;
  padding-bottom: 2rem;
}
#groupMas #diapo-groupe ul li::before {
  content: "- ";
}

#groupMasLeChantier .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#groupMasLeChantier .header .title-page {
  font-size: 30px;
  color: #B60050;
  text-align: left;
  padding-left: 7px;
}
#groupMasLeChantier .header .title-page svg {
  vertical-align: bottom;
}
#groupMasLeChantier .header #zone-logo {
  display: flex;
  position: relative;
  height: 50px;
}
#groupMasLeChantier .header #zone-logo img {
  display: block;
  position: relative;
}
#groupMasLeChantier #background-groupe-mas-1 {
  background-image: url("/assets/PHOTO-GROUPE-MAS-vI8W1JTP.jpg");
}
#groupMasLeChantier #background-groupe-mas-1 #zone-text {
  max-width: unset;
}
#groupMasLeChantier p {
  margin-top: 1em;
  margin-bottom: 1.9em;
}
#groupMasLeChantier {
  /** grid **/
}
#groupMasLeChantier .grid {
  grid-template-columns: repeat(auto-fit, 182px);
  gap: 1.2em;
  margin-top: 1em;
  margin-bottom: 1em;
}
#groupMasLeChantier .grid .grid-item div[data-section=text] {
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  padding: 1.2em 0.4em;
}
#groupMasLeChantier .grid .grid-item div {
  position: relative;
}
#groupMasLeChantier .grid .grid-item div picture img {
  max-width: 182px;
  max-height: 182px;
}
#groupMasLeChantier .grid .grid-item div a {
  width: 100%;
  height: 0%;
  position: absolute;
  top: 0;
  text-decoration: none;
  background-color: #FFA814;
}
#groupMasLeChantier .grid .grid-item div a span {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -10%);
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
}
#groupMasLeChantier .grid .grid-item div a span .icon-calendar {
  display: block;
  margin: 5px auto;
  background: url("data:image/svg+xml,%3csvg%20id='Picto-date'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='21'%20height='23.333'%20viewBox='0%200%2021%2023.333'%3e%3cdefs%3e%3cclipPath%20id='clip-path'%3e%3crect%20id='Rectangle_3084'%20data-name='Rectangle%203084'%20width='21'%20height='23.333'%20transform='translate(0%200)'%20fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20id='Groupe_3874'%20data-name='Groupe%203874'%20transform='translate(0%200)'%20clip-path='url(%23clip-path)'%3e%3cpath%20id='Tracé_13493'%20data-name='Tracé%2013493'%20d='M16.333,10.5H4.666v2.333H16.333Zm2.334-8.167H17.5V0H15.167V2.333H5.833V0H3.5V2.333H2.333A2.322,2.322,0,0,0,.012,4.656v.01L0,21a2.334,2.334,0,0,0,2.333,2.333H18.667A2.34,2.34,0,0,0,21,21V4.666a2.34,2.34,0,0,0-2.333-2.333m0,18.667H2.334V8.167H18.667Zm-5.834-5.834H4.666V17.5h8.167Z'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  width: 21px;
  height: 23px;
}
#groupMasLeChantier .grid .grid-item .bg-green {
  background-color: #41A52F;
}
#groupMasLeChantier .grid .grid-item[data-name=espace-vert] div[data-section=text] {
  background-color: #41A52F;
}
#groupMasLeChantier .grid .grid-item[data-name=proprete-voirie] div[data-section=text] {
  background-color: #EE402A;
  padding: 0.7em 0.4em;
}
#groupMasLeChantier .grid .grid-item[data-name=entretien-ouvrages-arts] div[data-section=text], #groupMasLeChantier .grid .grid-item[data-name=collecte-encombrants] div[data-section=text] {
  background-color: #EE402A;
  padding: 0.7em 0.4em;
}
#groupMasLeChantier .grid .grid-item[data-name=broyage] div[data-section=text] {
  background-color: #41A52F;
}
#groupMasLeChantier .grid .grid-item {
  /** Hover **/
}
#groupMasLeChantier .grid .grid-item:hover {
  cursor: pointer;
}
#groupMasLeChantier .grid .grid-item:hover picture img {
  opacity: 0;
}
#groupMasLeChantier .grid .grid-item:hover div a {
  height: 98%;
  transition: height 0.3s ease-in-out;
}
#groupMasLeChantier .grid .grid-item:hover div a span {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

#groupMasPro .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#groupMasPro .header .title-page {
  font-size: 30px;
  color: #B60050;
  text-align: left;
  padding-left: 7px;
}
#groupMasPro .header #zone-logo {
  display: flex;
  position: relative;
  height: 50px;
}
#groupMasPro .header #zone-logo img {
  display: block;
  position: relative;
}
#groupMasPro .header #zone-logo img#mas-le-chantier {
  width: 60px;
  height: 50px;
  margin-left: 40px;
}
#groupMasPro .header #zone-logo img#mas-pro {
  width: 88px;
  height: 50px;
  margin-left: 40px;
}
#groupMasPro .header #zone-logo img#mas-a-dom {
  width: 91px;
  height: 50px;
}
#groupMasPro #background-groupe-mas-1 {
  background-image: url("/assets/PHOTO-GROUPE-MAS-SRfugp4R.jpg");
  overflow: hidden;
}
@media (max-width: 576px) {
  #groupMasPro #background-groupe-mas-1 {
    background-image: url("/assets/PHOTO-GROUPE-MAS-MOBILE-CeynFyxg.jpg");
    background-position: center bottom;
    background-size: cover;
  }
}
#groupMasPro #zone-mas-pro-header {
  display: flex;
  position: absolute;
  width: 340px;
  height: 340px;
  justify-content: center;
  align-items: center;
  right: 100px;
  top: -50px;
  background-color: #ffffff;
  border-radius: 50%;
}
@media (max-width: 768px) {
  #groupMasPro #zone-mas-pro-header {
    width: 70px;
    height: 40px;
    top: 1em;
    border-radius: 0;
    right: 1em;
    background-color: transparent;
  }
  #groupMasPro #zone-mas-pro-header svg {
    width: 70px;
    height: 40px;
    fill: #ffffff;
  }
  #groupMasPro #zone-mas-pro-header svg path {
    fill: #ffffff;
  }
}
#groupMasPro #zone-mas-pro-header svg {
  width: 281px;
  height: 159px;
  vertical-align: middle;
}
#groupMasPro .zone-tags .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
  list-style: none;
}
@media (max-width: 576px) {
  #groupMasPro .zone-tags .tags {
    flex-direction: row;
    padding: 0;
  }
}
#groupMasPro .zone-tags .tags li {
  border: 1px solid rgba(112, 112, 112, 0.3019607843);
  border-radius: 10px;
}
#groupMasPro .zone-tags .tags li span {
  display: block;
  position: relative;
  padding: 0.5em 1em 0.5em 1em;
  text-align: center;
  color: #707070;
}
#groupMasPro .grid {
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  grid-auto-rows: minmax(570px, auto);
  margin: 2em auto 2em auto;
}
@media (max-width: 576px) {
  #groupMasPro .grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
}
#groupMasPro .grid {
  gap: 2em;
}
#groupMasPro .grid .card-header h3 {
  margin: 0;
  color: #FFFFFF;
  font-size: medium;
}
#groupMasPro .grid .card-header {
  border-radius: 10px 10px 0 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: left;
  column-gap: 1em;
  height: 66px;
}
#groupMasPro .grid .card-header svg {
  padding: 0 0 0 0.5em;
}
#groupMasPro .grid .card-content {
  display: block;
  position: relative;
  border-radius: 0;
  height: auto;
  padding-bottom: 1em;
  background-color: rgba(255, 168, 20, 0.1019607843);
}
#groupMasPro .grid .card-content p {
  padding: 1em;
  margin: 0;
  font-size: 0.87rem;
}
#groupMasPro .grid .card-content ul {
  display: block;
  position: relative;
  width: 85%;
  list-style: square;
}
#groupMasPro .grid .card-content ul li::marker {
  color: #B60050;
  font-size: 1.5em;
}
#groupMasPro .grid .card-content ul li {
  margin-bottom: 1em;
  font-size: 0.87rem;
}
#groupMasPro .grid .card-footer {
  position: relative;
  border-radius: 0 0 10px 10px;
  padding: 1em 0.6em 1em 0.6em;
}
#groupMasPro .grid .card-footer h4 {
  margin: 0;
  color: #FFFFFF;
  font-size: small;
}
#groupMasPro .grid .card-footer p {
  color: #FFFFFF;
  font-size: small;
}
#groupMasPro .grid .card-item[data-content=associations] .card-footer {
  padding-bottom: 30px;
}

#groupMasADom .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#groupMasADom .header .title-page {
  font-size: 30px;
  color: #B60050;
  text-align: left;
  padding-left: 7px;
}
#groupMasADom .header #zone-logo {
  display: flex;
  position: relative;
  height: 50px;
}
#groupMasADom .header #zone-logo img {
  display: block;
  position: relative;
}
#groupMasADom .header #zone-logo img#mas-le-chantier {
  width: 60px;
  height: 50px;
  margin-left: 40px;
}
#groupMasADom .header #zone-logo img#mas-pro {
  width: 88px;
  height: 50px;
  margin-left: 40px;
}
#groupMasADom .header #zone-logo img#mas-a-dom {
  width: 91px;
  height: 50px;
}
#groupMasADom #background-groupe-mas-1 {
  background-image: url("/assets/PHOTO-GROUPE-MAS-DTt8OPCH.jpg");
}
#groupMasADom {
  /** zones des services **/
}
#groupMasADom section[data-type=service] div[data-section=text] {
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  padding: 1.2em 0.4em;
}
#groupMasADom section[data-type=service] div {
  position: relative;
}
#groupMasADom section[data-type=service] div picture img {
  max-width: 182px;
  max-height: 182px;
}
#groupMasADom section[data-type=service] div a {
  width: 100%;
  height: 0%;
  position: absolute;
  top: 0;
  text-decoration: none;
  background-color: #FFA814;
}
#groupMasADom section[data-type=service] div a span {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -10%);
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
}
#groupMasADom section[data-type=service] div a span .icon-calendar {
  display: block;
  margin: 5px auto;
  background: url("data:image/svg+xml,%3csvg%20id='Picto-date'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='21'%20height='23.333'%20viewBox='0%200%2021%2023.333'%3e%3cdefs%3e%3cclipPath%20id='clip-path'%3e%3crect%20id='Rectangle_3084'%20data-name='Rectangle%203084'%20width='21'%20height='23.333'%20transform='translate(0%200)'%20fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20id='Groupe_3874'%20data-name='Groupe%203874'%20transform='translate(0%200)'%20clip-path='url(%23clip-path)'%3e%3cpath%20id='Tracé_13493'%20data-name='Tracé%2013493'%20d='M16.333,10.5H4.666v2.333H16.333Zm2.334-8.167H17.5V0H15.167V2.333H5.833V0H3.5V2.333H2.333A2.322,2.322,0,0,0,.012,4.656v.01L0,21a2.334,2.334,0,0,0,2.333,2.333H18.667A2.34,2.34,0,0,0,21,21V4.666a2.34,2.34,0,0,0-2.333-2.333m0,18.667H2.334V8.167H18.667Zm-5.834-5.834H4.666V17.5h8.167Z'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  width: 21px;
  height: 23px;
}
#groupMasADom section[data-type=service] .bg-green {
  background-color: #41A52F;
}
#groupMasADom section[data-type=service][data-name=service-menage] div[data-section=text], #groupMasADom section[data-type=service][data-name=service-repassage] div[data-section=text] {
  background-color: #D9869E;
}
#groupMasADom section[data-type=service][data-name=service-petit-bricolage] div[data-section=text] {
  background-color: #DA6B31;
}
#groupMasADom section[data-type=service][data-name=service-autres] div[data-section=text] {
  background-color: #B60050;
}
#groupMasADom section[data-type=service] {
  /** Hover **/
}
#groupMasADom section[data-type=service]:hover {
  cursor: pointer;
}
#groupMasADom section[data-type=service]:hover picture img {
  opacity: 0;
}
#groupMasADom section[data-type=service]:hover div a {
  height: 98%;
  transition: height 0.3s ease-in-out;
}
#groupMasADom section[data-type=service]:hover div a span {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
#groupMasADom #zone-icons-service-emplois div {
  position: relative;
  width: 76px;
  display: flex;
  justify-content: center;
}
#groupMasADom #zone-icons-service-emplois div a {
  display: none;
}
#groupMasADom #zone-icons-service-emplois div:hover a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 54px;
  text-decoration: none;
  color: #FFFFFF;
  transition: opacity 0.3s ease-in-out;
}
#groupMasADom #zone-icons-service-emplois div:hover a i {
  display: block;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  width: 23px;
  height: 23px;
  position: relative;
  margin: 5px auto auto auto;
  color: #058AB4;
  font-style: normal;
  text-align: center;
  line-height: 1.5;
}
#groupMasADom #zone-icons-service-emplois div:hover a span {
  display: block;
  text-align: center;
  font-size: 12px;
  padding-top: 4px;
}
#groupMasADom #zone-icons-service-emplois div:hover {
  background-color: #FFA814;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
#groupMasADom #zone-icons-service-emplois div:hover img {
  opacity: 0;
}
#groupMasADom #zone-icons-service-emplois div:hover svg {
  opacity: 0;
}

/**
* Style de la page on recrute
*/
#on-recrute .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
#on-recrute .header h1.title-page {
  color: #B60050;
  text-align: left;
}
#on-recrute .header h1.title-page::before {
  display: inline-block;
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3crect%20width='32'%20height='32'%20fill='%23707070'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20d='M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0m4.808,6.568a2.444,2.444,0,1,1-2.444,2.444,2.443,2.443,0,0,1,2.444-2.444m-9.48,0A2.444,2.444,0,1,1,8.884,9.012a2.443,2.443,0,0,1,2.444-2.444m4.728,18.851c-9.311,0-9.579-9.457-9.579-9.457H8.154c-.256,5.6,4.777,8.035,7.923,7.972a7.93,7.93,0,0,0,7.97-7.972h1.685s-.366,9.457-9.677,9.457'%20transform='translate(0%200)'%20fill='%23707070'/%3e%3c/g%3e%3c/svg%3e");
  margin-left: 12px;
  margin-right: 12px;
}
#on-recrute .header #zone-poste-ouvert {
  display: block;
  background-color: #FFA814;
  width: 182px;
  height: 33px;
  border-radius: 20px;
  margin-left: 12px;
}
#on-recrute .header #zone-poste-ouvert span {
  line-height: 33px;
  text-align: center;
  display: block;
  font-weight: bold;
  color: #FFFFFF;
}
#on-recrute #slide-recrutement img {
  display: block;
  margin: auto auto 2.9em auto;
}
#on-recrute {
  /** définition des listes de la page **/
}
#on-recrute ul {
  list-style: square;
  padding-left: 1em;
}
#on-recrute ul li::marker {
  color: #B60050;
  font-size: 1.5em;
}
#on-recrute #table-poste {
  margin-top: 2.9em;
}
#on-recrute #table-poste #table-poste-header {
  background-color: #B60050;
  width: 100%;
  height: 39px;
  display: block;
  position: relative;
}
#on-recrute #table-poste #table-poste-header span {
  margin-left: 30px;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 39px;
}
#on-recrute #table-poste #table-poste-body #table-poste-body-header {
  /*display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;*/
  display: grid;
  grid-template-columns: 50px auto auto auto auto auto 50px;
  justify-items: center;
  margin: 20px 0 20px 0;
}
#on-recrute #table-poste #table-poste-body #table-poste-body-header span {
  font-weight: bold;
  color: #4E4E4E;
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content hr {
  border-color: rgba(50, 50, 50, 0.1019607843);
  margin-top: 0;
  padding-top: 0;
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item {
  height: 31px;
  background-color: rgba(50, 50, 50, 0.1019607843);
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item .table-poste-item-header {
  display: grid;
  grid-template-columns: 50px auto auto auto auto auto 50px;
  align-items: center;
  justify-items: center;
  height: inherit;
  /** picto de la zone header d'une ligne **/
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item .table-poste-item-header i.picto-poste {
  display: block;
  position: relative;
  width: 17px;
  height: 20px;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='17.028'%20height='22.68'%20viewBox='0%200%2017.028%2022.68'%3e%3cpath%20d='M274.5,1157.11a7.878,7.878,0,0,0-3.607-6.542l-4.908,3.618-4.906-3.618a7.872,7.872,0,0,0-3.607,6.542c0,3.122,5.422,4.725,8.513,4.725s8.515-1.6,8.515-4.725'%20transform='translate(-257.469%20-1139.156)'%20fill='%23707070'/%3e%3cpath%20d='M265.72,1139.859c-3.3,0-5.981,2.373-5.981,5.3s2.679,5.3,5.981,5.3,5.982-2.375,5.982-5.3-2.678-5.3-5.982-5.3'%20transform='translate(-257.207%20-1139.859)'%20fill='%23707070'/%3e%3c/svg%3e");
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item .table-poste-item-header i.picto-status {
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%3e%3cg%20fill='%23fff'%20stroke='%23707070'%20stroke-width='1'%3e%3ccircle%20cx='11'%20cy='11'%20r='11'%20stroke='none'/%3e%3ccircle%20cx='11'%20cy='11'%20r='10.5'%20fill='none'/%3e%3c/g%3e%3cpath%20d='M1-8.244v-1.777H2.926v1.777ZM1,0V-7.26H2.926V0Z'%20transform='translate(9%2016.021)'%20fill='%23707070'/%3e%3c/svg%3e");
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item {
  /** statut des lignes. Ouverte ou non **/
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item.close .table-poste-item-content {
  display: none;
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item.open {
  height: auto;
  background-color: rgba(5, 139, 180, 0.1019607843);
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item.open .table-poste-item-header {
  height: 31px;
  color: #058AB4;
  /** picto de la zone header de la ligne **/
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item.open .table-poste-item-header i.picto-poste {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='17.028'%20height='22.68'%20viewBox='0%200%2017.028%2022.68'%3e%3cpath%20d='M274.5,1157.11a7.878,7.878,0,0,0-3.607-6.542l-4.908,3.618-4.906-3.618a7.872,7.872,0,0,0-3.607,6.542c0,3.122,5.422,4.725,8.513,4.725s8.515-1.6,8.515-4.725'%20transform='translate(-257.469%20-1139.156)'%20fill='%23058ab4'/%3e%3cpath%20d='M265.72,1139.859c-3.3,0-5.981,2.373-5.981,5.3s2.679,5.3,5.981,5.3,5.982-2.375,5.982-5.3-2.678-5.3-5.982-5.3'%20transform='translate(-257.207%20-1139.859)'%20fill='%23058ab4'/%3e%3c/svg%3e");
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item.open .table-poste-item-header i.picto-status {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%3e%3cg%20fill='%23b60050'%20stroke='%23b60050'%20stroke-width='1'%3e%3ccircle%20cx='11'%20cy='11'%20r='11'%20stroke='none'/%3e%3ccircle%20cx='11'%20cy='11'%20r='10.5'%20fill='none'/%3e%3c/g%3e%3cpath%20d='M0-.987,3.425-5.7l-3.1-4.32H2.687l2.01,2.9,1.969-2.9H9.01L5.893-5.634,9.317-.987H6.877L4.655-4.112,2.427-.987Z'%20transform='translate(6.307%2016.987)'%20fill='%23fff'/%3e%3c/svg%3e");
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item.open .table-poste-item-content {
  display: grid;
  grid-template-columns: 50px auto;
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item.open .table-poste-item-content .background-white {
  background-color: #FFFFFF;
  padding: 20px 0 0 10px;
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item {
  /** style global pour l'intérieur d'une ligne ouverte **/
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item .description-poste span, #on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item .profil span {
  color: #058AB4;
  font-weight: bold;
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item .description-poste ul li, #on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item .profil ul li {
  list-style: square;
  line-height: 22px;
}
#on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item .description-poste ul li::marker, #on-recrute #table-poste #table-poste-body #table-poste-body-content .table-poste-item .profil ul li::marker {
  color: #707070;
}
#on-recrute .btn-groupe {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: end;
  margin-bottom: 2em;
}
#on-recrute .btn-groupe .btn-postuler {
  background-color: #41A52F;
  width: 118px;
  height: 30px;
  border-radius: 10px;
  border: 1px solid transparent;
  text-decoration: none;
  margin-left: 10px;
}
#on-recrute .btn-groupe .btn-postuler span {
  color: #FFFFFF !important;
  font-weight: normal !important;
  display: block;
  margin: auto;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
#on-recrute #mas-le-chantier {
  margin-top: 1em;
}
#on-recrute #mas-le-chantier #table-poste-header::before {
  content: "";
  width: 57px;
  height: 31px;
  display: inline-block;
  background-image: url("./images/recrutement/Logo-MAS_LE_CHANTIER.svg");
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 13px;
}
#on-recrute #mas-a-dom #table-poste-header::before {
  content: "";
  width: 57px;
  height: 31px;
  display: inline-block;
  background-image: url("./images/recrutement/Logo-MAS_A_DOM.svg");
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 13px;
}

#nosPrestations p {
  position: relative;
}
#nosPrestations p span.txt-poles {
  display: block;
  padding: 0.4em;
  background: rgba(255, 168, 20, 0.2) 0% 0% no-repeat padding-box;
  width: fit-content;
}
#nosPrestations section[data-name=fonctionnement-mas-particulier] {
  margin-top: 2em;
}
#nosPrestations #selector-type-prestation {
  background-color: rgba(5, 138, 180, 0.0509803922);
  justify-content: start;
  align-items: baseline;
  gap: 1.5em;
}
#nosPrestations #selector-type-prestation .dropdown-custom {
  margin-bottom: 0;
}
#nosPrestations #selector-type-prestation div:first-child {
  padding-left: 2em;
}
#nosPrestations #selector-type-prestation span[data-name=label] {
  font-weight: bold;
  font-size: 24px;
}
#nosPrestations #preview-prestations .grid {
  grid-template-columns: repeat(auto-fit, 182px);
  gap: 1.2em;
  margin-top: 1em;
}
#nosPrestations #preview-prestations .grid .grid-item div[data-section=text] {
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  padding: 0.4em;
}
#nosPrestations #preview-prestations .grid .grid-item div {
  position: relative;
}
#nosPrestations #preview-prestations .grid .grid-item div a {
  width: 100%;
  height: 0%;
  position: absolute;
  top: 0;
  text-decoration: none;
  background-color: #FFA814;
}
#nosPrestations #preview-prestations .grid .grid-item div a span {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -10%);
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
}
#nosPrestations #preview-prestations .grid .grid-item div a span .icon-calendar {
  display: block;
  margin: 5px auto;
  background: url("data:image/svg+xml,%3csvg%20id='Picto-date'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='21'%20height='23.333'%20viewBox='0%200%2021%2023.333'%3e%3cdefs%3e%3cclipPath%20id='clip-path'%3e%3crect%20id='Rectangle_3084'%20data-name='Rectangle%203084'%20width='21'%20height='23.333'%20transform='translate(0%200)'%20fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20id='Groupe_3874'%20data-name='Groupe%203874'%20transform='translate(0%200)'%20clip-path='url(%23clip-path)'%3e%3cpath%20id='Tracé_13493'%20data-name='Tracé%2013493'%20d='M16.333,10.5H4.666v2.333H16.333Zm2.334-8.167H17.5V0H15.167V2.333H5.833V0H3.5V2.333H2.333A2.322,2.322,0,0,0,.012,4.656v.01L0,21a2.334,2.334,0,0,0,2.333,2.333H18.667A2.34,2.34,0,0,0,21,21V4.666a2.34,2.34,0,0,0-2.333-2.333m0,18.667H2.334V8.167H18.667Zm-5.834-5.834H4.666V17.5h8.167Z'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  width: 21px;
  height: 23px;
}
#nosPrestations #preview-prestations .grid .grid-item .bg-green {
  background-color: #41A52F;
}
#nosPrestations #preview-prestations .grid .grid-item[data-name=manutention] div[data-section=text] {
  background-color: #EE402A;
}
#nosPrestations #preview-prestations .grid .grid-item[data-name=petit-bricolage] div[data-section=text] {
  background-color: #FFA814;
}
#nosPrestations #preview-prestations .grid .grid-item[data-name=ménage] div[data-section=text], #nosPrestations #preview-prestations .grid .grid-item[data-name=repassage] div[data-section=text] {
  background-color: #D9869E;
}
#nosPrestations #preview-prestations .grid .grid-item {
  /** Hover **/
}
#nosPrestations #preview-prestations .grid .grid-item:hover {
  cursor: pointer;
}
#nosPrestations #preview-prestations .grid .grid-item:hover picture img {
  opacity: 0;
}
#nosPrestations #preview-prestations .grid .grid-item:hover div a {
  height: 98%;
  transition: height 0.3s ease-in-out;
}
#nosPrestations #preview-prestations .grid .grid-item:hover div a span {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
#nosPrestations #preview-prestations .content-blocs {
  background-color: rgba(112, 112, 112, 0.1);
  border-radius: 10px;
  padding: 1em;
}
#nosPrestations #preview-prestations #particulier_missions ul, #nosPrestations #preview-prestations #particulier_interventions ul {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 0.5em 1em;
  padding: 0em;
  list-style-type: "- ";
  min-height: 100px;
}
@media (max-width: 576px) {
  #nosPrestations #preview-prestations #particulier_missions ul, #nosPrestations #preview-prestations #particulier_interventions ul {
    grid-template-columns: 1fr;
  }
}
#nosPrestations #preview-prestations #particulier_missions span, #nosPrestations #preview-prestations #particulier_interventions span {
  display: block;
  position: relative;
  margin-bottom: 0.5em;
}
#nosPrestations #preview-prestations {
  /** partie entreprise **/
}
#nosPrestations #preview-prestations #prestations-entreprise {
  justify-content: start;
  align-items: center;
}
@media (max-width: 576px) {
  #nosPrestations #preview-prestations #prestations-entreprise {
    flex-direction: column-reverse;
  }
}
#nosPrestations #preview-prestations #prestations-entreprise img {
  display: block;
  position: relative;
}
#nosPrestations #preview-prestations {
  /***********************/
}
#nosPrestations {
  /** Partie du bas de page **/
}
#nosPrestations aside div:first-child > button {
  margin-right: 0.3em;
  margin-left: auto;
}
#nosPrestations #zone-icons-service-emplois {
  flex-wrap: nowrap;
  margin-top: 1.5em;
}
#nosPrestations #zone-icons-service-emplois div {
  position: relative;
  width: 76px;
  display: flex;
  justify-content: center;
}
#nosPrestations #zone-icons-service-emplois div a {
  display: none;
}
#nosPrestations #zone-icons-service-emplois div:hover a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 54px;
  text-decoration: none;
  color: #FFFFFF;
  transition: opacity 0.3s ease-in-out;
}
#nosPrestations #zone-icons-service-emplois div:hover a i {
  display: block;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  width: 23px;
  height: 23px;
  position: relative;
  margin: 5px auto auto auto;
  color: #058AB4;
  font-style: normal;
  text-align: center;
  line-height: 1.5;
}
#nosPrestations #zone-icons-service-emplois div:hover a span {
  display: block;
  text-align: center;
  font-size: 12px;
  padding-top: 4px;
}
#nosPrestations #zone-icons-service-emplois div:hover {
  background-color: #FFA814;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
#nosPrestations #zone-icons-service-emplois div:hover img {
  opacity: 0;
}
#nosPrestations #zone-icons-service-emplois div:hover svg {
  opacity: 0;
}

#cesu .list-icon {
  list-style: none;
  padding-left: 1em;
  margin-top: 1.5em;
  display: block;
  position: relative;
}
#cesu .list-icon li {
  position: relative;
  padding-left: 45px;
  margin-bottom: 2em;
}
#cesu .list-icon li::before {
  content: "+";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: #058AB4;
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 25px;
  line-height: 1;
}