{"id":28866,"date":"2020-09-18T19:13:49","date_gmt":"2020-09-18T18:13:49","guid":{"rendered":"https:\/\/www.monartagency.com\/?post_type=project&#038;p=28866"},"modified":"2026-10-18T00:05:58","modified_gmt":"2026-10-17T23:05:58","slug":"sattva-jazz","status":"publish","type":"project","link":"https:\/\/www.monartagency.com\/fr\/project\/sattva-jazz\/","title":{"rendered":"Sattva Jazz \u2014 Site web"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; fullwidth=\u00a0\u00bbon\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_fullwidth_image src=\u00a0\u00bbhttps:\/\/www.monartagency.com\/wp-content\/uploads\/2026\/10\/sattva-jazz-website-featured.jpg\u00a0\u00bb alt=\u00a0\u00bbAccueil du site de Sattva Jazz Project sur un ordinateur, site r\u00e9alis\u00e9 par Monart, 2019&Prime; title_text=\u00a0\u00bbAccueil du site de Sattva Jazz Project sur un ordinateur, site r\u00e9alis\u00e9 par Monart, 2019&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_fullwidth_image][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb background_color=\u00a0\u00bb#242424&Prime; custom_padding=\u00a0\u00bb160px||180px|||\u00a0\u00bb bottom_divider_style=\u00a0\u00bbramp2&Prime; bottom_divider_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb bottom_divider_height=\u00a0\u00bb195px\u00a0\u00bb bottom_divider_repeat=\u00a0\u00bb1x\u00a0\u00bb bottom_divider_flip=\u00a0\u00bbhorizontal\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb header_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_font_size=\u00a0\u00bb80px\u00a0\u00bb header_font_size_tablet=\u00a0\u00bb60px\u00a0\u00bb header_font_size_phone=\u00a0\u00bb48px\u00a0\u00bb header_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb]<\/p>\n<h1>Sattva Jazz<\/h1>\n<p class=\"mw-sub\" style=\"font-size:30px;line-height:1.25;margin-top:14px;opacity:.75;\">Site web \u00b7 Mexico \u00b7 2019<\/p>\n<p>[\/et_pb_text][et_pb_divider _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_divider][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_3_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb ]<\/p>\n<div class=\"mw\">\n<style>.mw,.mw p,.mw li,.mw h1,.mw h2,.mw h3,.mw em,.mw strong{color:#fff!important}<\/style>\n<p>Sattva Jazz Project \u00e9tait un groupe de jazz de Mexico consacr\u00e9 \u00e0 l\u2019exploration sonore, toujours \u00e0 la recherche d\u2019un son organique. En 2019, nous avons con\u00e7u et r\u00e9alis\u00e9 son site, en espagnol. Le groupe s\u2019est depuis arr\u00eat\u00e9 et le site n\u2019est plus en ligne : cette page en garde la trace.<\/p>\n<\/div>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_3_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb ]<\/p>\n<div class=\"mw\">\n<style>.mw,.mw p,.mw li,.mw h1,.mw h2,.mw h3,.mw em,.mw strong{color:#fff!important}<\/style>\n<h2>Ce que nous avons fait<\/h2>\n<\/div>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb _dynamic_attributes=\u00a0\u00bbcontent\u00a0\u00bb text_text_color=\u00a0\u00bb#ec2785&Prime; link_font=\u00a0\u00bb|600|||||||\u00a0\u00bb link_text_color=\u00a0\u00bb#ec2785&Prime; link_font_size=\u00a0\u00bb20px\u00a0\u00bb link_font_size_phone=\u00a0\u00bb14px\u00a0\u00bb link_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb]@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9jYXRlZ29yaWVzIiwic2V0dGluZ3MiOnsiYmVmb3JlIjoiIiwiYWZ0ZXIiOiIiLCJsaW5rX3RvX3Rlcm1fcGFnZSI6Im9uIiwic2VwYXJhdG9yIjoiIHwgIiwiY2F0ZWdvcnlfdHlwZSI6InByb2plY3RfY2F0ZWdvcnkifX0=@[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_3_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb ]<\/p>\n<div class=\"mw\">\n<style>.mw,.mw p,.mw li,.mw h1,.mw h2,.mw h3,.mw em,.mw strong{color:#fff!important}<\/style>\n<ul>\n<li><a href=\"https:\/\/www.monartagency.com\/fr\/services\/sites-web\/\" style=\"color:#ec2785;\">Conception et r\u00e9alisation du site du groupe<\/a> : accueil, pr\u00e9sentation, concerts, discographie, vid\u00e9os et contact, sur ordinateur et mobile<\/li>\n<li>Une discographie pour les albums <em>Sattva 0101<\/em> et <em>Kando<\/em><\/li>\n<li>Contact booking, inscription \u00e0 la newsletter et dossier de presse en pied de page<\/li>\n<\/ul>\n<\/div>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_3_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb ]<\/p>\n<div class=\"mw\">\n<style>.mw,.mw p,.mw li,.mw h1,.mw h2,.mw h3,.mw em,.mw strong{color:#fff!important}<\/style>\n<p style=\"opacity:.75;\">Client : Sattva Jazz Project, groupe de jazz, Mexico \u00b7 2019 \u00b7 Projet archiv\u00e9, le site n\u2019est plus en ligne<\/p>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding=\u00a0\u00bb40px||70px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb1_3&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_font_size=\u00a0\u00bb54px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb36px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb header_2_line_height=\u00a0\u00bb1.05em\u00a0\u00bb]<\/p>\n<h2>Rouge et bleu nuit<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb2_3&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb]<\/p>\n<p>Le site alternait le rouge du groupe avec un bleu nuit profond. Des photos de concert en noir et blanc ouvraient l\u2019accueil et la page Contact ; la discographie pla\u00e7ait les deux pochettes c\u00f4te \u00e0 c\u00f4te, <em>Sattva 0101<\/em> et <em>Kando<\/em>, chacune avec son histoire. Le pied de page reprenait l\u2019essentiel sur chaque page : r\u00e9seaux sociaux, contact booking, newsletter et dossier de presse.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb background_color=\u00a0\u00bb#242424&Prime; custom_padding=\u00a0\u00bb100px||100px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_3_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_2_font_size=\u00a0\u00bb54px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb36px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb header_2_line_height=\u00a0\u00bb1.05em\u00a0\u00bb]<\/p>\n<div class=\"mw\">\n<style>.mw,.mw p,.mw li,.mw h1,.mw h2,.mw h3,.mw em,.mw strong{color:#fff!important}<\/style>\n<h2>Le site, tel qu\u2019il \u00e9tait<\/h2>\n<p>Les \u00e9crans de la version r\u00e9alis\u00e9e en 2019, gard\u00e9s dans nos archives.<\/p>\n<\/div>\n<p>[\/et_pb_text][et_pb_code _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<style>\n.mvs{position:relative;margin:0 auto;max-width:1180px}\n.mvs-track{display:flex;gap:22px;overflow-x:auto;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 8px}\n.mvs-track::-webkit-scrollbar{display:none}\n.mvs-track.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}\n.mvs-card{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column}\n.mvs-media{position:relative;height:min(62vh,480px);border-radius:14px;overflow:hidden;background:#111;cursor:pointer}\n.mvs-v .mvs-media{aspect-ratio:9\/16;border:0;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.35)}\n.mvs-h .mvs-media{aspect-ratio:16\/9;border:9px solid #0b0b0b;border-radius:22px;box-shadow:0 0 0 2px #3a3a3a,0 18px 40px rgba(0,0,0,.45)}\n.mvs-media img,.mvs-media video,.mvs-media iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}\n.mvs-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:#ec2785;box-shadow:0 6px 24px rgba(0,0,0,.35);pointer-events:none}\n.mvs-play:after{content:\"\";position:absolute;left:27px;top:21px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}\n.mvs-cap{width:0;min-width:100%;margin-top:10px;font-size:13px;line-height:1.4;max-width:100%;color:#fff}\n.mvs-cap b{color:#ec2785;font-weight:600;display:block}\n.mvs-cap span{text-transform:uppercase;letter-spacing:.08em;font-size:11px;opacity:.8;color:#fff}\n.mvs-nav{display:flex;justify-content:flex-end;gap:22px;margin-bottom:12px}\n.mvs-nav button{background:none;border:0;color:#fff;font-size:26px;cursor:pointer;padding:0;opacity:.8}\n.mvs-nav button:hover{opacity:1;color:#ec2785}\n@media(min-width:901px){.mvs-v{flex:0 0 calc((100% - 88px)\/5)}.mvs-v .mvs-media{height:auto;width:100%}.mvs-h{flex:0 0 calc((100% - 22px)*0.6)}.mvs-h .mvs-media{height:auto;width:100%}}\n@media(max-width:900px){.mvs-nav{gap:16px;margin-bottom:8px}.mvs-nav button{font-size:24px;padding:4px 6px}.mvs-v{flex:0 0 62%}.mvs-v .mvs-media{height:auto;width:100%}.mvs-h{flex:0 0 88%}.mvs-h .mvs-media{height:auto;width:100%}}\n.mvs-nav.off{visibility:hidden}\n.mvs-media.mvs-img{cursor:inherit}\n.mvs-v.mvs-plain .mvs-media{background:#fff}\n.mvs-v.mvs-plain .mvs-media img{object-position:top}\n@media(min-width:901px){.mvs-v.mvs-plain{flex:0 0 calc((100% - 66px)\/4)}.mvs-half .mvs-v,.mvs-half .mvs-v.mvs-plain{flex:0 0 calc((100% - 22px)\/2.25)}}\n.mvs-h.mvs-plain .mvs-media{aspect-ratio:16\/10;border:0;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.28);background:#fff}\n.mvs-h.mvs-plain .mvs-media img{object-fit:cover}\n.mvs-media.mvs-fit img{object-fit:contain;background:#fff}\n.mvs-media img,.mvs-media video{-webkit-user-drag:none;user-select:none}\n.mvs-box{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:999999;display:none;align-items:center;justify-content:center}\n.mvs-box.on{display:flex}\n.mvs-box .mvs-in{width:100%;height:100%;display:flex;align-items:center;justify-content:center}\n.mvs-box iframe,.mvs-box video{width:100%;height:100%;border:0;object-fit:contain}\n.mvs-x{position:absolute;top:14px;right:18px;font-size:34px;color:#fff;background:none;border:0;cursor:pointer;z-index:2}\nbody.mvs-lock{overflow:hidden}\n.mvs-media.mvs-blur{border:0!important;background:#111!important;box-shadow:0 18px 40px rgba(0,0,0,.30)!important;border-radius:16px!important}\n.mvs-blur .mvs-bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(24px) saturate(1.15) brightness(.72);transform:scale(1.08)}\n.mvs-media.mvs-blur img{position:absolute;inset:7% 7%;width:86%;height:86%;object-fit:contain!important;background:none!important;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55));z-index:1}\n<\/style>\n<div class=\"mvs\">\n<div class=\"mvs-nav\"><button class=\"mvs-prev\" aria-label=\"Previous\">&larr;<\/button><button class=\"mvs-next\" aria-label=\"Next\">&rarr;<\/button><\/div>\n<div class=\"mvs-track\">\n<div class=\"mvs-card mvs-h mvs-plain\">\n<div class=\"mvs-media mvs-img\" data-type=\"img\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.monartagency.com\/wp-content\/uploads\/2026\/10\/sattva-jazz-website-about.jpg\" alt=\"Page de pr\u00e9sentation sur un ordinateur\" \/><\/div>\n<div class=\"mvs-cap\"><b>Acerca de<\/b><span>Le groupe sur sc\u00e8ne<\/span><\/div>\n<\/div>\n<div class=\"mvs-card mvs-h mvs-plain\">\n<div class=\"mvs-media mvs-img\" data-type=\"img\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.monartagency.com\/wp-content\/uploads\/2026\/10\/sattva-jazz-website-discography.jpg\" alt=\"Page Discographie sur un ordinateur\" \/><\/div>\n<div class=\"mvs-cap\"><b>Discograf\u00eda<\/b><span>Sattva 0101 et Kando<\/span><\/div>\n<\/div>\n<div class=\"mvs-card mvs-h mvs-plain\">\n<div class=\"mvs-media mvs-img\" data-type=\"img\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.monartagency.com\/wp-content\/uploads\/2026\/10\/sattva-jazz-website-videos.jpg\" alt=\"Page Vid\u00e9os sur un ordinateur\" \/><\/div>\n<div class=\"mvs-cap\"><b>Videos<\/b><span>En concert<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script>\n(function(){\nvar mvs=document.querySelectorAll('.mvs');\nmvs.forEach(function(root){\n if(root.dataset.ready)return; root.dataset.ready='1';\n var track=root.querySelector('.mvs-track');\n var prev=root.querySelector('.mvs-prev'), next=root.querySelector('.mvs-next');\n function step(dir){ var cards=track.querySelectorAll('.mvs-card'); var x=track.scrollLeft, base=track.getBoundingClientRect().left, target=null; cards.forEach(function(c){ var off=c.getBoundingClientRect().left-base+x; if(dir>0&&target===null&&off>x+5)target=off; if(dir<0&#038;&#038;off<x-5)target=off; }); if(target===null)target=dir>0?track.scrollWidth:0; var x0=track.scrollLeft; track.scrollTo({left:target,behavior:'smooth'}); setTimeout(function(){ if(Math.abs(track.scrollLeft-x0)<2)track.scrollLeft=target; },450); }\n\n var down=false,moved=false,sx=0,sl=0;\n track.addEventListener('pointerdown',function(e){ if(e.pointerType!=='mouse'||track.scrollWidth<=track.clientWidth+2)return; e.preventDefault(); down=true;moved=false;sx=e.clientX;sl=track.scrollLeft; });\n track.addEventListener('dragstart',function(e){e.preventDefault();});\n window.addEventListener('pointermove',function(e){ if(!down)return; var dx=e.clientX-sx; if(Math.abs(dx)>5){moved=true;track.classList.add('drag');} if(moved)track.scrollLeft=sl-dx; });\n window.addEventListener('pointerup',function(){ if(!down)return; down=false; setTimeout(function(){track.classList.remove('drag');},30); });\n track.addEventListener('click',function(e){ if(moved){e.stopPropagation();e.preventDefault();moved=false;} },true);<\/p>\n<p> track.addEventListener('wheel',function(e){ if(track.scrollWidth<=track.clientWidth+2)return; var d=Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.deltaY; var max=track.scrollWidth-track.clientWidth; if((d>0&&track.scrollLeft<max-1)||(d<0&#038;&#038;track.scrollLeft>1)){ e.preventDefault(); track.scrollLeft+=d; } },{passive:false});\n var nav=root.querySelector('.mvs-nav'); function chk(){ if(nav){ if(track.scrollWidth<=track.clientWidth+2)nav.classList.add('off'); else nav.classList.remove('off'); } } chk(); window.addEventListener('resize',chk); setTimeout(chk,800);\n if(prev)prev.addEventListener('click',function(){step(-1)});\n if(next)next.addEventListener('click',function(){step(1)});\n});\nvar box=document.querySelector('.mvs-box');\nif(!box){box=document.createElement('div');box.className='mvs-box';box.innerHTML='<button class=\"mvs-x\" aria-label=\"Close\">&times;<\/button><\/p>\n<div class=\"mvs-in\"><\/div>\n<p>';document.body.appendChild(box);}\nvar inner=box.querySelector('.mvs-in');\nfunction ytSrc(id){return 'https:\/\/www.youtube-nocookie.com\/embed\/'+id+'?autoplay=1&rel=0&playsinline=1';}\nfunction resetAll(except){\n document.querySelectorAll('.mvs-media').forEach(function(m){\n  if(m===except)return;\n  var v=m.querySelector('video'); if(v){ if(!v.paused)v.pause(); v.controls=false; if(v.currentTime>0)v.load(); var pp=m.querySelector('.mvs-play'); if(pp)pp.style.display='';}\n  var f=m.querySelector('iframe'); if(f){f.remove(); var i=m.querySelector('img'); if(i)i.style.display=''; var p=m.querySelector('.mvs-play'); if(p)p.style.display='';}\n });\n}\nfunction closeBox(fromPop){ if(!box.classList.contains('on'))return; box.classList.remove('on'); inner.innerHTML=''; document.body.classList.remove('mvs-lock'); if(!fromPop&&history.state&&history.state.mvs)history.back(); }\nbox.addEventListener('click',function(e){ if(e.target===box||e.target.classList.contains('mvs-x')||e.target===inner)closeBox(false); });\ndocument.addEventListener('keydown',function(e){ if(e.key==='Escape')closeBox(false); });\nwindow.addEventListener('popstate',function(){ closeBox(true); });\nvar mobile=window.matchMedia('(max-width:900px)');\ndocument.querySelectorAll('.mvs-media').forEach(function(m){\n if(m.dataset.bound)return; m.dataset.bound='1';\n m.addEventListener('click',function(){\n  var t=m.dataset.type; if(t==='img')return;\n  resetAll(m);\n  if(mobile.matches){\n   if(t==='yt'){inner.innerHTML='<iframe allow=\"autoplay; encrypted-media; picture-in-picture\" allowfullscreen src=\"'+ytSrc(m.dataset.id)+'\"><\/iframe>';}\n   else{var v=m.querySelector('video'); if(v)v.pause(); inner.innerHTML='<video controls playsinline autoplay src=\"'+m.dataset.src+'\"><\/video>';}\n   box.classList.add('on'); document.body.classList.add('mvs-lock'); history.pushState({mvs:1},'');\n   return;\n  }\n  if(t==='yt'){ if(m.querySelector('iframe'))return; var f=document.createElement('iframe'); f.setAttribute('allow','autoplay; encrypted-media; picture-in-picture'); f.setAttribute('allowfullscreen',''); f.src=ytSrc(m.dataset.id); var i=m.querySelector('img'); if(i)i.style.display='none'; var p=m.querySelector('.mvs-play'); if(p)p.style.display='none'; m.appendChild(f); }\n  else{ var v=m.querySelector('video'); if(v){ if(!v.controls){v.controls=true;} var p=m.querySelector('.mvs-play'); if(p)p.style.display='none'; if(v.paused)v.play(); } }\n });\n var vv=m.querySelector('video'); if(vv)vv.addEventListener('play',function(){resetAll(m);});\n});\n})();\n<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding=\u00a0\u00bb60px||80px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_font_size=\u00a0\u00bb54px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb36px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb header_2_line_height=\u00a0\u00bb1.05em\u00a0\u00bb]<\/p>\n<h2>Page par page<\/h2>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.monartagency.com\/wp-content\/uploads\/2026\/10\/sattva-jazz-website-pages.jpg\u00a0\u00bb alt=\u00a0\u00bbQuatre pages compl\u00e8tes du site de Sattva Jazz Project : accueil, pr\u00e9sentation, discographie, vid\u00e9os\u00a0\u00bb title_text=\u00a0\u00bbQuatre pages compl\u00e8tes du site de Sattva Jazz Project : accueil, pr\u00e9sentation, discographie, vid\u00e9os\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding=\u00a0\u00bb60px||30px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb max_width=\u00a0\u00bb900px\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb]<\/p>\n<details style=\"border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);padding:18px 0;\">\n<summary style=\"cursor:pointer;font-weight:600;font-size:20px;\">\u00c0 propos du projet<\/summary>\n<p style=\"margin-top:16px;\">Sattva Jazz Project \u00e9tait un groupe de jazz de Mexico consacr\u00e9 \u00e0 l\u2019exploration sonore. En 2019, Monart a con\u00e7u et r\u00e9alis\u00e9 son site en espagnol, avec des pages pour le groupe, ses concerts, ses albums Sattva 0101 et Kando, ses vid\u00e9os et le booking. Le groupe s\u2019est depuis arr\u00eat\u00e9 et le site n\u2019est plus en ligne.<\/p>\n<\/details>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb]<\/p>\n<h3>Cr\u00e9dits<\/h3>\n<p>Client : Sattva Jazz Project, Mexico. Site : Monart Music Agency.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding=\u00a0\u00bb60px||60px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb text_orientation=\u00a0\u00bbcenter\u00a0\u00bb]<\/p>\n<h2>Un groupe avec son propre son ?<\/h2>\n<p>Nous concevons des sites de groupes qui r\u00e9unissent la musique, les dates et le booking au m\u00eame endroit.<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=\u00a0\u00bbhttps:\/\/www.monartagency.com\/fr\/contact\/\u00a0\u00bb button_text=\u00a0\u00bbParlons-en\u00a0\u00bb button_alignment=\u00a0\u00bbcenter\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding=\u00a0\u00bb40px||120px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ]<\/p>\n<h2 style=\"text-align: center;\">Plus de projets<\/h2>\n<p>[\/et_pb_text][et_pb_blog fullwidth=\u00a0\u00bboff\u00a0\u00bb post_type=\u00a0\u00bbproject\u00a0\u00bb posts_number=\u00a0\u00bb3&Prime; show_author=\u00a0\u00bboff\u00a0\u00bb show_date=\u00a0\u00bboff\u00a0\u00bb show_categories=\u00a0\u00bboff\u00a0\u00bb show_excerpt=\u00a0\u00bboff\u00a0\u00bb show_pagination=\u00a0\u00bboff\u00a0\u00bb header_font_size=\u00a0\u00bb14px\u00a0\u00bb border_radii=\u00a0\u00bbon|20px|20px|20px|20px\u00a0\u00bb border_width_all_image=\u00a0\u00bb0px\u00a0\u00bb box_shadow_style=\u00a0\u00bbpreset1&Prime; box_shadow_vertical=\u00a0\u00bb16px\u00a0\u00bb box_shadow_blur=\u00a0\u00bb96px\u00a0\u00bb box_shadow_spread=\u00a0\u00bb-24px\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sattva JazzSite web \u00b7 Mexico \u00b7 2019Sattva Jazz Project \u00e9tait un groupe de jazz de Mexico consacr\u00e9 \u00e0 l\u2019exploration sonore, toujours \u00e0 la recherche d\u2019un son organique. En 2019, nous avons con\u00e7u et r\u00e9alis\u00e9 son site, en espagnol. Le groupe s\u2019est depuis arr\u00eat\u00e9 et le site n\u2019est plus en ligne : cette page en garde [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":19677457,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[41],"project_tag":[],"class_list":["post-28866","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-site-web"],"_links":{"self":[{"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project\/28866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/comments?post=28866"}],"version-history":[{"count":0,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project\/28866\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/media\/19677457"}],"wp:attachment":[{"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/media?parent=28866"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project_category?post=28866"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project_tag?post=28866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}