genially.html

html edmu.fr collected 2026-09-25 01:10:57 UTC 78,065 bytes, 1,102 lines download raw bytes

1<!DOCTYPE html>
2<html dir='ltr' lang='fr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
3<head>
4<meta content='width=device-width, initial-scale=1' name='viewport'/>
5<title>Genially</title>
6<link href='https://fonts.googleapis.com' rel='preconnect'/>
7<link crossorigin='anonymous' href='https://fonts.gstatic.com' rel='preconnect'/>
8<link href='https://fonts.googleapis.com/css2?family=Barlow:wght@600;700;800&family=Inter:wght@300;400;500&display=swap' rel='stylesheet'/>
9<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
10<!-- Chrome, Firefox OS and Opera -->
11<meta content='' name='theme-color'/>
12<!-- Windows Phone -->
13<meta content='' name='msapplication-navbutton-color'/>
14<meta content='blogger' name='generator'/>
15<link href='https://www.edmu.fr/favicon.ico' rel='icon' type='image/x-icon'/>
16<link href='https://www.edmu.fr/p/genially.html' rel='canonical'/>
17<link rel="alternate" type="application/atom+xml" title="edmu.fr - Atom" href="https://www.edmu.fr/feeds/posts/default" />
18<link rel="alternate" type="application/rss+xml" title="edmu.fr - RSS" href="https://www.edmu.fr/feeds/posts/default?alt=rss" />
19<link rel="service.post" type="application/atom+xml" title="edmu.fr - Atom" href="https://www.blogger.com/feeds/5436985493165702728/posts/default" />
20<!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->
21<meta content='genially nikkojazz' name='description'/>
22<meta content='https://www.edmu.fr/p/genially.html' property='og:url'/>
23<meta content='Genially' property='og:title'/>
24<meta content='genially nikkojazz' property='og:description'/>
25<meta content='https://blogger.googleusercontent.com/img/a/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N=w1200-h630-p-k-no-nu' property='og:image'/>
26<style id='page-skin-1' type='text/css'><!--
27/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
28/* =============================================================
29NIKKO THEME OVERLAY - Nicolas Martello @nikkojazz
30Academie de Clermont-Ferrand - CC BY-NC-SA 4.0
31============================================================= */
32/* CSS TOKENS */
33:root {
34/* --- MODE SOMBRE (Par dÃ©faut) --- */
35--bg:         #121212; /* Gris trÃ¨s profond, plus reposant que le noir pur */
36--bg-2:       #1e1e1e; /* Fond des cartes/sidebar */
37--bg-3:       #2a2a2a; /* Fond des boutons/recherche */
38--border:     #374151;

38 /* Bordures subtiles */
39--text:       #f9fafb; /* Blanc cassÃ© pour Ã©viter l'Ã©blouissement */
40--text-muted: #9ca3af; /* Gris clair parfaitement lisible */
41--accent:     #60a5fa; /* Bleu moderne et lumineux pour contraster dans le noir */
42--accent-dim: rgba(96, 165, 250, 0.15);
43--sidebar-w:  280px;
44--radius:     8px; /* Un peu plus arrondi pour la modernitÃ© */
45/* Typographie */
46--font-head:  'Barlow', sans-serif; /* Police Ã©troite et trÃ¨s lisible */
47--font-body:  'Inter', sans-serif;  /* Le standard absolu de la lisibilitÃ© web */
48--tr:         .25s cubic-bezier(.4,0,.2,1);
49}
50[data-theme="light"] {
51/* --- MODE CLAIR --- */
52--bg:         #f9fafb; /* Gris ultra-clair, plus Ã©purÃ© que le beige */
53--bg-2:       #ffffff; /* Blanc pur pour faire ressortir les articles */
54--bg-3:       #f3f4f6; /* Gris trÃ¨s doux pour les tags et la recherche */
55--border:     #e5e7eb; /* Bordures discrÃ¨tes */
56--text:       #000000; /* Noir pur (comme demandÃ©) */
57--text-muted: #4b5563; /* Gris foncÃ© assurant un ratio de contraste A11y AA */
58--accent:     #2563eb; /* Bleu Ã©lectrique Ã©purÃ© */
59}
60/* BASE */
61*, *::before, *::after { box-sizing: border-box; }
62html { scroll-behavior: smooth; }
63body {
64font-family: var(--font-body) !important;
65background: var(--bg) !important;
66color: var(--text) !important;
67font-size: 16px; line-height: 1.7;
68-webkit-font-smoothing: antialiased;
69transition: background var(--tr), color var(--tr);
70}
71a { color: var(--accent) !important; text-decoration: none; transition: opacity var(--tr); }
72a:hover { opacity: .8; }
73img { max-width: 100%; display: block; }
74/* Hide original Emporio header/sidebar */
75.centered-top, .centered-top-container, .centered-top-placeholder { display: none !important; }
76.sidebar-container { display: none !important; }
77.skip-navigation { display: none !important; }
78/* NIKKO TOPBAR */
79#nikko-topbar {
80position: sticky; top: 0; z-index: 500;
81background: var(--bg); border-bottom: 1px solid var(--border);
82height: 56px; display: flex; align-items: center;
83padding: 0 24px; gap: 16px;
84backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
85}
86#nikko-burger {
87display: none; flex-direction: column; gap: 5px;
88background: none; border: none; cursor: pointer; padding: 4px;
89}
90#nikko-burger span {
91display: block; width: 22px; height: 2px;
92background: var(--text); border-radius: 2px; transition: var(--tr);
93}
94#nikko-site-title {
95font-family: var(--font-head); font-weight: 800; font-size: 1.1rem;
96letter-spacing: -.02em; color: var(--text) !important; white-space: nowrap;
97flex-shrink: 0; text-decoration: none !important; opacity: 1 !important;
98}
99#nikko-search-wrap { flex: 1; max-width: 480px; margin-left: auto; position: relative; }
100#nikko-search-wrap input {
101width: 100%; background: var(--bg-3); border: 1px solid var(--border);
102border-radius: 40px; padding: 7px 38px 7px 16px;
103color: var(--text) !important; font-family: var(--font-body);
104font-size: .875rem; outline: none;
105transition: border-color var(--tr), background var(--tr);
106}
107#nikko-search-wrap input::placeholder { color: var(--text-muted); }
108#nikko-search-wrap input:focus { border-color: var(--accent); background: var(--bg-2); }
109#nikko-search-btn {
110position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
111background: none; border: none; cursor: pointer; color: var(--text-muted);
112display: flex; align-items: center; padding: 2px; transition: color var(--tr);
113}
114#nikko-search-btn:hover { color: var(--accent); }
115#nikko-theme-toggle {
116flex-shrink: 0; background: var(--bg-3); border: 1px solid var(--border);
117border-radius: 40px; padding: 6px 12px; display: flex; align-items: center;
118gap: 6px; cursor: pointer; font-size: .75rem; font-family: var(--font-body);
119color: var(--text-muted); letter-spacing: .04em;
120transition: border-color var(--tr), color var(--tr);
121}
122#nikko-theme-toggle:hover { border-color: var(--accent); color: var(--text); }
123#nikko-theme-toggle svg { width: 14px; height: 14px; }
124/* LAYOUT */
125#nikko-wrapper { display: flex; min-height: calc(100vh - 56px); }
126/* SIDEBAR */
127#nikko-sidebar {
128width: var(--sidebar-w); flex-shrink: 0; background: var(--bg-2);
129border-right: 1px solid var(--border); position: sticky; top: 56px;
130height: calc(100vh - 56px); overflow-y: auto; padding: 28px 0 40px;
131scrollbar-width: thin; scrollbar-color: var(--border) transparent;
132transition: transform var(--tr); z-index: 400;
133}
134#nikko-sidebar::-webkit-scrollbar { width: 4px; }
135#nikko-sidebar::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
136.nk-section {
137padding: 0 20px 24px; border-bottom: 1px solid var(--border); margin-bottom: 24px;
138}
139.nk-section:last-child { border-bottom: none; margin-bottom: 0; }
140.nk-label {
141font-family: var(--font-head); font-size: .65rem; font-weight: 700;
142letter-spacing: .14em; text-transform: uppercase;
143color: var(--text-muted); margin-bottom: 14px; display: block;
144}
145.nk-nav-item { margin-bottom: 2px; list-style: none; }
146.nk-nav-link {
147display: flex; align-items: center; justify-content: space-between;
148padding: 8px 10px; border-radius: var(--radius); font-size: .875rem;
149color: var(--text-muted) !important;

149 transition: background var(--tr), color var(--tr);
150cursor: pointer; background: none; border: none; width: 100%;
151text-align: left; font-family: var(--font-body); text-decoration: none !important;
152}
153.nk-nav-link:hover, .nk-nav-link.active {
154background: var(--accent-dim); color: var(--accent) !important;
155}
156.nk-nav-link svg { width: 14px; height: 14px; transition: transform var(--tr); flex-shrink: 0; }
157.nk-nav-link.open svg { transform: rotate(180deg); }
158.nk-submenu {
159display: none; padding: 4px 0 4px 12px;
160border-left: 1px solid var(--border); margin: 4px 0 4px 10px; list-style: none;
161}
162.nk-submenu.open { display: block; }
163.nk-submenu a {
164display: block; padding: 6px 8px; font-size: .82rem;
165color: var(--text-muted) !important; border-radius: var(--radius);
166transition: color var(--tr), background var(--tr); text-decoration: none !important;
167}
168.nk-submenu a:hover { color: var(--accent) !important; background: var(--accent-dim); }
169.nk-tags { display: flex; flex-wrap: wrap; gap: 6px; }
170.nk-tag {
171background: var(--bg-3) !important; border: 1px solid var(--border) !important;
172border-radius: 40px !important; padding: 4px 10px !important;
173font-size: .75rem !important; color: var(--text-muted) !important;
174transition: border-color var(--tr), color var(--tr) !important;
175text-decoration: none !important; text-transform: none !important; display: inline-block;
176opacity: 1 !important;
177}
178.nk-tag:hover {
179border-color: var(--accent) !important; color: var(--accent) !important;
180background: var(--accent-dim) !important;
181}
182/* MAIN CONTENT */
183#nikko-main {
184flex: 1;
185min-width: 0;
186padding: 40px 48px;
187width: 100%; /* Force le conteneur Ã  prendre toute la place restante */
188}
189.page {
190min-height: unset !important;
191padding-bottom: 0 !important;
192}
193.centered, .centered-bottom, .page_body {
194width: 100% !important;
195max-width: 100% !important; /* Retire toute restriction de largeur */
196margin: 0 !important;
197padding: 0 !important;
198}
199.main-container {
200width: 100% !important;
201max-width: 100% !important; /* Garantit que l'article s'Ã©tire Ã  100% */
202margin: 0 !important;
203float: none !important;
204}
205/* post grid */
206.blog-posts.hfeed {
207display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;
208}
209.post-wrapper {
210background: var(--bg-2) !important; border: 1px solid var(--border) !important;
211border-radius: var(--radius) !important; overflow: hidden;
212transition: border-color var(--tr), transform var(--tr), box-shadow var(--tr) !important;
213padding: 0 !important; margin: 0 !important; float: none !important; width: auto !important;
214}
215.post-wrapper:hover {
216border-color: var(--accent) !important; transform: translateY(-2px);
217box-shadow: 0 8px 32px rgba(0,0,0,.4) !important;
218}
219.post-wrapper .slide { padding: 20px; }
220.post-wrapper .post { background: transparent !important; padding: 0 !important; }
221.snippet-thumbnail-container { aspect-ratio: 16/9; overflow: hidden; background: var(--bg-3); }
222.snippet-thumbnail {
223width: 100% !important; height: 100% !important;
224background-size: cover !important; background-position: center !important;
225transition: transform .4s ease; display: block;
226}
227.post-wrapper:hover .snippet-thumbnail { transform: scale(1.04); }
228.post-wrapper.hero { grid-column: 1 / -1; height: auto !important; margin-bottom: 24px !important; }
229.post-wrapper.hero .slide { padding: 28px; }
230/* titles */
231.post-title, .post-title a, h3.post-title, h3.post-title a, .post-title-container a {
232font-family: var(--font-head) !important; font-weight: 700 !important;
233font-size: 1.05rem !important; color: var(--text) !important;
234line-height: 1.3; letter-spacing: -.01em; margin-bottom: 8px;
235transition: color var(--tr); text-decoration: none !important;
236text-transform: uppercase !important;
237}
238.post-wrapper:hover .post-title a, .post-wrapper:hover .post-title-container a {
239color: var(--accent) !important;
240}
241.item-view .post-title, .item-view .post-title a {
242font-size: clamp(1.5rem, 3.5vw, 2.4rem) !important; font-weight: 800 !important;
243letter-spacing: -.03em !important; line-height: 1.15 !important; margin-bottom: 16px;
244}
245/* byline */
246.byline, .byline.post-author a, .byline.post-timestamp a {
247color: var(--text-muted) !important; font-family: var(--font-body) !important;
248font-size: .72rem !important; font-style: normal !important;
249}
250.byline.post-labels a {
251background: var(--bg-3) !important; border: 1px solid var(--border) !important;
252border-radius: 40px !important; padding: 3px 9px !important; font-size: .72rem !important;
253color: var(--text-muted) !important; text-transform: none !important;
254font-family: var(--font-body) !important; opacity: 1 !important;
255}
256.byline.post-labels a:hover { border-color: var(--accent) !important; color: var(--accent) !important; }
257/* post body */
258.post-body {
259color: var(--text) !important; font-family: var(--font-body) !important;
260line-height: 1.85 !important; font-size: .975rem !important; font-weight: 300 !important;
261}
262.post-body h2 { font-family: var(--font-head) !important; font-size: 1.3rem !important; font-weight: 700 !important; margin: 2em 0 .6em; color: var(--text); }
263.post-body h3 { font-family: var(--font-head) !important; font-size: 1.05rem !important; font-weight: 600 !important; margin: 1.5em 0 .4em; }
264.post-body p { margin-bottom: 1.25em; }
265.post-body a { color: var(--accent) !important; text-decoration: underline; text-underline-offset: 3px; }
266.post-body blockquote {
267border-left: 3px solid var(--accent); padding: 12px 20px; margin: 1.5em 0;
268background: var(--accent-dim); border-radius: 0 var(--radius) var(--radius) 0;
269font-style: italic; color: var(--text-muted); font-size: 1rem !important; text-align: left !important;
270}
271.post-body code {
272font-family: 'Courier New', monospace; background: var(--bg-3);
273border: 1px solid var(--border); padding: 2px 6px; border-radius: 3px; font-size: .85em;
274}
275.post-body pre {
276background: var(--bg-3); border: 1px solid var(--border);
277border-radius: var(--radius); padding: 20px; overflow-x: auto; margin: 1.5em 0;
278}
279/* =========================================
280IMAGES DES ARTICLES (Respect des alignements)
281========================================= */
282.post-body img {
283border-radius: var(--radius);
284/* On garde l'espace au-dessus et en dessous, mais on laisse Blogger gÃ©rer la gauche/droite */
285margin-top: 1.5em;
286margin-bottom: 1.5em;
287border: 1px solid var(--border);
288display: inline-block; /* Indispensable pour que le centrage de Blogger fonctionne */
289max-width: 100%;
290height: auto;
291}
292/* S'assure que les "conteneurs" d'images natifs de Blogger centrent bien l'image */
293.post-body .separator {
294text-align: center;
295clear: both;
296}.post-snippet { color: var(--text-muted) !important; font-family: var(--font-body) !important; font-size: .85rem !important; }
297/* pager */
298.blog-pager {
299display: flex; justify-content: space-between; align-items: center;
300margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--border);
301background: transparent !important; text-align: left !important;
302}
303#blog-pager a, .blog-pager-older-link, .blog-pager-newer-link {
304font-size: .82rem !important; font-weight: 600 !important;
305color: var(--text-muted) !important; letter-spacing: .04em;
306font-family: var(--font-body) !important; text-transform: none !important;
307}
308#blog-pager a:hover { color: var(--accent) !important; }
309/* post filter message */
310.post-filter-message {
311background: var(--bg-3) !important; color: var(--text-muted) !important;
312border-radius: var(--radius); margin-bottom: 24px;
313font-family: var(--font-body) !important; font-style: normal !important; display: flex; gap: 16px;
314}
315.post-filter-message a { color: var(--accent) !important; }
316/* comments */
317#comments {
318background: transparent !important; border-top: 1px solid var(--border) !important;
319border-left: none;

319 border-right: none; border-bottom: none;
320margin-top: 0 !important; padding: 32px 0 !important;
321}
322#comments h3.title, #comments .title {
323font-family: var(--font-head) !important; font-size: 1.1rem !important;
324font-weight: 700 !important; color: var(--text) !important;
325clip: unset !important; height: auto !important; width: auto !important;
326position: static !important; overflow: visible !important;
327border: none !important; padding: 0 !important; margin-bottom: 20px;
328}
329.comment .comment-block { color: var(--text-muted) !important; }
330.comment-header .user, .comment-header .user a { color: var(--text) !important; }
331.comment-timestamp a { color: var(--text-muted) !important; font-size: .75rem; }
332/* footer */
333.footer.section, .footer { background: var(--bg) !important; }
334.Attribution {
335color: var(--text-muted) !important;
336padding: 20px 48px; border-top: 1px solid var(--border);
337font-size: .75rem; text-align: center;
338}
339.Attribution a, .Attribution a:hover, .Attribution a:visited { color: var(--accent) !important; }
340.Attribution svg { fill: var(--text-muted) !important; }
341/* overlay mobile */
342#nikko-overlay {
343display: none; position: fixed; inset: 56px 0 0 0;
344background: rgba(0,0,0,.55); z-index: 350;
345}
346#nikko-overlay.open { display: block; }
347/* RESPONSIVE */
348@media (max-width: 900px) {
349#nikko-main { padding: 28px 24px; }
350.blog-posts.hfeed { grid-template-columns: 1fr; }
351.post-wrapper.hero { grid-column: auto; }
352}
353@media (max-width: 700px) {
354#nikko-burger { display: flex; }
355#nikko-sidebar {
356position: fixed; top: 56px; left: 0;
357height: calc(100% - 56px); z-index: 400;
358transform: translateX(-100%); box-shadow: 4px 0 24px rgba(0,0,0,.5);
359}
360#nikko-sidebar.open { transform: translateX(0); }
361#nikko-main { padding: 24px 16px; }
362.Attribution { padding: 16px; }
363}
364@media (max-width: 420px) {
365#nikko-site-title { font-size: .9rem; }
366#nikko-theme-toggle span { display: none; }
367}
368/* =========================================
369ARTICLE EN PLEINE LARGEUR (DÃ©sactive la grille uniquement ici)
370========================================= */
371/* 1. Casse la grille uniquement sur la page de l'article */
372.item-view .blog-posts.hfeed {
373display: block !important;
374}
375/* 2. EnlÃ¨ve l'apparence "carte" pour que l'article s'Ã©tale sur 100% de la largeur */
376.item-view .post-wrapper {
377border: none !important;
378box-shadow: none !important;
379background: transparent !important;
380padding: 0 !important;
381margin: 100 !important;
382}
383/* 3. DÃ©sactive le petit saut au survol de la souris sur la page de lecture */
384.item-view .post-wrapper:hover {
385transform: none !important;
386box-shadow: none !important;
387}
388/* 4. Aligne le contenu de l'article bord Ã  bord avec ton conteneur principal */
389.item-view .post-wrapper .slide {
390padding: 0 !important;
391}
392/* 5. Masquer la vignette automatique en haut de l'article */
393.item-view .snippet-thumbnail-container {
394display: none !important;
395}
396/* =========================================
397RÃSEAUX SOCIAUX TOPBAR (CentrÃ©s et Agrangis)
398========================================= */
399#nikko-top-socials {
400/* Positionnement pour un centrage absolu au milieu de l'Ã©cran */
401position: absolute;
402left: 50%;
403transform: translateX(-50%);
404display: flex;
405align-items: center;
406gap: 24px; /* Espace plus gÃ©nÃ©reux entre les icÃ´nes */
407}
408/* Force la taille des icÃ´nes pour les rendre bien visibles */
409.nk-top-social-link svg {
410width: 24px !important;
411height: 24px !important;
412}
413.nk-top-social-link {
414color: var(--text-muted);
415display: flex;
416align-items: center;
417transition: color var(--tr), transform var(--tr);
418}
419.nk-top-social-link:hover {
420color: var(--accent);
421transform: translateY(-3px); /* Effet de survol un peu plus marquÃ© */
422}
423/* RESPONSIVE : On masque les icÃ´nes sur les Ã©crans moyens/petits
424pour Ã©viter qu'ils ne chevauchent la barre de recherche */
425@media (max-width: 980px) {
426#nikko-top-socials {
427display: none;
428}
429}
430/* =========================================
431MASQUER L'ATTRIBUTION BLOGGER
432========================================= */
433#Attribution1, .Attribution {
434display: none !important;
435visibility: hidden !important;
436height: 0 !important;
437margin: 0 !important;
438padding: 0 !important;
439}
440/* =========================================
441LOGO DU SITE (Topbar)
442========================================= */
443#nikko-site-title {
444display: flex;
445align-items: center;
446}
447#nikko-site-title img {
448width: 150px; /* MODIFIE CETTE VALEUR POUR LA LARGEUR */
449height: auto;  /* Garde les proportions de l'image */
450max-height: 50px; /* SÃ©curitÃ© pour ne pas dÃ©border de la topbar (56px) */
451display: block;
452}
453/* =========================================
454CORRECTION DE LA LIGHTBOX (Centrage Total)
455========================================= */

456/* 1. ProtÃ¨ge le bandeau supÃ©rieur (56px) sur TOUS les Ã©crans */
457.CSS_LIGHTBOX {
458top: 0px !important;
459height: calc(100% - 0px) !important;
460}
461/* 2. On recentre l'image verticalement (56px / 2 = 28px vers le bas) */
462.CSS_LIGHTBOX_SCALED_IMAGE {
463margin-top: 28px !important;
464}
465/* 3. ProtÃ¨ge le menu latÃ©ral (uniquement sur grand Ã©cran) */
466@media (min-width: 700px) {
467.CSS_LIGHTBOX {
468left: var(--sidebar-w) !important;
469width: calc(100% - var(--sidebar-w*2)) !important;
470}
471.CSS_LIGHTBOX_BG_MASK {
472width: 100% !important;
473height: 100% !important;
474}
475/* 4. On combine les deux dÃ©calages de centrage : vertical (28px) et horizontal (moitiÃ© de la sidebar) */
476.CSS_LIGHTBOX_SCALED_IMAGE {
477margin-top: 28px !important;
478margin-left: calc(var(--sidebar-w) / -2) !important;
479}
480}
481
482--></style>
483<style id='template-skin-1' type='text/css'><!--
484body#layout .hidden,
485body#layout .invisible {
486display: inherit;
487}
488body#layout .centered-bottom {
489position: relative;
490}
491body#layout .section.featured-post,
492body#layout .section.main,
493body#layout .section.vertical-ad-container {
494float: left;
495width: 55%;
496}
497body#layout .sidebar-container {
498display: inline-block;
499width: 39%;
500}
501body#layout .centered-bottom:after {
502clear: both;
503content: "";
504display: table;
505}
506body#layout .hamburger-menu,
507body#layout .search {
508display: none;
509}
510--></style>

511<script type='text/javascript'>

vendor: 374 bytes, lines 511-516

511
512        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
513        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
514        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
515        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
516        ga('create', '

516UA-40851431-2

vendor: 31 bytes, lines 516-517

516', 'auto', 'blogger');
517

517ga('blogger.send', 'pageview');
518      </script>

518
519<link href='https://www.blogger.com/dyncss/5436985493165702728/authorization.css?zx=9f9fe626-541a-47b7-8093-caf340e3cf4a' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyncss/5436985493165702728/authorization.css?zx=9f9fe626-541a-47b7-8093-caf340e3cf4a' rel='stylesheet'/></noscript>
520<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
521<meta name='google-adsense-platform-domain' content='blogspot.com'/>
522

523<script type="text/javascript" language="javascript">
524  // Supply ads personalization default for EEA readers
525  // See https://www.blogger.com/go/adspersonalization
526  adsbygoogle = window.adsbygoogle || [];
527  if (typeof adsbygoogle.requestNonPersonalizedAds === 'undefined') {
528    adsbygoogle.requestNonPersonalizedAds = 1;
529  }
530</script>

530
531
532
533</head>
534<body class='item-view version-1-4-0'>
535<!-- &#9552;&#9552;&#9552; NIKKO OVERLAY + TOPBAR &#9552;&#9552;&#9552; -->
536<div aria-hidden='true' id='nikko-overlay'></div>
537<header id='nikko-topbar' role='banner'>
538<button aria-expanded='false' aria-label='Menu' id='nikko-burger'>
539<span></span><span></span><span></span>
540</button>
541<a href='/' id='nikko-site-title'>
542<img alt='edmu.fr' src='https://logos.textgiraffe.com/logos/logo-name/45982654-designstyle-friday-u.png'/></a>
543<div id='nikko-search-wrap'>
544<form action='/search' aria-label='Recherche' method='get' role='search'>
545<input aria-label='Rechercher dans le blog' autocomplete='off' name='q' placeholder='Rechercher...' type='search'/>
546<button aria-label='Rechercher' id='nikko-search-btn' type='submit'>
547<svg fill='none' height='16' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='16'><circle cx='11' cy='11' r='8'></circle><line x1='21' x2='16.65' y1='21' y2='16.65'></line></svg>
548</button>
549</form>
550</div>
551<div id='nikko-top-socials'>
552<a aria-label='Facebook' class='nk-top-social-link' href='https://www.facebook.com/edmu.fr' rel='noopener' target='_blank'>
553<svg fill='currentColor' height='24' viewBox='0 0 24 24' width='24'><path d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'></path></svg>
554</a>
555<a aria-label='YouTube' class='nk-top-social-link' href='https://www.youtube.com/@nikkojazz' rel='noopener' target='_blank'>
556<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'></path></svg>
557</a>
558<a aria-label='X' class='nk-top-social-link' href='https://x.com/nikkojazz' rel='noopener' target='_blank'>
559<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'></path></svg>
560</a>
561<a aria-label='Instagram' class='nk-top-social-link' href='https://www.instagram.com/edmu.fr' rel='noopener' target='_blank'>
562<svg fill='none' height='18' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='18'><rect height='20' rx='5' ry='5' width='20' x='2' y='2'></rect><path d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'></path><line x1='17.5' x2='17.51' y1='6.5' y2='6.5'></line></svg>
563</a>
564<a aria-label='TikTok' class='nk-top-social-link' href='https://www.tiktok.com/@edmu.fr' rel='noopener' target='_blank'>
565<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'></path></svg>
566</a>
567</div>
568<button aria-label='Basculer le theme' id='nikko-theme-toggle'>
569<svg fill='none' id='nk-icon-dark' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z'></path></svg>
570<svg fill='none' id='nk-icon-light' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' style='display:none' viewBox='0 0 24 24'><circle cx='12' cy='12' r='5'></circle><line x1='12' x2='12' y1='1' y2='3'></line><line x1='12' x2='12' y1='21' y2='23'></line><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'></line><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'></line><line x1='1' x2='3' y1='12' y2='12'></line><line x1='21' x2='23' y1='12' y2='12'></line><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'></line><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'></line></svg>
571<span id='nk-theme-label'>Clair</span>
572</button>
573</header>
574<div id='nikko-wrapper'>
575<!-- &#9552;&#9552;&#9552; SIDEBAR NIKKO &#9552;&#9552;&#9552; -->
576<nav aria-label='Navigation principale' id='nikko-sidebar' role='navigation'>
577<!-- Navigation dÃ©roulante -->
578<div class='nk-section'>
579<p class='nk-label'>Navigation</p>
580<ul style='list-style:none;margin:0;padding:0'>
581<li class='nk-nav-item'>
582<button aria-expanded='false' class='nk-nav-link' onclick='nkToggle(this)'>
583<span>ð &#65039;Outils</span>
584<svg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'></polyline></svg>
585</button>
586<ul class='nk-submenu'>
587<li><a href='https://padlet.com/nikkojazz/'>Mes Padlets</a></li>
588<li><a href='/p/genially.html'>Mes Genialy</a></li>
589<li><a href='/view/flipcard'>ð&#65039;&#8205;ð¨&#65039;FlipView</a></li>
590<li>

590<a href='https://archive.org/details/@nikkojazz/lists/1/cdi'>ðLivres Ã  lire</a></li>
591<li><a href='https://www.facebook.com/edmu.fr/photos'>ð¼&#65039;Galerie d'images</a></li>
592<li><a href='https://padlet.com/nikkojazz/outils-web-online-byb4hp9vm73vdae0'>ð§Outils Web Online</a></li>
593</ul>
594</li>
595<li class='nk-nav-item'>
596<button aria-expanded='false' class='nk-nav-link' onclick='nkToggle(this)'>
597<span>ð«CollÃ¨ge</span>
598<svg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'></polyline></svg>
599</button>
600<ul class='nk-submenu'>
601<li><a href='https://www.edmu.fr/2012/09/a-quoi-sert-le-cours-de-musique.html'>Ã quoi sert le cours de musique ?</a></li>
602<li><a href='https://www.edmu.fr/2016/07/apprendre-ecouter.html'>L'Ã©coute active</a></li>
603<li><a href='https://edmus.glide.page/'>App mobile</a></li>
604<li><a href='http://classe.edmu.fr'>Ma salle de classe</a></li>
605<li><a href='https://www.edmu.fr/p/ent.html'>L'ENT</a></li>
606<li><a href='https://edmus.glide.page/'>App mobile</a></li>
607</ul>
608</li>
609<li class='nk-nav-item'>
610<button aria-expanded='false' class='nk-nav-link' onclick='nkToggle(this)'>
611<span>ðLycÃ©e</span>
612<svg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'></polyline></svg>
613</button>
614<ul class='nk-submenu'>
615<li><a href='https://padlet.com/nikkojazz/duclaux_option_musique'>PrÃ©sentation de l'option musique</a></li>
616<li><a href='https://www.facebook.com/musiqueduclaux'>Page Facebook de l'option</a></li>
617<li><a href='/p/apres-le-bac-orientation.html'>Orientation : aprÃ¨s le bac</a></li>
618<li><a href='http://classe.edmu.fr'>Ma salle de classe</a></li>
619<li><a href='/p/bac-musique.html'>Archives des sujets du BAC</a></li>
620<li><a href='/p/bac-2024-evolution-de-la-basse.html'>Evolution du rÃ´le de la basse</a></li>
621</ul>
622</li>
623<li class='nk-nav-item'>
624<button aria-expanded='false' class='nk-nav-link' onclick='nkToggle(this)'>
625<span>ðLes programmes</span>
626<svg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'></polyline></svg>
627</button>
628<ul class='nk-submenu'>
629<li><a href='https://www.edmu.fr/2016/09/le-socle-commun-de-connaissances-de.html'>Le socle commun</a></li>
630<li><a href='https://www.edmu.fr/2019/02/programme-education-musicale-cycle-3.html'>Musique au cycle 3</a></li>
631<li><a href='https://www.edmu.fr/2019/02/programme-education-musicale-cycle-4.html'>Musique au cycle 4</a></li>
632<li><a href='https://www.edmu.fr/2019/02/programme-denseignement-facultatif-de.html'>Enseignement facultatif de chant choral</a></li>
633<li><a href='https://www.edmu.fr/2019/02/programme-enseignement-optionnel-de.html'>Programme option 2de</a></li>
634<li><a href='https://www.edmu.fr/2019/02/programme-enseignement-optionnel-de_21.html'>Programme cycle terminal</a></li>
635</ul>
636</li>
637<li class='nk-nav-item'>
638<button aria-expanded='false' class='nk-nav-link' onclick='nkToggle(this)'>
639<span>ð¾Mes app</span>
640<svg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'></polyline></svg>
641</button>
642<ul class='nk-submenu'>
643<li><a href='https://edmu.forge.apps.education.fr/diapason'>Diapason</a></li>
644<li><a href='https://edmu.forge.apps.education.fr/metronome'>MÃ©tronome</a></li>
645<li><a href='https://edmu.forge.apps.education.fr/accordeur'>Accordeur</a></li>
646<li><a href='https://edmu.forge.apps.education.fr/chord.viz'>Chord.Viz</a></li>
647<li><a href='https://edmu.forge.apps.education.fr/scala'>Scala (explorateur de modes)</a></li>
648<li><a href='https://edmu.forge.apps.education.fr/temperaments'>TempÃ©raments.Viz</a></li>
649<li><a href='https://edmu.forge.apps.education.fr/ondes.viz'>Ondes.Viz</a></li>
650<li><a href='https://edmu.forge.apps.education.fr/harmoniques.viz'>Harmoniques.Viz</a></li>
651<li><a href='https://edmu.forge.apps.education.fr/piano.fall'>Piano.Fall</a></li>
652<li><a href='https://edmu.forge.apps.education.fr/bass.viz/'>Bass.Viz</a></li>
653<li><a href='https://edmu.forge.apps.education.fr/drum.viz'>Drum.Viz</a></li>
654<li><a href='https://edmu.forge.apps.education.fr/vocal.trainer'>Vocal.Trainer</a></li>
655<li><a href='https://edmu.forge.apps.education.fr/spectrogen/'>Spectro.Gen</a></li>
656<li><a href='https://edmu.forge.apps.education.fr/sonagram.viz'>Sonagram.Viz</a></li>
657<li><a href='https://edmu.forge.apps.education.fr/beatwave'>BeatWave (interfÃ©rence ondes)</a></li>
658<li><a href='https://edmu.forge.apps.education.fr/vox.fx'>Vox.FX</a></li>
659<li><a href='https://edmu.forge.apps.education.fr/audiolab'>Audio.Lab</a></li>
660<li><a href='https://edmu.forge.apps.education.fr/pedalboard.pro/'>PedalBoard.Pro</a></li>
661<li><a href='https://edmu.forge.apps.education.fr/trackforge'>TrackForge</a></li>
662<li><a href='https://edmu.forge.apps.education.fr/gematrie'>GÃ©matrie</a></li>
663<li><a href='https://edmu.forge.apps.education.fr/jazz-standards-encyclopedia/'>Jazz Standards Encyclopedia</a></li>
664<li><a href='https://www.edmu.fr/p/musicastoria.html'>Musica.Storia</a></li>
665<li><a href='https://edmu.forge.apps.education.fr/musica.mundi'>Musica.Mundi</a></li>
666<li><a href='https://edmu.forge.apps.education.fr/zik.epok'>Zik.Epok</a></li>
667<li><a href='https://edmu.forge.apps.education.fr/jazz.styles/'>Jazz.Styles</a></li>
668<li><a href='https://edmu.forge.apps.education.fr/spectrosynth/'>SpectroSynth</a></li>
669</ul>
670</li>
671<li class='nk-nav-item'>
672<button aria-expanded='false' class='nk-nav-link' onclick='nkToggle(this)'>
673<span>ðLiens internet</span>
674<svg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'></polyline></svg>
675</button>
676<ul class='nk-submenu'>
677<li><a href='https://www.larousse.fr/archives/musique'>Dictionnaire de la musique</a></li>
678<li><a href='https://www.laquintejuste.com/'>La Quinte Juste</a></li>
679<li><a href='http://classic-intro.net'>Intro Ã  la musique classique</a></li>
680<li><a href='http://www.instrumentsdumonde.fr/'>Les instruments du monde</a></li>
681</ul>
682</li>
683<li class='nk-nav-item'><a class='nk-nav-link' href='/p/lexzik-dico-des-notions.html'>ð¼LexZik - Dico des Notions</a></li>
684<li class='nk-nav-item'><a class='nk-nav-link' href='/p/musimemo.html'>ð§ MÃ©moMusique</a></li>
685<li class='nk-nav-item'><a class='nk-nav-link' href='/p/histoire-de-la-musique.html'>&#8987;Histoire de la musique</a></li>
686<li class='nk-nav-item'><a class='nk-nav-link' href='/p/instruments-de-musique.html'>ð»Instruments de musique</a></li>
687<li class='nk-nav-item'><a class='nk-nav-link' href='/p/voix.html'>ðLa Voix</a></li>
688<li class='nk-nav-item'><a class='nk-nav-link' href='/p/jazz.html'>ð·Jazz</a></li>
689<li class='nk-nav-item'><a class='nk-nav-link' href='/p/ethnomusicologie.html'>ðEthnomusicologie</a></li>
690<li class='nk-nav-item'><a class='nk-nav-link' href='/p/chronologies.html'>ðChronologies et frises</a></li>
691<li class='nk-nav-item'><a class='nk-nav-link' href='/p/le-dies-irae.html'>ðLe Dies Irae</a></li>
692<li class='nk-nav-item'><a class='nk-nav-link' href='/p/chansons-theme.html'>ðChansons Ã  thÃ¨me</a></li>
693<li class='nk-nav-item'>

693<a class='nk-nav-link' href='https://www.edmu.fr/2017/01/gardiens-de-la-terre.html'>ð&#65039;Gardiens de la Terre</a></li>
694</ul>
695</div>
696<!-- Ãtiquettes -->
697<div class='nk-section' id='nk-tags-section'>
698<p class='nk-label'>ð·&#65039;Etiquettes</p>
699<div class='nk-tags' id='nk-tags-container'></div>
700</div>
701<!-- Articles populaires -->
702<div class='nk-section' id='nk-pp-section'>
703<p class='nk-label'>ðArticles populaires</p>
704<div id='nk-pp-container'></div>
705</div>
706</nav>
707<!-- &#9552;&#9552;&#9552; CONTENU PRINCIPAL &#9552;&#9552;&#9552; -->
708<div id='nikko-main'>
709<div class='page'>
710<div class='page_body'>
711<style>
712    .bg-photo {background-image:url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N=w640-h360);}
713    
714@media (max-width: 200px) { .bg-photo {background-image:url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N=w200);}}
715@media (max-width: 400px) and (min-width: 201px) { .bg-photo {background-image:url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N=w400);}}
716@media (max-width: 800px) and (min-width: 401px) { .bg-photo {background-image:url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N=w800);}}
717@media (max-width: 1200px) and (min-width: 801px) { .bg-photo {background-image:url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N=w1200);}}
718/* Last tag covers anything over one higher than the previous max-size cap. */
719@media (min-width: 1201px) { .bg-photo {background-image:url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N=w1600);}}
720  </style>
721<div class='bg-photo-container'><div class='bg-photo'></div></div>
722<div class='centered'>
723<header class='centered-top-container sticky' role='banner'>
724<div class='centered-top'>
725<a class='return_link' href='https://www.edmu.fr/'>
726<svg class='svg-icon-24 touch-icon back-button rtl-reversible-icon'>
727<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_arrow_back_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
728</svg>
729</a>
730<div class='blog-name'>
731<div class='section' id='header' name='En-tÃªte'><div class='widget Header' data-version='2' id='Header1'>
732<div class='header-widget'>
733<div>
734<h1>
735<a href='https://www.edmu.fr/'>
736edmu.fr
737</a>
738</h1>
739</div>
740</div>
741</div></div>
742</div>
743<div class='search'>
744<div class='section' id='search_top' name='Search (Top)'><div class='widget BlogSearch' data-version='2' id='BlogSearch1'>
745<h3 class='title'>
746Rechercher dans ce blog
747</h3>
748<div class='widget-content' role='search'>
749<form action='https://www.edmu.fr/search' target='_top'>
750<div class='search-input'>
751<input aria-label='Rechercher dans ce blog' autocomplete='off' name='q' placeholder='Rechercher dans ce blog' value=''/>
752</div>
753<label class='search-submit-container'>
754<input type='submit'/>
755<svg class='svg-icon-24 touch-icon search-icon'>
756<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_search_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
757</svg>
758</label>
759</form>
760</div>
761</div></div>
762</div>
763</div>
764</header>
765<div class='centered-bottom'>
766<main class='main-container' id='main' role='main' tabindex='-1'>
767<div class='featured-post no-items section' id='featured_post' name='Featured Post'>
768</div>
769<div class='main section' id='page_body' name='Corps de la page'><div class='widget Blog' data-version='2' id='Blog1'>
770<div class='blog-posts hfeed container'>
771<article class='post-outer-container'>
772<div class='post-outer'>
773<div class='post-wrapper not-hero post-4296096453622204843 image'>
774<div class='snippet-thumbnail-container'>
775<div class='snippet-thumbnail post-thumb-4296096453622204843'></div>
776</div>
777<div class='slide'>
778<div class='post'>

779<script type='application/ld+json'>{
780  "@context": "http://schema.org",
781  "@type": "BlogPosting",
782  "mainEntityOfPage": {
783    "@type": "WebPage",
784    "@id": "https://www.edmu.fr/p/genially.html"
785  },
786  "headline": "Genially","description": "&#160;","datePublished": "2021-04-30T23:14:00+02:00",
787  "dateModified": "2022-02-23T11:20:35+01:00","image": {
788    "@type": "ImageObject","url": "https://blogger.googleusercontent.com/img/a/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N=w1200-h630-p-k-no-nu",
789    "height": 630,
790    "width": 1200},"publisher": {
791    "@type": "Organization",
792    "name": "Blogger",
793    "logo": {
794      "@type": "ImageObject",
795      "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
796      "width": 206,
797      "height": 60
798    }
799  },"author": {
800    "@type": "Person",
801    "name": "nikkojazz"
802  }
803}</script>

803
804<div class='post-title-container'>
805<a name='4296096453622204843'></a>
806<h3 class='post-title entry-title'>
807Genially
808</h3>
809</div>
810<div class='post-body entry-content float-container' id='post-body-4296096453622204843'>
811<p>&nbsp;</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N=s960" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="540" data-original-width="960" height="360" src="https://blogger.googleusercontent.com/img/a/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N=w640-h360" width="640" /></a></div><br /><p></p><div class="padlet-embed" style="background: rgb(244, 244, 244); border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; overflow: hidden; position: relative; width: 100%;"><p style="margin: 0px; padding: 0px;"><iframe allow="camera;microphone;geolocation" frameborder="0" src="https://padlet.com/embed/xx6ccsxwe73kggph" style="display: block; height: 608px; margin: 0; padding: 0; width: 100%;"></iframe></p><div style="margin: 0px; padding: 8px; text-align: right;"><a href="https://padlet.com?ref=embed" style="border: none; display: block; height: 16px; line-height: 1; margin: 0px; padding: 0px;" target="_blank"><img alt="Fait avec Padlet" height="16" src="https://padlet.net/embeds/made_with_padlet.png" style="background: none; border: none; box-shadow: none; display: inline; margin: 0px; padding: 0px;" width="86" /></a></div></div>
812</div>
813<div class='post-footer container'>
814<div class='post-footer-line post-footer-line-1'>
815</div>
816</div>
817</div>
818</div>
819</div>
820</div>
821<section class='comments' data-num-comments='0' id='comments'>
822<a name='comments'></a>
823</section>
824</article>
825</div>
826</div></div>
827</main>
828<aside class='sidebar-container container' role='complementary'>
829<div class='section' id='sidebar_item' name='Sidebar (Item Page)'><div class='widget PopularPosts' data-version='2' id='PopularPosts1'>
830<h3 class='title'>
831Articles populaires
832</h3>
833<div class='widget-content'>
834<div role='feed'>
835<article class='post' role='article'>
836<h3 class='post-title'><a href='https://www.edmu.fr/2012/07/chansons-autour-des-emotions.html'>chansons autour des Ã©motions</a></h3>
837<div class='item-content'>
838<div class='popular-posts-snippet snippet-container r-snippet-container'>
839<div class='snippet-item r-snippetized'>
840chansons sur le thÃ¨me du bonheur Jet set (l&#8217;illusion, le paraÃ®tre, une certaine idÃ©e du bonheur&#160;?), Claude NOUGARO Tout m&#8217;Ã©tonne (beautÃ© du monde, bonheur, sens de la vie...), Gilbert Lafaille, album &#171;Tout m&#8217;Ã©tonne&#187; Un homme heureux, W. Sheller 1)Y&#8217;a d&#8217;la joie (Trenet) 2)Hymne la joie (Beethoven) 3) La boite chansons 4) Vive les bananes (Ventura) 5) BArnabÃ© (Fernadel) 6) Vrai&#160;! Vrai&#160;! Vrai&#160;! 7) Tout Va TrÃ¨s Bien, Mme&#160;La Marquise (Ray Ventura) 8) DÃ©bit De L&#8217;eau, DÃ©bit De Lait (Charles TrÃ©net) 9) Le pantalon (A Daunais) 10) Le Nez De Cleopatre (Ventura) 11) Le Poulet De PhilomÃ¨ne Tout le bonheur du monde de SinsÃ©milia &quot;Qu&#8217;est-ce qu&#8217;on attend pour Ãªtre heureux&#160;?&quot; Ray ventura&#160;? La vie en rose de Edith PIAF J&#8217;suis heureux&quot; de Jacques Debronckart (pas vraiment gaie, la chanson, mais enfin... un peu de cynisme, voyons...) &quot;faut rigoler&quot; H. Salvador Leclec&#160;: Le petit bonheur (figure dans le livre de chant en Suisse aussi&#160;!) Jean Villard Gilles (chans...
841</div>
842<a class='snippet-fade r-snippet-fade hidden' href='https://www.edmu.fr/2012/07/chansons-autour-des-emotions.html'></a>
843</div>
844</div>
845</article>
846<article class='post' role='article'>
847<h3 class='post-title'><a href='https://www.edmu.fr/2012/07/chansons-sur-le-theme-de-la-liberte.html'>chansons sur le thÃ¨me de la libertÃ©</a></h3>
848<div class='item-content'>
849<div class='popular-posts-snippet snippet-container r-snippet-container'>
850<div class='snippet-item r-snippetized'>
8511952, Georges BRASSENS, La mauvaise rÃ©putation 1959, Jacques BREL, Les flamandes 2001, SANSEVER

851INO, Maigrir Florent PAGNY, Ma libertÃ© de pensÃ©e Jean-Jacques GOLDMAN, Au bout de mes rÃªves Manu CHAO, Clandestino Ma libertÃ©, Georges MOUSTAKI Il est libre Max, HervÃ© CHRISTIANI Passer ma route, Maxime Le Forestier Le chant des partisans, chantÃ© par Montand ou ZEBDA Diego libre dans sa tÃªte, BERGER Frappe avec la tÃªte, Daniel BALAVOINE (libertÃ© d&#8217;expression) LÃ -bas, Jean-Jacques GOLDMAN La libertÃ© est en voyage, Jean FERRAT Claude NOUGARO, Sing sing song Jacques DUTRONC, Fais pas ci fait pas Ã§a La cage aux oiseaux, PERRET Ma libertÃ© de pensÃ©e, F. PAGNY I - LibertÃ© en gÃ©nÃ©ral &#160; Va pensiero . Nabucco de Verdi &#160; Let my people go. Negro spiritual &#160; Libre. Les dix commandements. &#160; Mais tu t&#8217;en vas. Les dix commandements. &#160; Let the sunshine extrait de Hair &#160; Hasta siempre C. Puebla &#160; Clandestino de M.&#160;Chao &#160; Belle ciao Italien &#160; Le temps des cerises...
852</div>
853<a class='snippet-fade r-snippet-fade hidden' href='https://www.edmu.fr/2012/07/chansons-sur-le-theme-de-la-liberte.html'></a>
854</div>
855</div>
856</article>
857<article class='post' role='article'>
858<h3 class='post-title'><a href='https://www.edmu.fr/2012/07/chansons-sur-le-theme-des-couleurs.html'>Chansons sur le thÃ¨me des couleurs</a></h3>
859<div class='item-content'>
860<div class='popular-posts-snippet snippet-container r-snippet-container'>
861<div class='snippet-item r-snippetized'>
862Chansons  &#160;A une mendiante rousse&#160;: La Tordue &#160; Au pays bleu &#160;: Eddy Mitchell &#160; Ballade en blanc &#160;: Julien Clerc &#160; Bleu &#160;: Anne Vanderlove &#160;Bleu blanc vert&#160;: Jean-Louis Aubert &#160;Bleu blanc blond&#160;: Marcel Amont &#160; Bleu blanc blues &#160;: Claude Nougaro &#160; Bleu blanc rouge &#160;: Philippe Clay (1958) &#160; Bleu comme toi &#160;: Etienne Daho &#160; Bleu et vert &#160;: Patrick Fiori (2002) &#160;Les blondes&#160;: Anne Sylvestre &#160; Le bleu de tes yeux &#160;: Edith Piaf &amp; Charles Aznavour &#160;Le bleu des bleuets&#160;: Georges Brassens &#160;Blues du blanc&#160;: Eddy Mitchell &#160;Les Brunes ne comptent pas pour des prunes&#160;: Lio &#160; Chanson bleue &#160;: Edith Piaf (1951) &#160; Le chiffon rouge &#160;: Michel Fugain (1977) &#160; Cerisiers roses et pommiers blancs &#160;: AndrÃ© Claveau &#160; Le ciel bleu &#160;: Dalida (1962) &#160; Colore &#160;: Les Innocents &#160; Couleur &#160;: GÃ©rard Lenorma...
863</div>
864<a class='snippet-fade r-snippet-fade hidden' href='https://www.edmu.fr/2012/07/chansons-sur-le-theme-des-couleurs.html'></a>
865</div>
866</div>
867</article>
868<article class='post' role='article'>
869<h3 class='post-title'><a href='https://www.edmu.fr/2012/07/chansons-sur-le-theme-de-lecole.html'>Chansons sur le thÃ¨me de l&#8217;Ã©cole</a></h3>
870<div class='item-content'>
871<div class='popular-posts-snippet snippet-container r-snippet-container'>
872<div class='snippet-item r-snippetized'>
873        Il changeait la vie, Jean-Jacques GOLDMAN C&#8217;est quand qu&#8217;on va oÃ¹&#160;?, RENAUD l&#8217;interrogation Ã©crite (l&#8217;Ã©cole, l&#8217;enfance), Gilbert Lafaille, album Tout m&#8217;Ã©tonne Les enfants foutez leur la paix, Pierre PERRET Les deux Ã©coles, Michel SARDOU Page d&#8217;Ã©criture, PrÃ©vert et Kosma En sortant de l&#8217;Ã©cole, PrÃ©vert et Kosma Adieu monsieur le professeur hugues aufray &#160;Chansons &#160;Adieu monsieur le professeur&#160;: Hugues Aufray &#160;Au lycÃ©e papillon&#160;: Georgius &#160;Le Bac G&#160;: Michel Sardou &#160;Bonjour monsieur le maÃ®tre d&#8217;Ã©cole&#160;: Bourvil &#160;Les deux Ã©coles&#160;: Michel Sardou &#160;L&#8217;Ecole est finie&#160;: Sheila &#160;Le MaÃ®tre d&#8217;Ã©cole&#160;: Gilbert Lafaille &#160;La maÃ®tresse d&#8217;Ã©cole&#160;: Georges Brassens &#160;Maria Szusanna&#160;: MichÃ¨le Bernard &#160;Margot&#160;: Clarika &#160;Non papa&#160;: Ginette Reno (amoureuse) &#160;Le professeur est un rÃªveur&#160;: Bernard Sauvat&#160;? &#160;Poil au tableau&#160;: Richard Gotainer (1982) &#160;Qu&#8217;as-tu a...
874</div>
875<a class='snippet-fade r-snippet-fade hidden' href='https://www.edmu.fr/2012/07/chansons-sur-le-theme-de-lecole.html'></a>
876</div>
877</div>
878</article>
879<article class='post' role='article'>
880<h3 class='post-title'><a href='https://www.edmu.fr/2012/07/chansons-sur-le-theme-de-la-peinture.html'>Chansons sur le thÃ¨me de la peinture</a></h3>
881<div class='item-content'>
882<div class='popular-posts-snippet snippet-container r-snippet-container'>
883<div class='snippet-item r-snippetized'>
884Chansons  &#160; La BohÃ¨me &#160;: Charles Aznavour (1965) &#160;Le chevalet de LiÃ©vin&#160;: FranÃ§oise Kucheida (1995) &#160; Les couleurs du temps &#160;: Guy BÃ©art (1957) &#160; CÃ©zanne peint &#160;: France Gall/Michel Berger (1984) &#160; Chagall &#160;: Aragon/Ferrat &#160;  Et bonjour Ã  toi l&#8217;artiste &#160;: Nicole Rieu &#160; L&#8217;Homme Ã  l&#8217;oreille coupÃ©e &#160;: Jean Ferrat (en hommage Ã  Van Gogh) &#160; La Joconde &#160;: Barbara, Juliette, Mick Micheyl &#160; Kerling square &#160;: Christophe Mali (2006) &#160;LeÃ§on de peinture&#160;: Herbert Pagani &#160; Libre comme Picasso &#160;: Pascal Obispo (2006) &#160;La Main d&#8217;

884un peintre&#160;: Richard Cocciante &#160;Marquises&#160;: Jacques Brel (en rÃ©fÃ©rence Ã  Gauguin) &#160; Mon oncle a tout repeint &#160;: Marianne Oswald &#160;Le monument aux oiseaux&#160;: FranÃ§ois BÃ©ranger (Ã  propos d&#8217;une oeuvre de Max Ernst) &#160;Le peintre&#160;: Francesca Solleville (Leprest/Gracien) &#160; Peinture Ã  carreaux &#160;: Chanson plus bifluorÃ©e ...
885</div>
886<a class='snippet-fade r-snippet-fade hidden' href='https://www.edmu.fr/2012/07/chansons-sur-le-theme-de-la-peinture.html'></a>
887</div>
888</div>
889</article>
890<article class='post' role='article'>
891<h3 class='post-title'><a href='https://www.edmu.fr/2012/07/chansons-autour-du-voyage.html'>chansons autour du voyage</a></h3>
892<div class='item-content'>
893<div class='popular-posts-snippet snippet-container r-snippet-container'>
894<div class='snippet-item r-snippetized'>
895&#160;1985, Michel BERGER, Chanter pour ceux qui sont loin de chez eux Bon voyage Monsieur Dumollet Voyage voyage (&#160;??) Vous qui partez en voyage (dutronc Hardy) Voyage en Italie (lilicub&#160;??) Je n&#8217;aurai pas le temps (fugain) Le temps (Aznavour) voir aussi Ã &#160;: forum.abazada.com/read.php&#160;?f=1&amp;i=42716&amp;t=42716 Emmenez-moi&#160;: Charles Aznavour Les Grands Voyageurs&#160;: Alain Bashung Il voyage&#160;: FranÃ§oise Hardy Il voyage en solitaire&#160;: GÃ©rard Manset La MalÃ©diction du voyageur&#160;: Bernard Lavilliers Marin (Enfant du voyage)&#160;: Petula Clark Les Marins, Ã§a fait des voyages&#160;: Edith Piaf Mes longs voyages&#160;: FÃ©lix Leclerc Nous voyageons de ville en ville&#160;: Les demoiselles de Rochefort OÃ¹ sont-ils donc&#160;: Charles Trenet Partir&#160;: Julien Clerc Photos de voyages&#160;: Francis Cabrel Puisque vous partez en voyage&#160;: Mireille, FranÃ§oise Hardy Un Voyage&#160;: Jacques Bertin Voyage&#160;: Georges Moustaki Voyage au Canada&#160;...
896</div>
897<a class='snippet-fade r-snippet-fade hidden' href='https://www.edmu.fr/2012/07/chansons-autour-du-voyage.html'></a>
898</div>
899</div>
900</article>
901<article class='post' role='article'>
902<div class='item-thumbnail'>
903<a href='https://www.edmu.fr/2025/04/tableau-des-genres-musicaux-populaires.html'>
904<img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbodYR4wYGv0fkWV5hXccBz2l5z2WJFw0JVmiOoNTCBaxMTo70ls0-pfpZjAv9_D9l2GV7GzMgBV30XDfCOtubc5Bf_EtifWCB-czjvrePFa_g-cJT8e2GFoq2l6O1gzkOZOcv_l0t4BREIhgVUVPkSK9hF4G-jZ7NwV_9Pdn9eT7lE6RBru8nGAUa9oE/w400-h266/genres%20musicaux.png' srcset='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbodYR4wYGv0fkWV5hXccBz2l5z2WJFw0JVmiOoNTCBaxMTo70ls0-pfpZjAv9_D9l2GV7GzMgBV30XDfCOtubc5Bf_EtifWCB-czjvrePFa_g-cJT8e2GFoq2l6O1gzkOZOcv_l0t4BREIhgVUVPkSK9hF4G-jZ7NwV_9Pdn9eT7lE6RBru8nGAUa9oE/w280/genres%20musicaux.png 280w, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbodYR4wYGv0fkWV5hXccBz2l5z2WJFw0JVmiOoNTCBaxMTo70ls0-pfpZjAv9_D9l2GV7GzMgBV30XDfCOtubc5Bf_EtifWCB-czjvrePFa_g-cJT8e2GFoq2l6O1gzkOZOcv_l0t4BREIhgVUVPkSK9hF4G-jZ7NwV_9Pdn9eT7lE6RBru8nGAUa9oE/w560/genres%20musicaux.png 560w, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbodYR4wYGv0fkWV5hXccBz2l5z2WJFw0JVmiOoNTCBaxMTo70ls0-pfpZjAv9_D9l2GV7GzMgBV30XDfCOtubc5Bf_EtifWCB-czjvrePFa_g-cJT8e2GFoq2l6O1gzkOZOcv_l0t4BREIhgVUVPkSK9hF4G-jZ7NwV_9Pdn9eT7lE6RBru8nGAUa9oE/w840/genres%20musicaux.png 840w, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbodYR4wYGv0fkWV5hXccBz2l5z2WJFw0JVmiOoNTCBaxMTo70ls0-pfpZjAv9_D9l2GV7GzMgBV30XDfCOtubc5Bf_EtifWCB-czjvrePFa_g-cJT8e2GFoq2l6O1gzkOZOcv_l0t4BREIhgVUVPkSK9hF4G-jZ7NwV_9Pdn9eT7lE6RBru8nGAUa9oE/w1120/genres%20musicaux.png 1120w, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbodYR4wYGv0fkWV5hXccBz2l5z2WJFw0JVmiOoNTCBaxMTo70ls0-pfpZjAv9_D9l2GV7GzMgBV30XDfCOtubc5Bf_EtifWCB-czjvrePFa_g-cJT8e2GFoq2l6O1gzkOZOcv_l0t4BREIhgVUVPkSK9hF4G-jZ7NwV_9Pdn9eT7lE6RBru8nGAUa9oE/w1400/genres%20musicaux.png 1400w'/>
905</a>
906</div>
907<h3 class='post-title'><a href='https://www.edmu.fr/2025/04/tableau-des-genres-musicaux-populaires.html'>Tableau des Genres Musicaux Populaires Depuis 1950</a></h3>
908<div class='item-content'>
909<div class='popular-posts-snippet snippet-container r-snippet-container'>
910<div class='snippet-item r-snippetized'>
911Voici un tableau synthÃ©tisant les grands courants musicaux populaires depuis 1950, avec certains de leurs sous-genres notables. Il est important de noter que les genres Ã©voluent constamment, s&#39;

911influencent mutuellement, et que les pÃ©riodes de popularitÃ© peuvent se chevaucher. Ce tableau est une simplification pour donner une vue d&#39;ensemble.                  Grand Courant        Sous-genre / Style AssociÃ©        PÃ©riode de PopularitÃ© Approximative        CaractÃ©ristiques Principales / Artistes Notables                        Blues (Ãvolutions/Influence post-1950)        Delta Blues (Origines, influence continue)        Racines prÃ©-1950, influence majeure 50s/60s        Acoustique, slide guitar, voix expressive (Robert Johnson, Son House)                  Chicago Blues / Electric Blues        AnnÃ©es 1940-1960 (pic d&#39;influence)        AmplifiÃ©, guitare Ã©lectrique, harmonica, section rythmique (Muddy Waters, Howlin&#39; Wolf, B.B. King, John Lee Hooker)                  Blues Ro...
912</div>
913<a class='snippet-fade r-snippet-fade hidden' href='https://www.edmu.fr/2025/04/tableau-des-genres-musicaux-populaires.html'></a>
914</div>
915</div>
916</article>
917<article class='post' role='article'>
918<h3 class='post-title'><a href='https://www.edmu.fr/2012/07/chansons-autour-de-la-nature.html'>chansons autour de la nature</a></h3>
919<div class='item-content'>
920<div class='popular-posts-snippet snippet-container r-snippet-container'>
921<div class='snippet-item r-snippetized'>
922chansons sur le thÃ¨me de la Lune Chansons A demain sur la lune &#160;: Salvatore Adamo (1969) Ballade Ã  la lune &#160;: Georges Brassens (texte de Musset) Bonsoir madame la lune &#160;: Fred Gouin (1928) Dans la lune &#160;: Zazie (2001) Des lunes &#160;: Julie Zenatti (2002) Dis-moi lune d&#8217;argent  - Hijo de la luna&#160;: Mecano Les enfants sur la lune &#160;: Guy BÃ©art J&#8217;ai demandÃ© Ã  la lune&#160;: Indochine, Mickey 3D Lune  (de notre dame de Paris, interprÃ©tÃ©e par Bruno Pelletier) (1998) Lune &#160;: Michel Jonasz (1992) Lune &#160;: La Tordue (1997) La lune &#160;: Isabelle Boulay (1998) La lune est morte &#160;: FrÃ¨res Jacques (1968) Le petit clair de lune &#160;: Dalida (1960) PriÃ¨re Ã  la lune &#160;: Lucienne Delyle (1952) S&#8217;ils filent tous dans la lune &#160;: Anne Sylvestre Le soleil et la lune&#160;: Charles TrÃ©net Sur la lune&#160;: Michel Jonasz Chansons pour enfants Lune blanche&#160;: (L&#8217;album d&#8217;Adibou 2)&#160;: Alain Schneider (2006) chansons sur le thÃ¨me des Saisons &quot;Oct...
923</div>
924<a class='snippet-fade r-snippet-fade hidden' href='https://www.edmu.fr/2012/07/chansons-autour-de-la-nature.html'></a>
925</div>
926</div>
927</article>
928<article class='post' role='article'>
929<div class='item-thumbnail'>
930<a href='https://www.edmu.fr/2019/03/les-instruments-anche-double-de-la.html'>
931<img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClxwxb6TiS2d53AT_R2NU1YpXIR4nWx_c3QBHK6Qca1oMLDzKieZJHPrPdtJq4UDevz818GPKi0idNH4MijVJyrHnuwm4F5TAgfOMfOuF5BbLm4zBfyAr-xYUsLS2SdtXfU3DA1bV7mygr8IMM3vNNvW7KyCo5Am07StX_DNGdNnL0EbDG0E6-C3NMiE/w640-h360/Instruments%20de%20la%20Renaissance.jpg' srcset='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClxwxb6TiS2d53AT_R2NU1YpXIR4nWx_c3QBHK6Qca1oMLDzKieZJHPrPdtJq4UDevz818GPKi0idNH4MijVJyrHnuwm4F5TAgfOMfOuF5BbLm4zBfyAr-xYUsLS2SdtXfU3DA1bV7mygr8IMM3vNNvW7KyCo5Am07StX_DNGdNnL0EbDG0E6-C3NMiE/w280/Instruments%20de%20la%20Renaissance.jpg 280w, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClxwxb6TiS2d53AT_R2NU1YpXIR4nWx_c3QBHK6Qca1oMLDzKieZJHPrPdtJq4UDevz818GPKi0idNH4MijVJyrHnuwm4F5TAgfOMfOuF5BbLm4zBfyAr-xYUsLS2SdtXfU3DA1bV7mygr8IMM3vNNvW7KyCo5Am07StX_DNGdNnL0EbDG0E6-C3NMiE/w560/Instruments%20de%20la%20Renaissance.jpg 560w, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClxwxb6TiS2d53AT_R2NU1YpXIR4nWx_c3QBHK6Qca1oMLDzKieZJHPrPdtJq4UDevz818GPKi0idNH4MijVJyrHnuwm4F5TAgfOMfOuF5BbLm4zBfyAr-xYUsLS2SdtXfU3DA1bV7mygr8IMM3vNNvW7KyCo5Am07StX_DNGdNnL0EbDG0E6-C3NMiE/w840/Instruments%20de%20la%20Renaissance.jpg 840w, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClxwxb6TiS2d53AT_R2NU1YpXIR4nWx_c3QBHK6Qca1oMLDzKieZJHPrPdtJq4UDevz818GPKi0idNH4MijVJyrHnuwm4F5TAgfOMfOuF5BbLm4zBfyAr-xYUsLS2SdtXfU3DA1bV7mygr8IMM3vNNvW7KyCo5Am07StX_DNGdNnL0EbDG0E6-C3NMiE/w1120/Instruments%20de%20la%20Renaissance.jpg 1120w, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClxwxb6TiS2d53AT_R2NU1YpXIR4nWx_c3QBHK6Qca1oMLDzKieZJHPrPdtJq4UDevz818GPKi0idNH4MijVJyrHnuwm4F5TAgfOMfOuF5BbLm4zBfyAr-xYUsLS2Sdt

931XfU3DA1bV7mygr8IMM3vNNvW7KyCo5Am07StX_DNGdNnL0EbDG0E6-C3NMiE/w1400/Instruments%20de%20la%20Renaissance.jpg 1400w'/>
932</a>
933</div>
934<h3 class='post-title'><a href='https://www.edmu.fr/2019/03/les-instruments-anche-double-de-la.html'>Les instruments Ã  anche double de la Renaissance</a></h3>
935<div class='item-content'>
936<div class='popular-posts-snippet snippet-container r-snippet-container'>
937<div class='snippet-item r-snippetized'>
938         Les relation avec l&#8217;ExtrÃªme Orient et l&#8217;AmÃ©rique Ã©taient quasiment nulles donc on utilise du bois de chez nous pour la fabrication des ces instruments : le buis, des bois fruitiers (bois un peu plus mou : prunier, cerisier et surtout du poirier)&#8230; On n&#8217;utilise pas d&#8217;Ã©bÃ¨ne ni de Palissandre Ã  cette Ã©poque. On utilisait un tour pour travailler ces bois (on peut aussi utiliser un tour Ã  arc ou un tour Ã  pied). Les autres outils utilisÃ©s sont : les ciseaux Ã  bois, une cuillÃ¨re (pour creuser l&#8217;intÃ©rieur).  Les instruments anciens deviennent souvent injouables car le bois devient trop sec et ils peuvent changer de forme, se dÃ©former, se tordre avec le temps (car le bois travail !). Donc les instruments Ã  vents vieillissent trÃ¨s mal.  Les facteurs d&#8217;instruments sont la plupart du temps inconnus et mÃªme lorsqu&#8217;on n&#8217;en retrouve quelques marques sur les instruments (des signatures&#8230;) on ne sait pas Ã  qui l&#8217;attribuer (puisqu&#8217;il s&#8217;agit d&#8217;un travail d&#8217;artisanat).    ANCHE :  Terme de facture...
939</div>
940<a class='snippet-fade r-snippet-fade hidden' href='https://www.edmu.fr/2019/03/les-instruments-anche-double-de-la.html'></a>
941</div>
942</div>
943</article>
944</div>
945</div>
946</div></div>
947</aside>
948</div>
949</div>
950</div>
951<footer class='footer section' id='footer' name='Pied de page'><div class='widget Attribution' data-version='2' id='Attribution1'>
952<div class='widget-content'>
953<div class='blogger'>
954<a href='https://www.blogger.com' rel='nofollow'>
955<svg class='svg-icon-24'>
956<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_post_blogger_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
957</svg>
958Fourni par Blogger
959</a>
960</div>
961<div class='copyright'>Nicolas Martello &#8212; @nikkojazz &#8212; CC BY-NC-SA 4.0</div>
962</div>
963</div></footer>
964</div>
965</div><!-- /nikko-main -->
966</div><!-- /nikko-wrapper -->
967<!-- &#9552;&#9552;&#9552; NIKKO JS &#9552;&#9552;&#9552; -->

968<script>//<![CDATA[
969    (function(){
970      'use strict';
971      var root = document.documentElement;
972
973      /* Theme toggle */
974      function applyTheme(t){
975        root.setAttribute('data-theme', t);
976        localStorage.setItem('nk-theme', t);
977        var iD = document.getElementById('nk-icon-dark');
978        var iL = document.getElementById('nk-icon-light');
979        var lb = document.getElementById('nk-theme-label');
980        if(t === 'light'){
981          if(iD) iD.style.display = 'none';
982          if(iL) iL.style.display = '';
983          if(lb) lb.textContent = 'Sombre';
984        } else {
985          if(iD) iD.style.display = '';
986          if(iL) iL.style.display = 'none';
987          if(lb) lb.textContent = 'Clair';
988        }
989      }
990      var saved = localStorage.getItem('nk-theme') ||
991        (window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark');
992      applyTheme(saved);
993      var themeBtn = document.getElementById('nikko-theme-toggle');
994      if(themeBtn) themeBtn.addEventListener('click', function(){
995        applyTheme(root.getAttribute('data-theme') === 'dark' ? 'light' : 'dark');
996      });
997
998      /* Dropdown submenu */
999      window.nkToggle = function(el){
1000        el.classList.toggle('open');
1001        var exp = el.classList.contains('open');
1002        el.setAttribute('aria-expanded', exp);
1003        var sub = el.nextElementSibling;
1004        if(sub) sub.classList.toggle('open', exp);
1005      };
1006
1007      /* Burger / sidebar mobile */
1008      var burger  = document.getElementById('nikko-burger');
1009      var sidebar = document.getElementById('nikko-sidebar');
1010      var overlay = document.getElementById('nikko-overlay');
1011      function openSB(){
1012        if(sidebar) sidebar.classList.add('open');
1013        if(overlay) overlay.classList.add('open');
1014        if(burger)  burger.setAttribute('aria-expanded','true');
1015        document.body.style.overflow = 'hidden';
1016      }
1017      function closeSB(){
1018        if(sidebar) sidebar.classList.remove('open');
1019        if(overlay) overlay.classList.remove('open');
1020        if(burger)  burger.setAttribute('aria-expanded','false');
1021        document.body.style.overflow = '';
1022      }
1023      if(burger)  burger.addEventListener('click', function(){
1024        sidebar && sidebar.classList.contains('open') ? closeSB() : openSB();
1025      });
1026      if(overlay) overlay.addEventListener('click', closeSB);
1027      document.addEventListener('keydown', function(e){ if(e.key === 'Escape') closeSB(); });
1028
1029      /* Populate tags + popular posts from hidden Blogger widgets */
1030      window.addEventListener('load', function(){
1031        /* Tags from Label widget */
1032        var tagsCont = document.getElementById('nk-tags-container');
1033        if(tagsCont){
1034          var lblLinks = document.querySelectorAll('.sidebar_feed .Label a, #sidebar_feed .Label a');
1035          lblLinks.forEach(function(a){
1036            var c = a.cloneNode(true);
1037            c.className = 'nk-tag'; c.removeAttribute('style');
1038            tagsCont.appendChild(c);
1039          });
1040          if(tagsCont.children.length === 0){
1041            var s = document.getElementById('nk-tags-section');
1042            if(s) s.style.display = 'none';
1043          }
1044        }
1045
1046        /* Popular posts from PopularPosts widget */
1047        var ppCont = document.getElementById('nk-pp-container');
1048        if(ppCont){
1049          var ppLinks = document.querySelectorAll('#sidebar_item .post-title a, .sidebar_feed .PopularPosts .post-title a');
1050          var idx = 0;
1051          ppLinks.forEach(function(a){
1052            idx++;
1053            var row = document.createElement('div');
1054            row.style.cssText = 'display:flex;gap:10px;align-items:flex-start;margin-bottom:14px';
1055            var num = document.createElement('span');
1056            num.style.cssText = 'font-family:Syne,sans-serif;font-weight:800;font-size:.7rem;color:var(--accent);opacity:.5;flex-shrink:0;width:18px;padding-top:2px';
1057            num.textContent = (idx < 10 ? '0' : '') + idx;
1058            var lnk = document.createElement('a');
1059            lnk.href = a.href;
1060            lnk.style.cssText = 'font-size:.82rem;line-height:1.4;color:var(--text-muted);text-decoration:none';
1061            lnk.textContent = a.textContent.trim();
1062            lnk.addEventListener('mouseenter', function(){ this.style.color = 'var(--text)'; });
1063            lnk.addEventListener('mouseleave', function(){ this.style.color = 'var(--text-muted)'; });
1064            row.appendChild(num); row.appendChild(lnk);
1065            ppCont.appendChild(row);
1066          });
1067          if(ppCont.children.length === 0){
1068            var pp = document.getElementById('nk-pp-section');
1069            if(pp) pp.style.display = 'none';
1070          }
1071        }
1072      });
1073    })();
1074
1075    //]]></script>

vendor: 1 bytes, line 1075

1076<script type="text/javascript" src="https://resources.blogblog.com/blogblog/data/res/1266210259-vegeclub_compiled.js" async="true"></script>

1076
1077<!--It is your responsibility to notify your visitors about cookies used and data collected on your blog. Blogger makes a standard notification available for you to use on your blog, and you can customize it or replace with your own notice. See http://www.blogger.com/go/cookiechoices for more details.-->

1078<script defer='' src='/js/cookienotice.js'></script>

vendor: 1 bytes, line 1078

1079<script>
1080    document.addEventListener('DOMContentLoaded', function(event) {
1081      window.cookieChoices && cookieChoices.showCookieConsentBar && cookieChoices.showCookieConsentBar(
1082          (window.cookieOptions && cookieOptions.msg) || 'This site uses cookies from Google to deliver its services and to analyze traffic. Your IP address and user-agent are shared with Google along with performance and security metrics to ensure quality of service, generate usage statistics, and to detect and address abuse.',
1083          (window.cookieOptions && cookieOptions.close) || 'Got it',
1084          (window.cookieOptions && cookieOptions.learn) || 'Learn More',
1085          (window.cookieOptions && cookieOptions.link) || 'https://www.blogger.com/go/blogspot-cookies');
1086    });
1087  </script>

1087
1088

1089<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/851759228-widgets.js"></script>

vendor: 1 bytes, line 1089

1090<script type='text/javascript'>
1091window['__wavt'] = 'AAPvtVldtjIpbfqW8DKvJBUQ46Dk:1790221484338';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5436985493165702728','//www.edmu.fr/p/genially.html','5436985493165702728');
1092_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5436985493165702728', 'title': 'edmu.fr', 'url': 'https://www.edmu.fr/p/genially.html', 'canonicalUrl': 'https://www.edmu.fr/p/genially.html', 'homepageUrl': 'https://www.edmu.fr/', 'searchUrl': 'https://www.edmu.fr/search', 'canonicalHomepageUrl': 'https://www.edmu.fr/', 'blogspotFaviconUrl': 'https://www.edmu.fr/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-40851431-2', 'encoding': 'UTF-8', 'locale': 'fr', 'localeUnderscoreDelimited': 'fr', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22edmu.fr - Atom\x22 href\x3d\x22https://www.edmu.fr/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22edmu.fr - RSS\x22 href\x3d\x22https://www.edmu.fr/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22edmu.fr - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5436985493165702728/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/7ce469edaf870342', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtenir le lien', 'key': 'link', 'shareMessage': 'Obtenir le lien', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Partager sur Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Partager sur X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Partager sur Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27fr\x27};\x3c/script\x3e'}

1092, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Lire plus \xbb', 'pageType': 'static_page', 'pageId': '4296096453622204843', 'pageName': 'Genially', 'pageTitle': 'edmu.fr: Genially', 'metaDescription': 'genially nikkojazz'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Modifier', 'linkCopiedToClipboard': 'Lien copi\xe9 dans le presse-papiers\xa0!', 'ok': 'OK', 'postLink': 'Publier le lien'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Personnaliser', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Genially', 'description': 'genially nikkojazz', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N\x3dw640-h360', 'url': 'https://www.edmu.fr/p/genially.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 4296096453622204843}}, {'name': 'widgets', 'data': [{'title': 'edmu.fr (en-t\xeate)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Rechercher dans ce blog', 'type': 'BlogSearch', 'sectionId': 'search_top', 'id': 'BlogSearch1'}, {'title': 'Articles du blog', 'type': 'Blog', 'sectionId': 'page_body', 'id': 'Blog1', 'posts': [{'id': '4296096453622204843', 'title': 'Genially', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEgHLryjuCgDpR3CiNp9I6a17yH7ubUPtzCtcIdMTp8tknXPKMRqeraETbSGqWofDqbuSuttv4oB2XGGBMmcZfBwxydwAmsYnqfuB549Ymq50TwvWGsNiLmmp0G8p81A4aJ63VPy5u5Zysl2HrIwe4NukzG3PshX8qnp0Q9RmKnkGeP5MmbuwDE2Yu7N\x3dw640-h360', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'labels', 'label': ''}]}, {'title': 'Libelles', 'type': 'Label', 'sectionId': 'sidebar_feed', 'id': 'Label1'}, {'title': '', 'type': 'ReportAbuse', 'sectionId': 'sidebar_feed', 'id': 'ReportAbuse1'}, {'title': 'Articles populaires', 'type': 'PopularPosts', 'sectionId': 'sidebar_item', 'id': 'PopularPosts1', 'posts': [{'title': 'chansons autour des \xe9motions', 'id': 7757552268904283729}, {'title': 'chansons sur le th\xe8me de la libert\xe9', 'id': 5656501582134537585}, {'title': 'Chansons sur le th\xe8me des couleurs', 'id': 6812430604688445962}, {'title': 'Chansons sur le th\xe8me de l\u2019\xe9cole', 'id': 5546858147987523140}, {'title': 'Chansons sur le th\xe8me de la peinture', 'id': 9008632333484649846}, {'title': 'chansons autour du voyage', 'id': 1603856463012234384}, {'title': 'Tableau des Genres Musicaux Populaires Depuis 1950', 'id': 7624890188131430198}, {'title': 'chansons autour de la nature', 'id': 7125125155760473766}, {'title': 'Les instruments \xe0 anche double de la Renaissance', 'id': 2085558759564526677}]}, {'type': 'Attribution', 'sectionId': 'footer', 'id': 'Attribution1'}]}]);
1093_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
1094_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'search_top', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
1095_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'page_body', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3535170801-lbx__fr.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));

1096_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar_feed', document.getElementById('Label1'), {}, 'displayModeFull'));
1097_WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'sidebar_feed', document.getElementById('ReportAbuse1'), {}, 'displayModeFull'));
1098_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar_item', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
1099_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer', document.getElementById('Attribution1'), {}, 'displayModeFull'));
1100</script>

1100
1101</body>
1102</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.