body{font-family:Arial,sans-serif}.carousel-title{margin-bottom:40px}.carousel{margin-top:20px;margin-bottom:40px}.hero-section{margin-bottom:60px}.contact-section{margin-top:40px;margin-bottom:60px}footer{margin-top:60px}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-links{list-style:none;display:flex;gap:15px}.nav-links li a{text-decoration:none;color:#fff;font-weight:bold}.logo{color:#fff;font-size:1.5rem;font-weight:bold}.hero-section{position:relative;width:100%;height:50vh;background:linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,0)),url('../ressources/esperance-vie-chiens-chiot-golden-retriever.webp') no-repeat center center/cover;border-radius:20px;margin:40px auto;display:flex;align-items:center;justify-content:space-between;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.2)}.hero-button{position:absolute;bottom:20px;right:20px;background:#FF6F3C;color:white;padding:15px 30px;text-decoration:none;border-radius:25px;font-size:1.1rem;font-weight:bold;display:flex;align-items:center;gap:15px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:all .3s ease-in-out}.hero-button:hover{background:#E05B2E;transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.3)}.hero-button .photo-group{position:relative;display:flex;gap:-10px}.photo-circle{width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.2);border:2px solid white;background-color:#eee}.photo-circle img{width:100%;height:100%;object-fit:cover}.hero-button span{font-size:1rem;line-height:1.4}.hero-button small{display:block;font-size:.8rem;color:rgba(255,255,255,.8);margin-top:5px}.hero-content h1{color:white;font-size:3rem;font-weight:bold;margin-bottom:10px}.hero-content p{color:white;font-size:1.2rem;line-height:1.5}.hero-button .photo-group{position:relative;display:flex;gap:-15px}.photo-circle{width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.2);border:2px solid white;background-color:#eee;z-index:1}.photo-circle:nth-child(2){z-index:2}.photo-circle:nth-child(3){z-index:3}@media(max-width:768px){.hero-button{position:relative;bottom:auto;right:auto;margin:20px auto;padding:10px 20px;flex-direction:column;gap:10px}.photo-circle{width:30px;height:30px}.hero-button span{font-size:.9rem}.hero-button small{font-size:.8rem}}@media(max-width:480px){.hero-button{padding:8px 15px;border-radius:20px}.photo-circle{width:25px;height:25px}.hero-button span{font-size:.8rem}.hero-button small{font-size:.7rem}}.carousel-title{font-size:2rem;font-weight:bold;color:#FF6F61;margin-bottom:20px;text-transform:capitalize}.carousel-card img{max-width:300px;max-height:200px;width:auto;height:auto;border-radius:10px;object-fit:cover;margin:0 auto;display:block}.carousel-card h3{font-size:1.2rem;font-weight:bold;color:#333;text-align:center;margin-top:10px}.carousel-card p{font-size:.9rem;color:#555;text-align:center;margin-top:5px}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:red;border-radius:50%;width:20px;height:20px;background-size:100%;background-position:center;background-repeat:no-repeat}.contact-section{background-color:#f9f9f9;padding:40px 20px;border-radius:20px;margin:40px auto;box-shadow:0 10px 20px rgba(0,0,0,.1);max-width:1200px}.contact-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.contact-text{flex:1;max-width:60%}.contact-text h2{font-size:2rem;font-weight:bold;color:#333;margin-bottom:20px}.contact-text p{font-size:1rem;color:#555;margin-bottom:20px}.contact-button{display:inline-block;padding:15px 25px;background-color:#FF6F3C;color:white;font-weight:bold;text-decoration:none;border-radius:25px;transition:background-color .3s ease,transform .2s ease}.contact-button:hover{background-color:#e05b2e;transform:translateY(-3px)}.contact-image{border-radius:30px;flex:1;max-width:30%}.contact-image img{border-radius:20px;width:100%;box-shadow:0 5px 15px rgba(0,0,0,.2)}@media(max-width:768px){.carousel-section{padding:20px}.carousel-card img{max-height:150px}.carousel-card h3{font-size:1.2rem}.carousel-card p{font-size:.9rem}}