.faq-container{background:#A1CDF2FF; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2% 0% 2% 0%;}

.faq-item{margin-bottom:15px; border-radius:10px; overflow:hidden; width:50%;}
.faq-item.active .faq-answer{max-height:max-content;padding: 1%;}
.faq-item.active .faq-question span{content:"−";}


.faq-question{width:100%; padding:20px; border:none; background:#D9E2E9FF; color:#3F3F3FFF; font-size:22px; font-family:'Advent Pro', sans-serif; text-align:left; cursor:pointer; display:flex; justify-content:space-between; align-items:center;}
.faq-question:hover{background:#10213FFF; color:#fff;}
.faq-question span{color:#ffa700; font-size:28px;}

.faq-answer ul{list-style-type:disc !important; padding-left:40px !important; margin-bottom:15px;}
.faq-answer li{margin-bottom:8px; font-size:24px;}
.no-marge{margin-bottom:10px !important; margin-top:1%;}
.faq-answer{max-height:0; overflow:hidden; transition:0.3s; background:#9ca3a9;}

/* ===== GRAND ECRAN ===== */
@media screen and (min-width:1800px){
	.faq-item{width:45%;}
	.faq-question{font-size:28px; padding:25px;}
	.faq-question span{font-size:34px;}
	.faq-answer li{font-size:28px;}
	.faq-answer{font-size:24px;}
	.h1{margin-bottom:3%}
}

/* ===== ECRAN LARGE ===== */
@media screen and (min-width:1600px) and (max-width:2047px){
	.faq-item{width:50%;}
	.faq-question{font-size:24px;}
	.faq-answer li{font-size:24px;}
	.h1{margin-bottom:3%}
}

/* ===== TABLETTE ===== */
@media screen and (max-width:1024px){
	.faq-container{padding:4% 2%;}
	.faq-item{width:80%;}
	.faq-question{font-size:20px; padding:18px;}
	.faq-question span{font-size:26px;}
	.faq-answer ul{padding-left:30px !important;}
	.faq-answer li{font-size:20px;}
	.faq-item.active .faq-answer{padding:2%;}
	.h1{margin-bottom:3%}
}

/* ===== MOBILE ===== */
@media screen and (max-width:768px){
	.faq-container{padding:6% 3%;}
	.faq-item{width:95%; margin-bottom:12px;}
	.faq-question{font-size:16px; padding:15px; line-height:1.4;}
	.faq-question span{font-size:24px;}
	.faq-answer ul{padding-left:25px !important;}
	.faq-answer li{font-size:16px; line-height:1.5;}
	.faq-item.active .faq-answer{padding:3%;}
	.h1{margin-bottom:3%}
}

/* ===== PETIT MOBILE ===== */
@media screen and (max-width:480px){
	.faq-container{padding:8% 4%;}
	.faq-item{width:100%; border-radius:8px;}
	.faq-question{font-size:16px; padding:12px;}
	.faq-question span{font-size:20px;}
	.faq-answer ul{padding-left:20px !important;}
	.faq-answer li{font-size:16px; margin-bottom:6px;}
	.faq-item.active .faq-answer{padding:4%;}
	.h1{margin-bottom:3%}
}