/* La page id-libre.org : l'accueil */ html, body, article, ul, li { margin: 0px; padding: 0px; } body { width: 100%; } nav { max-width: 80%; margin: 0px auto; } ul { list-style: none outside none; } li { width: 24%; height: 0px; padding-bottom: 24%; margin: 1%; text-align: center; background-color: rgba(34, 34, 34, .8); color: rgba(231, 231, 231, .7); font-size: 200%; float: left; border-radius: 3px; } /* #accueil { margin: 0px auto; max-width: 80%; } a { text-decoration: none; padding-top: 40%; } ul { list-style: none outside none; margin: 0px; padding: 1%; } .entree { margin: 1%; width: 24%; height: 0px; padding-bottom: 24%; overflow: hidden; text-align: center; background-color: rgba(34, 34, 34, .8); color: rgba(231, 231, 231, .7); font-size: 200%; float: left; vertical-align: middle; border-radius: 3px; } @media (max-width: 1000px) { .entree { width: 25%; padding-bottom: 25%; } } .entree:hover { text-decoration: none; color: rgba(231, 231, 231, 1); background-color: rgba(34, 34, 34, .5); } .entree a { display: block; width: 100%; height: 100%; color: rgba(231, 231, 231, .7); } .entree:hover a { text-decoration: none; } */