.wrap--accordion{position:relative}.wrap--accordion ul{list-style:none;width:100%;margin:0 auto;padding:0}.wrap--accordion ul li{float:left;width:15%;height:600px;opacity:.6;background-size:cover;background-position:center;position:relative;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}@media only screen and (max-width:600px){.wrap--accordion ul li{height:500px}}.wrap--accordion ul li:hover,.wrap--accordion ul li:first-child~li:last-child{width:70%;opacity:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.wrap--accordion ul li:hover .content--bottom,.wrap--accordion ul li:first-child~li:last-child .content--bottom{width:auto;left:50px}.wrap--accordion ul li:hover~li:last-child{width:15%;opacity:.6}.wrap--accordion ul li .content--bottom{position:absolute;bottom:24px;color:#fff;font-weight:600;text-align:center;font-size:14px;line-height:24px;width:100%}.wrap--accordion ul li .content--bottom .content--picto{margin-bottom:8px}.wrap--accordion ul li .content--bottom .content--picto img{width:25px}.wrap--accordion ul li .content--bottom span{font-size:33px;font-weight:700}@media(max-width:768px){.wrap--accordion ul li .content--bottom{font-size:10px;line-height:20px;left:auto}.wrap--accordion ul li .content--bottom span{font-size:20px}}.wrap--accordion ul li:before{content:"";display:block;width:0;height:100%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.wrap--accordion ul li:not(:last-child):before{background-color:rgba(46,12,2,.6)}.wrap--accordion .acc--presentation{position:absolute;top:50px;right:50px;background-color:#fff;padding:24px;font-size:12px;line-height:18px;max-width:300px;z-index:1}.wrap--accordion .acc--presentation h3{font-size:16px;color:#054;margin:0 0 8px}@media only screen and (max-width:600px){.wrap--accordion .acc--presentation{position:relative;top:inherit;right:inherit}}