PageSourceSearch

https://www.musee-marine.fr/le-magazine/articles.html

html musee-marine.fr collected 2026-10-02 06:27:31 UTC 100,613 bytes, 1,885 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4
5<meta charset="utf-8">
6<!-- 
7	This website is powered by TYPO3 - inspiring people to share!
8	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
9	TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
10	Information and contribution at https://typo3.org/
11-->
12
13
14
15<title>Articles | Musée national de la Marine</title>
16<meta http-equiv="x-ua-compatible" content="IE=edge">
17<meta name="generator" content="TYPO3 CMS">
18<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
19<meta property="og:type" content="website">
20<meta property="og:url" content="https://www.musee-marine.fr/le-magazine/articles.html">
21<meta property="og:image" content="https://www.musee-marine.fr/typo3temp/assets/_processed_/c/1/csm_musee-national-marine-share_b45c7c020e.png">
22<meta property="og:title" content="Articles">
23<meta name="twitter:card" content="summary">
24<meta name="twitter:image" content="https://www.musee-marine.fr/typo3temp/assets/_processed_/c/1/csm_musee-national-marine-share_2396acadad.png">
25<meta name="charset" content="UTF-8">
26
27
28<link rel="stylesheet" href="/ext_site/Frontend/assets/styles/theme.css?1790611035" media="all">
29<link rel="stylesheet" href="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/css/cookiebot.css?1790610979" media="all">
30<link rel="stylesheet" href="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/css/social_gdpr.css?1790610979" media="all">
31
32
33
34
35
36<script>
37/*<![CDATA[*/
38/*TS_inlineJS*/
39var dataLayer = [];
40
41
42/*]]>*/
43</script>
43
44
45
46<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="61fe22a7-b5c6-4190-95a5-db34e4cb0779" data-blockingmode="auto" type="text/javascript"></script>
46        <link rel="manifest" href="/ext_site/Frontend/assets/images/favicons/site.webmanifest">
47        <link rel="shortcut icon" href="/ext_site/Frontend/assets/images/favicons/favicon.ico">
48        <meta name="msapplication-TileColor" content="#ffffff">
49        <meta name="theme-color" content="#ffffff">
49<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Le magazine","item":"https:\/\/www.musee-marine.fr\/le-magazine.html"},{"@type":"ListItem","position":2,"name":"Articles"}]}</script>
49        <!-- Matomo -->
50        
50<script data-cookieconsent="ignore">
51          var _paq = window._paq = window._paq || [];
52          /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
53          _paq.push(['trackPageView']);
54          _paq.push(['enableLinkTracking']);
55          (function() {
56            var u="https://museemarine.matomo.cloud/";
57            _paq.push(['setTrackerUrl', u+'matomo.php']);
58            _paq.push(['setSiteId', '1']);
59            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
60            g.async=true; g.src='//cdn.matomo.cloud/museemarine.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
61          })();
62        </script>
62
63        <!-- End Matomo Code -->
64        <!-- Matomo Tag Manager -->
65        
65<script>
66          var _mtm = window._mtm = window._mtm || [];
67          _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
68          (function() {
69            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
70            g.async=true; g.src='https://cdn.matomo.cloud/museemarine.matomo.cloud/container_4CH7kg2x.js';s.parentNode.insertBefore(g,s);
71          })();
72        </script>
72
73        <!-- End Matomo Tag Manager -->
74<link rel="canonical" href="https://www.musee-marine.fr/le-magazine/articles.html"/>
75
76<script type="application/ld+json" id="ext-schema-jsonld">{"@context":"https://schema.org/","@graph":[{"@type":"WebPage"},{"@type":"Organization","logo":"https://www.musee-marine.fr//ext_site/Frontend/assets/images/logo-mnm.svg","url":"https://www.musee-marine.fr/"}]}</script>
76
77</head>
78<body class="fr ">
79
80
81
82
83<ul class="skip-link">
84    <li><a href="#main">Aller au contenu</a></li>
85    <li><a href="#menu">Aller au menu</a></li>
86</ul>
87
88
89
90
91
92<header role="banner" class="header">
93    
94
95    <div class="header-top">
96        <div class="container">
97            <div>
98                
99            </div>
100
101            
102
103<ul class="header-top-nav d-none d-md-flex">
104    
105        
106                <li class="dropdown ">
107                    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
108                        Adhérents
109                        <span class="material-icons" aria-hidden="true">expand_more</span>
110                    </button>
111                    <div class="dropdown-menu">
112                        <ul>
113                            
114                                <li>
115                                    <a href="/adherents/devenir-adherent.html" class="dropdown-item">Devenir adhérent</a>
116                                </li>
117                            
118                                <li>
119                                    <a href="/adherents/tarifs-et-formules-dadhesion.html" class="dropdown-item">Tarifs et formules d’adhésion</a>
120                                </li>
121                            
122                                <li>
123                                    <a href="/adherents/inscription-a-la-newsletter.html" class="dropdown-item">Inscription à la newsletter</a>
124                                </li>
125                            
126                        </ul>
127                    </div>
128                </li>
129            
130    
131        
132                <li class="dropdown ">
133                    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
134                        Professionnels
135                        <span class="material-icons" aria-hidden="true">expand_more</span>
136                    </button>
137                    <div class="dropdown-menu">
138                        <ul>
139                            
140                                <li>
141                                    <a href="/professionnels/groupe.html" class="dropdown-item">Groupe</a>
142                                </li>
143                            
144                                <li>
145                                    <a href="/professionnels/entreprise.html" class="dropdown-item">Entreprise</a>
146                                </li>
147                            
148                                <li>
149                                    <a href="/professionnels/chercheurs.html" class="dropdown-item">Chercheurs</a>
150                                </li>
151                            
152                                <li>
153                                    <a href="/professionnels/presse.html" class="dropdown-item">Presse</a>
154                                </li>
155                            
156                        </ul>
157                    </div>
158                </li>
159            
160    
161        
162                <li class="dropdown ">
163                    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
164                        Enseignants
165                        <span class="material-icons" aria-hidden="true">expand_more</span>
166                    </button>
167                    <div class="dropdown-menu">
168                        <ul>
169                            
170                                <li>
171                                    <a href="/enseignants/espace-enseignants.html" class="dropdown-item">Espace enseignants</a>
172                                </li>
173                            
174                                <li>
175                                    <a href="/enseignants/dossiers-pedagogiques.html" class="dropdown-item">Dossiers pédagogiques</a>
176                                </li>
177                            
178                                <li>
179                                    <a href="/enseignants/preparer-sa-visite-a-brest.html" class="dropdown-item">Préparer sa visite à Brest</a>
180                                </li>
181                            
182                                <li>
183                                    <a href="/enseignants/preparer-sa-visite-a-paris.html" class="dropdown-item">Préparer sa visite à Paris</a>
184                                </li>
185                            
186                                <li>
187                                    <a href="/enseignants/preparer-sa-visite-a-port-louis.html" class="dropdown-item">Préparer sa visite à Port-Louis</a>
188                                </li>
189                            
190                                <li>
191                                    <a href="/enseignants/preparer-sa-visite-a-rochefort.html" class="dropdown-item">Préparer sa visite à Rochefort</a>
192                                </li>
193                            
194                                <li>
195                                    <a href="/enseignants/preparer-sa-visite-a-toulon.html" class="dropdown-item">Préparer sa visite à Toulon</a>
196                                </li>
197                            
198                        </ul>
199                    </div>
200                </li>
201            
202    
203        
204                <li class="dropdown ">
205                    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
206                        Relais
207                        <span class="material-icons" aria-hidden="true">expand_more</span>
208                    </button>
209                    <div class="dropdown-menu">
210                        <ul>
211                            
212                                <li>
213                                    <a href="/relais/relais-du-champ-social.html" class="dropdown-item">Relais du champ social</a>
214                                </li>
215                            
216                                <li>
217                                    <a href="/relais/relais-handicap-medico-social.html" class="dropdown-item">Relais du handicap et du médico-social</a>
218                                </li>
219                            
220                        </ul>
221                    </div>
222                </li>
223            
224    
225        
226                <li class="dropdown ">
227                    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
228                        Accessibilité
229                        <span class="material-icons" aria-hidden="true">expand_more</span>
230                    </button>
231                    <div class="dropdown-menu">
232                        <ul>
233                            
234                                <li>
235                                    <a href="/accessibilite/accessibilite-au-musee.html" class="dropdown-item">Accessibilité au musée</a>
236                                </li>
237                            
238                                <li>
239                                    <a href="/accessibilite/accessibilite-web.html" class="dropdown-item">Accessibilité web</a>
240                                </li>
241                            
242                        </ul>
243                    </div>
244                </li>
245            
246    
247
248    <li class="dropdown">
249        <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
250            Français
251
252            <span class="material-icons" aria-hidden="true">expand_more</span>
253        </button>
254        <div class="dropdown-menu">
255            <ul>
256                <li>
257                    
258                            <a class="dropdown-item" lang="en" href="/en.html">English</a>
259                        
260                </li>
261            </ul>
262        </div>
263    </li>
264</ul>
265
266
267        </div>
268    </div>
269
270    <div class="navbar">
271        <div class="container">
272            
273                    <a href="/" class="navbar-brand">
274                        <img width="118" height="58" src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/logo-mnm.gif" alt="Musée national de la marine" />
275                        <span class="location"></span>
276                    </a>
277                
278
279            <button type="button" class="btn-menu d-lg-none" aria-expanded="false">
280                <span class="material-icons fa-bars" aria-hidden="true">menu</span>
281                <span class="material-icons fa-times" aria-hidden="true">close</span>
282
283                <strong class="sr-only">Menu</strong>
284            </button>
285
286            <div id="menu" class="navbar-nav d-none d-lg-block">
287                <nav aria-label="Navigation services" role="navigation">
288                    <ul class="navbar-nav-services">
289                        <li>
290                            <a href="https://billetterie.musee-marine.fr/account/login?lang=fr" target="_blank">
291                                <span class="material-icons" aria-hidden="true">account_circle</span>
292                                Mon compte
293                            </a>
294                        </li>
295                        
296                        
297                            <li>
298                                <a class="ticket-office" aria-label="J&#039;accède à la billetterie" href="https://www.musee-marine.fr/liens-pratiques/billetterie-en-ligne.html" target="_blank">
299                                    <span class="material-icons" aria-hidden="true">confirmation_number</span>
300                                    Billetterie
301                                </a>
302                            </li>
303                        
304                    </ul>
305                </nav>
306
307                <nav aria-label="Navigation principale" role="navigation">
308                    <ul class="navbar-nav-main">
309                        
310                            
311                                
312                                        <li class="dropdown">
313                                            <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
314                                                Nos musées
315                                                <span class="material-icons" aria-hidden="true">expand_more</span>
316                                            </button>
317                                            <div class="dropdown-menu">
318                                                <div class="row">
319                                                    
320                                                            <ul>
321                                                                
322                                                                    
323                                                                        <li>
324                                                                            <a href="/nos-musees/brest.html">Brest</a>
325                                                                        </li>
326                                                                    
327                                                                
328                                                                    
329                                                                        <li>
330                                                                            <a href="/nos-musees/paris.html">Paris</a>
331                                                                        </li>
332                                                                    
333                                                                
334                                                                    
335                                                                        <li>
336                                                                            <a href="/nos-musees/port-louis.html">Port-Louis</a>
337                                                                        </li>
338                                                                    
339                                                                
340                                                                    
341                                                                        <li>
342                                                                            <a href="/nos-musees/rochefort.html">Rochefort</a>
343                                                                        </li>
344                                                                    
345                                                                
346                                                                    
347                                                                        <li>
348                                                                            <a href="/nos-musees/toulon.html">Toulon</a>
349                                                                        </li>
350                                                                    
351                                                                
352                                                            </ul>
353                                                        
354                                                </div>
355                                            </div>
356                                        </li>
357                                    
358                            
359                        
360                            
361                                
362                                        <li class="dropdown">
363                                            <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
364                                                Collections
365                                                <span class="material-icons" aria-hidden="true">expand_more</span>
366                                            </button>
367                                            <div class="dropdown-menu">
368                                                <div class="row">
369                                                    
370                                                            
371                                                                
372                                                                    <div class="col-lg-3">
373                                                                        <p>
374                                                                            <a href="/collections/les-collections.html">Les collections</a>
375                                                                        </p>
376
377                                                                        
378                                                                            <ul>
379                                                                                
380                                                                                    
381                                                                                        <li>
382                                                                                            <a class="dropdown-item" href="/collections/oeuvres-phares.html">Œuvres phares</a>
383                                                                                        </li>
384                                                                                    
385                                                                                
386                                                                                    
387                                                                                        <li>
388                                                                                            <a class="dropdown-item" href="/collections/base-de-donnee-des-collections-1.html">Base de données des collections</a>
389                                                                                        </li>
390                                                                                    
391                                                                                
392                                                                            </ul>
393                                                                        
394                                                                    </div>
395                                                                
396                                                            
397                                                                
398                                                                    <div class="col-lg-3">
399                                                                        <p>
400                                                                            <a href="/collections/vie
400-des-collections.html">Vie des collections</a>
401                                                                        </p>
402
403                                                                        
404                                                                            <ul>
405                                                                                
406                                                                                    
407                                                                                        <li>
408                                                                                            <a class="dropdown-item" href="/collections/vie-des-collections/procedure-de-demande-de-pret-ou-de-depot-doeuvres.html">Procédure de demande de prêt ou de dépôt d'oeuvres</a>
409                                                                                        </li>
410                                                                                    
411                                                                                
412                                                                                    
413                                                                                        <li>
414                                                                                            <a class="dropdown-item" href="/collections/vie-des-collections/restauration-des-oeuvres.html">Restauration des œuvres</a>
415                                                                                        </li>
416                                                                                    
417                                                                                
418                                                                                    
419                                                                                        <li>
420                                                                                            <a class="dropdown-item" href="/collections/vie-des-collections/coulisses.html">Coulisses</a>
421                                                                                        </li>
422                                                                                    
423                                                                                
424                                                                            </ul>
425                                                                        
426                                                                    </div>
427                                                                
428                                                            
429                                                                
430                                                                    <div class="col-lg-3">
431                                                                        <p>
432                                                                            <a href="/collections/centre-de-ressources-documentaires.html">Centre de ressources documentaires</a>
433                                                                        </p>
434
435                                                                        
436                                                                            <ul>
437                                                                                
438                                                                                    
439                                                                                        <li>
440                                                                                            <a class="dropdown-item" href="/collections/centre-de-ressources-documentaires/la-bibliotheque-historique-du-musee-national-de-la-marine.html">La bibliothèque historique du musée national de la Marine</a>
441                                                                                        </li>
442                                                                                    
443                                                                                
444                                                                            </ul>
445                                                                        
446                                                                    </div>
447                                                                
448                                                            
449                                                                
450                                                                    <div class="col-lg-3">
451                                                                        <p>
452                                                                            <a href="/collections/recherche.html">Recherche</a>
453                                                                        </p>
454
455                                                                        
456                                                                            <ul>
457                                                                                
458                                                                                    
459                                                                                        <li>
460                                                                                            <a class="dropdown-item" href="/collections/recherche/colloque.html">Journée d'étude et colloque</a>
461                                                                                        </li>
462                                                                                    
463                                                                                
464                                                                                    
465                                                                                        <li>
466                                                                                            <a class="dropdown-item" href="/professionnels/chercheurs.html">Chercheurs</a>
467                                                                                        </li>
468                                                                                    
469                                                                                
470                                                                            </ul>
471                                                                        
472                                                                    </div>
473                                                                
474                                                            
475                                                        
476                                                </div>
477                                            </div>
478                                        </li>
479                                    
480                            
481                        
482                            
483                                
484                                        <li class="dropdown">
485                                            <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
486                                                Ressources
487                                                <span class="material-icons" aria-hidden="true">expand_more</span>
488                                            </button>
489                                            <div class="dropdown-menu">
490                                                <div class="row">
491                                                    
492                                                            
493                                                                
494                                                                    <div class="col-lg-3">
495                                                                        <p>
496                                                                            <a href="/ressources/les-podcasts-du-musee-national-de-la-marine.html">Les podcasts</a>
497                                                                        </p>
498
499                                                                        
500                                                                    </div>
501                                                                
502                                                            
503                                                                
504                                                                    <div class="col-lg-3">
505                                                                        <p>
506                                                                            <a href="/ressources/ressources-en-ligne/mer-en-famille.html">Mer en famille</a>
507                                                                        </p>
508
509                                                                        
510                                                                    </div>
511                                                                
512                                                            
513                                                                
514                                                                    <div class="col-lg-3">
515                                                                        <p>
516                                                                            <a href="/ressources/ressources-en-ligne.html">Ressources en ligne</a>
517                                                                        </p>
518
519                                                                        
520                                                                    </div>
521                                                                
522                                                            
523                                                                
524                                                                    <div class="col-lg-3">
525                                                                        <p>
526                                                                            <a href="/ressources/editions-du-musee.html">Editions du musée</a>
527                                                                        </p>
528
529                                                                        
530                                                                    </div>
531                                                                
532                                                            
533                                                        
534                                                </div>
535                                            </div>
536                                        </li>
537                                    
538                            
539                        
540                            
541                                
542                                        <li class="dropdown">
543                                            <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
544                                                Le magazine
545                                                <span class="material-icons" aria-hidden="true">expand_more</span>
546                                            </button>
547                                            <div class="dropdown-menu">
548                                                <div class="row">
549                                                    
550                                                            
551                                                                
552                                                                    <div class="col-lg-3">
553                                                                        <p>
554                                                                            <a href="/le-magazine/articles.html">Articles</a>
555                                                                        </p>
556
557                                                                        
558                                                                    </div>
559                                                                
560                                                            
561                                                                
562                                                                    <div class="col-lg-3">
563                                                                        <p>
564                                                                            <a href="/le-magazine/dossiers-thematiques.html">Dossiers thématiques</a>
565                                                                        </p>
566
567                                                                        
568                                                                            <ul>
569                                                                                
570                                                                                    
571                                                                                
572                                                                                    
573                                                                                
574                                                                                    
575                                                                                
576                                                                                    
577                                                                                
578                                                                                    
579                                                                                
580                                                                                    
581                                                                                
582                                                                                    
583                                                                                
584                                                                            </ul>
585                                                                        
586                                                                    </div>
587                                                                
588                                                            
589                                                        
590                                                </div>
591                                            </div>
592                                        </li>
593                                    
594                            
595                        
596                            
597                                
598                                        <li class="dropdown">
599                                            <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
600                                                Notre réseau
601                                                <span class="material-icons" aria-hidden="true">expand_more</span>
602                                            </button>
603                                            <div class="dropdown-menu">
604                                                <div class="row">
605                                                    
606                                                            
607                                                                
608                                                            
609                                                                
610                                                                    <div class="col-lg-3">
611                                                                        <p>
612                                                                            <a href="/notre-reseau/a-propos.html">A propos</a>
613                                                                        </p>
614
615                                                                        
616                                                                            <ul>
617                                                                                
618                                                                                    
619                                                                                        <li>
620                                                                                            <a class="dropdown-item" href="/notre-reseau/a-propos/nos-sites.html">Nos sites</a>
621                                                                                        </li>
622                                                                                    
623                                                                                
624                                                                                    
625                                                                                        <li>
626                                                                                            <a class="dropdown-item" href="/notre-reseau/a-propos/gouvernance.html">Gouvernance</a>
627                                                                                        </li>
628                                                                                    
629                                                                                
630                                                                                    
631                                                                                        <li>
632                                                                                            <a class="dropdown-item" href="/notre-reseau/a-propos/rapports-dactivite.html">Rapports d'activité</a>
633                                                                                        </li>
634                                                                                    
635                                                                                
636                                                                                    
637                                                                                        <li>
638                                                                                            <a class="dropdown-item" href="/notre-reseau/a-propos/actualites.html">Actualités</a>
639                                                                                        </li>
640                                                                                    
641                                                                                
642                                                                                    
643                                                                                        <li>
644                                                                                            <a class="dropdown-item" href="/notre-reseau/a-propos/restons-en-contact.html">Restons en contact</a>
645                                                                                        </li>
646                                                                                    
647                                                                                
648                                                                            </ul>
649                                                                        
650                                                                    </div>
651                                                                
652                                                            
653                                                                
654                                                                    <div class="col-lg-3">
655                                                                        <p>
656                                                                            <a href="/notre-reseau/le-me
656cenat.html">Mécènes</a>
657                                                                        </p>
658
659                                                                        
660                                                                            <ul>
661                                                                                
662                                                                                    
663                                                                                        <li>
664                                                                                            <a class="dropdown-item" href="/notre-reseau/le-mecenat/les-mecenes-du-musee.html">Les mécènes du musée</a>
665                                                                                        </li>
666                                                                                    
667                                                                                
668                                                                                    
669                                                                                        <li>
670                                                                                            <a class="dropdown-item" href="/notre-reseau/le-mecenat/le-cercle-neptune.html">Le cercle Neptune</a>
671                                                                                        </li>
672                                                                                    
673                                                                                
674                                                                                    
675                                                                                        <li>
676                                                                                            <a class="dropdown-item" href="/notre-reseau/le-mecenat/les-mecenes-de-la-renovation.html">Les mécènes de la rénovation</a>
677                                                                                        </li>
678                                                                                    
679                                                                                
680                                                                                    
681                                                                                        <li>
682                                                                                            <a class="dropdown-item" href="/notre-reseau/le-mecenat/nos-projets.html">Nos projets</a>
683                                                                                        </li>
684                                                                                    
685                                                                                
686                                                                                    
687                                                                                        <li>
688                                                                                            <a class="dropdown-item" href="/notre-reseau/le-mecenat/devenir-mecene.html">Devenez mécène</a>
689                                                                                        </li>
690                                                                                    
691                                                                                
692                                                                            </ul>
693                                                                        
694                                                                    </div>
695                                                                
696                                                            
697                                                                
698                                                                    <div class="col-lg-3">
699                                                                        <p>
700                                                                            <a href="/notre-reseau/amis-et-partenaires.html">Amis et partenaires</a>
701                                                                        </p>
702
703                                                                        
704                                                                            <ul>
705                                                                                
706                                                                                    
707                                                                                        <li>
708                                                                                            <a class="dropdown-item" href="/notre-reseau/association-des-amis-du-musee.html">Association des amis du musée</a>
709                                                                                        </li>
710                                                                                    
711                                                                                
712                                                                                    
713                                                                                        <li>
714                                                                                            <a class="dropdown-item" href="/notre-reseau/amis-et-partenaires/partenaires-institutionnels.html">Partenaires institutionnels</a>
715                                                                                        </li>
716                                                                                    
717                                                                                
718                                                                                    
719                                                                                        <li>
720                                                                                            <a class="dropdown-item" href="/notre-reseau/amis-et-partenaires/la-colline-des-arts.html">La Colline des Arts</a>
721                                                                                        </li>
722                                                                                    
723                                                                                
724                                                                            </ul>
725                                                                        
726                                                                    </div>
727                                                                
728                                                            
729                                                                
730                                                                    <div class="col-lg-3">
731                                                                        <p>
732                                                                            <a href="/notre-reseau/projets-culturels.html">Projets culturels</a>
733                                                                        </p>
734
735                                                                        
736                                                                            <ul>
737                                                                                
738                                                                                    
739                                                                                        <li>
740                                                                                            <a class="dropdown-item" href="/notre-reseau/projets-culturels/projets-educatifs.html">Projets éducatifs</a>
741                                                                                        </li>
742                                                                                    
743                                                                                
744                                                                                    
745                                                                                        <li>
746                                                                                            <a class="dropdown-item" href="/notre-reseau/projets-culturels/projets-socio-culturels.html">Projets socio-culturels</a>
747                                                                                        </li>
748                                                                                    
749                                                                                
750                                                                            </ul>
751                                                                        
752                                                                    </div>
753                                                                
754                                                            
755                                                        
756                                                </div>
757                                            </div>
758                                        </li>
759                                    
760                            
761                        
762                        
763                        <li class="nav-search">
764                            <button class="btn btn-search" type="button" data-toggle="search" title="Rechercher sur le site" aria-expanded="false">
765                                <span class="d-none d-lg-inline sr-only">Rechercher sur le site</span>
766                                <span class="material-icons" aria-hidden="true">search</span>
767                                <span class="d-lg-none">Rechercher</span>
768                            </button>
769                        </li>
770                    </ul>
771
772                    <div class="header-top d-md-none">
773                        
774
775<ul class="header-top-nav">
776    
777        
778                <li class="dropdown ">
779                    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
780                        Adhérents
781                        <span class="material-icons" aria-hidden="true">expand_more</span>
782                    </button>
783                    <div class="dropdown-menu">
784                        <ul>
785                            
786                                <li>
787                                    <a href="/adherents/devenir-adherent.html" class="dropdown-item">Devenir adhérent</a>
788                                </li>
789                            
790                                <li>
791                                    <a href="/adherents/tarifs-et-formules-dadhesion.html" class="dropdown-item">Tarifs et formules d’adhésion</a>
792                                </li>
793                            
794                                <li>
795                                    <a href="/adherents/inscription-a-la-newsletter.html" class="dropdown-item">Inscription à la newsletter</a>
796                                </li>
797                            
798                        </ul>
799                    </div>
800                </li>
801            
802    
803        
804                <li class="dropdown ">
805                    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
806                        Professionnels
807                        <span class="material-icons" aria-hidden="true">expand_more</span>
808                    </button>
809                    <div class="dropdown-menu">
810                        <ul>
811                            
812                                <li>
813                                    <a href="/professionnels/groupe.html" class="dropdown-item">Groupe</a>
814                                </li>
815                            
816                                <li>
817                                    <a href="/professionnels/entreprise.html" class="dropdown-item">Entreprise</a>
818                                </li>
819                            
820                                <li>
821                                    <a href="/professionnels/chercheurs.html" class="dropdown-item">Chercheurs</a>
822                                </li>
823                            
824                                <li>
825                                    <a href="/professionnels/presse.html" class="dropdown-item">Presse</a>
826                                </li>
827                            
828                        </ul>
829                    </div>
830                </li>
831            
832    
833        
834                <li class="dropdown ">
835                    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
836                        Enseignants
837                        <span class="material-icons" aria-hidden="true">expand_more</span>
838                    </button>
839                    <div class="dropdown-menu">
840                        <ul>
841                            
842                                <li>
843                                    <a href="/enseignants/espace-enseignants.html" class="dropdown-item">Espace enseignants</a>
844                                </li>
845                            
846                                <li>
847                                    <a href="/enseignants/dossiers-pedagogiques.html" class="dropdown-item">Dossiers pédagogiques</a>
848                                </li>
849                            
850                                <li>
851                                    <a href="/enseignants/preparer-sa-visite-a-brest.html" class="dropdown-item">Préparer sa visite à Brest</a>
852                                </li>
853                            
854                                <li>
855                                    <a href="/enseignants/preparer-sa-visite-a-paris.html" class="dropdown-item">Préparer sa visite à Paris</a>
856                                </li>
857                            
858                                <li>
859                                    <a href="/enseignants/preparer-sa-visite-a-port-louis.html" class="dropdown-item">Préparer sa visite à Port-Louis</a>
860                                </li>
861                            
862                                <li>
863                                    <a href="/enseignants/preparer-sa-visite-a-rochefort.html" class="dropdown-item">Préparer sa visite à Rochefort</a>
864                                </li>
865                            
866                                <li>
867                                    <a href="/enseignants/preparer-sa-visite-a-toulon.html" class="dropdown-item">Préparer sa visite à Toulon</a>
868                                </li>
869                            
870                        </ul>
871                    </div>
872                </li>
873            
874    
875        
876                <li class="dropdown ">
877                    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
878                        Relais
879                        <span class="material-icons" aria-hidden="true">expand_more</span>
880                    </button>
881                    <div class="dropdown-menu">
882                        <ul>
883                            
884                                <li>
885                                    <a href="/relais/relais-du-champ-social.html" class="dropdown-item">Relais du champ social</a>
886                                </li>
887                            
888                                <li>
889                                    <a href="/relais/relais-handicap-medico-social.html" class="dropdown-item">Relais du handicap et du médico-social</a>
890                                </li>
891                            
892                        </ul>
893                    </div>
894                </li>
895            
896    
897        
898                <li class="dropdown ">
899                    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
900                        Accessibilité
901                        <span class="material-icons" aria-hidden="true">expand_more</span>
902                    </button>
903                    <div class="dropdown-menu">
904                        <ul>
905                            
906                                <li>
907                                    <a href="/accessibilite/accessibilite-au-musee.html" class="dropdown-item">Accessibilité au musée</a>
908                                </li>
909                            
910                                <li>
911                                    <a href="/accessibilite/accessibilite-web.html" class="dropdown-item">Accessibilité web</a>
912                                </li>
913                            
914                        </ul>
915                    </div>
916                </li>
917            
918    
919
920    <li class="dropdown">
921        <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
922            Français
923
924            <span class="material-icons" aria-hidden="true">expand_more</span>
925        </button>
926        <div class="dropdown-menu">
927            <ul>
928                <li>
929                    
930                            <a class="dropdown-item" lang="en" href="/en.html">English</a>
931                        
932                </li>
933            </ul>
934        </div>
935    </li>
936</ul>
937
938
939                    </div>
940                </nav>
941            </div>
942        </div>
943    </div>
944</header>
945
946
947
948
949
950
951<div id="search" class="search" aria-hidden="true">
952    <span class="searchStart" tabindex="0"></span>
953    <div class="container">
954        <button type="button" class="btn btn-close-search">
955            <span class="material-icons fa-times" aria-hidden="true">close</span>
956            <span class="sr-only">Fermer la recherche</span>
957        </button>
958        <form action="/recherche.html" class="search-form">
959            <label for="s">
960                <span class="material-icons" aria-hidden="true">search</span>
961                <span class="sr-only">Rechercher sur le site</span>
962            </label>
963
964            <input id="s" name="tx_solr[q]" type="text" title="Saisissez votre recherche" placeholder="Saisissez votre recherche" class="form-control">
965
966            <div class="sr-only"><button type="submit" class="btn btn-primary">Rechercher</button></div>
967        </form>
968    </div>
969    <span class="searchEnd" tabindex="0"></span>
970</div>
971<div id="backdrop" class="backdrop"></div>
972
973
974
975<main id="main" class="main" role="main">
976    <div class="container">
977        
978            
979
980<div class="wrap-breabcrumb">
981    <nav aria-label="Fil d’ariane" class="nav-breadcrumb" role="navigation">
982        <ol class="breadcrumb">
983            
984                <li class="">
985                    
986                    <a href="/">
987                        Accueil
988                    </a>
989                </li>
990            
991                <li class="">
992                    
993                        <span class="sep" aria-hidden="true">•</span>
994                    
995                    <a href="/le-magazine.html">
996                        Le magazine
997                    </a>
998                </li>
999            
1000                <li class="">
1001                    
1002                        <span class="sep" aria-hidden="true">•</span>
1003                    
1004                    <a href="/le-magazine/articles.html" aria-current="page">
1005                        Articles
1006                    </a>
1007                </li>
1008            
1009        </ol>
1010    </nav>
1011
1012    
1013
1014
1015    
1016
1017    <div class="share">
1018        <h2 class="share-title">Partager sur</h2>
1019        <ul class="list-unstyled">
1020            <li>
1021                <a aria-label="twitter" title="twitter" target="_blank" href="https://twitter.com/share?url=https%3A%2F%2Fwww.musee-marine.fr%2Fle-magazine%2Farticles.html&amp;text=Articles%20%7C%20Mus%C3%A9e%20national%20de%20la%20Marine">
1022                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 512 512" fill="#1652a1"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
1023                </a>
1024            </li>
1025            <li>
1026                <a aria-label="facebook" title="facebook" target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.musee-marine.fr%2Fle-magazine%2Farticles.html">
1027                    <svg xmlns="http://www.w3.org/2000/svg" width="14.086" height="14" viewBox="0 0 14.086 14"><defs><style>.a{fill:#1652a1;}</style></defs><path class="a" d="M22.085,15.043A7.043,7.043,0,1,0,13.942,22V17.078H12.153V15.043h1.789V13.491a2.485,2.485,0,0,1,2.66-2.74,10.838,10.838,0,0,1,1.577.137v1.732h-.888a1.018,1.018,0,0,0-1.148,1.1v1.322H18.1l-.312,2.036H16.143V22A7.045,7.045,0,0,0,22.085,15.043Z" transform="translate(-8 -8)"/></svg>
1028                </a>
1029            </li>
1030            <li>
1031                <a aria-label="partager par mail" title="partager par mail" target="_blank" href="mailto:?subject=Articles%20%7C%20Mus%C3%A9e%20national%20de%20la%20Marine&amp;body=https%3A%2F%2Fwww.musee-marine.fr%2Fle-magazine%2Farticles.html">
1032                    <svg xmlns="http://www.w3.org/2000/svg" width="18.666" height="14" viewBox="0 0 18.666 14"><defs><style>.a{fill:#1652a1;}</style></defs><path class="a" d="M16.917,64a1.75,1.75,0,0,1,1.05,3.15L10.033,73.1a1.17,1.17,0,0,1-1.4,0L.7,67.15A1.75,1.75,0,0,1,1.75,64ZM7.933,74.033a2.33,2.33,0,0,0,2.8,0l7.933-5.95v7.583A2.335,2.335,0,0,1,16.333,78h-14A2.334,2.334,0,0,1,0,75.667V68.083Z" transform="translate(0 -64)"/></svg>
1033                </a>
1034            </li>
1035        </ul>
1036    </div>
1037
1038
1039
1040</div>
1041
1042
1043        
1044        
1045    
1046            <!--TYPO3SEARCH_begin-->
1047            
1048
1049<div class="heading">
1050    <h1>Articles</h1>
1051
1052    
1053
1054    
1055
1056    
1057
1058    
1059
1060    
1061
1062    
1063
1064    
1065
1066    
1067
1068
1069
1070
1071
1072</div>
1073
1074
1075            
1076
1077<a id="c199" aria-hidden="true"></a>
1078
1079
1080
1081
1082    
1083
1084
1085
1086
1087
1088
1089    
1090        
1091<div class="row">
1092	<div class="col-md-4 col-lg-3">
1093		
1094    
1095        
1096            
1097    <div class="context">
1098        <div class="filter">
1099            <div class="filter-header d-none d-md-block">
1100                <h2>
1101                     Trier par
1102                </h2>
1103            </div>
1104            <div>
1105                <form class="form form-filter" action="#">
1106                    <div class="form-group">
1107                        <label for="sortBy" aria-hidden="true">Trier par</label>
1108                        <div class="select">
1109                            <select class="form-control form-select" id="sortBy" aria-labelledby="Trier par">
1110                                
1111                                    <option class="follow-value"  value="/le-magazine/articles.html?tx_solr%5Bsort%5D=datetime+desc">Date</option>
1112                                
1113                                    <option class="follow-value" selected value="/le-magazine/articles.html?tx_solr%5Bsort%5D=relevance+desc">Pertinence</option>
1114                                
1115                            </select>
1116                            <span class="material-icons" aria-hidden="true">arrow_drop_down</span>
1117                        </div>
1118                    </div>
1119                </form>
1120            </div>
1121        </div>
1122    </div>
1123
1124        
1125        
1126            
1127    <div class="context">
1128        <div class="filter">
1129            
1130                <div class="filter-header d-none d-md-block">
1131                    <h2>
1132                        <span class="material-icons" aria-hidden="true">tune</span> Filtrer par
1133                    </h2>
1134                </div>
1135                <div class="filter-header d-md-none mb-4">
1136                    <button type="button" class="btn btn-collapse" data-toggle="collapse" data-target="#collapse-0" aria-expanded="false" aria-controls="collapse-0">
1137                        <span class="material-icons" aria-hidden="true">tune</span> Filtrer par
1138                        <span class="material-icons" aria-hidden="true">expand_more</span>
1139                    </button>
1140                </div>
1141
1142                <div id="collapse-0" class="collapse collapse-wrap-mobile fade">
1143                    <form class="form form-filter" action="#">
1144                        
1145                            
1146
1147<div class="form-group">
1148    <fieldset>
1149        <legend>Thématique</legend>
1150        
1151            <div class="checkbox">
1152                <label for="facettheme-0">
1153                    
1154                            <input id="facettheme-0" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AHistoire" class="follow-value form-checkbox">
1155                        
1156
1157                    <span class="checkbox"></span>
1158                    Histoire (38)
1159                </label>
1160            </div>
1161        
1162            <div class="checkbox">
1163                <label for="facettheme-1">
1164                    
1165                            <input id="facettheme-1" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AArt+et+culture" class="follow-value form-checkbox">
1166                        
1167
1168                    <span class="checkbox"></span>
1169                    Art et culture (30)
1170                </label>
1171            </div>
1172        
1173            <div class="checkbox">
1174                <label for="facettheme-2">
1175                    
1176                            <input id="facettheme-2" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AGens+de+mer" class="follow-value form-checkbox">
1177                        
1178
1179                    <span class="checkbox"></span>
1180                    Gens de mer (22)
1181                </label>
1182            </div>
1183        
1184            <div class="checkbox">
1185                <label for="facettheme-3">
1186                    
1187                            <input id="facettheme-3" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AEnvironnement" class="follow-value form-checkbox">
1188                        
1189
1190                    <span class="checkbox"></span>
1191                    Environnement (18)
1192                </label>
1193            </div>
1194        
1195            <div class="checkbox">
1196                <label for="facettheme-4">
1197                    
1198                            <input id="facettheme-4" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AEconomie" class="follow-value form-checkbox">
1199                        
1200
1201                    <span class="checkbox"></span>
1202                    Economie (13)
1203                </label>
1204            </div>
1205        
1206            <div class="checkbox">
1207                <label for="facettheme-5">
1208                    
1209                            <input id="facettheme-5" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3ASoci%C3%A9t%C3%A9" class="follow-value form-checkbox">
1210                        
1211
1212                    <span class="checkbox"></span>
1213                    Société (13)
1214                </label>
1215            </div>
1216        
1217            <div class="checkbox">
1218                <label for="facettheme-6">
1219                    
1220                            <input id="facettheme-6" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AEnjeux+strat%C3%A9giques" class="follow-value form-checkbox">
1221                        
1222
1223                    <span class="checkbox"></span>
1224                    Enjeux stratégiques (12)
1225                </label>
1226            </div>
1227        
1228            <div class="checkbox">
1229                <label for="facettheme-7">
1230                    
1231                            <input id="facettheme-7" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3ANautisme" class="follow-value form-checkbox">
1232                        
1233
1234                    <span class="checkbox"></span>
1235                    Nautisme (11)
1236                </label>
1237            </div>
1238        
1239            <div class="checkbox">
1240                <label for="facettheme-8">
1241                    
1242                            <input id="facettheme-8" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AScience+et+technique" class="follow-value form-checkbox">
1243                        
1244
1245                    <span class="checkbox"></span>
1246                    Science et technique (11)
1247                </label>
1248            </div>
1249        
1250            <div class="checkbox">
1251                <label for="facettheme-9">
1252                    
1253                            <input id="facettheme-9" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AInitiatives+et+innovations" class="follow-value form-checkbox">
1254                        
1255
1256                    <span class="checkbox"></span>
1257                    Initiatives et innovations (8)
1258                </label>
1259            </div>
1260        
1261            <div class="checkbox">
1262                <label for="facettheme-10">
1263                    
1264                            <input id="facettheme-10" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3APhilosophie" class="follow-value form-checkbox">
1265                        
1266
1267                    <span class="checkbox"></span>
1268                    Philosophie (8)
1269                </label>
1270            </div>
1271        
1272            <div class="checkbox">
1273                <label for="facettheme-11">
1274                    
1275                            <input id="facettheme-11" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3ACollection" class="follow-value form-checkbox">
1276                        
1277
1278                    <span class="checkbox"></span>
1279                    Collection (6)
1280                </label>
1281            </div>
1282        
1283            <div class="checkbox">
1284                <label for="facettheme-12">
1285                    
1286                            <input id="facettheme-12" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AInnovation" class="follow-value form-checkbox">
1287                        
1288
1289                    <span class="checkbox"></span>
1290                    Innovation (4)
1291                </label>
1292            </div>
1293        
1294            <div class="checkbox">
1295                <label for="facettheme-13">
1296                    
1297                            <input id="facettheme-13" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AInitiatives" class="follow-value form-checkbox">
1298                        
1299
1300                    <span class="checkbox"></span>
1301                    Initiatives (2)
1302                </label>
1303            </div>
1304        
1305            <div class="checkbox">
1306                <label for="facettheme-14">
1307                    
1308                            <input id="facettheme-14" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=theme%3AArch%C3%A9ologie" class="follow-value form-checkbox">
1309                        
1310
1311                    <span class="checkbox"></span>
1312                    Archéologie (1)
1313                </label>
1314            </div>
1315        
1316    </fieldset>
1317</div>
1318
1319
1320                        
1321                            
1322
1323<div class="form-group">
1324    <fieldset>
1325        <legend>Type de publication</legend>
1326        
1327            <div class="checkbox">
1328                <label for="facetpublication_type-0">
1329                    
1330                            <input id="facetpublication_type-0" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=publication_type%3A%C3%80+lire" class="follow-value form-checkbox">
1331                        
1332
1333                    <span class="checkbox"></span>
1334                    À lire (58)
1335                </label>
1336            </div>
1337        
1338            <div class="checkbox">
1339                <label for="facetpublication_type-1">
1340                    
1341                            <input id="facetpublication_type-1" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=publication_type%3ADossier" class="follow-value form-checkbox">
1342                        
1343
1344                    <span class="checkbox"></span>
1345                    Dossier (8)
1346                </label>
1347            </div>
1348        
1349            <div class="checkbox">
1350                <label for="facetpublication_type-2">
1351                    
1352                            <input id="facetpublication_type-2" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=publication_type%3A%C3%80+regarder" class="follow-value form-checkbox">
1353                        
1354
1355                    <span class="checkbox"></span>
1356                    À regarder (7)
1357                </label>
1358            </div>
1359        
1360            <div class="checkbox">
1361                <label for="facetpublication_type-3">
1362                    
1363                            <input id="facetpublication_type-3" type="checkbox" value="/le-magazine/articles.html?tx_solr%5Bfilter%5D%5B0%5D=publication_type%3A%C3%80+%C3%A9couter" class="follow-value form-checkbox">
1364                        
1365
1366                    <span class="checkbox"></span>
1367                    À écouter (3)
1368                </label>
1369            </div>
1370        
1371    </fieldset>
1372</div>
1373
1374
1375                        
1376
1377                        <div class="btns">
1378                            <a href="/le-magazine/articles.html" class="btn btn-link">Réinitialiser</a>
1379                        </div>
1380                    </form>
1381                </div>
1382            
1383        </div>
1384    </div>
1385
1386
1387        
1388    
1389
1390	</div>
1391	<div class="col-md-8 offset-lg-1">
1392		
1393    
1394
1395
1396
1397    
1398        <h2 id="search-title" class="list-search-title">
1399            
1400                    <strong>76 résultats</strong> avec vos critères de recherche
1401                
1402        </h2>
1403    
1404
1405    
1406        
1407            
1408                <div class="row">
1409            
1410
1411            <div class="col-md-6">
1412                <div class="card equalHeight"> <div class="card-img"> <div class="labels"> <p class="d-inline-block mb-0"><span class="label">À lire</span></p> </div> <img class="card-img-top" alt="Ce que la carte ne montre pas : le plancher océanique, dernier angle mort de la planète" src="/fileadmin/_processed_/f/7/csm__Manuscript_painting_of_Heezen-Tharp_World_ocean_floor_map_by_Berann__0909832ff4.jpg" width="420" height="315" /> </div> <div class="card-body"> <div> <p class="card-location"> Enjeux stratégiques , Initiatives et innovations , Science et technique </p> <h3 class="card-title"><a href="/le-magazine/dossiers-thematiques/profondeurs-explorer-le-monde-sous-les-mers/ce-que-la-carte-ne-montre-pas-le-plancher-oceanique-dernier-angle-mort-de-la-planete.html">Ce que la carte ne montre pas&nbsp;: le plancher océanique, dernier angle mort de la planète</a></h3> </div> </div> </div>
1413            </div>
1414
1415            
1416        
1417            
1418
1419            <div class="col-md-6">
1420                <div class="card equalHeight"> <div class="card-img"> <div class="labels"> <p class="d-inline-block mb-0"><span class="label">À lire</span></p> </div> <img class="card-img-top" alt="Monstres marins, trous bleus et pieuvres géantes : l’imaginaire des fonds marins" src="/fileadmin/_processed_/c/1/csm_gravure_victor_hugo_21b19fa587.jpg" width="420" height="315" /> </div> <div class="card-body"> <div> <p class="card-location"> Art et culture , Histoire , Société </p> <h3 class="card-title"><a href="/le-magazine/dossiers-thematiques/profondeurs-explorer-le-monde-sous-les-mers/monstres-marins-trous-bleus-et-pieuvres-geantes-limaginaire-des-fonds-marins.html">Monstres marins, trous bleus et pieuvres géantes&nbsp;: l’imaginaire des fonds marins</a></h3> </div> </div> </div>
1421            </div>
1422
1423            
1424                </div>
1425            
1426        
1427            
1428                <div class="row">
1429            
1430
1431            <div class="col-md-6">
1432                <div class="card card-overlay-2 equalHeight"> <div class="card-img"> <div class="labels"> <p class="d-inline-block mb-0"><span class="label">Dossier</span></p> </div> <img class="card-img-top" alt="Profondeurs : explorer le monde sous les mers" src="/fileadmin/_processed_/c/e/csm_3226793667_aba805c3d0_k_972d17a5f7.jpg" width="420" height="420" /> </div> <div class="card-body"> <div> <h3 class="card-title"><a href="/le-magazine/dossiers-thematiques/profondeurs-explorer-le-monde-sous-les-mers.html">Profondeurs : explorer le monde sous les mers</a></h3> <p class="card-partenaires"></p> <ul class="list-unstyled list-inline"> <li> <a href="https://www.scienceshumaines.com/" target="_blank" rel="noreferrer" title="ouverture dans une nouvelle fenêtre"><img class="card-img-top" src="/fileadmin/_processed_/e/1/csm_Copy_of_LOGO_2024_NOIR_RVB_3bb4e0f266.jpg" width="400" height="48" alt="" /></a> </li> </ul> </div> </div> </div>
1433            </div>
1434
1435            
1436        
1437            
1438
1439            <div class="col-md-6">
1440                <div class="card equalHeight"> <div class="card-img"> <div class="labels"> <p class="d-inline-block mb-0"><span class="label">À lire</span></p> </div> <img class="card-img-top" alt="Vers les abysses : ce que les profondeurs font aux humains" src="/fileadmin/_processed_/
14407/3/csm_Wojciech_Dopierala_8af1ab3b7b.jpg" width="420" height="315" /> </div> <div class="card-body"> <div> <p class="card-location"> Gens de mer , Philosophie , Société </p> <h3 class="card-title"><a href="/le-magazine/dossiers-thematiques/profondeurs-explorer-le-monde-sous-les-mers/vers-les-abysses-ce-que-les-profondeurs-font-aux-humains.html">Vers les abysses&nbsp;: ce que les profondeurs font aux humains</a></h3> </div> </div> </div>
1441            </div>
1442
1443            
1444                </div>
1445            
1446        
1447            
1448                <div class="row">
1449            
1450
1451            <div class="col-md-6">
1452                <div class="card equalHeight"> <div class="card-img"> <div class="labels"> <p class="d-inline-block mb-0"><span class="label">À lire</span></p> </div> <img class="card-img-top" alt="Ewan Lebourdais, photographe et Peintre officiel de la Marine" src="/fileadmin/_processed_/6/0/csm_20260708_155717_c3f770bf86.jpg" width="420" height="315" /> </div> <div class="card-body"> <div> <p class="card-location"> Art et culture , Gens de mer </p> <h3 class="card-title"><a href="/le-magazine/dossiers-thematiques/peindre-la-mer-raconter-la-marine/ewan-lebourdais-photographe-et-peintre-officiel-de-la-marine.html">Ewan Lebourdais, photographe et Peintre officiel de la Marine</a></h3> </div> </div> </div>
1453            </div>
1454
1455            
1456        
1457            
1458
1459            <div class="col-md-6">
1460                <div class="card equalHeight"> <div class="card-img"> <div class="labels"> <p class="d-inline-block mb-0"><span class="label">À lire</span></p> </div> <img class="card-img-top" alt="Franck Seguin, photographe et nouveau « Peintre officiel de la Marine »" src="/fileadmin/_processed_/5/d/csm_20260708_155658_c0c277ed84.jpg" width="420" height="315" /> </div> <div class="card-body"> <div> <p class="card-location"> Art et culture , Gens de mer </p> <h3 class="card-title"><a href="/le-magazine/dossiers-thematiques/peindre-la-mer-raconter-la-marine/franck-seguin-photographe-et-nouveau-peintre-officiel-de-la-marine.html">Franck Seguin, photographe et nouveau « Peintre officiel de la Marine »</a></h3> </div> </div> </div>
1461            </div>
1462
1463            
1464                </div>
1465            
1466        
1467            
1468                <div class="row">
1469            
1470
1471            <div class="col-md-6">
1472                <div class="card equalHeight"> <div class="card-img"> <div class="labels"> <p class="d-inline-block mb-0"><span class="label">À lire</span></p> </div> <img class="card-img-top" alt="Miles Hyman, nouveau Peintre officiel de la Marine" src="/fileadmin/_processed_/b/4/csm_20260708_155644_fb576b940b.jpg" width="420" height="315" /> </div> <div class="card-body"> <div> <p class="card-location"> Art et culture , Gens de mer </p> <h3 class="card-title"><a href="/le-magazine/dossiers-thematiques/peindre-la-mer-raconter-la-marine/miles-hyman-nouveau-peintre-officiel-de-la-marine.html">Miles Hyman, nouveau Peintre officiel de la Marine</a></h3> </div> </div> </div>
1473            </div>
1474
1475            
1476        
1477            
1478
1479            <div class="col-md-6">
1480                <div class="card equalHeight"> <div class="card-img"> <div class="labels"> <p class="d-inline-block mb-0"><span class="label">À regarder</span></p> </div> <img class="card-img-top" alt="Les exposants du 46e Salon de la Marine : une série de rencontres en vidéo" src="/fileadmin/_processed_/1/c/csm_20260512_TST_VernissageExpoMarinePeintres_5584_413a2d501e.jpg" width="420" height="315" /> </div> <div class="card-body"> <div> <p class="card-location"> Art et culture , Histoire </p> <h3 class="card-title"><a href="/le-magazine/dossiers-thematiques/peindre-la-mer-raconter-la-marine/les-exposants-du-46e-salon-de-la-marine-une-serie-de-rencontres-en-video.html">Les exposants du 46e Salon de la Marine&nbsp;: une série de rencontres en vidéo</a></h3> </div> </div> </div>
1481            </div>
1482
1483            
1484                </div>
1485            
1486        
1487            
1488                <div class="row">
1489            
1490
1491            <div class="col-md-6">
1492                <div class="card equalHeight"> <div class="card-img"> <div class="labels"> <p class="d-inline-block mb-0"><span class="label">À lire</span></p> </div> <img class="card-img-top" alt="Le commandant et la peintre – Embarquer avec un POM" src="/fileadmin/_processed_/d/8/csm_2024_MFSM_017_A_010_002_6590c39d06.jpg" width="420" height="315" /> </div> <div class="card-body"> <div> <p class="card-location"> Art et culture , Gens de mer </p> <h3 class="card-title"><a href="/le-magazine/dossiers-thematiques/peindre-la-mer-raconter-la-marine/le-commandant-et-la-peintre-embarquer-avec-u
1492n-pom.html">Le commandant et la peintre – Embarquer avec un POM</a></h3> </div> </div> </div>
1493            </div>
1494
1495            
1496        
1497            
1498
1499            <div class="col-md-6">
1500                <div class="card equalHeight"> <div class="card-img"> <div class="labels"> <p class="d-inline-block mb-0"><span class="label">À lire</span></p> </div> <img class="card-img-top" alt="Les Peintres officiels de la Marine, des passeurs de mémoire" src="/fileadmin/_processed_/b/3/csm_20260512_160805_f2b97810e8.jpg" width="420" height="315" /> </div> <div class="card-body"> <div> <p class="card-location"> Art et culture , Histoire </p> <h3 class="card-title"><a href="/le-magazine/dossiers-thematiques/peindre-la-mer-raconter-la-marine/les-peintres-officiels-de-la-marine-des-passeurs-de-memoire.html">Les Peintres officiels de la Marine, des passeurs de mémoire</a></h3> </div> </div> </div>
1501            </div>
1502
1503            
1504                </div>
1505            
1506        
1507
1508        
1509
1510	<nav role="navigation" aria-label="Pagination résultats de recherche">
1511		<ul class="pagination">
1512			
1513
1514			
1515
1516			
1517				
1518						
1519								<li class="active"><a aria-current="page" class="solr-ajaxified" href="/le-magazine/articles.html"><span class="sr-only">Page </span> 1</a></li>
1520							
1521					
1522			
1523				
1524						
1525								<li class="page-item"><a class="solr-ajaxified" href="/le-magazine/articles.html?tx_solr%5Bpage%5D=2"><span class="sr-only">Page </span> 2</a></li>
1526							
1527					
1528			
1529				
1530						
1531								<li class="page-item"><a class="solr-ajaxified" href="/le-magazine/articles.html?tx_solr%5Bpage%5D=3"><span class="sr-only">Page </span> 3</a></li>
1532							
1533					
1534			
1535				
1536						
1537								<li class="page-item"><a class="solr-ajaxified" href="/le-magazine/articles.html?tx_solr%5Bpage%5D=4"><span class="sr-only">Page </span> 4</a></li>
1538							
1539					
1540			
1541				
1542						
1543								<li class="page-item"><a class="solr-ajaxified" href="/le-magazine/articles.html?tx_solr%5Bpage%5D=5"><span class="sr-only">Page </span> 5</a></li>
1544							
1545					
1546			
1547				
1548						
1549								<li class="page-item"><a class="solr-ajaxified" href="/le-magazine/articles.html?tx_solr%5Bpage%5D=6"><span class="sr-only">Page </span> 6</a></li>
1550							
1551					
1552			
1553				
1554						
1555								<li class="page-item"><a class="solr-ajaxified" href="/le-magazine/articles.html?tx_solr%5Bpage%5D=7"><span class="sr-only">Page </span> 7</a></li>
1556							
1557					
1558			
1559				
1560						
1561								<li class="page-item"><a class="solr-ajaxified" href="/le-magazine/articles.html?tx_solr%5Bpage%5D=8"><span class="sr-only">Page </span> 8</a></li>
1562							
1563					
1564			
1565
1566			
1567
1568			
1569				<li class="next"><a aria-label="Page suivante" class="solr-ajaxified" href="/le-magazine/articles.html?tx_solr%5Bpage%5D=2"><span class="sr-only">Page suivante</span> <span class="material-icons" aria-hidden="true">arrow_forward</span></a></li>
1570			
1571		</ul><!-- .pagination -->
1572	</nav>
1573
1574
1575    
1576
1577
1578	</div>
1579</div>
1580    
1581
1582
1583
1584
1585            
1586            <!--TYPO3SEARCH_end-->
1587        
1588
1589    </div>
1590</main>
1591
1592
1593
1594<footer role="contentinfo" class="footer">
1595    <div class="container">
1596        <div class="footer-top">
1597            <div class="share">
1598                <h2 class="share-title">Suivre le réseau des musées</h2>
1599                <ul class="list-unstyled">
1600                    
1601                        <li>
1602                            <a href="https://twitter.com/museemarine/">
1603                                <img src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/picto-twitter-x-blanc.svg" alt="Twitter" title="Twitter">
1604                                <span class="d-none">Twitter</span>
1605                            </a>
1606                        </li>
1607                    
1608                    
1609                        <li>
1610                            <a href="https://www.facebook.com/museemarineparis/">
1611                                <img src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/picto-facebook-blanc.svg" alt="Facebook" title="Facebook">
1612                                <span class="d-none">Facebook</span>
1613                            </a>
1614                        </li>
1615                    
1616                    
1617                        <li>
1618                            <a href="https://www.instagram.com/museemarine/">
1619                                <img src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/picto-instagram-blanc.svg" alt="Instagram" title="Instagram">
1620                                <span class="d-none">Instagram</span>
1621                            </a>
1622                        </li>
1623                    
1624                    
1625                        <li>
1626                            <a href="https://www.youtube.com/channel/UCTz7Y-BXzSc4mZEdWpxwc5g">
1627                                <img src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/picto-youtube-blanc.svg" alt="YouTube" title="YouTube">
1628                                <span class="d-none">YouTube</span>
1629                            </a>
1630                        </li>
1631                    
1632                    
1633                        <li>
1634                            <a href="https://fr.linkedin.com/company/mus%C3%A9e-national-de-la-marine">
1635                                <img src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/picto-linkedin-blanc.svg" alt="LinkedIn" title="LinkedIn">
1636                                <span class="d-none">LinkedIn</span>
1637                            </a>
1638                        </li>
1639                    
1640                </ul>
1641            </div>
1642
1643            
1644                
1645
1646
1647    <div class="footer-form">
1648        <h2 class="footer-title">Restons en contact !</h2>
1649
1650        <form method="post" class="form" action="/notre-reseau/a-propos/restons-en-contact/inscription-a-la-newsletter-du-musee.html?tx_site_newslettercontact%5Baction%5D=edit&amp;tx_site_newslettercontact%5Bcontroller%5D=NewsletterContact&amp;cHash=3aa4ccbf0eeda7d6561a1b0852674362">
1651<div>
1652<input type="hidden" name="tx_site_newslettercontact[__referrer][@extension]" value="Site" />
1653<input type="hidden" name="tx_site_newslettercontact[__referrer][@controller]" value="NewsletterContact" />
1654<input type="hidden" name="tx_site_newslettercontact[__referrer][@action]" value="banner" />
1655<input type="hidden" name="tx_site_newslettercontact[__referrer][arguments]" value="YTowOnt9fc8d14d88928e40329000935c30c470af815765a" />
1656<input type="hidden" name="tx_site_newslettercontact[__referrer][@request]" value="{&quot;@extension&quot;:&quot;Site&quot;,&quot;@controller&quot;:&quot;NewsletterContact&quot;,&quot;@action&quot;:&quot;banner&quot;}0118165de5cd17efa7a4465ecfdd8a9d4f55d206" />
1657<input type="hidden" name="tx_site_newslettercontact[__trustedProperties]" value="{&quot;email&quot;:1}81393b7e57df8c7276b4edc25304cd35764e3abb" />
1658</div>
1659
1660            <div class="form-group">
1661                <span class="material-icons-outlined" aria-hidden="true">mail</span>
1662                <label class="sr-only" for="newsletterContact.email">Je m&#039;abonne</label>
1663                <input aria-required="true" placeholder="Votre adresse email" class="form-control" id="newsletterContact.email" title="Je m&#039;abonne" type="text" name="tx_site_newslettercontact[email]" required="required" />
1664            </div>
1665            <button class="btn btn-primary" type="submit" value="">Je m&#039;abonne</button>
1666        </form>
1667    </div>
1668
1669
1670
1671            
1672        </div>
1673
1674        <div class="footer-middle">
1675            <div class="row">
1676                <div class="col-md-2">
1677                    <div class="row">
1678                        <div class="col-6 col-md-12">
1679                            <p>
1680                                <a href="/">
1681                                    <img width="140" height="70" src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/logo-mnm.gif" alt="Musée National de la Marine">
1682                                    
1683                                </a>
1684                            </p>
1685                        </div>
1686
1687                        <div class="col-6 col-md-12">
1688                            <p>
1689                                <img width="124" height="111" src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/logo-republique-francaise.svg" alt="République française">
1690                            </p>
1691                        </div>
1692                    </div>
1693                </div>
1694                <div class="col-md-4">
1695                    
1696
1697                    <p>
1698
1699                    
1700
1701                    
1702
1703                    
1704                        <a href="mailto:[email protected]">[email protected]</a>
1705                    
1706                    </p>
1707
1708                    <h2 class="footer-title">Nos musées</h2>
1709
1710                    
1711                        <ul class="list-unstyled">
1712                            
1713                                <li><a href="/nos-musees/brest.html">Brest</a></li>
1714                            
1715                                <li><a href="/nos-musees/paris.html">Paris</a></li>
1716                            
1717                                <li><a href="/nos-musees/port-louis.html">Port-Louis</a></li>
1718                            
1719                                <li><a href="/nos-musees/rochefort.html">Rochefort</a></li>
1720                            
1721                                <li><a href="/nos-musees/toulon.html">Toulon</a></li>
1722                            
1723                        </ul>
1724                    
1725                </div>
1726                
1727    
1728        <div class="col-md-2">
1729            <div class="collapse-wrap">
1730                <h2 class="footer-title">
1731                    <span class="d-none d-md-inline">Liens pratiques</span>
1732                    <button class="btn btn-collapse d-md-none" type="button" data-toggle="collapse" data-target="#collapseFooter1" aria-expanded="false" aria-controls="collapseFooter1">
1733                        Liens pratiques
1734                        <span class="material-icons" aria-hidden="true">expand_more</span>
1735                    </button>
1736                </h2>
1737                <div class="collapse" id="collapseFooter1">
1738                    <div class="collapse-body">
1739                        <ul class="list-unstyled">
1740                            
1741                                <li><a href="/conditions-de-reductions-et-de-gratuite.html">Conditions de réductions et de gratuité</a></li>
1742                            
1743                                <li><a href="/liens-pratiques/billetterie-en-ligne.html">Billetterie en ligne</a></li>
1744                            
1745                                <li><a href="/liens-pratiques/offres-demploi.html">Offres d'emploi</a></li>
1746                            
1747                        </ul>
1748                    </div>
1749                </div>
1750            </div>
1751        </div>
1752    
1753
1754                
1755    
1756        <div class="col-md-2">
1757            <div class="collapse-wrap">
1758                <h2 class="footer-title">
1759                    <span class="d-none d-md-inline">Espaces professionnels</span>
1760                    <button class="btn btn-collapse d-md-none" type="button" data-toggle="collapse" data-target="#collapseFooter2" aria-expanded="false" aria-controls="collapseFooter2">
1761                        Espaces professionnels
1762                        <span class="material-icons" aria-hidden="true">expand_more</span>
1763                    </button>
1764                </h2>
1765                <div class="collapse" id="collapseFooter2">
1766                    <div class="collapse-body">
1767                        <ul class="list-unstyled">
1768                            
1769                                <li><a href="/professionnels/groupe.html">Groupes</a></li>
1770                            
1771                                <li><a href="/professionnels/entreprise.html">Entreprises</a></li>
1772                            
1773                                <li><a href="/professionnels/presse.html">Presse</a></li>
1774                            
1775                                <li><a href="/professionnels/chercheurs.html">Chercheurs</a></li>
1776                            
1777                        </ul>
1778                    </div>
1779                </div>
1780            </div>
1781        </div>
1782    
1783
1784                
1785    
1786        <div class="col-md-2">
1787            <div class="collapse-wrap">
1788                <h2 class="footer-title">
1789                    <span class="d-none d-md-inline">Nous soutenir</span>
1790                    <button class="btn btn-collapse d-md-none" type="button" data-toggle="collapse" data-target="#collapseFooter3" aria-expanded="false" aria-controls="collapseFooter3">
1791                        Nous soutenir
1792                        <span class="material-icons" aria-hidden="true">expand_more</span>
1793                    </button>
1794                </h2>
1795                <div class="collapse" id="collapseFooter3">
1796                    <div class="collapse-body">
1797                        <ul class="list-unstyled">
1798                            
1799                                <li><a href="/notre-reseau/amis-et-partenaires.html">Partenaires</a></li>
1800                            
1801                                <li><a href="/notre-reseau/le-mecenat.html">Mécènes</a></li>
1802                            
1803                                <li><a href="/notre-reseau/association-des-amis-du-musee.html">Association des amis du musée</a></li>
1804                            
1805                        </ul>
1806                    </div>
1807                </div>
1808            </div>
1809        </div>
1810    
1811
1812                
1813    
1814        <div class="col-md-2">
1815            <div class="collapse-wrap">
1816                <h2 class="footer-title">
1817                    <span class="d-none d-md-inline">Restons en contact</span>
1818                    <button class="btn btn-collapse d-md-none" type="button" data-toggle="collapse" data-target="#collapseFooter4" aria-expanded="false" aria-controls="collapseFooter4">
1819                        Restons en contact
1820                        <span class="material-icons" aria-hidden="true">expand_more</span>
1821                    </button>
1822                </h2>
1823                <div class="collapse" id="collapseFooter4">
1824                    <div class="collapse-body">
1825                        <ul class="list-unstyled">
1826                            
1827                                <li><a href="/restons-en-contact/inscription-a-la-newsletter.html">Inscription à la newsletter</a></li>
1828                            
1829                                <li><a href="/notre-reseau/a-propos/restons-en-contact/nous-contacter.html">Nous contacter</a></li>
1830                            
1831                        </ul>
1832                    </div>
1833                </div>
1834            </div>
1835        </div>
1836    
1837
1838            </div>
1839        </div>
1840
1841        <div class="footer-bottom">
1842            <ul class="list-unstyled list-inline text-center">
1843                <li>
1844                    <img title="Label Qualité Tourisme" alt="Label Qualité Tourisme" src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/logo-qualite.svg" width="57" height="57" />
1845                </li>
1846                <li>
1847                    <img title="Prix Travellers&#039; Choice de Tripadvisor" alt="Prix Travellers&#039; Choice de Tripadvisor" src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/logo-travelers.svg" width="52" height="57" />
1848                </li>
1849                <li>
1850                    <img title="Musée de France" alt="Musée de France" src="/_assets/eee83a27e1e6e241ed7098a5f815474c/Frontend/assets/images/logo-musee-de-france.jpg" width="100" height="100" />
1851                </li>
1852            </ul>
1853
1854            
1855                <ul class="list-unstyled list-inline text-center">
1856                    
1857                        <li><a href="/index-de-legalite-professionnelle.html">Index de l’égalité professionnelle</a></li>
1858                    
1859                        <li><a href="/mentions-legales-et-credits.html">Mentions légales et crédits</a></li>
1860                    
1861                        <li><a href="/politique-de-confidentialite.html">Politique de confidentialité</a></li>
1862                    
1863                        <li><a href="/accessibilite/accessibilite-web.html">Accessibilité&nbsp;: partiellement conforme</a></li>
1864                    
1865                </ul>
1866            
1867
1868            <p class="small text-center">© 2026 Musée national de la Marine - Tous droits réservés</p>
1869        </div>
1870    </div>
1871
1872    <div aria-hidden="true" id="layer-mp3" class="layer text-center mfp-hide">
1873        <div role="document">
1874        </div>
1875    </div>
1876</footer>
1877<script src="/typo3temp/assets/compressed/merged-b7afbde7b108c5cb8dfd8a14e19055ce.js?1790611102"></script>
1877
1878
1879<script src="/typo3temp/assets/compressed/merged-32d47c722202cf6807f7a26d6dd4d989.js?1790611102"></script>
1879
1880
1881
1882
1883
1884</body>
1885</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.