body{
	background-color: white;
}

p, h2, h3,h4{
	margin: 0;
	padding: 0;
}

#txt-aide{
	color:#F58D00;
	font-weight:350;
}

#img-sec1{ 
	width:48%;
	height: 125px;
	} 

#bloc-title-faq{
	margin-bottom: 40px;
}

#bloc-categories{
	flex-wrap: wrap;
}

.categorie_questions{
	margin-bottom: 3%;
}

.ligne_category:not(.title_ligne_category):hover a{
	text-decoration: underline;
}

.ligne_category{
	position: relative;
}

.title_ligne_category{
	background-color: black;
	color:white;
	font-size:0.6em;
	 padding:3px 3px;
	 position:relative;
	 
}

#questions-solutions .parite_ligne_category{
	background-color: white!important;
 

}

.title_ligne_category{
	display: flex;
	justify-content: center;
	align-items: center;
}

.title_ligne_category .subtitle_line, .title_ligne_category p{
    font-weight: 500;
    letter-spacing: 0.2em;
    font-size: 1.4em;
    max-width: 60%;
    margin: 0px auto;
    line-height: 140%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#subtitle-faq{
	font-size: 3.3em;
}

#txt-aide{
	font-size: 2em;
}

#faq{
	margin-top: 30px;
    margin-bottom: 50px;
}


.title_ligne_category .img_category_question{
	width:30px;
	height:55%;
	position: absolute;
	left: 30px;
	top: 50%;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)

}

#what {
    -ms-transform: translateX(3.7%);
    -webkit-transform: translateX(3.7%);
    -moz-transform: translateX(3.7%);
    -o-transform: translateX(3.7%);
    transform: translateX(3.7%);
}

.categorie_questions:nth-child(even) .parite_ligne_category:nth-child(even){ /* Even Paire -- Odd Impaire */
	background-color:#f6f6f6;
}

.categorie_questions:nth-child(odd) .parite_ligne_category:nth-child(odd){ /* Even Paire -- Odd Impaire */
	background-color:#f6f6f6;
}

.parite_ligne_category{

}

.parite_ligne_category a{
	cursor: pointer;
    padding: 0% 13%;
    font-size: 1em;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 140%;
    color: #333333;
    text-decoration: none;
}

.ligne_category:hover .fleche_droite{
	-ms-transform:translateY(-50%) rotate(180deg);
	-webkit-transform:translateY(-50%) rotate(180deg);
	-moz-transform:translateY(-50%) rotate(180deg);
	-o-transform:translateY(-50%) rotate(180deg);
	transform:translateY(-50%) rotate(180deg);
}

.fleche_droite{ 
	height: 20px;
	width: 20px;
	background-image: url('/img/v2/faq/arrow-right.svg');
	position: absolute;
	right: 15px;
	top: 50%;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);

	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear


}

.categorie_questions{
	width: 48%;
	text-align:center;
	border: 1px solid black;
}

#bloc-title-faq-home{
	margin-bottom: 40px;
}


#picto1{
	height:100%;
	width: 50px;
}



@media screen and (max-width: 1250px) {


	#bloc-categories{
		flex-wrap: wrap;
	}

	.categorie_questions{
		width: 49%;
		margin-bottom: 20px;
	}

	#bloc-title {
	    width: 50%;
	}

	#img-sec1 {
	    width: 49%;
	    height: 110px;
	}

}


@media screen and (max-width: 1150px) {


	#bloc-categories{
		flex-wrap: wrap;
	}

	#subtitle-faq {
	    font-size: 2.7em;
	}

	#txt-aide {
	    font-size: 1.8em;
	}

	.title_ligne_category .subtitle_line, .title_ligne_category p {
	    height: 60px;
	}

}

@media screen and (max-width: 950px) {

	.categorie_questions{
		width: 80%;
	}

	#bloc-title {
	    width: 100%;
	    justify-content: center;
	    align-items: center;
	}

	#bloc-title-faq, #bloc-title-faq-home{
		flex-direction: column;
		align-items: center;
	}

	#subtitle-faq{
		text-align: center;
	}

	#txt-aide{
		text-align: center;
	}

	#img-sec1{
		margin-top: 25px;
	}

	#bloc-categories{
		justify-content: center;
		align-items: center;
	}

}

@media screen and (max-width: 650px) {

	.categorie_questions{
		width: 90%;
	}
	#img-sec1 {
	    width: 70%;
	    height: 100px;
	}

}

@media screen and (max-width: 550px) {

	#bloc-title {
	    padding: 0px 20px;
	    font-size: 0.8em;
	}

	#subtitle-faq {
	    margin-bottom: 10px;
	}

	.title_ligne_category .subtitle_line, .title_ligne_category p{
		max-width: 75%;
		font-size: 1em;
	}

	.ligne_category a{
		font-size: 0.9em;
	}

	.title_ligne_category .img_category_question {
	    width: 40px;
	    height: 40%;
	    position: absolute;
	    left: 5px;
	}

}