.plateformes{position:relative;border:2px solid #000;border-radius:30px;padding:0;margin-bottom:3em;margin-top:2.6em}
.plateformes-title{display:block;position:absolute;top:0;left:0;width:100%;text-align:center;font-weight:700;font-size:2em;line-height:1;color:#000;margin-top:-.6em}
.minisite-list,.notyetavailable{position:relative}
.plateformes-title span{display:inline-block;vertical-align:top;padding:0 .5em;background-color:#fff}
.minisite-list{width:100%;border-radius:30px;height:100%;padding-top:1em;overflow:hidden;text-align:center}
.minisite-list .list{margin:1em 6px;overflow:hidden;height:315px;text-align:center}
.minisite-list .list .vertical-list{-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;-ms-transition:-ms-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
.minisite-list .list .vertical-list ul{display:block;width:auto;margin:0;padding:2em 0;text-align:center;white-space:nowrap}
.minisite-list .list .vertical-list ul li{display:inline-block;vertical-align:top;font-size:1em;width:20%;cursor:pointer}
.minisite-list .list ul li:focus{outline:0;-webkit-appearance:none}
.minisite-list .list ul li:focus img,.minisite-list .list ul li:hover img{opacity:.7}
.minisite-list .list ul li:focus h3{color:#000}
.minisite-list .list ul li img{display:inline-block;vertical-align:top;width:150px;height:219px;background:#dadada}
.minisite-list .list ul li h3{font-size:1.6em;margin:0;text-transform:uppercase;padding:1em 0 0;color:#01ABD4}
.notyetavailable::before{content:attr(data-date);position:absolute;top:50%;width:100%;margin-top:-1.5em;line-height:1em;font-weight:700;color:#fff;font-size:1.4em;text-align:center;text-transform:uppercase;text-shadow:0 0 10px #000;left:0;z-index:1}
.availability-info{display:none;margin:0 6%}
.bookslist li:hover .availability-info{display:block;position:fixed}
.list-booktitle{font-size: 1.6em;margin: 0;text-transform: uppercase;padding: 1em 0 0;color: #000;}
.list-bottom.hide,.list-bottom.hide:hover,.list-top.hide,.list-top.hide:hover{opacity:.15;cursor:default}
.list-bottom,.list-top{z-index:1;margin:1em;height:50%;width:55px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.list-bottom:hover,.list-top:hover{opacity:.8}
.plateformes-popup{position:absolute;display:none;padding:1em 10px;width:920px;text-align:center;left:50%;margin-left:-460px;background:#fff;box-shadow:0 -5px 30px rgba(0,0,0,.2);z-index:1000;border:2px solid #000}
.plateformes-popup-before{display:block;position:absolute;top:-15px;left:0;height:30px;width:30px;border:2px solid transparent;border-left-color:#000;border-top-color:#000;background-color:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-left:-30px}
.plateformes-popup li{text-align:center;display:inline-block;vertical-align:top;list-style:none;width:33.33333%;height:80px}
.plateformes-popup li.notyetavailable img{opacity:.2}
.plateformes-popup li a{display:inline-block;vertical-align:middle;height:100%;border-radius:10px;padding:5px 0;box-sizing:border-box;-moz-box-sizing:border-box;position:relative}
.plateformes-popup li a:hover{background-color:#EEE}
.plateformes-popup li.notyetavailable a:hover{background-color:#fff}
.plateformes-popup li.notyetavailable a:hover:after{content:"Bientôt disponible !";color:#fe7829;display:block;position:absolute;top:50%;font-size:1.8em;margin-top:-.4em;left:0;text-align:center;width:100%;text-shadow:0 0 3px #fff}
.plateformes-popup li a img{display:inline-block;height:100%;width:auto}