.term-questions-les-plus-frequentes .section-page-header .page-header-inner header {
    display: none;
}

h3.faq-title{
    margin-bottom: 14px;
    color: #1e1545;
    font-family: 'Caveat Brush';
    font-size: 40px;
    line-height: 56px;
    display: inline-block;
    width: 90%;
    vertical-align: middle;
}

li.faq-question.open {
    background-color: #feb900;
    margin-bottom: 5px;
}

li.faq-question{
    border-bottom: 2px solid #feb900;
    padding: 20px;
    padding-right: 130px;
    position: relative;
    overflow: hidden
}

li.faq-question .fa{
  position: absolute;
  top: 50%;
  right: 40px;
  font-size: 130px;
  width: 34px;
  height: 61px;
  background: url('../images/fleche-g.png') no-repeat;
}
li.faq-question .fa:before{
  display: none;
}

ul.faq-list-questions{
    list-style-type: none;
    padding: 0;
}

.faq-content{
    display: none;
}

.open .faq-content{
    display: block;
}

.fa.open-faq, .fa.close-faq {
    font-size: 50px;
}

.fa.close-faq{
    display:none; cursor: pointer;
    transform: translateY(-50%) rotate(90deg)
}
.open .fa.close-faq{
    display: inline-block;
}

.fa.open-faq{
    display: inline-block; cursor: pointer;
    transform: translateY(-50%) rotate(270deg)
}
.fa.open-faq:after,
.fa.close-faq:after{
  content: '';
  display: block;
  top: -100vw;
  left: -100vw;
  width: 200vw;
  height: 200vw;
  position: absolute;
}
.open .fa.open-faq{
    display: none;
}

.list-cat-faq{
    margin: 70px 0 0 0;
}

.faq-cat-item {
    padding: 0 2% 0 10%;
    width: 49%;
    position: relative;
    margin-bottom: 20px;
    margin-top: 50px;
    display: inline-block;
    vertical-align: top;
}

.faq-cat-item.cat-item-cat-full{
    width: 100%;
}
.faq-cat-item.cat-item-cat-full .faq-cat-item-content .content-image { width: 330px; padding-bottom: 330px; left: -9%; top: 20px; }
.faq-cat-item.cat-item-cat-full .faq-cat-item-content h3,
.faq-cat-item.cat-item-cat-full .faq-cat-item-content h4 { padding-left: 24%; }
.faq-cat-item.cat-item-cat-full .faq-cat-item-content { min-height: 355px; }
@media (max-width:1199px){
  .faq-cat-item.cat-item-cat-full .faq-cat-item-content .content-image { width: 28vw; padding-bottom: 28vw; }
}
.faq-cat-item .picto{
    position: absolute;
    top: -55px;
    right: 10%;
    z-index: 2;
    max-height: 90px;
}

.faq-cat-item-content{
    background: #feb900;
    padding: 30px 8%;
    min-height: 415px;
    position: relative;
}

.cat-item-cat-even .faq-cat-item-content{
    background: #DF2927;
}

.cat-item-cat-full .faq-cat-item-content{
    background: #1e1545;
}

.faq-cat-item-content h3{
    color: #1e1545;
    font-family: 'Montserrat';
    margin: 0;
    font-size: 31px;
    font-weight: bold;
}

.cat-item-cat-even .faq-cat-item-content h3,
.cat-item-cat-full .faq-cat-item-content h3 { color: #FFF; }
.cat-item-cat-full .faq-cat-item-content h4 { color: #feb900 }
.cat-item-cat-full .faq-cat-item-content .content-image{
    background-image: url(/wp-content/uploads/2020/02/bg-vignette-h.png);
}

.other-cat-faq ul{ padding: 0;}

.faq-cat-item-content h4{
    color: #c20e1a;
    font-size: 50px;
    line-height: 37px;
    font-family: 'Caveat Brush';
    margin: 0 0 20px 0;
    font-weight: normal;
}

.cat-item-cat-even .faq-cat-item-content h4{
    color: #feb900;
}

.cat-item-cat-even .faq-cat-item-content .content-text,
.cat-item-cat-full .faq-cat-item-content .content-text{
    color: #FFF;
}

.cat-item-cat-full .faq-cat-item-content .content-text{
    padding-left: 24%;
}

.faq-cat-item-content .content-text{
    padding: 10px 0 50px 35%;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: bold;
    color: #1e1545;
}

.faq-cat-item-content .content-image{
    background: url(/wp-content/uploads/2020/02/bg-vignette-b.png) no-repeat center center;
    width: 15vw;
    padding-bottom: 15vw;
    background-size: contain;
    position: absolute;
    left: -16%;
    top: 140px;
}

.faq-cat-item-content .content-image img{
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    object-fit: cover;
}

.faq-cat-item .btn-faq{
    font-size: 17px;
    text-align: left;
    float: right;
    margin: 24px 44px 0 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 14px 25px 14px 20px;
    position: relative;
    text-decoration: none;
    display: inline-block;
    border-radius: 15px;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Montserrat';
    transition: all 300ms ease;
}

.faq-cat-item .btn-faq-blue {
    background: #1e1545;

}

.faq-cat-item .fleche.fleche-red:after {
    background: url(../images/fleche-rouge.png);
}
.faq-cat-item .fleche:after {
    content: '';
    display: block;
    width: 60px;
    height: 42px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
    transition: all 400ms ease;
}

@media (min-width:1400px){
  .faq-cat-item-content .content-image { width: 47%; padding-bottom: 47%; }
}
@media (max-width:991px){
  .faq-cat-item-content h3 {
    font-size: 26px;
  }
  .faq-cat-item-content h4 {
    font-size: 36px;
  }
}
@media (max-width:767px){
  .faq-cat-item {
      padding: 0;
      width: 100%;
  }
  .faq-cat-item-content {
    min-height: 380px;
  }
  .faq-cat-item-content .content-image,
  .faq-cat-item.cat-item-cat-full .faq-cat-item-content .content-image {
    width: 27vw;
    padding-bottom: 27vw;
    left: 4%;
    top: 120px;
  }
  .faq-cat-item.cat-item-cat-full .faq-cat-item-content h3,
  .faq-cat-item.cat-item-cat-full .faq-cat-item-content h4 {
    padding-left: 0;
  }
  .cat-item-cat-full .faq-cat-item-content .content-text {
    padding: 10px 0 50px 35%;
  }
}
@media (max-width:500px){
  .tax-categorie_question .site-main {
    overflow: hidden;
  }
  .tax-categorie_question .site-main > .container {
    padding: 0;
  }
  .faq-cat-item {
    padding: 3rem 0;
    margin: 0;
    text-align: center;
  }
  .faq-cat-item .picto {
      display: none;
  }
  .faq-cat-item-content .content-image,
  .faq-cat-item.cat-item-cat-full .faq-cat-item-content .content-image {
    width: 100%;
    padding-bottom: 100%;
    left: 0;
    top: 0;
    position: relative;
  }
  .faq-cat-item-content .content-text,
  .cat-item-cat-full .faq-cat-item-content .content-text {
    padding: 10px 0 30px 0;
  }
  .faq-cat-item.cat-item-cat-full .faq-cat-item-content h3,
  .faq-cat-item.cat-item-cat-full .faq-cat-item-content h4 {
    padding-left: 0;
  }
  .faq-cat-item .btn-faq {
    float:none;
    margin: 24px 0;
  }
  .cat-item-cat-even  {
    background: #DF2927;
  }
  .cat-item-cat-odd {
    background: #feb900;
  }
  .cat-item-cat-full {
    background: #1e1545;
  }
}

.other-cat-faq{margin-top: 80px;}