PageSourceSearch

https://www.vigicrues.gouv.fr/

html vigicrues.gouv.fr collected 2026-10-01 11:51:51 UTC 64,935 bytes, 1,236 lines download raw bytes

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&amp;rec=1&amp;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&#039;information sur le risque de crues <br />
164des principaux cours d&#039;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&nbsp;:</span><br>
607				<!-- @TOPROD Un &nbsp; 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>&nbsp;<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&nbsp;:</span><br>
625				<!-- @TOPROD Un &nbsp; 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>&nbsp;<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&nbsp;:</span><br>
647				<!-- @TOPROD Un &nbsp; 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>&nbsp;<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&#039;
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&nbsp;:</span><br>
665				<!-- @TOPROD Un &nbsp; 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>&nbsp;<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&#39;acc&egrave;s aux donn&eacute;es hydrom&eacute;triques et hydrologiques&nbsp;(<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&egrave;res de crues&nbsp;(<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&egrave;res&nbsp;de&nbsp;crues</a>)</p><p>Les risques naturels et technologiques, pr&egrave;s de chez vous&nbsp;(<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&eacute;orisques</a>)</p><p>Le bilan annuel de la Vigilance crues&nbsp;(<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.