.holder,.top{width:100%}.line-1,.line-2,.menu-footer{max-width:100%}html{font-size:100%;overflow:auto;margin:auto auto 10px;overflow-y:scroll;scroll-behavior:smooth;scrollbar-color:#000 rgba(0,0,0,.15);scrollbar-width:auto}.page,body{text-align:center;margin:0 auto}.left,.name_accueil_basdepage,.name_part_1,.name_part_2,.soustitre-page-accueil,.titre-page-accueil,a.menu-vertical,h1,h2,h3,h4,li,p{text-align:left}html::-webkit-scrollbar{width:2rem;background-color:rgba(0,0,0,.15)}html::-webkit-scrollbar-thumb{background:#000}a.menu-vertical,a.menu-vertical-nom-l,a.menu-vertical-nom-r{padding:0 0 0 10px;margin:0 0 5px;background:#500;text-decoration:none;display:block}body{background:center #aaa;color:#000;font-size:1em;font-family:Arial,Helvetica,Verdana,Tahoma,sans-serif}.page{position:relative;padding:0 1.5% 15px;background:#ede5db}.top{float:left;padding:10px 0 0}.left_col{float:left;width:27.5%}.right_col{float:right;width:63.5%;padding:2% 0 0}.name_part_1,.name_part_2{width:98%;float:left}.name_part_1{margin:10px 0 0 5px;color:#fc3;font-size:2.2em;letter-spacing:7px}.name_part_2{margin:0 0 15px 5px;color:#333;font-size:1.2em;letter-spacing:6px}.titre-page-accueil{font-size:3.6em;color:#fc3;letter-spacing:.3em}.soustitre-page-accueil{font-size:2.2em;color:#999;letter-spacing:.2em}.name_accueil_basdepage{margin:12px 0 15px 15px;color:#ddd;font-size:1.1em;letter-spacing:3px}h1{font-size:1.8em;margin:20px 0;padding-top:5px;letter-spacing:-1px}h2{font-size:1.3em}h3{margin:0 0 20px;color:#b00}h2,h3,h4{padding:5px 0 0}.texte{width:100%;float:left;padding:12px 0 8px}.vintage-texte{padding:10px 0 0}.texte-06{color:#000;font-size:.7em}.titre-blanc{font-size:1.3em;color:#fff}.petit-texte-blanc{color:#fff;font-size:.8em}.petit-texte-jaune{color:#f90;font-size:.7em}.texte-blanc,.texte-blanc-bold{color:#fff;font-size:1em}.gros-texte-noir{font-size:1.5em}p{margin:10px 5px 0 0}ul{list-style-position:outside;padding:0 5px 0 15px}.espace-ligne{margin:0 0 20px;width:100%!important;float:left}.cadre-audio,.cadre-lecteur,.cpc,.menu-vertical,a.menu-vertical{width:100%;float:left}.center{text-align:center}.border{border:1px solid #ccc}.menu-vertical{margin:20px 0}.menu-vertical-nom{width:94%;float:left;margin:2% 0 0 3%}a.menu-vertical{line-height:37px;color:#fff;font-size:1em;border-radius:12px}a.menu-vertical:hover{background:#900;color:#e6e6e6;font-size:1em;text-decoration:none;line-height:37px}a.menu-vertical-nom-l{width:44%;float:left;border-radius:12px}a.menu-vertical-nom-r{width:44%;float:right;border-radius:12px}a.menu-vertical-nom-l,a.menu-vertical-nom-r{line-height:44px;color:#fff;font-size:1em;text-align:left}a.menu-vertical-nom-l:hover,a.menu-vertical-nom-r:hover{background:#900;color:#e6e6e6;font-size:1em;text-decoration:none}.menu-footer{margin:0 auto}.ombre-texte p{display:flex;justify-content:center;margin:0;padding:0;width:100%}a.menu-bottom{text-decoration:none;color:#930;text-align:center;padding:0 1.5em;margin:0}a.menu-bottom:hover{text-decoration:underline;color:#555}a.img-onmouse{display:block;width:125px;height:75px}a.img-onmouse:hover{visibility:visible}.consuler-et-ecouter{width:100%;float:left;margin:30px 0 0}.nouveautes{width:98%;float:left;background:#4d0101;margin:0 0 10px;padding:2%;color:#fefefe;border-radius:12px;background:linear-gradient(#700,#250000)}.image-clavier{width:15%;height:auto;float:left;margin:2% 2% 0 0}.image-accueil{width:75%;height:auto;float:right;margin:2% 0 0 2%}.image-vignette{border:1px solid #ccc;width:18%;height:auto}.image-vignette-ag{width:99%;height:auto;margin:0 1% 0 0}.image-250-l{float:left;padding:15px 15px 10px 0}.image-250-r{float:right;margin:15px 0 10px 15px}.image-300-l{width:45%;float:left;padding:5px 10px 5px 0}.image-300-r,.image-400-r{float:right;margin:5px 0 5px 10px}.image-300-r{width:45%}.image-400-r{width:50%}.effet-img,.image-600{width:100%;height:auto;position:relative}.image-600{float:left;padding:0;margin:0 0 20px}.image-de-fond-article{width:96%;float:left;padding:2%;background:url(https://www.elianjougla.com/images/image-de-fond-article-ag.jpg) center no-repeat fixed #000}.image-de-fond-article,.image-de-fond-new,.tableau-lecteur{-webkit-box-shadow:0 0 0 #555;box-shadow:6px 6px 10px #555;border-radius:12px;-webkit-border-radius:12px}.effet-img{border-radius:12px}.line-1,.line-2,.line-media{width:100%;background:0 #000;font-size:0;height:1px;clear:both}.line-1{margin:10px 0}.line-2{margin:10px 0 15px}.line-media{margin:10px 0}.annees-compo,a.h2,a.h2:hover{font-size:1.1em}.album{width:20%;float:left;padding:0 0 8px 5px}.annees-compo{width:70%;float:right;text-align:left;padding:10px 0 0;letter-spacing:0!important}legend{color:#500}form{border:5px;padding:5px;margin:5px}form label.text{width:80%;display:block;float:left;text-align:left;margin:5px 0 0;padding:.1em}input.text,input.warning,textarea.text,textarea.warning{width:40%;border:1px solid #dadada;margin:2%;background-color:#fff}textarea.text{width:80%;height:80px}a,a.h2{text-decoration:none;color:#f5f069}a:hover{text-decoration:underline;color:#bbb}a.sans-effet,a.sans-effet:hover{text-decoration:none;color:#fff}a.lien{text-decoration:none;color:#00f}a.h2:hover,a.lien:hover{text-decoration:underline;color:#000}a.lien-souligne{text-decoration:underline;color:#00f}a.lien-souligne-jaune:hover,a.lien-souligne:hover{text-decoration:none;color:#555}a.lien-souligne-jaune{text-decoration:underline;color:#ff0}a img{border:none}.img-popup{float:right;padding:6px 10px}.popup{background:#333;color:#fff;margin:15px 0;padding:10px;border-radius:15px}.ombre-img{box-shadow:.4em .4em .3em #777;border-radius:10px}.ombre-img-accueil{box-shadow:4px 3px 10px 5px #666;border-radius:10px}.omb-lecteur-video{width:100%;float:left;padding:0 0 20px;box-shadow:10px 10px 10px #444;border-radius:15px;background-color:#000}.ombre-img-logo{box-shadow:4px 4px 6px #666}.ombre-texte{text-shadow:.03em .05em .03em #000,.05em .1em .05em gray;zoom:1}.v-1{width:90%;float:left;text-align:left;margin:0 0 0 5px}.v-2{width:30%;float:left}.v-3{width:60%;float:left}.design-lecteur{width:70%;height:35px;border-radius:15px;-webkit-border-radius:15px;background:red}.btnMenu{width:220px;height:40px;margin-left:12px;margin-right:12px;color:#ccc;background:#444;background:linear-gradient(#555,#2c2c2c);box-shadow:0 0 10px rgba(0,0,0,.8),0 -1px 0 rgba(255,255,255,.6);box-shadow:2px 2px 0 #aaa;font-size:14px;text-align:center;padding-left:0}.btnMenu:hover{cursor:pointer;box-shadow:6px 6px 0 #aaa}.conteneur{padding:.01em 16px}.zoneSaisie{display:block;border-bottom:1px solid #ccc;width:350px;border:1px solid #ccc!important;padding:8px 16px!important}.tableau{width:99%;float:left;background:#4d0101;margin:10px 0 30px;padding:0 0 20px 10px;border-radius:12px;-webkit-border-radius:12px}.tableau-lecteur{width:100%;float:left;margin:10px 0 20px;background:url(https://www.elianjougla.com/images/image-de-fond-lecteur-audio.jpg) center no-repeat fixed #000}.tableau-fond-noir,.tableau-lecteur2{width:99%;float:left;padding:.5% .5% 0;border-radius:10px}.tableau-fond-noir{background-color:#000}.tableau tr{border-bottom:1px solid #ddd}.tableau tr:nth-child(odd){background-color:#fff}.tableau tr:nth-child(2n){background-color:#f1f1f1}.tableau td,.tableau th{padding:8px;display:table-cell;text-align:left;vertical-align:top}.tableau td:first-child,.tableau th:first-child{padding-left:16px}.fleche-hautdepage{bottom:5%;left:.2%;width:30px;height:30px;position:fixed;z-index:2}a.fleche-hautdepage{background:url(/images/haut-fleche.png?t=2) no-repeat;height:30px;width:30px;display:block}.display,.div1,a.menu-vertical-b{display:none}.technologie:after{font-size:.75em;text-align:center;color:#d9d9d9;content:""}.copyright:after{font-size:.9em;text-align:center;color:#000;content:"\00a9  2025 - elianjougla.com"}.vide-noir{width:96%;float:left;padding:2%;background:url(https://www.elianjougla.com/images/vide-noir.jpg) center fixed #000}h1,h2{color:#aaa}a.menu-bottom,a.menu-bottom:hover{text-shadow:.05em .1em .05em #000}.holder{left:0;top:0;position:absolute}.b,.btnMenu,.name_accueil_basdepage,.soustitre-page-accueil,.strong,.texte-06,.texte-blanc-bold,.titre-blanc,.titre-page-accueil,.v-2,a.menu-bottom,a.menu-bottom:hover{font-weight:700}.conteneur-reponse{display:flex;align-items:flex-start;gap:15px}.photo-gauche{flex-shrink:0;margin-right:10px}.reponse-cachee{display:none;padding:10px;border-left:3px solid #007bff;margin-bottom:10px;flex-grow:1;box-shadow:6px 8px 7px #444;border-radius:5px;background-color:#f8f9fa;border:1px solid #000}.reponse-cachee.active{display:block}.reponse-cachee img{background-color:transparent;display:block;margin-bottom:10px}.toggle-reponse{text-decoration:none;color:#00f;cursor:pointer;display:inline}.youtube-lazy-wrapper{position:relative;cursor:pointer;overflow:hidden;padding-bottom:56.25%;height:0;background-color:#ddd;background-image:url('https://www.elianjougla.com/images/image-de-fond-lecteur-youtube.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;z-index:10;pointer-events:auto}.youtube-lazy-thumbnail,.youtube-lazy-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-lazy-thumbnail{display:block;object-fit:cover;transition:filter .3s ease-in-out}.youtube-lazy-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;max-width:85%;text-align:center;z-index:99}.youtube-lazy-play-button{width:70px;height:60px;background:url('/video-youtube/fleche-youtube.svg') center center/contain no-repeat;opacity:.8;transition:opacity .3s ease-in-out;pointer-events:none}.youtube-avertissement-rgpd{color:#fff;background-color:rgba(0,0,0,.85);padding:5px;margin:-10px 0 0;border-radius:4px;text-align:center;font-size:14px;font-weight:700;min-width:100%}.youtube-lazy-wrapper:hover .youtube-lazy-play-button{opacity:1}.youtube-lazy-wrapper:hover .youtube-lazy-thumbnail{filter:brightness(.8)}.youtube-player{position:relative}@media only screen and (max-width:330px){input.text,input.warning,textarea.text,textarea.warning{width:95%!important}.annees-compo{float:left!important}.logo-pianoweb,.logo-youtube{padding:0 0 10px 10px!important;margin:0!important}.image-250-l,.image-250-r,.image-400-r,.img-popup{width:100%!important;padding:15px 0!important}.img-popup{width:100px!important;height:120px!important}.nouveautes,.tableau{width:96%!important}.album,.contact{display:none!important}.nouveautes{padding:0 0 15px 10px!important;background:#500!important}textarea.text{height:80px}.youtube-lazy-play-button{width:50px;height:40px}.youtube-avertissement-rgpd{font-size:11px!important}}@media only screen and (min-width:330px) and (max-width:460px){input.text,input.warning,textarea.text,textarea.warning{width:95%!important}.logo-pianoweb,.logo-youtube{width:50%;float:left!important}.logo-cadenceinfo,.logo-soundcloud{width:50%;float:right!important}.cpc,.image-400-r{width:100%!important}.image-250-l,.image-250-r{width:100%!important;padding:15px 0!important}.nouveautes,.tableau{width:97%!important}.nouveautes{padding:0 0 15px 10px!important;background:#500!important}textarea.text{height:80px}.youtube-lazy-play-button{width:50px;height:40px}.youtube-avertissement-rgpd{font-size:12px!important}}@media only screen and (min-width:460px) and (max-width:600px){.logo-pianoweb,.logo-youtube{float:left!important}.logo-cadenceinfo,.logo-soundcloud{float:right!important}.lisez-mes-articles{max-width:68%;margin:auto}.cpc,.image-400-r{width:100%!important}.image-250-l,.image-250-r{width:50%!important;float:left!important;padding:15px 15px 5px 0!important}.nouveautes,.tableau{width:97.5%!important}.nouveautes{padding:0 0 15px 10px!important;background:#500!important}.youtube-avertissement-rgpd{font-size:13px!important}}@media only screen and (min-width:600px) and (max-width:859px){.logo-pianoweb,.logo-youtube{float:left!important}.logo-cadenceinfo,.logo-soundcloud{float:right!important}.lisez-mes-articles{max-width:52%;margin:auto}.cpc{width:100%!important}.image-250-l,.image-250-r{width:50%!important;float:left!important;padding:15px 15px 5px 0!important}.nouveautes,.tableau{width:98%!important}.nouveautes{padding:0 0 15px 10px!important;background:#500!important}}@media only screen and (max-width:859px){body{font-size:100%;background:#ede5db}.page{width:97%!important}.titre-site{width:100%;float:left;padding:1% 0}.left_col,.right_col{width:100%!important}.left_col{float:left}.right_col{float:right}.name_part_1{margin:0 5px!important;font-size:1.8em!important;letter-spacing:6px!important}.name_part_2{margin:0 0 10px 5px!important;font-size:1.1em!important;letter-spacing:2px!important}.annees-compo,.soustitre-page-accueil,.titre-page-accueil{letter-spacing:.1em!important}.consuler-et-ecouter-bdp{padding:30px 0 0!important}.image-accueil{width:98%!important;float:left;margin:10% 0 0 2%}.titre-page-accueil{width:100%!important;font-size:2.3em!important;text-align:left}.soustitre-page-accueil{font-size:1.3em!important;font-weight:700;text-align:left}h1{font-size:1.4em!important;padding-top:5px}h2{font-size:1.2em!important}h3{font-size:1.1em!important}.vintage-texte{padding:20px 0 0!important}.annees-compo{width:59%!important;text-align:left!important}.v-1{width:98%!important;margin:0 0 8px 5px!important;font-size:.9em!important}.v-2{width:40%!important}.v-3{width:55%!important}.image-de-fond-article{width:96%;float:left;padding:2%;background:center no-repeat fixed #000;background-image:url(https://www.elianjougla.com/images/image-de-fond-article.jpg)!important}.image-vignette{padding:10px 0!important}.consulter-et-ecouter,.image-clavier,.line-1,.line-2,.menu-footer,.menu-vertical{display:none!important}}@media only screen and (min-width:860px) and (max-width:1023px){body{font-size:100%;background:#ede5db}.page{width:99%!important;padding:0 0 0 1%}.line-1,.line-2{max-width:98.5%}.logo-pianoweb,.logo-youtube{padding:0 0 10px 10px!important;margin:0!important}.image-250-l,.image-250-r{width:64%!important;margin:0 18%!important}.nouveautes,.tableau{width:98%!important}.nouveautes{padding:0 0 15px 10px!important;background:#500!important}.right_col{width:64%;padding:2% 1% 0 0!important}.consulter-et-ecouter-bdp,.menu-vertical-nom{display:none!important}}@media only screen and (min-width:1024px) and (max-width:1399px){body{font-size:100%;background:#ede5db}.page{width:96%!important;padding:0 2%}.logo-pianoweb,.logo-youtube{padding:0 0 10px 10px!important;margin:0!important}.image-250-l,.image-250-r{width:40%!important}.consulter-et-ecouter-bdp,.menu-vertical-nom{display:none!important}}@media only screen and (min-width:1400px) and (max-width:1700px){body{font-size:100%;background:#ede5db}.page{width:76%!important;padding:0 12%}.logo-pianoweb,.logo-youtube{width:50%;float:left!important}.logo-cadenceinfo,.logo-soundcloud{width:50%;float:right!important}.image-250-l,.image-250-r{width:40%!important}.consulter-et-ecouter-bdp,.menu-vertical-nom{display:none!important}}@media only screen and (min-width:1701px){.cpc,.page{margin-right:auto!important}body{font-size:100%;background:#aaa!important}.page{width:1560px!important;margin-left:auto;padding:0 20px}.cpc{width:100%!important;float:left!important;margin-left:auto!important}.logo-pianoweb,.logo-youtube{width:40%;float:left!important;margin:0 0 0 10%!important}.logo-cadenceinfo,.logo-soundcloud{width:40%;float:right!important;margin:0 10% 0 0!important}.image-250-l,.image-250-r{width:40%!important}.consulter-et-ecouter-bdp,.menu-vertical-nom{display:none!important}}