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}}@media(min-width: 900px){.mobile-only{display:none !important}}@media(max-width: 899px){.desktop-only{display:none !important}}::-webkit-scrollbar{width:8px;height:8px;border-radius:15px}::-webkit-scrollbar-track{background:var(--iq-border-light);border-radius:15px}::-webkit-scrollbar-thumb{background:var(--iq-body-text);border-radius:15px}::-webkit-scrollbar-thumb:hover{background:var(--iq-dark);border-radius:15px}.header .mobile-header{position:relative;z-index:3}.header .mobile-header.floatting{position:fixed;top:0;left:0;right:0}.header .mobile-header .headbar.main-headbar{text-align:center;background:#fff;padding:10px 0}.header .mobile-header .headbar.main-headbar .button{color:#ff4545;font-size:30px}.header .mobile-header .headbar.main-headbar .show-menu-button{float:left}.header .mobile-header .headbar.main-headbar .logo{display:inline-block;text-decoration:none}.header .mobile-header .headbar.main-headbar .logo img{display:inline;height:45px;vertical-align:middle}.header .mobile-header .headbar.main-headbar .logo .name{display:inline-block;vertical-align:middle;font-size:22px;width:180px;line-height:1em;margin-top:8px;margin-bottom:3px}@media(max-width: 329px){.header .mobile-header .headbar.main-headbar .logo .name{font-size:15px;width:auto}}@media(max-width: 299px){.header .mobile-header .headbar.main-headbar .logo .name{display:none}}.header .mobile-header .headbar.main-headbar .right-part{float:right}.header .mobile-header .headbar.main-headbar .right-part>*{display:inline-block;margin-left:10px}.header .mobile-header .headbar.user-headbar{float:left;width:100%;background:var(--iq-body-bg);display:none}.header .mobile-header .headbar.search-headbar{display:none;position:relative;clear:left}.header .mobile-header .headbar.search-headbar .content{position:absolute;top:0;left:0;padding:10px 0;box-sizing:border-box;width:100%;background:#fff}.header .mobile-header .headbar.search-headbar .content .searchbox{width:98%;margin:0 auto;display:block;border:solid 1px #666;border-radius:0 10px 0 10px;padding:0 3px;box-sizing:border-box;background:#fff}.header .mobile-header .headbar.search-headbar .content .searchbox .las{display:inline;margin-right:5px}.header .mobile-header .headbar.search-headbar .content .searchbox input{border:none;outline:none;font-size:14px;padding:10px 0}.header .desktop-header{padding:0;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}@media(min-width: 900px){.header .desktop-header{padding:10px}}.header .desktop-header ul{margin:0}.header .desktop-header a{color:#4a525f;text-decoration:none;transition:color .4s}.header .desktop-header a:hover{color:#d7403c}.header .desktop-header .left-part{display:flex;align-items:center}.header .desktop-header .left-part .logo img{height:50px;vertical-align:middle}.header .desktop-header .left-part .logo .name{display:inline}.header .desktop-header .left-part .logo .name::before{content:"TopAccords.com";color:var(--iq-primary);font-size:22px;vertical-align:middle;width:180px;display:inline-block;line-height:1em;margin-right:10px}.header .desktop-header .left-part .menu-links ul{list-style:none;padding:0}.header .desktop-header .left-part .menu-links ul li{margin-left:20px;display:inline-block}.header .desktop-header .left-part .menu-links ul li a{font-weight:700}.header .desktop-header .left-part .menu-links ul li a.secondary{color:#ff4545}.header .desktop-header .searchbox .wrapper{border:solid 1px #888;border-radius:0 10px 0 10px;padding:5px 10px;box-sizing:border-box;white-space:nowrap}.header .desktop-header .searchbox .wrapper i{color:#4a525f;font-size:18px}.header .desktop-header .searchbox .wrapper input{border:none;font-size:20px;min-width:200px}.header .desktop-header .userbox .user-links ul{list-style:none;padding:0;margin-right:10px}.header .desktop-header .userbox .user-links ul li{display:inline-block;margin-left:20px}.header .desktop-header .userbox .user-links ul li a{font-weight:500}.header .desktop-header .user-headbar .logged-in a{font-size:28px}.header .user-menu{position:relative}.header .logged-out ul{padding:0;margin:0;list-style:none;display:flex}.header .logged-out ul li{flex:1;display:inline-block;text-align:center;padding:0 5px}.header .logged-out ul li a{text-decoration:none}.header .logged-in{display:none}@media(max-width: 899px){.header .menu-links{position:fixed;top:0;left:0;z-index:10;transition:opacity .4s,left .4s}.header .menu-links::before{content:"";position:fixed;top:0;right:0;left:0;bottom:0;background:#000;opacity:.3;z-index:0}.header .menu-links .content{position:relative;z-index:10;background-color:#f36c68;min-width:60vw;min-height:60vh;min-height:100vh}.header .menu-links .content>ul{padding-top:30px !important}.header .menu-links .content li{display:block !important;margin:0 !important;padding:10px 20px;box-sizing:border-box}.header .menu-links .content li a{color:#fff;display:block}.header .menu-links .content li a.secondary{color:#f3f068 !important}.header .menu-links .content .close{position:absolute;top:10px;right:10px;color:#fff;font-size:30px}}@media(max-width: 899px){.header:not(.menu-open) .menu-links{opacity:0;pointer-events:none;left:-100vw;top:-9999px}}.animate-wait{width:140px}.animate-wait g:nth-child(1) circle{fill:#f36c68}.animate-wait g:nth-child(2) circle{fill:#d7403c}.animate-wait g:nth-child(3) circle{fill:#b8201c}.animate-wait g:nth-child(4) circle{fill:#970b07}.animate-wait g:nth-child(5) circle{fill:#6d0300}.badges{font-size:0}.badges .badge{display:inline;border-radius:8px;height:15px;line-height:15px;padding:0 10px;box-sizing:border-box;font-size:12px}.badges .badge:not(:last-of-type){margin-right:5px}.badges .badge.badge-primary{background:#fff !important;color:#b8201c !important;font-weight:600;border:solid 1px #b8201c}.badges .badge.badge-info{background:#ff4545 !important;color:#fff !important;white-space:nowrap}.searchbox{position:relative}.searchbox .search-result-box{position:absolute;left:0;right:0;top:calc(100% + 3px);background:#fff;border:solid 1px #b8201c;z-index:2}@media(min-width: 900px){.searchbox .search-result-box{max-height:500px;overflow:auto}}.searchbox .search-result-box:empty{display:none}.searchbox .search-result-box .no-result-message{font-size:12px;font-style:italic}.searchbox .search-result-box ul{padding:0;margin:0;list-style:none}.searchbox .search-result-box ul li a{display:block;font-size:14px;padding:5px;transition:all .4s;text-decoration:none;color:#4a525f}.searchbox .search-result-box ul li a::before{font-family:"Line Awesome Free";font-weight:900;margin-right:5px;color:#b8201c;vertical-align:middle}.searchbox .search-result-box ul li a .artiste-nom{font-size:12px}.searchbox .search-result-box ul li a:hover{background:#f36c68;color:#fff}.searchbox .search-result-box ul li a:hover::before{color:#fff}.searchbox .search-result-box ul li.chanson-item a::before{content:""}.searchbox .search-result-box ul li.artiste-item a::before{content:""}body.hasResponsiveModalOpen{overflow:hidden;margin-right:0}@media(min-width: 900px){body.hasResponsiveModalOpen{margin-right:8px}}.responsive-modal-content{display:none}.responsive-modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;opacity:0;transition:opacity .3s;pointer-events:none}.responsive-modal-wrapper.open{opacity:1;pointer-events:initial}@media(min-width: 900px){.responsive-modal-wrapper{display:flex;justify-content:center;align-items:center}}.responsive-modal-wrapper .responsive-modal-background{position:absolute;top:0;left:0;right:0;bottom:0;background:#6d0300;opacity:.8}.responsive-modal-wrapper .responsive-modal-content-wrapper{position:absolute;overflow:hidden;top:100vh;width:100%;max-width:none;background:#fff;border-radius:0;transition:top .3s;box-shadow:none}@media(min-width: 900px){.responsive-modal-wrapper .responsive-modal-content-wrapper{top:auto}}@media(min-width: 900px){.responsive-modal-wrapper .responsive-modal-content-wrapper{max-width:700px}}@media(min-width: 900px){.responsive-modal-wrapper .responsive-modal-content-wrapper{border-radius:20px}}@media(min-width: 900px){.responsive-modal-wrapper .responsive-modal-content-wrapper{box-shadow:#fff 1px 1px}}@media(min-width: 900px){.responsive-modal-wrapper .responsive-modal-content-wrapper{top:auto !important}}.responsive-modal-wrapper .responsive-modal-content-wrapper .responsive-modal-content{display:block !important;padding:20px;box-sizing:border-box;color:#4a525f;font-size:13px;overflow-y:auto}@media(min-width: 900px){.responsive-modal-wrapper .responsive-modal-content-wrapper .responsive-modal-content{max-height:100vh;padding-top:30px}}.responsive-modal-wrapper .responsive-modal-content-wrapper .responsive-modal-content .header{font-weight:500;margin-bottom:9px;text-align:center}.responsive-modal-wrapper .responsive-modal-content-wrapper .responsive-modal-content .text{text-align:justify}.responsive-modal-wrapper .responsive-modal-content-wrapper .responsive-modal-content .footer{text-align:center;display:flex;padding:20px 0}.responsive-modal-wrapper .responsive-modal-content-wrapper .responsive-modal-content .footer a{flex:1;font-size:17px}@media(max-width: 899px){.responsive-modal-wrapper .responsive-modal-content-wrapper .responsive-modal-close-button{background:#970b07;color:#fff;text-align:center;padding:5px 0;box-sizing:border-box;font-size:16px}}@media(min-width: 900px){.responsive-modal-wrapper .responsive-modal-content-wrapper .responsive-modal-close-button{position:absolute;top:-5px;right:5px;font-size:25px;color:#4a525f;cursor:pointer}}@media(min-width: 900px){.responsive-modal-wrapper .responsive-modal-content-wrapper .responsive-modal-close-button::before{font-family:"Line Awesome Free";content:"";font-weight:900}}@media(max-width: 899px){.responsive-modal-wrapper .responsive-modal-content-wrapper .responsive-modal-close-button::before{content:"Fermer"}}.listes-modal button{background-color:#b8201c;color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:15px;cursor:pointer;transition:background-color .3s}.listes-modal button:hover{background-color:#d7403c}.listes-modal .create-form{padding:0 0 10px 0;box-sizing:border-box;border-bottom:solid 1px #888;margin-bottom:10px;text-align:center}.listes-modal .create-form .form-hidden{display:block}.listes-modal .create-form .form-visible{display:none}.listes-modal .create-form .form-visible .input-wrapper{padding:4px 8px;border:solid 1px #4a525f;border-radius:10px;margin-bottom:8px}.listes-modal .create-form .form-visible .input-wrapper #new-list-name{border:none;width:100%}.listes-modal .create-form .form-visible .actions{display:flex;align-items:center;justify-content:space-around}.listes-modal p{color:#4a525f}.listes-modal .listes ul{list-style:none;padding:0;margin:0 auto;max-width:400px}.listes-modal .listes ul li{border-bottom:solid 1px #ccc;clear:both;position:relative}.listes-modal .listes ul li:last-of-type{border-bottom:none}.listes-modal .listes ul li .operation-list{float:right;margin-left:8px}.listes-modal .listes ul li .operation-list.delete-list::before{content:""}.listes-modal .listes ul li .operation-list.rename-list::before{content:""}.listes-modal .listes ul li .operation-list::before{font-family:"Line Awesome Free";font-size:18px;color:#fff;background-color:#b8201c;font-weight:600;padding:3px;border-radius:100%;cursor:pointer;transition:background-color .3s}.listes-modal .listes ul li .operation-list:hover::before{background-color:#d7403c}.listes-modal .listes ul li .count{float:right;font-size:12px;color:#b8201c;text-decoration:underline;padding:3px 0;box-sizing:border-box;margin-top:3px;margin-left:10px;margin-right:4px;min-width:80px;text-align:right;cursor:pointer}.listes-modal .listes ul li .count::before{content:attr(data-count)}.listes-modal .listes ul li .count::after{content:" chansons"}.listes-modal .listes ul li .count[data-count="0"]::after,.listes-modal .listes ul li .count[data-count="1"]::after{content:" chanson"}.listes-modal .listes ul li label{padding:2px 0;display:block;cursor:pointer;font-weight:500;font-size:14px;transition:background-color .3s;text-align:left}.listes-modal .listes ul li label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;pointer-events:none}.listes-modal .listes ul li label input[type=checkbox]:checked~.checkmark::before{content:"";color:#b8201c}.listes-modal .listes ul li label input[type=checkbox]:not(:checked)~.checkmark::before{content:"";color:#666}.listes-modal .listes ul li label .checkmark::before{font-family:"Line Awesome Free";font-size:20px;vertical-align:middle;margin:0 5px}.listes-modal .listes ul li label:hover{background-color:#ffc4c3}.listes-modal .listes ul li .list-new-name{width:100%;border:solid 1px #ccc;border-radius:5px;padding:5px;box-sizing:border-box;position:absolute;top:0;left:0}.listes-modal .listes .listes-management{float:right}.simple-notification{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1;animation:2s simple-notification-fadeout}.simple-notification span{padding:20px;border-radius:10px;box-sizing:border-box;color:#fff;background:#126b6f;font-size:20px;position:relative;z-index:2}@keyframes simple-notification-fadeout{0%{opacity:0}25%{opacity:.9}75%{opacity:.9}100%{opacity:0}}[id^=sas_iframe_fixed]:not(.visible){opacity:0;pointer-events:none}[id^=sas_iframe_fixed].visible{opacity:1;transition:opacity .5s}