.reponse{
	display: none;
    padding-right: 5vw;	
}

.question{
    cursor: pointer;
    position: relative;
    padding: 25px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faq .row{
	border-bottom: 1px solid;
}

.question span{
	font-size: 250%;
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	transform: rotate(0);	
}

.question h4{
    padding-right: 5vw;	
	margin: 0;
	font-weight: 500;
}

.faq{
    padding: 5vw 10vw;
}

.reponse p{
	margin-top: 0;
}

.faq > div:first-of-type{
	border-top: 1px solid;
}

.faq > h2{
	    text-align: center;
    padding-bottom: 5vw;
}

section.intro{
	display: flex;
    flex-wrap: wrap;
   
    padding: 5vw;
	position: relative;
    background-color: rgb(40 40 40 / 85%);
}

section.intro .colonne_01{
    width: 50%;
    padding-right: 10vw;
	padding-bottom: 3.5vw;
}

section.intro .colonne_02{
    width: 50%;
    HEIGHT: 100%;
    OBJECT-FIT: cover;	
   padding-bottom: 3.5vw;
}

section.intro .colonne_02 img {
    border-radius: 75px;
}

section.intro > img{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.question.actif span{
	transform: rotate(45deg);
}

@media screen and (max-width:960px){
	section.intro .colonne_01 {
		width: 100%;
		padding-right: 5vw;
		padding-bottom: 5vw;;
	}	
	
	section.intro .colonne_02{
		width: 100%;
	}
}

@media screen and (max-width:760px){
	.faq {
		padding: 5vw;
	}
}