body {
    --color-gris: #ECECEC;
    overflow-x: hidden;
}
.bg--color-gris {
    background: var(--color-gris);
}
a {
    transition: .3s;
    cursor: pointer;
}
ul {
    padding-left: 0;
    list-style-type: none!important;
}
ul:last-child {
    margin-bottom: 0;
}
main#the-content p > b,
main#the-content p > strong,
div[data-title="Texte libre"] p > b,
div[data-title="Texte libre"] p > strong {
    color: var(--color-principale);
}
.my-05, .mt-05 {
    margin-top: calc(var(--rem-1) / 2) !important;
}
.my-05, .mb-05 {
    margin-bottom: calc(var(--rem-1) / 2) !important;
}
.main-home .single-col:has(.actus-card-liste) {
    height: calc(100vh - var(--header-height));
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.main-home .single-col:has(.actus-card-liste)::-webkit-scrollbar {
    display: none;
}

.multi-cols > div.force-center-nostretch {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.image-contenu {
    min-width: 20px;
    min-height: 20px;
    height: auto;
}
#wll-site-launcher {
    display: none;
}
#seopress-js-module-seo-metabox .seopress-beacon-el{
    opacity: .2!important;
}
.wp-block-kko-bouton > a {
    text-wrap: balance;
}
.force-center > .wp-block-kko-bouton {
    display: flex;
    align-items: center;
    justify-content: center;
}
.align-items-stretch > div:has(.wp-block-kko-bouton) {
    transition: .3s;
}
.align-items-stretch > .bg--color-1:has(.btn-btn-principal:hover),
.align-items-stretch > .bg--color-2:has(.btn-btn-secondaire:hover),
.align-items-stretch > .bg--color-6:has(.btn-btn-accent:hover) {
    background: var(--color-dark);
}

.archive-liste .d-block.w-100 img {
    object-fit: cover;
    aspect-ratio: 1/1;
}
.slick-track {
    display: flex;
    align-items: stretch;
}
.slick-slide {
    height: auto;
}
.acf-block-component .espacement {
    background: linear-gradient(135deg, #AAA1 12.5%, transparent 12.5%, transparent 37.5%, #AAA1 37.5%, #AAA1 62.5%, transparent 62.5%, transparent 87.5%, #AAA1 87.5%);
    background-size: 20px 20px;
    background-position: 20px 20px;
}
.editor-visual-editor .btn-principal {
    display: inline-block;
    font-family: var(--font-1);
    text-decoration: none !important;
    background: var(--color-principale);
    border: 1px solid var(--color-principale);
    color: var(--color-accent);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding: 24px 32px;
    transition: .3s;
}
.editor-visual-editor .btn-principal:hover {
    background: var(--color-dark);
    border: 1px solid var(--color-dark);
    color: var(--color-light);
}

.login-aurlom, .lostpass-aurlom {
    border-radius: 10px;
}
.login-aurlom p{
    margin-bottom: 0;
}
.login-aurlom input, .login-aurlom button, .lostpass-aurlom input {
    width: 100%;
}
.login-aurlom label:empty {
    display: none;
}
.error-connexion:empty {
    display: none;
}
.error-connexion {
    color: var(--brand-error);
    font-weight: 800;
    padding-bottom: 1rem;
}
.error-connexion p, .error-connexion strong {
    color: var(--brand-error) !important;
    font-weight: 800;
}
.connect-aurlom {
    width: 0;
    height: 0;
}

.button-primary, .lostpass-aurlom input[type="submit"] {
    display: flex;
    padding: 11px 32px!important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.lostpass-aurlom {
    display: none;
    transition: .3s;
}
.btn-lostpass {
    cursor: pointer;
    text-decoration: underline;
}

.actus-card-liste {
    -display: flex;
    -flex-wrap: wrap;
    gap: 2rem;
    display: block;
    width: 100%;
}
.actus-card-liste .actus-card {
    position: relative;
    background: #20073C;
    border-radius: 16px;
    display: inline-block;
    width: calc(33.33% - 1rem);
    margin: 0 .5rem;
    overflow: hidden;
    text-align: center;
}
.actus-card-row .actus-card {
    position: relative;
    background: var(--color-light);
    width: 100%;
    text-align: left;
    margin-bottom: 1rem;
    overflow: hidden;
}
.actus-card-liste .actus-card-img img {
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: cover;
}

.actus-card-row .actus-card-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.actus-card-row .actus-card-wrap .actus-card-img {
    position: relative;
    display: block;
    width: 220px;
    overflow: hidden;
}
.actus-card-row .actus-card-wrap .p-1 {
    width: calc(100% - 220px);
}

.actus-card-row .actus-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-right: 1rem;
    float: left;
}
.actus-card-row .actus-card-date {
    margin-bottom: .5rem;
}
.actus-card-row .actus-card-type {
    display: none;
}

.actus-card-titre {
    margin: 1rem;
}
.actus-card-row .actus-card-titre {
    color: var(--color-tertiaire);
    margin-top: 0;
    margin-left: 0;
}

.actus-card-extrait p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.actus-card-over {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fffe;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: var(--color-tertiaire);
    cursor: default;
    transition: .3s;
    opacity: 0;
}
.actus-card-over:hover {
    opacity: 1;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .actus-card {
        width: calc(50% - 1rem);
    }
}
@media (max-width: 768px) {
    .actus-card {
        width: calc(50% - 1rem);
    }
}
@media (max-width: 576px) {
    .actus-card {
        width: calc(100% - 0rem);
    }
}


.slick-next::before, .slick-prev::before {
    font-family: 'Font Awesome 6 Pro';
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\f054";
}
.slick-prev::before {
    content: "\f053";
}



.personal-infos {
    background: var(--color-light);
    color: var(--color-tertiaire);
    padding: 2rem;
    border-radius: 16px;
    font-size: 16px;
    min-width: 336px;
}
.col-personal-infos {
    width: 416px;
    padding: var(--rem-2);
}
.col-details-infos {
    width: calc(100% - 416px);
    padding: var(--rem-2);
}
.bonjour {
    color: var(--color-tertiaire);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.avatar {
    width: 70px;
    height: 70px;
    border-radius: 200px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 16px;
}
.personal-infos .separator {
    display: block;
    margin: 1rem 0;
    height: 1px;
    width: 100%;
    background: #ececec;
}
.details-infos .separator {
    display: block;
    margin: 1rem 0;
    height: 1px;
    width: 100%;
    background: #868686;
}
.details-lien {
    color: var(--color-principale) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}
.details-lien a {
    color: var(--color-principale) !important;
    text-decoration-line: underline;
}
.details-titre {
    color: var(--color-tertiaire) !important;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
}
.user-mail {
    color: var(--color-tertiaire) !important;
    display: block;
    margin-bottom: .5rem;
    text-decoration-line: underline;
}
.icon-list {
    display: flex;
    gap: 1rem;
    justify-content: left;
    text-align: center;
    flex-wrap: wrap;
}
.icon-list img {
    margin: .5rem;
    cursor: pointer;
}
.icon-list .titre-app {
    color: var(--color-tertiaire);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
@media (max-width: 992px) {
    .col-personal-infos {
        width: 100%;
        padding: var(--rem-1);
    }
    .col-details-infos {
        width: 100%;
        padding: var(--rem-1);
    }
    .personal-infos {
        padding: 1rem;
        min-width: 1px;
    }
}



/* -----------------------Styles pour le animations-------------------- */
/* ------Exemple avec Images en fond de colonne et boutons simple------ */
@media (min-width: 768px) {
#the-content .bg-with-image {
    opacity: .25;
    transition: 1s;
}
#the-content .single-col:first-child.bg-with-image {
    transform: translate(-50px);
}
#the-content .single-col:last-child.bg-with-image {
    transform: translate(50px);
}
#the-content .single-col.bg-with-image.in-viewport {
    transform: translate(0);
    opacity: 1;
}

.search-filter-results .listing-produit .product {
    transform: scale(.95);
    opacity: .25;
    transition: transform .6s;
}
.search-filter-results .listing-produit .product.in-viewport {
    transform: scale(1);
    opacity: 1;
}



#the-content .btn-btn-simple {
    transform: translate(-50px);
    transition: 1s;
}
#the-content .btn-btn-simple.in-viewport {
    transform: translate(0px);
}

/* --------------------Listes spécifiques----------------------- */
.liste-icon-check li:before {
    content: "\f058";
    color:var(--color-1)!important;
    background: var(--color-light);
    display: inline-block;
    font-family: 'Font Awesome 6 Pro';
    line-height: 36px;
    width: 36px;
    height: 40px;
    position: relative;
    border-radius: 200px;
    font-size: 24px;
    font-weight: 300;
    vertical-align: middle;
}
.liste-double-arrow li:before {
    content:" ";
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-arrow-bts.svg") no-repeat center;
    display: inline-block;
    line-height: 36px;
    width: 36px;
    height: 40px;
    position: relative;
    border-radius: 200px;
    font-size: 24px;
    font-weight: 300;
    vertical-align: middle;
}
.palette-prepa .liste-double-arrow li::before {
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-arrow-prepa.svg") no-repeat center;
}

/* --------------------Icones spécifiques----------------------- */

.fa-circle-check {
    color:var(--color-1)!important;
    font-size: 24px!important;
}

.fa-circle-check:before {
    background: var(--color-light);
    display: block;
    line-height: 23px;
    width: 23px;
    height: 23px;
    position: relative;
    border-radius: 200px;
}
.wp-block-kko-texte-libre .fa-circle-check:before {
    margin-right: 10px;
    font-weight: 300;
}

.fa-arrow-bts::before {
    content:" ";
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-arrow-bts.svg") no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: block;
}
.fa-arrow-prepa::before {
    content:" ";
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-arrow-prepa.svg") no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: block;
}
.fa-intranet::before {
    content:" ";
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-intranet.svg") no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: block;
}
.fa-preparation-ecrite::before {
    content:" ";
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-preparation-ecrite.svg") no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: block;
}
.fa-preparation-oral::before {
    content:" ";
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-preparation-oral.svg") no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: block;
}
.fa-tuteur-individuel::before {
    content:" ";
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-tuteur-individuel.svg") no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: block;
}
.fa-whats-app::before {
    content:" ";
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-whats-app.svg") no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: block;
}



/* -----------------------Equipe------------------------- */
.archive-equipe .btn-categorie {
    cursor: pointer;
    margin-right: 10px;
}
.over-thumb {
    position: relative;
    transition: .3s;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.over-thumb:hover {
    opacity: 1;
}
.over-thumb-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--color-principale-35);
    z-index: 1;
}
.over-thumb-img {
    z-index: 2;
    color: var(--color-light);
    margin-bottom: 16px;
}
.over-thumb-title {
    position: relative;
    z-index: 2;
    color: var(--color-light);
}
.over-thumb-intitule {
    position: relative;
    z-index: 2;
    color: var(--color-light);
}

/* --------------------Témoignages----------------------- */
.loop-temoignage {
    position:relative;
    align-items: center;
    padding: 1rem;
    margin: 0;
}
.wrap-loop-temoignage {
    padding: 2rem;
    background: var(--color-gris);
    height: 100%;
}
.titre-temoignage {
    align-items: center;
    justify-content: center;
    display: flex;
}
.text-temoignage {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
}


/* --------------------Equipe----------------------- */
.article-equipe {
    background: #ECECEC;
}
.equipe-univers {
    max-height: 150px;
}
.equipe-titre {
    color: var(--color-secondaire) !important;
}
.equipe-intitule {

}
.equipe-parcours {
    color: var(--color-secondaire);
}
.equipe-presentation {

}
.equipe-temoignage {
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}



/* --------------------Qualiopi----------------------- */
.modele-qualiopi li::before{
    content: " ";
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-arrow-bts.svg") no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 6px 10px 6px 0;
}
.palette-prepa .modele-qualiopi li::before{
    background: url("/wp-content/themes/wp-theme-aurlom-child/assets/img/icon-arrow-prepa.svg") no-repeat center;
}
.modele-qualiopi > section:nth-child(1).fond-color-full::before,
.modele-qualiopi > section:nth-child(3).fond-color-full::before {
    background: var(--color-pastelprincipale-35) !important;
}
.modele-qualiopi > section:nth-child(2).fond-color-full::before {
    background: var(--color-pastelprincipale-15) !important;
}

.modele-qualiopi * {
    font-size: 17px;
}
.modele-qualiopi .base_image {
    text-align: left;
}
.modele-qualiopi .base_image img {
    width: 200px;
}


/***********************
 ***********************
 **** Add Céline *******
 ***********************
 ***********************
 */

/* --------------------effets----------------------- */
.btn-btn-simple::before,
.btn-btn-simple::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
}

.btn-btn-simple::before {
    content: '';
}
.btn-btn-simple::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.btn-btn-simple:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
}