.liste-plateformes{
width: 100%;
padding: 0;
}
.liste-plateformes__inner{
width: 100%;
} .liste-plateformes__accordions{
display: flex;
flex-direction: column;
gap: 5px;
} .liste-plateformes__acc{
border: 0;
margin: 0;
padding: 0;
} .liste-plateformes__acc > summary{
list-style: none;
}
.liste-plateformes__acc > summary::-webkit-details-marker{
display: none;
} .liste-plateformes__acc-summary{
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
user-select: none;
padding: 14px 16px;
background: var(--color-blanc);
color: #000;
border-radius: 0;
transition: background-color .22s ease, color .22s ease;
} .liste-plateformes__acc-arrow{
display: inline-block;
transform: rotate(0deg);
transform-origin: center;
transition: transform .28s ease;
color: var(--page-accent);
line-height: 1;
} .liste-plateformes__acc:not(.is-disabled)[open] .liste-plateformes__acc-arrow{
transform: rotate(180deg);
} .liste-plateformes__acc-badge{
width: 50px;
height: 30px;
border-radius: 999px;
overflow: hidden;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
}
.liste-plateformes__acc-badge-img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 999px;
} .liste-plateformes__acc-title{
font-size: var(--font-size-s);
font-weight: 500;
line-height: 1.2;
}
.liste-plateformes__acc-title{
margin:0;
padding:0;
}
.liste-plateformes__acc:not(.is-disabled)[open] .liste-plateformes__acc-title{
color: #fff;
} .liste-plateformes__acc.is-disabled .liste-plateformes__acc-summary{
cursor: default;
}
.liste-plateformes__acc.is-disabled .liste-plateformes__acc-arrow{
display: none;
} .liste-plateformes__acc:not(.is-disabled) .liste-plateformes__acc-summary:hover,
.liste-plateformes__acc:not(.is-disabled)[open] .liste-plateformes__acc-summary{
background: var(--page-accent);
color: #fff;
}
.liste-plateformes__acc:not(.is-disabled) .liste-plateformes__acc-summary:hover .liste-plateformes__acc-arrow,
.liste-plateformes__acc:not(.is-disabled)[open] .liste-plateformes__acc-arrow{
color: #fff;
} .liste-plateformes__acc-panel{
border-left: 1px solid var(--page-accent);
padding-left: 0;
margin-left: 0;
} .liste-plateformes__acc-panel.is-animating{
overflow: hidden;
} .liste-plateformes__acc-panel-inner{
opacity: 0;
transform: translateY(-2px);
transition: opacity .22s ease, transform .22s ease;
}
.liste-plateformes__acc[open] .liste-plateformes__acc-panel-inner{
opacity: 1;
transform: translateY(0);
} .liste-plateformes__acc-content{
padding: 18px 0 6px 16px;
}
.liste-plateformes__acc-text{
font-size: var(--font-size-s);
font-weight: 400;
line-height: 1.7;
color: var(--color-noir);
}
.liste-plateformes__acc-text p{
margin: 0 0 12px 0;
}
.liste-plateformes__acc-text p:last-child{
margin-bottom: 0;
}
html{
scroll-behavior: smooth;
} .liste-plateformes__acc{
scroll-margin-top: 10px;
} .liste-plateformes__acc.is-disabled .liste-plateformes__acc-summary{
background: var(--page-accent);
color: #fff;
}
.liste-plateformes__acc.is-disabled .liste-plateformes__acc-title{
color: #fff;
} @media (max-width: 900px){
.liste-plateformes__acc-content{
padding-left: 14px;
}
.liste-plateformes__acc-badge{
width: 38px;
height: 38px;
}
}