body{width:100%}.clear{clear:both}.flash{animation:.5s linear 0s 1 flash;animation-timing-function:ease-out}@keyframes flash{from{background:#f36c68;box-shadow:0px 0px 0px 10px #f36c68}to{background:rgba(0,0,0,0);box-shadow:none}}svg.piano{font-family:monospace,arial}svg.piano text{fill:#fff}svg.piano .left-label circle{fill:#408f93}svg.piano .right-label circle{fill:#d7403c}svg.piano .num-1 circle{fill:#f36c68}svg.piano .num-2 circle{fill:#d7403c}svg.piano .num-3 circle{fill:#b8201c}svg.piano .num-4 circle{fill:#970b07}svg.piano .num-5 circle{fill:#6d0300}.chords-preview .wrapper .chords,.partition .partition-content .paroles .lyrics-line .chords::before,.partition .partition-content .copie-explication .content .copie-color::before{color:var(--iq-primary);font-weight:bold;font-family:Inconsolata,monospace}.partition-progress-bar{position:fixed;left:0;right:0;padding-bottom:1px;background:#fff;z-index:1}.partition-progress-bar .bar{width:20%;height:5px;background:#f36c68}body{background:#b8201c}body .header{background:#fff}@media(min-width: 900px){.partition{text-align:center;padding-top:16px}.partition .central-content{min-width:900px;max-width:1280px;white-space:nowrap;margin:0 auto;display:flex;align-items:flex-start}.partition .central-content .panels{flex-basis:340px;max-width:340px;padding:10px;box-sizing:border-box;display:inline-block;vertical-align:top;margin-right:10px;background:#f36c68;position:relative;z-index:0}.partition .central-content .panels::after{content:"";position:absolute;top:0;left:0;right:0;min-height:100vh;background:#f36c68;z-index:-1}.partition .central-content .panels[data-current-panel="2"] .main-panel{display:none}.partition .central-content .panels[data-current-panel="2"] .all-tools-panel .content{position:static}.partition .central-content .panels[data-current-panel="2"] .all-tools-panel .content .comment{white-space:initial;max-width:none}.partition .central-content .panels:not(.fixed) .fixed-background{display:none}.partition .central-content .panels .fixed-background{background:#f36c68;position:fixed;top:0;bottom:0}.partition .central-content .right-part{flex:1;vertical-align:top;display:inline-block}.partition .central-content .right-part .partition-content{border-radius:10px;text-align:left;padding-left:20px;padding-right:20px;box-sizing:border-box}}.partition .all-tools-panel{z-index:3;position:relative;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.partition .all-tools-panel.open{transition:opacity .4s}.partition .all-tools-panel:not(.open){opacity:0;pointer-events:none}@media(max-width: 899px){.partition .all-tools-panel:not(.open)::before{opacity:0;pointer-events:none}.partition .all-tools-panel:not(.open) .content{right:-100vw}}@media(max-width: 899px){.partition .all-tools-panel .background{position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:.3;transition:opacity .4s}}.partition .all-tools-panel .content{background:#f36c68;color:#fff;padding:10px;box-sizing:border-box;max-height:100vh;overflow-y:auto}@media(max-width: 899px){.partition .all-tools-panel .content{position:fixed;right:0;top:0;transition:right .4s}}.partition .all-tools-panel .content .hide-all-tools-button{color:#fff;float:right;margin-bottom:-10px;font-size:0}.partition .all-tools-panel .content .hide-all-tools-button i{font-size:30px}.partition .all-tools-panel .content .font-size-reset-button{color:#fff;font-size:12px}.partition .all-tools-panel .content .tools{clear:right;text-align:left}.partition .all-tools-panel .content .tools .tool-item{margin-bottom:10px}.partition .all-tools-panel .content .tools .tool-item .label-wrapper{display:inline}.partition .all-tools-panel .content .tools .tool-item .label-wrapper label{color:#fff;width:90px;display:inline-block}.partition .all-tools-panel .content .tools .tool-item .label-wrapper label .tag{background:#b8201c;color:#fff;font-size:12px;padding:2px 4px;border-radius:5px;vertical-align:middle;margin-left:2px}.partition .all-tools-panel .content .tools .tool-item .rounded-button{font-size:14px;line-height:45px}.partition .all-tools-panel .content .tools .tool-item .rounded-button.selected::before{display:none}.partition .all-tools-panel .content .tools .tool-item .comment{font-size:12px;color:#b8201c;max-width:200px;line-height:1.5;margin-top:2px}.partition .all-tools-panel .content .tools .tool-item.metronome-tool .metronome-stop-button{display:none}.partition .all-tools-panel .content .tools .tool-item.metronome-tool .metronome-value-tool{position:relative;display:inline}.partition .all-tools-panel .content .tools .tool-item.metronome-tool .metronome-value-tool::after{content:"bpm";font-variant:small-caps;position:absolute;left:55px;top:0px;color:#fff;display:block;font-size:14px}.partition .all-tools-panel .content .tools .tool-item.metronome-tool .metronome-value-tool .metronome-value{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:45px;height:20px;background:rgba(0,0,0,0);border:solid 1px rgba(255,255,255,.5);color:#fff;text-align:center;font-family:"Poppins";position:absolute;top:-2px}.partition .all-tools-panel .content .tools .tool-item.metronome-tool .metronome-value-tool .metronome-value::after{content:"bpm";font-variant:small-caps}.partition .all-tools-panel .content .tools .tool-item.metronome-tool .metronome-bar{width:100%;margin:10px 0;height:12px;position:relative;cursor:pointer}.partition .all-tools-panel .content .tools .tool-item.metronome-tool .metronome-bar::before{content:"";display:block;height:2px;background:#fff;position:absolute;top:5px;left:0;right:0}.partition .all-tools-panel .content .tools .tool-item.metronome-tool .metronome-bar .metronome-marker{width:12px;height:12px;border-radius:100%;background:#fff;border:solid 1px #f36c68;position:absolute;margin-left:-6px;top:0;left:50%;cursor:grab;touch-action:none}.partition .all-tools-panel .content .tools .tool-item.metronome-tool .metronome-bar .metronome-marker.grabbing{cursor:grabbing}.partition .chanson-infos{padding:10px 0;box-sizing:border-box;text-align:center;background-color:#f36c68;color:#fff;margin-bottom:10px}.partition .chanson-infos .illustration{width:200px;height:200px;display:inline-block}.partition .chanson-infos .illustration h1{margin:0}.partition .chanson-infos .illustration h1 .img-wrapper{width:200px;height:200px;overflow:hidden;text-align:center}.partition .chanson-infos .illustration h1 img{height:200px;filter:brightness(1.15)}.partition .chanson-infos .illustration h1 span{font-size:12px;height:200px;width:200px;text-align:center;display:inline-block;color:#fff;white-space:normal}.partition .chanson-infos .chanson-nom{font-size:30px;color:#fff;font-weight:normal;white-space:initial}.partition .chanson-infos .artiste-nom{font-size:22px;font-weight:300;color:#fff}.partition .chanson-infos .artiste-nom a{text-decoration:none;position:relative;white-space:normal}.partition .chanson-infos .artiste-nom a::after{content:"";position:absolute;bottom:3px;height:0px;left:0;right:0;border-bottom:dashed 1px #fff;opacity:.8}.partition .chanson-infos .artiste-nom a::after:hover{border-bottom-color:#b8201c}.partition .chanson-infos .versions{margin-top:20px}.partition .chanson-infos .versions>label{display:inline-block;color:#fff}.partition .chanson-infos .versions>ul{display:inline;padding:0;list-style:none;white-space:normal}.partition .chanson-infos .versions>ul li{display:inline-block;margin-left:10px;margin-bottom:5px}.partition .chanson-infos .versions>ul li.custom-available-only{display:none}.partition .chanson-infos .versions>ul li a{width:30px;height:30px;display:inline-block;text-decoration:none;background:#fff;color:#b8201c;border-radius:100%}.partition .chanson-infos .versions>ul li.current a{color:#fff;background:#b8201c}.partition .chanson-infos .tools .tool{margin-top:10px}.partition .story{white-space:normal;margin-bottom:10px;margin-left:auto;margin-right:auto;width:75%;border:solid 10px #f36c68;background-color:#fff;padding:10px;box-sizing:border-box;border-radius:20px;color:#000;text-align:justify;font-size:14px}.partition .propositions{background:#d7403c;padding:20px;padding-bottom:0px;border-radius:20px;margin:0 5px;margin-bottom:20px !important;box-sizing:border-box}@media(min-width: 900px){.partition .propositions{margin:0}}.partition .propositions .title{color:#fff;font-size:22px;margin:0 0 10px 0;text-align:left}.partition .propositions.chansons-list ul{display:flex;flex-wrap:wrap;justify-content:space-around}.partition .propositions.chansons-list ul li{margin-bottom:15px}.partition .tools-part{text-align:center;color:#fff;padding:10px 0;text-wrap:nowrap}@media(min-width: 900px){.partition .tools-part{margin-top:40px}}.partition .tools-part .label-wrapper{display:inline}@media(min-width: 900px){.partition .tools-part .label-wrapper{width:120px;text-align:left}}.partition .tools-part .label-wrapper label{color:#fff;display:block;font-size:18px}.partition .tools-part .tool-transposer{float:left;width:50%}@media(min-width: 900px){.partition .tools-part .tool-transposer{float:none;width:auto}}.partition .tools-part .tool-transposer label{position:relative;display:inline}.partition .tools-part .tool-transposer label .transpose-data{position:absolute;left:100%;margin-left:5px;bottom:100%;margin-bottom:-12px;border-radius:2px;padding:2px 1px;box-sizing:border-box;background:var(--iq-primary);color:#fff;font-size:14px}.partition .tools-part .tool-transposer label .transpose-data:empty{display:none}.partition .tools-part .tool-transposer .comment{color:#fff}.partition .tools-part .tool-transposer .comment .auto-transpose-button{text-decoration:underline;font-weight:600;cursor:pointer}.partition .tools-part .tool-transposer .comment p{margin:0}@media(min-width: 900px){.partition .tools-part .tool-defilement{display:none}}.partition .tools-part .show-all-tools-button{display:block;font-size:14px;clear:both;cursor:pointer;background:#fff;max-width:200px;margin:0 auto 0 auto;margin-top:0;padding:0;box-sizing:border-box;color:var(--iq-primary);border-radius:20px;text-decoration:none}@media(min-width: 900px){.partition .tools-part .show-all-tools-button{margin-top:40px}}@media(min-width: 900px){.partition .tools-part .show-all-tools-button{padding:10px}}.partition .partition-content{background:#fff;margin:0 2px 10px 2px;color:#000;position:relative;font-size:1em}.partition .partition-content[data-font-size="5"]{font-size:26px}.partition .partition-content[data-font-size="4"]{font-size:24px}.partition .partition-content[data-font-size="3"]{font-size:22px}.partition .partition-content[data-font-size="2"]{font-size:20px}.partition .partition-content[data-font-size="1"]{font-size:18px}.partition .partition-content[data-font-size="-1"]{font-size:15px}.partition .partition-content[data-font-size="-2"]{font-size:14px}.partition .partition-content[data-font-size="-3"]{font-size:13px}.partition .partition-content[data-font-size="-4"]{font-size:12px}.partition .partition-content[data-font-size="-5"]{font-size:11px}.partition .partition-content .custom-explication-wrapper{padding:10px}@media(min-width: 900px){.partition .partition-content .custom-explication-wrapper{padding:10px 0}}.partition .partition-content .custom-explication-wrapper .custom-explication{padding:10px;font-size:12px;line-height:1.3;background:#ffc4c3;color:#b8201c;clear:both;text-align:justify;border-radius:5px;margin-right:0}@media(min-width: 900px){.partition .partition-content .custom-explication-wrapper .custom-explication{margin-right:40px}}.partition .partition-content .audio-player{zoom:.8;margin-bottom:10px}.partition .partition-content .capo[data-value="0"]{display:none}.partition .partition-content .capo::before{content:"Capo " attr(data-roman-value)}.partition .partition-content .copie-explication{padding:5px;display:none;margin-right:0}@media(min-width: 900px){.partition .partition-content .copie-explication{margin-right:40px}}.partition .partition-content .copie-explication .content{font-size:11px;padding:5px;margin-bottom:20px;white-space:normal;text-align:justify;border:solid 1px #126b6f;color:#126b6f;background-color:rgba(18,107,111,.03)}.partition .partition-content .copie-explication .content .part1::before{content:"Les accords "}.partition .partition-content .copie-explication .content .copie-color::before{content:"en vert ";color:#126b6f;font-family:inherit}.partition .partition-content .copie-explication .content .part2::before{content:" sont ajoutés automatiquement pour compléter la partition, il se peut qu'ils ne soient pas corrects ou mal placés. Vous pouvez désactiver cette fonction dans les outils (Outil \"Copie\") ou"}.partition .partition-content .copie-explication .content .part3{cursor:pointer}.partition .partition-content .copie-explication .content .part3::before{content:" en cliquant ici.";text-decoration:underline}.partition .partition-content .paroles{font-family:"Inconsolata",monospace;overflow-x:auto;overflow-y:hidden;padding:3px;box-sizing:border-box}@media(min-width: 900px){.partition .partition-content .paroles.clone{padding-right:23px}}@media(max-width: 899px){.partition .partition-content .paroles.clone{-ms-overflow-style:none;scrollbar-width:none}.partition .partition-content .paroles.clone::-webkit-scrollbar{display:none}}.partition .partition-content .paroles .lyrics-line.has-outline-chords{padding-top:1em}.partition .partition-content .paroles .lyrics-line:not(.has-outline-chords){line-height:initial}.partition .partition-content .paroles .lyrics-line .chords{position:relative}.partition .partition-content .paroles .lyrics-line .chords::before{content:attr(data-display-chords);line-height:100%}.partition .partition-content .paroles .lyrics-line .chords:not(.inline)::before{position:absolute;top:-0.85em}.partition .partition-content .paroles .lyrics-line .chords.copie::before{color:#126b6f}.partition .partition-content .paroles .blank-line{display:block;height:.8em}.partition .partition-content .paroles .tab-line{font-size:.9em;line-height:.9em}.partition .partition-content .paroles .tab-lines-wrapper{font-size:.9em;line-height:.9em}.partition .partition-content .paroles .tab-lines-wrapper .tab-lines-group{float:left;margin-bottom:10px}.partition .partition-content .paroles .tab-lines-wrapper .tab-lines-group .switch-to-piano{width:50px;position:relative;display:inline-block}.partition .partition-content .paroles .tab-lines-wrapper .tab-lines-group .switch-to-piano .button{position:absolute;top:0px;left:10px;width:30px;height:30px;border-radius:100%;background:#ccc;padding:6px;box-sizing:border-box;cursor:pointer;transition:background-color .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.partition .partition-content .paroles .tab-lines-wrapper .tab-lines-group .switch-to-piano .button svg{fill:#000;opacity:.5;transition:opacity .4s}.partition .partition-content .paroles .tab-lines-wrapper .tab-lines-group .switch-to-piano .button:hover svg{opacity:1}.partition .partition-content .paroles .tab-lines-wrapper .tab-lines-group .switch-to-piano .button.selected{background:#b8201c}.partition .partition-content .paroles .tab-lines-wrapper .tab-lines-group .switch-to-piano .button.selected svg{fill:#fff;opacity:1}.partition .partition-content .paroles .tab-lines-wrapper::after{content:"";clear:left;display:block}.partition .partition-content .paroles .piano-conversion svg{max-width:100vw;height:100px;display:block;margin-top:2px}.partition .partition-content .paroles .special-char-comma::before{content:","}.partition .partition-content .paroles.clone{overflow:auto;position:fixed;background:#fff;z-index:1}.partition .partition-content .paroles.clone .switch-to-piano{display:none !important}.partition .partition-content .defilement-repere{position:absolute;right:10px;top:10px}.partition .partition-content .splitter{position:fixed;left:0;right:0;margin-top:-7px;height:14px;background:linear-gradient(transparent, rgba(68, 68, 68, 0.2), transparent);z-index:1}.partition .partition-content .splitter .barre{width:100%;height:2px;background:#000;margin-top:6px;opacity:.5}.partition .partition-content .splitter .grabber{position:absolute;right:5px;top:0;bottom:0;width:30px}.partition .partition-content .splitter .grabber svg{width:30px;height:14px;fill:#444;background:#fff;border-radius:3px;border:solid 1px #fff}.partition .partition-content .splitter:not(.grabbed) .grabber{cursor:grab}.partition .partition-content .splitter.grabbed{cursor:grabbing}.partition .floating-buttons .rounded-button{position:relative;z-index:2}.partition .video{text-align:center;margin:10px 2px}@media(min-width: 900px){.partition .video{position:fixed !important;right:10px;bottom:10px}}@media(min-width: 900px){.partition .video img{opacity:.5;transition:all .4s;width:130px}.partition .video:hover img{opacity:1 !important;width:260px}}.partition .video[data-source=youtube]{margin:0 auto;display:inline-block;position:relative}.partition .video[data-source=youtube] a{display:inline-block}@media(max-width: 899px){.partition .video[data-source=youtube] img{width:100%}}.partition .video[data-source=youtube] button{position:absolute;top:50%;left:50%;margin-top:-24px;margin-left:-34px;border:none;background:none;padding:0;width:68px;height:48px;opacity:.25;transition:opacity .4s;pointer-events:none}.partition .video[data-source=youtube] button svg{background:none}.partition .video[data-source=youtube]:hover button{opacity:1}.partition .video[data-source=youtube] .close{color:#fff;font-size:20px;position:absolute;right:5px;top:5px;opacity:.5;transition:opacity .4s,font-size .1s;text-shadow:0px 0px 2px #000}.partition .video[data-source=youtube] .close:hover{font-size:24px;opacity:1 !important}.partition .video[data-source=youtube]:hover .close{opacity:.7}@media screen and (orientation: portrait){.partition video{max-width:800px;max-height:450px}.partition .video iframe{width:98vw !important}.partition .video[data-source=youtube] iframe{height:55.125vw !important}}.partition .rounded-button{color:var(--iq-primary);width:45px;height:45px;display:inline-flex;justify-content:center;align-items:center;border-radius:100%;text-align:center;font-size:24px;margin-left:5px;margin-right:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:#fff;transition:color .4s,background .4s;transition:all .4s}.partition .rounded-button>svg{fill:var(--iq-primary);width:20px;height:20px}.partition .rounded-button>svg,.partition .rounded-button>i{transition:fill .4s}.partition .rounded-button:hover{color:#f36c68}.partition .rounded-button:hover svg{fill:#f36c68}.partition .rounded-button:active,.partition .rounded-button.selected{color:#fff;background:var(--iq-primary)}.partition .rounded-button:active svg,.partition .rounded-button.selected svg{fill:#fff}.partition .rounded-button.selected:not(.open){position:relative}.partition .rounded-button.selected:not(.open)::before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;bottom:-3px;border:solid 3px #fff;box-sizing:border-box;border-radius:100%}.partition .rounded-button[data-floating="1"]{border:solid 3px #b8201c}.partition .show-defilement-button{position:relative}.partition .show-defilement-button>i{position:relative;z-index:1}.partition .show-defilement-button:not(.open) .speed{pointer-events:none;opacity:0}.partition .show-defilement-button:not(.open) .speed .slider{height:0}.partition .show-defilement-button .speed{position:absolute;z-index:0;left:-6px;right:-6px;top:-6px;padding:100% 0 10px 0;border-radius:1000px;background:#b8201c;border:solid 3px #fff;text-align:center}.partition .show-defilement-button .speed .slider{height:220px;width:25px;margin-top:6.5px;transition:height .4s;display:inline-block}.partition .show-defilement-button .speed .slider::before{content:"";width:2px;height:100%;background:#fff;display:inline-block}.partition .show-defilement-button .speed .cursor{position:absolute;width:25px;height:13px;top:45px;left:10px;pointer-events:none}.partition .show-defilement-button .speed .cursor svg{background:#b8201c;fill:#fff;position:absolute;top:0;left:5px}.partition .show-defilement-button .speed[data-paused="1"] .slider::before{background:#408f93}.partition .show-defilement-button .speed[data-paused="1"] .pause-button{color:#408f93}.partition .show-defilement-button .speed[data-paused="1"] .cursor svg{fill:#408f93}.partition .show-defilement-button .speed .pause-button{margin-top:20px}.partition .rounded-button.show-all-tools-button[data-floating="1"]{position:fixed;right:10px;top:5px;margin:0}.partition .rounded-button.show-defilement-button:not([data-floating="1"])+.rounded-button.show-all-tools-button[data-floating="1"]{display:none}.chords-preview{padding:3px;background-color:rgba(0,0,0,0);margin-left:-3px;margin-top:-3px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.chords-preview .wrapper{background:var(--iq-body-bg);padding:5px;box-sizing:border-box;border:1px solid var(--iq-title-text);border-radius:5px}.chords-preview .wrapper .chords{text-align:center}.chords-preview .wrapper .instru-svg-list{min-height:140px}.chords-preview .wrapper .instru-guitare .variantes{height:100px;width:100px;overflow:hidden}.chords-preview .wrapper .instru-guitare .variantes .variante:not(.current){display:none}.chords-preview .wrapper .instru-guitare .variantes svg{height:100px}.chords-preview .wrapper .instru-guitare .tools{margin-top:10px;width:90px}.chords-preview .wrapper .instru-guitare .tools [rel=prev]{margin-top:2px;float:left}.chords-preview .wrapper .instru-guitare .tools [rel=next]{margin-top:2px;float:right}.chords-preview .wrapper .instru-guitare .tools .page{text-align:center;font-size:12px}.chords-preview .wrapper .instru-piano{display:flex;align-items:center}.chords-preview .wrapper .instru-piano svg{height:60px}.chords-preview .wrapper .instru-switch{display:flex;justify-content:space-evenly;margin-top:10px}.chords-preview .wrapper .instru-switch .instru{width:30px;height:30px;border-radius:100%;padding:5px;box-sizing:border-box;border:solid 1px #b8201c;background:#fff;cursor:pointer}.chords-preview .wrapper .instru-switch .instru svg{fill:#b8201c}.chords-preview .wrapper .instru-switch .instru:hover{background:#d7403c !important;border-color:rgba(0,0,0,0)}.chords-preview .wrapper .instru-switch .instru:hover svg{fill:#fff !important}body:not([data-instru]) .instru-switch .instru[data-instru=guitare],body[data-instru=guitare] .instru-switch .instru[data-instru=guitare],body[data-instru=piano] .instru-switch .instru[data-instru=piano]{background:#b8201c;border-color:rgba(0,0,0,0)}body:not([data-instru]) .instru-switch .instru[data-instru=guitare] svg,body[data-instru=guitare] .instru-switch .instru[data-instru=guitare] svg,body[data-instru=piano] .instru-switch .instru[data-instru=piano] svg{fill:#fff}body:not([data-instru]) .instru-piano,body[data-instru=guitare] .instru-piano,body[data-instru=piano] .instru-guitare{display:none !important}