1<!-- VIGICRUES 1.12.5 --> 2<!doctype html> 3<html lang="fr"> 4 5 <head> 6 <meta charset="utf-8"> 7 <title> 8 Accueil - Carte de vigilance crues nationale 9 : 10 Vigicrues.gouv.fr 11 </title> 12 13 <meta content="IE=edge" http-equiv="X-UA-Compatible"> 14 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 15 <meta name="format-detection" content="telephone=no"> 16 <meta 17 name="theme-color" content="#000091"> 18 <!-- Défini la couleur de thème du navigateur (Safari/Android) --> 19 20 21 <link 22 href="/assets/css/bootstrap.css" rel="stylesheet" type="text/css"> 23 24 <!-- Custom SB Admin CSS (ACAI 3.0.8) 25 <link href="/assets/css/sb-admin-2.css" rel="stylesheet" type="text/css">--> 26 <link href="/assets/css/dataTables.bootstrap.min.css" rel="stylesheet" type="text/css"> 27 28 <meta content="Carte de vigilance crues (prévision des inondations) : v1.9.0" name="description"> 29 <meta content="inondation,crue,prévision,vigilance" name="keywords"> 30 31 <link data-n-head="ssr" rel="icon" type="image/x-icon" href="/assets/images/favicons/favicon.svg"> 32 <link data-n-head="ssr" rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicons/android-chrome-192x192.png"> 33 <link data-n-head="ssr" rel="icon" type="image/png" sizes="512x512" href="/assets/images/favicons/android-chrome-512x512.png"> 34 35 <link 36 href="/assets/css/jquery-ui.min.css" rel="stylesheet" type="text/css"> 37 <!--TODO à supprimer car pose des problèmes : nécessaire pour bon affichage des onglets mais génère des parasites ailleurs --> 38 39 <link href="/assets/css/styles.css" rel="stylesheet" type="text/css"> 40 <link href="/assets/css/app.css" rel="stylesheet" type="text/css"> 41 <link 42 href="/assets/css/espace_membre.css" rel="stylesheet" type="text/css"> 43 44 <!--- DSFR --> 45 <link 46 data-n-head="ssr" rel="apple-touch-icon" href="/assets/dsfr/favicon/apple-touch-icon.png"> 47 <!-- 180Ã180 --> 48 <link rel="icon" href="/assets/dsfr/favicon/favicon.svg"> 49 <link 50 rel="shortcut icon" href="/assets/dsfr/favicon/favicon.ico" type="image/x-icon"> 51 <!-- 32Ã32 --> 52 <link rel="manifest" href="/assets/dsfr/favicon/manifest.webmanifest" crossorigin="use-credentials"> 53 54 <link rel="stylesheet" href="/assets/dsfr/dsfr.min.css"> 55 <link rel="stylesheet" href="/assets/dsfr/utility/utility.min.css"> 56 57 <link href="/assets/css/select2.min.css" rel="stylesheet"> 58 59
59<script type="module" src="/assets/dsfr/dsfr.module.min.js"></script>
59 60
60<script nomodule src="/assets/dsfr/dsfr.nomodule.min.js"></script>
60 61 62 <link href="/assets/dsfr/core/core.min.css" rel="stylesheet"> 63 <link href="/assets/dsfr/component/tooltip/tooltip.min.css" rel="stylesheet"> 64 65
65<script nomodule src="/assets/dsfr/legacy/legacy.nomodule.min.js"></script>
65 66
66<script type="module" src="/assets/dsfr/core/core.module.min.js"></script>
66 67
67<script nomodule src="/assets/dsfr/core/core.nomodule.min.js"></script>
67 68
68<script type="module" src="/assets/dsfr/component/tooltip/tooltip.module.min.js"></script>
68 69
69<script nomodule src="/assets/dsfr/component/tooltip/tooltip.nomodule.min.js"></script>
69 70
70<script type="module" src="/assets/dsfr/component/navigation/navigation.module.min.js"></script>
70 71
71<script nomodule src="/assets/dsfr/component/navigation/navigation.nomodule.min.js"></script>
71 72
72<script type="module" src="/assets/dsfr/component/table/table.module.min.js"></script>
72 73
73<script nomodule src="/assets/dsfr/component/table/table.nomodule.min.js"></script>
73 74
74<script type="module" src="/assets/dsfr/component/toggle/toggle.module.min.js"></script>
74 75
75<script nomodule src="/assets/dsfr/component/toggle/toggle.nomodule.min.js"></script>
75 76
76<script type="module" src="/assets/dsfr/component/accordion/accordion.module.min.js"></script>
76 77
77<script nomodule src="/assets/dsfr/component/accordion/accordion.nomodule.min.js"></script>
77 78 <!--- !DSFR --> 79 80 <!--- START MATOMO --> 81
81<script type="text/javascript"> 82 var _paq = _paq || []; 83 _paq.push(['setDocumentTitle', '\tAccueil\u0020\u002D\u0020Carte\u0020de\u0020vigilance\u0020crues\u0020nationale\n']); 84 _paq.push(['setDownloadClasses', ["LienTelecharg", "document"]]); 85 _paq.push(['trackPageView']); 86 _paq.push(['enableLinkTracking']); 87 (function() { 88 var u = "//audience-sites.din.developpement-durable.gouv.fr/"; 89 _paq.push(['setTrackerUrl', u + 'piwik.php']); 90 _paq.push(['setSiteId', '1480']); 91 var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; 92 g.type = 'text/javascript'; 93 g.async = true; 94 g.defer = true; 95 g.src = u + 'piwik.js'; 96 s.parentNode.insertBefore(g, s); 97 })(); 98 99 function piwikTrackVideo(type, section, page, x1) { 100 _paq.push(['trackEvent', 'Video', 'Play', page]); 101 } 102 </script>
102 103 <noscript> 104 <p> 105 <img src="//audience-sites.din.developpement-durable.gouv.fr/piwik.php?idsite=1480&rec=1&action_name=%09Accueil%20-%20Carte%20de%20vigilance%20crues%20nationale%0A" style="border:0" alt="Matomo tracking"> 106 </p> 107 </noscript> 108 <!--- END MATOMO --> 109 110 <!-- CSS pour le graphe de niveau3 : TODO ne pourrait être chargé que dans la page niv3-station --> 111 112 </head> 113 114 <body class="home"> 115 <div class="fr-skiplinks"> 116 <nav class="fr-container" role="navigation" aria-label="Accès rapide"> 117 <ul class="fr-skiplinks__list"> 118 <li> 119 <a class="fr-link" href="#recherche_entity">Recherche</a> 120 </li> 121 <li> 122 <a class="fr-link" href="#header-navigation">Menu</a> 123 </li> 124 <li> 125 <a class="fr-link" href="#contenu">Contenu</a> 126 </li> 127 <li> 128 <a class="fr-link" href="#footer">Pied de page</a> 129 </li> 130 </ul> 131 </nav> 132 </div> 133 134 135<header role="banner" class="fr-header"> 136 <div class="fr-header__body"> 137 <div class="fr-container"> 138 <div class="fr-header__body-row"> 139 <div class="fr-header__brand fr-enlarge-link"> 140 <div class="fr-header__brand-top"> 141 <div class="fr-header__logo"> 142 <p class="fr-logo"> 143 République 144 <br>Française 145 </p> 146 </div> 147 <div class="fr-header__operator"> 148 <img class="fr-responsive-img" style="max-width:9.0625rem;min-height:32px" src="/assets/images/vigicrues.svg" alt="Logo Vigicrues" > 149 <!-- L'alternative de l'image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l'image --> 150 </div> 151 <div class="fr-header__navbar"> 152 <button class="fr-btn--menu fr-btn" data-fr-opened="false" aria-controls="modal-476" aria-haspopup="menu" id="button-477" title="Menu"> 153 Menu 154 </button> 155 </div> 156 </div> 157 <div class="fr-header__service"> 158 <a href="http://www.vigicrues.gouv.fr/" title="Accueil - Vigicrues.gouv.fr - République Française"> 159 <p class="fr-header__service-title"> 160 Vigicrues.gouv.fr 161 </p> 162 </a> 163 <p class="fr-header__service-tagline">Le service d'information sur le risque de crues <br /> 164des principaux cours d'eau en France<br /> 165</p> 166 </div> 167 </div> 168 <div class="fr-header__tools hidden-sm hidden-xs"> 169 <div class="fr-header__tools-links"> 170 <ul class="fr-btns-group"> 171 <li id="header_compte" data-compte-utilisateur-path="/espace_membre/mon_compte" 172 data-security-deconnexion-path="/deconnexion" 173 data-security-connexion-path="/connexion" 174 data-user-nom="" 175 data-user-prenom="" 176 data-user-logged-in="false"> 177 </li> 178 </ul> 179 </div> 180 <br/> 181 <div id="rechercheHeader"> 182 <!-- Barre de recherche gérée dynamiquement selon la taille de l'écran par le script positionRecherche.js --> 183 </div> 184 </div> 185 </div> 186 </div> 187 </div> 188 <div class="fr-header__menu fr-modal" id="modal-476" aria-labelledby="button-477"> 189 <div class="fr-container"> 190 <button class="fr-btn--close fr-btn" aria-controls="modal-476" title="Fermer"> 191 Fermer 192 </button> 193 <div class="fr-header__menu-links"> 194 </div> 195 <!-- Attention: le main id=contenu et inclusion des messages de services sont inclus dans ce fichier--> 196 197<nav id="navigation" class="fr-nav" role="navigation" aria-label="Menu navigation"> 198 <div class="container-vigi"> 199 <!-- Toggle for mobile display --> 200 201 <div class="row"> 202 <div class="col-xs-12"> 203 <ul id="header-navigation" class="fr-nav__list nav"> 204 <li class="fr-nav__item navbar-item"> 205 <button class="fr-nav__btn" aria-expanded="false" aria-controls="menu-3">
206 <span class="navbar-link-logo garonne-adour" aria-hidden="true"><i class="icon icon-path1"></i><i class="icon icon-path2"></i><i class="icon icon-path3"></i></span> 207 Adour-Garonne 208 </button> 209 210 <div class="fr-collapse fr-menu" id="menu-3"> 211 <ul class="fr-menu__list"> 212 213 <li> 214 <a class="fr-nav__link" href="/territoire/25" target="_self" > 215 Garonne-Tarn-Lot 216 </a> 217 </li> 218 219 220 <li> 221 <a class="fr-nav__link" href="/territoire/32" target="_self" > 222 Gironde-Adour-Dordogne 223 </a> 224 </li> 225 226 </ul> 227 </div> 228 </li> 229 <li class="fr-nav__item navbar-item"> 230 <button class="fr-nav__btn" aria-expanded="false" aria-controls="menu-1"> 231 <span class="navbar-link-logo loire-bretagne" aria-hidden="true"><i class="icon icon-path1"></i><i class="icon icon-path2"></i><i class="icon icon-path3"></i></span> 232 Loire-Bretagne 233 </button> 234 235 <div class="fr-collapse fr-menu" id="menu-1"> 236 <ul class="fr-menu__list"> 237 238 <li> 239 <a class="fr-nav__link" href="/territoire/8" target="_self" > 240 Vilaine-Côtiers Bretons 241 </a> 242 </li> 243 244 245 <li> 246 <a class="fr-nav__link" href="/territoire/9" target="_self" > 247 Maine-Loire aval 248 </a> 249 </li> 250 251 252 <li> 253 <a class="fr-nav__link" href="/territoire/30" target="_self" > 254 Loire-Allier-Cher-Indre 255 </a> 256 </li> 257 258 259 <li> 260 <a class="fr-nav__link" href="/territoire/31" target="_self" > 261 Vienne-Charente-Atlantique 262 </a> 263 </li> 264 265 </ul> 266 </div> 267 </li> 268 <li class="fr-nav__item navbar-item"> 269 <button class="fr-nav__btn" aria-expanded="false" aria-controls="menu-2">
270 <span class="navbar-link-logo seine-nord" aria-hidden="true"><i class="icon icon-path1"></i><i class="icon icon-path2"></i><i class="icon icon-path3"></i></span> 271 Seine-Nord-Est 272 </button> 273 274 <div class="fr-collapse fr-menu" id="menu-2"> 275 <ul class="fr-menu__list"> 276 277 <li> 278 <a class="fr-nav__link" href="/territoire/2" target="_self" > 279 Meuse-Moselle 280 </a> 281 </li> 282 283 284 <li> 285 <a class="fr-nav__link" href="/territoire/3" target="_self" > 286 Rhin-Sarre 287 </a> 288 </li> 289 290 291 <li> 292 <a class="fr-nav__link" href="/territoire/4" target="_self" > 293 Seine aval-Côtiers Normands 294 </a> 295 </li> 296 297 298 <li> 299 <a class="fr-nav__link" href="/territoire/6" target="_self" > 300 Seine amont-Marne amont 301 </a> 302 </li> 303 304 305 <li> 306 <a class="fr-nav__link" href="/territoire/7" target="_self" > 307 Seine moyenne-Yonne-Loing 308 </a> 309 </li> 310 311 312 <li> 313 <a class="fr-nav__link" href="/territoire/29" target="_self" > 314 Bassins du Nord 315 </a> 316 </li> 317 318 </ul> 319 </div> 320 </li> 321 <li class="fr-nav__item navbar-item"> 322 <button class="fr-nav__btn" aria-expanded="false" aria-controls="menu-4"> 323 <span class="navbar-link-logo rhone-med" aria-hidden="true"><i class="icon icon-path1"></i><i class="icon icon-path2"></i><i class="icon icon-path3"></i></span> 324 Rhône-Méditerranée 325 </button> 326 327 <div class="fr-collapse fr-menu" id="menu-4"> 328 <ul class="fr-menu__list"> 329 330 <li> 331 <a class="fr-nav__link" href="/territoire/18" target="_self" > 332 Rhône amont-Saône 333 </a> 334 </li> 335 336 337 <li> 338 <a class="fr-nav__link" href="/territoire/19" target="_self" > 339 Alpes du Nord 340 </a> 341 </li> 342 343 344 <li> 345 <a class="fr-nav__link" href="/territoire/20" target="_self" > 346 Grand Delta 347 </a> 348 </li> 349 350 351 <li> 352 <a class="fr-nav__link" href="/territoire/21" target="_self" > 353 Méditerranée Ouest 354 </a> 355 </li> 356 357 358 <li> 359 <a class="fr-nav__link" href="/territoire/22" target="_self" > 360 Méditerranée Est (bassin continental) 361 </a> 362 </li> 363 364 365 <li> 366 <a class="fr-nav__link" href="/territoire/26" target="_self" > 367 Méditerranée Est (bassin Corse) 368 </a> 369 </li> 370 371 </ul> 372 </div> 373 </li> 374 <li class="fr-nav__item navbar-item"> 375 <button class="fr-nav__btn" aria-expanded="false" aria-controls="menu-5">
376 <span class="navbar-link-logo outre-mer" aria-hidden="true"><i class="icon icon-path1"></i><i class="icon icon-path2"></i><i class="icon icon-path3"></i></span> 377 Outre-mer 378 </button> 379 380 <div class="fr-collapse fr-menu" id="menu-5"> 381 <ul class="fr-menu__list"> 382 383 <li> 384 <a title="Le service d'information sur le risque de crues des principaux cours d'eau à La Réunion" href="https://www.vigicrues-reunion.re" class="fr-nav__link" target="_self"> 385 La réunion 386 </a> 387 </li> 388 389 390 <li> 391 <a href="/territoire/973" class="fr-nav__link" target="_self" > 392 Guyane 393 <img src="/ftp/spc973/cruemax.png" height="20" style="float:right; width:20px;" alt="Pictogramme Vigicrues Guyane" aria-hidden="true"/> 394 </a> 395 </li> 396 397 398 <li> 399 <a class="fr-nav__link" href="/territoire/971" target="_self" > 400 Guadeloupe 401 </a> 402 </li> 403 404 405 <li> 406 <a class="fr-nav__link" href="/territoire/972" target="_self" > 407 Martinique 408 </a> 409 </li> 410 411 412 <li> 413 <a class="fr-nav__link" href="/territoire/976" target="_self" > 414 Mayotte 415 </a> 416 </li> 417 418 </ul> 419 </div> 420 </li> 421 </ul> 422 </div> 423 </div> 424 425 426 </div><!-- /.container-vigi --> 427</nav> 428 429 </div> 430 </div> 431</header> 432 433<style> 434/* Base styles for the enlarge link */ 435.fr-header__brand.fr-enlarge-link { 436 position: relative; 437 padding: 8px; 438 border-radius: 4px; 439 border: 2px solid transparent; 440} 441 442 443 444/* Focus styles for keyboard navigation */ 445.fr-header__brand.fr-enlarge-link:focus-within { 446 border-color: #0A76F6; 447 outline: none; 448} 449 450.fr-header__brand.fr-enlarge-link:focus-within a { 451 outline: none; 452} 453 454/* Ensure focus is visible in high contrast mode */ 455@media (forced-colors: active) { 456 .fr-header__brand.fr-enlarge-link:focus-within { 457 border-color: CanvasText; 458 } 459} 460 461/* Ensure focus is visible when using keyboard navigation */ 462.fr-header__brand.fr-enlarge-link:focus-visible { 463 border-color: #0A76F6; 464 outline: none; 465} 466</style> 467 468 469 470
470<script> 471 var barreRecherche = `<select class="recherche-entite" 472 style="text-align:left; width: 220px;" 473 name="state" 474 aria-label="Rechercher un territoire, un tronçon, une station ou une commune" 475 data-ajax-url="/recherche/ajax"> 476 <option></option> 477</select>`; 478 </script>
478 479
479<script src="/js/positionRecherche.js"></script>
479 480 481 482 <main id="contenu" role="main"> 483 <div 484 id="rechercheBase" class="fr-row visible-sm visible-xs" style="text-align: right; margin-top:1rem"><!-- Barre de recherche gérée dynamiquement selon la taille de l'écran par le script positionRecherche.js --> 485 </div> 486 <div class="container-vigi home-container1"> 487 <div class="messages-services"> 488 489 490 491 492 493 <div class="container-vigi"> 494 <div class="row"> 495 <div class="col-xs-12 message-service" id="messagedeservice"> 496 <div class="alert alert-warning" role="alert"> 497 <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> 498 <div class="message-service-content"> 499 <p>ATTENTION! Le site Vigicrues a vocation à fournir à chacun l'ensemble des informations disponibles en cas d'inondation. Les mesures de débit en rivière, que vous y trouvez, sont arrondies à 0,1 m³/seconde soit 100 litres/seconde, arrondi suffisant en situation de crue. En ce moment, une grande partie du réseau surveillé est en situation de sécheresse. Pour accéder à la donnée de référence dans le contexte actuel, rendez-vous sur notre outil dédié, Hydroportail : hydro.eaufrance.fr</p> 500 </div> 501 </div> 502 </div> 503 </div> 504 </div> 505 506 507 508 509 510 511 </div> 512 <div class="fr-grid-row fr-grid-row--gutters"> 513 <div class="fr-col-12 fr-col-lg-8"> 514 515 <!-- #1 --> 516 <div class="main-title-wrapper"> 517 <h1 class="sr-only">Carte nationale</h1> 518 </div> 519 520 <!-- #2 --> 521 <div class="home-vigilance"> 522 <div class="fr-card fr-card--no-background fr-card--no-border"> 523 <div class="home-vigilance-max vert fr-card__body"> 524 <div class="home-vigilance-max-content fr-card__content"> 525 <img class="pull-left" src=/assets/images/indice/vigilance-crue-max-vert.svg width="57" alt=""> 526 <h3 class="home-vigilance-max-title fr-card__title"> 527 L'état maximum de la vigilance crues métropolitaine est 528 <strong class="label-green">vert</strong>. 529 </h3> 530 <p class="home-vigilance-max-details fr-card__desc"> 531 <i class="icon icon-warning" aria-hidden="true"></i> 532 Pas de vigilance particulière requise. 533 </p> 534 <p class="info-nb-vigilance-tronçon fr-card__desc"></p> 535 </div> 536 </div> 537 </div> 538 </div> 539 </div> 540 <div class="fr-col"> 541 <div class="geoloc-bulletin"> 542 <div class="fr-card fr-card--no-background fr-card--no-border"> 543 <div class="fr-card__body"> 544 <div class="fr-card__content geoloc-bulletin-title"> 545 <h3 class="fr-card__title geoloc-bulletin-text"> 546 Afficher les informations de mon territoire 547 </h3> 548 <button class="fr-btn fr-btn--secondary fr-card__desc" id="geoloc"><i class="icon icon-target" aria-hidden="true"></i>Se géolocaliser</button> 549 </div> 550 </div> 551 </div> 552 </div> 553 </div> 554 </div> 555 556 <!-- Bulletin d'info remonté --> 557 <div class="bulletin-link"> 558 <div class="div-btn-bulletin access-forecast"> 559 <a class="fr-btn fr-btn--secondary btn-inverse fr-link" href="/bulletin_national"> 560 Accéder au bulletin d'information national publié le 561 <time datetime="2026-10-01 09:55:15">01.10.2026 à 09h55</time> 562 <button class="fr-link" aria-describedby="tooltip-HL" id="link-HL">HL</button> 563 <span class="fr-tooltip fr-placement" id="tooltip-HL" role="tooltip" aria-hidden="true">Heure légale métropolitaine</span> 564 </a> 565 </div> 566 <div class="div-glyphiconTerritoire access-actions"> 567 <a href="/espace_membre/abonnement?terr=999" class="glyphiconTerritoire fr-btn fr-link" title="Abonnement au bulletin du territoire"> 568 <i class="glyphicon glyphicon-envelope" aria-hidden="true"></i> 569 <span class="sr-only">Abonnement au bulletin du territoire</span> 570 </a> 571 <a href="/espace_membre/avertissement?terr=999" class="glyphiconTerritoire fr-btn fr-link" title="Recevoir les avertissements pour ce territoire"> 572 <i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 573 <span class="sr-only">Recevoir les avertissements pour ce territoire</span> 574 </a> 575 </div> 576 <p class="infoProduction">Production de l'information au moins deux fois par jour, à 10h et 16h.</p> 577 </div> 578 </div> 579 <!-- /.container-vigi & .home-container1--> 580 581 <div class="container-vigi home-container2"> 582 <div class="row"> 583 <div class="col-xs-12"> 584 585 <div class="home-legend-wrapper">
586 <!-- Instructions --> 587 <div class="map-france-instructions"> 588 <p class="map-france-instructions-txt">Cliquez sur une zone de la carte<br> 589 pour afficher les informations locales</p> 590 </div> 591 592 <div class="fr-card"> 593 <div class="fr-card__body"> 594 <div class="fr-card__content vigilance-map-legend"> 595 <h3 class="fr-card__title vigilance-map-legend-title"> 596 Légende 597 <span class="sr-only">vigilance</span> 598 </h3> 599 <div class="fr-card__desc"> 600 <div class="vigilance-map-legend-content"> 601 <div class="vigilance-map-legend-unit red"> 602 <span class="vigilance-map-legend-rect" aria-hidden="true"> 603 <img src=/assets/images/rect-svg/rect-red.svg width="10" height="43" alt=""> 604 </span> 605 <p class="vigilance-map-legend-details"> 606 <span class="fr-text--xs vigilance-map-legend-name">Rouge :</span><br> 607 <!-- @TOPROD Un doit séparer span et button. Du whitespace (tab(s), retour(s)-chariot(s), espace(s)) ou "rien" (</span><button>) ne conviennent pas 608 @BUGFIX En 768 exactement, le bouton du bloc orange passe seul à la ligne. Arrive encore en ~772 mais c'est moins gênant que 768 --> 609 <span class="fr-text--xs vigilance-map-legend-txt">Risque de crue majeure</span> <br> 610 <button class="fr-btn--tooltip fr-btn" aria-describedby="tooltip-legende4"> 611 Plus d'explications sur la légende Rouge 612 </button> 613 <span class="fr-tooltip fr-placement" id="tooltip-legende4" role="tooltip" aria-hidden="true">Risque de crue majeure. Menace directe et généralisée de la sécurité des personnes et des biens.</span> 614 </p> 615 </div> 616 617 618 619 <div class="vigilance-map-legend-unit orange"> 620 <span class="vigilance-map-legend-rect" aria-hidden="true"> 621 <img src=/assets/images/rect-svg/rect-orange.svg width="10" height="43" alt=""> 622 </span> 623 <p class="vigilance-map-legend-details"> 624 <span class="fr-text--xs vigilance-map-legend-name">Orange :</span><br> 625 <!-- @TOPROD Un doit séparer span et button. Du whitespace (tab(s), retour(s)-chariot(s), espace(s)) ou "rien" (</span><button>) ne conviennent pas 626 @BUGFIX En 768 exactement, le bouton du bloc orange passe seul à la ligne. Arrive encore en ~772 mais c'est moins gênant que 768 --> 627 <span class="fr-text--xs vigilance-map-legend-txt">Risque de crue génératrice de débordements importants</span> <br> 628 <button class="fr-btn--tooltip fr-btn" aria-describedby="tooltip-legende3"> 629 Plus d'explications sur la légende Orange 630 </button> 631 <span class="fr-tooltip fr-placement" id="tooltip-legende3" role="tooltip" aria-hidden="true">Risque de crue génératrice de débordements importants susceptibles dâavoir un impact significatif sur la vie collective et la sécurité des biens et des personnes.</span> 632 </p> 633 </div> 634 635 <!-- @TOPROD Ces 2 éléments reçoivent les tooltips en mobile (contrainte de positionnement). Ils doivent être *vides*, pas même un espace entre > et </ car en CSS on cible :empty --> 636 <!--div class="vigilance-map-legend-tooltip-wrapper1"></div--> 637 <!--div class="vigilance-map-legend-tooltip-wrapper2"></div--> 638 <!--div class="vigilance-map-legend-tooltip-wrapper3"></div--> 639 640 641 <div class="vigilance-map-legend-unit yellow"> 642 <span class="vigilance-map-legend-rect" aria-hidden="true"> 643 <img src=/assets/images/rect-svg/rect-yellow.svg width="10" height="43" alt=""> 644 </span> 645 <p class="vigilance-map-legend-details"> 646 <span class="fr-text--xs vigilance-map-legend-name">Jaune :</span><br> 647 <!-- @TOPROD Un doit séparer span et button. Du whitespace (tab(s), retour(s)-chariot(s), espace(s)) ou "rien" (</span><button>) ne conviennent pas 648 @BUGFIX En 768 exactement, le bouton du bloc orange passe seul à la ligne. Arrive encore en ~772 mais c'est moins gênant que 768 --> 649 <span class="fr-text--xs vigilance-map-legend-txt">Risque de crue génératrice de débordements</span> <br> 650 <button class="fr-btn--tooltip fr-btn" aria-describedby="tooltip-legende2"> 651 Plus d'explications sur la légende Jaune 652 </button> 653 <span class="fr-tooltip fr-placement" id="tooltip-legende2" role="tooltip" aria-hidden="true">Risque de crue génératrice de débordements et de dommages localisés ou de montée rapide et dangereuse des eaux, nécessitant une vigilance particulière notamment dans le cas d'
653activités exposées et/ou saisonnières.</span> 654 </p> 655 </div> 656 657 658 659 <div class="vigilance-map-legend-unit green"> 660 <span class="vigilance-map-legend-rect" aria-hidden="true"> 661 <img src=/assets/images/rect-svg/rect-green.svg width="10" height="43" alt=""> 662 </span> 663 <p class="vigilance-map-legend-details"> 664 <span class="fr-text--xs vigilance-map-legend-name">Vert :</span><br> 665 <!-- @TOPROD Un doit séparer span et button. Du whitespace (tab(s), retour(s)-chariot(s), espace(s)) ou "rien" (</span><button>) ne conviennent pas 666 @BUGFIX En 768 exactement, le bouton du bloc orange passe seul à la ligne. Arrive encore en ~772 mais c'est moins gênant que 768 --> 667 <span class="fr-text--xs vigilance-map-legend-txt">Pas de vigilance particulière requise</span> <br> 668 </p> 669 </div> 670 671 672 673 </div> 674 </div> 675 </div> 676 </div> 677 </div> 678 </div> 679 <!-- /.home-legend-wrapper --> 680 681 <div class="map-france js-scale-parent"> 682 <div id="hovered"> 683 <!-- This image gets scaled and determines the container size --> 684 <img class="map-france-img1 js-scale-img" 685 id="pic" 686 src="/roll/niv1/img/francevide_792px.gif" 687 width="100%" 688 alt="Carte de vigilance crues nationale"> 689 690 <!-- Background image --> 691 <img id="img_carte_nationale" 692 alt="Carte nationale" 693 src="./ftp/img_france.png" 694 width="100%" 695 height="100%"/> 696 697 <!-- Interactive SVG map --> 698 <svg xmlns="http://www.w3.org/2000/svg" 699 xmlns:xlink="http://www.w3.org/1999/xlink" 700 viewBox="0 0 792 792" 701 preserveAspectRatio="xMidYMid meet" 702 class="map-france-map"> 703 <a href="/territoire/2" 704 onmouseout="" 705 onmouseover="swapPic(this, 2)" 706 role="button" 707 aria-label="Territoire Meuse-Moselle - Cliquez pour voir les détails"> 708 <polygon points="555,118 574,114 581,99 584,131 607,139 618,155 635,149 647,159 662,153 679,159 685,171 681,175 684,186 698,187 688,204 701,211 697,220 715,236 713,250 720,253 705,295 690,289 670,267 664,274 651,268 624,288 626,263 621,258 625,256 617,250 627,246 629,239 616,204 593,159 582,164 578,152 557,136 556,122 561,121 555,118" 709 stroke="black" 710 fill="black" 711 stroke-width="0" 712 fill-opacity="0" 713 role="img" 714 aria-hidden="true"> 715 <title>Territoire Meuse-Moselle</title> 716 </polygon> 717</a> 718<a href="/territoire/3" 719 onmouseout="" 720 onmouseover="swapPic(this, 3)" 721 role="button" 722 aria-label="Territoire Rhin-Sarre - Cliquez pour voir les détails"> 723 <polygon points="685,171 691,181 701,176 708,185 722,184 730,177 741,188 758,187 776,193 753,227 743,271 746,280 741,304 746,313 735,327 723,327 724,323 712,314 714,303 702,296 720,253 713,250 715,236 697,220 701,211 688,204 698,187 684,186 681,175 685,171" 724 stroke="black" 725 fill="black" 726 stroke-width="0" 727 fill-opacity="0" 728 role="img" 729 aria-hidden="true"> 730 <title>Territoire Rhin-Sarre</title> 731 </polygon> 732</a> 733<a href="/territoire/4" 734 onmouseout="" 735 onmouseover="swapPic(this, 4)" 736 role="button" 737 aria-label="Territoire Seine aval-Côtiers Normands - Cliquez pour voir les détails"> 738 <polygon points="229,225 235,225 234,220 226,220 221,207 228,191 222,190 225,174 212,160 207,130 224,138 244,134 245,166 261,161 299,174 333,161 317,154 326,136 376,119 395,106 411,113 410,122 423,130 408,150 416,156 415,164 430,172 429,183 420,180 413,192 400,195 389,183 391,177 383,181 383,172 381,180 390,179 387,183 397,194 398,210 420,227 415,234 421,247 417,254 402,252 398,258 380,249 368,252 356,238 358,232 344,233 336,226 320,234 301,235 283,225 284,218 277,222 263,216 269,228 260,238 240,233 236,236 229,225" 739 stroke="black" 740 fill="black" 741 stroke-width="0" 742 fill-opacity="0" 743 role="img" 744 aria-hidden="true"> 745 <title>Territoire Seine aval-Côtiers Normands</title> 746 </polygon> 747</a> 748<a href="/territoire/6" 749 onmouseout="" 750 onmouseover="swapPic(this, 6)" 751 role="button" 752 aria-label="Territoire Seine amont-Marne amont - Cliquez pour voir les détails"> 753 <polygon points="582,331 560,313 553,296 556,292 549,290 547,275 537,273 536,259 528,253 520,260 505,254 512,228 540,214 535,207 516,211 496,205 494,197 514,190 520,182 534,191 545,187 579,207 605,204 610,216 625,227 628,244 617,250 625,256 621,258 626,263 623,296 594,311 582,331" 754 stroke="black" 755 fill="black" 756 stroke-width="0" 757 fill-opacity="0" 758 role="img" 759 aria-hidden="true"> 760 <title>Territoire Seine amont-Marne amont</title> 761 </polygon> 762</a> 763<a href="/territoire/7" 764 onmouseout="" 765 onmouseover="swapPic(this, 7)" 766 role="button" 767 aria-label="Territoire Seine moyenne-Yonne-Loing - Cliquez pour voir les détails"> 768 <polygon points="422,264 415,235 420,227 398,210 397,194 387,184 390,179 381,181 382,173 383,181 392,178 389,183 400,195 413,192 420,180 429,183 430,172 444,181 448,194 467,197 476,182 495,173 501,179 515,180 514,190 494,197 496,205 516,211 535,207 540,214 512,228 505,254 520,260 528,253 536,259 537,273 547,275 549,290 556,292 553,296 560,313 577,324 584,340 571,353 550,347 540,375 535,362 504,351 497,341 499,326 449,300 438,282 425,281 430,274 422,264" 769 stroke="black" 770 fill="black" 771 stroke-width="0" 772 fill-opacity="0" 773 role="img" 774 aria-hidden="true"> 775 <title>Territoire Seine moyenne-Yonne-Loing</title> 776 </polygon> 777</a> 778<a href="/territoire/8" 779 onmouseout="" 780 onmouseover="swapPic(this, 8)" 781 role="button" 782 aria-label="Territoire Vilaine-Côtiers Bretons - Cliquez pour voir les détails"> 783 <polygon points="165,322 163,318 169,317 143,317 139,311 149,313 153,3
78305 141,309 136,301 138,311 133,303 126,317 126,298 122,302 114,297 119,298 114,296 120,289 116,293 114,286 115,293 109,297 105,282 105,290 93,282 87,287 82,276 72,278 73,269 68,284 57,283 60,275 52,262 38,261 62,259 65,253 55,245 50,251 46,241 52,236 51,241 76,246 66,243 72,242 63,239 68,236 56,238 68,229 38,236 41,218 55,219 50,216 57,217 54,211 82,211 85,206 87,216 89,211 93,217 95,208 109,213 114,199 118,203 130,198 130,205 139,197 135,207 142,203 159,232 180,217 185,227 195,222 197,235 196,221 207,216 207,225 229,225 236,236 250,236 251,280 242,283 236,301 245,313 223,316 209,334 198,333 200,324 189,316 165,322 119,329 119,324 129,331 119,329" 784 stroke="black" 785 fill="black" 786 stroke-width="0" 787 fill-opacity="0" 788 role="img" 789 aria-hidden="true"> 790 <title>Territoire Vilaine-Côtiers Bretons</title> 791 </polygon> 792</a> 793<a href="/territoire/9" 794 onmouseout="" 795 onmouseover="swapPic(this, 9)" 796 role="button" 797 aria-label="Territoire Maine-Loire aval - Cliquez pour voir les détails"> 798 <polygon points="417,254 422,271 416,278 396,283 393,298 330,325 331,331 322,334 328,343 311,349 310,354 296,343 282,367 265,360 264,378 280,390 279,397 275,401 263,392 249,407 231,408 227,425 197,406 180,377 190,360 175,350 180,338 190,335 173,341 159,335 163,334 159,328 174,317 194,318 203,334 213,331 223,316 245,313 237,296 242,282 251,280 249,237 261,238 269,228 264,216 277,222 284,218 283,225 303,236 336,226 344,233 358,232 356,238 368,252 380,249 398,258 402,252 417,254" 799 stroke="black" 800 fill="black" 801 stroke-width="0" 802 fill-opacity="0" 803 role="img" 804 aria-hidden="true"> 805 <title>Territoire Maine-Loire aval</title> 806 </polygon> 807</a> 808<a href="/territoire/18" 809 onmouseout="" 810 onmouseover="swapPic(this, 18)" 811 role="button" 812 aria-label="Territoire Rhône amont-Saône - Cliquez pour voir les détails"> 813 <polygon points="720,322 712,323 706,336 717,337 698,362 682,373 684,386 664,404 666,432 648,445 647,476 638,487 640,498 628,504 618,499 588,517 585,511 579,514 578,508 571,509 568,498 577,487 574,481 563,486 567,474 560,464 569,439 565,428 571,393 567,392 5
81378,365 572,350 584,340 585,320 619,300 625,288 651,268 664,274 670,267 690,289 712,302 712,314 720,322" 814 stroke="black" 815 fill="black" 816 stroke-width="0" 817 fill-opacity="0" 818 role="img" 819 aria-hidden="true"> 820 <title>Territoire Rhône amont-Saône</title> 821 </polygon> 822</a> 823<a href="/territoire/19" 824 onmouseout="" 825 onmouseover="swapPic(this, 19)" 826 role="button" 827 aria-label="Territoire Alpes du Nord - Cliquez pour voir les détails"> 828 <polygon points="657,442 676,433 676,421 706,418 706,439 713,440 711,447 722,457 709,465 709,475 721,481 721,493 733,501 730,514 716,525 685,532 689,542 685,560 691,565 682,572 660,571 623,554 621,548 618,552 613,544 595,543 590,530 592,511 618,499 628,504 640,498 638,487 647,476 648,445 657,442" 829 stroke="black" 830 fill="black" 831 stroke-width="0" 832 fill-opacity="0" 833 role="img" 834 aria-hidden="true"> 835 <title>Territoire Alpes du Nord</title> 836 </polygon> 837</a> 838<a href="/territoire/20" 839 onmouseout="" 840 onmouseover="swapPic(this, 20)" 841 role="button" 842 aria-label="Territoire Grand Delta - Cliquez pour voir les détails"> 843 <polygon points="701,528 709,545 726,551 729,563 722,564 716,577 723,585 710,601 709,614 703,615 704,636 711,638 705,652 679,651 670,656 662,652 648,665 611,651 606,661 608,675 596,673 595,680 601,679 596,684 580,681 577,674 551,671 553,652 537,648 518,609 530,605 535,594 527,591 527,576 535,580 545,573 543,567 556,561 553,549 565,538 564,529 569,531 573,510 578,508 579,514 585,511 590,516 593,542 613,544 618,552 621,548 623,554 660,571 688,569 684,532 701,528" 844 stroke="black" 845 fill="black" 846 stroke-width="0" 847 fill-opacity="0" 848 role="img" 849 aria-hidden="true"> 850 <title>Territoire Grand Delta</title> 851 </polygon> 852</a> 853<a href="/territoire/21" 854 onmouseout="" 855 onmouseover="swapPic(this, 21)" 856 role="button" 857 aria-label="Territoire Méditerranée Ouest - Cliquez pour voir les détails"> 858 <polygon points="418,702 421,697 406,683 411,675 427,679 435,672 445,680 464,676 460,669 475,661 485,642 500,636 503,628 517,622 516,617 527,621 537,648 555,657 552,664 537,669 513,690 503,690 488,704 483,744 492,761 478,757 451,770 434,761 417,767 414,759 401,756 418,742 412,733 415,722 425,724 418,702" 859 stroke="black" 860 fill="black" 861 stroke-width="0" 862 fill-opacity="0" 863 role="img" 864 aria-hidden="true"> 865 <title>Territoire Méditerranée Ouest</title> 866 </polygon> 867</a> 868<a href="/territoire/22" 869 onmouseout="" 870 onmouseover="swapPic(this, 22)" 871 role="button" 872 aria-label="Territoire Méditerranée Est (bassin continental) - Cliquez pour voir les détails"> 873 <polygon points="719,591 727,601 749,610 769,604 771,614 759,631 759,641 739,650 738,660 727,661 721,672 714,672 705,684 712,685 709,694 693,696 692,701 682,699 679,707 664,699 666,704 659,706 649,695 627,693 626,680 607,682 606,661 611,651 648,665 662,652 670,656 679,651 705,652 711,638 704,636 703,615 709,614 710,601 719,591" 874 stroke="black" 875 fill="black" 876 stroke-width="0" 877 fill-opacity="0" 878 role="img" 879 aria-hidden="true"> 880 <title>Territoire Méditerranée Est (bassin continental)</title> 881 </polygon> 882</a> 883<a href="/territoire/25" 884 onmouseout="" 885 onmouseover="swapPic(this, 25)" 886 role="button" 887 aria-label="Territoire Garonne-Tarn-Lot - Cliquez pour voir les détails"> 888 <polygon points="418,702 425,724 415,722 412,733 418,742 401,754 401,745 386,742 382,746 377,736 365,737 360,730 337,723 334,737 300,734 299,723 312,719 315,705 313,668 294,617 300,610 294,598 299,591 298,577 311,571 325,579 361,566 379,577 415,568 430,554 447,561 466,537 485,530 501,541 515,565 514,571 528,582 527,592 535,594 528,607 519,607 517,622 485,642 478,659 460,669 464,676 445,680 435,672 427,679 411,675 406,683 421,697 418,702" 889 stroke="black" 890 fill="black" 891 stroke-width="0" 892 fill-opacity="0" 893 role="img" 894 aria-hidden="true"> 895 <title>Territoire Garonne-Tarn-Lot</title> 896 </polygon> 897</a> 898<a href="/territoire/26" 899 onmouseout="" 900 onmouseover="swapPic(this, 26)" 901 role="button" 902 aria-label="Territoire Méditerranée Est (bassin Corse) - Cliquez pour voir les détails"> 903 <polygon points="779,762 773,766 779,766 771,786 741,772 749,760 732,757 740,743 728,744 726,738 736,730 723,723 722,715 731,712 721,704 728,699 730,685 755,670 768,673 767,647 772,645 786,714 779,735 779,762" 904 stroke="black" 905 fill="black" 906 stroke-width="0" 907 fill-opacity="0" 908 role="img" 909 aria-hidden="true"> 910 <title>Territoire Méditerranée Est (bassin Corse)</title> 911 </polygon> 912</a> 913<a href="/territoire/29"
914 onmouseout="" 915 onmouseover="swapPic(this, 29)" 916 role="button" 917 aria-label="Territoire Bassins du Nord - Cliquez pour voir les détails"> 918 <polygon points="544,116 561,120 556,122 557,136 578,152 582,164 591,158 597,164 620,224 605,204 579,207 545,187 534,191 523,183 516,186 515,180 501,179 495,173 476,182 467,197 444,190 441,179 415,164 416,156 408,150 423,130 410,122 411,113 395,106 400,96 409,98 401,90 402,83 407,84 402,80 404,68 408,71 403,65 404,39 456,21 459,42 470,52 476,55 489,47 497,70 514,72 520,89 537,84 547,91 544,116" 919 stroke="black" 920 fill="black" 921 stroke-width="0" 922 fill-opacity="0" 923 role="img" 924 aria-hidden="true"> 925 <title>Territoire Bassins du Nord</title> 926 </polygon> 927</a> 928<a href="/territoire/30" 929 onmouseout="" 930 onmouseover="swapPic(this, 30)" 931 role="button" 932 aria-label="Territoire Loire-Allier-Cher-Indre - Cliquez pour voir les détails"> 933 <polygon points="466,537 472,518 478,514 470,497 472,490 464,489 463,480 454,481 439,467 429,446 433,433 444,430 442,424 412,419 416,409 411,395 365,375 359,361 310,350 328,343 322,334 331,331 330,325 393,298 396,283 416,278 422,264 430,274 424,279 427,283 438,282 449,300 499,326 497,341 509,356 516,353 532,361 540,375 550,347 555,352 571,352 578,365 567,392 571,393 565,428 569,439 560,464 567,474 563,486 574,481 577,488 566,504 573,511 569,531 564,529 565,538 553,549 556,561 543,567 545,573 535,580 528,576 524,580 491,534 485,530 466,537" 934 stroke="black" 935 fill="black" 936 stroke-width="0" 937 fill-opacity="0" 938 role="img" 939 aria-hidden="true"> 940 <title>Territoire Loire-Allier-Cher-Indre</title> 941 </polygon> 942</a> 943<a href="/territoire/31" 944 onmouseout="" 945 onmouseover="swapPic(this, 31)" 946 role="button" 947 aria-label="Territoire Vienne-Charente-Atlantique - Cliquez pour voir les détails"> 948 <polygon points="275,401 281,393 264,378 265,360 282,367 296,343 308,355 313,349 346,354 363,364 365,375 411,395 416,409 412,419 442,424 444,430 433,433 429,446 443,472 426,486 393,493 378,492 374,485 355,484 340,498 323,490 299,509 290,505 284,518 229,474 240,448 229,436 237,425 235,422 232,427 225,419 231,408 249,407 263,392 275,401 219,446 229,451 228,467 219,446 216,429 228,436 211,428 216,429" 949 stroke="black" 950 fill="black" 951 stroke-width="0" 952 fill-opacity="0" 953 role="img" 954 aria-hidden="true"> 955 <title>Territoire Vienne-Charente-Atlantique</title> 956 </polygon> 957</a> 958<a href="/territoire/32" 959 onmouseout="" 960 onmouseover="swapPic(this, 32)" 961 role="button" 962 aria-label="Territoire Gironde-Adour-Dordogne - Cliquez pour voir les détails"> 963 <polygon points="236,564 227,555 221,567 236,488 252,507 261,532 254,498 228,478 228,468 233,477 284,518 290,505 299,509 323,490 340,498 355,484 374,485 378,492 393,493 426,486 446,470 454,481 463,481 464,489 472,489 470,497 478,508 473,527 448,560 430,554 415,568 379,577 361,566 325,579 311,571 300,573 294,598 300,610 294,617 313,668 315,705 312,719 300,723 300,734 292,736 272,722 256,727 245,710 221,706 211,700 214,696 208,703 202,701 207,683 193,683 182,674 195,668 206,649 221,574 225,564 236,564" 964 stroke="black" 965 fill="black" 966 stroke-width="0" 967 fill-opacity="0" 968 role="img" 969 aria-hidden="true"> 970 <title>Territoire Gironde-Adour-Dordogne</title> 971 </polygon> 972</a> 973 </svg> 974 </div> 975 </div> 976 <!-- map-france--> 977 </div> 978 <!-- /.row --> 979 </div> 980 <!-- /.col-xs-12 --> 981 </div> 982 <!-- /.container-vigi & .home-container2 --> 983 984 <aside class="link-lists" role="complementary"> 985 <div class="container-vigi"> 986 <div class="row"> 987 <div class="fr-grid-row fr-grid-row--gutters fr-mt-1w fr-mb-1w"> 988 <div class="fr-col"> 989 <div class="fr-card fr-card--sm fr-enlarge-link"> 990 <div class="fr-card__body"> 991 <div class="fr-card__content"> 992 <h3 class="fr-card__title"> 993 <a href="https://vigilance.meteofrance.fr/fr"> 994 Vigilance météorologique en France (Météo-France) 995 </a> 996 </h3> 997 <div class="fr-card__meteo-header"> 998 <div> 999 <div class="fr-card__img"> 1000 <img class="fr-responsive-img meteo_img" 1001 src="/assets/images/aujourdhui_meteo_france.gif?1790855510" 1002 alt="Météo-France - Aujourd'hui"/> 1003 </div> 1004 <ul class="fr-tags-group"> 1005 <li> 1006 <p class="fr-tag">Météo-France - Aujourd'hui</p> 1007 </li> 1008 </ul> 1009 </div> 1010 <div> 1011 <div class="fr-card__img"> 1012 <img class="fr-responsive-img meteo_img" 1013 src="/assets/images/demain_meteo_france.gif?1790855510" 1014 alt="Météo-France - Demain"/> 1015 </div> 1016 <ul class="fr-tags-group"> 1017 <li> 1018 <p class="fr-tag">Météo-France - Demain</p> 1019 </li> 1020 </ul> 1021 </div> 1022 </div> 1023 </div> 1024 </div> 1025 </div>
1026 </div> 1027 <div class="fr-col"> 1028 <div class="fr-card fr-card--sm fr-enlarge-link"> 1029 <div class="fr-card__body"> 1030 <div class="fr-card__content"> 1031 <h3 class="fr-card__title"> 1032 <a href="https://apic-vigicruesflash.fr"> 1033 Service automatique d'information sur le risque de crue soudaine 1034 </a> 1035 </h3> 1036 <div class="fr-card__start"> 1037 <ul class="fr-badges-group"> 1038 <li> 1039 <p class="fr-badge"> 1040 Vigicrues Flash 1041 </p> 1042 </li> 1043 </ul> 1044 </div> 1045 </div> 1046 </div> 1047 <div class="fr-card__header"> 1048 <div class="fr-card__img"> 1049 <img class="fr-responsive-img vigi_flash_img" src="/assets/images/logo-vigicrues_flash.svg" height="100" alt="Vigicrues flash"/> 1050 </div> 1051 </div> 1052 </div> 1053 </div> 1054 </div> 1055 1056 </div> 1057 1058 </div> 1059 1060</aside> 1061 </main> 1062 1063 <div class="fr-follow"> 1064 <div class="container"> 1065 <div class="fr-grid-row"> 1066 <div class="fr-col-12"> 1067 <div class="fr-follow__social"> 1068 <p class="fr-h5">Suivez-nous 1069 <br> sur les réseaux sociaux</p> 1070 <ul class="fr-links-group fr-links-group"> 1071 <li> 1072 <a class="fr-link--twitter-x fr-link" title="Retrouvez nous sur X - nouvelle fenêtre" href="https://x.com/Vigicrues" target="_blank" rel="noopener">X</a> 1073 </li> 1074 <li> 1075 <a class="fr-link--google-play fr-link" title="Retrouvez nous sur Android - nouvelle fenêtre" href="https://play.google.com/store/apps/details?id=fr.schapi.vigicrues&gl=FR" target="_blank" rel="noopener">google-play</a> 1076 </li> 1077 <li> 1078 <a class="fr-link--app-store fr-link" title="Retrouvez nous sur iOS - nouvelle fenêtre" href="https://apps.apple.com/fr/app/vigicrues/id1637404689" target="_blank" rel="noopener">app-store</a> 1079 </li> 1080 </ul> 1081 </div> 1082 </div> 1083 </div> 1084 </div> 1085</div> 1086 1087<footer class="fr-footer" role="contentinfo" id="footer"> 1088 <div class="fr-footer__top"> 1089 <div class="fr-container"> 1090 <div class="fr-grid-row fr-grid-row--start fr-grid-row--gutters"> 1091 <div class="fr-col-12 fr-col-sm-3 fr-col-md-2"> 1092 <h3 class="fr-footer__top-cat">Liens internes</h3> 1093 <ul class="fr-footer__top-list"> 1094 <li> 1095 <a href="/categorie/4" class="fr-footer__top-link" title="Les flux RSS de
1095Vigicrues">Flux RSS</a> 1096 </li> 1097 <li> 1098 <a href="/categorie/5" class="fr-footer__top-link" title="Guide">Guide</a> 1099 </li> 1100 <li> 1101 <a href="/categorie/1" class="fr-footer__top-link" title="FAQ - Foires aux questions">FAQ</a> 1102 </li> 1103 <li> 1104 <a href="/categorie/3" class="fr-footer__top-link" title="Liens">Liens</a> 1105 </li> 1106 </ul> 1107 </div> 1108 <div class="fr-col"> 1109 <h3 class="fr-footer__top-cat">Liens utiles</h3> 1110 <ul class="fr-footer__top-list"> 1111 <li> 1112 <p>Portail d'accès aux données hydrométriques et hydrologiques (<a class="external fr-link" href="https://hydro.eaufrance.fr/" target="_blank" title="Portail d'accès aux données hydrométriques et hydrologiques - nouvel onglet" aria-label="Ouvre un nouvel onglet">HydroPortail</a>)</p><p>Plateforme nationale collaborative des sites et repères de crues (<a class="external fr-link" href="http://www.reperesdecrues.developpement-durable.gouv.fr/" target="_blank" title="Plateforme nationale collaborative des sites et repères de crues  - nouvel onglet" aria-label="Ouvre un nouvel onglet">Repères de crues</a>)</p><p>Les risques naturels et technologiques, près de chez vous (<a class="external fr-link" href="https://www.georisques.gouv.fr/" target="_blank" title="Les risques naturels et technologiques, près de chez vous  - nouvel onglet" aria-label="Ouvre un nouvel onglet">Géorisques</a>)</p><p>Le bilan annuel de la Vigilance crues (<a class="fr-link" href="https://www.vigicrues.gouv.fr/uploads/bilan_annuel_vigilance.pdf" target="_blank" title="Le bilan annuel de la Vigilance crues   - ouverture document pdf" aria-label="Ouvre un nouvel onglet">Bilan annuel</a>)</p> 1113 </li> 1114 </ul> 1115 </div> 1116 </div> 1117 </div> 1118 </div> 1119 <div class="fr-container"> 1120 <div class="fr-footer__body"> 1121 <div class="fr-footer__brand fr-enlarge-link"> 1122 <p class="fr-logo"> 1123 République 1124 <br>Française 1125 </p> 1126 <a class="fr-footer__brand-link" href="/" title="Retour à lâaccueil du site de Vigicrues"> 1127 <img class="fr-footer__logo" src="/assets/images/vigicrues.svg" style="max-width:9.0625rem;min-height:32px;" alt="Logo Vigicrues"/> 1128 <!-- Lâalternative de lâimage (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans lâimage --> 1129 </a> 1130 </div> 1131 <div class="fr-footer__content"> 1132 <ul class="fr-footer__content-list"> 1133 <li class="fr-footer__content-item"> 1134 <a class="fr-footer__content-link" target="_blank" rel="noopener" title="LegiFrance, le service public de la diffusion du droit - nouvelle fenêtre" href="https://legifrance.gouv.fr">legifrance.gouv.fr</a> 1135 </li> 1136 <li class="fr-footer__content-item"> 1137 <a class="fr-footer__content-link" target="_blank" rel="noopener" title="Site officiel du gouvernement - nouvelle fenêtre" href="https://gouvernement.fr">gouvernement.fr</a> 1138 </li> 1139 <li class="fr-footer__content-item"> 1140 <a class="fr-footer__content-link" target="_blank" rel="noopener" title="Site officiel de l'administration française - nouvelle fenêtre" href="https://service-public.fr">service-public.fr</a> 1141 </li> 1142 <li class="fr-footer__content-item"> 1143 <a class="fr-footer__content-link" target="_blank" rel="noopener" title="Plateforme ouverte des données publiques françaises - nouvelle fenêtre" href="https://data.gouv.fr">data.gouv.fr</a> 1144 </li> 1145 </ul> 1146 </div> 1147 </div> 1148 <div class="fr-footer__bottom footer-secondary"> 1149 <ul class="fr-footer__bottom-list"> 1150 <li class="fr-footer__bottom-item"> 1151 <a class="fr-footer__bottom-link" href="http://contact.ecologique-solidaire.gouv.fr/">Contact</a> 1152 </li> 1153 <li class="fr-footer__bottom-item"> 1154 <a class="fr-footer__bottom-link" href="/accessibilite">Accessibilité : Partiellement conforme</a> 1155 </li> 1156 <li class="fr-footer__bottom-item"> 1157 <a class="fr-footer__bottom-link" href="/categorie/2">Mentions légales</a> 1158 </li> 1159 <li class="fr-footer__bottom-item"> 1160 <a class="fr-footer__bottom-link" href="/categorie/2">Données personnelles</a> 1161 </li> 1162 <li class="fr-footer__bottom-item"> 1163 <a class="fr-footer__bottom-link" href="/categorie/2">Gestion des cookies</a> 1164 </li> 1165 <li class="fr-footer__bottom-item"> 1166 <a class="fr-footer__bottom-link" href="/plan">Plan du site</a> 1167 </li> 1168 <!--li class="fr-footer__bottom-item"> 1169 <button class="fr-footer__bottom-link fr-icon-theme-fill fr-btn--icon-left" aria-controls="fr-theme-modal" data-fr-opened="false">Paramètres d'affichage</button> 1170 </li--> 1171 </ul> 1172 <div class="fr-footer__bottom-copy"> 1173 <p>Sauf mention contraire, tous les contenus de ce site sont sous 1174 <a title="Licence ouverte - nouvelle fenêtre" href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank" rel="noopener">licence etalab-2.0</a> 1175 </p> 1176 </div> 1177 </div> 1178 </div> 1179</footer> 1180 1181
1181<script src="/assets/js/jquery.js"></script>
1181 1182 1183 1184
1184<script src="/assets/js/bootstrap.js"></script>
1184 1185
1185<script src="/assets/js/bootstrap-collapse.js"></script>
1185 1186
1186<script src="/assets/js/jquery.ba-throttle-debounce.js"></script>
1186 1187
1187<script src="/assets/js/res-res.js"></script>
1187 1188
1188<script src="/assets/js/tooltip-init.js"></script>
1188 1189
1189<script src="/assets/js/collapse-niv2-mobile.js"></script>
1189 1190
1190<script src="/assets/js/scroll-to-show.js"></script>
1190 1191
1191<script src="/assets/js/xiti/xtcore_vigicrues.js"></script>
1191 1192
1192<script src="/js/cookiechoices.js"></script>
1192 1193
1193<script src="/js/checkPassword.js"></script>
1193 1194
1194<script src="/js/recherche.js"></script>
1194 1195
1195<script src="/assets/js/select2.min.js"></script>
1195 1196
1196<script src="/assets/js/axios.min.js"></script>
1196 1197
1197<script src="/assets/js/jquery-ui-1.11.4/jquery-ui.min.js"></script>
1197 1198
1198<script src="/assets/js/username.js"></script>
1198 1199
1199<script> 1200 document.addEventListener('DOMContentLoaded', function (event) { 1201 cookieChoices.showCookieConsentBar("à propos des cookies sur Vigicrues.gouv.fr", "Bienvenue ! Ce site n'utilise que des cookies non traçants strictement nécessaires à son fonctionnement. En poursuivant votre navigation, vous acceptez l'utilisation des cookies.", 'Accepter', "En savoir plus", "https://www.vigicrues.gouv.fr/categorie/2"); 1202 1203 // Add event listener for when cookie bar is closed 1204 document.addEventListener('cookieChoicesDismissed', function() { 1205 // Find the first header link (logo) and focus it 1206 const headerLogo = document.querySelector('.fr-header__logo-link'); 1207 if (headerLogo) { 1208 headerLogo.focus(); 1209 } 1210 }); 1211 }); 1212 </script>
1212 1213
1213<script src="/js/positionRecherche.js"></script>
1213 1214
1214<script> 1215 var barreRecherche = `<select class="recherche-entite" 1216 style="text-align:left; width: 220px;" 1217 name="state" 1218 aria-label="Rechercher un territoire, un tronçon, une station ou une commune" 1219 data-ajax-url="/recherche/ajax"> 1220 <option></option> 1221</select>`; 1222 </script>
1222 1223
1223<script src="/assets/js/username.js"></script>
1223 1224
1224<script src="/assets/js/map-area-scale.js"></script>
1224 1225
1225<script src="/js/portail.js"></script>
1225 1226
1226<script> 1227 $(document).ready(() => { 1228 preloadImages("./roll/niv1/img/spc2_792px.gif", "./roll/niv1/img/spc3_792px.gif", "./roll/niv1/img/spc4_792px.gif", "./roll/niv1/img/spc6_792px.gif", "./roll/niv1/img/spc7_792px.gif", "./roll/niv1/img/spc8_792px.gif", "./roll/niv1/img/spc9_792px.gif", "./roll/niv1/img/spc18_792px.gif", "./roll/niv1/img/spc19_792px.gif", "./roll/niv1/img/spc20_792px.gif", "./roll/niv1/img/spc21_792px.gif", "./roll/niv1/img/spc25_792px.gif", "./roll/niv1/img/spc22_792px.gif", "./roll/niv1/img/spc26_792px.gif", "./roll/niv1/img/spc29_792px.gif", "./roll/niv1/img/spc30_792px.gif", "./roll/niv1/img/spc31_792px.gif", "./roll/niv1/img/spc32_792px.gif"); 1229 }); 1230 </script>
1230 1231 1232 <!-- XiTi.com n'existe plus, le code qui y faisait référence a été supprimé. Si analytics voulus, rajouter Google Analytics--> 1233 1234 </body> 1235 1236</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.