.diaporama{height:80vh;width:100%;display:block;position:relative;overflow:hidden}.diaporama .item{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.diaporama .item .text{position:absolute;text-align:left;padding:50px;top:50%;left:15%;z-index:2;display:none;background-color:rgba(0,0,0,.5);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.diaporama .item .text h1,.diaporama .item .text h2,.diaporama .item .text h3,.diaporama .item .text h4,.diaporama .item .text h5,.diaporama .item .text li,.diaporama .item .text p{color:#fff}.diaporama .item .image{display:none}.diaporama .item .image img,.diaporama .item .image video{position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover}.diaporama .navigation{position:absolute;z-index:3;bottom:30px;right:15px}.diaporama .navigation .rond{width:12px;height:12px;margin:0 0 0 10px;padding:0;background:0 0;border:2px solid #fff;border-radius:18px;display:inline-block;vertical-align:middle;cursor:pointer}.diaporama .navigation .rond.active{background:#fff}.diaporama .navigation .rond:after,.diaporama .navigation .rond:before{display:none}