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}}html:not([data-has-history="1"]) .with-history-only{display:none}body>.header{background:#fff}body section[data-name=presentation]{width:100%;height:100vh;background:#402020;position:relative;display:flex;justify-content:center;align-items:center}body section[data-name=presentation] #canvas{position:absolute;top:0;left:0;right:0;bottom:0}body section[data-name=presentation] .content{z-index:1;position:relative;margin-top:-90px;width:100%}body section[data-name=presentation] .content h1,body section[data-name=presentation] .content h2,body section[data-name=presentation] .content h3{color:#fff;text-align:center}body section[data-name=presentation] .content h1{font-size:32px;vertical-align:middle}body section[data-name=presentation] .content h1 img{display:inline;vertical-align:middle;margin-right:5px;margin-top:-5px}body section[data-name=presentation] .content h2{font-size:20px}body section[data-name=presentation] .content h3{font-size:16px}body section[data-name=presentation] .content .searchbox{width:90%;max-width:600px;margin:20px auto 0 auto;display:block;border:solid 1px #666;border-radius:0 15px 0 15px;padding:0 5px;box-sizing:border-box;background:#fff}body section[data-name=presentation] .content .searchbox .label-wrapper{overflow:hidden}body section[data-name=presentation] .content .searchbox .label-wrapper label{display:flex;align-items:center}body section[data-name=presentation] .content .searchbox .label-wrapper label .las{display:inline;margin-right:5px}body section[data-name=presentation] .content .searchbox .label-wrapper label input{flex:1;border:none;outline:none;font-size:20px;padding:15px 0;margin-right:10px}body section[data-name=presentation] .scroll-down-suggest{position:absolute;text-align:center;bottom:120px}body section[data-name=presentation] .scroll-down-suggest .icon{display:flex;justify-content:center;align-items:center;border:solid 4px #fff;border-radius:100%;width:60px;height:60px;color:#fff;font-size:36px;text-decoration:none;animation:4s ease-in-out 2s infinite blink;opacity:0}body section[data-name=presentation] .scroll-down-suggest .icon:hover{opacity:1;animation:none}@keyframes blink{0%{opacity:.1}50%{opacity:1}100%{opacity:.1}}@media screen and (max-height: 600px){body section[data-name=presentation] .scroll-down-suggest{display:none}}body section[data-name=presentation] .links{position:absolute;bottom:0px;width:100%;max-width:600px;margin:0 auto 10px auto}body section[data-name=presentation] .links ul{padding:0;margin:0;list-style:none}body section[data-name=presentation] .links ul li{width:50%;text-align:center;float:left;margin-bottom:10px}body section[data-name=presentation] .links ul li a{color:#fff;border-bottom:dashed 1px #fff;text-decoration:none}body section[data-name=top-chansons] h2{color:#b8201c;font-weight:600;margin:10px;font-size:32px !important}body section[data-name=top-chansons] .more-top-chansons{width:90%;max-width:550px;color:#fff;background:#b8201c;padding:10px;box-sizing:border-box;border-radius:20px;margin:0 auto;border:none;outline:none;font-weight:bold;font-size:15px;text-decoration:none;display:inline-block;cursor:pointer;transition:background .3s}body section[data-name=top-chansons] .more-top-chansons:hover{background:#d7403c}@media(min-width: 900px){body section[data-name=top-chansons] .chansons-list{max-width:1280px;margin-left:auto;margin-right:auto}}@media(max-width: 899px){body section[data-name=top-chansons] .chansons-list{width:100%}}body section[data-name=top-artistes]{background:#f6f0f0;margin-top:20px;padding:10px 0 20px 0;box-sizing:border-box}body section[data-name=top-artistes] .artistes{text-align:center}@media(min-width: 900px){body section[data-name=top-artistes] .artistes{max-width:1280px;margin-left:auto;margin-right:auto}}@media(max-width: 899px){body section[data-name=top-artistes] .artistes{width:100%}}body section[data-name=top-artistes] .artistes h2{color:#b8201c;font-weight:600;margin:10px;font-size:32px !important}@media(max-width: 899px){body section[data-name=top-artistes] .artistes .artiste{width:125px}body section[data-name=top-artistes] .artistes .artiste .profile-photo{width:125px !important;height:125px !important}}body section[data-name=top-artistes] .artistes .more-top-artistes{width:90%;max-width:550px;color:#fff;background:#b8201c;padding:10px;box-sizing:border-box;border-radius:20px;margin:0 auto;border:none;outline:none;font-weight:bold;font-size:15px;text-decoration:none;display:inline-block;cursor:pointer;transition:background .3s}body section[data-name=top-artistes] .artistes .more-top-artistes:hover{background:#d7403c}body section[data-name=historique]{overflow-x:hidden}body section[data-name=historique] .head{background:none;display:block;height:auto}body section[data-name=historique] .head h1{color:#b8201c;font-weight:600;margin:10px;font-size:32px !important;color:#b8201c}body section[data-name=suggestions]{padding:20px 0 10px 0;box-sizing:border-box;background:#f6f0f0}body section[data-name=suggestions] h2{color:#b8201c;font-weight:600;margin:10px;font-size:32px !important;color:#b8201c}body section[data-name=footer]{background:crimson;padding:10px}body section[data-name=footer] .content{width:100%;max-width:700px;margin:0 auto;color:#fff;font-size:16px;text-align:justify}