/* HTML5 display-role reset for older browsers */
     g{
	   cursor:pointer;
     }
      blockquote,
      q {
        quotes: none;
      }

      blockquote:before,
      blockquote:after,
      q:before,
      q:after {
        content: '';
        content: none;
      }

      table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      .st0 {
        fill: none;
      }

      .st1 {
        fill: #84a98c;
      }

      .reg1 .description-title {
        color: #84a98c;
      }

      .reg1 .contact {
        border-left: 1px solid #84a98c;
      }

      .st1,
      .st2,
      .st3,
      .st4,
      .st5,
      .st6,
      .st7,
      .st8,
      .st9,
      .st10 {
        stroke: #e8e8e8;
        stroke-miterlimit: 10;
      }

      .st2 {
        fill: #e8e8e8;
      }

      .st3 {
        fill: #cad1c4;
      }

      .reg3 .description-title {
        color: #cad1c4;
      }

      .reg3 .contact {
        border-left: 1px solid #cad1c4;
      }

      .st4 {
        fill: #d0bea9;
      }

      .reg4 .description-title {
        color: #d0bea9;
      }

      .reg4 .contact {
        border-left: 1px solid #d0bea9;
      }

      .st5 {
        fill: #175a6a;
      }

      .reg5 .description-title {
        color: #175a6a;
      }

      .reg5 .contact {
        border-left: 1px solid #175a6a;
      }

      .st6 {
        fill: #303e46;
      }

      .reg6 .description-title {
        color: #303e46;
      }

      .reg6 .contact {
        border-left: 1px solid #303e46;
      }

      .st7 {
        fill: #829f29;
      }

      .reg7 .description-title {
        color: #829f29;
      }

      .reg7 .contact {
        border-left: 1px solid #829f29;
      }

      .st8 {
        fill: #51796f;
      }

      .reg8 .description-title {
        color: #51796f;
      }

      .reg8 .contact {
        border-left: 1px solid #51796f;
      }

      .st9 {
        fill: #2c5c4c;
      }

      .reg9 .description-title {
        color: #2c5c4c;
      }

      .reg9 .contact {
        border-left: 1px solid #2c5c4c;
      }

      .st11 {
        display: none;
      }

      .st10 {
        fill: #278254;
      }

      .reg10 .description-title,
      .ergosante-siege .description-title {
        color: #278254;
      }

      .reg10 .contact,
      .ergosante-siege .contact {
        border-left: 1px solid #278254;
      }



      .st0,
      .st1,
      .st3,
      .st4,
      .st5,
      .st6,
      .st7,
      .st8,
      .st9,
      .st10,
      .st12 {
        opacity: 0.5;
        transition: all 0.1s ease;
        transform-origin: center;
      }

      .region-hover,
      .region-click {
        opacity: 1;
      }


      .marker-svg {
        fill: #FFFFFF;
        display: none;
      }

      .marker-show {
        display: block;
      }

      .map-ergosante {
        display: flex;
        flex-direction: row;
      }

      .title-departement {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding-left: 24px;
      }

      .description {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        width: 50%;
      }

      .horaire span {
        font-weight: bold;
        color: #278254;
      }


      .description-panel {
        display: none;
      }

      .description-panel.is-visible {
        display: block;
        animation: description-enter 240ms ease-in;
      }

      .description-title {
        font-size: 24px;
        font-weight: bold;
        line-height: 1.5em;
      }

      .region-image {
        width: 100%;
        margin-bottom: 2em;
        object-fit: cover;
        border-radius: 8px !important;
        height: 274px;
      }

      .title-departement {
        padding-right: 24px;
      }

      .departement-right{
        width: 50%;
		margin-left: -20px;
      }

      .contact {
        padding-left: 24px;
        display: flex;
        flex-direction: column;
        gap: 1rem;
      }

      .contact a {
		text-decoration:none !important;
        padding: 2px 9px;
        width: 120px;
        border: none;
        border-radius: 5px;
        background: #268053;
        color: #fff;
        font-weight: 700;
        letter-spacing: 0.4px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease;
        animation: contact-btn-enter 500ms ease-out;
        display: inline-flex;
        align-items: center;
        gap: 10px;
      }

      .contact a:hover {
        transform: translateY(-2px);
        filter: brightness(1.06);
      }

      .contact a:hover::before {
        transform: translateX(3px);
      }

      .contact a:hover::after {
        left: 140%;
      }

      .contact a:active {
        transform: translateY(0);
      }

      .contact a:focus-visible {
        outline: 3px solid rgba(39, 130, 84, 0.35);
        outline-offset: 2px;
      }

      .address-contact {
        display: flex;
        justify-content: start;
      }

      .departement {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
        max-width: 250px;
      }

      .departement span {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 5px;
        border-right: 1px solid black;
      }

      .email {
        word-break: break-all;
      }

      @keyframes contact-btn-enter {
        from {
          opacity: 0;
          transform: translateY(8px) scale(0.98);
        }

        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      @keyframes description-enter {
        from {
          opacity: 0;
          transform: translateY(8px);
        }

        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .map {
        position: relative;
        display: flex;
		flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 50%;
      }

      .map svg {
        max-width: 550px;
      }

      @media (max-width: 1120px) {
        .map-ergosante {
          flex-direction: column-reverse;
          align-items: center;
          justify-content: center;
          gap: 2em;
        }

        .region-image {
          display: none;
        }

        .map {
          width: 100%;
        }

        .title-departement {
          display: flex;
          flex-direction: column;
          gap: 1rem;
        }

        .departement-right {
          display: flex;
          justify-content: end;
          width: 50%;
		  margin-left: 0px;
        }


        .contact {
          width: 50%;
          padding-right: 24px;
        }

        .description {
          width: 100%;
        }

      }

      @media (max-width: 767px) {
        .description-title {
          font-size: 1.25em;
        }

        .departement {
          grid-template-columns: repeat(5, 1fr);
          width: 120px;
        }
      }