PageSourceSearch

https://mildorviolon.com/p/tutoriels

html mildorviolon.com collected 2026-10-02 00:07:12 UTC 438,976 bytes, 5,313 lines download raw bytes

1<!DOCTYPE html>
2<html>
3  <head>
4    <link href='https://static-media.hotmart.com/pB_xPpEON8ZW7V6QbZdikH6ycQo=/32x32/https://uploads.teachablecdn.com/attachments/NXoq7CJT2u7I1HAfTVYF_Logo+Menu.png' rel='icon' type='image/png'>
5
6<link href='https://static-media.hotmart.com/AX1C6hmnaE-VCechVU4pzW89s5U=/72x72/https://uploads.teachablecdn.com/attachments/NXoq7CJT2u7I1HAfTVYF_Logo+Menu.png' rel='apple-touch-icon' type='image/png'>
7
8<link href='https://static-media.hotmart.com/9ZDqBuf_QKVfQ0tq922AFMlTVx0=/144x144/https://uploads.teachablecdn.com/attachments/NXoq7CJT2u7I1HAfTVYF_Logo+Menu.png' rel='apple-touch-icon' type='image/png'>
9
10<link href='https://static-media.hotmart.com/GQyXP6yHiw8ATAGnBPF_Wv8O5Go=/320x345/https://uploads.teachablecdn.com/attachments/d4b9722b153344d2b1ccf2b4360aa2e9.jpg' rel='apple-touch-startup-image' type='image/png'>
11
12<link href='https://static-media.hotmart.com/oC3CFQzV6XnXyqSkLWZnourfb_Y=/640x690/https://uploads.teachablecdn.com/attachments/d4b9722b153344d2b1ccf2b4360aa2e9.jpg' rel='apple-touch-startup-image' type='image/png'>
13
14<meta name='apple-mobile-web-app-capable' content='yes' />
15<meta charset="UTF-8">
16<meta name="csrf-param" content="authenticity_token" />
17<meta name="csrf-token" content="jiGD3FFCJ0L5rDhqpoKZGKTV8PEq25CX62OFQyiwj0CNUvEQ2hvfXk6CN7_tb3fYZPwvDFt6GGG6phx3DjbUtA" />
18<link rel="stylesheet" href="https://fedora.teachablecdn.com/assets/bootstrap-748e653be2be27c8e709ced95eab64a05c870fcc9544b56e33dfe1a9a539317d.css" data-turbolinks-track="true" /><link href="https://teachable-themeable.learning.teachable.com/themecss/production/base.css?_=0c4aab6fa07a&amp;brand_course_heading=%23ffffff&amp;brand_heading=%23000000&amp;brand_homepage_heading=%23ffffff&amp;brand_navbar_fixed_text=%23ffffff&amp;brand_navbar_text=%23ffffff&amp;brand_primary=%23000000&amp;brand_secondary=%23FF8200&amp;brand_text=%23000000&amp;font=Lato&amp;logged_out_homepage_background_image_overlay=0.5&amp;logged_out_homepage_background_image_url=https%3A%2F%2Fuploads.teachablecdn.com%2Fattachments%2Fd4b9722b153344d2b1ccf2b4360aa2e9.jpg&amp;show_login=true&amp;show_signup=true" rel="stylesheet" data-turbolinks-track="true"></link>
19
20<meta property="og:image" content="https://media.mildorviolon.com/Brand/mildorviolon-facebook-preview.jpg">
21<meta property="og:image:width" content="1200">
22<meta property="og:image:height" content="630">
23
24<title>Tutoriels vidéos de Mildor Violon | Mildor Violon</title>
25<link rel="canonical" href="https://mildorviolon.com/p/tutoriels">
26<meta property="og:image" content="https://uploads.teachablecdn.com/attachments/oKFpfYMWTyCiabNrBvrR_Logo+Mildor+Violon+-+Accueil+horizontal.png">
27<meta property="og:title" content="Tutoriels vidéos de Mildor Violon">
28<meta property="og:type" content="website">
29<meta property="og:url" content="https://mildorviolon.com/p/tutoriels">
30<meta name="brand_video_player_color" content="#f58220">
31<meta name="site_title" content="Mildor Violon">
32
33<!-- Force Mildor social preview -->
34<meta property="og:image" content="https://media.mildorviolon.com/Brand/mildorviolon-facebook-preview.jpg">
35<meta property="og:image:secure_url" content="https://media.mildorviolon.com/Brand/mildorviolon-facebook-preview.jpg">
36<meta property="og:image:type" content="image/jpeg">
37<meta property="og:image:width" content="1200">
38<meta property="og:image:height" content="630">
39
40<!-- Ajoute de JF -->
41<meta name="description" content="Jouez enfin du violon comme vous en rêvez avec les cours de violon en ligne de Mildor Violon. Notre réputé programme par tutoriels vidéos et cours par visio constitue une méthode en ligne claire, détaillée et plaisante. Avec les cours de violon en ligne de Mildor Violon, amusez-vous à votre rythme, dans le confort de votre demeure. Aucune expérience requise, satisfaction garantie."/>
42
43<style>.sanslien {
44  border: 2px solid #e1e1e1;
45  border-radius: 10px;
46}
47
48.sanslien img {
49  -webkit-filter: grayscale(100%);
50  filter: grayscale(100%);
51}
52
53.aveclien {
54  border: 2px solid #e1e1e1;
55  border-radius: 10px;
56  cursor: pointer;
57}
58
59.aveclien:hover {
60  border: 2px solid #F58220;
61  border-radius: 10px;
62  cursor: pointer;
63}
64
65.aveclien img {
66  -webkit-filter: grayscale(100%);
67  filter: grayscale(100%);
68}
69
70.aveclien:hover img {
71  -webkit-filter: grayscale(0%) !important; 
72  filter: grayscale(0%) !important;
73}
74
75.aveclien h4 {
76  color: #333333;;
77}
78
79.aveclien:hover h4 {
80  color: #ff8200;
81}
82
83.btstrp-navbar-toggle {
84 z-index: 100;
85}
86
87.course-filter .dropdown-menu li a {     
88text-transform: none; 
89}
90
91
92ul.blogue {
93  font-size: 18px;
94  font-weight: 200;
95  line-height: 28px;
96  font-family: "Lato";
97  margin: 0 !important;
98  color: var(--squid-ink);
99}
100
101ol.blogue {
102  font-size: 18px;
103  font-weight: 200;
104  line-height: 28px;
105  font-family: "LAto";
106  margin: 0 !important;
107  color: var(--squid-ink);
108}
109
110li.blogue {
111  line-height: 28px;
112  padding-bottom: 10px;
113}
114
115h2.blogue {
116    line-height: 33px;
117    font-size: 24px;
118}
119
120h3.blogue {
121    line-height: 33px;
122    font-size: 18px;
123    font-weight: bold;
124}
125
126div.course-block.block.video_embed {
127  background-color: rgba(0, 0, 0, 0)
128}
129
130/*  CHANGER LE CHIFFRE DE DROITE POUR NOMBRE TOTAL */
131@keyframes scroll {
1320% { transform: translateX(0); }
133100% { transform: translateX(calc(-300px * 45))}
134}
135
136@media (max-width:1366px) {
137  div.fondfemmeviolon {
138    padding: 0;
139    background:url("https://mildorviolon.b-cdn.net/Brand/Violoniste%20femme%20exterieur.jpg") rgba(0, 0, 0, 0.5);
140    background-size: cover;
141    background-blend-mode: multiply; 
142  }
143}
144
145@media (min-width:636px) {
146  div.afficherfiltres {
147    visibility: hidden;
148    display: none;
149  }
150
151  div.filtres {
152    visibility: visible;
153    display: block;
154  }
155}
156
157@media (max-width:635px) {
158  div.afficherfiltres {
159    visibility: visible;
160    display: block;
161  }
162
163  div.filtres {
164    visibility: hidden;
165    display: none;
166  }
167}
168
169@media (min-width:1367px) {
170  div.fondfemmeviolon {
171      padding: 0;
172      background:url("https://mildorviolon.b-cdn.net/Brand/Violoniste%20femme%20exterieur.jpg") rgba(0, 0, 0, 0.5);
173      no-repeat fixed;
174      background-size: cover;
175      // background-attachment: fixed;
176      background-blend-mode: multiply;
177  }
178}
179
180@media (max-width:1366px) {
181  div.fondplusieursviolons {
182    padding: 0;
183    background:url("https://mildorviolon.b-cdn.net/Brand/SH%20Violon%201107417665%20compressed.jpeg");
184    background-size: cover;
185  }
186}
187
188@media (min-width:1367px) {
189  div.fondplusieursviolons {
190    padding: 0;
191    //background:url("https://mildorviolon.b-cdn.net/Brand/SH%20Violon%201107417665%20compressed.jpeg");
192    background:url("https://mildorviolon.b-cdn.net/Brand/SH%20Violon%201107417665%20milieu%20compressed%20copy.jpg");
193    no-repeat fixed;
194    background-size: cover;
195    //background-attachment: fixed;
196  }
197}
198
199
200@media (max-width:1366px) {
201  div.blocinclus {
202    border: 2px #F58220 solid;
203  }
204}
205
206@media (min-width:1367px) {
207  div.blocinclus {
208    border: 2px #e1e1e1 solid;
209  }
210}
211
212@media (max-width:635px) {
213  div.caseinvisible {
214    display: none;
215  }
216}
217
218@media (max-width: 768px) {
219  .mv-mobile-hide {
220    display: none;
221  }
222}
223
224/* =========================== */
225/* === MAIN FEATURED ITEMS === */
226/* =========================== */
227.mv-featured-grid{
228  display:flex !important;
229  flex-wrap:wrap !important;
230  justify-content:space-between !important;
231  row-gap:20px !important;
232  column-gap:0 !important;
233}
234
235.mv-featured-item{
236  padding:0 !important;
237  width:230px !important;
238  margin:0 !important;
239  flex:0 0 230px !important;
240}
241
242/* ---------------------------------- */
243/* existing shared featured card base */
244/* ---------------------------------- */
245
246.mv-featured-card{
247  width:100% !important;
248}
249
250/* ---------------------------------- */
251/* extra variants for new button types */
252/* ---------------------------------- */
253
254/* full background image cards */
255.mv-featured-card-bg img{
256  height:100% !important;
257  width:100% !important;
258  position:absolute !important;
259  z-index:1 !important;
260  top:0 !important;
261  left:0 !important;
262  border-radius:7px !important;
263  object-fit:cover !important;
264}
265
266.mv-featured-title-white{
267  color:white !important;
268  z-index:2 !important;
269}
270
271.mv-featured-desc-white{
272  color:white !important;
273  z-index:2 !important;
274}
275
276.mv-featured-title-gray{
277  color:#979797 !important;
278  z-index:2 !important;
279}
280
281.mv-featured-desc-gray{
282  color:#979797 !important;
283  z-index:2 !important;
284}
285
286/* professor cards */
287.mv-featured-card-prof img{
288  height:169px !important;
289  width:100% !important;
290  position:absolute !important;
291  z-index:1 !important;
292  top:0 !important;
293  left:0 !important;
294  border-top-left-radius:7px !important;
295  border-top-right-radius:7px !important;
296  object-fit:cover !important;
297}
298
299.mv-featured-role{
300  font-size:13px !important;
301  line-height:20px !important;
302  color:#333333 !important;
303  position:absolute !important;
304  z-index:2 !important;
305  text-align:center !important;
306  width:100% !important;
307  padding-left:15px !important;
308  padding-right:15px !important;
309}
310
311.mv-featured-subtitle{
312  font-size:13px !important;
313  line-height:20px !important;
314  position:absolute !important;
315  z-index:2 !important;
316  text-align:center !important;
317  width:100% !important;
318  padding-left:15px !important;
319  padding-right:15px !important;
320}
321
322.mv-featured-subtitle-white{
323  color:white !important;
324}
325
326@media (max-width:767px){
327
328  .mv-featured-grid{
329    column-gap:10px !important;
330    row-gap:20px !important;
331  }
332
333  .mv-featured-item{
334    width:170px !important;
335    flex:0 0 170px !important;
336  }
337
338  .mv-featured-card{
339    width:100% !important;
340    height:185px !important;
341    border-radius:10px !important;
342  }
343
344  .mv-featured-card img{
345    height:92px !important;
346    width:100% !important;
347    object-fit:cover !important;
348  }
349
350  .mv-featured-title{
351    top:105px !important;
352    font-size:12px !important;
353    font-weight:normal !important;
354    line-height:16px !important;
355    padding-left:10px !important;
356    padding-right:10px !important;
357  }
358
359  .mv-featured-desc{
360    display:none !important;
361  }
362
363  .mv-featured-access{
364    top:140px !important;
365    font-size:12px !important;
366    line-height:16px !important;
367    padding-left:10px !important;
368    padding-right:10px !important;
369  }
370
371  /* background image cards keep full background on mobile */
372  .mv-featured-card-bg img{
373    height:100% !important;
374  }
375
376  /* professor cards mobile override */
377  .mv-featured-card-prof img{
378    height:120px !important;
379  }
380
381  .mv-featured-card-prof .mv-featured-title{
382    top:122px !important;
383  }
384
385  .mv-featured-card-prof .mv-featured-access{
386    top:152px !important;
387  }
388
389  .mv-featured-card-join .mv-featured-title{
390    top:110px !important;
391  }
392  
393  .mv-featured-card-join .mv-featured-subtitle{
394    top:140px !important;
395  }
396
397  /* professor role disappears on mobile */
398  .mv-featured-role{
399    display:none !important;
400  }
401
402  /* round robin subtitle stays visible on mobile */
403  .mv-featured-subtitle{
404    top:135px !important;
405    font-size:12px !important;
406    line-height:16px !important;
407    padding-left:10px !important;
408    padding-right:10px !important;
409  }
410
411}
412
413/* =============================== */
414/* === END MAIN FEATURED ITEMS === */
415/* =============================== */</style>
416<script src='//fast.wistia.com/assets/external/E-v1.js'></script>
vendor: 94 bytes, lines 416-423
416
417<script
418  src='https://www.recaptcha.net/recaptcha/api.js'
419  async
420  defer></script>
421
422
423      
423<meta name="asset_host" content="https://fedora.teachablecdn.com">
424     
424<script>
425  (function () {
426    const origCreateElement = Document.prototype.createElement;
427    Document.prototype.createElement = function () {
428      const el = origCreateElement.apply(this, arguments);
429      if (arguments[0].toLowerCase() === "video") {
430        const observer = new MutationObserver(() => {
431          if (
432            el.src &&
433            el.src.startsWith("data:video") &&
434            el.autoplay &&
435            el.style.display === "none"
436          ) {
437            el.removeAttribute("autoplay");
438            el.autoplay = false;
439            el.style.display = "none";
440            observer.disconnect();
441          }
442        });
443        observer.observe(el, {
444          attributes: true,
445          attributeFilter: ["src", "autoplay", "style"],
446        });
447      }
448      return el;
449    };
450  })();
451</script>
vendor: 1 bytes, line 451
451
452<script src="https://fedora.teachablecdn.com/packs/student-globals--1463f1f1bdf1bb9a431c.js"></script>
452<script src="https://fedora.teachablecdn.com/packs/student-legacy--f61bb29408885759af1e.js"></script>
452<script src="https://fedora.teachablecdn.com/packs/student--71ac74ce90165d0b96d1.js"></script>
452
453<meta id='iris-url' data-iris-url=https://eventable.internal.teachable.com />
454<script type="text/javascript">
455  window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])},heap.load("318805607");
456  window.heapShouldTrackUser = true;
457</script>
457
458
459
460<script type="text/javascript">
461  var _user_id = ''; // Set to the user's ID, username, or email address, or '' if not yet known.
462  var _session_id = 'ecc7a38935005ad8979c2e53db62f73b'; // Set to a unique session ID for the visitor's current browsing session.
463
464  var _sift = window._sift = window._sift || [];
465  _sift.push(['_setAccount', '2e541754ec']);
466  _sift.push(['_setUserId', _user_id]);
467  _sift.push(['_setSessionId', _session_id]);
468  _sift.push(['_trackPageview']);
469
470  (function() {
471    function ls() {
472      var e = document.createElement('script');
473      e.src = 'https://cdn.sift.com/s.js';
474      document.body.appendChild(e);
475    }
476    if (window.attachEvent) {
477      window.attachEvent('onload', ls);
478    } else {
479      window.addEventListener('load', ls, false);
480    }
481  })();
482</script>
482
483
484
485<!-- Google AdSense Review Code -->
486<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2165160918200907"
487     crossorigin="anonymous"></script>
487
488
489<!-- Google Ads Remarketing -->
vendor: 64 bytes, lines 489-490
489
490<script async src="https://www.googletagmanager.com/gtag/js?id=
490AW-861291478
vendor: 12 bytes, line 490
490"></script>
491<script>
492  
vendor: 134 bytes, lines 492-496
492window.dataLayer = window.dataLayer || [];
493  function gtag(){dataLayer.push(arguments);}
494  gtag('js', new Date());
495
496  gtag('config', '
496AW-861291478
vendor: 4 bytes, line 496
496');
497</script>
497
498
499<!-- Google Tag Manager -->
500<script>
vendor: 327 bytes, lines 500-504
500(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
501new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
502j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
503'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
504})(window,document,'script','dataLayer','
504GTM-P2BLX3F
vendor: 3 bytes, line 504
504');
504</script>
504
505
506<!-- Facebook Pixel Code -->
507<script>
vendor: 417 bytes, lines 507-516
507
508  !function(f,b,e,v,n,t,s)
509  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
510  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
511  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
512  n.queue=[];t=b.createElement(e);t.async=!0;
513  t.src=v;s=b.getElementsByTagName(e)[0];
514  s.parentNode.insertBefore(t,s)}(window, document,'script',
515  'https://connect.facebook.net/en_US/fbevents.js');
516  fbq('init', '
516362766071325010
vendor: 32 bytes, lines 516-517
516');
517  fbq('track', 'PageView');
518</script>
518
519<noscript><img height="1" width="1" style="display:none"
520  src="https://www.facebook.com/tr?id=362766071325010&ev=PageView&noscript=1"
521/></noscript>
522
523<!-- Hotjar Tracking -->
524<script>
vendor: 125 bytes, lines 524-527
524
525    (function(h,o,t,j,a,r){
526        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
527        h._hjSettings={hjid:
527209847
vendor: 252 bytes, lines 527-532
527,hjsv:5};
528        a=o.getElementsByTagName('head')[0];
529        r=o.createElement('script');r.async=1;
530        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
531        a.appendChild(r);
532    })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
533</script>
533
534<meta name="google-site-verification" content="ORaD8S3ajJx-WcVVGBDiX1ybyAhg87ZMY0nP2l0i8Wg" />
535
536<!-- Facebook Verification -->
537<meta name="facebook-domain-verification" content="jhi6ytm449yjapx3czriyp9ca8po9m" />
538
539<!-- GetTerms Cookie Banner -->
540<script>
541(function () {
542  var path = window.location.pathname;
543
544  // Exclude ONLY /p/soundslice (query params don't matter)
545  if (path === "/p/soundslice") {
546    return;
547  }
548
549  var s = document.createElement("script");
550  s.type = "text/javascript";
551  s.src = "https://gettermscmp.com/cookie-consent/embed/38dd2922-070d-4556-8bd9-1a83e86841a8/fr";
552  document.head.appendChild(s);
553})();
554</script>
554
555
556<!--------------------------------->
557<!-- Facebook Link Preview Image -->
558<!--------------------------------->
559<meta property="og:image" content="https://media.mildorviolon.com/Brand/mildorviolon-facebook-preview.jpg">
560<meta property="og:image:width" content="1200">
561<meta property="og:image:height" content="630">
562
563
564<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 564-565
564
565<script async src="https://www.googletagmanager.com/gtag/js?id=
565G-SL8LSCXHSV
vendor: 12 bytes, line 565
565"></script>
566<script>
567  
vendor: 134 bytes, lines 567-571
567window.dataLayer = window.dataLayer || [];
568  function gtag(){dataLayer.push(arguments);}
569  gtag('js', new Date());
570
571  gtag('config', '
571G-SL8LSCXHSV
vendor: 96 bytes, lines 571-575
571', {
572    'user_id': '',
573    'school_id': '33940',
574    'school_domain': 'mildorviolon.com'
575  });
576</script>
576
577
578<script async src="https://www.googletagmanager.com/gtag/js"></script>
vendor: 1 bytes, line 578
578
579<script>
580  window.dataLayer = window.dataLayer || [];
581  function gtag(){dataLayer.push(arguments);}
582  gtag('set', 'linker', {'domains': ['mildorviolon.com', 'sso.teachable.com', 'checkout.teachable.com']});
583  gtag('js', new Date());
584
585  var gtag_integration = 'G-3QFLEV4JQY'
586  gtag('config', 'G-3QFLEV4JQY', { 'groups': 'GA4' });
587</script>
587
588<!-- Facebook Pixel Code -->
589<script>
590  var ownerPixelId = '362766071325010'
591  !function(f,b,e,v,n,t,s)
592  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
593  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
594  if(!f.fbq)f.fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
595  n.queue=[];t=b.createElement(e);t.async=!0;
596  t.src=v;s=b.getElementsByTagName(e)[0];
597  s.parentNode.insertBefore(t,s)}(window, document,'script',
598  'https://connect.facebook.net/en_US/fbevents.js');
599  fbq('dataProcessingOptions', ['LDU'], 0, 0);
600  fbq('init', '362766071325010');
601  fbq('track', 'PageView');
602</script>
602
603<noscript>
604  <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=362766071325010&ev=PageView&noscript=1"/>
605</noscript>
606
607<!-- End Facebook Pixel Code -->
608<script>
vendor: 335 bytes, lines 608-612
608(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
609  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
610  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
611  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
612  })(window,document,'script','dataLayer','
612GTM-P2BLX3F
vendor: 7 bytes, lines 612-614
612');
613
614  
614var gtm_id = 'GTM-P2BLX3F'
615</script>
615
616
617<meta http-equiv="X-UA-Compatible" content="IE=edge">
618<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"NRBR-08e3a2ada38dc55a529","applicationID":"1065060701","transactionName":"dAxdTUFZXVQEQh0VBFAGQBZAXl5P","queueTime":0,"applicationTime":141,"agent":""}</script>
vendor: 1 bytes, line 618
618
619<script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]},distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"1103368432",accountID:"4102727",trustKey:"27503",xpid:"UAcHU1FRDxABVFdXBwcHUVQA",licenseKey:"NRBR-08e3a2ada38dc55a529",applicationID:"1065060701",browserID:"1103368432"};;/*! For license information please see nr-loader-spa-1.323.0.min.js.LICENSE.txt */
620(()=>{var e={8122(e,t,r){"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),s=0===Object.keys(r).length?e:r;for(let a in s)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):e[a]instanceof Map||e[a]instanceof Set||e[a]instanceof Date||e[a]instanceof RegExp?r[a]=e[a]:"object"==typeof e[a]&&null!==t[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){r[a]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>a});var n=r(384),i=r(8122);const s={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function a(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,i.a)(e,s)])},7699(e,t,r){"use strict";var n=r(860);const i={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0};r.d(t,["It",0,1e6,"KC",0,i,"qh",0,"SESSION_ERROR"])},9324(e,t,r){"use strict";r.d(t,["A",0,"@newrelic/rrweb","x",0,"1.323.0"])},981(e,t,r){"use strict";r.d(t,["R",0,{AJAX:"AjaxRequest",PA:"PageAction",UA:"UserAction",BP:"BrowserPerformance",WS:"WebSocket",SPV:"SecurityPolicyViolation",JSE:"JavaScriptError",LOG:"Log",PVE:"PageView",PVT:"PageViewTiming",SR:"SessionReplay",ST:"SessionTrace",BI:"BrowserInteraction"}])},9752(e,t,r){"use strict";const n="newrelic-iframe-",i=n+"timing-update",s=n+"api",a=n+"api-response",o=n+"vitals-update",c=n+"ajax";r.d(t,["$8",0,o,"Gi",0,a,"KU",0,c,"Pl",0,n,"cS",0,s,"cr",0,i])},6154(e,t,r){"use strict";var n=r(1863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===a?.document?.visibilityState),c=""+a?.location,d=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)();r.d(t,["OF",0,d,"RI",0,i,"WN",0,f,"bv",0,s,"gm",0,a,"lR",0,l,"m",0,c,"mw",0,o,"sb",0,u,"zk",0,()=>{const e=a?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<a.performance.now())return e}])},7295(e,t,r){"use strict";r.d(t,{Xv:()=>a,gX:()=>i,iW:()=>s});var n=[];function i(e){if(!e||s(e))return!1;if(0===n.length)return!0;if("*"===n[0].hostname)return!1;for(var t=0;t<n.length;t++){var r=n[t];if(r.hostname.test(e.hostname)&&r.pathname.test(e.pathname))return!1}return!0}function s(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;if("*"===r)return void(n=[{hostname:"*"}]);0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let s,a;i>0?(s=r.substring(0,i),a=r.substring(i)):(s=r,a="*");let[c]=s.split(":");n.push({hostname:o(c),pathname:o(a,!0)})}}function o(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},3241(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(6154);function i(e={}){try{n.gm.dispatchEvent(new CustomEvent("newrelic",{detail:e}))}catch(e){}}},1687(e,t,r){"use strict";r.d(t,{Ak:()=>o,Ze:()=>d,x3:()=>c});var n=r(3241),i=r(3606),s=r(860),a=r(2646);function o(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};
620e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&u(e))}function d(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,u(e)}}function u(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const s=e.ee,o=i.i.handlers;if(s&&!s.aborted&&s.backlog&&o){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=o[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof a.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete o[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],s=e[2];n.apply(i,s)}})}},7836(e,t,r){"use strict";var n=r(384),i=r(8990),s=r(2646),a=r(5607);const o="nr@context:".concat(a.W),c=function e(t,r){var n={},a={},u={},l=!1;try{l=16===r.length&&d.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var o=h(n);g(e).forEach(e=>{e.apply(o,r)});var d=v()[a[e]];d&&d.push([f,e,r,o]);return o},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{a[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[a[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,o,()=>new s.y(o)):new s.y(o)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=c),r.d(t,["P",0,o,"ee",0,c])},2646(e,t,r){"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908(e,t,r){"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(9908);s.on=a;var i=s.handlers={};function s(e,t,r,s){a(s||n.d,i,e,t,r)}function a(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var a=t[s]=t[s]||{};(a[r]=a[r]||[]).push([e,i])}},3878(e,t,r){"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,jT:()=>n,sp:()=>i})},5607(e,t,r){"use strict";const n=(0,r(9566).bz)();r.d(t,["W",0,n])},9566(e,t,r){"use strict";r.d(t,{LA:()=>a,ZF:()=>o,bz:()=>s,el:()=>c});var n=r(6154);function i(e,t){return e?15&e[t]:16*Math.random()|0}function s(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").map(e=>"x"===e?i(t,r++).toString(16):"y"===e?(3&i()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,s=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var o=0;o<e;o++)a.push(i(r,s++).toString(16));return a.join("")}function o(){return a(16)}function c(){return a(32)}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","g",0,{OFF:0,FULL:1,ERROR:2},"iL",0,{SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},"tS",0,{STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},"wk",0,144e5])},733(e,t,r){"use strict";function n(e,t){return function(e){let t=2166136261;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return(t>>>0).toString(16).padStart(8,"0")}("".concat(String(e),":").concat(String(t)))}r.d(t,{Y:()=>n})},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},9119(e,t,r){"use strict";r.d(t,{L:()=>s});var n=/([^?#]*)[^#]*(#[^?]*|$).*/,i=/([^?#]*)().*/;function s(e,t){return e?e.replace(t?n:i,"$1$2"):e}},7485(e,t,r){"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},7866(e,t,r){"use strict";r.d(t,["Nc",0,/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,"cn",0,/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i,"fL",0,/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,"h3",0,/function (.+?)\s*\(/,"hB",0,/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i])},944(e,t,r){"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},8990(e,t,r){"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389(e,t,r){"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},1910(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(944);const i=new Map;function s(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},3304(e,t,r){"use strict";r.d(t,{A:()=>i});var n=r(7836);function i(e){try{return JSON.stringify(e,(()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}})())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},9232(e,t,r){"use strict";r.d(t,["f",0,{MFE:"MFE",BA:"BA"}])},7560(e,t,r){"use strict";r.d(t,{N:()=>a,j:()=>c});var n=r(9119),i=r(944);const s=(0,r(6389).J)(e=>(0,i.R)(80,e));function a(e){if(!Array.isArray(e?.assets)||!e.assets.length)return;
620const t=e.assets.map(o).filter(Boolean);return t.length?{assets:t,scripts:t.filter(e=>e.isScript)}:void 0}function o(e){if(!e||"object"!=typeof e)return;const{matcher:t,type:r}=e;let i="string"==typeof t&&t.endsWith(".js");return void 0!==r&&(!function(e){return"script"===e||"asset"===e}(r)?s(r):i=function(e){return"script"===e}(r)),a=t,"[object RegExp]"===Object.prototype.toString.call(a)?{pattern:t,test:e=>(t.lastIndex=0,t.test((0,n.L)(e))),isScript:i}:"string"==typeof t&&t.length>0?{pattern:t,test:e=>(0,n.L)(e).includes(t),isScript:i}:void s(t);var a}function c(e,t,{scriptsOnly:r=!1}={}){if(!e||!t)return!1;return(r?e.scripts:e.assets).some(e=>e.test(t))}},5718(e,t,r){"use strict";r.d(t,{xo:()=>T,AZ:()=>v,cI:()=>g,Qr:()=>A,QL:()=>y});var n=r(6154),i=r(1863),s=r(9119),a=r(7866);class o{dom=new c;performance=new c;constructor(e){this.url=e,this.claimedBy=new Set}get script(){const e=Math.max(this.dom.start,this.performance.end);return{start:e,end:Math.max(this.dom.end,this.performance.end,e)}}}class c{start=0;end=0;value=void 0}function d(e=()=>{},t){return{get:()=>void 0!==t?t:e(),set:e=>{t=e}}}let u;try{u=v(y())[0]}catch(e){u=v(e)[0]}const l=new Map;let f=[];const h=new WeakMap;function p(e){let t=h.get(e);return t||(t={weighedAssetUrls:new Set,recordManifestScriptWindow:(t,r)=>{t&&(e.scriptStart=e.scriptStart>0?Math.min(e.scriptStart,t):t),r&&(e.scriptEnd=e.scriptEnd>0?Math.max(e.scriptEnd,r):r)}},h.set(e,t)),t}function g(e){return l.get(e)}function m(e){const t=g(e);
620if(t)return t;const r=new o(e);if(l.set(e,r),l.size>1e3){const e=l.keys().next().value;l.delete(e)}return r}if(n.gm.MutationObserver&&n.gm.document){new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if("SCRIPT"===e.nodeName&&e.src){const t=m((0,s.L)(e.src));t.dom.start=(0,i.t)(),t.dom.value=e;const r=()=>{t.dom.end=(0,i.t)()};["load","error"].forEach(t=>e.addEventListener(t,r,{once:!0}))}})})}).observe(n.gm.document,{childList:!0,subtree:!0})}if(n.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{if((e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&(0,s.L)(e.name).endsWith(".js"))(e)){const t=m((0,s.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e}if(!f.length)return;const t=[];f.forEach(({test:r,addedAt:n},s)=>{(r(e)||(0,i.t)()-n>1e4)&&t.push(s)}),f=f.filter((e,r)=>!t.includes(r))})}).observe({type:"resource",buffered:!0})}function v(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(a.cn)||e.match(a.hB)||e.match(a.fL);if(r&&r[2])t.add((0,s.L)(r[2]));else{const r=e.match(/\(([^)]+\.js):\d+:\d+\)/)||e.match(/^\s+at\s+([^\s(]+\.js):\d+:\d+/);r&&r[1]&&t.add((0,s.L)(r[1]))}}return[...t]}function y(){let e;try{const t=Error.stackTraceLimit;Error.stackTraceLimit=50,e=(new Error).stack,Error.stackTraceLimit=t}catch(t){e=(new Error).stack}return e}function b(e,t){return(0,s.L)(e.name)===t}function E(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType,w(e,t)}function w(e,t){const r=(0,s.L)(t.name),{weighedAssetUrls:n}=p(e);n.has(r)||(n.add(r),e.totalWeight=(e.totalWeight||0)+(t.transferSize||0),"blocking"===t.renderBlockingStatus?e.renderBlocking=!0:"non-blocking"===t.renderBlockingStatus&&!0!==e.renderBlocking&&(e.renderBlocking=!1))}function R(e,t,r,n,i){if(w(e,t),"scripts"!==i&&"all"!==i)return;if("all"===i||r.isScript){const r=Math.floor(t.startTime),n=Math.floor(t.responseEnd);e.fetchStart=e.fetchStart>0?Math.min(e.fetchStart,r):r,e.fetchEnd=e.fetchEnd>0?Math.max(e.fetchEnd,n):n}if(r.isScript){const r=g((0,s.L)(t.name));if(r){const t=()=>{const{start:t,end:n}=r.script;p(e).recordManifestScriptWindow(t,n)};t(),!r.dom.end&&r.dom.value&&["load","error"].forEach(e=>r.dom.value.addEventListener(e,t,{once:!0}))}n.resolved||(e.asset=t.name,e.type=t.initiatorType,n.resolved=!0)}}function T(e,t){const r=t?.manifest;if(!r||!r.assets.length)return;const s={resolved:!1},a=new Set(r.assets);(n.gm.performance?.getEntriesByType("resource")||[]).forEach(r=>{const n=[...a].find(e=>e.test(r.name));n&&(R(e,r,n,s,t.timingMethod),a.delete(n))}),a.size&&function(e,t,r,s){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:n=>{const i=[...t].find(e=>e.test(n.name));return i&&(R(e,n,i,r,s),t.delete(i)),0===t.size}})}(e,a,s,t.timingMethod)}function A(e){const t=e?.id,r={registeredAt:(0,i.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown",totalWeight:0,renderBlocking:void 0},a=y();if(!a)return r;const o=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const e=v(a),c=(e.length>1?e.filter(e=>u!==e):e)[0];if(!c)return r;if(o.includes(c))return r.asset=(0,s.L)(o),r.type="inline",r;r.correlation=g(c);const l=r.correlation?.performance.value||n.gm.performance?.getEntriesByType("resource")?.find(e=>b(e,c));if(l)E(r,l);else{(function(e){if(!e||!n.gm.document)return!1;try{const t=n.gm.document.querySelectorAll('link[rel="preload"][as="script"]');for(const r of t)if((0,s.L)(r.href)===e)return!0}catch(e){}return!1})(c)&&(r.asset=c,r.type="preload"),function(e,t){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:r=>!!b(r,t)&&(E(e,r),!0)})}(r,c)}const h=r.correlation,m=!!t&&!!h?.claimedBy.has(t);h&&t&&h.claimedBy.add(t);const y=()=>{const e=h?.script.start;if(!m||!e)return!1;return r.registeredAt-e>1e4};let w=0,R=0;p(r).recordManifestScriptWindow=(e,t)=>{e&&(w=w>0?Math.min(w,e):e),t&&(R=R>0?Math.max(R,t):t)},Object.defineProperty(r,"scriptStart",d(()=>{const e=y()?r.registeredAt:h?.script.start??r.fetchEnd;return w>0?Math.min(e,w):e})),Object.defineProperty(r,"scriptEnd",d(()=>{const e=y()?r.registeredAt:h?.script.end??r.registeredAt;return R>0?Math.max(e,R):e}))}catch(e){}return r}},5732(e,t,r){"use strict";r.d(t,{$5:()=>m,B5:()=>g,K6:()=>u,M$:()=>
620o,Ms:()=>d,NG:()=>c,Ux:()=>h,YA:()=>p,yx:()=>l});var n=r(5718),i=r(7560),s=r(9119),a=r(9232);function o(e){return e?.type===a.f.MFE}function c(e,t){if(!y(e,t))return;const r=t.runtime.registeredEntities;return r?.find(t=>t.metadata.target.iframeInterfaceId===e)}function d(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function u(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=(0,s.L)(e),a=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!1}):!!t.metadata.timings?.asset&&(0,s.L)(t.metadata.timings.asset)===n});return f(a).map(e=>e.metadata.target)}function l(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!0}):!!t.metadata.timings?.asset?.endsWith(e)});return f(n).map(e=>e.metadata.target)}function f(e){if(!e?.length)return e||[];const t=new Map,r=[];for(const n of e){const e=n.metadata?.timings?.asset;if(!e){r.push(n);continue}const i="".concat(e,"::").concat(n.metadata?.target?.id),s=t.get(i);if(s){if(s.metadata.target?.blocked&&!n.metadata.target?.blocked){const e=r.indexOf(s);-1!==e&&(r[e]=n),t.set(i,n)}}else t.set(i,n),r.push(n)}return r}function h(e,t){return v(t)?o(e)?e.attributes:t.agentRef.runtime.v2Target.attributes:{}}function p(e,t){return g(e,t)?{"child.id":e.id,"child.type":e.type,...h(void 0,t)}:{}}function g(e,t){return o(e)&&!!v(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function m(e){if(!e?.runtime)return[];if(!y(!0,e)||!e.runtime.registeredEntities?.length)return[e.runtime.v2Target];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let i=r.length-1;for(;r[i];)t.push(...l(r[i--],e))}catch(e){}const i=function(e){const t=new Set,r=[];for(const n of e){const e=n?.instance;t.has(e)||(t.add(e),r.push(n))}return r}(t);return i.length||i.push(e.runtime.v2Target),i}function v(e){return 2===e?.harvestEndpointVersion}function y(e,t){return!!e&&!!t?.init.api.register.enabled}},5289(e,t,r){"use strict";r.d(t,{GG:()=>a,Qr:()=>c,sB:()=>o});var n=r(3878),i=r(6389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function a(e,t){if(s())return e();const r=(0,i.J)(e),a=setInterval(()=>{s()&&(clearInterval(a),r())},500);(0,n.sp)("load",r,t)}function o(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),i=r(1863),s=r(944),a=r(1910);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function d(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,a.i)(...Object.values(e.o))),e}function u(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,s.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),d(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}r.d(t,["NT",0,o])},2843(e,t,r){"use strict";r.d(t,{G:()=>s,u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},8139(e,t,r){"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),s=r(8990),a=r(6154);const o={},c=a.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e,t){var r=function(e){return(e||n.ee).get("events")}(e);if(o[r.debugId]++)return r;o[r.debugId]=1;var f=(0,i.YM)(r,!0,t);function p(e){f.inPlace(e,[d,u],"-",g)}function g(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,p),c&&h(c.prototype,p),h(a.gm,p)),r.on(d+"-start",function(e,t){var r=e[1];if(null!==r&&("function"==typeof r||"object"==typeof r)&&"newrelic"!==e[0]){var n=(0,s.I)(r,l,function(){var e={object:function(){if("function"!=typeof r.handleEvent)return;return r.handleEvent.apply(r,arguments)},function:r}[typeof r];return e?f(e,"fn-",null,e.name||"anonymous"):r});this.wrapped=e[1]=n}}),r.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),r}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434(e,t,r){"use strict";r.d(t,{YM:()=>d});var n=r(7836),i=r(5607),s=r(5732);const a="nr@original:".concat(i.W);var o=Object.prototype.hasOwnProperty,c=!1;function d(e,t,r){return e||(e=n.ee),i.inPlace=function(e,t,r,n,s,a){r||(r="");const o="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];l(u)||(e[d]=i(u,o?d+r:r,n,d,s,a))}},i.flag=a,i;function i(t,n,i,c,f,h){return l(t)?t:(n||(n=""),nrWrapper[a]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach(function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})}),t}catch(e){u([e],r)}for(var n in e)o.call(e,n)&&(t[n]=e[n])}
620(t,nrWrapper,e),nrWrapper);function nrWrapper(){var a,o,l,p;let g,m;try{o=this,a=[...arguments],m=h?(0,s.$5)(r):[r?.runtime?.v2Target],l="function"==typeof i?i(a,o):i||{}}catch(t){u([t,"",[a,o,c],l],e)}d(n+"start",[a,o,c,m],l,f);const v=performance.now();let y;try{return p=t.apply(o,a),y=performance.now(),p}catch(e){throw y=performance.now(),d(n+"err",[a,o,e,m],l,f),g=e,g}finally{const e=y-v,t={start:v,end:y,duration:e,isLongTask:e>=50,methodName:c,thrownError:g};t.isLongTask&&d("long-task",[t,o,m],l,f),d(n+"end",[a,o,p,m],l,f)}}}function d(r,n,i,s){if(!c||t){var a=c;c=!0;try{e.emit(r,n,i,t,s)}catch(t){u([t,r,n,i],e)}c=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function l(e){return!(e&&"function"==typeof e&&e.apply&&!e[a])}r.d(t,["Jt",0,a])},9300(e,t,r){"use strict";const n=r(860).K7.ajax;r.d(t,["TZ",0,n,"f5",0,"ajaxRequest.id","mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3333(e,t,r){"use strict";var n=r(981);const i=r(860).K7.genericEvents,s=[n.R.PA,n.R.UA,n.R.BP];r.d(t,["$v",0,{RESOURCES:"experimental.resources",REGISTER:"register"},"TZ",0,i,"Zp",0,["auxclick","click","copy","keydown","paste","scrollend"],"kd",0,s,"qN",0,["focus","blur"]])},6774(e,t,r){"use strict";const n=r(860).K7.jserrors;r.d(t,["T",0,n])},993(e,t,r){"use strict";const n=r(860).K7.logging;r.d(t,["A$",0,{OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},"TZ",0,n,"p_",0,{ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"}])},3785(e,t,r){"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),s=r(860),a=r(3969),o=r(993);function c(e,t,r={},c=o.p_.INFO,d=!0,u,l=(0,i.t)()){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,s.K7.metrics,e),(0,n.p)("log",[l,t,r,c,d,u],void 0,s.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(o.p_).some(t=>t===e.toUpperCase().trim())}},3969(e,t,r){"use strict";const n=r(860).K7.metrics;r.d(t,["TZ",0,n,"XG",0,"storeEventMetrics","xV",0,"storeSupportabilityMetrics"])},6630(e,t,r){"use strict";const n=r(860).K7.pageViewEvent;r.d(t,["T",0,n])},782(e,t,r){"use strict";const n=r(860).K7.pageViewTiming;r.d(t,["T",0,n])},6344(e,t,r){"use strict";var n=r(2614);const i=r(860).K7.sessionReplay,s={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0}
620;r.d(t,["Qb",0,{API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"},"TZ",0,i,"Vh",0,"errorDuringReplay","_s",0,{DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},"bc",0,{RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},"yP",0,s])},5270(e,t,r){"use strict";r.d(t,{Aw:()=>a,SR:()=>s,rF:()=>o});var n=r(384),i=r(7767);function s(e){return!!(0,n.dV)().o.MO&&(0,i.V)(e)&&!0===e?.session_trace.enabled}function a(e){return!0===e?.session_replay.preload&&s(e)}function o(e,t){try{if("string"==typeof t?.type&&"password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},3738(e,t,r){"use strict";const n=r(860).K7.sessionTrace,i="-start",s="-end",a="fn"+i,o="fn"+s;r.d(t,["He",0,"bstResource","Kp",0,s,"Lc",0,o,"Rz",0,"pushState","TZ",0,n,"bD",0,"resource","bc",0,{CROSS_TAB:{message:"Session Entity was set to OFF on another tab"},ENTITLEMENTS:{message:"Session Trace is not allowed and will not be started"},RESET:{message:"Session was reset"},SESSION_CHANGED:{message:"Session identifier changed unexpectedly"}},"d3",0,i,"uP",0,a])},3962(e,t,r){"use strict";const n=r(860).K7.softNav;r.d(t,["O2",0,{INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},"OV",0,"popstate","Qu",0,{INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},"TZ",0,n,"ih",0,{IP:"in progress",PF:"pending finish",FIN:"finished",CAN:"cancelled"},"pP",0,"initialPageLoad","tC",0,["click","keydown","submit"]])},4234(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},7767(e,t,r){"use strict";var n=r(6154);r.d(t,["V",0,e=>n.RI&&!0===e?.privacy.cookies_enabled])},8362(e,t,r){"use strict";r.d(t,{d:()=>s});var n=r(9566),i=r(1741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},1741(e,t,r){"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(4261);class s{#e(e,...t){if(this[e]!==s.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e("log",e,t)}start(){return this.#e("start")}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},4261(e,t,r){"use strict";r.d(t,["BL",0,"finished","CH",0,"recordReplay","Dl",0,"setUserId","Fw",0,"setPageViewName","PA",0,"setCurrentRouteName","Pv",0,"consent","Tb",0,"pauseReplay","U2",0,"addToTrace","V1",0,"measure","Wb",0,"wrapLogger","bt",0,"setErrorHandler","cD",0,"setCustomAttribute","dT",0,"interaction","eY",0,"register","fF",0,"recordCustomEvent","hG",0,"addPageAction","hw",0,"api-ixn-","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>u});var n=r(3241),i=r(9908),s=r(1863),a=r(944),o=r(3969),c=r(8362),d=r(860);function u(e,t,r,s){const u=s||r;!u||u[e]&&u[e]!==c.d.prototype[e]||(u[e]=function(){(0,i.p)(o.xV,["API/"+e+"/called"],void 0,d.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:"api-"+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,a.R)(23,e)}})}function l(e,t,r,n,a){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(a||null===r)&&(0,i.p)("api-"+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},8374(e,t,r){r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860(e,t,r){"use strict";const n="events",i="jserrors",s="browser/blobs",a="browser/logs",o={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},c={[o.pageViewEvent]:1,[o.pageViewTiming]:2,[o.metrics]:3,[o.jserrors]:4,[o.softNav]:5,[o.ajax]:6,[o.sessionTrace]:7,[o.sessionReplay]:8,[o.logging]:9,[o.genericEvents]:10},d={[o.pageViewEvent]:"rum",[o.pageViewTiming]:n,[o.ajax]:n,[o.softNav]:n,[o.metrics]:i,[o.jserrors]:i,[o.sessionTrace]:s,[o.sessionReplay]:s,[o.logging]:a,[o.genericEvents]:"ins"};r.d(t,["$J",0,d,"K7",0,o,"P3",0,c,"XX",0,i,"Yy",0,a,"df",0,s,"hg",0,"connect"])}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],s=t[n++];r.o(e,i)?0===s&&n++:0===s?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:s})}else for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>({212:"nr-spa-compressor",238:"nr-spa-iframe-message-handler",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.323.0.min.js"),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.323.0.PROD:";r.l=(n,i,s,a)=>
620{if(e[n])return void e[n].push(i);let o,c;if(void 0!==s){const e=document.getElementsByTagName("script");for(var d=0;d<e.length;d++){const r=e[d];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+s){o=r;break}}}if(!o){c=!0;var u={478:"sha512-ORjtmy+nQMgxbu0os8+oTRa5sPzbinyuWSvpZrrstVLIaHofRRlfODdH+oUmkIgeQpM+vPf3vG/4RzvCsFVh1A==",249:"sha512-o7+K6xC0z3TqynjVxpd+jgiSgqy8rrPeRcUSqt5J0Rqg5Su5CycLMYfpwiM3WBCHiNDrG5aZoXJQ6HRc335XYQ==",212:"sha512-kRvBt1IYQDBnClTEWNaE8sDFqbXXM3Vdyf972Uf4MFbJxl7u3KmdO+jdB1H4achPEoT9YtNXHswaESey6sCH0A==",238:"sha512-U5EGmyYbFVR2UMNAuZJ7fTgVVtPa5b8RPMySDwXo7z3frRdkUJ2x1VAQTLQCeBab8VlGVGRV8FiSHIn/pwN72A=="};o=document.createElement("script"),o.charset="utf-8",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",t+s),o.src=n,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),u[a]&&(o.integrity=u[a])}e[n]=[i];const l=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);const i=e[n];if(delete e[n],o.parentNode?.removeChild(o),i?.forEach(e=>e(r)),t)return t(r)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),c&&document.head.appendChild(o)}})(),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://js-agent.newrelic.com/",(()=>{const e={38:0,788:0};r.f.j=(t,n)=>{let i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)n.push(i[2]);else{const s=new Promise((r,n)=>i=e[t]=[r,n]);n.push(i[2]=s);const a=r.p+r.u(t),o=new Error,c=n=>{if(r.o(e,t)&&(i=e[t],0!==i&&(e[t]=void 0),i)){const e=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;o.message="Loading chunk "+t+" failed: ("+e+": "+r+")",o.name="ChunkLoadError",o.type=e,o.request=r,i[1](o)}};r.l(a,c,"chunk-"+t,t)}};const t=(t,n)=>{let[i,s,a]=n;var o,c,d=0;if(i.some(t=>0!==e[t])){for(o in s)r.o(s,o)&&(r.m[o]=s[o]);if(a)a(r)}for(t&&t(n);d<i.length;d++)c=i[d],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.323.0.PROD"]=self["webpackChunk:NRBA-1.323.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";r(8374);var e=r(8362),t=r(860);const n=Object.values(t.K7);var i=r(384),s=r(1741);var a=r(2555),o=r(3333),c=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var u=r(2614),l=r(944),f=r(8122);const h="[data-nr-mask]",p=e=>(0,f.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1,iframe_bridge:!1,iframe_domains:[]},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0,capture_payloads:c.mo.NONE},api:{register:{get enabled(){return e.feature_flags.includes(o.$v.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1,get allow_iframe_bridge(){return e.feature_flags.includes(o.$v.IFRAME_BRIDGE)||e.experimental.iframe_bridge},set allow_iframe_bridge(t){e.experimental.iframe_bridge=t},get iframe_domains(){return e.experimental.iframe_domains},set iframe_domains(t){Array.isArray(t)?e.experimental.iframe_domains=t:(0,l.R)(1,t)}}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(o.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:u.wk,inactiveMs:u.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inl
620ine_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector="".concat(t,",").concat(h):""===t||null===t?e.mask_selector=h:(0,l.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]},web_sockets:{enabled:!1}}})());var g=r(6154),m=r(9324);let v=0;const y={buildEnv:"PROD",distMethod:"CDN",version:m.x,originTime:g.WN},b={consented:!1},E={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||b.consented},set consented(e){b.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,connector:void 0,harvester:void 0,v2Target:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++v},listeningForIframeMessages:!1};var w=r(9232);var R=r(7836),T=r(3241);const A={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};var S=r(9908),x=r(9752);function O(e,t={},n,o){let{init:c,info:d,loader_config:u,runtime:l={},exposed:h=!0}=t;if(!d){const e=(0,i.pV)();c=e.init,d=e.info,u=e.loader_config}var m;e.init=p(c||{}),e.loader_config=(m=u||{},(0,f.a)(m,A)),d.jsAttributes??={},g.bv&&(d.jsAttributes.isWorker=!0),e.info=(0,a.D)(d);const v=e.init;e.runtime??=(e=>{const t=(0,f.a)(e,E),r=Object.keys(y).reduce((e,t)=>(e[t]={value:y[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),e.runtime.v2Target??={type:w.f.BA,instance:e.agentIdentifier,get id(){return e.runtime.appMetadata?.agents?.[0]?.entityGuid},get attributes(){return{"entity.guid":this.id,appId:e.info.applicationID}}},v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,i.pV)();Object.getOwnPropertyNames(s.W.prototype).forEach(r=>{const n=s.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=n,e.ee=R.ee.get(e.agentIdentifier),e.exposed=h,(0,T.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.init.api.register.allow_iframe_bridge&&g.gm.addEventListener("message",t=>{"string"==typeof t.data?.type&&t.data.type.startsWith(x.Pl)&&(0,S.p)("iframe-message",[t],void 0,"IFRAME",e.ee)}),e.runtime.configured=!0)}var _=r(1863),k=r(4261),N=r(1738);var L=r(1687),M=r(4234),P=r(5289),I=r(5270),j=r(7767),C=r(6389),D=r(7699);const B=new WeakSet,H=new WeakMap;class W extends M.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,C.J)(()=>{(0,L.Ak)(e,this.featureName),t()}))}):(0,L.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const i=async()=>{if(await this.deferred,this.#t(e),!(0,a.f)(e.info))return(0,l.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);try{await async function(e,t,n){if(H.has(e))return H.get(e);const i=(async()=>
620{if((0,j.V)(e.init))try{const{setupAgentSession:t}=await r.e(478).then(r.bind(r,8766));t(e)}catch(e){(0,l.R)(20,e),t.emit("internal-error",[e]),(0,S.p)(D.qh,[e],void 0,n,t)}if(e.init.api.register.allow_iframe_bridge)try{const{setupIframeMFEMessageListener:t}=await r.e(238).then(r.bind(r,6417));t(e)}catch(e){(0,l.R)(23,e)}const[{Connector:i},{Harvester:s}]=await Promise.all([r.e(478).then(r.bind(r,6589)),r.e(478).then(r.bind(r,5237))]);e.runtime.connector=new i(e),e.runtime.harvester=new s(e);const a=Object.values(e.features).filter(t=>e.runtime.drainRegistry.has(t.featureName));Promise.all(a.map(e=>e.onAggregateImported)).then(()=>e.runtime.harvester.startTimer())})();H.set(e,i),await i}(e,this.ee,this.featureName)}catch(e){return(0,l.R)(79,e),this.ee.abort(),void this.loadedSuccessfully(!1)}try{if(!this.#r(this.featureName,e.runtime.session,e.init))return this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:r}=await t();this.featAggregate=new r(e,n),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1)}};g.RI?(0,P.GG)(()=>i(),!0):i()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,I.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!B.has(e)&&(B.add(e),!(0,a.f)(e.info))){const t=(0,i.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}O(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var U=r(6630);class K extends W{static featureName=U.T;constructor(e){var t;super(e,U.T),this.setupInspectionEvents(),t=e,(0,N.Y)(k.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,S.p)("api-"+k.Fw,[(0,_.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>e.init.feature_flags.includes("rum_v2")?r.e(478).then(r.bind(r,908)):r.e(478).then(r.bind(r,7927)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,T.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,P.sB)(t=>{e(t,"DOMContentLoaded")}),(0,P.GG)(t=>{e(t,"load")}),(0,P.Qr)(t=>{e(t,"navigate")}),this.ee.on(u.tS.UPDATE,(e,t)=>{(0,T.W)({type:"lifecycle",name:"session",data:t})})}}class F extends e.d{constructor(e){var t;(super(),g.gm)?(this.features={},(0,i.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(K),O(this,e,e.loaderType||"agent"),t=this,(0,N.Y)(k.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,N.U)(t,e,r,k.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)},t),function(e){(0,N.Y)(k.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,l.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,S.p)("api-setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,N.U)(e,"enduser.id",t,k.Dl,!0)},e)}(this),function(e){(0,N.Y)(k.nb,function(t){if("string"==typeof t||null===t)return(0,N.U)(e,"application.version",t,k.nb,!1);(0,l.R)(42,typeof t)},e)}(this),function(e){(0,N.Y)("start",function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,N.Y)(k.Pv,function(t=!0){if("boolean"==typeof t){if((0,S.p)("api-"+k.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum?.()})}}else(0,l.R)(65,typeof t)},e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return n.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),r=[...this.desiredFeatures],i=this.init.feature_flags.includes("rum_v2");r.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),r.forEach(r=>{if(!e[r.featureName]&&(i||r.featureName!==t.K7.pageViewEvent))return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,l.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,i.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var V=r(2843),z=r(782);class G extends W{static featureName=z.T;constructor(e){super(e,z.T),g.RI&&((0,V.u)(()=>(0,S.p)("docHidden",[(0,_.t)()],void 0,z.T,this.ee),!0),(0,V.G)(()=>(0,S.p)("winPagehide",[(0,_.t)()],void 0,z.T,this.ee)),this.importAggregator(e,()=>r.e(478).then(r.bind(r,9917))))}}var q=r(3969);class Y extends W{static featureName=q.TZ;constructor(e){super(e,q.TZ),this.importAggregator(e,()=>r.e(478).then(r.bind(r,6555)))}}var Z=r(6774),J=r(3878),X=r(3304);class Q{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,X.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function ee(e){return ne(e)?e:new Q(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function te(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(ne(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return ee(e.reason)}const r=ee(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function re(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new Q(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return ne(e.error)?e.error:ee(e)}function ne(e){return e instanceof Error&&!!e.stack}function ie(e,r,n,i,s=(0,_.t)()){"string"==typeof e&&(e=new Error(e)),(0,S.p)("err",[e,s,!1,r,n.runtime.isRecording,void 0,i],void 0,t.K7.jserrors,n.ee),(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,n.ee)}var se=r(993),ae=r(3785);function oe(e,{customAttributes:t={},level:r=se.p_.INFO}={},n,i,s=(0,_.t)()){(0,ae.R)(n.ee,e,t,r,!1,i,s)}function ce(e,r,n,i,s=(0,_.t)()){(0,S.p)("api-"+k.hG,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}function de(e,r,n,i,s=(0,_.t)()){const{start:a,end:o,customAttributes:c}=r||{},d={customAttributes:c||{}};if("object"!=typeof d.customAttributes||"string"!=typeof e||0===e.length)return void(0,l.R)(57);const u=(e,t)=>
620null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(d.start=u(a,0),d.end=u(o,s),Number.isNaN(d.start)||Number.isNaN(d.end))(0,l.R)(57);else{if(d.duration=d.end-d.start,!(d.duration<0))return(0,S.p)("api-"+k.V1,[d,e,i],void 0,t.K7.genericEvents,n.ee),d;(0,l.R)(58)}}function ue(e,r={},n,i,s=(0,_.t)()){(0,S.p)("api-"+k.fF,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}var le=r(5718);const fe=(e,t)=>e?.nrMfeId===t.id&&(!e?.nrMfeObserved||e?.nrMfeObserved===t.instance),he=e=>{try{return g.gm.CSS.escape(e)}catch(t){return e}},pe=(e,t={})=>{const r=t.id,n=t.instance;if(!e||!r||!n)return!1;try{let r=1===e.nodeType?e:e.parentElement;for(;r?.tagName;){if(fe(r.dataset,t))return r.dataset.nrMfeObserved=n,!0;r=r.parentNode}}catch(e){}return!1},ge=(e,t)=>{const r=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]')),n=(Array.from(r)||[]).find(t=>fe(t.dataset,e));let i=!!n;i&&(n.dataset.nrMfeObserved??=e.instance);const s=new g.gm.MutationObserver(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{const n=1===r.nodeType?r:null;!i&&fe(n?.dataset,e)&&(s.disconnect(),s.observe(n,{childList:!0,subtree:!0}),i=!0,n.dataset.nrMfeObserved=e.instance),(e=>{try{return e?.textContent?.trim()||["img","video","canvas","svg"].includes(e?.nodeName?.toLowerCase())}catch(e){return!1}})(r)&&(i||pe(r,e))&&t(r,s)})})});return s.observe(n||g.gm.document,{childList:!0,subtree:!0}),s},me=(e,t,r)=>{try{const n=new g.gm.PerformanceObserver(e=>{e.getEntries().forEach(r)});return n.observe(t),e.push(n),n}catch(e){return null}};function ve(e,t){let r,n,i=!1;const s=e=>null==e?e:e-(t?.scriptStart||t?.registeredAt||0),a={fcp:{get value(){const e=s(r);return e>1e4?void 0:e},set value(e){i||(r=e)}},lcp:{get value(){if(void 0!==a.fcp.value)return s(n)},set value(e){i||(n=e)}},cls:{value:void 0},inp:{value:void 0},disconnect:()=>{}};if(!(e&&g.RI&&g.gm.MutationObserver&&g.gm.PerformanceObserver))return a;const o=[];setTimeout(()=>{r||a.disconnect()},1e4);const c=()=>{if(!i){if(null==r){const e=(0,_.t)();if(s(e)>1e4)return void a.disconnect();r=e}n??=(0,_.t)(),a.cls.value??=0}},d=ge(e,(e,t)=>{c(),t.disconnect()});o.push(d);let u=0,l=null;const f=new Set;try{l=new g.gm.ResizeObserver(e=>{i||e.forEach(e=>{try{const t=e.contentRect.width*e.contentRect.height;t>u&&(u=t,a.lcp.value=(0,_.t)()),l.unobserve(e.target)}catch(e){}})})}catch(e){}const h=ge(e,e=>{if(c(),l)try{const t=1===e.nodeType?e:e.parentElement;t&&!f.has(t)&&(f.add(t),"IMG"===t.tagName?t.complete?l.observe(t):t.addEventListener("load",()=>{l.observe(t)},{once:!0}):"VIDEO"===t.tagName?t.readyState>=2?l.observe(t):t.addEventListener("loadeddata",()=>{l.observe(t)},{once:!0}):l.observe(t))}catch(e){}});l&&o.push(l),o.push(h),me(o,{type:"layout-shift",buffered:!0},t=>{i||t.hadRecentInput||(t.sources||[]).some(r=>!!pe(r.node,e)&&(c(),a.cls.value+=t.value,!0))}),me(o,{type:"event",buffered:!0,durationThreshold:40},t=>{!i&&t.interactionId&&pe(t.target,e)&&(void 0===a.inp.value||t.duration>a.inp.value)&&(c(),a.inp.value=t.duration)});const p=["pointerdown","keydown"],m=()=>{p.forEach(e=>{g.gm.removeEventListener(e,v,{passive:!0})})};a.disconnect=()=>{i=!0,o.forEach(e=>{try{e?.disconnect()}catch(e){}}),m(),["visibilitychange","pagehide"].forEach(e=>{g.gm.removeEventListener(e,a.disconnect,{once:!0,passive:!0})})};const v=t=>{pe(t?.target,e)&&((()=>{try{h?.disconnect(),l?.disconnect()}catch(e){}})(),m())};p.forEach(e=>{g.gm.addEventListener(e,v,{passive:!0})}),["visibilitychange","pagehide"].forEach(e=>{g.gm.addEventListener(e,a.disconnect,{once:!0,passive:!0})});const y=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]'));return Array.from(y||[]).some(t=>fe(t.dataset,e))&&c(),a}var ye=r(9566),be=r(7560),Ee=r(9119);const we=["entry","scripts","all"],Re=["name","id","type"],Te=new Map([[ce,"addPageAction"],[oe,"log"],[de,"measure"],[ie,"noticeError"],[ue,"recordCustomEvent"]]),Ae={experimental:(0,C.J)(()=>(0,l.R)(54,"newrelic.register")),disabled:(0,C.J)(()=>(0,l.R)(55)),invalidTarget:(0,C.J)(e=>(0,l.R)(48,e)),deregistered:(0,C.J)(()=>(0,l.R)(68)),invalidTimingMethod:(0,C.J)(e=>(0,l.R)(80,e)),duplicateName:(0,C.J)(e=>(0,l.R)(81,e)),duplicateId:(0,C.J)(e=>(0,l.R)(82,e))};function Se(e){(0,N.Y)(k.eY,function(t){return xe(e,t)},e)}function xe(e,r){Ae.experimental(),r||={},r.instance=(0,ye.LA)(8),r.type=w.f.MFE,r.licenseKey||=e.info.licenseKey,r.blocked=!1,("object"!=typeof r.tags||null===r.tags||Array.isArray(r.tags))&&(r.tags={}),r.parent??={get id(){return e.runtime.appMetadata.agents?.[0].entityGuid},type:w.f.BA},r.manifest=(0,be.N)(r.manifest),void 0===r.timingMethod||we.includes(r.timingMethod)||(Ae.invali
620dTimingMethod(r.timingMethod),r.timingMethod=void 0);const n=(0,le.Qr)(r);r.manifest&&(0,le.xo)(n,r);const i=ve(r,n),s=(0,Ee.L)(""+location),a={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...a,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||w.f.BA,"parent.id":r.parent?.id})}),Object.entries(r.tags).forEach(([e,t])=>{Re.includes(e)||(a["source.".concat(e)]=t)});let o=()=>{};const c=e.runtime.registeredEntities,d=e=>{r.blocked=!0,o=e};function u(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||d(Ae.disabled),u(r.id)&&u(r.name)||d(()=>Ae.invalidTarget(r)),c.forEach(e=>{try{const{name:t,id:n}=e.metadata.target;t===r.name&&n!==r.id&&Ae.duplicateName(r),n===r.id&&t!==r.name&&Ae.duplicateId(r)}catch(e){}});const f={addPageAction:(t,n={})=>m(ce,[t,{...a,...n},e],r),deregister:()=>{p(),d(Ae.deregistered)},log:(t,n={})=>m(oe,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),measure:(t,n={})=>m(de,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>m(ie,[t,{...a,...n},e],r),recordCustomEvent:(t,n={})=>m(ue,[t,{...a,...n},e],r),setApplicationVersion:e=>g("application.version",e),setCustomAttribute:(e,t)=>g(e,t),setUserId:e=>g("enduser.id",e),metadata:{get customAttributes(){return a},target:r,timings:n,vitals:i,events:{latestTimestamp:void 0}}},h=()=>(r.blocked&&o(),r.blocked);function p(){if(n.reportedAt)return;n.reportedAt=(0,_.t)(),i.disconnect(),n.fcp=i.fcp,n.lcp=i.lcp,n.cls=i.cls,n.inp=i.inp;const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart,r={assetUrl:n.asset,assetType:n.type,registerUrl:s,deregisterUrl:(0,Ee.L)(""+location),pageUrl:void 0,currentUrl:void 0,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,t
620imeToRegister:n.registeredAt,totalWeight:n.totalWeight,...void 0!==n.renderBlocking&&{renderBlocking:n.renderBlocking},...i.fcp.value>=0&&{"vitals.fcp.value":i.fcp.value},...i.lcp.value>=0&&{"vitals.lcp.value":i.lcp.value},...i.cls.value>=0&&{"vitals.cls.value":i.cls.value},...i.inp.value>=0&&{"vitals.inp.value":i.inp.value}};f.recordCustomEvent("MicroFrontEndTiming",r)}h()||(c.push(f),(0,V.G)(p));const g=(e,t)=>{h()||(a[e]=t)},m=(r,n,i)=>{if(h()&&r!==xe)return;const s=f.metadata.events.latestTimestamp??(0,_.t)();f.metadata.events.latestTimestamp=void 0;const a=Te.get(r)||"unknown";(0,S.p)(q.xV,["API/register/".concat(a,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,i,s)}catch(e){(0,l.R)(50,e)}};return f}class Oe extends W{static featureName=Z.T;constructor(e){var t;super(e,Z.T),t=e,(0,N.Y)(k.o5,(e,r)=>ie(e,r,t),t),function(e){(0,N.Y)(k.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,N.Y)(k.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),Se(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,S.p)("ierr",[ee(t),(0,_.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),g.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,S.p)("err",[te(t),(0,_.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),g.gm.addEventListener("error",t=>{this.abortHandler&&(0,S.p)("err",[re(t),(0,_.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e,()=>r.e(478).then(r.bind(r,9377)))}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var _e=r(8990);let ke=1;function Ne(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g.gm?0:(0,_e.I)(e,"nr@id",function(){return ke++})}function Le(e){if("string"==typeof e)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,X.A)(e).length}catch(e){return}}}var Me=r(8139),Pe=r(3434),Ie=r(5732);const je={},Ce=["open","send","setRequestHeader"];function De(e,t){var r=e||R.ee;const n=function(e){return(e||R.ee).get("xhr")}(r);if(void 0===g.gm.XMLHttpRequest)return n;if(je[n.debugId]++)return n;je[n.debugId]=1,(0,Me.u)(r,t);var i=(0,Pe.YM)(n,void 0,t),s=g.gm.XMLHttpRequest,a=g.gm.MutationObserver,o=g.gm.Promise,c=g.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],f=[],h=g.gm.XMLHttpRequest=function(e){const r=new s(e),a=n.context(r);a.targets=(0,Ie.$5)(t);try{n.emit("new-xhr",[r],a),r.addEventListener(d,(o=a,function(){var e=this;e.readyState>3&&!o.resolved&&(o.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,u,"fn-",E)}),(0,J.jT)(!1))}catch(e){(0,l.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var o;return r};function p(e,t){i.inPlace(t,["onreadystatechange"],"fn-",E)}if(function(e,t){for(var r in e)t[r]=e[r]}(s,h),h.prototype=s.prototype,i.inPlace(h.prototype,Ce,"-xhr-",E),n.on("send-xhr-start",function(e,t){p(e,t),function(e){f.push(e),a&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",p),a){var m=o&&o.resolve();if(!c&&!o){var v=1,y=document.createTextNode(v);new a(b).observe(y,{characterData:!0})}}else r.on("fn-end",function(e){e[0]&&e[0].type===d||b()});function b(){for(var e=0;e<f.length;e++)p(0,f[e]);f.length&&(f=[])}function E(e,t){return t}return n}var Be="fetch-",He=Be+"body-",We=["arrayBuffer","blob","json","text","formData"],Ue=g.gm.Request,Ke=g.gm.Response,Fe="prototype";const Ve={};function ze(e,t){const r=function(e){return(e||R.ee).get("fetch")}(e);if(!(Ue&&Ke&&g.gm.fetch))return r;if(Ve[r.debugId]++)return r;function n(e,n,i){var s=e[n];"function"==typeof s&&(e[n]=function(){var e=[...arguments];const n={},a=(0,Ie.$5)(t);var o;r.emit(i+"before-start",[e],n),n[R.P]&&n[R.P].dt&&(o=n[R.P].dt);var c=s.apply(this,e);return r.emit(i+"start",[e,o],c),c.then(function(e){return r.emit(i+"end",[null,e,a],c),e},function(e){throw r.emit(i+"end",[e,void 0,a],c),e})})}
620return Ve[r.debugId]=1,We.forEach(e=>{n(Ue[Fe],e,He),n(Ke[Fe],e,He)}),n(g.gm,"fetch",Be),r.on(Be+"end",function(e,n,i){var s=this;if(s.targets=i||[t.runtime.v2Target],n){var a=n.headers.get("content-length");null!==a&&(s.rxSize=a),r.emit(Be+"done",[null,n],s)}else r.emit(Be+"done",[e],s)}),r}var Ge=r(7485);class qe{constructor(e){this.agentRef=e}generateTracePayload(e){const t=this.agentRef.loader_config;if(!this.shouldGenerateTrace(e)||!t)return null;var r=(t.accountID||"").toString()||null,n=(t.agentID||"").toString()||null,i=(t.trustKey||"").toString()||null;if(!r||!n)return null;var s,a=(0,ye.ZF)(),o=(0,ye.el)(),c=Date.now();this.agentRef.runtime?.timeKeeper?.ready&&(s=Math.floor(this.agentRef.runtime.timeKeeper.correctAbsoluteTimestamp(c)));var d={spanId:a,traceId:o,timestamp:c,timestampCorrected:s};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(d.traceContextParentHeader=this.generateTraceContextParentHeader(a,o),d.traceContextStateHeader=this.generateTraceContextStateHeader(a,s??c,r,n,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(d.newrelicHeader=this.generateTraceHeader(a,o,s??c,r,n,i)),d}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,s){if(!("function"==typeof g.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return s&&n!==s&&(a.d.tk=s),btoa((0,X.A)(a))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,Ge.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var Ye=r(7295);function Ze(e){return"string"==typeof e?e:e instanceof(0,i.dV)().o.REQ?e.url:g.gm?.URL&&e instanceof URL?e.href:void 0}function $e(e,t){var r=(0,Ge.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var Je=["load","error","abort","timeout"],Xe=Je.length,Qe=(0,i.dV)().o.REQ,et=(0,i.dV)().o.XHR;const tt="X-NewRelic-App-Data",rt="internal-error";class nt extends W{static featureName=c.TZ;constructor(e){super(e,c.TZ),this.dt=new qe(e),this.handler=(e,t,r,n)=>(0,S.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};g.gm?.performance?.getEntriesByType("resource").forEach(r=>{if(r.initiatorType in e&&0!==r.responseStatus){const n={status:r.responseStatus},i={rxSize:r.transferSize,duration:Math.floor(r.duration),cbTime:0};$e(n,r.name),this.handler("xhr",[n,i,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}ze(this.ee,e),De(this.ee,e),function(e,r,n,i){const s=[c.mo.ALL,c.mo.FAILURES].includes(e.init.ajax?.capture_payloads);function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=A,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},t.latestLongtaskEnd=0,e.addEventListener("load",function(r){O(t,e)},(0,J.jT)(!1)),g.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,J.jT)(!1))}function o(e){this.params={method:e[0]},$e(this,e[1]),this.metrics={}}function d(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=i.generateTracePayload(this.parsedOrigin);if(n){var s=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),s=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),s=!0),s&&(this.dt=n)}}function u(e,t){s&&e.length>=2&&(this.requestHeaders??={},this.requestHeaders[e[0].toLowerCase()]=e[1])}function l(e,t){var n=this.metrics,i=e[0],s=this;if(n&&i){var a=Le(i);a&&(n.txSize=a)}this.startTime=(0,_.t)(),this.requestBody=i,this.listener=function(e){try{"abort"!==e.type||s.loadCaptureCalled||(s.params.aborted=!0),("load"
620!==e.type||s.called===s.totalCbs&&(s.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof s.end)&&s.end(t)}catch(e){try{r.emit(rt,[e])}catch(e){}}};for(var o=0;o<Xe;o++)t.addEventListener(Je[o],this.listener,(0,J.jT)(!1))}function f(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function h(e,t){var r=""+Ne(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function p(e,t){var r=""+Ne(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function m(){this.endTime=(0,_.t)()}function v(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function y(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function b(e,t,r){t instanceof et&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,_.t)()))}function E(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,_.t)()-this.xhrCbStart,this.onload,t],t)}function w(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&g.RI&&(t=""+g.gm.location.href):e[0]&&e[0].url?t=e[0].url:g.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,Ge.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=i.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)o(e[0].headers,n)&&(this.dt=n);else{var s={};for(var a in r)s[a]=r[a];s.headers=new Headers(r.headers||{}),o(s.headers,n)&&(this.dt=n),e.length>1?e[1]=s:e.push(s)}}function o(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function R(e,t){this.params={},this.metrics={},this.startTime=(0,_.t)(),this.dt=t;let[r,n={}]=e;$e(this,Ze(r));const i=(""+(r&&r instanceof Qe&&r.method||n.method||"GET")).toUpperCase();this.params.method=i,this.txSize=Le(n.body||r?.body)||0;try{var a=n.headers||r?.headers;if(s&&a)if(this.requestHeaders??={},a instanceof Headers)a.forEach(function(e,t){this.requestHeaders[t.toLowerCase()]=e}.bind(this));else if("object"==typeof a)for(var o in a)this.requestHeaders[o.toLowerCase()]=a[o]}catch(e){}this.requestBody=n.body||r?.body}function T(e,t){if(this.endTime=(0,_.t)(),this.params||(this.params={}),(0,Ye.iW)(this.params))return;this.params.status=t?t.status:0;const n=()=>{const e=+this.rxSize,t=null==this.rxSize||isNaN(e)?void 0:e,r={txSize:this.txSize,rxSize:t,duration:this.endTime-this.startTime},n=[this.params,r,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>x(n,this,e))};t&&s?t.clone().text().then(e=>{this.responseBody=e,this.rxSize&&"0"!==this.rxSize&&0!==this.rxSize||void 0===e||0===this.params.status||(this.rxSize=Le(e)),t?.headers&&(this.responseHeaders={},t.headers.forEach(function(e,t){this.responseHeaders[t.toLowerCase()]=e}.bind(this)))}).catch(e=>{r.emit(rt,[e])}).finally(()=>{n()}):n()}function A(e){const t=this.params,n=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<Xe;t++)e.removeEventListener(Je[t],this.listener,!1);if(t.aborted)return;if((0,Ye.iW)(t))return;if(n.duration=this.endTime-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):O(this,e),n.cbTime=this.cbTime,s){try{this.responseBody=e.responseText}catch(t){this.responseBody=e.response}if((!n.rxSize||0===n.rxSize)&&void 0!==this.responseBody&&0!==t.status){const e=Le(this.responseBody);void 0!==e&&(n.rxSize=e)}try{this.responseHeaders=function(e){const t={};return e?(e.split("\r\n").forEach(function(e){const r=e.indexOf(": ");if(r>0){const n=e.substring(0,r),i=e.substring(r+2);t[n.toLowerCase()]=i}}),t):t}(e.getAllResponseHeaders())}catch(e){r.emit(rt,[e])}}const i=[t,n,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>x(i,this,e))}function x(e,r,i){n("xhr",[...e,i],r,t.K7.ajax)}function O(e,n){e.params.status=n.status;var i=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?Le(e.response):"text"===r||""===r||void 0===r?Le(e.responseText):void 0}(n,e.lastSize);if(void 0!==i&&0!==n.status&&(e.metrics.rxSize=i),e.sameOrigin&&n.getAllResponseHeaders().indexOf(tt)>=0){var s=n.getResponseHeader(tt);s&&((0,S.p)("sm",["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=s.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",a),r.on("open-xhr-start",o),r.on("open-xhr-end",d),r.on("send-xhr-start",l),r.on("setRequestHeader-xhr-start",u),r.on("xhr-cb-time",f),r.on("xhr-load-added",h),r.on("xhr-load-removed",p),r.on("xhr-resolved",m),r.on("addEventListener-end",v),r.on("removeEventListener-end",y),r.on("fn-end",E),r.on("fetch-before-start",w),r.on("fetch-start",R),r.on("fn-start",b),r.on("fetch-done",T)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>r.e(478).then(r.bind(r,3845)))}}const it={},st=["pushState","replaceState"];function at(e,t){const r=function(e){return(e||R.ee).get("history")}(e);return!g.RI||it[r.debugId]++||(it[r.debugId]=1,(0,Pe.YM)(r,void 0,t).inPlace(window.history,st,"-")),r}var ot=r(3738);function ct(e){(0,N.Y)(k.BL,function(r=Date.now()){const n=r-g.WN;n<0&&(0,l.R)(62,r),(0,S.p)(q.XG,[k.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:k.BL,start:r,origin:"nr"}),(0,S.p)("api-"+k.hG,[n,k.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:dt,bD:ut,d3:lt,Kp:ft,TZ:ht,Lc:pt,uP:gt,Rz:mt}=ot;class vt extends W{static featureName=ht;constructor(e){var n;super(e,ht),n=e,(0,N.Y)(k.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const r={n:e.name,s:e.start-g.WN,e:(e.end||e.start)-g.WN,o:e.origin||"",t:"api"};r.s<0||r.e<0||r.e<r.s?(0,l.R)(61,{start:r.s,end:r.e}):(0,S.p)("bstApi",[r],void 0,t.K7.sessionTrace,n.ee)},n),ct(e);
620if(!(0,j.V)(e.init))return void this.deregisterDrain();const i=this.ee;let s;at(i,e),this.eventsEE=(0,Me.u)(i,e),this.eventsEE.on(gt,function(e,t){this.bstStart=(0,_.t)()}),this.eventsEE.on(pt,function(e,r){(0,S.p)("bst",[e[0],r,this.bstStart,(0,_.t)()],void 0,t.K7.sessionTrace,i)}),i.on(mt+lt,function(e){this.time=(0,_.t)(),this.startPath=location.pathname+location.hash}),i.on(mt+ft,function(e){(0,S.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,i)});try{s=new PerformanceObserver(e=>{const r=e.getEntries();(0,S.p)(dt,[r],void 0,t.K7.sessionTrace,i)}),s.observe({type:ut,buffered:!0})}catch(e){}this.importAggregator(e,()=>r.e(478).then(r.bind(r,6974)),{resourceObserver:s})}}var yt=r(733),bt=r(6344);class Et extends W{static featureName=bt.TZ;#i;recorder;constructor(e){var n;let i;super(e,bt.TZ),n=e,(0,N.Y)(k.CH,function(){(0,S.p)(k.CH,[],void 0,t.K7.sessionReplay,n.ee)},n),function(e){(0,N.Y)(k.Tb,function(){(0,S.p)(k.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);const s="".concat(u.Wt).concat((0,yt.Y)(e.info.licenseKey,e.info.applicationID));try{i=JSON.parse(localStorage.getItem(s))}catch(e){}(0,I.SR)(e.init)&&this.ee.on(k.CH,()=>this.#s()),this.#a(i)&&this.importRecorder().then(e=>{e.startRecording(bt.Qb.PRELOAD,i?.sessionReplayMode)}),this.abortHandler=this.#n,this.importAggregator(this.agentRef,()=>r.e(478).then(r.bind(r,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,S.p)(bt.Vh,[e],void 0,this.featureName,this.ee))})}#a(e){return e&&(e.sessionReplayMode===u.g.FULL||e.sessionReplayMode===u.g.ERROR)||(0,I.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#i??=Promise.all([r.e(478),r.e(249)]).then(r.bind(r,4866)).then(({Recorder:e})=>(this.recorder=new e(this),this.recorder)).catch(e=>{throw this.ee.emit("internal-error",[e]),this.blocked=!0,e}),this.#i)}#s(){this.blocked||(this.featAggregate?this.featAggregate.mode!==u.g.FULL&&this.featAggregate.initializeRecording(u.g.FULL,!0,bt.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(bt.Qb.API,u.g.FULL)}))}#n(){this.recorder?.stopRecording()}}var wt=r(3962);class Rt extends W{static featureName=wt.TZ;constructor(e){if(super(e,wt.TZ),function(e){const r=e.ee.get("tracer");function n(){}(0,N.Y)(k.dT,function(e){return(new n).get("object"==typeof e?e:{})},e);const i=n.prototype={createTracer:function(n,i){var s={},a=this,o="function"==typeof i;return(0,S.p)(q.xV,["API/createTracer/called"],void 0,t.K7.metrics,e.ee),function(){if(r.emit((o?"":"no-")+"fn-start",[(0,_.t)(),a,o],s),o)try{return i.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw r.emit("fn-err",[arguments,this,t],s),t}finally{r.emit("fn-end",[(0,_.t)()],s)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach(r=>{N.Y.apply(this,[r,function(){return(0,S.p)(k.hw+r,[performance.now(),...arguments],this,t.K7.softNav,e.ee),this},e,i])}),(0,N.Y)(k.PA,function(){(0,S.p)(k.hw+"routeName",[performance.now(),...arguments],void 0,t.K7.softNav,e.ee)},e)}(e),!g.RI||!(0,i.dV)().o.MO)return;const n=at(this.ee,e);try{this.removeOnAbort=new AbortController}catch(e){}wt.tC.forEach(e=>{(0,J.sp)(e,e=>{c(e)},!0,this.removeOnAbort?.signal)}
620);const s=()=>(0,S.p)("newURL",[(0,_.t)(),""+window.location],void 0,this.featureName,this.ee);n.on("pushState-end",s),n.on("replaceState-end",s),(0,J.sp)(wt.OV,e=>{c(e),(0,S.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)},!0,this.removeOnAbort?.signal);let a=!1;const o=new((0,i.dV)().o.MO)((e,t)=>{a||(a=!0,requestAnimationFrame(()=>{(0,S.p)("newDom",[(0,_.t)()],void 0,this.featureName,this.ee),a=!1}))}),c=(0,C.s)(e=>{"loading"!==document.readyState&&((0,S.p)("newUIEvent",[e],void 0,this.featureName,this.ee),o.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),o.disconnect(),this.abortHandler=void 0},this.importAggregator(e,()=>r.e(478).then(r.bind(r,4393)),{domObserver:o})}}var Tt=r(981);const At={},St=new Set;function xt(e){return"string"==typeof e?{type:"string",size:(new TextEncoder).encode(e).length}:e instanceof ArrayBuffer?{type:"ArrayBuffer",size:e.byteLength}:e instanceof Blob?{type:"Blob",size:e.size}:e instanceof DataView?{type:"DataView",size:e.byteLength}:ArrayBuffer.isView(e)?{type:"TypedArray",size:e.byteLength}:{type:"unknown",size:0}}class Ot{constructor(e,t){this.timestamp=(0,_.t)(),this.currentUrl=(0,Ee.L)(window.location.href),this.socketId=(0,ye.LA)(8),this.requestedUrl=(0,Ee.L)(e),this.requestedProtocols=Array.isArray(t)?t.join(","):t||"",this.openedAt=void 0,this.protocol=void 0,this.extensions=void 0,this.binaryType=void 0,this.messageOrigin=void 0,this.messageCount=0,this.messageBytes=0,this.messageBytesMin=0,this.messageBytesMax=0,this.messageTypes=void 0,this.sendCount=0,this.sendBytes=0,this.sendBytesMin=0,this.sendBytesMax=0,this.sendTypes=void 0,this.closedAt=void 0,this.closeCode=void 0,this.closeReason="unknown",this.closeWasClean=void 0,this.connectedDuration=0,this.hasErrors=void 0}}class _t extends W{static featureName=o.TZ;constructor(e){super(e,o.TZ);const n=e.init.feature_flags.includes("websockets")||e.init.web_sockets?.enabled,s=!e.init.feature_flags.includes("no_spv"),a=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.performance.resources.enabled,e.init.user_actions.enabled,n,s];var c;let d;if(c=e,(0,N.Y)(k.hG,(e,t)=>ce(e,t,c),c),function(e){(0,N.Y)(k.fF,(t,r)=>ue(t,r,e),e)}(e),ct(e),Se(e),function(e){(0,N.Y)(k.V1,(t,r)=>de(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},n){const u=function(e,t){if(!(0,i.dV)().o.WS)return e;const r=e.get("websockets");if(At[r.debugId]++)return r;At[r.debugId]=1,(0,V.G)(()=>{const e=(0,_.t)();St.forEach(t=>{t.nrData.closedAt=e,t.nrData.closeCode=1001,t.nrData.closeReason="Page navigating away",t.nrData.closeWasClean=!1,t.nrData.openedAt&&(t.nrData.connectedDuration=e-t.nrData.openedAt),r.emit("ws",[t.nrData,t.targets],t)})});
620class n extends WebSocket{static name=Tt.R.WS;static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return n.name}#o(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new Ot(e[0],e[1]),this.targets=(0,Ie.$5)(t),this.addEventListener("open",()=>{this.nrData.openedAt=(0,_.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),St.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=xt(e.data);this.nrData.messageOrigin??=(0,Ee.L)(e.origin),this.nrData.messageCount++,this.nrData.messageBytes+=r,this.nrData.messageBytesMin=Math.min(this.nrData.messageBytesMin||1/0,r),this.nrData.messageBytesMax=Math.max(this.nrData.messageBytesMax,r),(this.nrData.messageTypes??"").includes(t)||(this.nrData.messageTypes=this.nrData.messageTypes?"".concat(this.nrData.messageTypes,",").concat(t):t)}),this.addEventListener("close",e=>{this.nrData.closedAt=(0,_.t)(),this.nrData.closeCode=e.code,e.reason&&(this.nrData.closeReason=e.reason),this.nrData.closeWasClean=e.wasClean,this.nrData.connectedDuration=this.nrData.closedAt-this.nrData.openedAt,St.delete(this),r.emit("ws",[this.nrData,this.targets],this)})}addEventListener(e,t,...r){const n=this,i="function"==typeof t?function(...e){try{return t.apply(this,e)}catch(e){throw n.#o(e),e}}:t?.handleEvent?{handleEvent:function(...e){try{return t.handleEvent.apply(t,e)}catch(e){throw n.#o(e),e}}}:t;return super.addEventListener(e,i,...r)}send(e){if(this.readyState===WebSocket.OPEN){const{type:t,size:r}=xt(e);this.nrData.sendCount++,this.nrData.sendBytes+=r,this.nrData.sendBytesMin=Math.min(this.nrData.sendBytesMin||1/0,r),this.nrData.sendBytesMax=Math.max(this.nrData.sendBytesMax,r),(this.nrData.sendTypes??"").includes(t)||(this.nrData.sendTypes=this.nrData.sendTypes?"".concat(this.nrData.sendTypes,",").concat(t):t)}try{return super.send(e)}catch(e){throw this.#o(e),e}}close(...e){try{super.close(...e)}catch(e){throw this.#o(e),e}}}return g.gm.WebSocket=n,r}(this.ee,e);u.on("ws",(e,t)=>{(0,S.p)("ws-complete",[e,t],void 0,this.featureName,this.ee)})}if(s){if("function"==typeof g.gm.ReportingObserver){const l=new g.gm.ReportingObserver(e=>{e.forEach(e=>{(0,S.p)("spv",[kt(e),(0,_.t)()],void 0,t.K7.genericEvents,this.ee)}),l.disconnect()},{types:["csp-violation"],buffered:!0});l.observe()}g.gm.addEventListener("securitypolicyviolation",e=>{(0,S.p)("spv",[kt(e),e.timeStamp],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal))}if(g.RI){if(ze(this.ee,e),De(this.ee,e),d=at(this.ee,e),e.init.user_actions.enabled){function f(t){const r=(0,Ge.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function h(){d.emit("navChange")}o.Zp.forEach(e=>(0,J.sp)(e,e=>(0,S.p)("ua",[e],void 0,this.featureName,this.ee),!0)),o.qN.forEac
620h(e=>{const t=(0,C.s)(e=>{(0,S.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,J.sp)(e,t)}),g.gm.addEventListener("error",()=>{(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{f(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!f(Ze(e[0]))&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),d.on("pushState-end",h),d.on("replaceState-end",h),window.addEventListener("hashchange",h,(0,J.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",h,(0,J.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&g.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{(0,S.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)})}).observe({type:"resource",buffered:!0})}}a.some(e=>e)?this.importAggregator(e,()=>r.e(478).then(r.bind(r,8019))):this.deregisterDrain()}}function kt(e){const t=e.body??e;return{blockedUrl:t.blockedURL??e.blockedURI,documentUrl:t.documentURL??e.documentURI,effectiveDirective:t.effectiveDirective,originalPolicy:t.originalPolicy,sourceFile:t.sourceFile,statusCode:t.statusCode,lineNumber:t.lineNumber,columnNumber:t.columnNumber,disposition:"reporting"===t.disposition?"report":t.disposition,sample:t.sample,referrer:t.referrer}}var Nt=r(2646);const Lt=new Map;function Mt(e,t,r,n,i=!0,s){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const a=function(e){return(e||R.ee).get("logger")}(e),o=(0,Pe.YM)(a,void 0,s),c=new Nt.y(R.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=i;const d=t[r]?.[Pe.Jt]||t[r];return Lt.set(d,c),o.inPlace(t,[r],"wrap-logger-",()=>Lt.get(d),void 0,!0),a}var Pt=r(1910);class It extends W{static featureName=se.TZ;constructor(e){var t;super(e,se.TZ),t=e,(0,N.Y)("log",(e,r)=>oe(e,r,t),t),function(e){(0,N.Y)(k.Wb,(t,r,{customAttributes:n={},level:i=se.p_.INFO}={})=>{Mt(e.ee,t,r,{customAttributes:n,level:i},!1,e)},e)}(e),Se(e);const n=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,Pt.i)(g.gm.console[t]),Mt(n,g.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([t],r,i,s=[e.runtime.v2Target]){const{level:a,customAttributes:o,autoCaptured:c}=this;s.forEach(e=>{(0,ae.R)(n,t,o,a,c,e)})}),this.importAggregator(e,()=>r.e(478).then(r.bind(r,5288)))}}new F({features:[nt,K,G,vt,Et,Y,Oe,_t,It,Rt],loaderType:"spa"})})()})();</script>
620
621  </head>
622  <body>
623          <meta http-content='IE=Edge' http-equiv='X-UA-Compatible'>
624      <meta content='width=device-width,initial-scale=1.0' name='viewport'>
625<meta id="fedora-keys" data-commit-sha="0c4aab6fa07a670cdb6be624ca875c5155986e29" data-env="production" data-sentry-public-dsn="https://[email protected]/120346" data-stripe="pk_live_hkgvgSBxG4TAl3zGlXiB1KUX" data-track-all-ahoy="false" data-track-changes-ahoy="false" data-track-clicks-ahoy="false" data-track-sumbits-ahoy="false" data-iris-url="https://eventable.internal.teachable.com" /><meta id="fedora-data" data-report-card="{}" data-course-ids="[]" data-completed-lecture-ids="[]" data-school-id="33940" data-school-launched="true" data-preview="logged_out" data-turn-off-fedora-branding="true" data-plan-supports-whitelabeling="true" data-powered-by-text="Propulsé par" data-asset-path="//assets.teachablecdn.com/teachable-branding-2025/logos/teachable-logomark-white.svg" data-school-preferences="{&quot;ssl_forced&quot;:&quot;true&quot;,&quot;bnpl_allowed&quot;:&quot;false&quot;,&quot;phone_enabled&quot;:&quot;false&quot;,&quot;bazaar_enabled&quot;:&quot;false&quot;,&quot;paypal_enabled&quot;:&quot;true&quot;,&quot;phone_required&quot;:&quot;false&quot;,&quot;gifting_enabled&quot;:&quot;true&quot;,&quot;adaptive_pricing&quot;:&quot;false&quot;,&quot;autoplay_lectures&quot;:&quot;false&quot;,&quot;clickwrap_enabled&quot;:&quot;false&quot;,&quot;comments_threaded&quot;:&quot;true&quot;,&quot;themeable_enabled&quot;:&quot;true&quot;,&quot;course_blocks_beta&quot;:&quot;true&quot;,&quot;eu_vat_tax_enabled&quot;:&quot;false&quot;,&quot;legacy_back_office&quot;:&quot;true&quot;,&quot;themeable_disabled&quot;:&quot;false&quot;,&quot;back_office_enabled&quot;:&quot;true&quot;,&quot;comments_moderation&quot;:&quot;true&quot;,&quot;eu_vat_tax_eligible&quot;:&quot;true&quot;,&quot;charge_exclusive_tax&quot;:&quot;true&quot;,&quot;checkout_submit_type&quot;:null,&quot;drip_content_enabled&quot;:&quot;true&quot;,&quot;send_receipts_emails&quot;:&quot;true&quot;,&quot;autocomplete_lectures&quot;:&quot;true&quot;,&quot;class_periods_enabled&quot;:&quot;false&quot;,&quot;custom_fields_enabled&quot;:&quot;false&quot;,&quot;tax_inclusive_pricing&quot;:&quot;true&quot;,&quot;authors_can_manage_pbc&quot;:&quot;true&quot;,&quot;css_properties_enabled&quot;:&quot;false&quot;,&quot;preenrollments_enabled&quot;:&quot;false&quot;,&quot;stripe_connect_enabled&quot;:&quot;false&quot;,&quot;checkout_tax_id_enabled&quot;:&quot;false&quot;,&quot;native_comments_enabled&quot;:&quot;true&quot;,&quot;new_text_editor_enabled&quot;:&quot;true&quot;,&quot;require_terms_agreement&quot;:&quot;true&quot;,&quot;send_new_comment_emails&quot;:&quot;true&quot;,&quot;author_affiliate_payouts&quot;:&quot;false&quot;,&quot;checkout_tax_id_required&quot;:&quot;false&quot;,&quot;send_drip_content_emails&quot;:&quot;true&quot;,&quot;ssl_forced_from_creation&quot;:&quot;false&quot;,&quot;turn_off_fedora_branding&quot;:&quot;true&quot;,&quot;allow_comment_attachments&quot;:&quot;false&quot;,&quot;authors_can_email_students&quot;:&quot;false&quot;,&quot;authors_can_manage_coupons&quot;:&quot;false&quot;,&quot;custom_email_limit_applied&quot;:&quot;false&quot;,&quot;send_abandoned_cart_emails&quot;:&quot;true&quot;,&quot;teachable_accounts_enabled&quot;:&quot;true&quot;,&quot;teachable_payments_enabled&quot;:&quot;true&quot;,&quot;authors_can_import_students&quot;:&quot;false&quot;,&quot;authors_can_publish_courses&quot;:&quot;false&quot;,&quot;internal_subscriptions_beta&quot;:&quot;true&quot;,&quot;recaptcha_enabled_on_signup&quot;:&quot;true&quot;,&quot;tax_form_collection_enabled&quot;:&quot;false&quot;,&quot;display_vat_inclusive_prices&quot;:&quot;false&quot;,&quot;single_page_checkout_enabled&quot;:&quot;true&quot;,&quot;authors_can_set_course_prices&quot;:&quot;false&quot;,&quot;dynamic_tax_inclusive_pricing&quot;:&quot;false&quot;,&quot;send_lead_confirmation_emails&quot;:&quot;true&quot;,&quot;affiliate_cookie_duration_days&quot;:&quot;60&quot;,&quot;authors_can_issue_certificates&quot;:&quot;false&quot;,&quot;store_student_cards_separately&quot;:&quot;true&quot;,&quot;affiliate_external_urls_enabled&quot;:&quot;false&quot;,&quot;authors_can_manage_certificates&quot;:&quot;false&quot;,&quot;authors_can_manage_course_pages&quot;:&quot;false&quot;,&quot;prevent_new_coupon_applications&quot;:&quot;true&quot;,&quot;checkout_promotion_codes_enabled&quot;:&quot;false&quot;,&quot;disable_js_course_event_tracking&quot;:&quot;false&quot;,&quot;exclusive_vat_on_custom_gateways&quot;:&quot;true&quot;,&quot;is_edit_site_onboarding_complete&quot;:&quot;false&quot;,&quot;send_certificate_issuance_emails&quot;:&quot;true&quot;,&quot;
625owner_teachable_accounts_required&quot;:&quot;false&quot;,&quot;prevent_payment_plan_cancellation&quot;:&quot;true&quot;,&quot;send_subscription_reminder_emails&quot;:&quot;true&quot;,&quot;automatically_add_disqus_attachments&quot;:&quot;true&quot;,&quot;recalc_course_pct_on_lecture_publish&quot;:&quot;true&quot;,&quot;send_confirmation_instructions_emails&quot;:&quot;true&quot;,&quot;send_limited_time_unenrollment_emails&quot;:&quot;true&quot;,&quot;turn_off_myteachable_sign_up_branding&quot;:&quot;false&quot;,&quot;checkout_customer_tos_acceptance_required&quot;:&quot;false&quot;}" data-accessible-features="[&quot;bulk_importing_users&quot;,&quot;bulk_enroll_students&quot;,&quot;manually_importing_users&quot;,&quot;native_certificates&quot;,&quot;admin_seats&quot;,&quot;custom_roles&quot;,&quot;earnings_statements&quot;,&quot;teachable_payments&quot;,&quot;teachable_u&quot;,&quot;course_compliance&quot;,&quot;page_editor_v2&quot;,&quot;certificates_editor_v2&quot;,&quot;drip_content&quot;,&quot;custom_domain&quot;,&quot;coupons&quot;,&quot;graded_quizzes&quot;,&quot;power_editor&quot;,&quot;email&quot;,&quot;course_reports&quot;,&quot;webhooks&quot;,&quot;integrations&quot;,&quot;zapier_action_create_user&quot;,&quot;teachable_payments_payout_view&quot;,&quot;upsells&quot;,&quot;facebook_pixel&quot;,&quot;user_search_filters&quot;,&quot;user_tags&quot;,&quot;multiple_course_pages&quot;,&quot;proration_upgrade_flow&quot;,&quot;cross_border_payments&quot;,&quot;limited_time_enrollments&quot;,&quot;sales_tax_on_student_checkout&quot;,&quot;warroom_jan_22_blocks&quot;,&quot;paid_integrations&quot;,&quot;sales_analytics_retool&quot;,&quot;new_device_confirmation&quot;,&quot;elasticsearch_users&quot;,&quot;elasticsearch_transactions&quot;,&quot;reset_progress&quot;,&quot;fraud_warnings&quot;,&quot;paypal_through_tp&quot;,&quot;new_creator_checkout&quot;,&quot;circle_oauth&quot;]" data-course-data="{}" /><meta id="analytics-keys" name="analytics" data-analytics="{}" />
626    
627    
628    <!-- Preview bar -->
629    <!--
630    { % include "courses/partials/preview_bar" Use_V1: true
631     loggedin_text: "Preview as student"
632     loggedout_text: "Preview as public"
633     edit_link: page_edit_link %}
634     -->
635    
636      <!-- HEADER -->
637<header class='v1-header header-sticky'>
638  
639  <!-- Navbar -->
640  <div
641    class="navbar-fedora is-at-top is-not-signed-in show-nav-background-color"
642    id='navbar'
643    role='navigation' style="height: 55px; width: 100%;">
644    <div class='btstrp-container'>
645      <div class='btstrp-navbar-header navbar-header-courses'>
646        <button class='btstrp-navbar-toggle' data-target='.navbar-header-collapse' data-toggle='collapse' type='button'>
647          <span class='btstrp-sr-only'>
648            Navigation
649          </span>
650          <span class='btstrp-icon-bar'></span>
651          <span class='btstrp-icon-bar'></span>
652          <span class='btstrp-icon-bar'></span>
653        </button>
654        <!-- Site logo -->
655        
656          <a class='btstrp-navbar-brand header-logo' style="top: 3px;" href='https://mildorviolon.com'>
657            <img src="https://static-media.hotmart.com/TEWQ8jRA7-mTVtqYZ30_QC7Qxf4=/0x60/https://uploads.teachablecdn.com/attachments/oKFpfYMWTyCiabNrBvrR_Logo+Mildor+Violon+-+Accueil+horizontal.png" style="height: 50px;" alt="Mildor Violon" srcset="https://static-media.hotmart.com/2xqflWbzDk-h6whiJxQYuLu5DRg=/0x120/https://uploads.teachablecdn.com/attachments/oKFpfYMWTyCiabNrBvrR_Logo+Mildor+Violon+-+Accueil+horizontal.png 2x" />
658          </a>
659          
660
661        <!-- Header Menu -->
662        <div class='collapse btstrp-navbar-collapse navbar-header-collapse'>
663          <!-- Seule facon d'insérer quelque chose dans le body, c'est de le mettre ici. Google Tag Manager demande à avoir un script dans le body, donc je l'ai inséré ici. -->
664<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 664-665
664
665<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
665GTM-P2BLX3F
vendor: 83 bytes, lines 665-666
665"
666height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
667<!-- End Google Tag Manager (noscript) -->
668
669<ul class='nav navbar-nav navbar-right'>
670  
671
672
673  <!-- POUR UN NOMBRE CUSTOM DE LIENS DANS LE MENU PRINCIPAL DU SITE, CHANGER LES TROIS CHIFFRES PLUS BAS -->
674  <!-- POUR UN NOMBRE CUSTOM DE LIENS DANS LE MENU PRINCIPAL DU SITE, CHANGER LES TROIS CHIFFRES PLUS BAS -->
675  <!-- POUR UN NOMBRE CUSTOM DE LIENS DANS LE MENU PRINCIPAL DU SITE, CHANGER LES TROIS CHIFFRES PLUS BAS -->
676  <!-- POUR UN NOMBRE CUSTOM DE LIENS DANS LE MENU PRINCIPAL DU SITE, CHANGER LES TROIS CHIFFRES PLUS BAS -->
677
678  
679  <!-- Ajoute de JF pour ne pas voir My Membership -->
680  
681  <li>
682    
683    <a style="padding-bottom: 0px;" class='fedora-navbar-link navbar-link' href='/p/accueil' target=''>
684      Accueil
685    </a>
686    
687  </li>
688  
689  
690  <!-- Ajoute de JF pour ne pas voir My Membership -->
691  
692  <li>
693    
694    <a style="padding-bottom: 0px;" class='fedora-navbar-link navbar-link current-page' href='/p/tutoriels' target=''>
695      Tutoriels
696    </a>
697    
698  </li>
699  
700  
701  <!-- Ajoute de JF pour ne pas voir My Membership -->
702  
703  <li>
704    
705    <a style="padding-bottom: 0px;" class='fedora-navbar-link navbar-link' href='/p/visio' target=''>
706      Visio
707    </a>
708    
709  </li>
710  
711  
712  <!-- Ajoute de JF pour ne pas voir My Membership -->
713  
714  <li>
715    
716    <a style="padding-bottom: 0px;" class='fedora-navbar-link navbar-link' href='/p/partitions' target=''>
717      Partitions
718    </a>
719    
720  </li>
721  
722  
723  <!-- Ajoute de JF pour ne pas voir My Membership -->
724  
725  <li>
726    
727    <a style="padding-bottom: 0px;" class='fedora-navbar-link navbar-link' href='/p/webinaire' target=''>
728      Séries
729    </a>
730    
731  </li>
732  
733  
734  <!-- Ajoute de JF pour ne pas voir My Membership -->
735  
736  <li>
737    
738    <a style="padding-bottom: 0px;" class='fedora-navbar-link navbar-link' href='/p/evenement' target=''>
739      Événements
740    </a>
741    
742  </li>
743  
744  
745  <!-- Ajoute de JF pour ne pas voir My Membership -->
746  
747  <li>
748    
749    <a style="padding-bottom: 0px;" class='fedora-navbar-link navbar-link' href='/p/blogue' target=''>
750      Blogue
751    </a>
752    
753  </li>
754  
755  
756  <!-- Ajoute de JF pour ne pas voir My Membership -->
757  
758  <li>
759    
760    <a style="padding-bottom: 0px;" class='fedora-navbar-link navbar-link' href='/p/boutique' target=''>
761      Boutique
762    </a>
763    
764  </li>
765  
766  
767
768  <!-- If more than X links, collapse the rest in a dropdown -->
769  
770
771  
772  
773  
774    
775      <li>
776        <a class='btn-primary btn-lg' href='/sign_in'>
777          Connexion
778        </a>
779      </li>
780    
781  
782</ul>
783
784        </div>
785      </div>
786    </div>
787  </div>
788</header>
789
790      
791
792
793<script>
794  var TOAST_DELAY = 4000
795function displayToast (selector, toastMessage) {
796  const toast = document.querySelector(selector)
797  if (!toast) {
798    return
799  }
800  toast.innerText = toastMessage
801  toast.setAttribute('data-transition', 'entered')
802  setTimeout(function() { toast.setAttribute('data-transition', 'exiting') }, TOAST_DELAY )
803}
804
805function resendConfirmationEmail() {
806  const resendEmailButton = document.querySelector(
807    '.resend-confirmation-email-button'
808  )
809  if (resendEmailButton) {
810    fetch(``)
811      .then(function (response) {
812        if (response.ok) {
813          displayToast('.toast.success', 'Confirmation email has been sent successfully')
814        } else if (response.status === 429) {
815          displayToast('.toast.error', 'You are doing this too fast. Please wait and try again in a few minutes')
816        } else {
817          displayToast('.toast.error', 'There was an error processing your request')
818        }
819      })
820      .catch(function() {displayToast('.toast.error', 'There was an error processing your request')})
821  }
822}
823
824</script>
824
825
826      <div role="main" class='view-school'>
827      
828      
829  
830
831  
832
833  
834
835  
836    <div id="blocks" data-ss-school-id='33940' class="blocks-page blocks-page-rich_text ">
837  
838  
839    <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check -->
840
841  
842    
843
844      
845
846      
847        <div class="course-block block liquid_html  " id="block-191760918">
848      
849
850        <!-- if no liquid block data saved we render a default state -->
851
852<style>
853  .blank-template-body {
854  color: #36414D;
855  font-size: 16px;
856  font-weight: 400;
857  line-height: 24px;
858  opacity: 0.6;
859  width: 750px;
860  text-align: left;
861  }
862</style>
863
864
865  
866    <!--------------------------------------->
867<!-- TUTORIELS VIDÉOS - COURS COMPLETS -->
868<!--------------------------------------->
869
870<div style="background-color: #f7f7f7;">
871
872<!-- DÉBUT D'UN GRAND BLOC -->
873<div class='container'>
874  <div class='row'>
875     <div style='padding: 15px;'>
876
877<!-- DÉBUT D'UN PETIT BLOC -->
878<!--
879<div class='container'>
880  <div class='row'>
881    <div class='col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2 course-description'>
882-->
883
884<br/>
885<h1 style="spacing: 0px; padding: 0px;">Tutoriels vidéo</h1><br>
886
887<p style="margin-bottom: 0px;">Apprenez et jouez du violon avec plaisir, à votre rythme et dans le confort de votre maison. Un <a href="https://mildorviolon.com">Abonnement Mildor Violon</a> vous donne accès à tous nos tutoriels vidéo et partitions interactives. Un programme complet, simple, stimulant et progressif.
888</p>
889<br/>
890
891<!------------------------------------->
892<!--------- TABLEAU DES COURS --------->
893<!------------------------------------->
894<!-- Distribution parfaite des prochains blocs div avec espace à gauche, droite et entre les items -->
895<div class="mv-featured-grid">
896
897<!-- Violoniste débutant -->
898<div class="mv-featured-item">
899  <a id="VD-lien" href="https://mildorviolon.com/courses/debutant/lectures/2083637">
900    <div id="VD-contour" class="mv-featured-card" style="display:inline-block; position:relative; border:2px #e1e1e1 solid; background:white; height:258px; width:100%; border-radius:10px;" onmouseover="this.style.border='2px solid #F58220'; this.style.cursor='pointer'; document.getElementById('VD').style.color='#F58220';" onmouseout="this.style.border='2px solid #e1e1e1'; document.getElementById('VD').style.color='black';">
901      <img src="https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/Cours%20-%20VD%20petit.jpg" alt="Violoniste débutant - Débutez le violon avec ce cours clair, complet et progressif." style="height:129px; width:100%; position:absolute; top:0; left:0; border-top-left-radius:7px; border-top-right-radius:7px;">
902      <h4 id="VD" class="mv-featured-title" style="font-size:15px; color:#333333; position:absolute; top:137px; padding-left:15px; padding-right:15px; text-align:center; width:100%;">
903        Violoniste débutant
904      </h4>
905      <p class="mv-featured-desc" style="font-size:13px; line-height:20px; color:#333333; position:absolute; top:171px; padding-left:15px; padding-right:15px; text-align:center; width:100%;">
906        Débutez le violon avec ce cours clair, complet et progressif.
907      </p>
908      <p class="mv-featured-access" style="font-size:13px; line-height:20px; color:#ff8200; position:absolute; top:217px; padding-left:15px; padding-right:15px; text-align:center; width:100%; font-weight:bold;">
909        Accès complet
910      </p>
911    </div>
912  </a>
913</div>
914
915<!-- Violoniste intermédiaire 1 -->
916<div class="mv-featured-item">
917  <a id="VI1-lien" href="https://mildorviolon.com/courses/violoniste-intermediaire-1/lectures/42109842">
918    <div id="VI1-contour" class="mv-featured-card" style="display:inline-block; position:relative; border:2px #e1e1e1 solid; background:white; height:258px; width:100%; border-radius:10px;" onmouseover="this.style.border='2px solid #F58220'; this.style.cursor='pointer'; document.getElementById('VI1').style.color='#F58220';" onmouseout="this.style.border='2px solid #e1e1e1'; document.getElementById('VI1').style.color='black';">
919      <img src="https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/Cours%20-%20VI1%20petit.jpg" alt="Violoniste intermédiaire 1 - Faites passer votre jeu à un autre niveau dans le plaisir." style="height:129px; width:100%; position:absolute; top:0; left:0; border-top-left-radius:7px; border-top-right-radius:7px;">
920      <h4 id="VI1" class="mv-featured-title" style="font-size:15px;
920 color:#333333; position:absolute; top:137px; padding-left:15px; padding-right:15px; text-align:center; width:100%;">
921        Violoniste intermédiaire 1
922      </h4>
923      <p class="mv-featured-desc" style="font-size:13px; line-height:20px; color:#333333; position:absolute; top:171px; padding-left:15px; padding-right:15px; text-align:center; width:100%;">
924        Faites passer votre jeu à un autre niveau dans le plaisir.
925      </p>
926      <p class="mv-featured-access" style="font-size:13px; line-height:20px; color:#ff8200; position:absolute; top:217px; padding-left:15px; padding-right:15px; text-align:center; width:100%; font-weight:bold;">
927        Accès complet
928      </p>
929    </div>
930  </a>
931</div>
932
933<!-- Classiques de Noël -->
934<div class="mv-featured-item">
935  <a id="CN-lien" href="https://mildorviolon.com/courses/1516027/lectures/34750777">
936    <div id="CN-contour" class="mv-featured-card" style="display:inline-block; position:relative; border:2px #e1e1e1 solid; background:white; height:258px; width:100%; border-radius:10px;" onmouseover="this.style.border='2px solid #F58220'; this.style.cursor='pointer'; document.getElementById('CN').style.color='#F58220';" onmouseout="this.style.border='2px solid #e1e1e1'; document.getElementById('CN').style.color='black';">
937      <img src="https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/Cours%20-%20CN%20petit.jpg" alt="Classiques de Noël - Les plus grands classiques du temps des fêtes pour créer des souvenirs." style="height:129px; width:100%; position:absolute; top:0; left:0; border-top-left-radius:7px; border-top-right-radius:7px;">
938      <h4 id="CN" class="mv-featured-title" style="font-size:15px; color:#333333; position:absolute; top:137px; padding-left:15px; padding-right:15px; text-align:center; width:100%;">
939        Classiques de Noël
940      </h4>
941      <p class="mv-featured-desc" style="font-size:13px; line-height:20px; color:#333333; position:absolute; top:171px; padding-left:15px; padding-right:15px; text-align:center; width:100%;">
942        Les plus grands classiques du temps des fêtes pour créer des souvenirs.
943      </p>
944      <p class="mv-featured-access" style="font-size:13px; line-height:20px; color:#ff8200; position:absolute; top:217px; padding-left:15px; padding-right:15px; text-align:center; width:100%; font-weight:bold;">
945        Accès complet
946      </p>
947    </div>
948  </a>
949</div>
950
951<!-- Maîtriser le vibrato -->
952<div class="mv-featured-item">
953  <a id="MV-lien" href="https://mildorviolon.com/courses/violoniste-intermediaire-1/lectures/44174117">
954    <div id="MV-contour" class="mv-featured-card" style="display:inline-block; position:relative; border:2px #e1e1e1 solid; background:white; height:258px; width:100%; border-radius:10px;" onmouseover="this.style.border='2px solid #F58220'; this.style.cursor='pointer'; document.getElementById('MV').style.color='#F58220';" onmouseout="this.style.border='2px solid #e1e1e1'; document.getElementById('MV').style.color='black';">
955      <img src="https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/Cours%20-%20MV%20petit.jpg" alt="Maîtriser le vibrato - Développez un vibrato riche et profond, étape par étape." style="height:129px; width:100%; position:absolute; top:0; left:0; border-top-left-radius:7px; border-top-right-radius:7px;">
956      <h4 id="MV" class="mv-featured-title" style="font-size:15px; color:#333333; position:absolute; top:137px; padding-left:15px; padding-right:15px; text-align:center; width:100%;">
957        Maîtriser le vibrato
958      </h4>
959      <p class="mv-featured-desc" style="font-size:13px; line-height:20px; color:#333333; position:absolute; top:171px; padding-left:15px; padding-right:15px; text-align:center; width:100%;">
960        Développez un vibrato riche et profond, étape par étape.
961      </p>
962      <p class="mv-featured-access" style="font-size:13px; line-height:20px; color:#ff8200; position:absolute; top:217px; padding-left:15px; padding-right:15px; text-align:center; width:100%; font-weight:bold;">
963        Accès complet
964      </p>
965    </div>
966  </a>
967</div>
968
969
970
971
972
973</div>
974
975
976</div>
977</div>
978</div>
979</div>
980  
981
982
983
984      
985        </div>
986      
987
988    
989  
990
991
992  
993    <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check -->
994
995  
996    
997
998      
999
1000      
1001        <div class="course-block block liquid_html  " id="block-191764095">
1002      
1003
1004        <!-- if no liquid block data saved we render a default state -->
1005
1006<style>
1007  .blank-template-body {
1008  color: #36414D;
1009  font-size: 16px;
1010  font-weight: 400;
1011  line-height: 24px;
1012  opacity: 0.6;
1013  width: 750px;
1014  text-align: left;
1015  }
1016</style>
1017
1018
1019  
1020    <!------------------------>
1021<!-- TROUVER UNE LEÇON  -->
1022<!------------------------>
1023
1024<div style="background-color: #f7f7f7;">
1025
1026<!-- DÉBUT D'UN GRAND BLOC -->
1027
1028<div class='container'>
1029  <div class='row'>
1030     <div style='padding: 15px;'>
1031
1032
1033<!-- DÉBUT D'UN MOYEN BLOC -->
1034<!--
1035<div class='container'>
1036  <div class='row'>
1037    <div class='col-xs-10 col-xs-offset-1 col-md-10 col-md-offset-1 course-description'>
1038-->
1039
1040<!-- DÉBUT D'UN PETIT BLOC -->
1041<!--
1042<div class='container'>
1043  <div class='row'>
1044    <div class='col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2 course-description'>
1045-->
1046
1047<script>
1048/* ===================== */
1049/* === FILTER MEMORY === */
1050/* ===================== */
1051
1052var filterState = {
1053    type: "tous",
1054    genre: "tous",
1055    niveau: "tous",
1056    text: "",
1057    recent: 0
1058};
1059
1060/* ============================ */
1061/* === WIPE THE TEXT SEARCH === */
1062/* ============================ */
1063
1064function clearSearch() {
1065    document.getElementById('recherche-texte').value = '';
1066    filterState.text = "";
1067}
1068
1069/* ========================== */
1070/* === SECTION VISIBILITY === */
1071/* ========================== */
1072
1073function updateSectionVisibility() {
1074
1075    var sections = document.getElementsByClassName('filter-section');
1076    var anyVisible = false;
1077
1078    for (let i = 0; i < sections.length; i++) {
1079
1080        var itemsWrap = sections[i].getElementsByClassName('filter-section-items')[0];
1081        var items = itemsWrap.getElementsByClassName('item');
1082        var visibleCount = 0;
1083
1084        for (let j = 0; j < items.length; j++) {
1085            if (items[j].style.display !== 'none') {
1086                visibleCount++;
1087                anyVisible = true;
1088            }
1089        }
1090        sections[i].style.display = visibleCount === 0 ? 'none' : 'block';
1091    }
1092
1093    var message = document.getElementById('no-results');
1094
1095    if (message) {
1096        message.style.display = anyVisible ? 'none' : 'block';
1097    }
1098}
1099
1100/* ======================= */
1101/* === COLOR RENDERING === */
1102/* ======================= */
1103
1104function setColors(filterType, filterValue) {
1105
1106    var collection = document.getElementsByClassName(filterType);
1107
1108    for (let i = 0; i < collection.length; i++) {
1109        collection[i].style.color = 'grey';
1110    }
1111
1112    var target;
1113
1114    if (filterValue === 'tous') {
1115        target = document.getElementById(filterType + '-aucun');
1116    } else {
1117        target = document.getElementById(filterValue);
1118    }
1119
1120    if (target) {
1121        target.style.color = '#ff8200';
1122    }
1123}
1124
1125/* ======================= */
1126/* === RESET FUNCTIONS === */
1127/* ======================= */
1128
1129function resetFilters() {
1130
1131    filterState.type = "tous";
1132    filterState.genre = "tous";
1133    filterState.niveau = "tous";
1134    
1135}
1136
1137function resetRecent() {
1138    filterState.recent = 0;
1139}
1140
1141function resetText() {
1142    filterState.text = "";
1143}
1144
1145function setColorsNoFilter() {
1146    setColors('type', 'tous');
1147    setColors('genre', 'tous');
1148    setColors('niveau', 'tous');
1149}
1150
1151/* ================== */
1152/* === SET FILTER === */
1153/* ================== */
1154
1155function applyFilter(filterType, filterValue) {
1156
1157    resetRecent();
1158    filterState[filterType] = filterValue;
1159    renderItems();
1160
1161}
1162
1163/* ========================== */
1164/* === SEARCH (EXCLUSIVE) === */
1165/* ========================== */
1166
1167function searchItemText() {
1168
1169    resetFilters();
1170    resetRecent();
1171
1172    var recherche = document.getElementById('recherche-texte').value;
1173
1174    filterState.text = recherche
1175        .toLowerCase()
1176        .normalize('NFD')
1177        .replace(/[\u0300-\u036f]/g,'');
1178
1179    renderItems();
1180    
1181}
1182
1183/* ========================= */
1184/* === RECENT (EXCLUSIVE === */
1185/* ========================= */
1186
1187function filterNew(limit) {
1188
1189    resetFilters();
1190    resetText();
1191
1192    filterState.recent = limit;
1193
1194    renderItems();
1195
1196}
1197
1198/* ==================== */
1199/* === RENDER ITEMS === */
1200/* ==================== */
1201
1202function renderItems() {
1203
1204    var items = Array.from(document.getElementsByClassName('item'));
1205
1206    /* SEARCH MODE (highest priority) */
1207    if (filterState.text !== "") {
1208
1209        for (let item of items) {
1210
1211            var p = item.querySelector('.search-text');
1212
1213            var haystack =
1214                ((item.title || '') + ' ' + (p ? p.textContent : ''))
1215                .toLowerCase()
1216                .normalize('NFD')
1217                .replace(/[\u0300-\u036f]/g,'');
1218
1219            item.style.display = haystack.includes(filterState.text) ? 'block' : 'none';
1220
1221        }
1222
1223        updateSectionVisibility();
1224        return;
1225
1226    }
1227
1228    /* RECENT MODE */
1229    if (filterState.recent > 0) {
1230
1231        items.sort(function(a,b){
1232            var dateA = a.getAttribute('data-date') || '';
1233            var dateB = b.getAttribute('data-date') || '';
1234            return dateB.localeCompare(dateA);
1235        });
1236
1237        for (let i=0;i<items.length;i++) {
1238            items[i].style.display = i < filterState.recent ? 'block' : 'none';
1239        }
1240
1241        updateSectionVisibility();
1242        return;
1243    }
1244
1245    /* NORMAL FILTER MODE */
1246    for (let item of items) {
1247
1248        if (
1249            item.id.includes(filterState.niveau) &&
1250            item.id.includes(filterState.type) &&
1251            item.id.includes(filterState.genre)
1252        ) {
1253
1254            item.style.display = 'block';
1255
1256        } else {
1257
1258            item.style.display = 'none';
1259
1260        }
1261    }
1262    updateSectionVisibility();
1263}
1264
1265/* ====================== */
1266/* === RENDER ON LOAD === */
1267/* ====================== */
1268
1269document.addEventListener("DOMContentLoaded", function () {
1270    renderItems();
1271});
1272</script>
1272
1273
1274<br/>
1275
1276<div style="overflow: hidden; width: 100%;">
1277<div style="width: 200px; float: left;">
1278<h2 style="font-size: 24px; padding-top: 0px; margin-top: 0px;">Recherche</h2>
1279
1280<!-- RECHERCHE TITRE -->
1281<form autocomplete="off">
1282<input
1283  type="search"
1284  id="recherche-texte"
1285  autocomplete="off"
1286  autocorrect="off"
1287  autocapitalize="off"
1288  spellcheck="false"
1289  autofocus="true"
1290  placeholder=""
1291  readonly
1292  onfocus="this.removeAttribute('readonly');"
1293  oninput="resetFilters(); resetRecent();
1294           setColors('nouveaute', 'tous');
1295           setColorsNoFilter();
1296           searchItemText();"
1297  onpaste="resetFilters(); resetRecent();
1298           setColors('nouveaute', 'tous');
1299           setColorsNoFilter();
1300           searchItemText();"
1301  style="outline: none; border-radius: 10px; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; height: 30px; padding: 10px; width: 80%; background-color: white; -webkit-appearance: none; appearance: none;"
1302/>
1303</form>
1304<br/>
1305
1306<!------------------------------------------------------------------>
1307<!-- Afficher ce qui est dans le div class filtres si sur desktop -->
1308<!------------------------------------------------------------------>
1309<div class="afficherfiltres">
1310    <br/>
1311    <a style="font-size: 17px;" onclick="
1312        var filtres = document.getElementsByClassName('filtres');
1313        for (var i = 0; i < filtres.length; i++)
1314        {
1315            if (filtres[i].style.visibility == 'visible')
1316            {
1317                filtres[i].style.visibility = 'hidden';
1318                filtres[i].style.display = 'none';
1319            }
1320            else
1321            {
1322                filtres[i].style.visibility = 'visible';
1323                filtres[i].style.display = 'inline-block';
1324            }
1325        }
1326        ">Afficher les filtres...</a>
1327</div>
1328
1329<div class="filtres">
1330
1331
1332
1333
1334<br/>
1335<strong>Type</strong><br/>
1336
1337<a id="type-aucun" class="type" onmousedown="clearSearch(); setColors('type', 'tous'); applyFilter('type', 'tous');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: #ff8200; cursor: pointer;">
1338    * Aucun filtre *
1339</a>
1340<br/>
1341
1342<a id="piece" class="type" onmousedown="clearSearch(); setColors('type', 'piece'); applyFilter('type', 'piece');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1343    Pièce chanson
1344</a>
1345<br/>
1346
1347<a id="etude" class="type" onmousedown="clearSearch(); setColors('type', 'etude'); applyFilter('type', 'etude');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1348    Étude exercice
1349</a>
1350<br/>
1351
1352<a id="gamme" class="type" onmousedown="clearSearch(); setColors('type', 'gamme'); applyFilter('type', 'gamme');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1353    Gamme arpège
1354</a>
1355<br/>
1356
1357<a id="lecon" class="type" onmousedown="clearSearch(); setColors('type', 'lecon'); applyFilter('type', 'lecon');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1358    Leçon générale
1359</a>
1360<br/>
1361
1362<a id="technique" class="type" onmousedown="clearSearch(); setColors('type', 'technique'); applyFilter('type', 'technique');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1363    Leçon technique
1364</a>
1365<br/>
1366
1367<a id="theorie" class="type" onmousedown="clearSearch(); setColors('type', 'theorie'); applyFilter('type', 'theorie');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1368    Théorie solfège
1369</a>
1370<br/>
1371
1372
1373
1374
1375
1376<br/>
1377<strong>Genre</strong><br/>
1378
1379<a id="genre-aucun" class="genre" onmousedown="clearSearch(); setColors('genre', 'tous'); applyFilter('genre', 'tous');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: #ff8200; cursor: pointer;">
1380    * Aucun filtre *
1381</a>
1382<br/>
1383
1384<a id="enfant" class="genre" onmousedown="clearSearch(); setColors('genre', 'enfant'); applyFilter('genre', 'enfant');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1385    Airs enfantins
1386</a>
1387<br/>
1388
1389<a id="chanson" class="genre" onmousedown="clearSearch(); setColors('genre', 'chanson'); applyFilter('genre', 'chanson');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1390    Chanson / paroliers
1391</a>
1392<br/>
1393
1394<a id="classique" class="genre" onmousedown="clearSearch(); setColors('genre', 'classique'); applyFilter('genre', 'classique');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1395    Classique
1396</a>
1397<br/>
1398
1399<a id="folklore" class="genre" onmousedown="clearSearch(); setColors('genre', 'folklore'); applyFilter('genre', 'folklore');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1400    Folklore trad
1401</a>
1402<br/>
1403
1404<a id="irlandais" class="genre" onmousedown="clearSearch(); setColors('genre', 'irlandais'); applyFilter('genre', 'irlandais');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1405    Irlandais / écossais
1406</a>
1407<br/>
1408
1409<a id="noel" class="genre" onmousedown="clearSearch(); setColors('genre', 'noel'); applyFilter('genre', 'noel');" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="color: grey; cursor: pointer;">
1410    Noël et fêtes
1411</a>
1412<br/>
1413
1414
1415
1416
1417<br/>
1418<strong>Niveau</strong><br/>
1419
1420<a id="niveau-aucun" class="niveau" onmousedown="clearSearch(); setColors('niveau', 'tous'); applyFilter('niveau', 'tous');" onmouseover="this.style.textDecoration='underline';" onmouseout="this.style.textDecoration='none';" style="color: #ff8200; cursor: pointer;">
1421* Aucun filtre *
1422</a>
1423<br/>
1424
1425<a id="debutant" class="niveau" onmousedown="clearSearch(); setColors('niveau', 'debutant'); applyFilter('niveau', 'debutant');" onmouseover="this.style.textDecoration='underline';" onmouseout="this.style.textDecoration='none';" style="color: grey; cursor: pointer;">
1426Débutant
1427</a>
1428<br/>
1429
1430<a id="intermediaire" class="niveau" onmousedown="clearSearch(); setColors('niveau', 'intermediaire'); applyFilter('niveau', 'intermediaire');" onmouseover="this.style.textDecoration='underline';" onmouseout="this.style.textDecoration='none';" style="color: grey; cursor: pointer;">
1431Intermédiaire
1432</a>
1433<br/>
1434
1435
1436
1437
1438<br/>
1439</div>
1440
1441<br/>
1442<br/>
1443</div>
1444
1445<div style="overflow: hidden; min-width: 50%;">
1446<div id="no-results" style="display:none; margin: 0px; padding: 0px; text-align:center;">
1447    <p>Aucun résultat ne correspond aux filtres sélectionnés.</p>
1448</div>
1449
1450<!---------------------------------------------->
1451<!---------------------------------------------->
1452<!---------------------------------------------->
1453<!---------------------------------------------->
1454<!---------------------------------------------->
1455<!---------------------------------------------->
1456<!---------------------------------------------->
1457<!---------------------------------------------->
1458<!---------------------------------------------->
1459<!---------------------------------------------->
1460<!-- INCLUS DANS LE COURS VIOLONISTE DEBUTANT -->
1461<!---------------------------------------------->
1462<!---------------------------------------------->
1463<!---------------------------------------------->
1464<!---------------------------------------------->
1465<!---------------------------------------------->
1466<!---------------------------------------------->
1467<!---------------------------------------------->
1468<!---------------------------------------------->
1469<!---------------------------------------------->
1470<!---------------------------------------------->
1471
1472<!----------------->
1473<!-- NEW SECTION -->
1474<!----------------->
1475<div class="filter-section">
1476<h2 class="filter-section-title" style="clear: both; font-size: 24px; margin: 0 0 10px 0;">Inclus dans le cours Violoniste débutant...</h2>
1477<div class="filter-section-items">
1478
1479
1480
1481
1482<div class='item' id='tous-debutant-lecon-' title="Introduction au cours" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1483<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083637'>
1484<div style='position: relative; color: white;'>
1485  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-01%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1486       alt="VD-01 : Introduction au cours - Introduction au cours Violoniste débutant. Capsule vidéo vous permettant d'avoir une meilleure idée du cours en ligne complet Violoniste débutant."/>
1487  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1488              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;01</div>
1489  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1490  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1491</div>
1492<h2 style='text-align: center; font-size: 15px;'>Introduction au cours</h2>
1493<br/>
1494</a>
1495</div>
1496
1497<div class='item' id='tous-debutant-lecon-' title="Matériel et outils pratiques" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1498<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083638'>
1499<div style='position: relative; color: white;'>
1500  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-02%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1501       alt="VD-02 : Matériel et outils pratiques - Matériel et outils pratiques. Présentation d'outils indispensables pour tout violoniste qui vous aideront dans votre cheminement."/>
1502  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1503              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;02</div>
1504  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1505  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1506</div>
1507<h2 style='text-align: center; font-size: 15px;'>Matériel et outils pratiques</h2>
1508<br/>
1509</a>
1510</div>
1511
1512<div class='item' id='tous-debutant-lecon-' title="Acheter un violon" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1513<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083649'>
1514<div style='position: relative; color: white;'>
1515  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-03%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1516       alt="VD-03 : Acheter un violon - Achat du violon, Achat d'un violon, Acheter un violon. Trucs et astuces pour acheter un violon en toute confiance."/>
1517  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1518              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;03</div>
1519  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1520  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1521</div>
1522<h2 style='text-align: center; font-size: 15px;'>Acheter un violon</h2>
1523<br/>
1524</a>
1525</div>
1526
1527<div class='item' id='tous-debutant-lecon-' title="Choisir la taille du violon" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1528<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083650'>
1529<div style='position: relative; color: white;'>
1530  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-04%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1531       alt="VD-04 : Choisir la taille du violon - Choisir la taille du violon. Apprenez la technique la plus fiable pour bien choisir la taille de son violon"/>
1532  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1533              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;04</div>
1534  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1535  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1536</div>
1537<h2 style='text-align: center; font-size: 15px;'>Choisir la taille du violon</h2>
1538<br/>
1539</a>
1540</div>
1541
1542<div class='item' id='tous-debutant-lecon-' title="Parties du violon et quatre cordes" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1543<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083651'>
1544<div style='position: relative; color: white;'>
1545  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-05%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1546       alt="VD-05 : Parties du violon et quatre cordes - Parties du violon et quatre cordes. Découvrez les différentes parties de votre violon et apprenez à reconnaître les notes correspondantes à vos cordes à vide"/>
1547  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1548              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;05</div>
1549  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1550  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1551</div>
1552<h2 style='text-align: center; font-size: 15px;'>Parties du violon et quatre cordes</h2>
1553<br/>
1554</a>
1555</div>
1556
1557<div class='item' id='tous-debutant-lecon-' title="Quizz parties du violon" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1558<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083652'>
1559<div style='position: relative; color: white;'>
1560  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-06%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1561       alt="VD-06 : Quizz parties du violon - Quiz sur le violon. Vérifiez vos connaissances sur les parties du violon et les quatre cordes"/>
1562  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1563              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;06</div>
1564  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1565  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1566</div>
1567<h2 style='text-align: center; font-size: 15px;'>Quizz parties du violon</h2>
1568<br/>
1569</a>
1570</div>
1571
1572<div class='item' id='tous-debutant-theorie-' title="Lecture à vue des quatre cordes" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1573<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083653'>
1574<div style='position: relative; color: white;'>
1575  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-07%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1576       alt="VD-07 : Lecture à vue des quatre cordes - Lecture à vue des quatre cordes. Exercice vous permettant de développer votre habileté à reconnaître et lire les quatre cordes sur la portée"/>
1577  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1578              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;07</div>
1579  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1580  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1581</div>
1582<h2 style='text-align: center; font-size: 15px;'>Lecture à vue des quatre cordes</h2>
1583<br/>
1584</a>
1585</div>
1586
1587<div class='item' id='tous-debutant-lecon-' title="Parties de l'archet" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1588<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083654'>
1589<div style='position: relative; color: white;'>
1590  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-08%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1591       alt="VD-08 : Parties de l'archet - Parties de l'archet. Présentation des parties et régions importantes de l'archet"/>
1592  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1593              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;08</div>
1594  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1595  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1596</div>
1597<h2 style='text-align: center; font-size: 15px;'>Parties de l'archet</h2>
1598<br/>
1599</a>
1600</div>
1601
1602<div class='item' id='tous-debutant-lecon-' title="Quizz parties de l'archet" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1603<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083655'>
1604<div style='position: relative; color: white;'>
1605  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-09%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1606       alt="VD-09 : Quizz parties de l'archet - Quiz sur l'archet. Quiz pour vérifier vos connaissances sur les parties et régions importantes de l'archet"/>
1607  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1608              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;09</div>
1609  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1610  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1611</div>
1612<h2 style='text-align: center; font-size: 15px;'>Quizz parties de l'archet</h2>
1613<br/>
1614</a>
1615</div>
1616
1617<div class='item' id='tous-debutant-theorie-technique-' title="Accorder son violon (principe)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1618<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083656'>
1619<div style='position: relative; color: white;'>
1620  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-10%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1621       alt="VD-10 : Accorder son violon (principe) - Accorder son violon (principe). Tutoriel vidéo expliquant en détail les principes permettant d'accorder un violon"/>
1622  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1623              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;10</div>
1624  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1625  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1626</div>
1627<h2 style='text-align: center; font-size: 15px;'>Accorder son violon (principe)</h2>
1628<br/>
1629</a>
1630</div>
1631
1632<div class='item' id='tous-debutant-theorie-technique-' title="Accorder son violon (pratique)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1633<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083657'>
1634<div style='position: relative; color: white;'>
1635  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-11%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1636       alt="VD-11 : Accorder son violon (pratique) - Accorder son violon (pratique). Tutoriel vidéo démontrant comment utiliser les clés et les chevilles du violon pour l'accorder"/>
1637  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1638              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;11</div>
1639  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1640  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1641</div>
1642<h2 style='text-align: center; font-size: 15px;'>Accorder son violon (pratique)</h2>
1643<br/>
1644</a>
1645</div>
1646
1647<div class='item' id='tous-debutant-lecon-technique-' title="Développer sa justesse (collants)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1648<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083658'>
1649<div style='position: relative; color: white;'>
1650  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-12%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1651       alt="VD-12 : Développer sa justesse (collants) - Positionnement des collants. Développer sa justesse (collants). Outils indispensable pour tout violoniste souhaitant développer sa justesse, cette capsule présente comment et où positionner ses collants, gommettes ou repères."/>
1652  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1653              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;12</div>
1654  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1655  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1656</div>
1657<h2 style='text-align: center; font-size: 15px;'>Développer sa justesse (collants)</h2>
1658<br/>
1659</a>
1660</div>
1661
1662<div class='item' id='tous-debutant-technique-' title="Changer une corde" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1663<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083659'>
1664<div style='position: relative; color: white;'>
1665  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-13%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1666       alt="VD-13 : Changer une corde - Changer une corde. Tutoriel vidéo démontrant comment remplacer une corde de violon et bien l'installer"/>
1667  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1668              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;13</div>
1669  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1670  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1671</div>
1672<h2 style='text-align: center; font-size: 15px;'>Changer une corde</h2>
1673<br/>
1674</a>
1675</div>
1676
1677<div class='item' id='tous-debutant-lecon-' title="Entretien du violon" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1678<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083660'>
1679<div style='position: relative; color: white;'>
1680  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-14%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1681       alt="VD-14 : Entretien du violon - Entretien du violon. Capsule spéciale à La maison du violon avec le luthier Olivier Pérot qui nous explique comment bien entretenir son instrument"/>
1682  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1683              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;14</div>
1684  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1685  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1686</div>
1687<h2 style='text-align: center; font-size: 15px;'>Entretien du violon</h2>
1688<br/>
1689</a>
1690</div>
1691
1692<div class='item' id='tous-debutant-lecon-' title="Entretien de l'archet" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1693<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083661'>
1694<div style='position: relative; color: white;'>
1695  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-15%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1696       alt="VD-15 : Entretien de l'archet - Entretien de l’archet. Tutoriel vidéo démontrant comment bien entretenir son archet pour la garder en bon état"/>
1697  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1698              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;15</div>
1699  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1700  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1701</div>
1702<h2 style='text-align: center; font-size: 15px;'>Entretien de l'archet</h2>
1703<br/>
1704</a>
1705</div>
1706
1707<div class='item' id='tous-debutant-lecon-' title="Épaulière ou éponge" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1708<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083662'>
1709<div style='position: relative; color: white;'>
1710  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-16%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1711       alt="VD-16 : Épaulière ou éponge - Épaulière ou éponge. Comment empêcher qu'un violon vernis glisse sur son épaule ? Présentation des épaulières et autres trucs pratiques"/>
1712  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1713              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;16</div>
1714  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1715  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1716</div>
1717<h2 style='text-align: center; font-size: 15px;'>Épaulière ou éponge</h2>
1718<br/>
1719</a>
1720</div>
1721
1722<div class='item' id='tous-debutant-theorie-' title="Signes musicaux de base" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1723<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083663'>
1724<div style='position: relative; color: white;'>
1725  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-17%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1726       alt="VD-17 : Signes musicaux de base - Signes musicaux de base. Portée, mesure, notes, armatures, reprises, renvoi... Ce tutoriel vidéo permet de bâtir son vocabulaire musical"/>
1727  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1728              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;17</div>
1729  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1730  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1731</div>
1732<h2 style='text-align: center; font-size: 15px;'>Signes musicaux de base</h2>
1733<br/>
1734</a>
1735</div>
1736
1737<div class='item' id='tous-debutant-theorie-' title="Clé et notes naturelles" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1738<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083664'>
1739<div style='position: relative; color: white;'>
1740  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-18%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1741       alt="VD-18 : Clé et notes naturelles - Clé et notes naturelles. Comment fonctionne la portée ? Pourquoi les clés existent-elles ? Comment sont nommées les notes sur la portée ? La réponse ici"/>
1742  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1743              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;18</div>
1744  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1745  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1746</div>
1747<h2 style='text-align: center; font-size: 15px;'>Clé et notes naturelles</h2>
1748<br/>
1749</a>
1750</div>
1751
1752<div class='item' id='tous-debutant-theorie-etude-' title="Lecture notes naturelles" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1753<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083665'>
1754<div style='position: relative; color: white;'>
1755  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-19%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1756       alt="VD-19 : Lecture notes naturelles - Lecture notes naturelles. Développez votre habileté à reconnaître et lire les notes naturelles avec un tempo constant"/>
1757  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1758              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;19</div>
1759  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1760  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1761</div>
1762<h2 style='text-align: center; font-size: 15px;'>Lecture notes naturelles</h2>
1763<br/>
1764</a>
1765</div>
1766
1767<div class='item' id='tous-debutant-theorie-' title="Indications de tempo" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1768<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083666'>
1769<div style='position: relative; color: white;'>
1770  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-20%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1771       alt="VD-20 : Indications de tempo - Indications de tempo. Présentation des méthodes utilisées par les compositeurs pour nous préciser la vitesse de leurs pièces"/>
1772  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1773              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;20</div>
1774  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1775  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1776</div>
1777<h2 style='text-align: center; font-size: 15px;'>Indications de tempo</h2>
1778<br/>
1779</a>
1780</div>
1781
1782<div class='item' id='tous-debutant-theorie-' title="Figures de notes et silences" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1783<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083667'>
1784<div style='position: relative; color: white;'>
1785  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-21%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1786       alt="VD-21 : Figures de notes et silences - Figures de notes et silences. Présentation des figures de notes et de silences qui sont à la base des rythmes"/>
1787  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1788              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;21</div>
1789  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1790  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1791</div>
1792<h2 style='text-align: center; font-size: 15px;'>Figures de notes et silences</h2>
1793<br/>
1794</a>
1795</div>
1796
1797<div class='item' id='tous-debutant-theorie-etude-' title="Lecture figures de notes" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1798<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083668'>
1799<div style='position: relative; color: white;'>
1800  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-22%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1801       alt="VD-22 : Lecture figures de notes - Lecture figures notes. Développez votre habileté de lecture rythmique avec les figures de notes"/>
1802  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1803              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;22</div>
1804  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1805  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1806</div>
1807<h2 style='text-align: center; font-size: 15px;'>Lecture figures de notes</h2>
1808<br/>
1809</a>
1810</div>
1811
1812<div class='item' id='tous-debutant-theorie-' title="Chiffres indicateurs" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1813<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083669'>
1814<div style='position: relative; color: white;'>
1815  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-23%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1816       alt="VD-23 : Chiffres indicateurs - Chiffres indicateurs. Apprenez tout sur les chiffres indicateurs des mesures simples. Leur rôle, ce qu'ils nous apprennent et comment les décoder"/>
1817  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1818              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;23</div>
1819  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1820  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1821</div>
1822<h2 style='text-align: center; font-size: 15px;'>Chiffres indicateurs</h2>
1823<br/>
1824</a>
1825</div>
1826
1827<div class='item' id='tous-debutant-theorie-' title="Quizz chiffres indicateurs" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1828<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083670'>
1829<div style='position: relative; color: white;'>
1830  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-24%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1831       alt="VD-24 : Quizz chiffres indicateurs - Quizz chiffres indicateurs. Quiz permettant de vérifier vos connaissances sur les chiffres indicateurs"/>
1832  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1833              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;24</div>
1834  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1835  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1836</div>
1837<h2 style='text-align: center; font-size: 15px;'>Quizz chiffres indicateurs</h2>
1838<br/>
1839</a>
1840</div>
1841
1842<div class='item' id='tous-debutant-theorie-' title="Prolongation et autres rythmes" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1843<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083671'>
1844<div style='position: relative; color: white;'>
1845  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-25%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1846       alt="VD-25 : Prolongation et autres rythmes - Prolongation et autres rythmes. Apprenez de nouveaux rythmes de base, ainsi que les méthodes utilisées par les compositeurs pour allonger les notes"/>
1847  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1848              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;25</div>
1849  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1850  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1851</div>
1852<h2 style='text-align: center; font-size: 15px;'>Prolongation et autres rythmes</h2>
1853<br/>
1854</a>
1855</div>
1856
1857<div class='item' id='tous-debutant-theorie-etude-' title="Lecture rythmes de base" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1858<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083672'>
1859<div style='position: relative; color: white;'>
1860  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-26%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1861       alt="VD-26 : Lecture rythmes de base - Lecture rythmes base. Développez votre habilité à lire et changer les rythmes de base en temps réel"/>
1862  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1863              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;26</div>
1864  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1865  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1866</div>
1867<h2 style='text-align: center; font-size: 15px;'>Lecture rythmes de base</h2>
1868<br/>
1869</a>
1870</div>
1871
1872<div class='item' id='tous-debutant-theorie-' title="Indications de style" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1873<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083673'>
1874<div style='position: relative; color: white;'>
1875  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-27%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1876       alt="VD-27 : Indications de style - Indications style. Apprenez les indications utilisées par les compositeurs pour spécifier le style et les coups d'archet d'une pièce"/>
1877  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1878              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;27</div>
1879  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1880  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1881</div>
1882<h2 style='text-align: center; font-size: 15px;'>Indications de style</h2>
1883<br/>
1884</a>
1885</div>
1886
1887<div class='item' id='tous-debutant-technique-' title="Tenue violon (debout)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1888<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083708'>
1889<div style='position: relative; color: white;'>
1890  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-28%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1891       alt="VD-28 : Tenue violon (debout) - Tenue du violon (debout). Tenue violon (debout). Possiblement le tutoriel vidéo le plus important de votre formation musicale. Apprenez la technique idéale, la bonne posture et comment bien tenir votre violon"/>
1892  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1893              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;28</div>
1894  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1895  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1896</div>
1897<h2 style='text-align: center; font-size: 15px;'>Tenue violon (debout)</h2>
1898<br/>
1899</a>
1900</div>
1901
1902<div class='item' id='tous-debutant-technique-' title="Tenue violon (assis)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1903<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083709'>
1904<div style='position: relative; color: white;'>
1905  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-29%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1906       alt="VD-29 : Tenue violon (assis) - Tenue du violon (assis). Tenue violon (assis). Apprenez comment tenir votre violon de manière à favoriser votre sonorité lorsque vous jouez assis"/>
1907  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1908              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;29</div>
1909  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1910  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1911</div>
1912<h2 style='text-align: center; font-size: 15px;'>Tenue violon (assis)</h2>
1913<br/>
1914</a>
1915</div>
1916
1917<div class='item' id='tous-debutant-technique-' title="Pizzicato" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1918<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083710'>
1919<div style='position: relative; color: white;'>
1920  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-30%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1921       alt="VD-30 : Pizzicato - Pizzicato. Apprenez à pincer vos cordes de la bonne façon pour obtenir un son unique et riche"/>
1922  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1923              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;30</div>
1924  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1925  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1926</div>
1927<h2 style='text-align: center; font-size: 15px;'>Pizzicato</h2>
1928<br/>
1929</a>
1930</div>
1931
1932<div class='item' id='tous-debutant-etude-' title="Quatre cordes (pizz)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1933<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083711'>
1934<div style='position: relative; color: white;'>
1935  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-31%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1936       alt="VD-31 : Quatre cordes (pizz) - Quatre cordes (pizzicato). Quatre cordes (pizz). Exercice permettant de pratiquer votre lecture des quatre cordes, ainsi que la technique du pincement des cordes, le pizzicato"/>
1937  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1938              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;31</div>
1939  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1940  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1941</div>
1942<h2 style='text-align: center; font-size: 15px;'>Quatre cordes (pizz)</h2>
1943<br/>
1944</a>
1945</div>
1946
1947<div class='item' id='tous-debutant-technique-' title="Tenue main gauche" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1948<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083712'>
1949<div style='position: relative; color: white;'>
1950  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-32%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1951       alt="VD-32 : Tenue main gauche - Tenue main gauche. Comment bien tenir et orienter sa main gauche de manière à favoriser une sonorité et une assurance avec ses doigts"/>
1952  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1953              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;32</div>
1954  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1955  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1956</div>
1957<h2 style='text-align: center; font-size: 15px;'>Tenue main gauche</h2>
1958<br/>
1959</a>
1960</div>
1961
1962<div class='item' id='tous-debutant-technique-' title="Positionnement des doigts" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1963<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083713'>
1964<div style='position: relative; color: white;'>
1965  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-33%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1966       alt="VD-33 : Positionnement des doigts - Positionnement des doigts. Tutoriel vidéo expliquant le jeu des doigts en position de base, le premier groupement, favorisant justesse, rapidité et aisance"/>
1967  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1968              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;33</div>
1969  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1970  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1971</div>
1972<h2 style='text-align: center; font-size: 15px;'>Positionnement des doigts</h2>
1973<br/>
1974</a>
1975</div>
1976
1977<div class='item' id='tous-debutant-piece-enfant-classique' title="Ah vous dirais-je (pizz)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1978<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083714'>
1979<div style='position: relative; color: white;'>
1980  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-34%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1981       alt="VD-34 : Ah vous dirais-je (pizz) - Ah vous dirais-je (pizz). Comptine pour enfant, mais aussi un des meilleurs exercices pour développer son aisance avec la main gauche"/>
1982  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1983              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;34</div>
1984  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
1985  <span style='color: #ff8200'><b>Gratuit</b></span></div>
1986</div>
1987<h2 style='text-align: center; font-size: 15px;'>Ah vous dirais-je (pizz)</h2>
1988<br/>
1989</a>
1990</div>
1991
1992<div class='item' id='tous-debutant-piece-enfant' title="Petit Jean (pizz)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
1993<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083715'>
1994<div style='position: relative; color: white;'>
1995  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-35%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
1996       alt="VD-35 : Petit Jean (pizz) - Petit Jean (pizz). Pratiquez votre pizzicato avec ce classique du folklore allemand"/>
1997  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
1998              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;35</div>
1999  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2000  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2001</div>
2002<h2 style='text-align: center; font-size: 15px;'>Petit Jean (pizz)</h2>
2003<br/>
2004</a>
2005</div>
2006
2007<div class='item' id='tous-debutant-etude-' title="Première étude (pizz)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2008<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083716'>
2009<div style='position: relative; color: white;'>
2010  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-36%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2011       alt="VD-36 : Première étude (pizz) - Première étude (pizz). Rapidité, souplesse, justesse, aisance... Développez ces qualités avec une étude spécialement conçue"/>
2012  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2013              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;36</div>
2014  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2015  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2016</div>
2017<h2 style='text-align: center; font-size: 15px;'>Première étude (pizz)</h2>
2018<br/>
2019</a>
2020</div>
2021
2022<div class='item' id='tous-debutant-technique-' title="Tenue de l'archet" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2023<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083686'>
2024<div style='position: relative; color: white;'>
2025  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-37%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2026       alt="VD-37 : Tenue de l'archet - Tenue de l’archet. Découvrez comment tenir votre archet, mais surtout pourquoi cette technique sera votre alliée pour les années à venir"/>
2027  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2028              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;37</div>
2029  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2030  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2031</div>
2032<h2 style='text-align: center; font-size: 15px;'>Tenue de l'archet</h2>
2033<br/>
2034</a>
2035</div>
2036
2037<div class='item' id='tous-debutant-technique-' title="Jeu avec l'archet" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2038<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083687'>
2039<div style='position: relative; color: white;'>
2040  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-38%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2041       alt="VD-38 : Jeu avec l'archet - Jeu avec l’archet. Trucs et astuces pour développer sa technique d'archet, améliorer sa sonorité globale et éviter les sons parasites"/>
2042  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2043              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;38</div>
2044  <div style='visibility: visible; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2045  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2046</div>
2047<h2 style='text-align: center; font-size: 15px;'>Jeu avec l'archet</h2>
2048<br/>
2049</a>
2050</div>
2051
2052<div class='item' id='tous-debutant-gamme-' title="Gammes et arpèges" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2053<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083688'>
2054<div style='position: relative; color: white;'>
2055  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-39%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2056       alt="VD-39 : Gammes et arpèges - Gammes et arpèges. Premières gammes et arpèges, favorisant le développement de votre oreille ainsi que votre technique de la main gauche"/>
2057  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2058              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;39</div>
2059  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2060  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2061</div>
2062<h2 style='text-align: center; font-size: 15px;'>Gammes et arpèges</h2>
2063<br/>
2064</a>
2065</div>
2066
2067<div class='item' id='tous-debutant-piece-enfant-classique' title="Ah vous dirais-je (arco)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2068<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083689'>
2069<div style='position: relative; color: white;'>
2070  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-40%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2071       alt="VD-40 : Ah vous dirais-je (arco) - Ah vous dirais-je (arco). On revisite ce grand classique, aussi connu sous Twinkle, Twinkle, Little star, cette fois avec l'archet"/>
2072  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2073              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;40</div>
2074  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2075  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2076</div>
2077<h2 style='text-align: center; font-size: 15px;'>Ah vous dirais-je (arco)</h2>
2078<br/>
2079</a>
2080</div>
2081
2082<div class='item' id='tous-debutant-piece-enfant' title="Petit Jean (arco)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2083<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083690'>
2084<div style='position: relative; color: white;'>
2085  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-41%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2086       alt="VD-41 : Petit Jean (arco) - Petit Jean (arco). En revisitant cette pièce, il vous sera plus facile de vous concentrer sur votre technique d'archet et ainsi développer votre aisance"/>
2087  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2088              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;41</div>
2089  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2090  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2091</div>
2092<h2 style='text-align: center; font-size: 15px;'>Petit Jean (arco)</h2>
2093<br/>
2094</a>
2095</div>
2096
2097<div class='item' id='tous-debutant-etude-' title="Première étude (arco)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2098<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083691'>
2099<div style='position: relative; color: white;'>
2100  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-42%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2101       alt="VD-42 : Première étude (arco) - Première étude (arco). Un beau défi amusant pour améliorer votre synchronisme doigts-archet"/>
2102  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2103              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;42</div>
2104  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2105  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2106</div>
2107<h2 style='text-align: center; font-size: 15px;'>Première étude (arco)</h2>
2108<br/>
2109</a>
2110</div>
2111
2112<div class='item' id='tous-debutant-lecon-' title="Pratiquer efficacement" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2113<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083692'>
2114<div style='position: relative; color: white;'>
2115  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-43%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2116       alt="VD-43 : Pratiquer efficacement - Pratiquer efficacement. Conseils pour que votre pratique personnelle porte fruit. Quelques trucs pour rester motivé tout en travaillant votre technique"/>
2117  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2118              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;
211843</div>
2119  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2120  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2121</div>
2122<h2 style='text-align: center; font-size: 15px;'>Pratiquer efficacement</h2>
2123<br/>
2124</a>
2125</div>
2126
2127<div class='item' id='tous-debutant-piece-enfant' title="Au clair de la lune" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2128<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083693'>
2129<div style='position: relative; color: white;'>
2130  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-44%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2131       alt="VD-44 : Au clair de la lune - Au clair de la lune. Tutoriel vidéo démontrant comment bien réussir cette jolie berceuse"/>
2132  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2133              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;44</div>
2134  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2135  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2136</div>
2137<h2 style='text-align: center; font-size: 15px;'>Au clair de la lune</h2>
2138<br/>
2139</a>
2140</div>
2141
2142<div class='item' id='tous-debutant-piece-enfant' title="Frère Jacques" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2143<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083694'>
2144<div style='position: relative; color: white;'>
2145  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-45%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2146       alt="VD-45 : Frère Jacques - Frère Jacques. Tutoriel vidéo rempli de trucs pour avoir du succès avec ce classique français"/>
2147  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2148              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;45</div>
2149  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2150  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2151</div>
2152<h2 style='text-align: center; font-size: 15px;'>Frère Jacques</h2>
2153<br/>
2154</a>
2155</div>
2156
2157<div class='item' id='tous-debutant-piece-enfant-irlandais-chanson' title="Il y a longtemps" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2158<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083695'>
2159<div style='position: relative; color: white;'>
2160  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-46%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2161       alt="VD-46 : Il y a longtemps - Il y a longtemps. Jouez cette pièce avec plaisir avec ce tutoriel vidéo détaillé"/>
2162  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2163              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;46</div>
2164  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2165  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2166</div>
2167<h2 style='text-align: center; font-size: 15px;'>Il y a longtemps</h2>
2168<br/>
2169</a>
2170</div>
2171
2172<div class='item' id='tous-debutant-piece-enfant-classique' title="Air allemand" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2173<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083696'>
2174<div style='position: relative; color: white;'>
2175  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-47%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2176       alt="VD-47 : Air allemand - Air allemand. Renforcez les bases de votre premier groupement et révisez vos rythmes de base avec cette air traditionnel"/>
2177  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2178              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;47</div>
2179  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2180  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2181</div>
2182<h2 style='text-align: center; font-size: 15px;'>Air allemand</h2>
2183<br/>
2184</a>
2185</div>
2186
2187<div class='item' id='tous-debutant-piece-enfant-chanson' title="C'est la belle Françoise" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2188<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083697'>
2189<div style='position: relative; color: white;'>
2190  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-48%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2191       alt="VD-48 : C'est la belle Françoise - C'est la belle Francoise. Apprenez à mieux contrôler vos coups d'archet avec cette pièce folklorique bien connue"/>
2192  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2193              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;48</div>
2194  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2195  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2196</div>
2197<h2 style='text-align: center; font-size: 15px;'>C'est la belle Françoise</h2>
2198<br/>
2199</a>
2200</div>
2201
2202<div class='item' id='tous-debutant-theorie-' title="Deuxième groupement" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2203<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083639'>
2204<div style='position: relative; color: white;'>
2205  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-49%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2206       alt="VD-49 : Deuxième groupement - Deuxième groupement. Ajoutez quatre nouvelles notes à votre coffre à outil en apprenant à jouer avec un deuxième doigt fermé"/>
2207  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2208              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;49</div>
2209  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2210  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2211</div>
2212<h2 style='text-align: center; font-size: 15px;'>Deuxième groupement</h2>
2213<br/>
2214</a>
2215</div>
2216
2217<div class='item' id='tous-debutant-piece-enfant' title="La laine des moutons" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2218<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083640'>
2219<div style='position: relative; color: white;'>
2220  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-50%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2221       alt="VD-50 : La laine des moutons - La laine des moutons. Exercez-vous au deuxième groupement avec cette pièce simple d'une étrange beauté"/>
2222  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2223              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;50</div>
2224  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2225  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2226</div>
2227<h2 style='text-align: center; font-size: 15px;'>La laine des moutons</h2>
2228<br/>
2229</a>
2230</div>
2231
2232<div class='item' id='tous-debutant-piece-enfant-classique-chanson' title="Berceuse de Brahms" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2233<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083641'>
2234<div style='position: relative; color: white;'>
2235  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-51%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2236       alt="VD-51 : Berceuse de Brahms - Berceuse de Brahms. Une pièce classique pour détendre les enfants à coup sûr"/>
2237  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2238              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;51</div>
2239  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2240  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2241</div>
2242<h2 style='text-align: center; font-size: 15px;'>Berceuse de Brahms</h2>
2243<br/>
2244</a>
2245</div>
2246
2247<div class='item' id='tous-debutant-piece-classique' title="Rondo de Pleyel" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2248<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083642'>
2249<div style='position: relative; color: white;'>
2250  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-52%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2251       alt="VD-52 : Rondo de Pleyel - Rondo de Pleyel. Ajoutez ce duo célèbre de Pleyel à votre répertoire classique"/>
2252  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2253              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;52</div>
2254  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2255  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2256</div>
2257<h2 style='text-align: center; font-size: 15px;'>Rondo de Pleyel</h2>
2258<br/>
2259</a>
2260</div>
2261
2262<div class='item' id='tous-debutant-lecon-technique-theorie-' title="Mélanger 1er et 2e group" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2263<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083643'>
2264<div style='position: relative; color: white;'>
2265  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-53%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2266       alt="VD-53 : Mélanger 1er et 2e group - Mélanger 1er et 2e groupements. Quelques trucs et astuces pour mieux réussir les pièces où vos doigts se déplacent beaucoup"/>
2267  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2268              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;53</div>
2269  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2270  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2271</div>
2272<h2 style='text-align: center; font-size: 15px;'>Mélanger 1er et 2e group</h2>
2273<br/>
2274</a>
2275</div>
2276
2277<div class='item' id='tous-debutant-piece-enfant' title="Sur le pont d'Avignon" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2278<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083647'>
2279<div style='position: relative; color: white;'>
2280  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-54%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2281       alt="VD-54 : Sur le pont d'Avignon - Sur le pont d’Avignon. Une pièce traditionnelle française qui n'a plus besoin de présentation"/>
2282  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2283              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;54</div>
2284  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2285  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2286</div>
2287<h2 style='text-align: center; font-size: 15px;'>Sur le pont d'Avignon</h2>
2288<br/>
2289</a>
2290</div>
2291
2292<div class='item' id='tous-debutant-piece-enfant' title="C'est l'aviron" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2293<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083646'>
2294<div style='position: relative; color: white;'>
2295  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-55%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2296       alt="VD-55 : C'est l'aviron - C’est l’aviron. Apprenez à chevaucher les cordes de votre violon avec plus d'aisance avec cette pièce enfantine"/>
2297  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2298              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;55</div>
2299  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2300  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2301</div>
2302<h2 style='text-align: center; font-size: 15px;'>C'est l'aviron</h2>
2303<br/>
2304</a>
2305</div>
2306
2307<div class='item' id='tous-debutant-piece-enfant' title="Il était un petit navire" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2308<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083645'>
2309<div style='position: relative; color: white;'>
2310  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-56%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2311       alt="VD-56 : Il était un petit navire - Il était un petit navire. Un air connu, apprécié de tous, et un beau défi pour développer solidité et expressivité"/>
2312  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2313              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;56</div>
2314  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2315  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2316</div>
2317<h2 style='text-align: center; font-size: 15px;'>Il était un petit navire</h2>
2318<br/>
2319</a>
2320</div>
2321
2322<div class='item' id='tous-debutant-piece-chanson' title="Partons la mer est belle" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2323<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083644'>
2324<div style='position: relative; color: white;'>
2325  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-57%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2326       alt="VD-57 : Partons la mer est belle - Partons la mer est belle. Faites sensation avec cette belle mélodie qui travaillera votre répartition d'archet"/>
2327  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2328              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;57</div>
2329  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2330  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2331</div>
2332<h2 style='text-align: center; font-size: 15px;'>Partons la mer est belle</h2>
2333<br/>
2334</a>
2335</div>
2336
2337<div class='item' id='tous-debutant-piece-classique' title="Sérénade de Mozart" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2338<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083648'>
2339<div style='position: relative; color: white;'>
2340  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-58%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2341       alt="VD-58 : Sérénade de Mozart - Sérénade de Mozart. Un chant à la fenêtre pour développer votre style avec l'archet et le passage rapide d'un groupement à l'autre"/>
2342  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2343              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;58</div>
2344  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2345  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2346</div>
2347<h2 style='text-align: center; font-size: 15px;'>Sérénade de Mozart</h2>
2348<br/>
2349</a>
2350</div>
2351
2352<div class='item' id='tous-debutant-lecon-theorie-' title="Les six groupements" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2353<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083674'>
2354<div style='position: relative; color: white;'>
2355  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-59%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2356       alt="VD-59 : Les six groupements - Les six groupements. Six groupements de base permettant de faire pratiquement toutes les notes de la première position et vous permettront d'ajouter structure et clarté à votre jeu"/>
2357  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2358              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;59</div>
2359  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2360  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2361</div>
2362<h2 style='text-align: center; font-size: 15px;'>Les six groupements</h2>
2363<br/>
2364</a>
2365</div>
2366
2367<div class='item' id='tous-debutant-lecon-theorie-technique-etude-' title="Étude - Les six groupements" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2368<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083675'>
2369<div style='position: relative; color: white;'>
2370  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-60%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2371       alt="VD-60 : Étude - Les six groupements - Étude - Les six groupements. Un des exercices les plus bénéfiques pour la maîtrise de la main gauche et la structure de votre main. Un incontournable pour vous échauffer, pour l'échauffement en début de pratique"/>
2372  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2373              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;60</div>
2374  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2375  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2376</div>
2377<h2 style='text-align: center; font-size: 15px;'>Étude - Les six groupements</h2>
2378<br/>
2379</a>
2380</div>
2381
2382<div class='item' id='tous-debutant-theorie-' title="Trouver groupements (principe)" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2383<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083676'>
2384<div style='position: relative; color: white;'>
2385  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-61%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2386       alt="VD-61 : Trouver groupements (principe) - Trouver groupements - Principe. Apprenez enfin le grand principe permettant de savoir quels groupements utiliser dans vos pièces. Le chapitre complet doit être suivi pour tout saisir"/>
2387  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2388              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;61</div>
2389  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2390  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2391</div>
2392<h2 style='text-align: center; font-size: 15px;'>Trouver groupements (principe)</h2>
2393<br/>
2394</a>
2395</div>
2396
2397<div class='item' id='tous-debutant-theorie-' title="Groupements naturels" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2398<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083677'>
2399<div style='position: relative; color: white;'>
2400  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-62%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2401       alt="VD-62 : Groupements naturels - Groupements naturels. Apprenez où se situent les notes naturelles sur le violon. Le chapitre complet doit être suivi pour tout saisir"/>
2402  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2403              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;62</div>
2404  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2405  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2406</div>
2407<h2 style='text-align: center; font-size: 15px;'>Groupements naturels</h2>
2408<br/>
2409</a>
2410</div>
2411
2412<div class='item' id='tous-debutant-theorie-' title="Altérations" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2413<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083678'>
2414<div style='position: relative; color: white;'>
2415  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-63%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2416       alt="VD-63 : Altérations - Altérations. Tutoriel vidéo où vous comprendrez l'influence des altérations sur le positionnement de vos doigts. Le chapitre complet doit être suivi pour tout saisir"/>
2417  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2418              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;63</div>
2419  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2420  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2421</div>
2422<h2 style='text-align: center; font-size: 15px;'>Altérations</h2>
2423<br/>
2424</a>
2425</div>
2426
2427<div class='item' id='tous-debutant-theorie-' title="Altérations accidentelles" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2428<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083679'>
2429<div style='position: relative; color: white;'>
2430  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-64%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2431       alt="VD-64 : Altérations accidentelles - Altérations accidentelles. Découvrez ce que sont les altérations accidentelles et ce qui doit être fait lorsque rencontrés. Le chapitre complet doit être suivi pour tout saisir"/>
2432  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2433              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;64</div>
2434  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2435  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2436</div>
2437<h2 style='text-align: center; font-size: 15px;'>Altérations accidentelles</h2>
2438<br/>
2439</a>
2440</div>
2441
2442<div class='item' id='tous-debutant-theorie-' title="Altérations constitutives" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2443<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083680'>
2444<div style='position: relative; color: white;'>
2445  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-65%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2446       alt="VD-65 : Altérations constitutives - Altérations constitutives. Découvrez l'effet des altérations constitutives. Le chapitre complet doit être suivi pour tout saisir"/>
2447  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2448              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;65</div>
2449  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2450  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2451</div>
2452<h2 style='text-align: center; font-size: 15px;'>Altérations constitutives</h2>
2453<br/>
2454</a>
2455</div>
2456
2457<div class='item' id='tous-debutant-theorie-' title="Influence de l'armature" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2458<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083681'>
2459<div style='position: relative; color: white;'>
2460  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-66%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2461       alt="VD-66 : Influence de l'armature - Influence de l'armature. Apprenez comment l'armature influence vos doigts et groupements. Le chapitre complet doit être suivi pour tout saisir"/>
2462  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2463              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;66</div>
2464  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2465  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2466</div>
2467<h2 style='text-align: center; font-size: 15px;'>Influence de l'armature</h2>
2468<br/>
2469</a>
2470</div>
2471
2472<div class='item' id='tous-debutant-theorie-' title="Analyse des groupements" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2473<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083682'>
2474<div style='position: relative; color: white;'>
2475  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-67%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2476       alt="VD-67 : Analyse des groupements - Analyse de groupements. Développez votre capacité à trouver vous-mêmes les groupements et le positionnement des doigts dans vos pièces. Le chapitre complet doit être suivi pour tout saisir"/>
2477  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2478              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;67</div>
2479  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2480  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2481</div>
2482<h2 style='text-align: center; font-size: 15px;'>Analyse des groupements</h2>
2483<br/>
2484</a>
2485</div>
2486
2487<div class='item' id='tous-debutant-theorie-' title="Tons et demi-tons" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2488<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083683'>
2489<div style='position: relative; color: white;'>
2490  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-68%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2491       alt="VD-68 : Tons et demi-tons - Tons et demi-tons. Capsule sur la notion de tons et demi-tons. La théorie et comment les reconnaître sur le violon. Le chapitre complet doit être suivi pour tout saisir"/>
2492  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2493              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;68</div>
2494  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2495  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2496</div>
2497<h2 style='text-align: center; font-size: 15px;'>Tons et demi-tons</h2>
2498<br/>
2499</a>
2500</div>
2501
2502<div class='item' id='tous-debutant-theorie-' title="Analyse d'intervalles" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2503<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083684'>
2504<div style='position: relative; color: white;'>
2505  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-69%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2506       alt="VD-69 : Analyse d'intervalles - Analyse d'intervalles. Exercice pratique pour vous aider à facilement reconnaître les tons et demi-tons. Le chapitre complet doit être suivi pour tout saisir"/>
2507  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2508              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;69</div>
2509  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2510  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2511</div>
2512<h2 style='text-align: center; font-size: 15px;'>Analyse d'intervalles</h2>
2513<br/>
2514</a>
2515</div>
2516
2517<div class='item' id='tous-debutant-theorie-gamme-' title="Tonalités et gammes" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2518<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083685'>
2519<div style='position: relative; color: white;'>
2520  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-70%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2521       alt="VD-70 : Tonalités et gammes - Tonalités et gammes. Explication et trucs pour reconnaître les tonalités, les gammes et leur relation vos doigts dans chaque pièce. Le chapitre complet doit être suivi pour tout saisir"/>
2522  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2523              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;70</div>
2524  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2525  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2526</div>
2527<h2 style='text-align: center; font-size: 15px;'>Tonalités et gammes</h2>
2528<br/>
2529</a>
2530</div>
2531
2532<div class='item' id='tous-debutant-theorie-technique-' title="Types de liaisons" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2533<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083698'>
2534<div style='position: relative; color: white;'>
2535  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-71%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2536       alt="VD-71 : Types de liaisons - Liaisons des différents types. Types de liaisons. Développez votre style et votre expressivité en découvrant comment interpréter différents types de liaisons"/>
2537  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2538              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;71</div>
2539  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2540  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2541</div>
2542<h2 style='text-align: center; font-size: 15px;'>Types de liaisons</h2>
2543<br/>
2544</a>
2545</div>
2546
2547<div class='item' id='tous-debutant-gamme-' title="Gammes et arpèges Sol 2 octaves" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2548<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083698'>
2549<div style='position: relative; color: white;'>
2550  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-72%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2551       alt="VD-72 : Gammes et arpèges Sol 2 octaves - Gamme et arpège Sol 2 octaves. Exercez-vous à appliquer la notion de groupements apprise dans les tutoriels précédents"/>
2552  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2553              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;72</div>
2554  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2555  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2556</div>
2557<h2 style='text-align: center; font-size: 15px;'>Gammes et arpèges Sol 2 octaves</h2>
2558<br/>
2559</a>
2560</div>
2561
2562<div class='item' id='tous-debutant-etude-' title="Deuxième étude" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2563<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083702'>
2564<div style='position: relative; color: white;'>
2565  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-73%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2566       alt="VD-73 : Deuxième étude - Deuxième étude. Améliorez votre solidité, rapidité, justesse et la force de votre main gauche"/>
2567  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2568              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;73</div>
2569  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2570  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2571</div>
2572<h2 style='text-align: center; font-size: 15px;'>Deuxième étude</h2>
2573<br/>
2574</a>
2575</div>
2576
2577<div class='item' id='tous-debutant-piece-enfant' title="Ah mon beau château" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2578<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083700'>
2579<div style='position: relative; color: white;'>
2580  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-74%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2581       alt="VD-74 : Ah mon beau château - Ah mon beau château. Un classique du folklore français à la fois simple et très formateur, avec un des plus beaux accompagnements jusqu'à présent"/>
2582  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2583              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;74</div>
2584  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2585  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2586</div>
2587<h2 style='text-align: center; font-size: 15px;'>Ah mon beau château</h2>
2588<br/>
2589</a>
2590</div>
2591
2592<div class='item' id='tous-debutant-piece-irlandais-chanson' title="Londonderry air" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2593<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083701'>
2594<div style='position: relative; color: white;'>
2595  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-75%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2596       alt="VD-75 : Londonderry air - Londonderry Air. Connue sous ces deux t
2596itres, cette mélodie nostalgique saura gagner le coeur de votre public"/>
2597  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2598              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;75</div>
2599  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2600  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2601</div>
2602<h2 style='text-align: center; font-size: 15px;'>Londonderry air</h2>
2603<br/>
2604</a>
2605</div>
2606
2607<div class='item' id='tous-debutant-lecon-theorie-' title="Expression et style" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2608<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083703'>
2609<div style='position: relative; color: white;'>
2610  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-76%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2611       alt="VD-76 : Expression et style - Expression et style. Trucs et astuces pour faire passer votre jeu à un autre niveau, et passer de technicien à musicien"/>
2612  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2613              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;76</div>
2614  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2615  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2616</div>
2617<h2 style='text-align: center; font-size: 15px;'>Expression et style</h2>
2618<br/>
2619</a>
2620</div>
2621
2622<div class='item' id='tous-debutant-piece-classique' title="Menuet #1 de Bach" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2623<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083704'>
2624<div style='position: relative; color: white;'>
2625  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-77%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2626       alt="VD-77 : Menuet #1 de Bach - Menuet #1 de Bach. Premier menuet d'une série indispensable à toute formation classique. Une pièce complète vous permettant de mettre en pratique toutes les notions vues jusqu'à présent"/>
2627  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2628              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;77</div>
2629  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2630  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2631</div>
2632<h2 style='text-align: center; font-size: 15px;'>Menuet #1 de Bach</h2>
2633<br/>
2634</a>
2635</div>
2636
2637<div class='item' id='tous-debutant-piece-classique' title="Menuet #2 de Bach" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2638<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083705'>
2639<div style='position: relative; color: white;'>
2640  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-78%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2641       alt="VD-78 : Menuet #2 de Bach - Menuet #2 de Bach. Second menuet d'une série indispensable à toute formation classique. Une pièce complète vous permettant de mettre en pratique toutes les notions vues jusqu'à présent"/>
2642  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2643              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;78</div>
2644  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2645  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2646</div>
2647<h2 style='text-align: center; font-size: 15px;'>Menuet #2 de Bach</h2>
2648<br/>
2649</a>
2650</div>
2651
2652<div class='item' id='tous-debutant-piece-classique' title="Allegretto de Haendel" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2653<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083706'>
2654<div style='position: relative; color: white;'>
2655  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-79%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2656       alt="VD-79 : Allegretto de Haendel - Allegretto de Haendel. Le plus beau défi du cours Violoniste débutant. Une pièce complète vous permettant de mettre en pratique toutes les notions vues jusqu'à présent"/>
2657  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2658              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;79</div>
2659  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2660  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2661</div>
2662<h2 style='text-align: center; font-size: 15px;'>Allegretto de Haendel</h2>
2663<br/>
2664</a>
2665</div>
2666
2667<div class='item' id='tous-debutant-piece-classique' title="Menuet #3 de Bach" data-date='2019-06-28' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2668<a style='color: #555555;' href='https://mildorviolon.com/courses/debutant/lectures/2083707'>
2669<div style='position: relative; color: white;'>
2670  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VD-80%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2671       alt="VD-80 : Menuet #3 de Bach - Menuet #3 de Bach. Apprenez la pièce qui vous a accompagné à chaque début et fin de tutoriels de Mildor Violon, un grand classique de Bach pour mettre en pratique toutes les notions vues jusqu'à présent"/>
2672  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2673              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VD</span>&nbsp;80</div>
2674  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2675  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2676</div>
2677<h2 style='text-align: center; font-size: 15px;'>Menuet #3 de Bach</h2>
2678<br/>
2679</a>
2680</div>
2681
2682<!-- CLOSE TWO SECTION DIVS -->
2683</div>
2684</div>
2685<!-------------------->
2686<!-- END OF SECTION -->
2687<!-------------------->
2688
2689
2690
2691
2692
2693
2694
2695
2696
2697
2698
2699<!------------------------------------------------------>
2700<!------------------------------------------------------>
2701<!------------------------------------------------------>
2702<!------------------------------------------------------>
2703<!------------------------------------------------------>
2704<!------------------------------------------------------>
2705<!------------------------------------------------------>
2706<!------------------------------------------------------>
2707<!------------------------------------------------------>
2708<!------------------------------------------------------>
2709<!-- INCLUS DANS LE COURS VIOLONISTES INTERMEDIAIRE 1 -->
2710<!------------------------------------------------------>
2711<!------------------------------------------------------>
2712<!------------------------------------------------------>
2713<!------------------------------------------------------>
2714<!------------------------------------------------------>
2715<!------------------------------------------------------>
2716<!------------------------------------------------------>
2717<!------------------------------------------------------>
2718<!------------------------------------------------------>
2719<!------------------------------------------------------>
2720
2721<!----------------->
2722<!-- NEW SECTION -->
2723<!----------------->
2724<div class="filter-section">
2725<h2 class="filter-section-title" style="clear: both; font-size: 24px; margin: 0 0 10px 0;">Inclus dans le cours Violoniste intermédiaire 1...</h2>
2726<div class="filter-section-items">
2727
2728
2729<div class='item' id='tous-intermediaire-lecon-' title="Introduction au cours" data-date='2022-06-12' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2730<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42109842'>
2731<div style='position: relative; color: white;'>
2732  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-01%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2733       alt="VI1-01 : Introduction au cours - Introduction au cours Violoniste intermédiaire 1"/>
2734  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2735              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;01</div>
2736  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2737  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2738</div>
2739<h2 style='text-align: center; font-size: 15px;'>Introduction au cours</h2>
2740<br/>
2741</a>
2742</div>
2743
2744<div class='item' id='tous-intermediaire-lecon-' title="Utiliser nos partitions interactives" data-date='2022-06-12' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2745<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111732'>
2746<div style='position: relative; color: white;'>
2747  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-02%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2748       alt="VI1-02 : Utiliser nos partitions interactives - Utiliser nos partitions vidéos interactives"/>
2749  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2750              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;02</div>
2751  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2752  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2753</div>
2754<h2 style='text-align: center; font-size: 15px;'>Utiliser nos partitions interactives</h2>
2755<br/>
2756</a>
2757</div>
2758
2759<div class='item' id='tous-intermediaire-lecon-' title="Nouvelle méthodologie et pratique" data-date='2022-06-12' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2760<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111733'>
2761<div style='position: relative; color: white;'>
2762  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-03%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2763       alt="VI1-03 : Nouvelle méthodologie et pratique - Nouvelle méthodologie et structure de pratique"/>
2764  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2765              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;03</div>
2766  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2767  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2768</div>
2769<h2 style='text-align: center; font-size: 15px;'>Nouvelle méthodologie et pratique</h2>
2770<br/>
2771</a>
2772</div>
2773
2774<div class='item' id='tous-intermediaire-theorie-' title="Lettres de sections et anacrouses" data-date='2022-06-12' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2775<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111736'>
2776<div style='position: relative; color: white;'>
2777  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-04%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2778       alt="VI1-04 : Lettres de sections et anacrouses - Lettres de sections et anacrouses"/>
2779  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2780              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;04</div>
2781  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2782  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2783</div>
2784<h2 style='text-align: center; font-size: 15px;'>Lettres de sections et anacrouses</h2>
2785<br/>
2786</a>
2787</div>
2788
2789<div class='item' id='tous-intermediaire-theorie-' title="Silences de plusieurs mesures" data-date='2022-06-12' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2790<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111738'>
2791<div style='position: relative; color: white;'>
2792  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-05%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2793       alt="VI1-05 : Silences de plusieurs mesures - Silences de plusieurs mesures"/>
2794  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2795              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;05</div>
2796  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2797  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2798</div>
2799<h2 style='text-align: center; font-size: 15px;'>Silences de plusieurs mesures</h2>
2800<br/>
2801</a>
2802</div>
2803
2804<div class='item' id='tous-intermediaire-technique-lecon-' title="Technique des deux mesures" data-date='2022-06-12' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2805<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111742'>
2806<div style='position: relative; color: white;'>
2807  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-06%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2808       alt="VI1-06 : Technique des deux mesures - Technique des deux mesures"/>
2809  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2810              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;06</div>
2811  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2812  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2813</div>
2814<h2 style='text-align: center; font-size: 15px;'>Technique des deux mesures</h2>
2815<br/>
2816</a>
2817</div>
2818
2819<div class='item' id='tous-intermediaire-technique-' title="Révision des acquis techniques" data-date='2022-07-04' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2820<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111744'>
2821<div style='position: relative; color: white;'>
2822  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-07%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2823       alt="VI1-07 : Révision des acquis techniques - Révision des acquis techniques à maintenir"/>
2824  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2825              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;07</div>
2826  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2827  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2828</div>
2829<h2 style='text-align: center; font-size: 15px;'>Révision des acquis techniques</h2>
2830<br/>
2831</a>
2832</div>
2833
2834<div class='item' id='tous-intermediaire-technique-' title="Mouvements naturels de la main" data-date='2022-07-07' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2835<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111746'>
2836<div style='position: relative; color: white;'>
2837  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-08%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2838       alt="VI1-08 : Mouvements naturels de la main - Mouvements naturels de la main"/>
2839  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2840              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;08</div>
2841  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2842  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2843</div>
2844<h2 style='text-align: center; font-size: 15px;'>Mouvements naturels de la main</h2>
2845<br/>
2846</a>
2847</div>
2848
2849<div class='item' id='tous-intermediaire-technique-' title="Problèmes communs avec l'archet" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2850<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111747'>
2851<div style='position: relative; color: white;'>
2852  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-09%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2853       alt="VI1-09 : Problèmes communs avec l'archet - Problèmes communs avec l'archet"/>
2854  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2855              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;09</div>
2856  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2857  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2858</div>
2859<h2 style='text-align: center; font-size: 15px;'>Problèmes communs avec l'archet</h2>
2860<br/>
2861</a>
2862</div>
2863
2864<div class='item' id='tous-intermediaire-technique-' title="Importance de la détente au violon" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2865<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111750'>
2866<div style='position: relative; color: white;'>
2867  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-10%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2868       alt="VI1-10 : Importance de la détente au violon - Importance de la détente au violon"/>
2869  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2870              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;10</div>
2871  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2872  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2873</div>
2874<h2 style='text-align: center; font-size: 15px;'>Importance de la détente au violon</h2>
2875<br/>
2876</a>
2877</div>
2878
2879<div class='item' id='tous-intermediaire-technique-' title="Retours d'archet et fluidité" data-date='2022-07-29' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2880<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111751'>
2881<div style='position: relative; color: white;'>
2882  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-11%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2883       alt="VI1-11 : Retours d'archet et fluidité - Retours d'archet, fluidité et méduse"/>
2884  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2885              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;11</div>
2886  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2887  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2888</div>
2889<h2 style='text-align: center; font-size: 15px;'>Retours d'archet et fluidité</h2>
2890<br/>
2891</a>
2892</div>
2893
2894<div class='item' id='tous-intermediaire-technique-' title="Sons parasites au violon" data-date='2022-07-15' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2895<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111753'>
2896<div style='position: relative; color: white;'>
2897  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-12%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2898       alt="VI1-12 : Sons parasites au violon - Sons parasites au violon (mouches)"/>
2899  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2900              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;12</div>
2901  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2902  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2903</div>
2904<h2 style='text-align: center; font-size: 15px;'>Sons parasites au violon</h2>
2905<br/>
2906</a>
2907</div>
2908
2909<div class='item' id='tous-intermediaire-technique-' title="Jouer parallèlement sur 2 cordes" data-date='2022-07-21' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2910<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111755'>
2911<div style='position: relative; color: white;'>
2912  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-13%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2913       alt="VI1-13 : Jouer parallèlement sur 2 cordes - Jouer parallèlement sur 2 cordes"/>
2914  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2915              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;13</div>
2916  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2917  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2918</div>
2919<h2 style='text-align: center; font-size: 15px;'>Jouer parallèlement sur 2 cordes</h2>
2920<br/>
2921</a>
2922</div>
2923
2924<div class='item' id='tous-intermediaire-theorie-technique-' title="Signification et usage des traits prolongés" data-date='2022-07-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2925<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111756'>
2926<div style='position: relative; color: white;'>
2927  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-14%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2928       alt="VI1-14 : Signification et usage des traits prolongés - Signification et usage des traits prolongés"/>
2929  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2930              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;14</div>
2931  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2932  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2933</div>
2934<h2 style='text-align: center; font-size: 15px;'>Signification et usage des traits prolongés</h2>
2935<br/>
2936</a>
2937</div>
2938
2939<div class='item' id='tous-intermediaire-technique-' title="Déplacements ancrés et masqués" data-date='2022-07-25' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2940<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111757'>
2941<div style='position: relative; color: white;'>
2942  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-15%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2943       alt="VI1-15 : Déplacements ancrés et masqués - Déplacements ancrés et masqués"/>
2944  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2945              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;15</div>
2946  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2947  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2948</div>
2949<h2 style='text-align: center; font-size: 15px;'>Déplacements ancrés et masqués</h2>
2950<br/>
2951</a>
2952</div>
2953
2954<div class='item' id='tous-intermediaire-technique-' title="Justesse sur deux cordes (hypothénuse)" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2955<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111758'>
2956<div style='position: relative; color: white;'>
2957  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-16%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2958       alt="VI1-16 : Justesse sur deux cordes (hypothénuse) - Justesse sur deux cordes"/>
2959  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2960              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;16</div>
2961  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2962  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2963</div>
2964<h2 style='text-align: center; font-size: 15px;'>Justesse sur deux cordes (hypothénuse)</h2>
2965<br/>
2966</a>
2967</div>
2968
2969<div class='item' id='tous-intermediaire-technique-theorie-' title="Justesse et notation des quintes justes" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2970<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111760'>
2971<div style='position: relative; color: white;'>
2972  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-17%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2973       alt="VI1-17 : Justesse et notation des quintes justes - Justesse et notation des quintes justes"/>
2974  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2975              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;17</div>
2976  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2977  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2978</div>
2979<h2 style='text-align: center; font-size: 15px;'>Justesse et notation des quintes justes</h2>
2980<br/>
2981</a>
2982</div>
2983
2984<div class='item' id='tous-intermediaire-technique-' title="Synchronisation et changements de cordes" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
2985<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111761'>
2986<div style='position: relative; color: white;'>
2987  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-18%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
2988       alt="VI1-18 : Synchronisation et changements de cordes - Synchronisation et changements de cordes"/>
2989  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
2990              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;18</div>
2991  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
2992  <span style='color: #ff8200'><b>Gratuit</b></span></div>
2993</div>
2994<h2 style='text-align: center; font-size: 15px;'>Synchronisation et changements de cordes</h2>
2995<br/>
2996</a>
2997</div>
2998
2999<div class='item' id='tous-intermediaire-theorie-' title="Principe des degrés et tonalités majeures" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3000<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111762'>
3001<div style='position: relative; color: white;'>
3002  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-19%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3003       alt="VI1-19 : Principe des degrés et tonalités majeures - Principe des degrés, gammes et arpèges majeurs"/>
3004  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3005              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;19</div>
3006  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3007  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3008</div>
3009<h2 style='text-align: center; font-size: 15px;'>Principe des degrés et tonalités majeures</h2>
3010<br/>
3011</a>
3012</div>
3013
3014<div class='item' id='tous-intermediaire-theorie-' title="Nommer les degrés" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3015<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111763'>
3016<div style='position: relative; color: white;'>
3017  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-20%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3018       alt="VI1-20 : Nommer les degrés - Nommer les degrés"/>
3019  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3020              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;20</div>
3021  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3022  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3023</div>
3024<h2 style='text-align: center; font-size: 15px;'>Nommer les degrés</h2>
3025<br/>
3026</a>
3027</div>
3028
3029<div class='item' id='tous-intermediaire-theorie-' title="Principe des intervalles et leurs noms" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3030<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111764'>
3031<div style='position: relative; color: white;'>
3032  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-21%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3033       alt="VI1-21 : Principe des intervalles et leurs noms - Principe des intervalles et leurs noms"/>
3034  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3035              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;21</div>
3036  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3037  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3038</div>
3039<h2 style='text-align: center; font-size: 15px;'>Principe des intervalles et leurs noms</h2>
3040<br/>
3041</a>
3042</div>
3043
3044<div class='item' id='tous-intermediaire-theorie-' title="Nommer les intervalles" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3045<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111765'>
3046<div style='position: relative; color: white;'>
3047  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-22%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3048       alt="VI1-22 : Nommer les intervalles - Nommer les intervalles"/>
3049  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3050              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;22</div>
3051  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3052  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3053</div>
3054<h2 style='text-align: center; font-size: 15px;'>Nommer les intervalles</h2>
3055<br/>
3056</a>
3057</div>
3058
3059<div class='item' id='tous-intermediaire-theorie-' title="Intervalles majeurs et justes" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3060<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111766'>
3061<div style='position: relative; color: white;'>
3062  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-23%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3063       alt="VI1-23 : Intervalles majeurs et justes - Intervalles majeurs et justes"/>
3064  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3065              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;23</div>
3066  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3067  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3068</div>
3069<h2 style='text-align: center; font-size: 15px;'>Intervalles majeurs et justes</h2>
3070<br/>
3071</a>
3072</div>
3073
3074<div class='item' id='tous-intermediaire-theorie-' title="Qualifier les intervalles majeurs et justes" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3075<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111767'>
3076<div style='position: relative; color: white;'>
3077  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-24%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3078       alt="VI1-24 : Qualifier les intervalles majeurs et justes - Qualifier les intervalles majeurs et justes"/>
3079  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3080              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;24</div>
3081  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3082  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3083</div>
3084<h2 style='text-align: center; font-size: 15px;'>Qualifier les intervalles majeurs et justes</h2>
3085<br/>
3086</a>
3087</div>
3088
3089<div class='item' id='tous-intermediaire-theorie-' title="Intervalles mineurs, augmentés et diminués" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3090<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111768'>
3091<div style='position: relative; color: white;'>
3092  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-25%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3093       alt="VI1-25 : Intervalles mineurs, augmentés et diminués - Intervalles mineurs, augmentés et diminués"/>
3094  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3095              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;25</div>
3096  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3097  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3098</div>
3099<h2 style='text-align: center; font-size: 15px;'>Intervalles mineurs, augmentés et diminués</h2>
3100<br/>
3101</a>
3102</div>
3103
3104<div class='item' id='tous-intermediaire-theorie-' title="Qualifier les intervalles mineurs, augmentés et diminués" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3105<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111769'>
3106<div style='position: relative; color: white;'>
3107  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-26%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3108       alt="VI1-26 : Qualifier les intervalles mineurs, augmentés et diminués - Qualifier les intervalles mineurs, augmentés et diminués"/>
3109  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3110              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;26</div>
3111  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3112  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3113</div>
3114<h2 style='text-align: center; font-size: 15px;'>Qualifier les intervalles mineurs, augmentés et diminués</h2>
3115<br/>
3116</a>
3117</div>
3118
3119<div class='item' id='tous-intermediaire-technique-theorie-' title="Emplacement des notes naturelles sur le violon" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3120<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111771'>
3121<div style='position: relative; color: white;'>
3122  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-27%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3123       alt="VI1-27 : Emplacement des notes naturelles sur le violon - Emplacement des notes naturelles sur le violon"/>
3124  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3125              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;27</div>
3126  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3127  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3128</div>
3129<h2 style='text-align: center; font-size: 15px;'>Emplacement des notes naturelles sur le violon</h2>
3130<br/>
3131</a>
3132</div>
3133
3134<div class='item' id='tous-intermediaire-technique-theorie-etude-' title="Quizz sur les notes naturelles" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3135<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111774'>
3136<div style='position: relative; color: white;'>
3137  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-28%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3138       alt="VI1-28 : Quizz sur les notes naturelles - Quizz sur les notes naturelles"/>
3139  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3140              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;28</div>
3141  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3142  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3143</div>
3144<h2 style='text-align: center; font-size: 15px;'>Quizz sur les notes naturelles</h2>
3145<br/>
3146</a>
3147</div>
3148
3149<div class='item' id='tous-intermediaire-technique-theorie-etude-' title="Quizz sur les notes de la première position" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3150<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111775'>
3151<div style='position: relative; color: white;'>
3152  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-29%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3153       alt="VI1-29 : Quizz sur les notes de la première position - Quizz sur les notes de la première position"/>
3154  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3155              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;29</div>
3156  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3157  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3158</div>
3159<h2 style='text-align: center; font-size: 15px;'>Quizz sur les notes de la première position</h2>
3160<br/>
3161</a>
3162</div>
3163
3164<div class='item' id='tous-intermediaire-theorie-' title="Écrire ses groupements (principe)" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3165<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111776'>
3166<div style='position: relative; color: white;'>
3167  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-30%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3168       alt="VI1-30 : Écrire ses groupements (principe) - Écrire les groupements dans une partition (Principe)"/>
3169  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3170              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;30</div>
3171  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3172  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3173</div>
3174<h2 style='text-align: center; font-size: 15px;'>Écrire ses groupements (principe)</h2>
3175<br/>
3176</a>
3177</div>
3178
3179<div class='item' id='tous-intermediaire-theorie-etude-' title="Écrire ses groupements (pratique)" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3180<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42111778'>
3181<div style='position: relative; color: white;'>
3182  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-31%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3183       alt="VI1-31 : Écrire ses groupements (pratique) - Écrire les groupements dans une partition (Pratique)"/>
3184  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3185              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;31</div>
3186  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3187  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3188</div>
3189<h2 style='text-align: center; font-size: 15px;'>Écrire ses groupements (pratique)</h2>
3190<br/>
3191</a>
3192</div>
3193
3194<div class='item' id='tous-intermediaire-technique-' title="Répartition d'archet" data-date='2022-07-11' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3195<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42481938'>
3196<div style='position: relative; color: white;'>
3197  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-32%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3198       alt="VI1-32 : Répartition d'archet - Répartition d'archet"/>
3199  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3200              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;32</div>
3201  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3202  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3203</div>
3204<h2 style='text-align: center; font-size: 15px;'>Répartition d'archet</h2>
3205<br/>
3206</a>
3207</div>
3208
3209<div class='item' id='tous-intermediaire-piece-' title="Bourrée, Haendel" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3210<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42481974'>
3211<div style='position: relative; color: white;'>
3212  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-33%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3213       alt="VI1-33 : Bourrée, Haendel - Bourrée, Haendel"/>
3214  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3215              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;33</div>
3216  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3217  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3218</div>
3219<h2 style='text-align: center; font-size: 15px;'>Bourrée, Haendel</h2>
3220<br/>
3221</a>
3222</div>
3223
3224<div class='item' id='tous-intermediaire-technique-' title="Extension du 4e doigt" data-date='2022-07-14' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3225<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42481962'>
3226<div style='position: relative; color: white;'>
3227  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-34%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3228       alt="VI1-34 : Extension du 4e doigt - Extension du 4e doigt"/>
3229  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3230              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;34</div>
3231  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3232  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3233</div>
3234<h2 style='text-align: center; font-size: 15px;'>Extension du 4e doigt</h2>
3235<br/>
3236</a>
3237</div>
3238
3239<div class='item' id='tous-intermediaire-piece-classique' title="Pompe et circonstance, Elgar" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3240<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42481976'>
3241<div style='position: relative; color: white;'>
3242  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-35%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3243       alt="VI1-35 : Pompe et circonstance, Elgar - Pompe et circonstance, Elgar"/>
3244  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3245              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;35</div>
3246  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3247  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3248</div>
3249<h2 style='text-align: center; font-size: 15px;'>Pompe et circonstance, Elgar</h2>
3250<br/>
3251</a>
3252</div>
3253
3254<div class='item' id='tous-intermediaire-theorie-' title="Croche-pointée puis double-croche" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3255<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42481977'>
3256<div style='position: relative; color: white;'>
3257  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-36%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3258       alt="VI1-36 : Croche-pointée puis double-croche - Croche-pointée puis double-croche"/>
3259  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3260              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;36</div>
3261  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3262  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3263</div>
3264<h2 style='text-align: center; font-size: 15px;'>Croche-pointée puis double-croche</h2>
3265<br/>
3266</a>
3267</div>
3268
3269<div class='item' id='tous-intermediaire-piece-chanson-enfant' title="Joyeux anniversaire" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3270<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42481980'>
3271<div style='position: relative; color: white;'>
3272  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-37%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3273       alt="VI1-37 : Joyeux anniversaire - Joyeux anniversaire"/>
3274  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3275              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;37</div>
3276  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3277  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3278</div>
3279<h2 style='text-align: center; font-size: 15px;'>Joyeux anniversaire</h2>
3280<br/>
3281</a>
3282</div>
3283
3284<div class='item' id='tous-intermediaire-piece-classique' title="Chorus, Haendel" data-date='2022-08-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3285<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42481983'>
3286<div style='position: relative; color: white;'>
3287  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-38%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3288       alt="VI1-38 : Chorus, Haendel - Chorus, Haendel"/>
3289  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3290              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;38</div>
3291  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3292  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3293</div>
3294<h2 style='text-align: center; font-size: 15px;'>Chorus, Haendel</h2>
3295<br/>
3296</a>
3297</div>
3298
3299<div class='item' id='tous-intermediaire-piece-classique' title="Joyeux fermier, Schumann" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3300<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42481985'>
3301<div style='position: relative; color: white;'>
3302  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-39%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3303       alt="VI1-39 : Joyeux fermier, Schumann - Joyeux fermier, Schumann"/>
3304  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3305              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;39</div>
3306  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3307  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3308</div>
3309<h2 style='text-align: center; font-size: 15px;'>Joyeux fermier, Schumann</h2>
3310<br/>
3311</a>
3312</div>
3313
3314<div class='item' id='tous-intermediaire-piece-classique' title="Valse, Brahms" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3315<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42481991'>
3316<div style='position: relative; color: white;'>
3317  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-40%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3318       alt="VI1-40 : Valse, Brahms - Valse, Brahms"/>
3319  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3320              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;40</div>
3321  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3322  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3323</div>
3324<h2 style='text-align: center; font-size: 15px;'>Valse, Brahms</h2>
3325<br/>
3326</a>
3327</div>
3328
3329<div class='item' id='tous-intermediaire-technique-' title="Maîtriser davantage la répartition d'archet" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3330<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42481993'>
3331<div style='position: relative; color: white;'>
3332  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-41%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3333       alt="VI1-41 : Maîtriser davantage la répartition d'archet - Maîtriser davantage la répartition d'archet"/>
3334  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3335              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;41</div>
3336  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3337  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3338</div>
3339<h2 style='text-align: center; font-size: 15px;'>Maîtriser davantage la répartition d'archet</h2>
3340<br/>
3341</a>
3342</div>
3343
3344<div class='item' id='tous-intermediaire-technique-' title="Jouer rapidement - Lecture" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3345<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/43413831'>
3346<div style='position: relative; color: white;'>
3347  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-42%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3348       alt="VI1-42 : Jouer rapidement - Lecture - Jouer rapidement - Lecture"/>
3349  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3350              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;42</div>
3351  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3352  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3353</div>
3354<h2 style='text-align: center; font-size: 15px;'>Jouer rapidement - Lecture</h2>
3355<br/>
3356</a>
3357</div>
3358
3359<div class='item' id='tous-intermediaire-technique-' title="Jouer rapidement - Main gauche" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3360<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/43413836'>
3361<div style='position: relative; color: white;'>
3362  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-43%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3363       alt="VI1-43 : Jouer rapidement - Main gauche - Jouer rapidement - Main gauche"/>
3364  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3365              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;43</div>
3366  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3367  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3368</div>
3369<h2 style='text-align: center; font-size: 15px;'>Jouer rapidement - Main gauche</h2>
3370<br/>
3371</a>
3372</div>
3373
3374<div class='item' id='tous-intermediaire-technique-' title="Jouer rapidement - Main droite" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3375<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/43413838'>
3376<div style='position: relative; color: white;'>
3377  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-44%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3378       alt="VI1-44 : Jouer rapidement - Main droite - Jouer rapidement - Main droite"/>
3379  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3380              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;44</div>
3381  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3382  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3383</div>
3384<h2 style='text-align: center; font-size: 15px;'>Jouer rapidement - Main droite</h2>
3385<br/>
3386</a>
3387</div>
3388
3389<div class='item' id='tous-intermediaire-technique-' title="Jouer rapidement - Astuces mentales" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3390<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/43413843'>
3391<div style='position: relative; color: white;'>
3392  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-45%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3393       alt="VI1-45 : Jouer rapidement - Astuces mentales - Jouer rapidement - Astuces mentales"/>
3394  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3395              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;45</div>
3396  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3397  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3398</div>
3399<h2 style='text-align: center; font-size: 15px;'>Jouer rapidement - Astuces mentales</h2>
3400<br/>
3401</a>
3402</div>
3403
3404<div class='item' id='tous-intermediaire-piece-folklore' title="Rêve du diable" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3405<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/43413848'>
3406<div style='position: relative; color: white;'>
3407  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-46%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3408       alt="VI1-46 : Rêve du diable - Rêve du diable"/>
3409  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3410              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;46</div>
3411  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3412  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3413</div>
3414<h2 style='text-align: center; font-size: 15px;'>Rêve du diable</h2>
3415<br/>
3416</a>
3417</div>
3418
3419<div class='item' id='tous-intermediaire-piece-folklore' title="Reel mystérieux" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3420<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/43413852'>
3421<div style='position: relative; color: white;'>
3422  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-47%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3423       alt="VI1-47 : Reel mystérieux - Reel mystérieux"/>
3424  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3425              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;47</div>
3426  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3427  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3428</div>
3429<h2 style='text-align: center; font-size: 15px;'>Reel mystérieux</h2>
3430<br/>
3431</a>
3432</div>
3433
3434<div class='item' id='tous-intermediaire-technique-' title="Démanché en 3e position" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3435<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44173855'>
3436<div style='position: relative; color: white;'>
3437  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-48%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3438       alt="VI1-48 : Démanché en 3e position - Démanché en 3e position"/>
3439  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3440              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;48</div>
3441  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3442  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3443</div>
3444<h2 style='text-align: center; font-size: 15px;'>Démanché en 3e position</h2>
3445<br/>
3446</a>
3447</div>
3448
3449<div class='item' id='tous-intermediaire-technique-' title="Espaces des doigts en 3e position" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3450<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44173863'>
3451<div style='position: relative; color: white;'>
3452  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-49%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3453       alt="VI1-49 : Espaces des doigts en 3e position - Écarts des doigts en 3e position"/>
3454  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3455              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;49</div>
3456  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3457  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3458</div>
3459<h2 style='text-align: center; font-size: 15px;'>Espaces des doigts en 3e position</h2>
3460<br/>
3461</a>
3462</div>
3463
3464<div class='item' id='tous-intermediaire-technique-' title="Notes altérées en 3e position" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3465<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44173983'>
3466<div style='position: relative; color: white;'>
3467  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-50%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3468       alt="VI1-50 : Notes altérées en 3e position - Notes altérées en 3e position"/>
3469  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3470              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;50</div>
3471  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3472  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3473</div>
3474<h2 style='text-align: center; font-size: 15px;'>Notes altérées en 3e position</h2>
3475<br/>
3476</a>
3477</div>
3478
3479<div class='item' id='tous-intermediaire-technique-' title="Introduction aux double-cordes" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3480<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44173986'>
3481<div style='position: relative; color: white;'>
3482  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-51%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3483       alt="VI1-51 : Introduction aux double-cordes - Introduction aux double-cordes"/>
3484  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3485              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;51</div>
3486  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3487  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3488</div>
3489<h2 style='text-align: center; font-size: 15px;'>Introduction aux double-cordes</h2>
3490<br/>
3491</a>
3492</div>
3493
3494<div class='item' id='tous-intermediaire-technique-theorie-' title="Ornements, glissando et tremolo" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3495<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44173988'>
3496<div style='position: relative; color: white;'>
3497  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-52%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3498       alt="VI1-52 : Ornements, glissando et tremolo - Les ornements"/>
3499  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3500              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;52</div>
3501  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3502  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3503</div>
3504<h2 style='text-align: center; font-size: 15px;'>Ornements, glissando et tremolo</h2>
3505<br/>
3506</a>
3507</div>
3508
3509<div class='item' id='tous-intermediaire-piece-classique' title="Marche no. 1, CPE Bach" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3510<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44173991'>
3511<div style='position: relative; color: white;'>
3512  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-53%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3513       alt="VI1-53 : Marche no. 1, CPE Bach - Marche no. 1, CPE Bach"/>
3514  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3515              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;53</div>
3516  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3517  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3518</div>
3519<h2 style='text-align: center; font-size: 15px;'>Marche no. 1, CPE Bach</h2>
3520<br/>
3521</a>
3522</div>
3523
3524<div class='item' id='tous-intermediaire-technique-theorie-' title="Articulations en détaché et en lié" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3525<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174013'>
3526<div style='position: relative; color: white;'>
3527  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-54%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3528       alt="VI1-54 : Articulations en détaché et en lié - Articulations en détaché et en lié"/>
3529  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3530              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;54</div>
3531  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3532  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3533</div>
3534<h2 style='text-align: center; font-size: 15px;'>Articulations en détaché et en lié</h2>
3535<br/>
3536</a>
3537</div>
3538
3539<div class='item' id='tous-intermediaire-technique-' title="Pizzicato main droite et main gauche" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3540<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174015'>
3541<div style='position: relative; color: white;'>
3542  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-55%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3543       alt="VI1-55 : Pizzicato main droite et main gauche - Pizzicato main droite"/>
3544  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3545              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;55</div>
3546  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3547  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3548</div>
3549<h2 style='text-align: center; font-size: 15px;'>Pizzicato main droite et main gauche</h2>
3550<br/>
3551</a>
3552</div>
3553
3554<div class='item' id='tous-intermediaire-theorie-technique-' title="Le principe des harmoniques" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3555<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174018'>
3556<div style='position: relative; color: white;'>
3557  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-56%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3558       alt="VI1-56 : Le principe des harmoniques - Le principe des harmoniques"/>
3559  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3560              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;56</div>
3561  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3562  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3563</div>
3564<h2 style='text-align: center; font-size: 15px;'>Le principe des harmoniques</h2>
3565<br/>
3566</a>
3567</div>
3568
3569<div class='item' id='tous-intermediaire-theorie-technique-' title="Les trois types d'harmoniques" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3570<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174026'>
3571<div style='position: relative; color: white;'>
3572  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-57%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3573       alt="VI1-57 : Les trois types d'harmoniques - Les harmoniques naturelles"/>
3574  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3575              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;57</div>
3576  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3577  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3578</div>
3579<h2 style='text-align: center; font-size: 15px;'>Les trois types d'harmoniques</h2>
3580<br/>
3581</a>
3582</div>
3583
3584<div class='item' id='tous-intermediaire-technique-lecon-' title="Améliorer ses nuances techniquement" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3585<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174027'>
3586<div style='position: relative; color: white;'>
3587  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-58%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3588       alt="VI1-58 : Améliorer ses nuances techniquement - Améliorer ses nuances techniquement"/>
3589  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3590              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;58</div>
3591  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3592  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3593</div>
3594<h2 style='text-align: center; font-size: 15px;'>Améliorer ses nuances techniquement</h2>
3595<br/>
3596</a>
3597</div>
3598
3599<div class='item' id='tous-intermediaire-technique-lecon-' title="Dynamiser son jeu avec accents et appuis" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3600<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174029'>
3601<div style='position: relative; color: white;'>
3602  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-59%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3603       alt="VI1-59 : Dynamiser son jeu avec accents et appuis - Dynamiser son jeu avec accents et appuis"/>
3604  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3605              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;59</div>
3606  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3607  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3608</div>
3609<h2 style='text-align: center; font-size: 15px;'>Dynamiser son jeu avec accents et appuis</h2>
3610<br/>
3611</a>
3612</div>
3613
3614<div class='item' id='tous-intermediaire-technique-lecon-' title="Phrases musicales et notes cibles" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3615<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174032'>
3616<div style='position: relative; color: white;'>
3617  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-60%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3618       alt="VI1-60 : Phrases musicales et notes cibles - Phrases musicales et notes cibles"/>
3619  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3620              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;60</div>
3621  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3622  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3623</div>
3624<h2 style='text-align: center; font-size: 15px;'>Phrases musicales et notes cibles</h2>
3625<br/>
3626</a>
3627</div>
3628
3629<div class='item' id='tous-intermediaire-piece-classique' title="Concertino op. 11, 1er mouv, Kuchler" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3630<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174035'>
3631<div style='position: relative; color: white;'>
3632  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-61%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3633       alt="VI1-61 : Concertino op. 11, 1er mouv, Kuchler - Concertino op. 11, 1er mouvement, Kuchler"/>
3634  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3635              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;61</div>
3636  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3637  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3638</div>
3639<h2 style='text-align: center; font-size: 15px;'>Concertino op. 11, 1er mouv, Kuchler</h2>
3640<br/>
3641</a>
3642</div>
3643
3644<div class='item' id='tous-intermediaire-technique-' title="Accents et notes fouettées" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3645<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174040'>
3646<div style='position: relative; color: white;'>
3647  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-62%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3648       alt="VI1-62 : Accents et notes fouettées - Accents et fouettés"/>
3649  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3650              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;62</div>
3651  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3652  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3653</div>
3654<h2 style='text-align: center; font-size: 15px;'>Accents et notes fouettées</h2>
3655<br/>
3656</a>
3657</div>
3658
3659<div class='item' id='tous-intermediaire-piece-classique' title="Concertino indien, 1er mouv, Perlman" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3660<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174043'>
3661<div style='position: relative; color: white;'>
3662  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-63%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3663       alt="VI1-63 : Concertino indien, 1er mouv, Perlman - Concertino indien, 1er mouvement – An indian Story, Perlman"/>
3664  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3665              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;63</div>
3666  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3667  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3668</div>
3669<h2 style='text-align: center; font-size: 15px;'>Concertino indien, 1er mouv, Perlman</h2>
3670<br/>
3671</a>
3672</div>
3673
3674<div class='item' id='tous-intermediaire-technique-' title="Accents à différentes nuances" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3675<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174048'>
3676<div style='position: relative; color: white;'>
3677  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-64%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3678       alt="VI1-64 : Accents à différentes nuances - Accents à différentes nuances"/>
3679  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3680              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;64</div>
3681  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3682  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3683</div>
3684<h2 style='text-align: center; font-size: 15px;'>Accents à différentes nuances</h2>
3685<br/>
3686</a>
3687</div>
3688
3689<div class='item' id='tous-intermediaire-technique-theorie-' title="Accelerando, diminuendo et ritenuto" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3690<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174051'>
3691<div style='position: relative; color: white;'>
3692  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-65%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3693       alt="VI1-65 : Accelerando, diminuendo et ritenuto - Accelerando, diminuendo et ritenuto"/>
3694  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3695              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;65</div>
3696  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3697  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3698</div>
3699<h2 style='text-align: center; font-size: 15px;'>Accelerando, diminuendo et ritenuto</h2>
3700<br/>
3701</a>
3702</div>
3703
3704<div class='item' id='tous-intermediaire-piece-classique' title="Concertino indien, 3e mouv, Perlman" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3705<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174054'>
3706<div style='position: relative; color: white;'>
3707  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-66%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3708       alt="VI1-66 : Concertino indien, 3e mouv, Perlman - Concertino indien, 3e mouvement - Indian War Dance, Perlman"/>
3709  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3710              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;66</div>
3711  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3712  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3713</div>
3714<h2 style='text-align: center; font-size: 15px;'>Concertino indien, 3e mouv, Perlman</h2>
3715<br/>
3716</a>
3717</div>
3718
3719<div class='item' id='tous-intermediaire-theorie-' title="Mesures ternaires ou composées" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3720<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174058'>
3721<div style='position: relative; color: white;'>
3722  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-67%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3723       alt="VI1-67 : Mesures ternaires ou composées - Mesures ternaires (composées)"/>
3724  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3725              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;67</div>
3726  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3727  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3728</div>
3729<h2 style='text-align: center; font-size: 15px;'>Mesures ternaires ou composées</h2>
3730<br/>
3731</a>
3732</div>
3733
3734<div class='item' id='tous-intermediaire-theorie-technique-' title="Notes fantômes et long-rien" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3735<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174060'>
3736<div style='position: relative; color: white;'>
3737  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-68%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3738       alt="VI1-68 : Notes fantômes et long-rien - Notes fantômes et long-rien"/>
3739  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3740              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;68</div>
3741  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3742  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3743</div>
3744<h2 style='text-align: center; font-size: 15px;'>Notes fantômes et long-rien</h2>
3745<br/>
3746</a>
3747</div>
3748
3749<div class='item' id='tous-intermediaire-technique-theorie-' title="Le sforzando et le fortepiano" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3750<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174063'>
3751<div style='position: relative; color: white;'>
3752  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-69%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3753       alt="VI1-69 : Le sforzando et le fortepiano - Le sforzando et le fortepiano"/>
3754  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3755              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;69</div>
3756  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3757  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3758</div>
3759<h2 style='text-align: center; font-size: 15px;'>Le sforzando et le fortepiano</h2>
3760<br/>
3761</a>
3762</div>
3763
3764<div class='item' id='tous-intermediaire-piece-classique' title="Rondo, Rieding" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3765<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174072'>
3766<div style='position: relative; color: white;'>
3767  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-70%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3768       alt="VI1-70 : Rondo, Rieding - Rondo, Rieding"/>
3769  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3770              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;70</div>
3771  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3772  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3773</div>
3774<h2 style='text-align: center; font-size: 15px;'>Rondo, Rieding</h2>
3775<br/>
3776</a>
3777</div>
3778
3779<div class='item' id='tous-intermediaire-theorie-technique-' title="Uniformiser les accents (poussant et tirant)" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3780<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174076'>
3781<div style='position: relative; color: white;'>
3782  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-71%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3783       alt="VI1-71 : Uniformiser les accents (poussant et tirant) - Uniformiser les accents en poussant et en tirant"/>
3784  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3785              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;71</div>
3786  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3787  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3788</div>
3789<h2 style='text-align: center; font-size: 15px;'>Uniformiser les accents (poussant et tirant)</h2>
3790<br/>
3791</a>
3792</div>
3793
3794<div class='item' id='tous-intermediaire-piece-folklore' title="Rocking Chair Jig" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3795<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174079'>
3796<div style='position: relative; color: white;'>
3797  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-72%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3798       alt="VI1-72 : Rocking Chair Jig - Rocking Chair Jig"/>
3799  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3800              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;72</div>
3801  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3802  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3803</div>
3804<h2 style='text-align: center; font-size: 15px;'>Rocking Chair Jig</h2>
3805<br/>
3806</a>
3807</div>
3808
3809<div class='item' id='tous-intermediaire-theorie-technique-' title="Tritons, croisements et intervalle du diable" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3810<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174082'>
3811<div style='position: relative; color: white;'>
3812  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-73%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3813       alt="VI1-73 : Tritons, croisements et intervalle du diable - Tritons, croisements et intervalle du diable"/>
3814  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3815              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;73</div>
3816  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3817  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3818</div>
3819<h2 style='text-align: center; font-size: 15px;'>Tritons, croisements et intervalle du diable</h2>
3820<br/>
3821</a>
3822</div>
3823
3824<div class='item' id='tous-intermediaire-piece-chanson' title="Ma mère chantait toujours, Cousineau" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3825<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174085'>
3826<div style='position: relative; color: white;'>
3827  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-74%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3828       alt="VI1-74 : Ma mère chantait toujours, Cousineau - Ma mère chantait toujours, Cousineau"/>
3829  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3830              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;74</div>
3831  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3832  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3833</div>
3834<h2 style='text-align: center; font-size: 15px;'>Ma mère chantait toujours, Cousineau</h2>
3835<br/>
3836</a>
3837</div>
3838
3839<div class='item' id='tous-intermediaire-technique-' title="Accents pendant une liaison" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3840<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174089'>
3841<div style='position: relative; color: white;'>
3842  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-75%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3843       alt="VI1-75 : Accents pendant une liaison - Accents pendant une liaison"/>
3844  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3845              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;75</div>
3846  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3847  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3848</div>
3849<h2 style='text-align: center; font-size: 15px;'>Accents pendant une liaison</h2>
3850<br/>
3851</a>
3852</div>
3853
3854<div class='item' id='tous-intermediaire-piece-classique' title="Tarentelle, McDonald" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3855<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174094'>
3856<div style='position: relative; color: white;'>
3857  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-76%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3858       alt="VI1-76 : Tarentelle, McDonald - Tarentelle, McDonald"/>
3859  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3860              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;76</div>
3861  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3862  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3863</div>
3864<h2 style='text-align: center; font-size: 15px;'>Tarentelle, McDonald</h2>
3865<br/>
3866</a>
3867</div>
3868
3869<div class='item' id='tous-intermediaire-technique-' title="Extension supérieure du 1er doigt" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3870<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174098'>
3871<div style='position: relative; color: white;'>
3872  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-77%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3873       alt="VI1-77 : Extension supérieure du 1er doigt - Extension supérieure du 1er doigt"/>
3874  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3875              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;77</div>
3876  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3877  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3878</div>
3879<h2 style='text-align: center; font-size: 15px;'>Extension supérieure du 1er doigt</h2>
3880<br/>
3881</a>
3882</div>
3883
3884<div class='item' id='tous-intermediaire-technique-' title="Accords simulés de 3 ou 4 notes" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3885<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174101'>
3886<div style='position: relative; color: white;'>
3887  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-78%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3888       alt="VI1-78 : Accords simulés de 3 ou 4 notes - Accords simulés de 3 ou 4 notes"/>
3889  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3890              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;78</div>
3891  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3892  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3893</div>
3894<h2 style='text-align: center; font-size: 15px;'>Accords simulés de 3 ou 4 notes</h2>
3895<br/>
3896</a>
3897</div>
3898
3899<div class='item' id='tous-intermediaire-piece-classique' title="Concertino op. 11, 3e mouv, Kuchler" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3900<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174104'>
3901<div style='position: relative; color: white;'>
3902  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-79%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3903       alt="VI1-79 : Concertino op. 11, 3e mouv, Kuchler - Concertino op. 11, 3e mouvement - Rondo, Kuchler"/>
3904  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3905              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;79</div>
3906  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3907  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3908</div>
3909<h2 style='text-align: center; font-size: 15px;'>Concertino op. 11, 3e mouv, Kuchler</h2>
3910<br/>
3911</a>
3912</div>
3913
3914<div class='item' id='tous-intermediaire-piece-classique' title="Guillaume Tell, Rossini" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3915<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174108'>
3916<div style='position: relative; color: white;'>
3917  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-80%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3918       alt="VI1-80 : Guillaume Tell, Rossini - Guillaume Tell / William Tell, Rossini"/>
3919  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3920              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;80</div>
3921  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3922  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3923</div>
3924<h2 style='text-align: center; font-size: 15px;'>Guillaume Tell, Rossini</h2>
3925<br/>
3926</a>
3927</div>
3928
3929<div class='item' id='tous-intermediaire-piece-classique' title="Gavotte de Corelli" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3930<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174110'>
3931<div style='position: relative; color: white;'>
3932  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-81%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3933       alt="VI1-81 : Gavotte de Corelli - Gavotte de Corelli"/>
3934  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3935              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;81</div>
3936  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3937  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3938</div>
3939<h2 style='text-align: center; font-size: 15px;'>Gavotte de Corelli</h2>
3940<br/>
3941</a>
3942</div>
3943
3944<div class='item' id='tous-intermediaire-piece-classique' title="Concertino op. 35, Rieding" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3945<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174113'>
3946<div style='position: relative; color: white;'>
3947  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-82%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3948       alt="VI1-82 : Concertino op. 35, Rieding - Concertino op. 35, Rieding"/>
3949  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3950              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;82</div>
3951  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3952  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3953</div>
3954<h2 style='text-align: center; font-size: 15px;'>Concertino op. 35, Rieding</h2>
3955<br/>
3956</a>
3957</div>
3958
3959<div class='item' id='tous-intermediaire-technique-theorie-' title="Principe et pré-requis au vibrato" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3960<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174117'>
3961<div style='position: relative; color: white;'>
3962  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-83%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3963       alt="VI1-83 : Principe et pré-requis au vibrato - Principe et pré-requis au vibrato"/>
3964  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3965              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;83</div>
3966  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3967  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3968</div>
3969<h2 style='text-align: center; font-size: 15px;'>Principe et pré-requis au vibrato</h2>
3970<br/>
3971</a>
3972</div>
3973
3974<div class='item' id='tous-intermediaire-technique-' title="Technique de base du vibrato" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3975<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174120'>
3976<div style='position: relative; color: white;'>
3977  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-84%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3978       alt="VI1-84 : Technique de base du vibrato - Technique de base du vibrato"/>
3979  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3980              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;84</div>
3981  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3982  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3983</div>
3984<h2 style='text-align: center; font-size: 15px;'>Technique de base du vibrato</h2>
3985<br/>
3986</a>
3987</div>
3988
3989<div class='item' id='tous-intermediaire-technique-' title="Technique du vibrato sympathique" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
3990<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174122'>
3991<div style='position: relative; color: white;'>
3992  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-85%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
3993       alt="VI1-85 : Technique du vibrato sympathique - Technique du vibrato sympathique"/>
3994  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
3995              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;85</div>
3996  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
3997  <span style='color: #ff8200'><b>Gratuit</b></span></div>
3998</div>
3999<h2 style='text-align: center; font-size: 15px;'>Technique du vibrato sympathique</h2>
4000<br/>
4001</a>
4002</div>
4003
4004<div class='item' id='tous-intermediaire-technique-' title="Floraison du vibrato" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4005<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174124'>
4006<div style='position: relative; color: white;'>
4007  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-86%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4008       alt="VI1-86 : Floraison du vibrato - Floraison du vibrato"/>
4009  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4010              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;86</div>
4011  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4012  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4013</div>
4014<h2 style='text-align: center; font-size: 15px;'>Floraison du vibrato</h2>
4015<br/>
4016</a>
4017</div>
4018
4019<div class='item' id='tous-intermediaire-etude-' title="Vibrato 00 - Force musculaire" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4020<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174126'>
4021<div style='position: relative; color: white;'>
4022  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-87%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4023       alt="VI1-87 : Vibrato 00 - Force musculaire - Exercice de vibrato - Vibrato étape 0 - Force musculaire"/>
4024  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4025              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;87</div>
4026  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4027  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4028</div>
4029<h2 style='text-align: center; font-size: 15px;'>Vibrato 00 - Force musculaire</h2>
4030<br/>
4031</a>
4032</div>
4033
4034<div class='item' id='tous-intermediaire-etude-' title="Vibrato 01 - Constance et vitesse d’archet" data-date='2023-06-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4035<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47996683'>
4036<div style='position: relative; color: white;'>
4037  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-88%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4038       alt="VI1-88 : Vibrato 01 - Constance et vitesse d’archet - Exercice de vibrato - Vibrato étape 1 - Constance et vitesse d’archet"/>
4039  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4040              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;88</div>
4041  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4042  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4043</div>
4044<h2 style='text-align: center; font-size: 15px;'>Vibrato 01 - Constance et vitesse d’archet</h2>
4045<br/>
4046</a>
4047</div>
4048
4049<div class='item' id='tous-intermediaire-etude-' title="Vibrato 02 - Constance et pression d’archet" data-date='2023-06-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4050<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47996684'>
4051<div style='position: relative; color: white;'>
4052  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-89%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4053       alt="VI1-89 : Vibrato 02 - Constance et pression d’archet - Exercice de vibrato - Vibrato étape 2 - Constance et pression d’archet"/>
4054  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4055              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;89</div>
4056  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4057  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4058</div>
4059<h2 style='text-align: center; font-size: 15px;'>Vibrato 02 - Constance et pression d’archet</h2>
4060<br/>
4061</a>
4062</div>
4063
4064<div class='item' id='tous-intermediaire-etude-' title="Vibrato 03 - Mouvement de l’avant-bras" data-date='2023-06-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4065<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47996699'>
4066<div style='position: relative; color: white;'>
4067  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-90%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4068       alt="VI1-90 : Vibrato 03 - Mouvement de l’avant-bras - Exercice de vibrato - Vibrato étape 3 - Mouvement de l’avant-bras"/>
4069  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4070              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;90</div>
4071  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4072  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4073</div>
4074<h2 style='text-align: center; font-size: 15px;'>Vibrato 03 - Mouvement de l’avant-bras</h2>
4075<br/>
4076</a>
4077</div>
4078
4079<div class='item' id='tous-intermediaire-etude-' title="Vibrato 04 - Mouvement sans secousse" data-date='2023-06-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4080<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47996700'>
4081<div style='position: relative; color: white;'>
4082  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-91%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4083       alt="VI1-91 : Vibrato 04 - Mouvement sans secousse - Exercice de vibrato - Vibrato étape 4 - Mouvement sans secousse"/>
4084  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4085              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;91</div>
4086  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4087  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4088</div>
4089<h2 style='text-align: center; font-size: 15px;'>Vibrato 04 - Mouvement sans secousse</h2>
4090<br/>
4091</a>
4092</div>
4093
4094<div class='item' id='tous-intermediaire-etude-' title="Vibrato 05 - Justesse lors du vibrato" data-date='2023-06-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4095<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47996701'>
4096<div style='position: relative; color: white;'>
4097  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-92%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4098       alt="VI1-92 : Vibrato 05 - Justesse lors du vibrato - Exercice de vibrato - Vibrato étape 5 - Justesse lors du vibrato"/>
4099  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4100              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;92</div>
4101  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4102  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4103</div>
4104<h2 style='text-align: center; font-size: 15px;'>Vibrato 05 - Justesse lors du vibrato</h2>
4105<br/>
4106</a>
4107</div>
4108
4109<div class='item' id='tous-intermediaire-etude-' title="Vibrato 06 - Trouver la bonne pression" data-date='2023-06-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4110<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47996703'>
4111<div style='position: relative; color: white;'>
4112  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-93%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4113       alt="VI1-93 : Vibrato 06 - Trouver la bonne pression - Exercice de vibrato - Vibrato étape 6 - Trouver la bonne pression"/>
4114  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4115              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;93</div>
4116  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4117  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4118</div>
4119<h2 style='text-align: center; font-size: 15px;'>Vibrato 06 - Trouver la bonne pression</h2>
4120<br/>
4121</a>
4122</div>
4123
4124<div class='item' id='tous-intermediaire-etude-' title="Vibrato 07 - Vibrato large et profond" data-date='2023-06-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4125<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47996704'>
4126<div style='position: relative; color: white;'>
4127  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-94%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4128       alt="VI1-94 : Vibrato 07 - Vibrato large et profond - Exercice de vibrato - Vibrato étape 7 - Vibrato large et profond"/>
4129  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4130              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;94</div>
4131  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4132  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4133</div>
4134<h2 style='text-align: center; font-size: 15px;'>Vibrato 07 - Vibrato large et profond</h2>
4135<br/>
4136</a>
4137</div>
4138
4139<div class='item' id='tous-intermediaire-etude-' title="Vibrato 08 - Vibrato continu" data-date='2023-06-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4140<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47996705'>
4141<div style='position: relative; color: white;'>
4142  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-95%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4143       alt="VI1-95 : Vibrato 08 - Vibrato continu - Exercice de vibrato - Vibrato étape 8 - Vibrato continu"/>
4144  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4145              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;95</div>
4146  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4147  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4148</div>
4149<h2 style='text-align: center; font-size: 15px;'>Vibrato 08 - Vibrato continu</h2>
4150<br/>
4151</a>
4152</div>
4153
4154<div class='item' id='tous-intermediaire-etude-' title="Vibrato 09 - Varier fréquence et amplitude" data-date='2023-06-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4155<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47996707'>
4156<div style='position: relative; color: white;'>
4157  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-96%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4158       alt="VI1-96 : Vibrato 09 - Varier fréquence et amplitude - Exercice de vibrato - Vibrato étape 9 - Varier fréquence et amplitude"/>
4159  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4160              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;96</div>
4161  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4162  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4163</div>
4164<h2 style='text-align: center; font-size: 15px;'>Vibrato 09 - Varier fréquence et amplitude</h2>
4165<br/>
4166</a>
4167</div>
4168
4169<div class='item' id='tous-intermediaire-etude-' title="Vibrato 10 - Floraison du vibrato" data-date='2023-06-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4170<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47996709'>
4171<div style='position: relative; color: white;'>
4172  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-97%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4173       alt="VI1-97 : Vibrato 10 - Floraison du vibrato - Exercice de vibrato - Vibrato étape 10 - Floraison du vibrato"/>
4174  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4175              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;97</div>
4176  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4177  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4178</div>
4179<h2 style='text-align: center; font-size: 15px;'>Vibrato 10 - Floraison du vibrato</h2>
4180<br/>
4181</a>
4182</div>
4183
4184<div class='item' id='tous-intermediaire-technique-lecon-' title="Créer de l'émotion au violon" data-date='2023-06-02' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4185<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/47455092'>
4186<div style='position: relative; color: white;'>
4187  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-98%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4188       alt="VI1-98 : Créer de l'émotion au violon - Créer de l'émotion au violon"/>
4189  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4190              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;98</div>
4191  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4192  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4193</div>
4194<h2 style='text-align: center; font-size: 15px;'>Créer de l'émotion au violon</h2>
4195<br/>
4196</a>
4197</div>
4198
4199<div class='item' id='tous-intermediaire-technique-theorie-' title="6 groupements ASC, DESC, PLA" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4200<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482019'>
4201<div style='position: relative; color: white;'>
4202  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A01%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4203       alt="VI1-A01 : 6 groupements ASC, DESC, PLA - 6 groupements : Ascendants, Descendants et Plaqués. 6 groupements ASC, DESC, PLA"/>
4204  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4205              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A01</div>
4206  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4207  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4208</div>
4209<h2 style='text-align: center; font-size: 15px;'>6 groupements ASC, DESC, PLA</h2>
4210<br/>
4211</a>
4212</div>
4213
4214<div class='item' id='tous-intermediaire-gamme-' title="Gammes et arpèges de Sol, Ré et La Majeur, 1 octave" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4215<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482021'>
4216<div style='position: relative; color: white;'>
4217  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A02%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4218       alt="VI1-A02 : Gammes et arpèges de Sol, Ré et La Majeur, 1 octave - Gammes et arpèges de Sol, Ré et La Majeur, 1 octave"/>
4219  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4220              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A02</div>
4221  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4222  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4223</div>
4224<h2 style='text-align: center; font-size: 15px;'>Gammes et arpèges de Sol, Ré et La Majeur, 1 octave</h2>
4225<br/>
4226</a>
4227</div>
4228
4229<div class='item' id='tous-intermediaire-gamme-' title="Gammes et arpèges de La, Mi et Si Majeur, 1 octave" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4230<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/43413862'>
4231<div style='position: relative; color: white;'>
4232  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A03%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4233       alt="VI1-A03 : Gammes et arpèges de La, Mi et Si Majeur, 1 octave - Gammes et arpèges de La, Mi et Si Majeur, 1 octave"/>
4234  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4235              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A03</div>
4236  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4237  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4238</div>
4239<h2 style='text-align: center; font-size: 15px;'>Gammes et arpèges de La, Mi et Si Majeur, 1 octave</h2>
4240<br/>
4241</a>
4242</div>
4243
4244<div class='item' id='tous-intermediaire-gamme-' title="Gamme et arpège de Sol Majeur, 2 octaves" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4245<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482023'>
4246<div style='position: relative; color: white;'>
4247  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A04%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4248       alt="VI1-A04 : Gamme et arpège de Sol Majeur, 2 octaves - Gamme et arpège de Sol Majeur, 2 octaves"/>
4249  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4250              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A04</div>
4251  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4252  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4253</div>
4254<h2 style='text-align: center; font-size: 15px;'>Gamme et arpège de Sol Majeur, 2 octaves</h2>
4255<br/>
4256</a>
4257</div>
4258
4259<div class='item' id='tous-intermediaire-gamme-' title="Gamme et arpège de La Majeur, 2 octaves" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4260<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/43413866'>
4261<div style='position: relative; color: white;'>
4262  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A05%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4263       alt="VI1-A05 : Gamme et arpège de La Majeur, 2 octaves - Gamme et arpège de La Majeur, 2 octaves"/>
4264  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4265              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A05</div>
4266  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4267  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4268</div>
4269<h2 style='text-align: center; font-size: 15px;'>Gamme et arpège de La Majeur, 2 octaves</h2>
4270<br/>
4271</a>
4272</div>
4273
4274<div class='item' id='tous-intermediaire-gamme-' title="Gamme et arpège de Do Majeur, 2 octaves" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4275<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482028'>
4276<div style='position: relative; color: white;'>
4277  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A06%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4278       alt="VI1-A06 : Gamme et arpège de Do Majeur, 2 octaves - Gamme et arpège de Do Majeur, 2 octaves"/>
4279  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4280              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A06</div>
4281  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4282  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4283</div>
4284<h2 style='text-align: center; font-size: 15px;'>Gamme et arpège de Do Majeur, 2 octaves</h2>
4285<br/>
4286</a>
4287</div>
4288
4289<div class='item' id='tous-intermediaire-gamme-' title="Gamme et arpège de Ré Majeur, 2 octaves" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4290<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174134'>
4291<div style='position: relative; color: white;'>
4292  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A07%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4293       alt="VI1-A07 : Gamme et arpège de Ré Majeur, 2 octaves - Gamme et arpège de Ré Majeur, 2 octaves"/>
4294  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4295              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A07</div>
4296  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4297  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4298</div>
4299<h2 style='text-align: center; font-size: 15px;'>Gamme et arpège de Ré Majeur, 2 octaves</h2>
4300<br/>
4301</a>
4302</div>
4303
4304<div class='item' id='tous-intermediaire-etude-' title="Étude #01 - Coups d’archet, rythmique et effets de style" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4305<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482056'>
4306<div style='position: relative; color: white;'>
4307  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A08%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4308       alt="VI1-A08 : Étude #01 - Coups d’archet, rythmique et effets de style - Étude #01 - Coups d’archet, rythmique, effets de style et technique"/>
4309  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4310              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A08</div>
4311  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4312  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4313</div>
4314<h2 style='text-align: center; font-size: 15px;'>Étude #01 - Coups d’archet, rythmique et effets de style</h2>
4315<br/>
4316</a>
4317</div>
4318
4319<div class='item' id='tous-intermediaire-etude-' title="Étude #02 - Échauffement et répartition d’archet" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4320<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482058'>
4321<div style='position: relative; color: white;'>
4322  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A09%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4323       alt="VI1-A09 : Étude #02 - Échauffement et répartition d’archet - Étude #02 - Échauffement et répartition d’archet"/>
4324  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4325              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A09</div>
4326  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4327  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4328</div>
4329<h2 style='text-align: center; font-size: 15px;'>Étude #02 - Échauffement et répartition d’archet</h2>
4330<br/>
4331</a>
4332</div>
4333
4334<div class='item' id='tous-intermediaire-etude-' title="Étude #03 - Jeu et lecture sur quatre cordes" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4335<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482002'>
4336<div style='position: relative; color: white;'>
4337  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A10%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4338       alt="VI1-A10 : Étude #03 - Jeu et lecture sur quatre cordes - Étude #03 - Jeu et lecture sur quatre cordes"/>
4339  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4340              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A10</div>
4341  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4342  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4343</div>
4344<h2 style='text-align: center; font-size: 15px;'>Étude #03 - Jeu et lecture sur quatre cordes</h2>
4345<br/>
4346</a>
4347</div>
4348
4349<div class='item' id='tous-intermediaire-etude-' title="Étude #04 - Intervalles disjoints (1er et 2e groupements)" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4350<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482005'>
4351<div style='position: relative; color: white;'>
4352  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A11%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4353       alt="VI1-A11 : Étude #04 - Intervalles disjoints (1er et 2e groupements) - Étude #04 - Intervalles disjoints (1er et 2e groupements)"/>
4354  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4355              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A11</div>
4356  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4357  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4358</div>
4359<h2 style='text-align: center; font-size: 15px;'>Étude #04 - Intervalles disjoints (1er et 2e groupements)</h2>
4360<br/>
4361</a>
4362</div>
4363
4364<div class='item' id='tous-intermediaire-etude-' title="Étude #05 - Intervalles disjoints (1er au 4e groupements)" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4365<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482008'>
4366<div style='position: relative; color: white;'>
4367  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A12%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4368       alt="VI1-A12 : Étude #05 - Intervalles disjoints (1er au 4e groupements) - Étude #05 - Intervalles disjoints (1er au 4e groupements)"/>
4369  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4370              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A12</div>
4371  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4372  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4373</div>
4374<h2 style='text-align: center; font-size: 15px;'>Étude #05 - Intervalles disjoints (1er au 4e groupements)</h2>
4375<br/>
4376</a>
4377</div>
4378
4379<div class='item' id='tous-intermediaire-etude-' title="Étude #06 - Intervalles disjoints (6 groupements)" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4380<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174139'>
4381<div style='position: relative; color: white;'>
4382  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A13%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4383       alt="VI1-A13 : Étude #06 - Intervalles disjoints (6 groupements) - Étude #06 - Intervalles disjoints (6 groupements)"/>
4384  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4385              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A13</div>
4386  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4387  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4388</div>
4389<h2 style='text-align: center; font-size: 15px;'>Étude #06 - Intervalles disjoints (6 groupements)</h2>
4390<br/>
4391</a>
4392</div>
4393
4394<div class='item' id='tous-intermediaire-etude-' title="Étude #07 - Préparation aux doubles-cordes" data-date='2022-07-31' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4395<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482011'>
4396<div style='position: relative; color: white;'>
4397  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A14%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4398       alt="VI1-A14 : Étude #07 - Préparation aux doubles-cordes - Étude #07 - Changements cordes et préparation aux doubles-cordes"/>
4399  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4400              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A14</div>
4401  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4402  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4403</div>
4404<h2 style='text-align: center; font-size: 15px;'>Étude #07 - Préparation aux doubles-cordes</h2>
4405<br/>
4406</a>
4407</div>
4408
4409<div class='item' id='tous-intermediaire-etude-' title="Étude #08 - Doubles-cordes avec cordes à vide" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4410<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174145'>
4411<div style='position: relative; color: white;'>
4412  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A15%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4413       alt="VI1-A15 : Étude #08 - Doubles-cordes avec cordes à vide - Étude #08 - Doubles-cordes avec cordes à vide"/>
4414  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4415              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A15</div>
4416  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4417  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4418</div>
4419<h2 style='text-align: center; font-size: 15px;'>Étude #08 - Doubles-cordes avec cordes à vide</h2>
4420<br/>
4421</a>
4422</div>
4423
4424<div class='item' id='tous-intermediaire-etude-' title="Étude #09 - Double-cordes à deux doigts préparés" data-date='2022-08-04' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4425<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482012'>
4426<div style='position: relative; color: white;'>
4427  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A16%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4428       alt="VI1-A16 : Étude #09 - Double-cordes à deux doigts préparés - Étude #09 - Doubles-cordes à deux doigts préparés"/>
4429  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4430              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A16</div>
4431  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4432  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4433</div>
4434<h2 style='text-align: center; font-size: 15px;'>Étude #09 - Double-cordes à deux doigts préparés</h2>
4435<br/>
4436</a>
4437</div>
4438
4439<div class='item' id='tous-intermediaire-etude-' title="Étude #10 - Doubles-cordes, vibrato et liaisons sur deux cordes" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4440<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482015'>
4441<div style='position: relative; color: white;'>
4442  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A17%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4443       alt="VI1-A17 : Étude #10 - Doubles-cordes, vibrato et liaisons sur deux cordes - Étude #10 - Doubles-cordes, vibrato et liaisons sur deux cordes"/>
4444  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4445              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A17</div>
4446  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4447  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4448</div>
4449<h2 style='text-align: center; font-size: 15px;'>Étude #10 - Doubles-cordes, vibrato et liaisons sur deux cordes</h2>
4450<br/>
4451</a>
4452</div>
4453
4454<div class='item' id='tous-intermediaire-etude-' title="Étude #11 - Accords simulés de 3 ou 4 notes" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4455<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174148'>
4456<div style='position: relative; color: white;'>
4457  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A18%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4458       alt="VI1-A18 : Étude #11 - Accords simulés de 3 ou 4 notes - Étude #11 - Accords simulés de 3 ou 4 notes"/>
4459  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4460              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A18</div>
4461  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4462  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4463</div>
4464<h2 style='text-align: center; font-size: 15px;'>Étude #11 - Accords simulés de 3 ou 4 notes</h2>
4465<br/>
4466</a>
4467</div>
4468
4469<div class='item' id='tous-intermediaire-etude-' title="Étude #12 - Répartition, archet entier" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4470<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482062'>
4471<div style='position: relative; color: white;'>
4472  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A19%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4473       alt="VI1-A19 : Étude #12 - Répartition, archet entier - Étude #12 - Répartition, archet entier"/>
4474  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4475              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A19</div>
4476  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4477  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4478</div>
4479<h2 style='text-align: center; font-size: 15px;'>Étude #12 - Répartition, archet entier</h2>
4480<br/>
4481</a>
4482</div>
4483
4484<div class='item' id='tous-intermediaire-etude-' title="Étude #13 - Répartition et vitesse d'archet" data-date='2022-07-30' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4485<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/42482064'>
4486<div style='position: relative; color: white;'>
4487  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A20%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4488       alt="VI1-A20 : Étude #13 - Répartition et vitesse d'archet - Étude #13 - Répartition et vitesse d’archet"/>
4489  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4490              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A20</div>
4491  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4492  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4493</div>
4494<h2 style='text-align: center; font-size: 15px;'>Étude #13 - Répartition et vitesse d'archet</h2>
4495<br/>
4496</a>
4497</div>
4498
4499<div class='item' id='tous-intermediaire-etude-' title="Étude #14 - Démanché vers la 3e position" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4500<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174150'>
4501<div style='position: relative; color: white;'>
4502  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A21%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4503       alt="VI1-A21 : Étude #14 - Démanché vers la 3e position - Étude #14 - Démanché vers la 3e position"/>
4504  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4505              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A21</div>
4506  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4507  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4508</div>
4509<h2 style='text-align: center; font-size: 15px;'>Étude #14 - Démanché vers la 3e position</h2>
4510<br/>
4511</a>
4512</div>
4513
4514<div class='item' id='tous-intermediaire-theorie-' title="Style et formes musicales" data-date='2022-09-27' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4515<a style='color: #555555;' href='https://mildorviolon.com/courses/1852985/lectures/44174155'>
4516<div style='position: relative; color: white;'>
4517  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/VI1-A22%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4518       alt="VI1-A22 : Style et formes musicales - Style et formes musicales"/>
4519  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4520              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>VI1</span>&nbsp;A22</div>
4521  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4522  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4523</div>
4524<h2 style='text-align: center; font-size: 15px;'>Style et formes musicales</h2>
4525<br/>
4526</a>
4527</div>
4528
4529
4530
4531<!-- CLOSE TWO SECTION DIVS -->
4532</div>
4533</div>
4534<!-------------------->
4535<!-- END OF SECTION -->
4536<!-------------------->
4537
4538<!--------------------------------------------->
4539<!--------------------------------------------->
4540<!--------------------------------------------->
4541<!--------------------------------------------->
4542<!--------------------------------------------->
4543<!--------------------------------------------->
4544<!--------------------------------------------->
4545<!--------------------------------------------->
4546<!--------------------------------------------->
4547<!--------------------------------------------->
4548<!-- INCLUS DANS LE COURS CLASSIQUES DE NOEL -->
4549<!--------------------------------------------->
4550<!--------------------------------------------->
4551<!--------------------------------------------->
4552<!--------------------------------------------->
4553<!--------------------------------------------->
4554<!--------------------------------------------->
4555<!--------------------------------------------->
4556<!--------------------------------------------->
4557<!--------------------------------------------->
4558<!--------------------------------------------->
4559
4560<!----------------->
4561<!-- NEW SECTION -->
4562<!----------------->
4563<div class="filter-section">
4564<h2 class="filter-section-title" style="clear: both; font-size: 24px; margin: 0 0 10px 0;">Inclus dans le cours Classiques de Noël...</h2>
4565<div class="filter-section-items">
4566
4567
4568
4569<div class='item' id='tous-debutant-intermediaire-lecon-noel' title="Introduction au cours" data-date='2020-10-21' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4570<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34750777'>
4571<div style='position: relative; color: white;'>
4572  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-01%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4573       alt="CN-01 : Introduction au cours - Introduction au cours Classiques de Noël"/>
4574  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4575              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;01</div>
4576  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4577  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4578</div>
4579<h2 style='text-align: center; font-size: 15px;'>Introduction au cours</h2>
4580<br/>
4581</a>
4582</div>
4583
4584<div class='item' id='tous-debutant-piece-noel' title="Adeste fideles" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4585<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752367'>
4586<div style='position: relative; color: white;'>
4587  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-02%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4588       alt="CN-02 : Adeste fideles - Adeste fideles"/>
4589  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4590              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;02</div>
4591  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4592  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4593</div>
4594<h2 style='text-align: center; font-size: 15px;'>Adeste fideles</h2>
4595<br/>
4596</a>
4597</div>
4598
4599<div class='item' id='tous-debutant-piece-noel' title="Anges dans nos campagnes" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4600<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752368'>
4601<div style='position: relative; color: white;'>
4602  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-03%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4603       alt="CN-03 : Anges dans nos campagnes - Anges dans nos campagnes"/>
4604  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4605              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;03</div>
4606  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4607  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4608</div>
4609<h2 style='text-align: center; font-size: 15px;'>Anges dans nos campagnes</h2>
4610<br/>
4611</a>
4612</div>
4613
4614<div class='item' id='tous-debutant-piece-noel' title="Bon roi Wenceslas" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4615<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752375'>
4616<div style='position: relative; color: white;'>
4617  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-04%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4618       alt="CN-04 : Bon roi Wenceslas - Bon roi Wenceslas"/>
4619  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4620              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;04</div>
4621  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4622  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4623</div>
4624<h2 style='text-align: center; font-size: 15px;'>Bon roi Wenceslas</h2>
4625<br/>
4626</a>
4627</div>
4628
4629<div class='item' id='tous-intermediaire-piece-noel' title="Ca bergers assemblons-nous" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4630<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752377'>
4631<div style='position: relative; color: white;'>
4632  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-05%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4633       alt="CN-05 : Ca bergers assemblons-nous - Ça bergers assemblons-nous"/>
4634  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4635              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;05</div>
4636  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4637  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4638</div>
4639<h2 style='text-align: center; font-size: 15px;'>Ca bergers assemblons-nous</h2>
4640<br/>
4641</a>
4642</div>
4643
4644<div class='item' id='tous-intermediaire-piece-noel' title="Douze jours de Noël" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4645<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752379'>
4646<div style='position: relative; color: white;'>
4647  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-06%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4648       alt="CN-06 : Douze jours de Noël - Douze jours de Noël"/>
4649  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4650              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;06</div>
4651  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4652  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4653</div>
4654<h2 style='text-align: center; font-size: 15px;'>Douze jours de Noël</h2>
4655<br/>
4656</a>
4657</div>
4658
4659<div class='item' id='tous-debutant-piece-noel' title="Écoutez le chant des anges" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4660<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752382'>
4661<div style='position: relative; color: white;'>
4662  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-07%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4663       alt="CN-07 : Écoutez le chant des anges - Écoutez le chant des anges"/>
4664  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4665              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;07</div>
4666  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4667  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4668</div>
4669<h2 style='text-align: center; font-size: 15px;'>Écoutez le chant des anges</h2>
4670<br/>
4671</a>
4672</div>
4673
4674<div class='item' id='tous-debutant-piece-noel' title="Farandole" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4675<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752388'>
4676<div style='position: relative; color: white;'>
4677  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-08%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4678       alt="CN-08 : Farandole - Farandole"/>
4679  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4680              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;08</div>
4681  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4682  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4683</div>
4684<h2 style='text-align: center; font-size: 15px;'>Farandole</h2>
4685<br/>
4686</a>
4687</div>
4688
4689<div class='item' id='tous-intermediaire-piece-noel' title="Greensleeves" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4690<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752390'>
4691<div style='position: relative; color: white;'>
4692  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-09%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4693       alt="CN-09 : Greensleeves - Greensleeves"/>
4694  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4695              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;09</div>
4696  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4697  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4698</div>
4699<h2 style='text-align: center; font-size: 15px;'>Greensleeves</h2>
4700<br/>
4701</a>
4702</div>
4703
4704<div class='item' id='tous-intermediaire-piece-noel' title="Guillo prends tambourin" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4705<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752391'>
4706<div style='position: relative; color: white;'>
4707  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-10%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4708       alt="CN-10 : Guillo prends tambourin - Guillo prends ton tambourin"/>
4709  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4710              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;10</div>
4711  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4712  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4713</div>
4714<h2 style='text-align: center; font-size: 15px;'>Guillo prends tambourin</h2>
4715<br/>
4716</a>
4717</div>
4718
4719<div class='item' id='tous-debutant-piece-noel' title="Il est né le divin enfant" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4720<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752397'>
4721<div style='position: relative; color: white;'>
4722  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-11%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4723       alt="CN-11 : Il est né le divin enfant - Il est né le divin enfant"/>
4724  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4725              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;11</div>
4726  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4727  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4728</div>
4729<h2 style='text-align: center; font-size: 15px;'>Il est né le divin enfant</h2>
4730<br/>
4731</a>
4732</div>
4733
4734<div class='item' id='tous-intermediaire-piece-noel' title="Joy to the world" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4735<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752400'>
4736<div style='position: relative; color: white;'>
4737  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-12%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4738       alt="CN-12 : Joy to the world - Joy to the world"/>
4739  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4740              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;12</div>
4741  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4742  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4743</div>
4744<h2 style='text-align: center; font-size: 15px;'>Joy to the world</h2>
4745<br/>
4746</a>
4747</div>
4748
4749<div class='item' id='tous-debutant-piece-noel' title="Mon beau sapin" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4750<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752401'>
4751<div style='position: relative; color: white;'>
4752  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-13%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4753       alt="CN-13 : Mon beau sapin - Mon beau sapin"/>
4754  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4755              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;13</div>
4756  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4757  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4758</div>
4759<h2 style='text-align: center; font-size: 15px;'>Mon beau sapin</h2>
4760<br/>
4761</a>
4762</div>
4763
4764<div class='item' id='tous-intermediaire-piece-noel' title="Petit papa Noël" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4765<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752404'>
4766<div style='position: relative; color: white;'>
4767  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-14%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4768       alt="CN-14 : Petit papa Noël - Petit papa Noël"/>
4769  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4770              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;14</div>
4771  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4772  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4773</div>
4774<h2 style='text-align: center; font-size: 15px;'>Petit papa Noël</h2>
4775<br/>
4776</a>
4777</div>
4778
4779<div class='item' id='tous-debutant-piece-noel' title="Petit renne au nez rouge" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4780<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752406'>
4781<div style='position: relative; color: white;'>
4782  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-15%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4783       alt="CN-15 : Petit renne au nez rouge - Petit renne au nez rouge"/>
4784  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4785              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;15</div>
4786  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4787  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4788</div>
4789<h2 style='text-align: center; font-size: 15px;'>Petit renne au nez rouge</h2>
4790<br/>
4791</a>
4792</div>
4793
4794<div class='item' id='tous-intermediaire-piece-noel' title="Premier Noël" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4795<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752410'>
4796<div style='position: relative; color: white;'>
4797  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-16%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4798       alt="CN-16 : Premier Noël - Premier Noël"/>
4799  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4800              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;16</div>
4801  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4802  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4803</div>
4804<h2 style='text-align: center; font-size: 15px;'>Premier Noël</h2>
4805<br/>
4806</a>
4807</div>
4808
4809<div class='item' id='tous-debutant-piece-noel' title="Sainte nuit" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4810<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752413'>
4811<div style='position: relative; color: white;'>
4812  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-17%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4813       alt="CN-17 : Sainte nuit - Sainte nuit"/>
4814  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4815              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;17</div>
4816  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4817  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4818</div>
4819<h2 style='text-align: center; font-size: 15px;'>Sainte nuit</h2>
4820<br/>
4821</a>
4822</div>
4823
4824<div class='item' id='tous-debutant-piece-noel' title="Trois anges sont venus" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4825<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752414'>
4826<div style='position: relative; color: white;'>
4827  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-18%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4828       alt="CN-18 : Trois anges sont venus - Trois anges sont venus ce soir"/>
4829  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4830              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;18</div>
4831  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4832  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4833</div>
4834<h2 style='text-align: center; font-size: 15px;'>Trois anges sont venus</h2>
4835<br/>
4836</a>
4837</div>
4838
4839<div class='item' id='tous-debutant-piece-noel' title="Vive le vent" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4840<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752418'>
4841<div style='position: relative; color: white;'>
4842  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-19%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4843       alt="CN-19 : Vive le vent - Vive le vent"/>
4844  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4845              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;19</div>
4846  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4847  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4848</div>
4849<h2 style='text-align: center; font-size: 15px;'>Vive le vent</h2>
4850<br/>
4851</a>
4852</div>
4853
4854<div class='item' id='tous-debutant-piece-noel' title="We wish you a merry Christmas" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4855<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752420'>
4856<div style='position: relative; color: white;'>
4857  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-20%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4858       alt="CN-20 : We wish you a merry Christmas - We wish you a merry Christmas"/>
4859  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4860              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;20</div>
4861  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4862  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4863</div>
4864<h2 style='text-align: center; font-size: 15px;'>We wish you a merry Christmas</h2>
4865<br/>
4866</a>
4867</div>
4868
4869<div class='item' id='tous-debutant-piece-noel' title="Bastringue" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4870<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752425'>
4871<div style='position: relative; color: white;'>
4872  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-21%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4873       alt="CN-21 : Bastringue - Bastringue"/>
4874  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4875              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;21</div>
4876  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4877  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4878</div>
4879<h2 style='text-align: center; font-size: 15px;'>Bastringue</h2>
4880<br/>
4881</a>
4882</div>
4883
4884<div class='item' id='tous-debutant-piece-noel' title="C'est dans l'temps" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4885<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752428'>
4886<div style='position: relative; color: white;'>
4887  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-22%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4888       alt="CN-22 : C'est dans l'temps - C'est dans l'temps du jour de l'an"/>
4889  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4890              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;22</div>
4891  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4892  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4893</div>
4894<h2 style='text-align: center; font-size: 15px;'>C'est dans l'temps</h2>
4895<br/>
4896</a>
4897</div>
4898
4899<div class='item' id='tous-debutant-piece-noel' title="Reel de la bottine" data-date='2020-10-22' style='float: left; width: 166px; max-width: 40%; height: 180px; margin-right: 22px;'>
4900<a style='color: #555555;' href='https://mildorviolon.com/courses/classiques-de-noel/lectures/34752431'>
4901<div style='position: relative; color: white;'>
4902  <img src='https://mildorviolon.b-cdn.net/Tutoriels/%40%20Thumbnails/CN-23%20-%20Thumb.jpg' style='168px; max-width: 100%; box-shadow: 2px 2px 10px #ccc;'
4903       alt="CN-23 : Reel de la bottine - Reel de la bottine"/>
4904  <div style='position: absolute; width: 65px; background-color: rgba(0, 0, 0, 0.8);
4905              right: 5px; bottom: 3px; padding: 1px; text-align: center; border-radius: 50px;'><span style='color: #ff8200'>CN</span>&nbsp;23</div>
4906  <div style='visibility: hidden; position: absolute; width: 65px; background-color: rgba(255, 255, 255, 1.0); left: 5px; bottom: 3px; padding: 1px; text-align: center; border: 0 solid #ccc; border-width: 1px 1px; border-color: #ff8200; border-radius: 50px;'>
4907  <span style='color: #ff8200'><b>Gratuit</b></span></div>
4908</div>
4909<h2 style='text-align: center; font-size: 15px;'>Reel de la bottine</h2>
4910<br/>
4911</a>
4912</div>
4913
4914<!-- CLOSE TWO SECTION DIVS -->
4915</div>
4916</div>
4917<!-------------------->
4918<!-- END OF SECTION -->
4919<!-------------------->
4920
4921
4922
4923
4924
4925
4926
4927
4928
4929
4930
4931
4932
4933
4934
4935
4936
4937
4938
4939
4940
4941
4942
4943
4944</div>
4945
4946<br/>
4947<br/>
4948<br/>
4949
4950</div>
4951</div>
4952</div>
4953</div>
4954  
4955
4956
4957
4958      
4959        </div>
4960      
4961
4962    
4963  
4964
4965
4966  
4967
4968  
4969    </div>
4970  
4971
4972
4973
4974
4975
4976
4977
4978
4979      
4980        <!----------------------------->
4981<!-- FORMULAIRE ULTIME GUIDE -->
4982<!----------------------------->
4983
4984<div class="full-width-image-bg" style="
4985  padding:0;
4986  padding-top:0px;
4987  padding-bottom:0px;
4988  background-image: url('https://mildorviolon.b-cdn.net/Accueil/Accueil%20-%20Gris.jpg');
4989  background-color: rgba(0,0,0,0);
4990  background-repeat: no-repeat;
4991  background-size: cover;
4992  background-position: center center;
4993  background-blend-mode: multiply;
4994  background-attachment: scroll;
4995  vertical-align: top;
4996">
4997
4998    <div class='container'>
4999        <div class='row'>
5000            <div class='col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2' style="text-align: center;">
5001                <br/><br/>
5002                <div id="GuideEmailFormContainer" style="max-width: 450px; margin: 0 auto;">
5003                    <h2 style="color: white;">Besoin d'un violon&nbsp;?</h2>
5004                    <p style="margin: 0 auto; text-align: justify; color: white;">
5005                        Sur le point d’acheter un violon ? Vous ne souhaitez pas le regretter ?
5006                        Inscrivez-vous à notre infolettre et recevez votre
5007                        <span style="color: white;"><strong>Ultime guide pour acheter un violon</strong> !</span>
5008                    </p>
5009                    <br/>
5010                    <form id="GuideEmailForm" style="text-align: justify;">
5011                        <input type="email" id="GuideEmailInput" name="email" placeholder="Email" required
5012                            style="width: 100%; height: 40px; border-radius:0.5em; border: 1px solid #ccc; padding: 10px; color: #222; background-color: white;">
5013                        <br/>
5014                        <div id="GuideErrorMessage" style="display: none; margin-top: 10px; padding: 10px; background-color: var(--disabled-background-color); border-left: 4px solid red; color: #D8000C; font-size: 14px;"></div>
5015                        <br/>
5016                        <button type="submit" style="width: 100%;" class='primary btn-primary btn-hg text-center'>
5017                            Recevez votre guide !
5018                        </button>
5019                    </form>
5020                </div>
5021                <div id="GuideSuccessMessage" style="display: none;">
5022                    <p style="color: white;">
5023                        <br/>Merci ! Vous êtes maintenant inscrit(e) à notre infolettre.<br>
5024                        Vous recevrez le guide par courriel sous peu.
5025                    </p>
5026                </div>
5027                
5027<script>
5028                    document.getElementById("GuideEmailForm").addEventListener("submit", async function(event) {
5029                        event.preventDefault();
5030                        let GuideEmailInput = document.getElementById("GuideEmailInput");
5031                        let GuideErrorMessage = document.getElementById("GuideErrorMessage");
5032                        let GuideEmail = GuideEmailInput.value.trim();
5033                        let GuideEmailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
5034
5035                        GuideErrorMessage.style.display = "none";
5036                        GuideErrorMessage.innerText = "";
5037
5038                        if (!GuideEmailPattern.test(GuideEmail)) {
5039                            GuideErrorMessage.innerText = "Veuillez entrer une adresse e-mail valide.";
5040                            GuideErrorMessage.style.display = "block";
5041                            return;
5042                        }
5043
5044                        try {
5045                            let response = await fetch("https://n8n.mildorviolon.com/webhook/infolettre", {
5046                              method: "POST",
5047                              headers: { "Content-Type": "application/json" },
5048                              body: JSON.stringify({
5049                                email: GuideEmail,
5050                                tag: "ultime_guide",
5051                                form_key: "teachable_footer_ultime_guide",
5052                                page_url: window.location.href,
5053                                page_path: window.location.pathname
5054                              })
5055                            });
5056
5057                            if (!response.ok) {
5058                                let message = "Erreur serveur";
5059                                try {
5060                                    const data = await response.json();
5061                                    message = data.error || message;
5062                                } catch (_) {
5063                                    // Response was not JSON
5064                                }
5065                                throw new Error(message);
5066                            }
5067
5068                            document.getElementById("GuideEmailFormContainer").style.display = "none";
5069                            document.getElementById("GuideSuccessMessage").style.display = "block";
5070                        } catch (error) {
5071                            console.error("Error sending to server:", error);
5072                            GuideErrorMessage.innerText = "Une erreur est survenue. Écrivez-nous à [email protected]";
5073                            GuideErrorMessage.style.display = "block";
5074                        }
5075                    });
5076
5077                    document.getElementById("GuideEmailInput").addEventListener("input", function() {
5078                        document.getElementById("GuideErrorMessage").style.display = "none";
5079                    });
5080                </script>
5080
5081                <br/><br/><br/>
5082            </div>
5083        </div>
5084    </div>
5085</div>
5086<!------------------------------------>
5087<!-- FIN DU FORMULAIRE ULTIME GUIDE -->
5088<!------------------------------------>
5089
5090<hr style="border: 0; border-top: 1px solid #ff8200; margin: 0px 0;" />
5091
5092<!------------>
5093<!-- FOOTER -->
5094<!------------>
5095
5096
5097<footer class='bottom-menu bottom-menu-inverse'>
5098  <div class="footerContent">
5099    <div class='flex-grid'>
5100      <!---------------------------->
5101      <!---------- GAUCHE ---------->
5102      <!---------------------------->
5103      <div class='col-12-xs col-4-s col-4-m footer-column'>
5104        <p>
5105          ©
5106          Mildor Violon
5107          <br/>
5108        </p>
5109        <ul class='list-unstyled'>
5110          <li>
5111            <a href="/p/terms">
5112              Conditions d'utilisation
5113            </a>
5114          </li>
5115          <li>
5116            <a href="/p/privacy">
5117              Politique de confidentialité
5118            </a>
5119          </li>
5120          <li>
5121            <a href="#" data-gt-cookie-widget-show="true">
5122              Gestion des cookies
5123            </a>
5124          </li>
5125          <!--
5126          <li>
5127            <a href="#" class="termly-display-preferences">Paramètres de confidentialité</a>
5128          </li>
5129          -->
5130        </ul>
5131        <div align="center">
5132          <!--
5133          <img src="https://mildorviolon.b-cdn.net/Accueil/Footer%20-%20Amazon.png" height="30" alt="">
5134          &nbsp;&nbsp;
5135          -->
5136          <a href="http://youtube.com/c/mildorviolon" target="_blank">
5137            <img src="https://mildorviolon.b-cdn.net/Accueil/Footer%20-%20YouTube.png" onmouseover="this.style.opacity = 0.95;" onmouseout="this.style.opacity = 0.6;" style="opacity: 0.6;" height="25" alt="Chaîne YouTube de Mildor Violon">
5138          </a>
5139          &nbsp;&nbsp;
5140          <a href="http://facebook.com/mildorviolon" target="_blank">
5141            <img src="https://mildorviolon.b-cdn.net/Accueil/Footer%20-%20Facebook.png" onmouseover="this.style.opacity = 0.95;" onmouseout="this.style.opacity = 0.6;" style="opacity: 0.6;" height="25" alt="Page Facebook de Mildor Violon">
5142          </a>
5143          &nbsp;&nbsp;
5144          <a href="http://secretsdeviolonistes.com" target="_blank">
5145            <img src="https://mildorviolon.b-cdn.net/Accueil/Footer%20-%20Groupe.png" onmouseover="this.style.opacity = 0.95;" onmouseout="this.style.opacity = 0.65;" style="opacity: 0.65;" height="25" alt="Groupes Facebook de Mildor VIolon">
5146          </a>
5147          <!--
5148          &nbsp;&nbsp;
5149          <img src="https://mildorviolon.b-cdn.net/Accueil/Footer%20-%20Instagram.png" height="30" alt="">
5150          -->
5151        </div>
5152      </div>
5153      
5154      <!---------------------------->
5155      <!---------- CENTRE ---------->
5156      <!---------------------------->
5157      <div class='col-12-xs col-4-s col-4-m footer-column'>
5158        
5159          <p class="i18n" style="color: #f58220;">
5160          Liens rapides
5161          </p>
5162          <ul class='list-unstyled'>
5163            
5164            <li>
5165              <a href='/p/blog-justesse-collants-gommettes-frettes-pour-violon' target=''>
5166                Outil pour améliorer sa justesse
5167              </a>
5168            </li>
5169            
5170            <li>
5171              <a href='https://musique.mildorviolon.com/blog/trouver-notes-violon' target=''>
5172                Trouver toutes les notes sur le violon
5173              </a>
5174            </li>
5175            
5176            <li>
5177              <a href='/p/blog-ultime-guide-pour-acheter-un-violon' target=''>
5178                Ultime guide pour acheter un violon
5179              </a>
5180            </li>
5181            
5182            <li>
5183              <a href='/p/eleve' target=''>
5184                Élèves personnels du fondateur
5185              </a>
5186            </li>
5187            
5188            <li>
5189              <a href='https://mildorviolon.canny.io/suggestions' target='_blank'>
5190                Suggestions et améliorations
5191              </a>
5192            </li>
5193            
5194            <li>
5195              <a href='/p/accordeur-chromatique-pour-violon' target=''>
5196                Accordeur chromatique
5197              </a>
5198            </li>
5199            
5200            <li>
5201              <a href='/p/webinaire' target=''>
5202                Séries pour violonistes
5203              </a>
5204            </li>
5205            
5206            <li>
5207              <a href='/p/metronome-pour-violon' target=''>
5208                Métronome pratique
5209              </a>
5210            </li>
5211            
5212            <li>
5213              <a href='/p/villes' target=''>
5214                Villes desservies
5215              </a>
5216            </li>
5217            
5218            <li>
5219              <a href='/p/presse' target=''>
5220                Salle de presse
5221              </a>
5222            </li>
5223            
5224            <li>
5225              <a href='/p/contact' target=''>
5226                Nos partenaires
5227              </a>
5228            </li>
5229            
5230            <li>
5231              <a href='/p/blogue' target=''>
5232                Blogue musical
5233              </a>
5234            </li>
5235            
5236            <li>
5237              <a href='/p/contact' target=''>
5238                Contactez-nous
5239              </a>
5240            </li>
5241            
5242          </ul>
5243        
5244      </div>
5245      
5246      <!---------------------------->
5247      <!---------- DROITE ---------->
5248      <!---------------------------->
5249      <div class='col-12-xs col-4-s col-4-m footer-column'>
5250        <!-- { % unless site.turn_off_fedora_branding % } -->
5251            <p class='i18n'>
5252                Propulsé par Teachable
5253            </p>
5254            <ul class='list-unstyled'>  
5255              <li>
5256                Site créé avec <a href="https://teachable.com">teachable.com</a>
5257              </li>
5258             <li>
5259                Platforme pour créateurs de contenu
5260              </li>
5261            </ul>
5262          <!-- { % endunless % } -->
5263      </div>
5264    </div>
5265    
5266    <!-- LISTE DES VILLES ICI, VOICI UN EXEMPLE -->
5267    <!--
5268    <div style='width: 100%;'>
5269      <div class='col-12-xs col-4-s col-4-m footer-column' style='width: 100%; text-align: center;'>
5270      
5271      <p class="i18n" style="color: #f58220;">
5272        Cours de violon partout au Québec
5273      </p>
5274      <div style="margin: 0 auto; width: 80%">
5275        <ul class='list-unstyled'>
5276          <li>
5277            <a href='https://mildorviolon.com/p/cours-de-violon-acton-vale' target='_blank'>
5278              Acton&nbsp;Vale &nbsp;&nbsp;&nbsp;
5279            </a>
5280            <a href='https://mildorviolon.com/p/cours-de-violon-alma' target='_blank'>
5281              Alma &nbsp;&nbsp;&nbsp;
5282            </a>
5283            <a href='https://mildorviolon.com/p/cours-de-violon-amos' target='_blank'>
5284              Amos &nbsp;&nbsp;&nbsp;
5285            </a>
5286          </li>
5287        </ul>
5288        </div>
5289      <br/>
5290      
5291      </div>
5292      -->
5293
5294      </div>
5295    </div>
5296  </div>
5297</footer>
5298
5299
5300
5301      
5302      
5303      </div>
vendor: 90 bytes, lines 5303-5308
5303
5304    
5305    
5306    
5307    <noscript>
5308  <iframe src="https://www.googletagmanager.com/ns.html?id=
5308GTM-P2BLX3F
vendor: 89 bytes, lines 5308-5312
5308"
5309  height="0" width="0" style="display:none;visibility:hidden"></iframe>
5310</noscript>
5311
5312  
5312</body>
5313</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.