S\u00e9ismes majeurs – Cara\u00efbes<\/title>\n<style>\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n padding: 20px;\n}\n\n.container {\n max-width: 1400px;\n margin: 0 auto;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n overflow: hidden;\n}\n\nheader {\n background: linear-gradient(135deg, #c31432 0%, #240b36 100%);\n color: white;\n padding: 30px;\n text-align: center;\n}\n\nh1 {\n font-size: 2.5em;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n\n.subtitle {\n font-size: 1.2em;\n opacity: 0.9;\n}\n\n.main-content {\n display: flex;\n flex-wrap: wrap;\n}\n\n.map-container {\n flex: 1;\n min-width: 600px;\n padding: 30px;\n position: relative;\n}\n\nsvg {\n width: 100%;\n height: auto;\n border: 2px solid #ddd;\n border-radius: 10px;\n background: #e6f3ff;\n}\n\n.sidebar {\n width: 400px;\n background: #f8f9fa;\n padding: 30px;\n overflow-y: auto;\n max-height: 800px;\n}\n\n.legend {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.legend h3 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: 1.3em;\n}\n\n.legend-item {\n display: flex;\n align-items: center;\n margin: 10px 0;\n font-size: 0.95em;\n}\n\n.legend-circle {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n margin-right: 10px;\n border: 2px solid #333;\n}\n\n.seisme-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n border-left: 5px solid #c31432;\n transition: transform 0.2s;\n cursor: pointer;\n}\n\n.seisme-card:hover {\n transform: translateX(5px);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n}\n\n.seisme-date {\n font-weight: bold;\n color: #c31432;\n font-size: 1.1em;\n margin-bottom: 8px;\n}\n\n.seisme-location {\n color: #2c3e50;\n font-weight: 600;\n margin-bottom: 5px;\n}\n\n.seisme-magnitude {\n display: inline-block;\n background: #c31432;\n color: white;\n padding: 3px 10px;\n border-radius: 15px;\n font-size: 0.9em;\n font-weight: bold;\n margin: 5px 0;\n}\n\n.seisme-details {\n font-size: 0.9em;\n color: #555;\n margin-top: 8px;\n line-height: 1.5;\n}\n\n.island-label {\n font-size: 12px;\n font-weight: bold;\n fill: #2c3e50;\n}\n\n.seisme-point {\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.seisme-point:hover {\n filter: drop-shadow(0 0 10px rgba(195, 20, 50, 0.8));\n transform: scale(1.2);\n}\n\n@media (max-width: 1200px) {\n .main-content {\n flex-direction: column;\n }\n \n .sidebar {\n width: 100%;\n }\n \n .map-container {\n min-width: 100%;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <header>\n <h1>\ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles<\/h1>\n <p class=\"subtitle\">Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs<\/p>\n <\/header>\n\n <div class=\"main-content\">\n <div class=\"map-container\">\n <svg viewbox=\"0 0 600 900\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <rect width=\"600\" height=\"900\" fill=\"#b3d9ff\"\/>\n \n \n <g stroke=\"#ccc\" stroke-width=\"0.5\" opacity=\"0.3\">\n <line x1=\"0\" y1=\"100\" x2=\"600\" y2=\"100\"\/>\n <line x1=\"0\" y1=\"200\" x2=\"600\" y2=\"200\"\/>\n <line x1=\"0\" y1=\"300\" x2=\"600\" y2=\"300\"\/>\n <line x1=\"0\" y1=\"400\" x2=\"600\" y2=\"400\"\/>\n <line x1=\"0\" y1=\"500\" x2=\"600\" y2=\"500\"\/>\n <line x1=\"0\" y1=\"600\" x2=\"600\" y2=\"600\"\/>\n <line x1=\"0\" y1=\"700\" x2=\"600\" y2=\"700\"\/>\n <line x1=\"0\" y1=\"800\" x2=\"600\" y2=\"800\"\/>\n <\/g>\n\n \n \n <ellipse cx=\"300\" cy=\"100\" rx=\"25\" ry=\"35\" fill=\"#8bc34a\"\/>\n <text x=\"300\" y=\"105\" text-anchor=\"middle\" class=\"island-label\">Saint-Kitts<\/text>\n \n \n <ellipse cx=\"310\" cy=\"150\" rx=\"15\" ry=\"20\" fill=\"#8bc34a\"\/>\n <text x=\"310\" y=\"153\" text-anchor=\"middle\" class=\"island-label\" font-size=\"10\">Nevis<\/text>\n \n \n <ellipse cx=\"290\" cy=\"230\" rx=\"18\" ry=\"28\" fill=\"#8bc34a\"\/>\n <text x=\"290\" y=\"235\" text-anchor=\"middle\" class=\"island-label\">Montserrat<\/text>\n \n \n <ellipse cx=\"350\" cy=\"200\" rx=\"22\" ry=\"30\" fill=\"#8bc34a\"\/>\n <text x=\"350\" y=\"205\" text-anchor=\"middle\" class=\"island-label\">Antigua<\/text>\n \n \n <path d=\"M 250 380 L 280 350 L 310 360 L 320 390 L 300 410 L 270 400 Z\" fill=\"#4caf50\"\/>\n <text x=\"290\" y=\"385\" text-anchor=\"middle\" class=\"island-label\">Guadeloupe<\/text>\n \n \n <ellipse cx=\"340\" cy=\"420\" rx=\"12\" ry=\"15\" fill=\"#8bc34a\"\/>\n \n \n <circle cx=\"270\" cy=\"430\" r=\"8\" fill=\"#8bc34a\"\/>\n <text x=\"270\" y=\"450\" text-anchor=\"middle\" class=\"island-label\" font-size=\"10\">Les Saintes<\/text>\n \n \n <ellipse cx=\"250\" cy=\"530\" rx=\"20\" ry=\"40\" fill=\"#4caf50\"\/>\n <text x=\"250\" y=\"535\" text-anchor=\"middle\" class=\"island-label\">Dominique<\/text>\n \n \n <ellipse cx=\"240\" cy=\"680\" rx=\"22\" ry=\"45\" fill=\"#4caf50\"\/>\n <text x=\"240\" y=\"685\" text-anchor=\"middle\" class=\"island-label\">Martinique<\/text>\n \n \n <ellipse cx=\"230\" cy=\"780\" rx=\"18\" ry=\"35\" fill=\"#8bc34a\"\/>\n <text x=\"230\" y=\"785\" text-anchor=\"middle\" class=\"island-label\">Ste-Lucie<\/text>\n \n \n <ellipse cx=\"220\" cy=\"860\" rx=\"20\" ry=\"30\" fill=\"#8bc34a\"\/>\n <text x=\"220\" y=\"865\" text-anchor=\"middle\" class=\"island-label\">St-Vincent<\/text>\n\n \n \n <circle class=\"seisme-point\" cx=\"330\" cy=\"330\" r=\"30\" fill=\"#8B0000\" opacity=\"0.7\" data-seisme=\"1843\"\/>\n <text x=\"330\" y=\"335\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"14\">1843<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"280\" cy=\"700\" r=\"27\" fill=\"#DC143C\" opacity=\"0.7\" data-seisme=\"1839\"\/>\n <text x=\"280\" y=\"705\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"13\">1839<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"260\" cy=\"460\" r=\"20\" fill=\"#FF4500\" opacity=\"0.7\" data-seisme=\"2004\"\/>\n <text x=\"260\" y=\"465\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"12\">2004<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"300\" cy=\"650\" r=\"24\" fill=\"#DC143C\" opacity=\"0.7\" data-seisme=\"1946\"\/>\n <text x=\"300\" y=\"655\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"12\">1946<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"260\" cy=\"730\" r=\"26\" fill=\"#DC143C\" opacity=\"0.7\" data-seisme=\"1953\"\/>\n <text x=\"260\" y=\"735\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"13\">1953<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"220\" cy=\"860\" r=\"18\" fill=\"#FF6347\" opacity=\"0.7\" data-seisme=\"1902\"\/>\n <text x=\"220\" y=\"865\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"11\">1902<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"280\" cy=\"760\" r=\"24\" fill=\"#DC143C\" opacity=\"0.7\" data-seisme=\"1906\"\/>\n <text x=\"280\" y=\"765\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"12\">1906<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"240\" cy=\"620\" r=\"25\" fill=\"#DC143C\" opacity=\"0.7\" data-seisme=\"2007\"\/>\n <text x=\"240\" y=\"625\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"13\">2007<\/text>\n\n \n <defs>\n <marker id=\"arrow\" markerwidth=\"10\" markerheight=\"10\" refx=\"5\" refy=\"3\" orient=\"auto\" markerunits=\"strokeWidth\">\n <path d=\"M0,0 L0,6 L9,3 z\" fill=\"#333\" \/>\n <\/marker>\n <\/defs>\n <line x1=\"450\" y1=\"100\" x2=\"450\" y2=\"850\" stroke=\"#333\" stroke-width=\"3\" stroke-dasharray=\"10,5\" marker-end=\"url(#arrow)\"\/>\n <text x=\"470\" y=\"450\" font-size=\"14\" font-weight=\"bold\" fill=\"#333\">Zone de subduction<\/text>\n <\/svg>\n <\/div>\n\n <div class=\"sidebar\">\n <div class=\"legend\">\n <h3>\ud83d\udcca L\u00e9gende<\/h3>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #8B0000; width:30px; height:30px;\"><\/div>\n <span>Magnitude 8.0 – 8.5<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #DC143C; width:26px; height:26px;\"><\/div>\n <span>Magnitude 7.0 – 7.9<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #FF4500; width:20px; height:20px;\"><\/div>\n <span>Magnitude 6.0 – 6.9<\/span>\n <\/div>\n <\/div>\n\n <div id=\"seismes-list\">\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1843')\">\n <div class=\"seisme-date\">8 f\u00e9vrier 1843<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Guadeloupe – Antigua<\/div>\n <span class=\"seisme-magnitude\">M 8.0 – 8.5<\/span>\n <div class=\"seisme-details\">\n <strong>Le plus puissant s\u00e9isme enregistr\u00e9 aux Antilles.<\/strong> \u00c9picentre entre Le Moule (Guadeloupe) et Antigua. Pointe-\u00e0-Pitre d\u00e9truite par incendie. 3 000 \u00e0 6 000 morts. Intensit\u00e9 IX. Ressenti jusqu’\u00e0 Caracas et Cayenne.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1839')\">\n <div class=\"seisme-date\">11 janvier 1839<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud-Est Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5 – 8.0<\/span>\n <div class=\"seisme-details\">\n <strong>Second s\u00e9isme le plus d\u00e9vastateur des \u00celes du Vent.<\/strong> Fort-de-France particuli\u00e8rement touch\u00e9e. 300 \u00e0 4 000 morts, 28 975 bless\u00e9s. Dur\u00e9e : 40 secondes. Intensit\u00e9 IX \u00e0 Fort-de-France, VII-VIII \u00e0 Sainte-Lucie.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1906')\">\n <div class=\"seisme-date\">1906<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord-Ouest Sainte-Lucie<\/div>\n <span class=\"seisme-magnitude\">M > 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>Gros d\u00e9g\u00e2ts \u00e0 Sainte-Lucie et Martinique.<\/strong> S\u00e9isme de forte magnitude ayant caus\u00e9 d’importants dommages dans les deux \u00eeles. D\u00e9tails historiques limit\u00e9s.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1946')\">\n <div class=\"seisme-date\">21 mai 1946<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Large de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme profond (60 km).<\/strong> Secousse de 35 secondes fortement ressentie en Martinique, Dominique, Sainte-Lucie. Intensit\u00e9 VII-VIII localement. 1 mort au Lorrain, vingtaine de bless\u00e9s. R\u00e9pliques importantes les 22 mai et 12 juillet.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1953')\">\n <div class=\"seisme-date\">19 mars 1953<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme tr\u00e8s profond (135 km).<\/strong> \u00c0 8h27 heure locale. Nombreux d\u00e9g\u00e2ts, chute de nombreux clochers. Intensit\u00e9 VII \u00e0 VIII. La profondeur a limit\u00e9 les destructions.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('2004')\">\n <div class=\"seisme-date\">21 novembre 2004<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Les Saintes – Dominique<\/div>\n <span class=\"seisme-magnitude\">M 6.3<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme intraplaque le plus important depuis 1909 en France.<\/strong> \u00c9picentre \u00e0 14 km de profondeur. 1 victime, nombreux d\u00e9g\u00e2ts aux Saintes. Mini-tsunami. Plus de 1 700 r\u00e9pliques en 4 jours. Intensit\u00e9 VIII aux Saintes.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('2007')\">\n <div class=\"seisme-date\">29 novembre 2007<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.4<\/span>\n <div class=\"seisme-details\">\n <strong>\u00c0 15h00 heure locale.<\/strong> Profondeur : 152 km. Zone de subduction. Ressenti dans tout l’arc des Petites Antilles. D\u00e9g\u00e2ts mod\u00e9r\u00e9s en Martinique. Intensit\u00e9 VII. Pas de tsunami gr\u00e2ce \u00e0 la grande profondeur.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1902')\">\n <div class=\"seisme-date\">1902<\/div>\n <div class=\"seisme-location\">\ud83c\udf0b Soufri\u00e8re St-Vincent<\/div>\n <span class=\"seisme-magnitude\">\u00c9ruption volcanique<\/span>\n <div class=\"seisme-details\">\n <strong>\u00c9ruption explosive majeure (IEV 4).<\/strong> Accompagn\u00e9e de s\u00e9ismes volcaniques importants. Environ 1 600 morts. \u00c9ruption quasi-simultan\u00e9e avec la Montagne Pel\u00e9e en Martinique (8 mai 1902).\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\nfunction highlightSeisme(year) {\n \/\/ Enlever tous les highlights\n document.querySelectorAll('.seisme-point').forEach(point => {\n point.style.filter = '';\n point.style.transform = '';\n });\n \n \/\/ Highlight le s\u00e9isme s\u00e9lectionn\u00e9\n const seismePoint = document.querySelector(`[data-seisme=\"${year}\"]`);\n if (seismePoint) {\n seismePoint.style.filter = 'drop-shadow(0 0 15px rgba(255, 215, 0, 1))';\n seismePoint.style.transform = 'scale(1.3)';\n \n \/\/ Animation\n setTimeout(() => {\n seismePoint.style.filter = 'drop-shadow(0 0 10px rgba(195, 20, 50, 0.8))';\n seismePoint.style.transform = 'scale(1.2)';\n }, 500);\n }\n}\n\n\/\/ Ajouter interaction au survol\ndocument.querySelectorAll('.seisme-point').forEach(point => {\n point.addEventListener('click', function() {\n const year = this.getAttribute('data-seisme');\n highlightSeisme(year);\n \n \/\/ Scroll vers la carte correspondante\n const card = Array.from(document.querySelectorAll('.seisme-card')).find(\n card => card.textContent.includes(year)\n );\n if (card) {\n card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n card.style.background = '#fff9e6';\n setTimeout(() => {\n card.style.background = 'white';\n }, 2000);\n }\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>S\u00e9ismes majeurs – Cara\u00efbes<\/title>\n<style>\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #f5f5f5;\n padding: 0;\n}\n\n.container {\n max-width: 100%;\n margin: 0 auto;\n background: white;\n}\n\nheader {\n background: linear-gradient(135deg, #c31432 0%, #240b36 100%);\n color: white;\n padding: 30px 20px;\n text-align: center;\n}\n\nh1 {\n font-size: 2.2em;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n\n.subtitle {\n font-size: 1.1em;\n opacity: 0.95;\n}\n\n.upload-section {\n background: #fff9e6;\n border: 3px dashed #f39c12;\n padding: 30px;\n margin: 20px;\n border-radius: 15px;\n text-align: center;\n}\n\n.upload-section h2 {\n color: #f39c12;\n margin-bottom: 15px;\n}\n\n.upload-btn {\n background: #3498db;\n color: white;\n padding: 15px 30px;\n border: none;\n border-radius: 8px;\n font-size: 16px;\n cursor: pointer;\n transition: all 0.3s;\n font-weight: bold;\n}\n\n.upload-btn:hover {\n background: #2980b9;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);\n}\n\n#fileInput {\n display: none;\n}\n\n.main-content {\n display: flex;\n flex-wrap: wrap;\n}\n\n.map-container {\n flex: 1;\n min-width: 650px;\n padding: 20px;\n position: relative;\n}\n\n.map-wrapper {\n position: relative;\n width: 100%;\n border: 3px solid #2c3e50;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 20px rgba(0,0,0,0.2);\n background: #e0f2ff;\n}\n\n.map-image {\n width: 100%;\n height: auto;\n display: block;\n min-height: 400px;\n}\n\n.placeholder-text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n color: #7f8c8d;\n font-size: 1.2em;\n}\n\n.seisme-marker {\n position: absolute;\n transform: translate(-50%, -50%);\n cursor: pointer;\n transition: all 0.3s;\n z-index: 10;\n}\n\n.seisme-marker:hover {\n filter: drop-shadow(0 0 15px rgba(255, 215, 0, 1));\n transform: translate(-50%, -50%) scale(1.3);\n z-index: 100;\n}\n\n.seisme-circle {\n border-radius: 50%;\n border: 3px solid #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n box-shadow: 0 4px 12px rgba(0,0,0,0.6);\n text-shadow: 1px 1px 2px rgba(0,0,0,0.8);\n}\n\n.seisme-label {\n position: absolute;\n top: 110%;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(44, 62, 80, 0.95);\n color: white;\n padding: 6px 12px;\n border-radius: 5px;\n font-size: 11px;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s;\n box-shadow: 0 2px 8px rgba(0,0,0,0.4);\n z-index: 1000;\n}\n\n.seisme-marker:hover .seisme-label {\n opacity: 1;\n}\n\n.sidebar {\n width: 450px;\n background: #f8f9fa;\n padding: 25px;\n overflow-y: auto;\n max-height: 900px;\n}\n\n.legend {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.legend h3 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: 1.3em;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.legend-item {\n display: flex;\n align-items: center;\n margin: 12px 0;\n font-size: 0.95em;\n}\n\n.legend-circle {\n border-radius: 50%;\n margin-right: 12px;\n border: 2px solid #fff;\n box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n flex-shrink: 0;\n}\n\n.seisme-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n border-left: 5px solid #c31432;\n transition: all 0.3s;\n cursor: pointer;\n}\n\n.seisme-card:hover {\n transform: translateX(5px);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n background: #fffef8;\n}\n\n.seisme-date {\n font-weight: bold;\n color: #c31432;\n font-size: 1.1em;\n margin-bottom: 8px;\n}\n\n.seisme-location {\n color: #2c3e50;\n font-weight: 600;\n margin-bottom: 5px;\n font-size: 1.05em;\n}\n\n.seisme-magnitude {\n display: inline-block;\n background: #c31432;\n color: white;\n padding: 4px 12px;\n border-radius: 15px;\n font-size: 0.9em;\n font-weight: bold;\n margin: 5px 0;\n}\n\n.seisme-details {\n font-size: 0.9em;\n color: #555;\n margin-top: 10px;\n line-height: 1.6;\n}\n\n.note {\n background: #e8f4fd;\n border-left: 4px solid #3498db;\n padding: 15px;\n margin: 20px;\n border-radius: 5px;\n font-size: 0.95em;\n line-height: 1.6;\n}\n\n.note strong {\n color: #2c3e50;\n}\n\n.highlighted {\n background: #fff9e6 !important;\n border-left-color: #f39c12 !important;\n}\n\n@media (max-width: 1200px) {\n .main-content {\n flex-direction: column;\n }\n \n .sidebar {\n width: 100%;\n }\n \n .map-container {\n min-width: 100%;\n }\n \n h1 {\n font-size: 1.8em;\n }\n}\n\n@media (max-width: 768px) {\n header {\n padding: 20px 15px;\n }\n \n h1 {\n font-size: 1.5em;\n }\n \n .subtitle {\n font-size: 0.95em;\n }\n \n .upload-section {\n padding: 20px;\n margin: 15px;\n }\n \n .seisme-circle {\n font-size: 0.8em !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <header>\n <h1>\ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles<\/h1>\n <p class=\"subtitle\">Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs<\/p>\n <\/header>\n\n <div class=\"upload-section\" id=\"uploadSection\">\n <h2>\ud83d\udce4 Charger votre carte des Cara\u00efbes<\/h2>\n <p style=\"margin-bottom: 20px; color: #555;\">Cliquez sur le bouton ci-dessous pour charger votre image de carte<\/p>\n <input type=\"file\" id=\"fileInput\" accept=\"image\/*\">\n <button class=\"upload-btn\" onclick=\"document.getElementById('fileInput').click()\">\n \ud83d\udcc1 Choisir une image\n <\/button>\n <p style=\"margin-top: 15px; font-size: 0.9em; color: #7f8c8d;\">Formats accept\u00e9s : JPG, PNG, GIF<\/p>\n <\/div>\n\n <div class=\"main-content\">\n <div class=\"map-container\">\n <div class=\"map-wrapper\" id=\"mapWrapper\">\n <div class=\"placeholder-text\" id=\"placeholderText\">\n \u2b06\ufe0f Chargez d’abord votre carte ci-dessus\n <\/div>\n <img decoding=\"async\" src=\"\" class=\"map-image\" id=\"mapImage\" style=\"display: none;\">\n \n \n \n <div class=\"seisme-marker\" style=\"left: 58%; top: 28%; display: none;\" data-seisme=\"1843\">\n <div class=\"seisme-circle\" style=\"width: 50px; height: 50px; background: #8B0000; font-size: 15px;\">\n 1843\n <\/div>\n <div class=\"seisme-label\">M 8.0-8.5 \u2022 Le plus puissant<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 53%; top: 52%; display: none;\" data-seisme=\"1839\">\n <div class=\"seisme-circle\" style=\"width: 45px; height: 45px; background: #DC143C; font-size: 14px;\">\n 1839\n <\/div>\n <div class=\"seisme-label\">M 7.5-8.0 \u2022 Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 55%; top: 36%; display: none;\" data-seisme=\"2004\">\n <div class=\"seisme-circle\" style=\"width: 36px; height: 36px; background: #FF4500; font-size: 12px;\">\n 2004\n <\/div>\n <div class=\"seisme-label\">M 6.3 \u2022 Les Saintes<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 50%; top: 48%; display: none;\" data-seisme=\"1946\">\n <div class=\"seisme-circle\" style=\"width: 42px; height: 42px; background: #DC143C; font-size: 13px;\">\n 1946\n <\/div>\n <div class=\"seisme-label\">M 7.0 \u2022 Large Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 54%; top: 55%; display: none;\" data-seisme=\"1953\">\n <div class=\"seisme-circle\" style=\"width: 44px; height: 44px; background: #DC143C; font-size: 14px;\">\n 1953\n <\/div>\n <div class=\"seisme-label\">M 7.5 \u2022 Sud Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 51%; top: 58%; display: none;\" data-seisme=\"1906\">\n <div class=\"seisme-circle\" style=\"width: 42px; height: 42px; background: #DC143C; font-size: 13px;\">\n 1906\n <\/div>\n <div class=\"seisme-label\">M > 7.0 \u2022 Sainte-Lucie<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 52%; top: 45%; display: none;\" data-seisme=\"2007\">\n <div class=\"seisme-circle\" style=\"width: 43px; height: 43px; background: #DC143C; font-size: 13px;\">\n 2007\n <\/div>\n <div class=\"seisme-label\">M 7.4 \u2022 Nord Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 50%; top: 68%; display: none;\" data-seisme=\"1902\">\n <div class=\"seisme-circle\" style=\"width: 38px; height: 38px; background: #FF6347; font-size: 12px;\">\n 1902\n <\/div>\n <div class=\"seisme-label\">\u00c9ruption \u2022 St-Vincent<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sidebar\">\n <div class=\"legend\">\n <h3>\ud83d\udcca L\u00e9gende des magnitudes<\/h3>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #8B0000; width:30px; height:30px;\"><\/div>\n <span><strong>Magnitude 8.0 – 8.5<\/strong> (Catastrophique)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #DC143C; width:26px; height:26px;\"><\/div>\n <span><strong>Magnitude 7.0 – 7.9<\/strong> (Majeur)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #FF4500; width:22px; height:22px;\"><\/div>\n <span><strong>Magnitude 6.0 – 6.9<\/strong> (Fort)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #FF6347; width:20px; height:20px;\"><\/div>\n <span><strong>\u00c9v\u00e9nement volcanique<\/strong><\/span>\n <\/div>\n <\/div>\n\n <div class=\"note\">\n <strong>\ud83d\udca1 Astuce :<\/strong> Cliquez sur les cercles rouges de la carte ou sur les cartes ci-dessous pour voir les d\u00e9tails de chaque s\u00e9isme.\n <\/div>\n\n <div id=\"seismes-list\">\n <div class=\"seisme-card\" data-card=\"1843\">\n <div class=\"seisme-date\">\ud83d\udcc5 8 f\u00e9vrier 1843<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Guadeloupe – Antigua<\/div>\n <span class=\"seisme-magnitude\">M 8.0 – 8.5<\/span>\n <div class=\"seisme-details\">\n <strong>Le s\u00e9isme le plus puissant enregistr\u00e9 aux Antilles.<\/strong><br>\n \u00c9picentre situ\u00e9 entre Le Moule (Guadeloupe) et Antigua. Pointe-\u00e0-Pitre fut d\u00e9truite par un incendie cons\u00e9cutif au s\u00e9isme. Bilan : 3 000 \u00e0 6 000 morts. Intensit\u00e9 MSK de IX. Les secousses ont \u00e9t\u00e9 ressenties jusqu’\u00e0 Caracas (Venezuela) et Cayenne (Guyane).\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1839\">\n <div class=\"seisme-date\">\ud83d\udcc5 11 janvier 1839<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud-Est de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5 – 8.0<\/span>\n <div class=\"seisme-details\">\n <strong>Second s\u00e9isme le plus d\u00e9vastateur des \u00celes du Vent.<\/strong><br>\n Fort-de-France particuli\u00e8rement touch\u00e9e avec une intensit\u00e9 de IX. Dur\u00e9e de la secousse : 40 secondes. Bilan catastrophique : 300 \u00e0 4 000 morts et 28 975 bless\u00e9s. Ph\u00e9nom\u00e8nes lumineux impressionnants rapport\u00e9s.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1906\">\n <div class=\"seisme-date\">\ud83d\udcc5 1906<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord-Ouest de Sainte-Lucie<\/div>\n <span class=\"seisme-magnitude\">M > 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme majeur ayant caus\u00e9 de gros d\u00e9g\u00e2ts.<\/strong><br>\n Sainte-Lucie et la Martinique furent gravement touch\u00e9es par ce tremblement de terre de forte magnitude. Les archives de l’\u00e9poque relatent des destructions importantes dans les deux \u00eeles.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1946\">\n <div class=\"seisme-date\">\ud83d\udcc5 21 mai 1946 \u2022 9h16<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Au large de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme profond de subduction (60 km).<\/strong><br>\n Secousse principale de 35 secondes fortement ressentie en Martinique, Dominique et Sainte-Lucie. Intensit\u00e9 de VII \u00e0 VIII localement. Bilan : 1 mort au Lorrain, une vingtaine de bless\u00e9s. R\u00e9pliques importantes les 22 mai et 12 juillet provoquant la panique.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1953\">\n <div class=\"seisme-date\">\ud83d\udcc5 19 mars 1953 \u2022 8h27<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme tr\u00e8s profond (135 km) de subduction.<\/strong><br>\n Nombreux d\u00e9g\u00e2ts mat\u00e9riels, notamment chute de nombreux clochers d’\u00e9glises. Intensit\u00e9 de VII \u00e0 VIII. La grande profondeur du foyer a heureusement limit\u00e9 l’ampleur des destructions et le nombre de victimes.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"2004\">\n <div class=\"seisme-date\">\ud83d\udcc5 21 novembre 2004 \u2022 7h41<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Les Saintes – Dominique<\/div>\n <span class=\"seisme-magnitude\">M 6.3<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme intraplaque le plus important en France depuis 1909.<\/strong><br>\n \u00c9picentre \u00e0 14 km de profondeur dans le canal de la Dominique. Bilan : 1 victime \u00e0 Trois-Rivi\u00e8res, d\u00e9g\u00e2ts importants aux Saintes. Mini-tsunami observ\u00e9. Plus de 1 700 r\u00e9pliques enregistr\u00e9es en 4 jours. Intensit\u00e9 MSK de VIII aux Saintes.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"2007\">\n <div class=\"seisme-date\">\ud83d\udcc5 29 novembre 2007 \u2022 15h00<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.4<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme de subduction profond (152 km).<\/strong><br>\n Localis\u00e9 \u00e0 40 km au nord\/nord-ouest de la Martinique. Rupture de la plaque sud-am\u00e9ricaine dans son plongement sous la plaque cara\u00efbe. Ressenti dans tout l’arc des Petites Antilles. D\u00e9g\u00e2ts mod\u00e9r\u00e9s en Martinique. Intensit\u00e9 VII. Pas de tsunami gr\u00e2ce \u00e0 la profondeur importante.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1902\">\n <div class=\"seisme-date\">\ud83d\udcc5 Mai 1902<\/div>\n <div class=\"seisme-location\">\ud83c\udf0b Soufri\u00e8re de Saint-Vincent<\/div>\n <span class=\"seisme-magnitude\">\u00c9ruption IEV 4<\/span>\n <div class=\"seisme-details\">\n <strong>\u00c9ruption volcanique explosive majeure.<\/strong><br>\n Indice d’Explosivit\u00e9 Volcanique de 4 (colonne de 10-25 km). Accompagn\u00e9e de nombreux s\u00e9ismes volcaniques. Environ 1 600 victimes. \u00c9ruption quasi-simultan\u00e9e avec la catastrophe de la Montagne Pel\u00e9e en Martinique (8 mai 1902 – 28 000 morts).\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"note\">\n <strong>\u26a0\ufe0f Information importante :<\/strong> Les Petites Antilles se situent sur une zone de subduction active o\u00f9 la plaque nord-am\u00e9ricaine plonge sous la plaque cara\u00efbe. Cette r\u00e9gion reste expos\u00e9e \u00e0 un risque sismique majeur. La pr\u00e9vention et la pr\u00e9paration aux s\u00e9ismes sont essentielles pour limiter les impacts futurs.\n <\/div>\n<\/div>\n\n<script>\n\/\/ Gestion du chargement d'image\ndocument.getElementById('fileInput').addEventListener('change', function(e) {\n const file = e.target.files[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = function(event) {\n const img = document.getElementById('mapImage');\n img.src = event.target.result;\n img.style.display = 'block';\n document.getElementById('placeholderText').style.display = 'none';\n document.getElementById('uploadSection').style.display = 'none';\n \n \/\/ Afficher tous les marqueurs\n document.querySelectorAll('.seisme-marker').forEach(marker => {\n marker.style.display = 'block';\n });\n };\n reader.readAsDataURL(file);\n }\n});\n\n\/\/ Fonction pour mettre en \u00e9vidence un s\u00e9isme\nfunction highlightSeisme(year) {\n \/\/ Enlever tous les highlights des cartes\n document.querySelectorAll('.seisme-card').forEach(card => {\n card.classList.remove('highlighted');\n });\n \n \/\/ Enlever tous les highlights des marqueurs\n document.querySelectorAll('.seisme-marker').forEach(marker => {\n marker.style.filter = '';\n marker.style.transform = 'translate(-50%, -50%)';\n marker.style.zIndex = '10';\n });\n \n \/\/ Highlight le marqueur s\u00e9lectionn\u00e9\n const seismeMarker = document.querySelector(`.seisme-marker[data-seisme=\"${year}\"]`);\n if (seismeMarker) {\n seismeMarker.style.filter = 'drop-shadow(0 0 20px rgba(255, 215, 0, 1))';\n seismeMarker.style.transform = 'translate(-50%, -50%) scale(1.4)';\n seismeMarker.style.zIndex = '1000';\n \n \/\/ Animation de pulsation\n setTimeout(() => {\n seismeMarker.style.filter = 'drop-shadow(0 0 15px rgba(255, 100, 0, 0.9))';\n }, 300);\n \n setTimeout(() => {\n seismeMarker.style.filter = 'drop-shadow(0 0 20px rgba(255, 215, 0, 1))';\n }, 600);\n }\n \n \/\/ Highlight la carte correspondante\n const card = document.querySelector(`.seisme-card[data-card=\"${year}\"]`);\n if (card) {\n card.classList.add('highlighted');\n card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n}\n\n\/\/ Ajouter interaction au clic sur les marqueurs\ndocument.querySelectorAll('.seisme-marker').forEach(marker => {\n marker.addEventListener('click', function(e) {\n e.stopPropagation();\n const year = this.getAttribute('data-seisme');\n highlightSeisme(year);\n });\n});\n\n\/\/ Ajouter interaction au clic sur les cartes\ndocument.querySelectorAll('.seisme-card').forEach(card => {\n card.addEventListener('click', function() {\n const year = this.getAttribute('data-card');\n highlightSeisme(year);\n });\n});\n\n\/\/ Emp\u00eacher la propagation du clic sur les labels\ndocument.querySelectorAll('.seisme-label').forEach(label => {\n label.addEventListener('click', function(e) {\n e.stopPropagation();\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>S\u00e9ismes majeurs – Cara\u00efbes<\/title>\n<style>\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #f5f5f5;\n padding: 0;\n}\n\n.container {\n max-width: 100%;\n margin: 0 auto;\n background: white;\n}\n\nheader {\n background: linear-gradient(135deg, #c31432 0%, #240b36 100%);\n color: white;\n padding: 30px 20px;\n text-align: center;\n}\n\nh1 {\n font-size: 2.2em;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n\n.subtitle {\n font-size: 1.1em;\n opacity: 0.95;\n}\n\n.upload-section {\n background: #fff9e6;\n border: 3px dashed #f39c12;\n padding: 30px;\n margin: 20px;\n border-radius: 15px;\n text-align: center;\n}\n\n.upload-section h2 {\n color: #f39c12;\n margin-bottom: 15px;\n}\n\n.upload-btn {\n background: #3498db;\n color: white;\n padding: 15px 30px;\n border: none;\n border-radius: 8px;\n font-size: 16px;\n cursor: pointer;\n transition: all 0.3s;\n font-weight: bold;\n}\n\n.upload-btn:hover {\n background: #2980b9;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);\n}\n\n#fileInput {\n display: none;\n}\n\n.main-content {\n display: flex;\n flex-wrap: wrap;\n}\n\n.map-container {\n flex: 1;\n min-width: 650px;\n padding: 20px;\n position: relative;\n}\n\n.map-wrapper {\n position: relative;\n width: 100%;\n border: 3px solid #2c3e50;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 20px rgba(0,0,0,0.2);\n background: #e0f2ff;\n}\n\n.map-image {\n width: 100%;\n height: auto;\n display: block;\n min-height: 400px;\n}\n\n.placeholder-text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n color: #7f8c8d;\n font-size: 1.2em;\n}\n\n.seisme-marker {\n position: absolute;\n transform: translate(-50%, -50%);\n cursor: pointer;\n transition: all 0.3s;\n z-index: 10;\n}\n\n.seisme-marker:hover {\n filter: drop-shadow(0 0 15px rgba(255, 215, 0, 1));\n transform: translate(-50%, -50%) scale(1.3);\n z-index: 100;\n}\n\n.seisme-circle {\n border-radius: 50%;\n border: 3px solid #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n box-shadow: 0 4px 12px rgba(0,0,0,0.6);\n text-shadow: 1px 1px 2px rgba(0,0,0,0.8);\n}\n\n.seisme-label {\n position: absolute;\n top: 110%;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(44, 62, 80, 0.95);\n color: white;\n padding: 6px 12px;\n border-radius: 5px;\n font-size: 11px;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s;\n box-shadow: 0 2px 8px rgba(0,0,0,0.4);\n z-index: 1000;\n}\n\n.seisme-marker:hover .seisme-label {\n opacity: 1;\n}\n\n.sidebar {\n width: 450px;\n background: #f8f9fa;\n padding: 25px;\n overflow-y: auto;\n max-height: 900px;\n}\n\n.legend {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.legend h3 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: 1.3em;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.legend-item {\n display: flex;\n align-items: center;\n margin: 12px 0;\n font-size: 0.95em;\n}\n\n.legend-circle {\n border-radius: 50%;\n margin-right: 12px;\n border: 2px solid #fff;\n box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n flex-shrink: 0;\n}\n\n.seisme-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n border-left: 5px solid #c31432;\n transition: all 0.3s;\n cursor: pointer;\n}\n\n.seisme-card:hover {\n transform: translateX(5px);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n background: #fffef8;\n}\n\n.seisme-date {\n font-weight: bold;\n color: #c31432;\n font-size: 1.1em;\n margin-bottom: 8px;\n}\n\n.seisme-location {\n color: #2c3e50;\n font-weight: 600;\n margin-bottom: 5px;\n font-size: 1.05em;\n}\n\n.seisme-magnitude {\n display: inline-block;\n background: #c31432;\n color: white;\n padding: 4px 12px;\n border-radius: 15px;\n font-size: 0.9em;\n font-weight: bold;\n margin: 5px 0;\n}\n\n.seisme-details {\n font-size: 0.9em;\n color: #555;\n margin-top: 10px;\n line-height: 1.6;\n}\n\n.note {\n background: #e8f4fd;\n border-left: 4px solid #3498db;\n padding: 15px;\n margin: 20px;\n border-radius: 5px;\n font-size: 0.95em;\n line-height: 1.6;\n}\n\n.note strong {\n color: #2c3e50;\n}\n\n.highlighted {\n background: #fff9e6 !important;\n border-left-color: #f39c12 !important;\n}\n\n@media (max-width: 1200px) {\n .main-content {\n flex-direction: column;\n }\n \n .sidebar {\n width: 100%;\n }\n \n .map-container {\n min-width: 100%;\n }\n \n h1 {\n font-size: 1.8em;\n }\n}\n\n@media (max-width: 768px) {\n header {\n padding: 20px 15px;\n }\n \n h1 {\n font-size: 1.5em;\n }\n \n .subtitle {\n font-size: 0.95em;\n }\n \n .upload-section {\n padding: 20px;\n margin: 15px;\n }\n \n .seisme-circle {\n font-size: 0.8em !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <header>\n <h1>\ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles<\/h1>\n <p class=\"subtitle\">Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs<\/p>\n <\/header>\n\n\n\n <div class=\"main-content\">\n <div class=\"map-container\">\n <div class=\"map-wrapper\" id=\"mapWrapper\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/carte-caraibes.png\" class=\"map-image\" id=\"mapImage\" alt=\"Carte des Petites Antilles\">\n \n \n \n <div class=\"seisme-marker\" style=\"left: 58%; top: 28%;\" data-seisme=\"1843\">\n <div class=\"seisme-circle\" style=\"width: 50px; height: 50px; background: #8B0000; font-size: 15px;\">\n 1843\n <\/div>\n <div class=\"seisme-label\">M 8.0-8.5 \u2022 Le plus puissant<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 53%; top: 52%;\" data-seisme=\"1839\">\n <div class=\"seisme-circle\" style=\"width: 45px; height: 45px; background: #DC143C; font-size: 14px;\">\n 1839\n <\/div>\n <div class=\"seisme-label\">M 7.5-8.0 \u2022 Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 55%; top: 36%;\" data-seisme=\"2004\">\n <div class=\"seisme-circle\" style=\"width: 36px; height: 36px; background: #FF4500; font-size: 12px;\">\n 2004\n <\/div>\n <div class=\"seisme-label\">M 6.3 \u2022 Les Saintes<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 50%; top: 48%;\" data-seisme=\"1946\">\n <div class=\"seisme-circle\" style=\"width: 42px; height: 42px; background: #DC143C; font-size: 13px;\">\n 1946\n <\/div>\n <div class=\"seisme-label\">M 7.0 \u2022 Large Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 54%; top: 55%;\" data-seisme=\"1953\">\n <div class=\"seisme-circle\" style=\"width: 44px; height: 44px; background: #DC143C; font-size: 14px;\">\n 1953\n <\/div>\n <div class=\"seisme-label\">M 7.5 \u2022 Sud Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 51%; top: 58%;\" data-seisme=\"1906\">\n <div class=\"seisme-circle\" style=\"width: 42px; height: 42px; background: #DC143C; font-size: 13px;\">\n 1906\n <\/div>\n <div class=\"seisme-label\">M > 7.0 \u2022 Sainte-Lucie<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 52%; top: 45%;\" data-seisme=\"2007\">\n <div class=\"seisme-circle\" style=\"width: 43px; height: 43px; background: #DC143C; font-size: 13px;\">\n 2007\n <\/div>\n <div class=\"seisme-label\">M 7.4 \u2022 Nord Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 50%; top: 68%;\" data-seisme=\"1902\">\n <div class=\"seisme-circle\" style=\"width: 38px; height: 38px; background: #FF6347; font-size: 12px;\">\n 1902\n <\/div>\n <div class=\"seisme-label\">\u00c9ruption \u2022 St-Vincent<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sidebar\">\n <div class=\"legend\">\n <h3>\ud83d\udcca L\u00e9gende des magnitudes<\/h3>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #8B0000; width:30px; height:30px;\"><\/div>\n <span><strong>Magnitude 8.0 – 8.5<\/strong> (Catastrophique)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #DC143C; width:26px; height:26px;\"><\/div>\n <span><strong>Magnitude 7.0 – 7.9<\/strong> (Majeur)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #FF4500; width:22px; height:22px;\"><\/div>\n <span><strong>Magnitude 6.0 – 6.9<\/strong> (Fort)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #FF6347; width:20px; height:20px;\"><\/div>\n <span><strong>\u00c9v\u00e9nement volcanique<\/strong><\/span>\n <\/div>\n <\/div>\n\n <div class=\"note\">\n <strong>\ud83d\udca1 Astuce :<\/strong> Cliquez sur les cercles rouges de la carte ou sur les cartes ci-dessous pour voir les d\u00e9tails de chaque s\u00e9isme.\n <\/div>\n\n <div id=\"seismes-list\">\n <div class=\"seisme-card\" data-card=\"1843\">\n <div class=\"seisme-date\">\ud83d\udcc5 8 f\u00e9vrier 1843<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Guadeloupe – Antigua<\/div>\n <span class=\"seisme-magnitude\">M 8.0 – 8.5<\/span>\n <div class=\"seisme-details\">\n <strong>Le s\u00e9isme le plus puissant enregistr\u00e9 aux Antilles.<\/strong><br>\n \u00c9picentre situ\u00e9 entre Le Moule (Guadeloupe) et Antigua. Pointe-\u00e0-Pitre fut d\u00e9truite par un incendie cons\u00e9cutif au s\u00e9isme. Bilan : 3 000 \u00e0 6 000 morts. Intensit\u00e9 MSK de IX. Les secousses ont \u00e9t\u00e9 ressenties jusqu’\u00e0 Caracas (Venezuela) et Cayenne (Guyane).\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1839\">\n <div class=\"seisme-date\">\ud83d\udcc5 11 janvier 1839<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud-Est de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5 – 8.0<\/span>\n <div class=\"seisme-details\">\n <strong>Second s\u00e9isme le plus d\u00e9vastateur des \u00celes du Vent.<\/strong><br>\n Fort-de-France particuli\u00e8rement touch\u00e9e avec une intensit\u00e9 de IX. Dur\u00e9e de la secousse : 40 secondes. Bilan catastrophique : 300 \u00e0 4 000 morts et 28 975 bless\u00e9s. Ph\u00e9nom\u00e8nes lumineux impressionnants rapport\u00e9s.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1906\">\n <div class=\"seisme-date\">\ud83d\udcc5 1906<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord-Ouest de Sainte-Lucie<\/div>\n <span class=\"seisme-magnitude\">M > 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme majeur ayant caus\u00e9 de gros d\u00e9g\u00e2ts.<\/strong><br>\n Sainte-Lucie et la Martinique furent gravement touch\u00e9es par ce tremblement de terre de forte magnitude. Les archives de l’\u00e9poque relatent des destructions importantes dans les deux \u00eeles.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1946\">\n <div class=\"seisme-date\">\ud83d\udcc5 21 mai 1946 \u2022 9h16<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Au large de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme profond de subduction (60 km).<\/strong><br>\n Secousse principale de 35 secondes fortement ressentie en Martinique, Dominique et Sainte-Lucie. Intensit\u00e9 de VII \u00e0 VIII localement. Bilan : 1 mort au Lorrain, une vingtaine de bless\u00e9s. R\u00e9pliques importantes les 22 mai et 12 juillet provoquant la panique.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1953\">\n <div class=\"seisme-date\">\ud83d\udcc5 19 mars 1953 \u2022 8h27<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme tr\u00e8s profond (135 km) de subduction.<\/strong><br>\n Nombreux d\u00e9g\u00e2ts mat\u00e9riels, notamment chute de nombreux clochers d’\u00e9glises. Intensit\u00e9 de VII \u00e0 VIII. La grande profondeur du foyer a heureusement limit\u00e9 l’ampleur des destructions et le nombre de victimes.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"2004\">\n <div class=\"seisme-date\">\ud83d\udcc5 21 novembre 2004 \u2022 7h41<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Les Saintes – Dominique<\/div>\n <span class=\"seisme-magnitude\">M 6.3<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme intraplaque le plus important en France depuis 1909.<\/strong><br>\n \u00c9picentre \u00e0 14 km de profondeur dans le canal de la Dominique. Bilan : 1 victime \u00e0 Trois-Rivi\u00e8res, d\u00e9g\u00e2ts importants aux Saintes. Mini-tsunami observ\u00e9. Plus de 1 700 r\u00e9pliques enregistr\u00e9es en 4 jours. Intensit\u00e9 MSK de VIII aux Saintes.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"2007\">\n <div class=\"seisme-date\">\ud83d\udcc5 29 novembre 2007 \u2022 15h00<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.4<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme de subduction profond (152 km).<\/strong><br>\n Localis\u00e9 \u00e0 40 km au nord\/nord-ouest de la Martinique. Rupture de la plaque sud-am\u00e9ricaine dans son plongement sous la plaque cara\u00efbe. Ressenti dans tout l’arc des Petites Antilles. D\u00e9g\u00e2ts mod\u00e9r\u00e9s en Martinique. Intensit\u00e9 VII. Pas de tsunami gr\u00e2ce \u00e0 la profondeur importante.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1902\">\n <div class=\"seisme-date\">\ud83d\udcc5 Mai 1902<\/div>\n <div class=\"seisme-location\">\ud83c\udf0b Soufri\u00e8re de Saint-Vincent<\/div>\n <span class=\"seisme-magnitude\">\u00c9ruption IEV 4<\/span>\n <div class=\"seisme-details\">\n <strong>\u00c9ruption volcanique explosive majeure.<\/strong><br>\n Indice d’Explosivit\u00e9 Volcanique de 4 (colonne de 10-25 km). Accompagn\u00e9e de nombreux s\u00e9ismes volcaniques. Environ 1 600 victimes. \u00c9ruption quasi-simultan\u00e9e avec la catastrophe de la Montagne Pel\u00e9e en Martinique (8 mai 1902 – 28 000 morts).\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"note\">\n <strong>\u26a0\ufe0f Information importante :<\/strong> Les Petites Antilles se situent sur une zone de subduction active o\u00f9 la plaque nord-am\u00e9ricaine plonge sous la plaque cara\u00efbe. Cette r\u00e9gion reste expos\u00e9e \u00e0 un risque sismique majeur. La pr\u00e9vention et la pr\u00e9paration aux s\u00e9ismes sont essentielles pour limiter les impacts futurs.\n <\/div>\n<\/div>\n\n<script>\n\/\/ La carte est d\u00e9j\u00e0 charg\u00e9e, pas besoin de gestion d'upload\n\n\/\/ Fonction pour mettre en \u00e9vidence un s\u00e9isme\nfunction highlightSeisme(year) {\n \/\/ Enlever tous les highlights des cartes\n document.querySelectorAll('.seisme-card').forEach(card => {\n card.classList.remove('highlighted');\n });\n \n \/\/ Enlever tous les highlights des marqueurs\n document.querySelectorAll('.seisme-marker').forEach(marker => {\n marker.style.filter = '';\n marker.style.transform = 'translate(-50%, -50%)';\n marker.style.zIndex = '10';\n });\n \n \/\/ Highlight le marqueur s\u00e9lectionn\u00e9\n const seismeMarker = document.querySelector(`.seisme-marker[data-seisme=\"${year}\"]`);\n if (seismeMarker) {\n seismeMarker.style.filter = 'drop-shadow(0 0 20px rgba(255, 215, 0, 1))';\n seismeMarker.style.transform = 'translate(-50%, -50%) scale(1.4)';\n seismeMarker.style.zIndex = '1000';\n \n \/\/ Animation de pulsation\n setTimeout(() => {\n seismeMarker.style.filter = 'drop-shadow(0 0 15px rgba(255, 100, 0, 0.9))';\n }, 300);\n \n setTimeout(() => {\n seismeMarker.style.filter = 'drop-shadow(0 0 20px rgba(255, 215, 0, 1))';\n }, 600);\n }\n \n \/\/ Highlight la carte correspondante\n const card = document.querySelector(`.seisme-card[data-card=\"${year}\"]`);\n if (card) {\n card.classList.add('highlighted');\n card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n}\n\n\/\/ Ajouter interaction au clic sur les marqueurs\ndocument.querySelectorAll('.seisme-marker').forEach(marker => {\n marker.addEventListener('click', function(e) {\n e.stopPropagation();\n const year = this.getAttribute('data-seisme');\n highlightSeisme(year);\n });\n});\n\n\/\/ Ajouter interaction au clic sur les cartes\ndocument.querySelectorAll('.seisme-card').forEach(card => {\n card.addEventListener('click', function() {\n const year = this.getAttribute('data-card');\n highlightSeisme(year);\n });\n});\n\n\/\/ Emp\u00eacher la propagation du clic sur les labels\ndocument.querySelectorAll('.seisme-label').forEach(label => {\n label.addEventListener('click', function(e) {\n e.stopPropagation();\n });\n});\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>S\u00e9ismes majeurs – Cara\u00efbes \ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs Saint-Kitts […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-308","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Les s\u00e9ismes - APS972<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aps972.duckdns.org\/en\/les-seismes\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les s\u00e9ismes - APS972\" \/>\n<meta property=\"og:description\" content=\"S\u00e9ismes majeurs – Cara\u00efbes \ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs Saint-Kitts […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aps972.duckdns.org\/en\/les-seismes\/\" \/>\n<meta property=\"og:site_name\" content=\"APS972\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageaps972.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1883\" \/>\n\t<meta property=\"og:image:height\" content=\"839\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aps972.duckdns.org\/les-seismes\/\",\"url\":\"https:\/\/aps972.duckdns.org\/les-seismes\/\",\"name\":\"Les s\u00e9ismes - APS972\",\"isPartOf\":{\"@id\":\"https:\/\/aps972.duckdns.org\/#website\"},\"datePublished\":\"2025-10-22T21:14:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/aps972.duckdns.org\/les-seismes\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aps972.duckdns.org\/les-seismes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aps972.duckdns.org\/les-seismes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/aps972.duckdns.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Les s\u00e9ismes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aps972.duckdns.org\/#website\",\"url\":\"https:\/\/aps972.duckdns.org\/\",\"name\":\"APS972\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/aps972.duckdns.org\/#organization\"},\"alternateName\":\"Apprendre \u00e0 porter secours Martinique\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aps972.duckdns.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/aps972.duckdns.org\/#organization\",\"name\":\"APS972\",\"url\":\"https:\/\/aps972.duckdns.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/aps972.duckdns.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageAPS9720-1.png\",\"contentUrl\":\"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageAPS9720-1.png\",\"width\":1536,\"height\":1024,\"caption\":\"APS972\"},\"image\":{\"@id\":\"https:\/\/aps972.duckdns.org\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Les s\u00e9ismes - APS972","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aps972.duckdns.org\/en\/les-seismes\/","og_locale":"en_GB","og_type":"article","og_title":"Les s\u00e9ismes - APS972","og_description":"S\u00e9ismes majeurs – Cara\u00efbes \ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs Saint-Kitts […]","og_url":"https:\/\/aps972.duckdns.org\/en\/les-seismes\/","og_site_name":"APS972","og_image":[{"width":1883,"height":839,"url":"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageaps972.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aps972.duckdns.org\/les-seismes\/","url":"https:\/\/aps972.duckdns.org\/les-seismes\/","name":"Les s\u00e9ismes - APS972","isPartOf":{"@id":"https:\/\/aps972.duckdns.org\/#website"},"datePublished":"2025-10-22T21:14:07+00:00","breadcrumb":{"@id":"https:\/\/aps972.duckdns.org\/les-seismes\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aps972.duckdns.org\/les-seismes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/aps972.duckdns.org\/les-seismes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/aps972.duckdns.org\/"},{"@type":"ListItem","position":2,"name":"Les s\u00e9ismes"}]},{"@type":"WebSite","@id":"https:\/\/aps972.duckdns.org\/#website","url":"https:\/\/aps972.duckdns.org\/","name":"APS972","description":"","publisher":{"@id":"https:\/\/aps972.duckdns.org\/#organization"},"alternateName":"Apprendre \u00e0 porter secours Martinique","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aps972.duckdns.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/aps972.duckdns.org\/#organization","name":"APS972","url":"https:\/\/aps972.duckdns.org\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/aps972.duckdns.org\/#\/schema\/logo\/image\/","url":"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageAPS9720-1.png","contentUrl":"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageAPS9720-1.png","width":1536,"height":1024,"caption":"APS972"},"image":{"@id":"https:\/\/aps972.duckdns.org\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/pages\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/comments?post=308"}],"version-history":[{"count":1,"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/pages\/308\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/pages\/308\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/media?parent=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":308,"date":"2025-10-22T23:14:07","date_gmt":"2025-10-22T21:14:07","guid":{"rendered":"http:\/\/192.168.1.20:8086\/?page_id=308"},"modified":"2025-10-22T23:14:07","modified_gmt":"2025-10-22T21:14:07","slug":"les-seismes","status":"publish","type":"page","link":"https:\/\/aps972.duckdns.org\/en\/les-seismes\/","title":{"rendered":"Les s\u00e9ismes"},"content":{"rendered":"\n\n\n\n\nS\u00e9ismes majeurs – Cara\u00efbes<\/title>\n<style>\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n padding: 20px;\n}\n\n.container {\n max-width: 1400px;\n margin: 0 auto;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n overflow: hidden;\n}\n\nheader {\n background: linear-gradient(135deg, #c31432 0%, #240b36 100%);\n color: white;\n padding: 30px;\n text-align: center;\n}\n\nh1 {\n font-size: 2.5em;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n\n.subtitle {\n font-size: 1.2em;\n opacity: 0.9;\n}\n\n.main-content {\n display: flex;\n flex-wrap: wrap;\n}\n\n.map-container {\n flex: 1;\n min-width: 600px;\n padding: 30px;\n position: relative;\n}\n\nsvg {\n width: 100%;\n height: auto;\n border: 2px solid #ddd;\n border-radius: 10px;\n background: #e6f3ff;\n}\n\n.sidebar {\n width: 400px;\n background: #f8f9fa;\n padding: 30px;\n overflow-y: auto;\n max-height: 800px;\n}\n\n.legend {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.legend h3 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: 1.3em;\n}\n\n.legend-item {\n display: flex;\n align-items: center;\n margin: 10px 0;\n font-size: 0.95em;\n}\n\n.legend-circle {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n margin-right: 10px;\n border: 2px solid #333;\n}\n\n.seisme-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n border-left: 5px solid #c31432;\n transition: transform 0.2s;\n cursor: pointer;\n}\n\n.seisme-card:hover {\n transform: translateX(5px);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n}\n\n.seisme-date {\n font-weight: bold;\n color: #c31432;\n font-size: 1.1em;\n margin-bottom: 8px;\n}\n\n.seisme-location {\n color: #2c3e50;\n font-weight: 600;\n margin-bottom: 5px;\n}\n\n.seisme-magnitude {\n display: inline-block;\n background: #c31432;\n color: white;\n padding: 3px 10px;\n border-radius: 15px;\n font-size: 0.9em;\n font-weight: bold;\n margin: 5px 0;\n}\n\n.seisme-details {\n font-size: 0.9em;\n color: #555;\n margin-top: 8px;\n line-height: 1.5;\n}\n\n.island-label {\n font-size: 12px;\n font-weight: bold;\n fill: #2c3e50;\n}\n\n.seisme-point {\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.seisme-point:hover {\n filter: drop-shadow(0 0 10px rgba(195, 20, 50, 0.8));\n transform: scale(1.2);\n}\n\n@media (max-width: 1200px) {\n .main-content {\n flex-direction: column;\n }\n \n .sidebar {\n width: 100%;\n }\n \n .map-container {\n min-width: 100%;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <header>\n <h1>\ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles<\/h1>\n <p class=\"subtitle\">Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs<\/p>\n <\/header>\n\n <div class=\"main-content\">\n <div class=\"map-container\">\n <svg viewbox=\"0 0 600 900\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <rect width=\"600\" height=\"900\" fill=\"#b3d9ff\"\/>\n \n \n <g stroke=\"#ccc\" stroke-width=\"0.5\" opacity=\"0.3\">\n <line x1=\"0\" y1=\"100\" x2=\"600\" y2=\"100\"\/>\n <line x1=\"0\" y1=\"200\" x2=\"600\" y2=\"200\"\/>\n <line x1=\"0\" y1=\"300\" x2=\"600\" y2=\"300\"\/>\n <line x1=\"0\" y1=\"400\" x2=\"600\" y2=\"400\"\/>\n <line x1=\"0\" y1=\"500\" x2=\"600\" y2=\"500\"\/>\n <line x1=\"0\" y1=\"600\" x2=\"600\" y2=\"600\"\/>\n <line x1=\"0\" y1=\"700\" x2=\"600\" y2=\"700\"\/>\n <line x1=\"0\" y1=\"800\" x2=\"600\" y2=\"800\"\/>\n <\/g>\n\n \n \n <ellipse cx=\"300\" cy=\"100\" rx=\"25\" ry=\"35\" fill=\"#8bc34a\"\/>\n <text x=\"300\" y=\"105\" text-anchor=\"middle\" class=\"island-label\">Saint-Kitts<\/text>\n \n \n <ellipse cx=\"310\" cy=\"150\" rx=\"15\" ry=\"20\" fill=\"#8bc34a\"\/>\n <text x=\"310\" y=\"153\" text-anchor=\"middle\" class=\"island-label\" font-size=\"10\">Nevis<\/text>\n \n \n <ellipse cx=\"290\" cy=\"230\" rx=\"18\" ry=\"28\" fill=\"#8bc34a\"\/>\n <text x=\"290\" y=\"235\" text-anchor=\"middle\" class=\"island-label\">Montserrat<\/text>\n \n \n <ellipse cx=\"350\" cy=\"200\" rx=\"22\" ry=\"30\" fill=\"#8bc34a\"\/>\n <text x=\"350\" y=\"205\" text-anchor=\"middle\" class=\"island-label\">Antigua<\/text>\n \n \n <path d=\"M 250 380 L 280 350 L 310 360 L 320 390 L 300 410 L 270 400 Z\" fill=\"#4caf50\"\/>\n <text x=\"290\" y=\"385\" text-anchor=\"middle\" class=\"island-label\">Guadeloupe<\/text>\n \n \n <ellipse cx=\"340\" cy=\"420\" rx=\"12\" ry=\"15\" fill=\"#8bc34a\"\/>\n \n \n <circle cx=\"270\" cy=\"430\" r=\"8\" fill=\"#8bc34a\"\/>\n <text x=\"270\" y=\"450\" text-anchor=\"middle\" class=\"island-label\" font-size=\"10\">Les Saintes<\/text>\n \n \n <ellipse cx=\"250\" cy=\"530\" rx=\"20\" ry=\"40\" fill=\"#4caf50\"\/>\n <text x=\"250\" y=\"535\" text-anchor=\"middle\" class=\"island-label\">Dominique<\/text>\n \n \n <ellipse cx=\"240\" cy=\"680\" rx=\"22\" ry=\"45\" fill=\"#4caf50\"\/>\n <text x=\"240\" y=\"685\" text-anchor=\"middle\" class=\"island-label\">Martinique<\/text>\n \n \n <ellipse cx=\"230\" cy=\"780\" rx=\"18\" ry=\"35\" fill=\"#8bc34a\"\/>\n <text x=\"230\" y=\"785\" text-anchor=\"middle\" class=\"island-label\">Ste-Lucie<\/text>\n \n \n <ellipse cx=\"220\" cy=\"860\" rx=\"20\" ry=\"30\" fill=\"#8bc34a\"\/>\n <text x=\"220\" y=\"865\" text-anchor=\"middle\" class=\"island-label\">St-Vincent<\/text>\n\n \n \n <circle class=\"seisme-point\" cx=\"330\" cy=\"330\" r=\"30\" fill=\"#8B0000\" opacity=\"0.7\" data-seisme=\"1843\"\/>\n <text x=\"330\" y=\"335\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"14\">1843<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"280\" cy=\"700\" r=\"27\" fill=\"#DC143C\" opacity=\"0.7\" data-seisme=\"1839\"\/>\n <text x=\"280\" y=\"705\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"13\">1839<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"260\" cy=\"460\" r=\"20\" fill=\"#FF4500\" opacity=\"0.7\" data-seisme=\"2004\"\/>\n <text x=\"260\" y=\"465\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"12\">2004<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"300\" cy=\"650\" r=\"24\" fill=\"#DC143C\" opacity=\"0.7\" data-seisme=\"1946\"\/>\n <text x=\"300\" y=\"655\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"12\">1946<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"260\" cy=\"730\" r=\"26\" fill=\"#DC143C\" opacity=\"0.7\" data-seisme=\"1953\"\/>\n <text x=\"260\" y=\"735\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"13\">1953<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"220\" cy=\"860\" r=\"18\" fill=\"#FF6347\" opacity=\"0.7\" data-seisme=\"1902\"\/>\n <text x=\"220\" y=\"865\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"11\">1902<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"280\" cy=\"760\" r=\"24\" fill=\"#DC143C\" opacity=\"0.7\" data-seisme=\"1906\"\/>\n <text x=\"280\" y=\"765\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"12\">1906<\/text>\n \n \n <circle class=\"seisme-point\" cx=\"240\" cy=\"620\" r=\"25\" fill=\"#DC143C\" opacity=\"0.7\" data-seisme=\"2007\"\/>\n <text x=\"240\" y=\"625\" text-anchor=\"middle\" fill=\"white\" font-weight=\"bold\" font-size=\"13\">2007<\/text>\n\n \n <defs>\n <marker id=\"arrow\" markerwidth=\"10\" markerheight=\"10\" refx=\"5\" refy=\"3\" orient=\"auto\" markerunits=\"strokeWidth\">\n <path d=\"M0,0 L0,6 L9,3 z\" fill=\"#333\" \/>\n <\/marker>\n <\/defs>\n <line x1=\"450\" y1=\"100\" x2=\"450\" y2=\"850\" stroke=\"#333\" stroke-width=\"3\" stroke-dasharray=\"10,5\" marker-end=\"url(#arrow)\"\/>\n <text x=\"470\" y=\"450\" font-size=\"14\" font-weight=\"bold\" fill=\"#333\">Zone de subduction<\/text>\n <\/svg>\n <\/div>\n\n <div class=\"sidebar\">\n <div class=\"legend\">\n <h3>\ud83d\udcca L\u00e9gende<\/h3>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #8B0000; width:30px; height:30px;\"><\/div>\n <span>Magnitude 8.0 – 8.5<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #DC143C; width:26px; height:26px;\"><\/div>\n <span>Magnitude 7.0 – 7.9<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #FF4500; width:20px; height:20px;\"><\/div>\n <span>Magnitude 6.0 – 6.9<\/span>\n <\/div>\n <\/div>\n\n <div id=\"seismes-list\">\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1843')\">\n <div class=\"seisme-date\">8 f\u00e9vrier 1843<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Guadeloupe – Antigua<\/div>\n <span class=\"seisme-magnitude\">M 8.0 – 8.5<\/span>\n <div class=\"seisme-details\">\n <strong>Le plus puissant s\u00e9isme enregistr\u00e9 aux Antilles.<\/strong> \u00c9picentre entre Le Moule (Guadeloupe) et Antigua. Pointe-\u00e0-Pitre d\u00e9truite par incendie. 3 000 \u00e0 6 000 morts. Intensit\u00e9 IX. Ressenti jusqu’\u00e0 Caracas et Cayenne.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1839')\">\n <div class=\"seisme-date\">11 janvier 1839<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud-Est Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5 – 8.0<\/span>\n <div class=\"seisme-details\">\n <strong>Second s\u00e9isme le plus d\u00e9vastateur des \u00celes du Vent.<\/strong> Fort-de-France particuli\u00e8rement touch\u00e9e. 300 \u00e0 4 000 morts, 28 975 bless\u00e9s. Dur\u00e9e : 40 secondes. Intensit\u00e9 IX \u00e0 Fort-de-France, VII-VIII \u00e0 Sainte-Lucie.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1906')\">\n <div class=\"seisme-date\">1906<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord-Ouest Sainte-Lucie<\/div>\n <span class=\"seisme-magnitude\">M > 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>Gros d\u00e9g\u00e2ts \u00e0 Sainte-Lucie et Martinique.<\/strong> S\u00e9isme de forte magnitude ayant caus\u00e9 d’importants dommages dans les deux \u00eeles. D\u00e9tails historiques limit\u00e9s.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1946')\">\n <div class=\"seisme-date\">21 mai 1946<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Large de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme profond (60 km).<\/strong> Secousse de 35 secondes fortement ressentie en Martinique, Dominique, Sainte-Lucie. Intensit\u00e9 VII-VIII localement. 1 mort au Lorrain, vingtaine de bless\u00e9s. R\u00e9pliques importantes les 22 mai et 12 juillet.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1953')\">\n <div class=\"seisme-date\">19 mars 1953<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme tr\u00e8s profond (135 km).<\/strong> \u00c0 8h27 heure locale. Nombreux d\u00e9g\u00e2ts, chute de nombreux clochers. Intensit\u00e9 VII \u00e0 VIII. La profondeur a limit\u00e9 les destructions.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('2004')\">\n <div class=\"seisme-date\">21 novembre 2004<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Les Saintes – Dominique<\/div>\n <span class=\"seisme-magnitude\">M 6.3<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme intraplaque le plus important depuis 1909 en France.<\/strong> \u00c9picentre \u00e0 14 km de profondeur. 1 victime, nombreux d\u00e9g\u00e2ts aux Saintes. Mini-tsunami. Plus de 1 700 r\u00e9pliques en 4 jours. Intensit\u00e9 VIII aux Saintes.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('2007')\">\n <div class=\"seisme-date\">29 novembre 2007<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.4<\/span>\n <div class=\"seisme-details\">\n <strong>\u00c0 15h00 heure locale.<\/strong> Profondeur : 152 km. Zone de subduction. Ressenti dans tout l’arc des Petites Antilles. D\u00e9g\u00e2ts mod\u00e9r\u00e9s en Martinique. Intensit\u00e9 VII. Pas de tsunami gr\u00e2ce \u00e0 la grande profondeur.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" onclick=\"highlightSeisme('1902')\">\n <div class=\"seisme-date\">1902<\/div>\n <div class=\"seisme-location\">\ud83c\udf0b Soufri\u00e8re St-Vincent<\/div>\n <span class=\"seisme-magnitude\">\u00c9ruption volcanique<\/span>\n <div class=\"seisme-details\">\n <strong>\u00c9ruption explosive majeure (IEV 4).<\/strong> Accompagn\u00e9e de s\u00e9ismes volcaniques importants. Environ 1 600 morts. \u00c9ruption quasi-simultan\u00e9e avec la Montagne Pel\u00e9e en Martinique (8 mai 1902).\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\nfunction highlightSeisme(year) {\n \/\/ Enlever tous les highlights\n document.querySelectorAll('.seisme-point').forEach(point => {\n point.style.filter = '';\n point.style.transform = '';\n });\n \n \/\/ Highlight le s\u00e9isme s\u00e9lectionn\u00e9\n const seismePoint = document.querySelector(`[data-seisme=\"${year}\"]`);\n if (seismePoint) {\n seismePoint.style.filter = 'drop-shadow(0 0 15px rgba(255, 215, 0, 1))';\n seismePoint.style.transform = 'scale(1.3)';\n \n \/\/ Animation\n setTimeout(() => {\n seismePoint.style.filter = 'drop-shadow(0 0 10px rgba(195, 20, 50, 0.8))';\n seismePoint.style.transform = 'scale(1.2)';\n }, 500);\n }\n}\n\n\/\/ Ajouter interaction au survol\ndocument.querySelectorAll('.seisme-point').forEach(point => {\n point.addEventListener('click', function() {\n const year = this.getAttribute('data-seisme');\n highlightSeisme(year);\n \n \/\/ Scroll vers la carte correspondante\n const card = Array.from(document.querySelectorAll('.seisme-card')).find(\n card => card.textContent.includes(year)\n );\n if (card) {\n card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n card.style.background = '#fff9e6';\n setTimeout(() => {\n card.style.background = 'white';\n }, 2000);\n }\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>S\u00e9ismes majeurs – Cara\u00efbes<\/title>\n<style>\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #f5f5f5;\n padding: 0;\n}\n\n.container {\n max-width: 100%;\n margin: 0 auto;\n background: white;\n}\n\nheader {\n background: linear-gradient(135deg, #c31432 0%, #240b36 100%);\n color: white;\n padding: 30px 20px;\n text-align: center;\n}\n\nh1 {\n font-size: 2.2em;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n\n.subtitle {\n font-size: 1.1em;\n opacity: 0.95;\n}\n\n.upload-section {\n background: #fff9e6;\n border: 3px dashed #f39c12;\n padding: 30px;\n margin: 20px;\n border-radius: 15px;\n text-align: center;\n}\n\n.upload-section h2 {\n color: #f39c12;\n margin-bottom: 15px;\n}\n\n.upload-btn {\n background: #3498db;\n color: white;\n padding: 15px 30px;\n border: none;\n border-radius: 8px;\n font-size: 16px;\n cursor: pointer;\n transition: all 0.3s;\n font-weight: bold;\n}\n\n.upload-btn:hover {\n background: #2980b9;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);\n}\n\n#fileInput {\n display: none;\n}\n\n.main-content {\n display: flex;\n flex-wrap: wrap;\n}\n\n.map-container {\n flex: 1;\n min-width: 650px;\n padding: 20px;\n position: relative;\n}\n\n.map-wrapper {\n position: relative;\n width: 100%;\n border: 3px solid #2c3e50;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 20px rgba(0,0,0,0.2);\n background: #e0f2ff;\n}\n\n.map-image {\n width: 100%;\n height: auto;\n display: block;\n min-height: 400px;\n}\n\n.placeholder-text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n color: #7f8c8d;\n font-size: 1.2em;\n}\n\n.seisme-marker {\n position: absolute;\n transform: translate(-50%, -50%);\n cursor: pointer;\n transition: all 0.3s;\n z-index: 10;\n}\n\n.seisme-marker:hover {\n filter: drop-shadow(0 0 15px rgba(255, 215, 0, 1));\n transform: translate(-50%, -50%) scale(1.3);\n z-index: 100;\n}\n\n.seisme-circle {\n border-radius: 50%;\n border: 3px solid #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n box-shadow: 0 4px 12px rgba(0,0,0,0.6);\n text-shadow: 1px 1px 2px rgba(0,0,0,0.8);\n}\n\n.seisme-label {\n position: absolute;\n top: 110%;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(44, 62, 80, 0.95);\n color: white;\n padding: 6px 12px;\n border-radius: 5px;\n font-size: 11px;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s;\n box-shadow: 0 2px 8px rgba(0,0,0,0.4);\n z-index: 1000;\n}\n\n.seisme-marker:hover .seisme-label {\n opacity: 1;\n}\n\n.sidebar {\n width: 450px;\n background: #f8f9fa;\n padding: 25px;\n overflow-y: auto;\n max-height: 900px;\n}\n\n.legend {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.legend h3 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: 1.3em;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.legend-item {\n display: flex;\n align-items: center;\n margin: 12px 0;\n font-size: 0.95em;\n}\n\n.legend-circle {\n border-radius: 50%;\n margin-right: 12px;\n border: 2px solid #fff;\n box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n flex-shrink: 0;\n}\n\n.seisme-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n border-left: 5px solid #c31432;\n transition: all 0.3s;\n cursor: pointer;\n}\n\n.seisme-card:hover {\n transform: translateX(5px);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n background: #fffef8;\n}\n\n.seisme-date {\n font-weight: bold;\n color: #c31432;\n font-size: 1.1em;\n margin-bottom: 8px;\n}\n\n.seisme-location {\n color: #2c3e50;\n font-weight: 600;\n margin-bottom: 5px;\n font-size: 1.05em;\n}\n\n.seisme-magnitude {\n display: inline-block;\n background: #c31432;\n color: white;\n padding: 4px 12px;\n border-radius: 15px;\n font-size: 0.9em;\n font-weight: bold;\n margin: 5px 0;\n}\n\n.seisme-details {\n font-size: 0.9em;\n color: #555;\n margin-top: 10px;\n line-height: 1.6;\n}\n\n.note {\n background: #e8f4fd;\n border-left: 4px solid #3498db;\n padding: 15px;\n margin: 20px;\n border-radius: 5px;\n font-size: 0.95em;\n line-height: 1.6;\n}\n\n.note strong {\n color: #2c3e50;\n}\n\n.highlighted {\n background: #fff9e6 !important;\n border-left-color: #f39c12 !important;\n}\n\n@media (max-width: 1200px) {\n .main-content {\n flex-direction: column;\n }\n \n .sidebar {\n width: 100%;\n }\n \n .map-container {\n min-width: 100%;\n }\n \n h1 {\n font-size: 1.8em;\n }\n}\n\n@media (max-width: 768px) {\n header {\n padding: 20px 15px;\n }\n \n h1 {\n font-size: 1.5em;\n }\n \n .subtitle {\n font-size: 0.95em;\n }\n \n .upload-section {\n padding: 20px;\n margin: 15px;\n }\n \n .seisme-circle {\n font-size: 0.8em !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <header>\n <h1>\ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles<\/h1>\n <p class=\"subtitle\">Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs<\/p>\n <\/header>\n\n <div class=\"upload-section\" id=\"uploadSection\">\n <h2>\ud83d\udce4 Charger votre carte des Cara\u00efbes<\/h2>\n <p style=\"margin-bottom: 20px; color: #555;\">Cliquez sur le bouton ci-dessous pour charger votre image de carte<\/p>\n <input type=\"file\" id=\"fileInput\" accept=\"image\/*\">\n <button class=\"upload-btn\" onclick=\"document.getElementById('fileInput').click()\">\n \ud83d\udcc1 Choisir une image\n <\/button>\n <p style=\"margin-top: 15px; font-size: 0.9em; color: #7f8c8d;\">Formats accept\u00e9s : JPG, PNG, GIF<\/p>\n <\/div>\n\n <div class=\"main-content\">\n <div class=\"map-container\">\n <div class=\"map-wrapper\" id=\"mapWrapper\">\n <div class=\"placeholder-text\" id=\"placeholderText\">\n \u2b06\ufe0f Chargez d’abord votre carte ci-dessus\n <\/div>\n <img decoding=\"async\" src=\"\" class=\"map-image\" id=\"mapImage\" style=\"display: none;\">\n \n \n \n <div class=\"seisme-marker\" style=\"left: 58%; top: 28%; display: none;\" data-seisme=\"1843\">\n <div class=\"seisme-circle\" style=\"width: 50px; height: 50px; background: #8B0000; font-size: 15px;\">\n 1843\n <\/div>\n <div class=\"seisme-label\">M 8.0-8.5 \u2022 Le plus puissant<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 53%; top: 52%; display: none;\" data-seisme=\"1839\">\n <div class=\"seisme-circle\" style=\"width: 45px; height: 45px; background: #DC143C; font-size: 14px;\">\n 1839\n <\/div>\n <div class=\"seisme-label\">M 7.5-8.0 \u2022 Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 55%; top: 36%; display: none;\" data-seisme=\"2004\">\n <div class=\"seisme-circle\" style=\"width: 36px; height: 36px; background: #FF4500; font-size: 12px;\">\n 2004\n <\/div>\n <div class=\"seisme-label\">M 6.3 \u2022 Les Saintes<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 50%; top: 48%; display: none;\" data-seisme=\"1946\">\n <div class=\"seisme-circle\" style=\"width: 42px; height: 42px; background: #DC143C; font-size: 13px;\">\n 1946\n <\/div>\n <div class=\"seisme-label\">M 7.0 \u2022 Large Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 54%; top: 55%; display: none;\" data-seisme=\"1953\">\n <div class=\"seisme-circle\" style=\"width: 44px; height: 44px; background: #DC143C; font-size: 14px;\">\n 1953\n <\/div>\n <div class=\"seisme-label\">M 7.5 \u2022 Sud Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 51%; top: 58%; display: none;\" data-seisme=\"1906\">\n <div class=\"seisme-circle\" style=\"width: 42px; height: 42px; background: #DC143C; font-size: 13px;\">\n 1906\n <\/div>\n <div class=\"seisme-label\">M > 7.0 \u2022 Sainte-Lucie<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 52%; top: 45%; display: none;\" data-seisme=\"2007\">\n <div class=\"seisme-circle\" style=\"width: 43px; height: 43px; background: #DC143C; font-size: 13px;\">\n 2007\n <\/div>\n <div class=\"seisme-label\">M 7.4 \u2022 Nord Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 50%; top: 68%; display: none;\" data-seisme=\"1902\">\n <div class=\"seisme-circle\" style=\"width: 38px; height: 38px; background: #FF6347; font-size: 12px;\">\n 1902\n <\/div>\n <div class=\"seisme-label\">\u00c9ruption \u2022 St-Vincent<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sidebar\">\n <div class=\"legend\">\n <h3>\ud83d\udcca L\u00e9gende des magnitudes<\/h3>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #8B0000; width:30px; height:30px;\"><\/div>\n <span><strong>Magnitude 8.0 – 8.5<\/strong> (Catastrophique)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #DC143C; width:26px; height:26px;\"><\/div>\n <span><strong>Magnitude 7.0 – 7.9<\/strong> (Majeur)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #FF4500; width:22px; height:22px;\"><\/div>\n <span><strong>Magnitude 6.0 – 6.9<\/strong> (Fort)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #FF6347; width:20px; height:20px;\"><\/div>\n <span><strong>\u00c9v\u00e9nement volcanique<\/strong><\/span>\n <\/div>\n <\/div>\n\n <div class=\"note\">\n <strong>\ud83d\udca1 Astuce :<\/strong> Cliquez sur les cercles rouges de la carte ou sur les cartes ci-dessous pour voir les d\u00e9tails de chaque s\u00e9isme.\n <\/div>\n\n <div id=\"seismes-list\">\n <div class=\"seisme-card\" data-card=\"1843\">\n <div class=\"seisme-date\">\ud83d\udcc5 8 f\u00e9vrier 1843<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Guadeloupe – Antigua<\/div>\n <span class=\"seisme-magnitude\">M 8.0 – 8.5<\/span>\n <div class=\"seisme-details\">\n <strong>Le s\u00e9isme le plus puissant enregistr\u00e9 aux Antilles.<\/strong><br>\n \u00c9picentre situ\u00e9 entre Le Moule (Guadeloupe) et Antigua. Pointe-\u00e0-Pitre fut d\u00e9truite par un incendie cons\u00e9cutif au s\u00e9isme. Bilan : 3 000 \u00e0 6 000 morts. Intensit\u00e9 MSK de IX. Les secousses ont \u00e9t\u00e9 ressenties jusqu’\u00e0 Caracas (Venezuela) et Cayenne (Guyane).\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1839\">\n <div class=\"seisme-date\">\ud83d\udcc5 11 janvier 1839<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud-Est de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5 – 8.0<\/span>\n <div class=\"seisme-details\">\n <strong>Second s\u00e9isme le plus d\u00e9vastateur des \u00celes du Vent.<\/strong><br>\n Fort-de-France particuli\u00e8rement touch\u00e9e avec une intensit\u00e9 de IX. Dur\u00e9e de la secousse : 40 secondes. Bilan catastrophique : 300 \u00e0 4 000 morts et 28 975 bless\u00e9s. Ph\u00e9nom\u00e8nes lumineux impressionnants rapport\u00e9s.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1906\">\n <div class=\"seisme-date\">\ud83d\udcc5 1906<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord-Ouest de Sainte-Lucie<\/div>\n <span class=\"seisme-magnitude\">M > 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme majeur ayant caus\u00e9 de gros d\u00e9g\u00e2ts.<\/strong><br>\n Sainte-Lucie et la Martinique furent gravement touch\u00e9es par ce tremblement de terre de forte magnitude. Les archives de l’\u00e9poque relatent des destructions importantes dans les deux \u00eeles.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1946\">\n <div class=\"seisme-date\">\ud83d\udcc5 21 mai 1946 \u2022 9h16<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Au large de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme profond de subduction (60 km).<\/strong><br>\n Secousse principale de 35 secondes fortement ressentie en Martinique, Dominique et Sainte-Lucie. Intensit\u00e9 de VII \u00e0 VIII localement. Bilan : 1 mort au Lorrain, une vingtaine de bless\u00e9s. R\u00e9pliques importantes les 22 mai et 12 juillet provoquant la panique.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1953\">\n <div class=\"seisme-date\">\ud83d\udcc5 19 mars 1953 \u2022 8h27<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme tr\u00e8s profond (135 km) de subduction.<\/strong><br>\n Nombreux d\u00e9g\u00e2ts mat\u00e9riels, notamment chute de nombreux clochers d’\u00e9glises. Intensit\u00e9 de VII \u00e0 VIII. La grande profondeur du foyer a heureusement limit\u00e9 l’ampleur des destructions et le nombre de victimes.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"2004\">\n <div class=\"seisme-date\">\ud83d\udcc5 21 novembre 2004 \u2022 7h41<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Les Saintes – Dominique<\/div>\n <span class=\"seisme-magnitude\">M 6.3<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme intraplaque le plus important en France depuis 1909.<\/strong><br>\n \u00c9picentre \u00e0 14 km de profondeur dans le canal de la Dominique. Bilan : 1 victime \u00e0 Trois-Rivi\u00e8res, d\u00e9g\u00e2ts importants aux Saintes. Mini-tsunami observ\u00e9. Plus de 1 700 r\u00e9pliques enregistr\u00e9es en 4 jours. Intensit\u00e9 MSK de VIII aux Saintes.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"2007\">\n <div class=\"seisme-date\">\ud83d\udcc5 29 novembre 2007 \u2022 15h00<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.4<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme de subduction profond (152 km).<\/strong><br>\n Localis\u00e9 \u00e0 40 km au nord\/nord-ouest de la Martinique. Rupture de la plaque sud-am\u00e9ricaine dans son plongement sous la plaque cara\u00efbe. Ressenti dans tout l’arc des Petites Antilles. D\u00e9g\u00e2ts mod\u00e9r\u00e9s en Martinique. Intensit\u00e9 VII. Pas de tsunami gr\u00e2ce \u00e0 la profondeur importante.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1902\">\n <div class=\"seisme-date\">\ud83d\udcc5 Mai 1902<\/div>\n <div class=\"seisme-location\">\ud83c\udf0b Soufri\u00e8re de Saint-Vincent<\/div>\n <span class=\"seisme-magnitude\">\u00c9ruption IEV 4<\/span>\n <div class=\"seisme-details\">\n <strong>\u00c9ruption volcanique explosive majeure.<\/strong><br>\n Indice d’Explosivit\u00e9 Volcanique de 4 (colonne de 10-25 km). Accompagn\u00e9e de nombreux s\u00e9ismes volcaniques. Environ 1 600 victimes. \u00c9ruption quasi-simultan\u00e9e avec la catastrophe de la Montagne Pel\u00e9e en Martinique (8 mai 1902 – 28 000 morts).\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"note\">\n <strong>\u26a0\ufe0f Information importante :<\/strong> Les Petites Antilles se situent sur une zone de subduction active o\u00f9 la plaque nord-am\u00e9ricaine plonge sous la plaque cara\u00efbe. Cette r\u00e9gion reste expos\u00e9e \u00e0 un risque sismique majeur. La pr\u00e9vention et la pr\u00e9paration aux s\u00e9ismes sont essentielles pour limiter les impacts futurs.\n <\/div>\n<\/div>\n\n<script>\n\/\/ Gestion du chargement d'image\ndocument.getElementById('fileInput').addEventListener('change', function(e) {\n const file = e.target.files[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = function(event) {\n const img = document.getElementById('mapImage');\n img.src = event.target.result;\n img.style.display = 'block';\n document.getElementById('placeholderText').style.display = 'none';\n document.getElementById('uploadSection').style.display = 'none';\n \n \/\/ Afficher tous les marqueurs\n document.querySelectorAll('.seisme-marker').forEach(marker => {\n marker.style.display = 'block';\n });\n };\n reader.readAsDataURL(file);\n }\n});\n\n\/\/ Fonction pour mettre en \u00e9vidence un s\u00e9isme\nfunction highlightSeisme(year) {\n \/\/ Enlever tous les highlights des cartes\n document.querySelectorAll('.seisme-card').forEach(card => {\n card.classList.remove('highlighted');\n });\n \n \/\/ Enlever tous les highlights des marqueurs\n document.querySelectorAll('.seisme-marker').forEach(marker => {\n marker.style.filter = '';\n marker.style.transform = 'translate(-50%, -50%)';\n marker.style.zIndex = '10';\n });\n \n \/\/ Highlight le marqueur s\u00e9lectionn\u00e9\n const seismeMarker = document.querySelector(`.seisme-marker[data-seisme=\"${year}\"]`);\n if (seismeMarker) {\n seismeMarker.style.filter = 'drop-shadow(0 0 20px rgba(255, 215, 0, 1))';\n seismeMarker.style.transform = 'translate(-50%, -50%) scale(1.4)';\n seismeMarker.style.zIndex = '1000';\n \n \/\/ Animation de pulsation\n setTimeout(() => {\n seismeMarker.style.filter = 'drop-shadow(0 0 15px rgba(255, 100, 0, 0.9))';\n }, 300);\n \n setTimeout(() => {\n seismeMarker.style.filter = 'drop-shadow(0 0 20px rgba(255, 215, 0, 1))';\n }, 600);\n }\n \n \/\/ Highlight la carte correspondante\n const card = document.querySelector(`.seisme-card[data-card=\"${year}\"]`);\n if (card) {\n card.classList.add('highlighted');\n card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n}\n\n\/\/ Ajouter interaction au clic sur les marqueurs\ndocument.querySelectorAll('.seisme-marker').forEach(marker => {\n marker.addEventListener('click', function(e) {\n e.stopPropagation();\n const year = this.getAttribute('data-seisme');\n highlightSeisme(year);\n });\n});\n\n\/\/ Ajouter interaction au clic sur les cartes\ndocument.querySelectorAll('.seisme-card').forEach(card => {\n card.addEventListener('click', function() {\n const year = this.getAttribute('data-card');\n highlightSeisme(year);\n });\n});\n\n\/\/ Emp\u00eacher la propagation du clic sur les labels\ndocument.querySelectorAll('.seisme-label').forEach(label => {\n label.addEventListener('click', function(e) {\n e.stopPropagation();\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>S\u00e9ismes majeurs – Cara\u00efbes<\/title>\n<style>\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #f5f5f5;\n padding: 0;\n}\n\n.container {\n max-width: 100%;\n margin: 0 auto;\n background: white;\n}\n\nheader {\n background: linear-gradient(135deg, #c31432 0%, #240b36 100%);\n color: white;\n padding: 30px 20px;\n text-align: center;\n}\n\nh1 {\n font-size: 2.2em;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n\n.subtitle {\n font-size: 1.1em;\n opacity: 0.95;\n}\n\n.upload-section {\n background: #fff9e6;\n border: 3px dashed #f39c12;\n padding: 30px;\n margin: 20px;\n border-radius: 15px;\n text-align: center;\n}\n\n.upload-section h2 {\n color: #f39c12;\n margin-bottom: 15px;\n}\n\n.upload-btn {\n background: #3498db;\n color: white;\n padding: 15px 30px;\n border: none;\n border-radius: 8px;\n font-size: 16px;\n cursor: pointer;\n transition: all 0.3s;\n font-weight: bold;\n}\n\n.upload-btn:hover {\n background: #2980b9;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);\n}\n\n#fileInput {\n display: none;\n}\n\n.main-content {\n display: flex;\n flex-wrap: wrap;\n}\n\n.map-container {\n flex: 1;\n min-width: 650px;\n padding: 20px;\n position: relative;\n}\n\n.map-wrapper {\n position: relative;\n width: 100%;\n border: 3px solid #2c3e50;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 20px rgba(0,0,0,0.2);\n background: #e0f2ff;\n}\n\n.map-image {\n width: 100%;\n height: auto;\n display: block;\n min-height: 400px;\n}\n\n.placeholder-text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n color: #7f8c8d;\n font-size: 1.2em;\n}\n\n.seisme-marker {\n position: absolute;\n transform: translate(-50%, -50%);\n cursor: pointer;\n transition: all 0.3s;\n z-index: 10;\n}\n\n.seisme-marker:hover {\n filter: drop-shadow(0 0 15px rgba(255, 215, 0, 1));\n transform: translate(-50%, -50%) scale(1.3);\n z-index: 100;\n}\n\n.seisme-circle {\n border-radius: 50%;\n border: 3px solid #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n box-shadow: 0 4px 12px rgba(0,0,0,0.6);\n text-shadow: 1px 1px 2px rgba(0,0,0,0.8);\n}\n\n.seisme-label {\n position: absolute;\n top: 110%;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(44, 62, 80, 0.95);\n color: white;\n padding: 6px 12px;\n border-radius: 5px;\n font-size: 11px;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s;\n box-shadow: 0 2px 8px rgba(0,0,0,0.4);\n z-index: 1000;\n}\n\n.seisme-marker:hover .seisme-label {\n opacity: 1;\n}\n\n.sidebar {\n width: 450px;\n background: #f8f9fa;\n padding: 25px;\n overflow-y: auto;\n max-height: 900px;\n}\n\n.legend {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.legend h3 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: 1.3em;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.legend-item {\n display: flex;\n align-items: center;\n margin: 12px 0;\n font-size: 0.95em;\n}\n\n.legend-circle {\n border-radius: 50%;\n margin-right: 12px;\n border: 2px solid #fff;\n box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n flex-shrink: 0;\n}\n\n.seisme-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n border-left: 5px solid #c31432;\n transition: all 0.3s;\n cursor: pointer;\n}\n\n.seisme-card:hover {\n transform: translateX(5px);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n background: #fffef8;\n}\n\n.seisme-date {\n font-weight: bold;\n color: #c31432;\n font-size: 1.1em;\n margin-bottom: 8px;\n}\n\n.seisme-location {\n color: #2c3e50;\n font-weight: 600;\n margin-bottom: 5px;\n font-size: 1.05em;\n}\n\n.seisme-magnitude {\n display: inline-block;\n background: #c31432;\n color: white;\n padding: 4px 12px;\n border-radius: 15px;\n font-size: 0.9em;\n font-weight: bold;\n margin: 5px 0;\n}\n\n.seisme-details {\n font-size: 0.9em;\n color: #555;\n margin-top: 10px;\n line-height: 1.6;\n}\n\n.note {\n background: #e8f4fd;\n border-left: 4px solid #3498db;\n padding: 15px;\n margin: 20px;\n border-radius: 5px;\n font-size: 0.95em;\n line-height: 1.6;\n}\n\n.note strong {\n color: #2c3e50;\n}\n\n.highlighted {\n background: #fff9e6 !important;\n border-left-color: #f39c12 !important;\n}\n\n@media (max-width: 1200px) {\n .main-content {\n flex-direction: column;\n }\n \n .sidebar {\n width: 100%;\n }\n \n .map-container {\n min-width: 100%;\n }\n \n h1 {\n font-size: 1.8em;\n }\n}\n\n@media (max-width: 768px) {\n header {\n padding: 20px 15px;\n }\n \n h1 {\n font-size: 1.5em;\n }\n \n .subtitle {\n font-size: 0.95em;\n }\n \n .upload-section {\n padding: 20px;\n margin: 15px;\n }\n \n .seisme-circle {\n font-size: 0.8em !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <header>\n <h1>\ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles<\/h1>\n <p class=\"subtitle\">Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs<\/p>\n <\/header>\n\n\n\n <div class=\"main-content\">\n <div class=\"map-container\">\n <div class=\"map-wrapper\" id=\"mapWrapper\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/carte-caraibes.png\" class=\"map-image\" id=\"mapImage\" alt=\"Carte des Petites Antilles\">\n \n \n \n <div class=\"seisme-marker\" style=\"left: 58%; top: 28%;\" data-seisme=\"1843\">\n <div class=\"seisme-circle\" style=\"width: 50px; height: 50px; background: #8B0000; font-size: 15px;\">\n 1843\n <\/div>\n <div class=\"seisme-label\">M 8.0-8.5 \u2022 Le plus puissant<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 53%; top: 52%;\" data-seisme=\"1839\">\n <div class=\"seisme-circle\" style=\"width: 45px; height: 45px; background: #DC143C; font-size: 14px;\">\n 1839\n <\/div>\n <div class=\"seisme-label\">M 7.5-8.0 \u2022 Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 55%; top: 36%;\" data-seisme=\"2004\">\n <div class=\"seisme-circle\" style=\"width: 36px; height: 36px; background: #FF4500; font-size: 12px;\">\n 2004\n <\/div>\n <div class=\"seisme-label\">M 6.3 \u2022 Les Saintes<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 50%; top: 48%;\" data-seisme=\"1946\">\n <div class=\"seisme-circle\" style=\"width: 42px; height: 42px; background: #DC143C; font-size: 13px;\">\n 1946\n <\/div>\n <div class=\"seisme-label\">M 7.0 \u2022 Large Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 54%; top: 55%;\" data-seisme=\"1953\">\n <div class=\"seisme-circle\" style=\"width: 44px; height: 44px; background: #DC143C; font-size: 14px;\">\n 1953\n <\/div>\n <div class=\"seisme-label\">M 7.5 \u2022 Sud Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 51%; top: 58%;\" data-seisme=\"1906\">\n <div class=\"seisme-circle\" style=\"width: 42px; height: 42px; background: #DC143C; font-size: 13px;\">\n 1906\n <\/div>\n <div class=\"seisme-label\">M > 7.0 \u2022 Sainte-Lucie<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 52%; top: 45%;\" data-seisme=\"2007\">\n <div class=\"seisme-circle\" style=\"width: 43px; height: 43px; background: #DC143C; font-size: 13px;\">\n 2007\n <\/div>\n <div class=\"seisme-label\">M 7.4 \u2022 Nord Martinique<\/div>\n <\/div>\n \n \n <div class=\"seisme-marker\" style=\"left: 50%; top: 68%;\" data-seisme=\"1902\">\n <div class=\"seisme-circle\" style=\"width: 38px; height: 38px; background: #FF6347; font-size: 12px;\">\n 1902\n <\/div>\n <div class=\"seisme-label\">\u00c9ruption \u2022 St-Vincent<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sidebar\">\n <div class=\"legend\">\n <h3>\ud83d\udcca L\u00e9gende des magnitudes<\/h3>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #8B0000; width:30px; height:30px;\"><\/div>\n <span><strong>Magnitude 8.0 – 8.5<\/strong> (Catastrophique)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #DC143C; width:26px; height:26px;\"><\/div>\n <span><strong>Magnitude 7.0 – 7.9<\/strong> (Majeur)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #FF4500; width:22px; height:22px;\"><\/div>\n <span><strong>Magnitude 6.0 – 6.9<\/strong> (Fort)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-circle\" style=\"background: #FF6347; width:20px; height:20px;\"><\/div>\n <span><strong>\u00c9v\u00e9nement volcanique<\/strong><\/span>\n <\/div>\n <\/div>\n\n <div class=\"note\">\n <strong>\ud83d\udca1 Astuce :<\/strong> Cliquez sur les cercles rouges de la carte ou sur les cartes ci-dessous pour voir les d\u00e9tails de chaque s\u00e9isme.\n <\/div>\n\n <div id=\"seismes-list\">\n <div class=\"seisme-card\" data-card=\"1843\">\n <div class=\"seisme-date\">\ud83d\udcc5 8 f\u00e9vrier 1843<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Guadeloupe – Antigua<\/div>\n <span class=\"seisme-magnitude\">M 8.0 – 8.5<\/span>\n <div class=\"seisme-details\">\n <strong>Le s\u00e9isme le plus puissant enregistr\u00e9 aux Antilles.<\/strong><br>\n \u00c9picentre situ\u00e9 entre Le Moule (Guadeloupe) et Antigua. Pointe-\u00e0-Pitre fut d\u00e9truite par un incendie cons\u00e9cutif au s\u00e9isme. Bilan : 3 000 \u00e0 6 000 morts. Intensit\u00e9 MSK de IX. Les secousses ont \u00e9t\u00e9 ressenties jusqu’\u00e0 Caracas (Venezuela) et Cayenne (Guyane).\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1839\">\n <div class=\"seisme-date\">\ud83d\udcc5 11 janvier 1839<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud-Est de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5 – 8.0<\/span>\n <div class=\"seisme-details\">\n <strong>Second s\u00e9isme le plus d\u00e9vastateur des \u00celes du Vent.<\/strong><br>\n Fort-de-France particuli\u00e8rement touch\u00e9e avec une intensit\u00e9 de IX. Dur\u00e9e de la secousse : 40 secondes. Bilan catastrophique : 300 \u00e0 4 000 morts et 28 975 bless\u00e9s. Ph\u00e9nom\u00e8nes lumineux impressionnants rapport\u00e9s.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1906\">\n <div class=\"seisme-date\">\ud83d\udcc5 1906<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord-Ouest de Sainte-Lucie<\/div>\n <span class=\"seisme-magnitude\">M > 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme majeur ayant caus\u00e9 de gros d\u00e9g\u00e2ts.<\/strong><br>\n Sainte-Lucie et la Martinique furent gravement touch\u00e9es par ce tremblement de terre de forte magnitude. Les archives de l’\u00e9poque relatent des destructions importantes dans les deux \u00eeles.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1946\">\n <div class=\"seisme-date\">\ud83d\udcc5 21 mai 1946 \u2022 9h16<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Au large de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.0<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme profond de subduction (60 km).<\/strong><br>\n Secousse principale de 35 secondes fortement ressentie en Martinique, Dominique et Sainte-Lucie. Intensit\u00e9 de VII \u00e0 VIII localement. Bilan : 1 mort au Lorrain, une vingtaine de bless\u00e9s. R\u00e9pliques importantes les 22 mai et 12 juillet provoquant la panique.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1953\">\n <div class=\"seisme-date\">\ud83d\udcc5 19 mars 1953 \u2022 8h27<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Sud de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.5<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme tr\u00e8s profond (135 km) de subduction.<\/strong><br>\n Nombreux d\u00e9g\u00e2ts mat\u00e9riels, notamment chute de nombreux clochers d’\u00e9glises. Intensit\u00e9 de VII \u00e0 VIII. La grande profondeur du foyer a heureusement limit\u00e9 l’ampleur des destructions et le nombre de victimes.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"2004\">\n <div class=\"seisme-date\">\ud83d\udcc5 21 novembre 2004 \u2022 7h41<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Les Saintes – Dominique<\/div>\n <span class=\"seisme-magnitude\">M 6.3<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme intraplaque le plus important en France depuis 1909.<\/strong><br>\n \u00c9picentre \u00e0 14 km de profondeur dans le canal de la Dominique. Bilan : 1 victime \u00e0 Trois-Rivi\u00e8res, d\u00e9g\u00e2ts importants aux Saintes. Mini-tsunami observ\u00e9. Plus de 1 700 r\u00e9pliques enregistr\u00e9es en 4 jours. Intensit\u00e9 MSK de VIII aux Saintes.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"2007\">\n <div class=\"seisme-date\">\ud83d\udcc5 29 novembre 2007 \u2022 15h00<\/div>\n <div class=\"seisme-location\">\ud83c\udf0a Nord de la Martinique<\/div>\n <span class=\"seisme-magnitude\">M 7.4<\/span>\n <div class=\"seisme-details\">\n <strong>S\u00e9isme de subduction profond (152 km).<\/strong><br>\n Localis\u00e9 \u00e0 40 km au nord\/nord-ouest de la Martinique. Rupture de la plaque sud-am\u00e9ricaine dans son plongement sous la plaque cara\u00efbe. Ressenti dans tout l’arc des Petites Antilles. D\u00e9g\u00e2ts mod\u00e9r\u00e9s en Martinique. Intensit\u00e9 VII. Pas de tsunami gr\u00e2ce \u00e0 la profondeur importante.\n <\/div>\n <\/div>\n\n <div class=\"seisme-card\" data-card=\"1902\">\n <div class=\"seisme-date\">\ud83d\udcc5 Mai 1902<\/div>\n <div class=\"seisme-location\">\ud83c\udf0b Soufri\u00e8re de Saint-Vincent<\/div>\n <span class=\"seisme-magnitude\">\u00c9ruption IEV 4<\/span>\n <div class=\"seisme-details\">\n <strong>\u00c9ruption volcanique explosive majeure.<\/strong><br>\n Indice d’Explosivit\u00e9 Volcanique de 4 (colonne de 10-25 km). Accompagn\u00e9e de nombreux s\u00e9ismes volcaniques. Environ 1 600 victimes. \u00c9ruption quasi-simultan\u00e9e avec la catastrophe de la Montagne Pel\u00e9e en Martinique (8 mai 1902 – 28 000 morts).\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"note\">\n <strong>\u26a0\ufe0f Information importante :<\/strong> Les Petites Antilles se situent sur une zone de subduction active o\u00f9 la plaque nord-am\u00e9ricaine plonge sous la plaque cara\u00efbe. Cette r\u00e9gion reste expos\u00e9e \u00e0 un risque sismique majeur. La pr\u00e9vention et la pr\u00e9paration aux s\u00e9ismes sont essentielles pour limiter les impacts futurs.\n <\/div>\n<\/div>\n\n<script>\n\/\/ La carte est d\u00e9j\u00e0 charg\u00e9e, pas besoin de gestion d'upload\n\n\/\/ Fonction pour mettre en \u00e9vidence un s\u00e9isme\nfunction highlightSeisme(year) {\n \/\/ Enlever tous les highlights des cartes\n document.querySelectorAll('.seisme-card').forEach(card => {\n card.classList.remove('highlighted');\n });\n \n \/\/ Enlever tous les highlights des marqueurs\n document.querySelectorAll('.seisme-marker').forEach(marker => {\n marker.style.filter = '';\n marker.style.transform = 'translate(-50%, -50%)';\n marker.style.zIndex = '10';\n });\n \n \/\/ Highlight le marqueur s\u00e9lectionn\u00e9\n const seismeMarker = document.querySelector(`.seisme-marker[data-seisme=\"${year}\"]`);\n if (seismeMarker) {\n seismeMarker.style.filter = 'drop-shadow(0 0 20px rgba(255, 215, 0, 1))';\n seismeMarker.style.transform = 'translate(-50%, -50%) scale(1.4)';\n seismeMarker.style.zIndex = '1000';\n \n \/\/ Animation de pulsation\n setTimeout(() => {\n seismeMarker.style.filter = 'drop-shadow(0 0 15px rgba(255, 100, 0, 0.9))';\n }, 300);\n \n setTimeout(() => {\n seismeMarker.style.filter = 'drop-shadow(0 0 20px rgba(255, 215, 0, 1))';\n }, 600);\n }\n \n \/\/ Highlight la carte correspondante\n const card = document.querySelector(`.seisme-card[data-card=\"${year}\"]`);\n if (card) {\n card.classList.add('highlighted');\n card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n}\n\n\/\/ Ajouter interaction au clic sur les marqueurs\ndocument.querySelectorAll('.seisme-marker').forEach(marker => {\n marker.addEventListener('click', function(e) {\n e.stopPropagation();\n const year = this.getAttribute('data-seisme');\n highlightSeisme(year);\n });\n});\n\n\/\/ Ajouter interaction au clic sur les cartes\ndocument.querySelectorAll('.seisme-card').forEach(card => {\n card.addEventListener('click', function() {\n const year = this.getAttribute('data-card');\n highlightSeisme(year);\n });\n});\n\n\/\/ Emp\u00eacher la propagation du clic sur les labels\ndocument.querySelectorAll('.seisme-label').forEach(label => {\n label.addEventListener('click', function(e) {\n e.stopPropagation();\n });\n});\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>S\u00e9ismes majeurs – Cara\u00efbes \ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs Saint-Kitts […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-308","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Les s\u00e9ismes - APS972<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aps972.duckdns.org\/en\/les-seismes\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les s\u00e9ismes - APS972\" \/>\n<meta property=\"og:description\" content=\"S\u00e9ismes majeurs – Cara\u00efbes \ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs Saint-Kitts […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aps972.duckdns.org\/en\/les-seismes\/\" \/>\n<meta property=\"og:site_name\" content=\"APS972\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageaps972.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1883\" \/>\n\t<meta property=\"og:image:height\" content=\"839\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aps972.duckdns.org\/les-seismes\/\",\"url\":\"https:\/\/aps972.duckdns.org\/les-seismes\/\",\"name\":\"Les s\u00e9ismes - APS972\",\"isPartOf\":{\"@id\":\"https:\/\/aps972.duckdns.org\/#website\"},\"datePublished\":\"2025-10-22T21:14:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/aps972.duckdns.org\/les-seismes\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aps972.duckdns.org\/les-seismes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aps972.duckdns.org\/les-seismes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/aps972.duckdns.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Les s\u00e9ismes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aps972.duckdns.org\/#website\",\"url\":\"https:\/\/aps972.duckdns.org\/\",\"name\":\"APS972\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/aps972.duckdns.org\/#organization\"},\"alternateName\":\"Apprendre \u00e0 porter secours Martinique\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aps972.duckdns.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/aps972.duckdns.org\/#organization\",\"name\":\"APS972\",\"url\":\"https:\/\/aps972.duckdns.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/aps972.duckdns.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageAPS9720-1.png\",\"contentUrl\":\"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageAPS9720-1.png\",\"width\":1536,\"height\":1024,\"caption\":\"APS972\"},\"image\":{\"@id\":\"https:\/\/aps972.duckdns.org\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Les s\u00e9ismes - APS972","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aps972.duckdns.org\/en\/les-seismes\/","og_locale":"en_GB","og_type":"article","og_title":"Les s\u00e9ismes - APS972","og_description":"S\u00e9ismes majeurs – Cara\u00efbes \ud83c\udf0a S\u00e9ismes Majeurs des Petites Antilles Zone : Saint-Vincent \u00e0 Saint-Kitts \u2022 S\u00e9ismes historiques destructeurs Saint-Kitts […]","og_url":"https:\/\/aps972.duckdns.org\/en\/les-seismes\/","og_site_name":"APS972","og_image":[{"width":1883,"height":839,"url":"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageaps972.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aps972.duckdns.org\/les-seismes\/","url":"https:\/\/aps972.duckdns.org\/les-seismes\/","name":"Les s\u00e9ismes - APS972","isPartOf":{"@id":"https:\/\/aps972.duckdns.org\/#website"},"datePublished":"2025-10-22T21:14:07+00:00","breadcrumb":{"@id":"https:\/\/aps972.duckdns.org\/les-seismes\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aps972.duckdns.org\/les-seismes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/aps972.duckdns.org\/les-seismes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/aps972.duckdns.org\/"},{"@type":"ListItem","position":2,"name":"Les s\u00e9ismes"}]},{"@type":"WebSite","@id":"https:\/\/aps972.duckdns.org\/#website","url":"https:\/\/aps972.duckdns.org\/","name":"APS972","description":"","publisher":{"@id":"https:\/\/aps972.duckdns.org\/#organization"},"alternateName":"Apprendre \u00e0 porter secours Martinique","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aps972.duckdns.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/aps972.duckdns.org\/#organization","name":"APS972","url":"https:\/\/aps972.duckdns.org\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/aps972.duckdns.org\/#\/schema\/logo\/image\/","url":"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageAPS9720-1.png","contentUrl":"https:\/\/aps972.duckdns.org\/wp-content\/uploads\/2025\/10\/imageAPS9720-1.png","width":1536,"height":1024,"caption":"APS972"},"image":{"@id":"https:\/\/aps972.duckdns.org\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/pages\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/comments?post=308"}],"version-history":[{"count":1,"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/pages\/308\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/pages\/308\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/aps972.duckdns.org\/en\/wp-json\/wp\/v2\/media?parent=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}