.faq-wrapper { padding: 0; background-color: #e9e9e9; margin-bottom: 1rem; border: 1px solid #3e3e3e; opacity: .8; transition: 1s; }
.faq-wrapper:hover { opacity: 1; box-shadow: 0 0 10px #ccc; }
.faq-wrapper .faq-question { position: relative; margin: 0; padding: 1rem; cursor: pointer; padding-right: 2rem; }
.faq-wrapper .faq-question:after { content: '+'; display: block; font-size: 2rem; position: absolute; top: 0; right: 0; margin: 1rem; line-height: 25px; cursor: pointer; }
.faq-wrapper .faq-reponse { overflow: hidden; height: 0; transition: height 1s; }
.faq-wrapper .faq-reponse p:last-child { margin-bottom:0; }
.faq-wrapper.is-hidden { display: none; }
.faq-wrapper.is-opened .faq-question:after { content: '-'; }
.faq-wrapper.is-opened .faq-reponse { height: auto; display: block; margin: 0 1rem 1rem 1rem; padding: 1rem 0 0 0; border-top: 2px dotted rgba(0,0,0,0.26); overflow: visible}
.faq-wrapper .footer { display: flex; font-style: italic; border-top: 1px dotted rgba(0,0,0,0.26); font-size: small; padding: .4rem 0 0 0; }
.faq-wrapper .date { font-style: italic; font-size: small; }
.faq-wrapper .mla { margin-left: auto; }

.parents { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; }
.parents li { margin: 0; }
.parents li a { display: block; text-decoration: none; color: #000f52; border: 1px solid; padding: 3px 5px; margin: 0 .5rem .5rem 0; border-radius: 3px; }
.parents li a.is-active { background-color: #000f52; color: #fff; font-weight: bold; }

.bouton.active { border-bottom: 3px solid #ffed00; color: #ffed00 !important; }

.bloc299 { padding: 2rem; background-color: #eee; border: 1px solid #ccc; margin-top: 1rem; }

@media (min-width: 769px){
	.faq-wrapper { margin-bottom: 2rem; }
}

@media (min-width: 1025px){
	.faq-wrapper .faq-question { padding: 2rem; }
	.faq-wrapper.is-opened .faq-reponse { margin: 0 2rem 2rem 2rem; padding: 2rem 0 0 0; }
	.faq-wrapper .faq-question:after { margin: 2rem; }
}