/** * Carte France Interactive - Styles CSS * Version:1.0.0 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');/* ======================================== Container principal ======================================== */.carte-france-container{max-width:100%;margin:0 auto;padding:20px;}@media screen and (max-width:768px){.carte-france-container{display:none !important;}}/* ======================================== Barre de recherche ======================================== */.cfi-search-wrapper{position:relative;margin-bottom:30px;max-width:400px;}.cfi-search-input{width:100%;padding:12px 45px 12px 15px;font-size:16px;line-height:1.5;border:2px solid #ddd;border-radius:8px;outline:none;transition:all 0.3s ease;background-color:#fff;color:#333;}.cfi-search-input::placeholder{color:#999;font-weight:300;}.cfi-search-input:focus{border-color:#168FFB;box-shadow:0 0 0 3px rgba(138,6,53,0.1);}.cfi-search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:18px;color:#999;pointer-events:none;}/* ======================================== Liste d'autocomplétion ======================================== */.cfi-autocomplete{position:absolute;top:100%;left:0;right:0;background:white;border:2px solid #168FFB;border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.15);display:none;}.cfi-autocomplete.visible{display:block;}.cfi-autocomplete-item{padding:12px 15px;cursor:pointer;transition:background 0.2s ease;border-bottom:1px solid #f0f0f0;}.cfi-autocomplete-item:last-child{border-bottom:none;}.cfi-autocomplete-item:hover,.cfi-autocomplete-item.selected{background:#f8f9fa;}.cfi-autocomplete-item-number{color:#168FFB;font-weight:700;margin-right:8px;}.cfi-autocomplete-item-name{color:#333;}.cfi-autocomplete-item mark{background:#fff3cd;color:#168FFB;font-weight:600;padding:0 2px;}.cfi-autocomplete-empty{padding:12px 15px;color:#999;font-style:italic;text-align:center;}/* ======================================== Container principal ======================================== */.cfi-map-wrapper{position:relative;width:100%;max-width:907px;margin:0 auto;}.cfi-carte{width:100%;height:auto;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}.cfi-carte svg{width:100%;height:auto;display:block;}/* ======================================== Styles des départements ======================================== */.cfi-carte svg path[id^="dep_"]{fill:#8ad;stroke:#fff;stroke-width:0.5;cursor:pointer;transition:all 0.2s ease;outline:none;}.cfi-carte svg path[id^="dep_"]:hover,.cfi-carte svg path[id^="dep_"].highlighted{fill:#168FFB !important;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 4px 8px rgba(138,6,53,0.3));transform-origin:center;}.cfi-carte svg path[id^="dep_"]:hover ~ text.cfi-dept-number,.cfi-carte svg path[id^="dep_"].highlighted ~ text.cfi-dept-number{fill:#fff !important;}.cfi-carte svg path[id^="dep_"]:focus{fill:#168FFB;stroke:#fff;stroke-width:2;outline:none;}.cfi-carte svg path[id^="dep_"]:focus-visible{outline:none;}.cfi-carte svg path[id^="dep_"].dimmed{opacity:0.3;transition:opacity 0.3s ease;}/* ======================================== Layout carte + liste côte à côte ======================================== */.cfi-content-wrapper{display:flex;gap:20px;align-items:flex-start;}.cfi-map-section{flex:0 0 60%;max-width:60%;}.cfi-list-section{flex:0 0 calc(40% - 20px);max-width:calc(40% - 20px);}/* ======================================== Container de la carte ======================================== */.cfi-map-wrapper{position:relative;width:100%;margin:0 auto;max-height:800px;overflow:hidden;}.cfi-carte{width:100%;height:auto;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}.cfi-carte svg{width:100%;height:auto;display:block;}/* ======================================== Liste des départements ======================================== */.cfi-departements-list{display:flex;flex-direction:column;flex-wrap:wrap;max-height:800px;gap:2px 12px;width:100%;}.cfi-departement-item{display:flex;align-items:center;padding:4px 8px;cursor:pointer;transition:all 0.2s ease;border-radius:4px;text-decoration:none;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.3;white-space:nowrap;}.cfi-departement-item:hover{background-color:#f8f9fa;}.cfi-departement-number{color:#168FFB;font-weight:600;margin-right:6px;min-width:26px;flex-shrink:0;transition:color 0.2s ease;}.cfi-departement-name{color:#000000;font-weight:400;transition:all 0.2s ease;}.cfi-departement-item:hover .cfi-departement-name{color:#168FFB;text-decoration:underline;text-decoration-color:#168FFB;}@media screen and (max-width:1024px){.cfi-content-wrapper{flex-direction:column;}.cfi-map-section{flex:0 0 100%;max-width:100%;}.cfi-list-section{flex:0 0 100%;max-width:100%;}.cfi-map-wrapper{max-height:none;}.cfi-departements-list{max-height:none;}}@media screen and (max-width:768px){.cfi-departements-list{flex-direction:row;flex-wrap:wrap;max-height:none;}.cfi-departement-item{width:calc(50% - 6px);}}/* ======================================== Tooltip ======================================== */.cfi-tooltip{position:fixed;padding:10px 15px;background-color:rgba(0,0,0,0.9);color:#fff;border-radius:6px;font-size:14px;font-weight:500;pointer-events:none;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.3);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}.cfi-tooltip.visible{opacity:1;visibility:visible;}.cfi-tooltip-number{color:#168FFB;font-weight:700;margin-right:5px;}.cfi-tooltip-name{color:#fff;}.cfi-tooltip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,0.9);}/* ======================================== Animations ======================================== */@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}.cfi-carte svg path[id^="dep_"].pulse{animation:pulse 0.5s ease;}/* ======================================== États de chargement ======================================== */.cfi-carte.loading{opacity:0.5;pointer-events:none;}.cfi-carte.loading::after{content:'Chargement...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#168FFB;font-weight:600;}/* ======================================== Responsive ======================================== */@media screen and (max-width:1024px){.carte-france-container{padding:15px;}.cfi-search-input{font-size:15px;}.cfi-tooltip{font-size:13px;}}@media screen and (max-width:768px){}/* ======================================== Accessibilité ======================================== */.cfi-carte svg path[id^="dep_"]:focus-visible{outline:none;fill:#168FFB;stroke:#fff;stroke-width:2;}@media (prefers-contrast:high){.cfi-carte svg path[id^="dep_"]{stroke-width:1;}.cfi-carte svg path[id^="dep_"]:hover,.cfi-carte svg path[id^="dep_"].highlighted{stroke-width:2.5;}}@media (prefers-reduced-motion:reduce){.cfi-carte svg path[id^="dep_"],.cfi-tooltip,.cfi-search-input{transition:none !important;animation:none !important;}}/* ======================================== Print styles ======================================== */@media print{.cfi-search-wrapper{display:none;}.cfi-tooltip{display:none;}.cfi-carte svg path[id^="dep_"]{fill:#fff !important;stroke:#000 !important;}}.cfi-content-wrapper{display:block;}.cfi-map-section{flex:0 0 100% !important;max-width:100% !important;}.cfi-list-section{display:none !important;}.cfi-map-wrapper{width:100%;max-width:100%;max-height:none !important;overflow:visible !important;}.cfi-carte svg{width:100%;height:auto;}.cfi-content-wrapper{display:block;}.cfi-map-section,.cfi-map-wrapper,.cfi-carte{width:100%;max-width:100%;}.cfi-map-section{flex:0 0 100% !important;max-width:100% !important;}.cfi-list-section{display:none !important;}.cfi-map-wrapper{max-height:none !important;overflow:visible !important;}.cfi-carte svg{width:100%;height:auto;display:block;}