section.faqListe{
position:relative;
padding:115px 50px;
}

section.faqListe.beige{background-color:var(--beige);}

section.faqListe > figure{
position:absolute;
top:0;
left:80px;
}

section.faqListe > figure img{
width:auto;
max-width:300px;
max-height:190px;
position:relative;
transform:translateY(-50%);
}

section.faqListe .content{
width:1380px;
max-width:100%;
margin:0 auto;
}

section.faqListe .content > .ti_gd{
width:100%;
text-align:center;
}

section.faqListe .content > .ti_gd + .liste{padding-top:80px;}

section.faqListe .content .liste li{
padding:25px 50px;
background-color:var(--beige);
transition:0.3s ease-in-out;
}

section.faqListe .content .liste li + li{margin-top:10px;}

section.faqListe .content .liste li .ti{
position:relative;
cursor:pointer;
padding-right:50px;
font-family:var(--font-ssti);
text-transform:uppercase;
}

section.faqListe .content .liste li .ti::before, section.faqListe .content .liste li .ti::after{
content:'';
display:block;
position:absolute;
top:4px;
width:2px;
height:14px;
background-color:#000;
transition:0.3s ease-in-out;
}

section.faqListe .content .liste li .ti::before{
right:7px;
transform:rotate(-30deg);
}

section.faqListe .content .liste li .ti::after{
right:0;
transform:rotate(30deg);
}

section.faqListe .content .liste li .ckeditor{
display:none;
padding:25px 0;
}

section.faqListe .content .liste li.open{
background-color:#fff !important;
outline:1px solid #000;
}

section.faqListe .content .liste li.open .ti::before{transform:rotate(30deg);}

section.faqListe .content .liste li.open .ti::after{transform:rotate(-30deg);}

section.faqListe .content .plus{
padding-top:30px;
text-align:center;
}

section.faqListe .content .plus span{
display:inline-block;
cursor:pointer;
font-family:var(--font-ti);
text-transform:uppercase;
text-decoration:underline;
}

section.faqListe .content .plus + .liste{
display:none;
margin-top:10px;
}

/********** medias **********/
@media screen and (max-width:1480px){
section.faqListe > figure img{
max-width:250px;
max-height:150px;
}
}

@media screen and (max-width:1380px){
section.faqListe{padding:70px 50px;}

section.faqListe > figure{
left:10px;
top:-20px;
}

section.faqListe > figure img{transform:none;}
}

@media screen and (max-width:980px){
section.faqListe > figure img{
max-width:200px;
max-height:100px;
}

section.faqListe{padding:50px 20px;}

section.faqListe .content > .ti_gd + .liste{padding-top:40px;}

section.faqListe .content .liste li{padding:20px;}

section.faqListe .content .plus{padding-top:25px;}

section.faqListe .content .liste li .ti{padding-right:20px;}
}

@media screen and (max-width:780px){
section.faqListe > figure img{
max-width:100px;
max-height:100px;
}
}

@media screen and (max-width:480px){
section.faqListe .content .liste li .ckeditor{padding:20px 0 0 0;}
}