/* ************************************************ */

          /* -- *********** START Colors variables *********** -- */
          :root {
            --main-color: #C26148;
            --main-color-hover: #C26148E5;
            --main-second-color: #EBE8E6;
            --main-font-color: black;
          }
          .bg-main-color { background-color: var(--main-color) !important; }
          .bg-second-color { background-color: var(--main-second-color) !important; }
          .bg-transparent { background-color: transparent !important; }
          .color-main-text { color: var(--main-color); }
          .bg-white { background-color: white; }
          .font-green { color: green; }
          .font-red { color: red; }
          .font-white { color: white !important; }
          .font-orange { color: orange; }
          .font-default { color: var(--main-font-color); }
          .box-shadow-default { box-shadow: 2px 2px 6px #8e8d8d; }
          .font-grey { color: grey; }
          .text-decoration-none { text-decoration: none !important; }
          /* -- *********** END Colors variables *********** -- */
          /* ************************************************ */

          /* -------------------------------------------------*/

          /* ************************************************ */
          /* -- *********** START HEIGHT / WIDTH *********** -- */
          .h-40 { height: 40px !important; }
          .max-w-400 { max-width: 400px !important; }
          .max-w-700 { max-width: 700px !important; }
          .max-w-750 { max-width: 750px !important; }
          .max-w-800 { max-width: 800px !important; }
          .max-w-900 { max-width: 900px !important; }
          .min-w-450 { min-width: 450px !important; }
          .min-w-300 { min-width: 380px !important; }
          .max-w-550 { max-width: 550px !important; }
          .max-w-450 { max-width: 450px !important; }
          .max-w-300 { max-width: 450px !important; }
          .max-w-200 { max-width: 200px !important; }
          .max-w-500 { max-width: 500px !important; }
          .max-w-99p { max-width: 99% !important; }
          .max-w-80p { max-width: 80% !important; }
          .max-w-1000 { max-width: 1000px !important; }
          .w-100p { width: 100% !important; }
          .w-95p { width: 95% !important; }
          .h-180 { height: 180px !important; }
          .h-120 { height: 120px !important; }
          .h-150 { height: 150px !important; }
          .h-80 { height: 80px !important; }
          .h-100 { height: 100px !important; }
          .w-180 { width: 180px !important; }
          .h-250 { height: 250px !important; }
          .h-195 { height: 195px !important; }
          /* -- *********** END HEIGHT / WIDTH *********** -- */
          /* ************************************************ */

          /* -------------------------------------------------*/

          /* ************************************************ */
          /* -- *********** START MARGIN *********** -- */
          .ml-10 { margin-left: 10px !important }
          .mr-10 { margin-right: 10px !important; }
          .mb-10 { margin-bottom: 10px !important; }
          .mb-0 { margin-bottom: 0px !important; }
          .mt-80 { margin-top: 80px !important; }
          .mt-100 { margin-top: 100px !important; }
          .mb-30 { margin-bottom: 30px !important; }
          .mt-30 { margin-top: 30px !important; }
          .m-10 { margin: 10px !important; }
          .mt-20 { margin-top: 20px !important; }
          .mr-5 { margin-right: 5px !important; }
          .ml-5 { margin-left: 5px !important; }
          .m-5 { margin: 5px !important; }
          .ml-auto { margin-left: auto !important; }
          .mr-auto { margin-right: auto !important; }
          .mt-65 { margin-top: 65px !important; }
          .mt-70 { margin-top: 70px !important; }
          .mt-10 { margin-top: 10px !important; }
          .mb-20 { margin-bottom: 20px !important; }
          .mt-15 { margin-top: 15px !important; }
          .mb-15 { margin-bottom: 15px !important; }
          .mb-5 { margin-bottom: 5px !important; }
          .mt-5 { margin-top: 5px !important; }
          /* -- *********** END MARGIN *********** -- */
          /* ************************************************ */

          /* -------------------------------------------------*/

          /* ************************************************ */
          /* -- *********** START PADDING *********** -- */
          .p-0 { padding: 0px !important; }
          .p-20 { padding: 20px !important; }
          .pt-10 { padding-top: 10px !important; }
          .pb-10 { padding-bottom: 10px !important; }
          .pb-0 { padding-bottom: 0px !important; }
          .pt-30 { padding-top: 30px !important; }
          .pt-20 { padding-top: 20px !important; }
          .pr-20 { padding-right: 20px !important; }
          .pl-20 { padding-left: 20px !important; }
          .pb-30 { padding-bottom: 30px !important; }
          .pt-5 { padding-top: 5px !important; }
          .pb-5 { padding-bottom: 5px !important; }
          .p-15 { padding: 15px !important; }
          .p-30 { padding: 30px !important; }
          .p-10 { padding: 10px !important; }
          .pl-10 { padding-left: 10px !important; }
          .pr-10 { padding-right: 10px !important; }
          .p-12 { padding: 12px !important; }
          .pb-20 { padding-bottom: 20px !important; }
          .pl-0 { padding-left: 0px !important; }
          .pr-0 { padding-right: 0px !important; }
          .pt-15 { padding-top: 15px !important; }
          .pt-70 { padding-top: 70px !important; }
          .pt-90 { padding-top: 90px !important; }
          .pt-100 { padding-top: 100px !important; }
          /* -- *********** END PADDING *********** -- */
          /* ************************************************ */

          /* -- BORDERS -- */
          .border-radius-9999 { border-radius: 9999px; }
          .border-radius-10 { border-radius: 10px; }
          .border-radius-100 { border-radius: 100px; }
          .no-border { border: 0px; }
          .border-radius-15 { border-radius: 15px; }
          .border-radius-9 { border-radius: 9px; }
          .border-white { border-color: white !important; }
          .border-maincolor { border-color: var(--main-color) !important; }

          /* -- BOXSHADOWS -- */
          .no-box-shadow { box-shadow: 0px 0px 0px !important; }

          /* -- NAVBAR -- */

          /* LOGO */
          img.main-logo { transition: transform .1s; }
          img.main-logo:hover {
            -ms-transform: scale(1.1); /* IE 9 */
            -webkit-transform: scale(1.1); /* Safari 3-8 */
            transform: scale(1.1); 
          }

          /* TITLE */
          .main-title:hover { text-decoration: underline !important; }

          /* ICON MENU RESPONSIVE */
          .navbar-toggler:focus { box-shadow: 0 0 0 !important; }

          /* MENU LINK */
          a.active { 
            color: var(--main-color) !important;
            font-weight: bold !important;
          }
          a.nav-link:hover { text-decoration: underline; }

          /* -- DIVERS -- */  
          .va-m { vertical-align: middle !important; }
          
          /* -- LINKS -- */
          .main-link-style { 
            color: var(--main-color); !important; 
            text-decoration: none !important; 
          }
          .main-link-style:hover { text-decoration: underline !important; }
          a.btn:hover { 
            text-decoration: underline; 
            background-color: var(--main-color-hover);
          }

          .second-link-style {
            text-decoration: underline;
          }
          .second-link-style:hover { text-decoration: none; }

          /* -- TEXT -- */
          sup { font-style: monospace; }
          .text-left { text-align: left; }
          .text-right { text-align: right; }
          .text-center { text-align: center !important; }
          .text-bold { font-weight: bold; }
          .text-normal { font-weight: normal; }
          .fw-500 { font-weight: 500 !important; }
          .fw-600 { font-weight: 600 !important; }
          kbd {
            padding: 0 !important;
            color: var(--main-color) !important;
            background-color: transparent !important;
            border-radius: 0 !important;
          }
          small { font-size: 15px !important; }
          .fs-19 { font-size: 19px !important; }
          .fs-smaller { font-size: smaller !important; }
          .text-italic { font-style: italic !important; }
          
          .d-flex { display: flex; }
          .justify-content-center { justify-content: center; }
          .justify-content-end { justify-content: end; }
          .align-items-center { align-items: center; }
          .align-items-start { align-items: flex-start; }
          .flex-wrap-wrap { flex-wrap: wrap; }
          .flex-grow-unset { flex-grow: unset !important; }
          .float-right { float: right !important; }
          .flex-direction-column { flex-direction: column !important; }
          abbr { text-decoration: none !important; }

          /* -- SECTION BANNER -- */
          .box-shadow-section-banner-div { box-shadow: 5px 5px 0px #8080805c; }

          @media only screen and (max-width: 817px) {
            .section-banner-div {
              margin-top: 15px !important;
              margin-bottom: 16px !important;
            }
          }
          

          /* -- SECTION OFFERS -- */
          .section-offers:hover {
            box-shadow: 2px 2px 6px #8e8d8d;
            border-radius: 15px;
          }

          /* -- FORM CONTACT -- */
          .box-shadow-form-contact { box-shadow: 5px 5px 0px #e78066 !important; }
          .backgroud-form-contact { background: #eb9b87 !important; }
          .form-contact button, .form-connexion button, .maintenance-button { 
            color: var(--main-font-color) !important;
            box-shadow: 4px 4px 0px #e78066 !important;
          }
          .form-contact button:hover, .form-connexion button:hover, .maintenance-button:hover  { 
            box-shadow: 0px 0px 0px #eb9b87 !important;
            background-color: white !important;
            text-decoration: none !important;
          }
          @media only screen and (max-width: 480px) {
            .form-contact { min-width: 300px !important; }
            .form-connexion { min-width: 300px !important; }
            .error-alert { max-width: 334px !important; }
          }
          @media only screen and (min-width: 481px) {
            .form-contact { min-width: 450px; }
            .form-connexion { min-width: 400px !important; }
            .error-alert { max-width: 450px !important; }
          }

          /* -- SECTION CONTACT -- */
          @media only screen and (max-width: 1099px) {
            .section-contact { flex-wrap: wrap-reverse !important; }
          }
          @media only screen and (min-width: 1100px) {
            .section-contact { flex-wrap: wrap !important; }
          }


          img:hover:not(.separator):not(.main-logo) { opacity: 0.8; }
          p { margin-bottom: 0px !important; }

          img.maintenance-logo, img.login-logo {
            padding: 10px !important;
            background: white !important;
            border-radius: 9999px !important;
            box-shadow: 4px 4px 0px #e78066 !important;
          }

          img.maintenance-logo:hover {
            box-shadow: none !important;
          }
          
          ul {
            list-style: none;
            text-align: left;
            margin-bottom: 0px !important;
            padding: 0px;
          }

          html {
            scroll-behavior: smooth;
          }

          #scrollUp {
          position: fixed;
          bottom : 10px;
          right: -100px;
          opacity: 0.5;
          }

          body {
          font-family: "Readex Pro", sans-serif;
          }

          /* -- COOKIES BANNER -- */
          .toast {
            background-color: white !important;
            border: 0px !important;
          }
          .toast button.accept-btn {
            background-color: var(--main-color);
            color: white;
          }
          .toast button.accept-btn:hover {
            background-color: var(--main-color-hover) !important;
          }
          .toast button.deny-btn, .toast button.preferences-btn {
            background-color: var(--main-second-color);
          }

          .toast button.deny-btn:hover, .toast button.preferences-btn:hover {
            background-color: #EBE8E669 !important;
            color: black;
          }
          .accordion-button:not(.collapsed) {
            background-color: white;
            color: var(--main-color);
          }
          .accordion-button:focus, .form-check-input:focus, .form-control:focus, .form-select:focus {
            box-shadow: 0px 0px 0px !important;
          }

          #stateButton {
            font-size: 15px !important;
  padding-top: 3px !important;
  padding-left: 5px;
          }

          .accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon) !important;
}
.accordion-item {
  border-radius: 0px !important;
  border: 0px !important;
}

.accordion-button:not(.collapsed) {
  box-shadow: 0px 0px 0px !important;
}

.accordion-button { padding: 10px !important; }
.accordion-body { padding: 0px 10px 10px 10px !important; }



.from-right,
.from-top {
    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.from-right {
    transform: translate(50px,-30px);
}
.from-top {
    transform: translate(0px,-30px);
}

.bg-fond-index {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}

.form-check-input:checked {
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.separator {
  max-width: 80% !important;
}

.dropdown-toggle::after {
  color: var(--main-color) !important;
}

.user-toolbar {
  border-top: 5px solid #c26148;
  background: #545454;
}

a.link-user-toolbar:hover, a.link-user-toolbar:focus {
  color: white !important;
}

a.dropdown-item-user-toolbar:active {
  background-color: var(--main-color);
}

.dropdown-menu {
  transform: translateX(-50%) !important;
  left: 50% !important;
}

.modal-text-help {
  font-style: italic !important;
  margin-top: 0px !important;
  color: #8e8e8e !important;
}

.form-check-input {
  border: var(--bs-border-width) solid #b1b4b8;
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238e8e8e'/%3e%3c/svg%3e") !important;
    border-color: #8e8e8e !important;
}

.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
    border-color: #8e8e8e !important;
}

#messagePassword, #messageDifficultPassword {
  display: none;
}