<style>.menu-lateral{top:40%; right:-20px; height:160px; width:75px; z-index: 999999; position: fixed; transition: 0.2s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lateral{width:100%; } .lateral:hover{ opacity:0.7; } #dormir, #situer{ background-color: white; width: 50px; height: 50px; border-radius: 100%;padding: 4px; box-sizing: border-box;overflow: hidden; cursor: pointer; width:100%overflow: hidden;<!-- [et_pb_line_break_holder] -->margin-bottom: 2px; } </style> <div class="menu-lateral"> <div id="dormir"> <!-- [et_pb_line_break_holder] --><a target="blank" href="https://www.secure-direct-hotel-booking.com/module_booking_engine/index.php?id_etab=df53ae947e69410cb2f94cc5587e57e7&langue=francais" ><img class="lateral" alt="Dormir à la Divine Comédie" src="https://www.la-divine-comedie.com/wp-content/uploads/2018/03/dormir-75x75.png" /></a></div> <div id="situer"> <a href="https://www.la-divine-comedie.com/index.php/contact/" target="blank"><img class="lateral" alt="Situer la Divine Comédie" src="https://www.la-divine-comedie.com/wp-content/uploads/2018/03/situer-75x75.png" /></a></div> </div>