/* ======================================== */
/*  FAQ Accordion summary - 22/05/2026

ST : 24/06/2026 : Ajout gestion padding Top / bottom
ST : 26/06/2026 : Ajout Style sur a href
/* ======================================== */

.obj_section.section_faq .obj_accordion.accordion_summary {
    --aox-accordion-summary-header-padding: 16px;
    --aox-accordion-summary-icon-background-color: #ffffff;
    --aox-accordion-summary-icon-border-radius: 4px;
    --aox-accordion-summary-icon-size: 24px;
    --aox-accordion-summary-icon-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjgwMCIgdmlld0JveD0iLTggLTUgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iIGNsYXNzPSJqYW0gamFtLWNoZXZyb24tbGVmdCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwKSI+PHBhdGggZD0ibTIuNzU3IDcgNC45NSA0Ljk1YTEgMSAwIDEgMS0xLjQxNCAxLjQxNEwuNjM2IDcuNzA3YTEgMSAwIDAgMSAwLTEuNDE0TDYuMjkzLjYzNkExIDEgMCAwIDEgNy43MDcgMi4wNXoiLz48L3N2Zz4=);
    --aox-accordion-summary-border-size: 1px;
    --aox-accordion-summary-border-color: #dfdfde;
    --aox-accordion-summary-collapse-padding: 24px 40px;
    --aox-accordion-summary-transition-duration: 400ms;
    --aox-accordion-summary-background-color: #f1f1f1;
    --aox-accordion-summary-background-color-hover: #f3f4f6;
    /*--aox-accordion-summary-background-color-active: #D1D5DB;*/
    --aox-accordion-summary-background-color-active: #fbfbfb;
    /*--aox-accordion-summary-background-color-active-hover: #e5e7eb;*/
    --aox-accordion-summary-background-color-active-hover:#f1f1f1;

}


/* ======================================== */
/*  obj_accordion.accordion_summary
/* ======================================== */

.obj_section.section_faq .obj_accordion.accordion_summary{
    position: relative;
    width: 100%;
    interpolate-size: allow-keywords;
    border: 1px solid var(--aox-accordion-summary-border-color);
    border: solid var(--aox-accordion-summary-border-size) var(--aox-accordion-summary-border-color);
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-header{
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    padding: var(--aox-accordion-summary-header-padding);
    background-color: var(--aox-accordion-summary-background-color);
    gap: 0 16px;
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-header:hover{
    background-color: var(--aox-accordion-summary-background-color-hover);
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-header::before{
    content: "";
    position: absolute;
    right: var(--aox-accordion-summary-header-padding);
    width: calc(var(--aox-accordion-summary-icon-size) * 2);
    height: calc(var(--aox-accordion-summary-icon-size) * 2);
    background-color: var(--aox-accordion-summary-icon-background-color);
    border-radius: var(--aox-accordion-summary-icon-border-radius);
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-header::after{
    content: "";
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    height: var(--aox-accordion-summary-icon-size);
    width: var(--aox-accordion-summary-icon-size);
    margin: calc(var(--aox-accordion-summary-icon-size) / 2);
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    mask-image: var(--aox-accordion-summary-icon-mask);
    -webkit-mask-image: var(--aox-accordion-summary-icon-mask);
    background-color: rgba(0,0,0, 1);
    transition: transform var(--aox-accordion-summary-transition-duration);
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse{
    padding: var(--aox-accordion-summary-collapse-padding);
    }
.obj_section.section_faq .obj_accordion.accordion_summary::details-content {
    block-size: 0;
    overflow: hidden;
    transition: content-visibility, block-size;
    transition-duration: var(--aox-accordion-summary-transition-duration);
    transition-behavior: allow-discrete;
    }
.obj_section.section_faq .obj_accordion.accordion_summary[open]::details-content {
    block-size: auto;
    }
.obj_section.section_faq .obj_accordion.accordion_summary[open] .ctn_accordion-header {
    background-color: var(--aox-accordion-summary-background-color-active);
    }
.obj_section.section_faq .obj_accordion.accordion_summary[open] .ctn_accordion-header:hover{
    background-color: var(--aox-accordion-summary-background-color-active-hover);
    }
.obj_section.section_faq .obj_accordion.accordion_summary[open] .ctn_accordion-header::after {
    transform: rotate(-180deg);
    }


/* ======================================== */
/* section_faq
/* ======================================== */
.obj_section.section_faq{ 
    counter-reset: section;
	padding-top: 60px;
	padding-bottom: 60px;
    }
.obj_section.section_faq .ctn_title{
    margin-bottom: 30px;
    }
.obj_section.section_faq .obj_accordion.accordion_summary + .obj_accordion.accordion_summary {
    margin-top: 20px;
    }
.obj_section.section_faq .ctn_section .ctn_title .t_title {
    font-size: 4em;
    font-weight: 400;
    padding: 30px 80px 10px 0px;
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-header .t_title:before {
    position: relative;
    content: counter(section, decimal) ".";
    display: block;
    counter-increment: section;
    flex: 0 0 auto;
    }


/***/

.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-header .t_title{
    font-family: LorealProMedium !important;
    font-size: 2em;
    text-transform: none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 10px;
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse{
    font-family: LorealProMedium !important;
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse > * + * {
    margin-top: 20px;
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse .t_subtitle{
    font-size: 2em;
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse p{
    font-size: 1.7em;
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse ul{
    margin: 0;
    }
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse ul li{
    margin-left: 1em;
    font-size: 1.7em;
    list-style-type: disc;
    }
	
.obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse p a {
    text-decoration: underline;
}
/***/	



@media (max-width: 768px) {
	.obj_section.section_faq{ 
		padding-top: 0px;
		}
		
    .obj_section.section_faq .obj_accordion.accordion_summary{
        --aox-accordion-summary-collapse-padding: 24px;
        --aox-accordion-summary-icon-size: 16px;
        }

    .obj_section.section_faq .obj_accordion.accordion_summary + .obj_accordion.accordion_summary {
        margin-top: 16px;
        }
    .obj_section.section_faq .ctn_title .t_title{
        font-size: 3em;
        }
    .obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-header .t_title {
        font-size: 1.8em;
        }
    .obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse .t_subtitle{
        font-size: 1.7em;
        }
    .obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse p {
        font-size: 1.4em;
        }
    .obj_section.section_faq .obj_accordion.accordion_summary .ctn_accordion-collapse ul li {
        font-size: 1.4em;
        }

}