.carto-national-zones div .zone_occurrences { font-family: "Oswald", Arial, Helvetica, Verdana, sans-serif !important; }

.carto-national-zones div { -webkit-transition: all 0.4s ease !important; -moz-transition: all 0.4s ease !important; -o-transition: all 0.4s ease !important; -ms-transition: all 0.4s ease !important; transition: all 0.4s ease !important; }

.carte-focus { box-shadow: 2px 2px 5px rgba(0, 71, 50, 0.1); }

.legende { box-shadow: 2px 2px 5px rgba(0, 71, 50, 0.4); }

@keyframes blinking { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes blinking { from { opacity: 0; }
  to { opacity: 1; } }
.filrouge, .signature { display: none; }

.menu_front { width: 320px; height: 125px; position: fixed; z-index: 999; bottom: 0; left: 32%; background-image: none; }
.menu_front .intitule_tetiere, .menu_front .navbar-nav { display: none; }
.menu_front a.logo_oscars { background-image: url("../../images/icones/modules/oscars_service_sanitaire.svg"); background-size: contain; width: 180px; height: 54px; top: 60px; margin-left: 130px; background-color: transparent; border-radius: 0; box-shadow: none; }
.menu_front a.logo_oscars:hover { margin-left: 140px; }
.menu_front a.logo_mois_sans_tabac { display: none; }

[role="main"] { padding-top: 10px; }

#carto-national-container { margin-top: 10px; }

.colonne_gauche { margin-bottom: 20px; padding-left: 0; }
.colonne_gauche .nav-tabs { border-bottom: none; }
.colonne_gauche .tab-content .colonne-resultats { padding: 0.75rem 1rem; background-color: #fff; border: 1px solid #C0D9CF; }
.colonne_gauche .tab-content .colonne-resultats > .container:first-child .row { flex-wrap: nowrap; }
.colonne_gauche .tab-content .colonne-resultats > .container:first-child .row .pt-2 { padding-left: 0; padding-right: 0; }
.colonne_gauche .tab-content .colonne-resultats .resultat-action { padding: 10px 0.9rem !important; }
.colonne_gauche .tab-content .colonne-resultats .resultat-action.action-regionale > .col { background-size: 50px; min-height: 50px; padding-right: 60px; }
.colonne_gauche .tab-content .colonne-resultats .resultat-action.action-chainee { background-size: 17px; background-position: 1rem 0.6rem; }
.colonne_gauche .tab-content .colonne-resultats .resultat-action .container .col { padding-left: 8px; padding-right: 0; }
.colonne_gauche .tab-content .colonne-resultats h5 { font-size: 0.95rem; line-height: 1.3; }
.colonne_gauche .tab-content .colonne-resultats p { margin-top: 0; }

.colonne_droite { position: fixed; left: 35%; top: 0; height: 100vh; width: 65%; max-width: none; overflow: hidden; padding: 0; border-left: 1px solid rgba(192, 217, 207, 0.4); }
.colonne_droite .mapboxgl-map { width: 100% !important; height: 100% !important; }

.carte-focus { display: flex; position: fixed; background-color: #65BB0C; z-index: 999; }
.carte-focus .region-focus, .carte-focus .departement-focus { padding: 12px; }
.carte-focus div:nth-child(2) { border-left: #8cf123; }
.carte-focus h4 { color: rgba(255, 255, 255, 0.7); margin: 0; font-size: 15px; font-weight: 300; display: flex; align-items: center; }
.carte-focus h4 span { font-weight: 500; color: #FFF; padding-left: 5px; }
.carte-focus button { -moz-appearance: none; -webkit-appearance: none; background-color: transparent; border: none; margin: 0; margin-left: 10px; }
.carte-focus button:hover { cursor: pointer; }
.carte-focus button svg { fill: #FFF; }

.legende { position: fixed; right: 0; top: 40%; color: #7d7c73; background-color: #FFF; padding: 12px; font-size: 12px; }
.legende h3 { margin: 0; font-size: 13px; }
.legende span { display: block; margin: 2px 0; }
.legende span.legende_nombre_1 span { background-color: #9ADDCA; }
.legende span.legende_nombre_2 span { background-color: #4CB195; }
.legende span.legende_nombre_3 span { background-color: #247e65; }
.legende span.legende_nombre_4 span { background-color: #043B2C; }
.legende span span { display: inline-block; vertical-align: middle; margin-right: 8px; width: 12px; height: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0.8; }

.carto-national-zones { position: fixed; top: 0; height: 100vh; display: flex; flex-direction: column; justify-content: center; padding-bottom: 100px; }
.carto-national-zones div { width: 70px; background-color: #b4d7cb; border-top: 1px solid rgba(255, 255, 255, 0.4); }
.carto-national-zones div:before { content: ""; height: 60px; margin: 5px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center, 5px; }
.carto-national-zones div.zone-martinique:before { background-image: url("../../images/cartes/cartes_blanches/martinique.svg"); }
.carto-national-zones div.zone-guadeloupe:before { background-image: url("../../images/cartes/cartes_blanches/guadeloupe.svg"); }
.carto-national-zones div.zone-reunion:before { background-image: url("../../images/cartes/cartes_blanches/la_reunion.svg"); }
.carto-national-zones div.zone-mayotte:before { background-image: url("../../images/cartes/cartes_blanches/mayotte.svg"); }
.carto-national-zones div.zone-guyanne:before { background-image: url("../../images/cartes/cartes_blanches/guyanne.svg"); }
.carto-national-zones div.zone-france:before { background-image: url("../../images/cartes/cartes_blanches/france.svg"); border-top: none; }
.carto-national-zones div:hover { cursor: pointer; background-color: #38d092; }
.carto-national-zones div:hover:before { background-size: 75%; }
.carto-national-zones div .zone_intitule { display: none; }
.carto-national-zones div .zone_occurrences { font-size: 15px; color: #FFF; opacity: 0.7; display: block; text-align: center; padding-top: 5px; }

/*# sourceMappingURL=cartographie_nationale.css.map */