*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.bande{position:relative;width:100%;height:250px;overflow:hidden}.bande img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;display:block}.bande:hover img{transform:scale(1.1)}.contenu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}.contenu h2{font-size:24px;margin-bottom:15px;font-weight:700;text-transform:uppercase}.contenu a{padding:8px 18px;background:#fff;color:#000;text-decoration:none;font-weight:700;font-size:14px;border-radius:5px;transition:background 0.3s ease}.contenu a:hover{background:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}.bande-pro{position:relative;width:100%;height:300px;overflow:hidden}.bande-pro::before{content:"";position:absolute;top:-150px;left:0;width:100%;height:600px;background-image:url(https://location-chapiteaux-corvasier.fr/content/uploads/2023/10/STRUCTURE-CRISTAL-20m-x-40m.jpg);background-size:cover;background-position:center top;filter:brightness(.6);z-index:1;transform:scale(1);transition:transform 0.5s ease}.bande-pro:hover::before{transform:scale(1.05)}.bande-pro .contenu{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.bande-pro .contenu h2{font-size:28px;margin-bottom:15px;text-transform:uppercase;color:#fff}.bande-pro .contenu a{padding:10px 20px;background:#fff;color:#000;text-decoration:none;font-weight:700;border-radius:5px;transition:background 0.3s ease;font-size:14px}.bande-pro .contenu a:hover{background:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}.bande{position:relative;width:100%;height:300px;overflow:hidden}.bande img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;transition:transform 0.5s ease;filter:brightness(.6)}.bande:hover img{transform:scale(1.1)}.contenu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.contenu h2{font-size:28px;margin-bottom:15px;text-transform:uppercase;color:#fff}.contenu a{padding:10px 20px;background:#fff;color:#000;text-decoration:none;font-weight:700;border-radius:5px;transition:background 0.3s ease;font-size:14px}.contenu a:hover{background:#e0e0e0}