/* cmsms stylesheet: FAQ-LIST-multi-categories-interactive-1.0-css modified: Thursday, September 10, 2026 12:10:13 AM */


.faqs {
    margin: 0 auto;
    max-width: 1024px;
    text-align:right;
}

.faqs fieldset{
    text-align:left;
    margin-top:1rem;
}

.faq {
    /*position: relative;*/
    /*overflow: hidden;*/
    /* --- customization --- */
    background-color: #fff;
    border: 1px solid #3B777C;
    margin: 2rem 0;
    
    interpolate-size: allow-keywords; /* animate slide-up not yet  supported firefox*/
}
@media screen {
    .faq::details-content{
        opacity: 0;
        height: 0;
        content-visibility: hidden; /* hide content for screen reader */
        transition: content-visibility 1s, opacity 1s, height 1s;
        /*transition: content-visibility 1s, opacity 1s, block-size 1s allow-discrete;*/
        transition-behavior:allow-discrete;
        overflow: hidden;
       /* overflow:clip; */ /* better but not yet fully supported */
      }
      
        /* --- input tout révéler --------*/
        #faqOpenAll:checked ~ fieldset ::details-content{
            content-visibility: visible;
            opacity: 1;
            block-size: auto;
        }
        .faqCtrlLab{
        background: linear-gradient(0deg, #497b11, #69a226);
    border-radius: 6px;
    box-shadow: 0 1px 3px 1px #000;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-size: 1.2rem;*/
    margin: 0 auto;
    /*min-width: 100px;*/
    padding: .1rem .8rem;
    text-shadow: 0 2px 2px #000;
        }
}      

.faq:open::details-content{
    opacity: 1;
   height: auto;
    content-visibility: visible;
  }

.faq_q {
    position:relative;
    cursor: pointer;
    /* --- customization --- */
    display: block; /* supprime le marker de gauche */
    padding: 1rem 3rem 1rem 1.618rem;
    font-size: 1rem;
  
    font-weight: bolder;
    /*color:#ffffff;*/
    /*background-color: #709f70;*/
    color: #024659;
    background-color: #caeaf7;
    
}


/*.faqs input,*/
.faq_a{
    /* -- CUSTOM --- */
    /*text-align:justify;*/  /* non compatible accessibilité */
    margin: 1rem 1.618rem 1rem 1.618rem;
    /*color: #335F6D;*/
     /*transition: all 0.4s;*/
}


/* --- customization --- */



.faq:hover, .faq:has(:focus) {
    /*box-shadow: 0px 1px 4px #335f6d;*/
    box-shadow: 0px 1px 4px #023545;
}

/*.faq ::first-letter {*/
/*    text-transform: capitalize;*/
/*}*/

.faq_q::before,
.faq_q::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 13px;
    right: 33px;
    top: 45%;
    transition: transform .2s;
    /*background-color: darkseagreen;*/
    /*background-color: #fff;*/
      background-color:  #024659;

}

.faq_q::after {
    right: 24px;
}

.faq_q::before,
.faq:open > .faq_q::after {
    transform: rotate(45deg);
}

.faq_q::after,
.faq:open >.faq_q::before {
    transform: rotate(-45deg);
}



/*.faq_a {*/
/*    text-align:justify;*/
/*    margin: 0 1.618rem 1rem 1.618rem;*/
/*    color: #335F6D;*/
/*}*/

.faq_a p:first-child {
    margin-top: 0rem;
}

.faq_a p:last-child {
    margin-bottom: 0;
}


/* ---------PRINT -----------------------------------------------------------*/
@media print {
    ::details-content{
    content-visibility: visible;
    }
}