body{
	background-color: #F6F4F1;
}

h1, h2, h3, h4, h5, h6, summary, .btn, a{
	letter-spacing: 0.3rem;
		font-weight: 500 !important;
}

*:hover, .btn-outline-primary:hover{
	color:black !important;
}

.formules-collapse details p{
	font-weight: unset !important;
}
.btn-outline-primary:hover{
		color: #f4f6f1 !important;
}
.halfwidth{
	width: 50% !important;
}
.alignright{
	margin-left: auto !important;
}
details {
    display: flex;
		flex-direction: column;
    align-items: center;
		font-size: 30px;
  	font-weight: lighter;
}
details > p{
	font-size: 15px;
}

details > summary {
    list-style: none; /* Remove the default marker */
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 100%; /* Ensures summary fills the width of the details */
}

details > summary::-webkit-details-marker {
    display: none; /* Hide the default marker */
}

details > summary::after {
    content: "+"; /* Add a custom marker */
    margin-left: auto; /* Push the marker to the end */
}

details[open] > summary::after {
    content: '-';
}

.closed{
	display: none !important;
}
.center-parent{
  position: relative; /* Nécessaire pour le positionnement absolu */
}
.center-child{
 position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.formules-banner div{
	width: 100% !important;
}
.formules-banner div div{
width: 100%;
  margin: 0 !important;
  max-width: unset; 
}
.accordion-site-vitrine div:nth-child(1) h3 button{
	background-image: url('https://studioyvonne.fr/wp-content/uploads/2025/01/imgage-1.png');
}
.accordion-site-vitrine div:nth-child(2) h3 button{
	background-image: url('https://studioyvonne.fr/wp-content/uploads/2025/01/image-2.png');
}
.accordion-site-vitrine div:nth-child(3) h3 button{
	background-image: url('https://studioyvonne.fr/wp-content/uploads/2025/01/image-5-1.png');
	background-position: 50% 30% !important;
}
.accordion-site-vitrine div:nth-child(4) h3 button{
	background-image: url('https://studioyvonne.fr/wp-content/uploads/2025/01/image-3-.png');
	background-position: 50% 27% !important;
}
.accordion-site-vitrine div:nth-child(5) h3 button{
	background-image: url('https://studioyvonne.fr/wp-content/uploads/2025/01/image4_.png');
	background-position: 50% 20% !important;
}
.accordion-site-vitrine h3 button{
		background-size: cover;
    background-position: center;
    cursor: pointer;
		color: #f6f4f1 !important;
		font-family: var(--wp--preset--font-family--bebas-neue) !important;
		text-align: center !important;
}
.accordion-site-vitrine{
		box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075);
	border-radius: 0; 
	width: 100%;
  max-width: unset;
	background-color: transparent !important;
}
.accordion-site-vitrine .accordion-body{
		padding: 0.6rem !important;
}

.accordion-site-vitrine .accordion-item{
		border: 0 !important;
}
.accordion-site-vitrine *:not(.btn) {
		background-color: transparent !important;
		border-radius: 0 !important; 
}
.accordion-site-vitrine h3 button div:hover {
		color: unset !important;
}
@media (min-width: 767px)
{
		.accordion-site-vitrine{
			gap: 0 !important;
			display: flex;
			flex-direction: row;
			margin-left: 0 !important;
			margin-right: 0 !important;
		}

	.accordion-site-vitrine h3 button div {
			transform: rotate(90deg) !important;
		}

		.accordion-site-vitrine .accordion-item{
				display: flex;
				flex-direction: row;
				flex-grow: 1;
		}
		.accordion-button.collapsed:hover {
			z-index: unset;
		}

		.accordion-site-vitrine h3 button::after{
			display: none;
		}
		.accordion-site-vitrine h3{
			width: 10vw !important;
			flex-grow: 1;
			display: flex;
		}
		.accordion-item{
			background-color: #f4f6f1 !important; 
		}

		.accordion-site-vitrine h3 button{
				height: 600px;
				display: unset !important;
				font-size: 150% !important;    
				text-wrap: nowrap !important;
		}

		.accordion-site-vitrine .accordion-item .accordion-collapse div{
			height: 100%;
		}

		.accordion-collapse.show
		{
				transition: width 0.5s ease !important;		
				width: 28vw;
		}
		.accordion-collapse:not(.show){
			transition: width 0.3s ease !important;		
			width: 0;
		}

}
.min-height-0{
		min-height: 0 !important;
}
.rotate-neg-15{
		transform: rotate(-10deg);
		font-weight: 400;
}
.rotate-15{
		transform: rotate(10deg);
		font-weight: 400;
}

.devis-block > div{
	height: 500px !important;
}
@media(max-width: 767px){
		h1{
			font-size: 10vw !important;
		}
		.formules-collapse summary{
			font-size: 6vw !important;
		}
		.home-banner > div{
			background-position: 53% 50% !important;
		}
		.rotate-15{
				display:none !important;
		}
		p, li{
			font-weight: unset !important;
 		}
		.nav-row nav{
			width: 100% !important;
	    padding: 0 !important;
  	  justify-content: flex-start !important;
		}
		
		.nav-row nav div{
				top: 0px !important;
				position: fixed;
				height: 100vh !important;
				padding: 0 !important;
				background-color: #f4f6f1 !important;
				left: -15px;
				width: 100vw !important;
				margin: 0;
		}
		.nav-row nav div ul{
			top: 20vw !important;
		}
		.accordion-site-vitrine .accordion-body{
			height: 50vh !important;
		}
		.accordion-site-vitrine .btn{
			padding: 0.25rem 0.5rem;
    	font-size: 0.875rem; 
		}
		.accordion-site-vitrine h3 button div{
			width: 100%;
    	margin: auto; 
			font-size: 1.5rem;
		}
		.devis-block{
			flex-wrap: wrap !important;
		}
}
.big-photo img{
	width: 100%;
}
.show-overflow{
	overflow: visible !important; 
	z-index: 99 !important;
}
.home-banner{
	background-image: url('https://studioyvonne.fr/wp-content/uploads/2025/01/ACCUEIL.png');
	background-size: cover;
}
.hover-remove-back:hover{
	background-color: rgba(0,0,0,0) !important;
	transition: background 0.3s ease !important;
}

.client-photo img{
	width: 40vh;
}