*{margin:0;padding:0}@font-face{font-family:c64;src:url(../fonts/c64/commodore-64-webfont.eot);src:url(../fonts/c64/commodore-64-webfont.woff) format("woff"),url(../fonts/c64/commodore-64-webfont.otf) format("opentype"),url(../fonts/c64/commodore-64-webfont.svg#filename) format("svg")}@font-face{font-family:GenevaRegular;src:url(../fonts/geneva/geneva-webfont.eot);src:url(../fonts/geneva/geneva-webfont.woff) format("woff"),url(../fonts/geneva/geneva-webfont.otf) format("opentype"),url(../fonts/geneva/geneva-webfont.svg#filename) format("svg")}.mobile-top-bg{display:none}.menu-mobile{display:none}.swiper-container{margin:10px auto;width:100%;height:100%;max-width:554px}.swiper-slide{text-align:center;font-size:10px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column}.like{display:block;text-align:center;margin-bottom:5px}.album .like img{height:20px;width:20px}.album img{width:100%;height:auto}div.scroll div .like img{height:20px;width:20px}div.scroll div .dislike img{height:20px;width:20px}.menu-padding{padding-left:30px!important;padding-right:30px!important}.sliderset .randomize{display:none}.randomize{text-align:center;border:1px solid;width:50%}.hovereffect{width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;border:2px solid #cddefa}.hovereffect .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}.hovereffect img{display:block;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .35s;transition:all .35s}.hovereffect:hover img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.hovereffect span{-webkit-transition:all .35s;transition:all .35s}.hovereffect:hover span{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.slider{position:relative;margin:0 auto;width:75%;display:inline-block;background:0 0;height:12px;-moz-box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px #000;box-shadow:inset 0 0 5px #000}.blue div.ui-slider-range{background-color:#9fd0e9;box-shadow:inset 0 0 4px rgba(0,85,151,.8),inset 0 0 2px rgba(0,0,0,.5);background-color:#9fd5ff}.touchscreen{display:none}html{touch-action:manipulation}body{background:url(../img/background.png) top left;font-family:c64;color:#cddefa;text-shadow:0 0 5px #cddefa;font-size:11pt;font-weight:400;line-height:1.5;text-align:left;background-color:#fff;cursor:url(../img/cursor.png),url(../img/cursor.cur),auto}#macintosh{background:url(../img/mac-lila-pictos2.jpg) top center no-repeat;margin:0 auto;min-height:1200px}#screen{position:relative;top:148px;margin:0 auto;min-height:500px}.content{position:relative;min-height:485px;margin:0 auto;top:10px;padding-left:0}a{color:#cddefa;text-decoration:none;outline:0}.link,a:hover{color:#cddefa;cursor:pointer;text-decoration:none}p{margin-top:0;margin-bottom:.3rem}#mainmenu .subtitle,#todays-special .subtitle{padding-left:35px}#mainmenu{margin-top:30px}@-webkit-keyframes blinker{from{opacity:1}to{opacity:0}}.blink{text-decoration:blink;-webkit-animation-name:blinker;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);-webkit-animation-duration:1s}.title{font-size:15pt}.bigtitle{font-size:24pt}.subtitle{font-size:13pt}#mainmenu .flateric{margin-right:15px}.typewriter h1{overflow:hidden;white-space:nowrap;margin:0 auto;animation:typing 1.5s steps(40,end),}@keyframes typing{from{width:0}to{width:100%}}.social-network{top:180px;position:relative;width:644px;margin:0 auto}.social-network-mobile{display:none}#home{position:relative;left:93%;width:46px;height:62px;display:block}#home #returnhome{display:block;width:37px;height:62px}#home #returnhome:hover{cursor:pointer}#led{position:relative;top:-79px;left:636px;width:10px;height:10px}#twitter{position:relative;top:118px;left:1%;width:46px;height:44px}#twitter #twitterlink{display:block;width:46px;height:44px}#facebook{position:relative;top:74px;left:10%;width:46px;height:44px}#facebook #facebooklink{display:block;width:46px;height:44px}#instagram{position:relative;top:30px;left:19%;width:46px;height:44px}#instagram #instagramlink{display:block;width:46px;height:44px}#emailOizo{position:relative;top:50px;left:50%;width:300px;height:20px}#emailOizo #sendemail{display:block;width:160px;height:20px}#emailOizo #sendemail:hover{cursor:pointer}.social-mobile-icon{max-width:40px;margin-right:15px}.accueil-mobile-icon{max-width:40px}.playlist{max-height:210px;overflow:auto}.listen .subtitle{padding-left:15px}.listen{margin-top:30px}.pirate{margin-bottom:20px}.mediumtext.mediumtitle{font-size:16pt;padding-left:15px;vertical-align:middle}.mediumtext{font-size:12px}.col-sm-12{padding-right:0;padding-left:0}#loading-amicalement{margin-top:30px}.smalltext{font-size:9px}div.scroll-container{padding-top:15px;height:300px;width:542px;overflow:auto}div.scroll{height:283px;width:3500px;overflow:auto}div.scroll div{float:left;padding:5px;font-size:10px;width:155px;height:290px}div.scroll div img{height:146px;width:146px;margin-top:5px;margin-bottom:10px}.content li{list-style-type:none}.start-now{margin-top:40px}.flat-eric-load{min-height:330px}.content-mpc{position:relative;min-height:496px}.cadre-mpc{border:2px solid #cddefa;box-shadow:0 0 5px #cddefa;margin:40px;width:568px}.mpc{width:360px;margin:6px auto}.mpc .col-3{padding-right:3px;padding-left:3px}.mpc .col-7{padding-right:8px;padding-left:3px}.mpc .col-5{padding-right:3px;padding-left:3px}.mpc .col-6{padding:0 3px}.mpc .col-md-6{padding:0 3px}.mpc .subtitle{font-size:14px;font-family:GenevaRegular;text-shadow:none;text-align:center}.mpc .smalltext{font-family:GenevaRegular;font-size:8px;text-shadow:none}.pitch{font-family:GenevaRegular;font-size:10px;text-shadow:none;display:flex;justify-content:space-between}.pitch-button{font-family:GenevaRegular;font-size:10px;text-shadow:none}.cadre{border:2px solid #cddefa;padding:3px}.bending{margin:0 5px;padding:0 3px}.bending.selected{border:1px solid #cddefa}.controler{min-height:60px}.pad{background-image:url(../img/btn-mpc.png);width:83px;height:83px;display:flex}.pad:hover{background-image:url(../img/btn-mpc-click.png)}.pad:hover .name-sample{font-size:13px}.pad:hover .name-letter{font-size:13px}.name-sample{font-family:GenevaRegular;text-shadow:none;position:absolute;top:0;left:4px}.name-letter{font-family:GenevaRegular;text-shadow:none;position:absolute;bottom:0;right:4px}#player{width:100%;position:relative;margin:0 auto}#player i{position:absolute;color:#cddefa}#player i.fa-volume-up{right:0}#volume{position:absolute;margin:0 auto;height:14px;width:80px;background:0 0;border:1px solid;border-radius:2px;left:15px}#volume .ui-slider-range-min{height:5px;width:100%;position:absolute;background:$primary-color;border:none;border-radius:10px;outline:0}#volume .ui-slider-handle{width:20px;height:20px;border-radius:20px;background:#fff;position:absolute;margin-left:-8px;margin-top:-8px;cursor:pointer;outline:0}@media (min-width:1200px){.container{max-width:644px!important}}@media (min-width:992px){.container{max-width:644px!important}}@media (min-width:768px){.container{max-width:644px!important}}@media (max-width:767px){.album img{width:80%;height:auto}.album{text-align:center}.sliderset .randomize{display:flex}.sliderset{display:flex;justify-content:space-between;align-items:center}.randomize{display:inline-flex;text-align:center;border:1px solid;width:auto;padding:0 5px;font-size:12px;font-family:GenevaRegular;text-shadow:none}.cadre{display:none}.container-fluid{padding-left:0;padding-right:0}#macintosh{background:url(../img/mobile-screen-off.jpg) top center no-repeat;background-size:cover;height:100vh;min-height:auto}#macintosh.on{background:url(../img/mobile-screen-on.jpg) top center no-repeat;background-size:cover;height:100vh;min-height:auto}#screen{background:0 0!important;top:0;min-height:0}.menu-padding{padding-left:5px!important;padding-right:5px!important}.menu-mobile{display:flex;justify-content:space-between}.title{font-size:9pt}.bigtitle{font-size:14pt}.subtitle{font-size:10pt}.content{top:0;padding-left:0}#menu-position{position:relative;top:4%;width:100%;padding-top:5%}div.scroll-container{padding-top:15px;height:auto;width:auto;overflow:auto}div.scroll{height:auto;width:auto;overflow:auto}div.scroll div{float:none;padding:5px;font-size:10px;width:auto;height:auto}.social-network{display:none}.social-network-mobile{display:flex}.cadre-mpc{border:none;box-shadow:none;margin:0;width:70%;padding-top:4%}.pad{width:70px;height:70px;background-size:contain}.mpc{width:100%}.slider{margin:0 auto;width:60%}.titre-volume{margin-bottom:15px}.touchscreen{display:block}.keyboard{display:none}.pitch{font-family:GenevaRegular;font-size:15px;text-shadow:none;display:flex;justify-content:space-around}.pitch-button{font-family:GenevaRegular;font-size:15px;text-shadow:none}.hovereffect{font-size:10px}}@media (max-width:375px){.pad{width:60px;height:60px;background-size:contain}.pitch{font-family:GenevaRegular;font-size:10px;text-shadow:none;display:flex;justify-content:space-around}.amicalement{width:80%}#mainmenu .flateric{margin-top:0}.playlist{max-height:none;overflow:none}}@media (max-width:320px){.pad{width:45px;height:45px;background-size:contain}}#paysage{display:none}@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){#macintosh{display:none}#paysage{display:flex;margin-top:25%}}