section.list { display : flex; justify-content : space-between; flex-wrap:wrap; } section.list > div { width : 30%; } section.list img { display:inline-block; } .short-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* modification par Yann */ nav { position: fixed; width: 100%; background-color: #283d5d; top: 0; right: 0; } main.container { margin-top: 60px; } .options { margin-right : 20px!important; width: 400px; height: 73.5px; } .bouton { width: 25%; text-align: center; height: 73.5px; } .sous { display: none; border-radius: 5px; border: solid 1px black; background-color: #283d5d; position: absolute; top :60px; right: 13px; } .sous li{ float: none; text-align: right; width: 100%; } nav > ul li:hover .sous{ display: block ; } .deroulant a { text-decoration: none; color:white; } .deroulant > a::after { content:" ▼"; font-size: 15px; } .sous a:hover{ color: #1399fc; } section.connexion { display: flex; justify-content: space-between; } div.authentification { width: 45%; } div.new { width: 45%; }