.product_button {
font-family: Cocon;
font-size: 18px;
color: white;
padding: 12px 30px;
border-radius: 25px;
text-align: center;
display: inline-block;
margin: 0 auto;
transition: all 0.4s;
line-height:1.2;
cursor: pointer;
}
.product_button.btn-secondary-machouyou {
color: #2d2d2d;
background-color: #f9b645;
border: 1px solid #f9b645;
}
.product_button.btn-secondary-machouyou:hover {
color: #2d2d2d;
background: #e19f30;
border: 1px solid #e19f30;
}
.product_button.btn-secondary-machoukid {
color: #fff;
background-color: #424884;
border: 1px solid #424884;
}
.product_button.btn-secondary-machoukid:hover {
color: #fff;
background: #2d3377;
border: 1px solid #2d3377;
}
.product_button.btn-secondary-machourelax {
color: #fff;
background-color: #689098;
border: 1px solid #689098;
}
.product_button.btn-secondary-machourelax:hover {
color: #fff;
background: #527981;
border: 1px solid #527981;
}
.product_button.btn-secondary-missbrossette {
color: #fff;
background-color: #de4286;
border: 1px solid #de4286;
}
.product_button.btn-secondary-missbrossette:hover {
color: #fff;
background: #c53875;
border: 1px solid #c53875;
}
.product_button.button_divers {
color: #fff;
background: #505050;
border: 1px solid #505050;
}
.product_button.button_divers:hover {
color: #fff;
background: #000000;
border: 1px solid #000000;
}
.FAQ {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.FAQ-page {
display: flex;
flex-direction: column;
}
.FAQ .img_fillette {
width:25%;
position: absolute;
top: 0px;
right: -40px;
}
.FAQ_contain {
display: flex;
width: 75%;
}
.FAQ-page .FAQ_contain {
width: 100%;
}
.question_bloc {
display: flex;
align-items: center;
cursor: pointer;
font-size: 1.19em;
margin-bottom: 1.1em;
}
.question_bloc img {
margin-right: 5px;
}
.question_bloc.active {
font-family: Cronos;
text-decoration: underline;
}
.faq-machouyou {
margin-bottom: 10px;
}
.FAQ_contain > .questions {
overflow-y: auto;
width: 33%;
}
.FAQ_contain > .reponses {
padding: 10px 30px;
position: relative;
overflow-y: auto;
width: 66%;
}
.FAQ_contain .reponse_bloc {
max-height: 0px;
position: relative;
top: 0;
transition: all 0.5s cubic-bezier(0, 1, 0, 1);
overflow: hidden;
}
.FAQ_contain .reponse_bloc.active {
max-height: 500px;
transition: max-height 1s ease-in-out;
}
.FAQ .img_fillette {
display: none   ;
}
.FAQ_contain {
width: 100%;
display: flex;
flex-direction: column;
}
.FAQ_contain > .questions, .FAQ_contain > .reponses {
width: 100%;
}
.section-faq {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.reponse_bloc {
margin-left: 29px;
font-size: 0.98em;
}