/* t9.css - XHTML 5 */ body { font-family: 'Montserrat', sans-serif; background-color: #ffffff; color: #2c3e50; margin: 0; padding: 90px; } h1, h2, h3 { color: #2980b9; text-align: center; font-weight: 800; text-transform: uppercase; margin-bottom: 35px; } button { padding: 25px 50px; border: none; background-color: #e74c3c; color: white; cursor: pointer; border-radius: 40px; font-size: 24px; font-weight: 600; letter-spacing: 1px; transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; } button:hover { background-color: #ff9900; transform: translateY(-5px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); } button:active { transform: translateY(2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } img { max-width: 100%; height: auto; border-radius: 25px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } img:hover { transform: scale(1.05); } table { width: 100%; border-collapse: collapse; border: 3px solid #ff9900; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } td, th { padding: 30px; text-align: left; border: 1px solid #ff9900; font-size: 20px; letter-spacing: 1px; } td { background-color: #ecf0f1; } th { background-color: #ff9900; color: white; text-transform: uppercase; } table tr:hover { background-color: #b61212; } table.table_magasin{ width: 150px; padding: 12px; margin-top: 10px; margin-bottom: 10px; }