diff --git a/content/methode.html b/content/methode.html
new file mode 100644
index 0000000..02cd027
--- /dev/null
+++ b/content/methode.html
@@ -0,0 +1,11 @@
+[(#REM) On affiche le premier article par défaut]
+<BOUCLE_menu_methode(ARTICLES){grigri=methode}{0,1}{si #ENV{id_article}|non}>
+	[(#ID_ARTICLE|setenv{id_article})]
+</BOUCLE_menu_methode>
+
+<section id="methode" class="section-top section-bottom">
+	<div class="container">
+		<h1>La méthode</h1>
+			<INCLURE{fond=inclure/methode_contenu,env,ajax}>
+	</div>
+</section>
\ No newline at end of file
diff --git a/inclure/association_contenu.html b/inclure/association_contenu.html
index f549ce3..196fc01 100644
--- a/inclure/association_contenu.html
+++ b/inclure/association_contenu.html
@@ -6,7 +6,7 @@
 		[(#REM) On affiche les images à gauche sur grand écran]
 		<BOUCLE_images(DOCUMENTS){credits=association}{tout}>
 		<div class="asso-image text-center d-none d-lg-block">
-			[(#FICHIER|image_recadre{380:362,-,focus}|image_reduire{380,362})]
+			[(#FICHIER|balise_img{#DESCRIPTION}|image_recadre{380:362,-,focus}|image_reduire{380,362})]
 			#DESCRIPTIF
 		</div>	
 		</BOUCLE_images>
@@ -22,7 +22,7 @@
 		<div class="row">
 			<BOUCLE_images2(DOCUMENTS){credits=association}{tout}>
 			<div class="asso-image text-center d-lg-none col-sm-6">
-				[(#FICHIER|image_recadre{380:362,-,focus}|image_reduire{380,362})]
+				[(#FICHIER|balise_img{#DESCRIPTION}|image_recadre{380:362,-,focus}|image_reduire{380,362})]
 				#DESCRIPTIF
 			</div>	
 			</BOUCLE_images2>
diff --git a/inclure/menu-methode.html b/inclure/menu-methode.html
new file mode 100644
index 0000000..28bbad3
--- /dev/null
+++ b/inclure/menu-methode.html
@@ -0,0 +1,15 @@
+<nav id="menu-methode" class="navbar navbar-expand-lg navbar-dark">
+	<button class="navbar-toggler collapsed d-flex d-lg-none" type="button" data-toggle="collapse" data-target="#liste-deroulante-methode" aria-controls="liste-deroulante-methode" aria-expanded="false" aria-label="Toggle navigation">
+		<i class="fa fa-angle-down" aria-hidden="true"></i>
+		<span class="navbar-brand">Autres rubriques</span>
+	</button>
+	<div class="collapse navbar-collapse" id="liste-deroulante-methode">
+		<ul class="navbar-nav ml-auto flex-column">
+		<BOUCLE_menu_methode(ARTICLES){grigri=methode}>
+			<li class="nav-item [(#ENV{id_article}|=={#ID_ARTICLE}|oui) active]">
+				<a class="nav-link ajax" href="[(#URL_PAGE{methode}|parametre_url{id_article,#ID_ARTICLE})]">#TITRE</a>
+			</li>
+		</BOUCLE_menu_methode>
+		</ul>
+	</div>
+</nav>
\ No newline at end of file
diff --git a/inclure/methode_contenu.html b/inclure/methode_contenu.html
new file mode 100644
index 0000000..280ebcc
--- /dev/null
+++ b/inclure/methode_contenu.html
@@ -0,0 +1,32 @@
+<div class="row">
+	
+	<aside class="col-lg-4 asso-colonne">
+		<INCLURE{fond=inclure/menu-methode,env}>
+
+		[(#REM) On affiche les images à gauche sur grand écran]
+		<BOUCLE_images(DOCUMENTS){credits=methode}{tout}>
+		<div class="asso-image text-center d-none d-lg-block">
+			[(#FICHIER|balise_img{#DESCRIPTION}|image_recadre{380:362,-,focus}|image_reduire{380,362})]
+			#DESCRIPTIF
+		</div>	
+		</BOUCLE_images>
+	</aside>
+
+	<div class="col-lg-8 asso-contenu">
+		<BOUCLE_contenu(ARTICLES){id_article=#ENV{id_article}}>
+			<h2 class="#EDIT{titre}">#TITRE</h2>
+			<div class="#EDIT{texte}">#TEXTE</div>
+		</BOUCLE_contenu>
+
+		[(#REM) On affiche les images à la fin sur petits écrans]
+		<div class="row">
+			<BOUCLE_images2(DOCUMENTS){credits=methode}{tout}>
+			<div class="asso-image text-center d-lg-none col-sm-6">
+				[(#FICHIER|balise_img{#DESCRIPTION}|image_recadre{380:362,-,focus}|image_reduire{380,362})]
+				#DESCRIPTIF
+			</div>	
+			</BOUCLE_images2>
+		</div>
+	</div>
+
+</div>
\ No newline at end of file