.carousel {
	background-color : var(--vertClair);
 }

 .carousel img {
		display: none;
		margin: 0 auto;
		width: 60%;
    }

 .carousel img.active {
		display: block;
    }


	#presentationBoite {
			padding : 3rem 3rem;
			background-color: lightgrey; 
			color: black;
		}


.spin-animation {
    animation: spin 5s linear infinite;
}


	h1, h2, h3, h4 {
		font-family: 'Playfair Display', serif;
		margin-bottom: 1rem;
		color: var(--secondary);
	}
	
	h1 {
		font-size: 2.8rem;
		line-height: 1.2;
	}
	
	h2 {
		font-size: 2.2rem;
		text-align: center;
		margin-bottom: 2.5rem;
		position: relative;
	}
	
	h2:after {
		content: '';
		position: absolute;
		bottom: -10px;
		left: 50%;
		transform: translateX(-50%);
		width: 80px;
		height: 3px;
		background: var(--primary);
	}
	
	p {
		margin-bottom: 1.2rem;
	}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}