:root {
    --green: #00643A;
    --blue: #107ca9;
    --yellow: #FFD75F;
    --dark: #000;
    --light: #fff;
    --zone01: #00A1D9;
    --zone02: #ffa539;
    --zone03: #f4221e;
    --zone04: #aa44f3;
    --zone05: #f7e001;
    --zone06: #ff91c0;
    --grey: #575757;
    --vip: #28B473;
}

html {
    font-size: 10px;
}

body {
    font-size: 2.2rem;
    font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    font-style: normal;
    background-color: #095133;
    max-width: 420px;
    margin: auto;
}


a {
    text-decoration: none;
    color: var(--dark);
}

a:hover {
    text-decoration: none;
    color: var(--dark);
}

i {
    font-family: 'FontAwesome';
}

li {
    list-style-type: none;
}

ul {
    padding: 0;
    margin-bottom: 0;
}

button:focus {
    outline: none;
}

::selection {
    background-color: var(--yellow);
}

.bkg_light {
    background-color: var(--light);
}

.bkg_lightBlue {
    background-color: var(--zone01);
}

.bkg_orange {
    background-color: var(--zone02);
}

.bkg_lightPink {
    background-color: var(--zone03);
}

.bkg_purple {
    background-color: var(--zone04);
}

.bkg_red {
    background-color: var(--zone06);
}

.bkg_mediumPink {
    background-color: var(--zone05);
}
/* ///////////////////// start header ///////////////////// */
.navigation {
    background-color: var(--green);
    box-shadow: none;
    min-height: 160px;
    display: flex;
    align-items: baseline;
}

.navigation.collapse:not(.show) {
    display: none;
}

.navigation.navbar-expand-lg .navbar-toggler {
    display: block;
}

.logo_brand_menu {
    width: 200px;
}

.logo_brand {
    width: 110px;
}

/* menu burger */
.navigation.navbar>.container-fluid {
    align-items: flex-start;
    padding: 0;
}

.navigation button {
    border: none;
}

.navigation button:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.navigation .navbar-toggler span {
    display: block;
    width: 35px;
    height: 3px;
    margin: 10px auto;
    background: var(--light);
    transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

/* rotate first span */
.navigation .navbar-toggler[aria-expanded="true"] span:first-of-type {
    transform: rotate(45deg) translate(10px, 10px);
}
 
/* hide second span */
.navigation .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
    opacity: 0;
}
 
/* rotate third span */
.navigation .navbar-toggler[aria-expanded="true"] span:last-of-type {
    transform: rotate(-45deg) translate(9px, -8px);
}
 
.navigation .navbar-toggler[aria-expanded="false"] span {
    transform: none;
    opacity: 1;
}

/* titre plan */
.title {
    position: absolute;
    right: 14px;
    top: 90px;
    color: var(--light);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 26px;
    line-height: .9;
}

.pad35-0-15-0 {
    padding: 35px 0 15px 0;
}

.zone_menu .zone {
    font-size: 24px;
    padding: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 20px;
    padding-bottom: 8px;
    display: inline-block;
}

.zone_menu .zone:focus,
.zone_menu .zone:active,
.zone_menu .zone:hover {
    text-decoration: underline;
    color: var(--light);
}

.navbar-nav .cat_select .form-check-input {
    border-color: var(--light);
}

.navbar-nav .select {
    flex-direction: column;
}

.navbar-nav .select label {
    font-size: 25px;
}

/* modal menu burger */
.navbar {
    max-width: 420px;
    margin: auto;
    background-color: var(--green);
    padding: 20px 10px;
}

.offcanvas-header {
    padding: 20px 10px;
}

.navbar-nav {
    padding: 0;
}

.navbar-nav .zone_search, 
.navbar-nav .expo_search, 
.navbar-nav .cat_search, 
.navbar-nav .contact {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar .offcanvas {
    background: var(--green);
    overflow: auto;
}

.navbar * {
    color: var(--light);
}

.navbar .btn-close {
    position: absolute;
    top: 30px;
    right: 18px;
    font-size: 34px;
}

.navbar .btn-close {
    position: absolute;
    top: 35px;
    right: 18px;
    background-image: url(../pics/close.svg) !important;
    width: 35px;
    background-size: 32px;
    opacity: 1;
}

.offcanvas.offcanvas-end {
    width: 100%;
}

.navbar-nav .form_search input::placeholder {
    color: #fff;
}

.navbar-nav .zone_search,
.navbar-nav .expo_search {
    padding-bottom: 40px;
}

.navbar-nav .form_search button {
    background-color: var(--light);
    color: var(--green);
    border-color: var(--light);
}

.navbar-nav .form_search button:hover, 
.navbar-nav .form_search button:active,
.navbar-nav .form_search button:focus {
    background-color: var(--blue);
    color: var(--light);
    border-color: var(--blue);
}

.navbar-nav .form_search button:hover i, 
.navbar-nav .form_search button:active i,
.navbar-nav .form_search button:focus i {
    color: var(--light);
}

.navbar-nav .form_search button i {
    color: var(--green);
}

.navbar-nav .form_search input {
    background: transparent;
    color: var(--light);
}

.navbar-nav .form-control:focus {
    border-color: var(--light);
}
/* contact */
.contact {
    padding: 70px 0 20px 0;
}

.h3_style {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .8px;
    padding-bottom: 7px;
}

.name {
    margin-bottom: 3px;
}

.contact a {
    display: block;
    font-size: 19px;
    letter-spacing: .6px;
}

.contact a:focus,
.contact a:hover,
.contact a:active {
    color: var(--light);
}

.contact .tel {
    text-decoration: underline;
}
/* ///////////////////// end header ///////////////////// */
/* ****************************** */
/* ************ HOME ************ */
/* ****************************** */
/* ///////////////////// start section 1 ///////////////////// */
.cat_home {
    padding: 170px 15px 20px 15px;
}

.cat_search {
    padding-top: 10px;
}

.h2_style,
.name {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 600;
}

/* checkbox */
.select {
    display: flex;
    flex-direction: row;
    padding: 10px 0;
}

.select label {
    font-size: 19px;
    text-transform: uppercase;
    margin-left: -8px;
    letter-spacing: .3px;
    line-height: 1;
}

.cat_select:first-child {
    padding-right: 30px;
    width: 60%;
}

.navbar .cat_select {
    width: 100%;
    padding-right: 0;
}

.cat_select .form-check-input {
    width: 0.7em;
    height: 0.7em;
    border-radius: 0 !important;
    border-color: var(--blue);
    border-width: 2px;
    margin-top: 7px;
}

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

.form-check-input:focus {
    box-shadow: none !important;
}
/* ///////////////////// end section 1 ///////////////////// */
/* ///////////////////// start modal ///////////////////// */
.bkg_blue {
    background-image: url(../pics/023_Archeos_Plan-01-1-blue.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.modal_home {
    padding: 15px 15px 50px 15px;
}

.close img {
    width: 22px;
    height: auto;
    float: right;
}

.result_search {
    padding: 10px 0 0 0;
}

.result_search .aucun {
    color: var(--light);
    font-weight: 500;
    font-size: 25px;
    letter-spacing: .3px;
    padding: 0 10px;
}

.result {
    display: flex;
    justify-content: space-between;
    color: var(--light);
    font-size: 16px;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    padding: 3px 10px 3px 10px;
    line-height: 1.1;
}

.result_search .vip {
    background: var(--vip);
}

.result p {
    margin-bottom: 0;
    padding: 5px 0;
}

.result:hover, 
.result:active,
.result:focus {
    color: var(--light);
}

.expoName,
.expoZone {
    font-weight: 600;
}

.expoName,
.expoCat {
    width: 33%;
}

.expoZone {
    width: 20%;
    text-align: right;
}

.expoZone {
    text-decoration: underline;
}
/* ///////////////////// end modal ///////////////////// */
/* ///////////////////// start section 2 ///////////////////// */
.expo_home {
    padding: 0 15px 40px 15px;
}

.form_search input::placeholder {
    color: var(--dark);
}

.form_search input {
    border: none;
    border-bottom: 2px solid;
    border-radius: 0;
    padding-left: 0;
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--blue);
}

.form_search button {
    font-size: 17px;
    border-radius: 0;
    border: 2px solid var(--blue);
    color: var(--light);
    background-color: var(--blue);
    pointer-events: none;
}
/* ///////////////////// end section 2 ///////////////////// */
/* ///////////////////// start section 3 ///////////////////// */
.zone_search {
    padding: 0;
}

.pad0-15-15-15 {
    padding: 0 15px 15px 15px;
}

.zone_search i {
    font-size: 16px;
    padding-left: 7px;
}

.map {
    position: relative;
}

.map .zone {
    position: absolute;
    display: block;
    font-size: 1px;
    color: transparent;
    border-radius: 50px;
    font-family: 'Bodoni Moda', Arial, Helvetica, sans-serif;
}

.map img {
    width: 100%;
}

.zone_01 {
    bottom: 83px;
    right: 118px;
    padding: 31px 30px;
}

.zone_02 {
    bottom: 77px;
    right: 179px;
    padding: 58px 50px 102px 38px;
}

.zone_03 {
    bottom: 259px;
    right: 151px;
    padding: 63px 56px 42px 56px;
}

.zone_04 {
    top: 171px;
    right: 194px;
    padding: 27px 59px 28px 50px;
}

.zone_05 {
    top: 134px;
    right: 237px;
    padding: 17px 40px 17px 40px;
}

.zone_06 {
    top: 34px;
    right: 244px;
    padding: 45px 61px 45px 35px;
}
/* ///////////////////// end section 3 ///////////////////// */
/* ///////////////////// start footer ///////////////////// */
.text_footer p {
    font-size: 16px;
    margin-bottom: 0 !important;
}

.pad_t190 {
    padding-top: 190px;
}

.fz_30 {
    font-size: 30px;
    line-height: .8;
}

footer ul {
    margin-left: 35px;
}

footer ul:before {
    content: '';
    position: absolute;
    background-image: url('../pics/arrow_axa.svg');
    background-repeat: no-repeat;
    background-size: 41px 41px;
    width: 41px;
    height: 41px;
    top: 50%;
    left: -50px;
    transform: translateY(-50%);
}
/* ///////////////////// end footer ///////////////////// */
/* ****************************** */
/* ************ ZONE ************ */
/* ****************************** */
/* ///////////////////// start header ///////////////////// */
.nav_page {
    position: absolute;
    right: 15px;
    top: 100px;
    color: var(--light);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 26px;
    line-height: .9;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 30px);
}

.nav {
    text-decoration: underline;
}

.nav:hover,
.nav:active,
.nav:focus {
    color: var(--light);
}

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

.btn_nav_page .fa-arrow-left {
    padding-right: 7px;
    font-size: 20px;
}


/* dropdown */
.btn_nav_page:last-child {
    margin-right: 25px;
}


.nav_page .dropdown-toggle::after {
    border: none !important;
    content: '';
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 57%;
    transform: translateY(-50%);
    background-image: url(../pics/arrow-dropdown.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.nav_page .dropdown-toggle.show::after {
    background-image: url(../pics/arrow-dropdown.svg);
    transform: rotate(180deg);
    top: 36%;
}

.nav_page .dropdown button {
    background: transparent;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: underline;
}

.nav_page .dropdown button:active, 
.nav_page .dropdown button:focus,
.nav_page .dropdown button:hover {
    background: transparent;
    color: var(--light);
}

.nav_page .dropdown .dropdown-item {
    text-decoration: none;
}

.nav_page .dropdown-menu.show {
    background: var(--green);
    border: none;
    width: 85px;
    min-width: 0;
    padding-left: 7px;
    padding-bottom: 10px;
}

.nav_page .dropdown-menu.show button {
    font-size: 21px;
    width: fit-content;
}

.nav_page .dropdown-menu[data-bs-popper] {
    left: 1px;
}
/* ///////////////////// end header ///////////////////// */
/* ///////////////////// start section 1  ///////////////////// */
.map_zone {
    padding-top: 160px;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    overflow-x: hidden;
}


.link_zone {
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.link_zone_01 .link_zone i {
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 17px;
    transform: rotate(270deg);
}

.link_zone_02 .link_zone i,
.link_zone_03 .link_zone i,
.link_zone_03 .link_zone_2nd i,
.link_zone_05 .link_zone i,
.link_zone_05 .link_zone_2nd i,
.link_zone_06 .link_zone i,
.link_zone_04 .link_zone i,
.link_zone_04 .link_zone_3d i,
.link_zone_04 .link_zone_2nd i {
    padding-left: 5px;
    font-size: 17px;
}

.link_zone {
    position: absolute;
}

/* zones */
.map_zone .link_zone {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.link_zone_04 .link_zone {
    top: 20px;
    left: 50%;
    transform: translateX(50%);
}

.link_zone_04 .link_zone_3d {
    top: 20px;
    left: 50%;
    transform: translateX(-145%);
}

.link_zone_02 .link_zone_2nd {
    bottom: 170px;
    top: initial;
    left: initial;
    right: 20px;
    transform: translateX(0);
}

.link_zone_06 .link_zone {
    bottom: 33px;
    top: initial;
    left: 50%;
    transform: translateX(50%);
}

.link_zone_06 .link_zone_2nd {
    bottom: 33px;
    top: initial;
    left: 50%;
    transform: translateX(-145%);
}

.link_zone_03 .link_zone_2nd,
.link_zone_04 .link_zone_2nd,
.link_zone_05 .link_zone_2nd {
    bottom: 50px;
    top: initial;
    left: 50%;
    transform: translateX(-50%);
}
/* ///////////////////// end section 1 ///////////////////// */
/* ///////////////////// start section 2 ///////////////////// */
.liste_expo {
    padding: 30px 7px;
    max-width: 100%;
    overflow-x: hidden;
}

.liste_expo h1 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 8px;
    margin-bottom: 15px;
}

.liste_expo_zone_01 {
    color: var(--zone01);
}

.liste_expo_zone_02 {
    color: var(--zone02);
}

.liste_expo_zone_03 {
    color: var(--zone03);
}

.liste_expo_zone_04 {
    color: var(--zone04);
}

.liste_expo_zone_05 {
    color: var(--zone05);
}

.liste_expo_zone_06 {
    color: var(--zone06);
}

.exposant {
    display: flex;
    flex-direction: column;
}

.name_expo {
    display: flex;
    justify-content: space-between;
}

.descriptif_expo {
    display: flex;
    flex-direction: column;
    padding: 0 8px 0 8px !important;
    margin-bottom: 10px;
}

.descriptif_expo * {
    color: var(--dark);
    font-size: 15px;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    padding-top: 7px;
    line-height: 1.1;
}

.exposant .accordion-button {
    padding: 0;
    align-items: baseline;
    padding: 7px 8px;
}

.exposant .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.exposant .accordion-button::after {
    content: '\f078';
    background-image: none;
    font-family: 'FontAwesome';
    margin-bottom: 5px !important;
    margin-left: 5px;
    transition: none;
}

.exposant .accordion-button:not(.collapsed)::after {
    margin-bottom: 3px !important;
    transform: none;
    content: '\f077';
}

.exposant .accordion-button:not(.collapsed) {
    box-shadow: none;
    background: transparent;
}

.liste_expo .accordion-item {
    border: none;
}

.exposant * {
    color: var(--dark);
    font-size: 15px;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    padding-top: 7px;
    line-height: 1.1;
}

.exposant p {
    margin-bottom: 0;
    padding: 5px 0;
}

.exposant .expoName,
.exposant .expoCat {
    width: 50%;
    padding-right: 10px;
}

.expoZone {
    width: 20%;
    text-align: right;
}

.exposant .expoZone {
    text-decoration: none;
}

.liste_expo .active * {
    color: var(--light);
}

.liste_expo_zone_01 .active .accordion-button:not(.collapsed),
.liste_expo_zone_01 .active .accordion-button {
    background: var(--zone01);
}

.liste_expo_zone_02 .active .accordion-button:not(.collapsed),
.liste_expo_zone_02 .active .accordion-button {
    background: var(--zone02);
}

.liste_expo_zone_03 .active .accordion-button:not(.collapsed),
.liste_expo_zone_03 .active .accordion-button {
    background: var(--zone03);
}

.liste_expo_zone_04 .active .accordion-button:not(.collapsed),
.liste_expo_zone_04 .active .accordion-button {
    background: var(--zone04);
}

.liste_expo_zone_05 .active .accordion-button:not(.collapsed),
.liste_expo_zone_05 .active .accordion-button {
    background: var(--zone05);
}

.liste_expo_zone_06 .active .accordion-button:not(.collapsed),
.liste_expo_zone_06 .active .accordion-button {
    background: var(--zone06);
}

.liste_expo_zone_01 .exposant.vip p,
.liste_expo_zone_01 .exposant.vip .accordion-button::after {
    color: var(--zone01);
}

.liste_expo_zone_01 .descriptif_expo .border-b {
	border-bottom: 3px solid var(--zone01);
}

.liste_expo_zone_01 .descriptif_expo a:last-child {
    padding-bottom: 10px;
}

.liste_expo_zone_02 .exposant.vip p,
.liste_expo_zone_02 .exposant.vip .accordion-button::after {
    color: var(--zone02);
}

.liste_expo_zone_02 .descriptif_expo .border-b {
	border-bottom: 3px solid var(--zone02);
}

.liste_expo_zone_02 .descriptif_expo a:last-child {
    padding-bottom: 10px;
}

.liste_expo_zone_03 .exposant.vip p,
.liste_expo_zone_03 .exposant.vip .accordion-button::after {
    color: var(--zone03);
}

.liste_expo_zone_03 .descriptif_expo .border-b {
	border-bottom: 3px solid var(--zone03);
}

.liste_expo_zone_03 .descriptif_expo a:last-child {
    padding-bottom: 10px;
}

.liste_expo_zone_04 .exposant.vip p,
.liste_expo_zone_04 .exposant.vip .accordion-button::after {
    color: var(--zone04);
}

.liste_expo_zone_04 .descriptif_expo .border-b {
	border-bottom: 3px solid var(--zone04);
}

.liste_expo_zone_05 .exposant.vip p,
.liste_expo_zone_05 .exposant.vip .accordion-button::after {
    color: var(--zone05);
}

.liste_expo_zone_05 .descriptif_expo .border-b {
	border-bottom: 3px solid var(--zone05);
}

.liste_expo_zone_05 .descriptif_expo a:last-child {
    padding-bottom: 10px;
}

.liste_expo_zone_06 .exposant.vip p,
.liste_expo_zone_06 .exposant.vip .accordion-button::after {
    color: var(--zone06);
}

.liste_expo_zone_06 .descriptif_expo .border-b {
	border-bottom: 3px solid var(--zone06);
}

.liste_expo_zone_06 .descriptif_expo a:last-child {
    padding-bottom: 25px;
}

.descriptif_expo * {
    color: var(--grey) !important;
    font-size: 13px;
}

.activity {
    padding-right: 20px;
}

.descriptif_expo a {
    text-decoration: underline;
}

.mail, 
.tel,
.site {
    width: fit-content;
}

/* ///////////////////// end section 2 ///////////////////// */
/* cookie bot */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #00643A !important;
    border-color: #00643A !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border: 2px solid #00643A !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    border-color: #00643A !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom: 1px solid #00643A !important;
    color: #00643A !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: #00643A !important;
    border-color: #00643A !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    border-color: #00643A !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
    color: #00643A !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: #00643A !important;
}

#CookiebotWidget .CookiebotWidget-logo svg circle {
    fill: #028396 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
    color: #00643A !important;
}

#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
	background-color: #00643A !important;
}

/* page gdpr */
.gdpr {
	padding: 180px 15px 50px 15px;
}

.h3_style {
	font-size: 19px;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 400;
    padding-top: 15px;
}

.gdpr p,
.gdpr li {
	font-size: 13px;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.gdpr li {
    list-style: circle;
}

.gdpr ul {
	padding-left: 16px;
    padding-bottom: 13px;
}

.CookieDeclarationTableHeader,
.CookieDeclarationTableCell {
    font-weight: 400 !important;
    padding-left: 0 !important;
    font-family: 'Inter', Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
}

.blob {
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    margin: 10px;
    height: 21px;
    width: 21px;
    transform: scale(1);
    animation: pulse-black 2s infinite;
}

.link_zone_01 .blob.red {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
    border: 2px solid var(--zone01);
}

.link_zone_02 .blob.red {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
    border: 2px solid var(--zone02);
}

.link_zone_03 .blob.red {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
    border: 2px solid var(--zone03);
}

.link_zone_04 .blob.red {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
    border: 2px solid var(--zone04);
}

.link_zone_05 .blob.red {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
    border: 2px solid var(--zone05);
}

.link_zone_06 .blob.red {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
    border: 2px solid var(--zone06);
}

.small {
    height: 25px !important;
    width: 25px !important;
}

.smaller {
    height: 28px !important;
    width: 28px !important;
}

.medium {
    height: 30px !important;
    width: 30px !important;
}

.big {
    height: 35px !important;
    width: 35px !important;
}

.number {
    background: #000;
    color: #fff;
    font-weight: 500;
    display: block;
    text-align: center;
    border-radius: 50px;
    display: none;
}

.small .number {
    width: 21px;
    height: 21px;
    font-size: 13px;
    padding-top: 3px;
}

.smaller .number {
    width: 24px;
    height: 24px;
    font-size: 15px;
    padding-top: 3px;
}

.medium .number {
    width: 26px;
    height: 26px;
    font-size: 18px;
    padding-top: 3px;
}

.big .number {
    width: 31px;
    height: 31px;
    font-size: 21px;
    padding-top: 3px;
}

/* cta localisation generale */
.localisation-generale {
    padding-top: 0 !important;
    display: flex;
    justify-content: end;
    position: absolute;
    bottom: 0;
    right: 8px;
}
.localisation-generale .btn_localisation-generale {
    border: none;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 6px 8px;
    font-weight: 600;
    color: #000 !important;
}

.localisation-generale.zone-01 .btn_localisation-generale {
	background: var(--zone01);
}

.localisation-generale.zone-02 .btn_localisation-generale {
	background: var(--zone02);
}

.localisation-generale.zone-03 .btn_localisation-generale {
	background: var(--zone03);
}

.localisation-generale.zone-04 .btn_localisation-generale {
	background: var(--zone04);
}

.localisation-generale.zone-05 .btn_localisation-generale {
	background: var(--zone05);
}

.localisation-generale.zone-06 .btn_localisation-generale {
	background: var(--zone06);
}

.localisation-generale.zone-01 #modal_localisation-generale-nom {
	color: var(--zone01);
}

.localisation-generale.zone-02 #modal_localisation-generale-nom {
	color: var(--zone02);
}

.localisation-generale.zone-03 #modal_localisation-generale-nom {
	color: var(--zone03);
}

.localisation-generale.zone-04 #modal_localisation-generale-nom {
	color: var(--zone04);
}

.localisation-generale.zone-05 #modal_localisation-generale-nom {
	color: var(--zone05);
}

.localisation-generale.zone-06 #modal_localisation-generale-nom {
	color: var(--zone06);
}

#modal_localisation-generale-nom {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 35px;
}

/* cta localiser un exposant */
.localiser {
    width: 100px;
}

.liste_expo_zone_01 .localiser {
    background: var(--zone01);
    border-color: var(--zone01);
    border-radius: 0;
    padding: 5px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2px;
}

.liste_expo_zone_02 .localiser {
    background: var(--zone02);
    border-color: var(--zone02);
    border-radius: 0;
    padding: 5px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2px;
}

.liste_expo_zone_03 .localiser {
    background: var(--zone03);
    border-color: var(--zone03);
    border-radius: 0;
    padding: 5px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2px;
}

.liste_expo_zone_04 .localiser {
    background: var(--zone04);
    border-color: var(--zone04);
    border-radius: 0;
    padding: 5px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2px;
}

.liste_expo_zone_05 .localiser {
    background: var(--zone05);
    border-color: var(--zone05);
    border-radius: 0;
    padding: 5px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2px;
}

.liste_expo_zone_06 .localiser {
    background: var(--zone06);
    border-color: var(--zone06);
    border-radius: 0;
    padding: 5px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2px;
}
@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}