:root {
    --swiper-pagination-color: var(--_bg-color, #0070B8);
    --swiper-pagination-bullet-inactive-color: #D9D9D9;
    --swiper-pagination-bullet-height : 6px;
    --swiper-pagination-bullet-width : 6px; 
    --swiper-pagination-bottom: 0;
}
@font-face {
    font-family: "Roboto";
    src: url("/wp-content/themes/cef/fonts/roboto/woff2/Roboto-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/wp-content/themes/cef/fonts/roboto/woff2/Roboto-Italic.woff2") format("woff2");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/wp-content/themes/cef/fonts/roboto/woff2/Roboto-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/wp-content/themes/cef/fonts/roboto/woff2/Roboto-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/wp-content/themes/cef/fonts/roboto/woff2/Roboto-ExtraBold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/lexend/Lexend-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/lexend/Lexend-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/lexend/Lexend-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/lexend/Lexend-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/lexend/Lexend-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/lexend/Lexend-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/roboto/woff2/Roboto-SemiBold.woff2') format('woff2');
}
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/lexend/Lexend-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/lexend/Lexend-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/roboto/woff2/Roboto-Black.woff2') format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/wp-content/themes/cef/fonts/roboto/woff2/Roboto-Light.woff2') format('woff2');
}
 .liste-confiance.swiper {
      height: max-content;
  }
   .button.not-mobile.wp-block-buttons {
      height: max-content;
  }
html {
    font-size: 62.5%;
}
body {
    background: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 1.5rem;
    font-weight: 100;
    overflow-x: hidden;
    color: #595959;
    line-height: normal;
}
/** Skiplinks **/
.visually-hidden-focusable {
    position: fixed;
    z-index: 200;
    width: auto;
    transition: all 0.3s;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 1.4rem 32px;
    border-radius: 0 0 1.5rem 0;
    top: 0;
    display: flex;
    gap: 16px;

    a {
        color: #fff
    }
}
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    top: -7.5rem;
    white-space: nowrap !important;
    border: 0 !important;
    z-index: -1;
}
body.overflow {
    overflow: hidden;
}
hr {
    height: 1px;
    border: 0 !important;
    background: #000;
}
hr.wp-block-separator {
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 0;
}
img {
    max-width: 100%;
    height: auto;
}
h1,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0;
    line-height: normal;
}

.bandeau-titre-principal-titre,
h1 {
    font-size: 3.2rem;
    color: #fff;
    font-weight: 700;
    margin-top: 0;
}
@media (max-width: 767px) {
    .bandeau-titre-principal-titre,
    h1 {
        font-size: 2rem;
    }
}
h2 {
    font-family: 'Roboto';
    display: flex;
    align-items: flex-end;
    column-gap: 15px;
    position: relative;
    font-size: 39px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 120%;
    z-index: 0;
    color: #0070b8;
    max-width: 100%;
    margin: 0 0 24px 0;
    padding: 0;
    flex-wrap: wrap;
}
p + h2, ul + h2, .custom-list + h2, .wp-block-columns + h2, .wp-block-group + h2 {
    margin-top: 24px;

    @media (width > 768px) {
        margin-top: 48px;
        padding-top: 0;
    }
}
/*h2:after {
    content: "";
    height: 5px;
    margin: 8px 0;
    flex-grow: 1;
    background: linear-gradient(90deg, currentColor 0%, currentColor 10%, rgba(255, 255, 255, 0) 100%);
}*/
@media (max-width: 767px) {

    h2{ margin: 0 0 16px 0;    font-size: 24px;}
    h2:after {
        margin: 5px 0;
    }
}
h2 svg {
    position: relative;
    top: 10px;
    width: 55px !important;
    height: 55px !important;
    margin-left: -25px;
    padding: 10px;
    border: 5px solid currentColor;
    border-radius: 90px;
    margin-right: 0;
    background: #fff;
}
h2 a {
    text-decoration: none;
}
h3 {
      color: #0D1A22;
        font-family:'Roboto';
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 16px;
}
@media (max-width: 767px) {
    h3 {
        font-size: 20px;
    }
}
h3 a,
h3 strong {
    text-decoration: none !important;
}
h4 {
    display: flex;
    align-items: center;
    letter-spacing: 0px;
    font-size: 2.4rem;
    
    @media (width > 768px) {
        font-size: 3.2rem;
    }

    &.no-style {
        margin-bottom: 16px;
        font-size: 2rem;

        @media (width > 768px) {
            margin-bottom: 24px;
            font-size: 3.2rem;
        }

        &:before {
            display: none;
        }
    }
}
@media (max-width: 767px) {
    h4 {
        font-size: 1.4rem;
    }
}
h4:before {
    content: "";
    width: 35px;
    height: 35px;
    background: url("/wp-content/themes/cef/images/refonte-2022/angle-right.svg") no-repeat;
    background-size: 13px auto;
    background-position: 7px 50%;
    fill: currentColor;
    line-height: 27px;
    color: currentColor;
    border: 5px solid currentColor;
    border-radius: 90px;
    text-align: center;
    margin-right: 15px;
}
h4 strong {
    max-width: 80%;
}
h5 {
    letter-spacing: 0px;
    font-size: 2.2rem;
}
@media (max-width: 767px) {
    h5 {
        font-size: 1.8rem;
    }
}
a {
    color: currentColor;
    text-decoration: underline;

    strong {
        font-weight: normal;
    }
}
p {
    font-size: 1.8rem;
    margin: 0 0 24px 0;
    font-family: 'Lexend';
    font-weight: 300;
    line-height: 150%;

    &.mb-0 {
        margin-bottom: 0;

        & + .text-img-50 {
            margin-top: 24px;
        }
    }

}

/* Suppression de la marge bottom du dernier p dans un .wp-block-columns car le parent possède déjà une marge bottom (on évite la double */
.wp-block-columns p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
    p {
        font-size: 16px;
    }
}
.entry-content > p a,
.entry-content > ul li a {
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}
.entry-content > p a:hover,
.entry-content > ul li a:hover {
    color: #0070B8;
    border-bottom: 2px solid #0070B8;
}
ol,
ul {
    list-style-type: disc;
    margin: 0 0 20px 10px;
    padding-bottom: 0;
    line-height: normal;
    font-size: 1.8rem;
}
@media (max-width: 767px) {
    ol,
    ul {
        font-size: 1.4rem;
        margin-bottom: 15px;
    }
}
ol li,
ul li {
    font-size: 1.8rem;
    margin: 0 0 10px 0;
    color: #0D1A22;
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
}
@media (max-width: 767px) {
    ol li,
    ul li {
        font-size: 1.6rem;
    }
}
strong {
    font-weight: bold;
}
.uppercase {
    text-transform: uppercase;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.margin-bottom-none {
    margin-bottom: 0;
}
.margin-none {
    margin: 0;
}
.wp-block-columns {
    margin-bottom: 0;
}
.aligncenter {
    text-align: center;
}
@media (max-width: 991px) {
    .wp-block-columns.is-layout-flex {
        row-gap: 0;
    }
}
@media (max-width: 767px) {
    .wp-block-image {
        margin-bottom: 20px !important;

        &:last-child {
            margin-bottom: 0 !important;
        }
    }
}
.wp-block-buttons {
    margin: 20px 0;
}
.wp-block-buttons .wp-block-button__link {
    position: relative;
    text-align: left;
    background: #0070b8;
    border-radius: 8px;
    font-weight: 600;
    padding: 14px 24px;
    color: #fff;
    font-size: 1.6rem;
    transition: all ease 0.2s;
    border: 2px solid #0070B8;
    font-family: 'Roboto';

    &:focus-visible {
        box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0D1A22;
    }
    
    @media (width > 768px) {
        font-size: 1.8rem;
        border-radius: 12px;
        padding-block: 12px;
    }
}

.wp-block-buttons .wp-block-button__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 15px;
    width: 31px;
    height: 31px;
    background: #fff;
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-fleche-btn.png");
    mask-repeat: no-repeat;
    mask-position: 0 0;
}
.wp-block-buttons .wp-block-button__link:hover {
    /* background: #fff url(/wp-content/themes/cef/images/refonte-2024/ico-forward-blue.svg) no-repeat 93% 50% !important; */
    background-color: #fff!important;
    border: 2px solid #0070b8;
    color: #0070b8 !important;
}
.wp-block-buttons .wp-block-button__link:hover:before {
    background-color: #0070b8 !important;
}
.wp-block-fullscreen {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1399px) {
    .wp-block-fullscreen {
        padding: 30px;
    }
}
.wp-block-fullscreen > .wp-block-column,
.wp-block-fullscreen > .wp-block-cover__inner-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}
@media (max-width: 991px) {
    .wp-block-fullscreen > .wp-block-column,
    .wp-block-fullscreen > .wp-block-cover__inner-container {
        padding: 0;
    }
}
.wp-block-desktop-only {
    display: flex !important;
}
@media (max-width: 991px) {
    .wp-block-desktop-only {
        display: none !important;
    }
}
.wp-block-mobile-only {
    display: none !important;
}
@media (max-width: 991px) {
    .wp-block-mobile-only {
        display: flex !important;
    }
}
.wp-block-yoast-breadcrumb {
    margin: 24px 0;
    text-align: center;
    flex-basis: 100%;
    color: #000;
    line-height: 150%;
}
@media (max-width: 767px) {
    .wp-block-yoast-breadcrumb {
        font-size: 1.2rem;
        margin: 15px 0;
                line-height: 140%;
    }
}
.wp-block-yoast-breadcrumb a {
    color: #0070b8;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}
.wp-block-yoast-breadcrumb a:hover {
    border-bottom: 2px solid currentColor;
}
.wp-block-yoast-breadcrumb a:focus-visible {
    box-shadow:
        0 0 0 3px #ffffff,
        0 0 0 6px #0D1A22; 
}
.wp-block-yoast-breadcrumb .breadcrumb_last {
    font-weight: 600;
}
.plan-du-site .wp-block-yoast-breadcrumb {
    display: none;
}
.entry-content p {
    color: #0D1A22 !important;
    margin-bottom: 16px;

    &.has-white-color {
        color: #fff !important;
    }

    @media (width > 768px) {
        margin-bottom: 24px;
    }

    &:last-child {
        margin-bottom: 0;
    }

    &.roboto {
        font-family: 'Roboto';
    }
}
.entry-content p, .entry-content ul, .entry-content li, .entry-content > .wp-block-columns {

    &:last-child {
        margin-bottom: 0 !important;
    }
}
.entry-content p a {
    color: #0070b8;
    text-decoration: none;
    border-bottom: 1px solid #0070b8;
    font-weight: 300;
    line-height: 150%;
    font-family: 'Lexend';
    font-size: 16px;
}
.entry-content p a:hover {
    border-bottom: 2px solid currentColor;
}
.entry-content p a:focus-visible {
    box-shadow:
        0 0 0 3px #ffffff,
        0 0 0 6px #0D1A22; 
}
@media (min-width: 768px) {
.entry-content p a {
    font-size: 18px;
}
}
@media (max-width: 991px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
        flex-basis: inherit !important;
        flex-grow: 1 !important;
    }
}
.entry-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 18px 12px 18px;
}
body:not(.accueil):not(.accueil-form-php) .entry-content > .wp-block-columns {
    margin-top: 24px;
    margin-bottom: 24px;

    &.wp-block-metiers {
        margin-block: 0;

        .wp-block-buttons {
            margin-block: 0;
        }
    }
}
.bandeau {
    position: relative;
    background: #284e74;
}
@media (max-width: 1199px) {
    .bandeau {
        height: 460px;
    }
}
.bandeau img {
    display: block;
    margin: 0 auto;
}
.bandeau--blur {
    width: 100%;
    height: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    mask: url("/wp-content/themes/cef/images/webp/bandeau-masque.webp") 50% 0 no-repeat;
}
.bandeau .attachment-post-thumbnail {
    display: block;
    width: 100%;
    object-fit: contain;
    object-position: 50% 0;
    margin: 0 auto;
    height: 558px;
    max-width: 100%;

    @media (width > 768px) {
        height: auto !important;
    }
}
@media (max-width: 1199px) {
    .bandeau .attachment-post-thumbnail {
        object-fit: cover;
        height: 100%;
    }
}
.bandeau .attachment-post-thumbnail img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: 50% 0;
    margin: 0 auto;
    height: 558px;
    max-width: 100%;
}
/* @media (max-width: 1199px) {
    .bandeau .attachment-post-thumbnail img {
        object-fit: cover;
    }
} */
.bandeau-titre-principal {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #0070b8;
}
@media (max-width: 991px) {
    .bandeau-titre-principal {
        padding: 10px 15px 15px 15px;
        margin-bottom: 15px;
    }
}
.bandeau-titre-principal img {
    align-self: center;
    margin-right: 20px;
    width: auto;
    height: 45px;
}
.bandeau-formulaire-pedago {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 40px));
    z-index: 20;
    width: 100%;
    max-width: 665px;
}
.bandeau-formulaire-pedago__reprise {
    color: #fff;
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
}
.footer {
    background: #0070BB;
    color: #fafafa;
}
@media (max-width: 767px) {
    .footer {
        padding-bottom: 55px;
    }
}
.footer__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px;
}
.footer__social {
    background: #0070b8;
    padding: 24px 0;
}
.footer__social__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 767px) {
    .footer__social__container {
        flex-wrap: wrap;
    }
}
.footer__social__label {
    font-weight: bold;
    font-size: 25px;
    padding-right: 30px;
}
@media (max-width: 767px) {
    .footer__social__label {
        display: block;
        width: 100%;
        padding: 0 0 10px 0;
        text-align: center;
    }
}
.footer__social__svg {
    display: flex;
    flex-direction: row;
}
@media (max-width: 767px) {
    .footer__social__svg {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.footer__social__svg [class*="gtm-cta-btn"] {
    display: flex;
    align-items: center;
    text-align: center;
    width: 36px;
    height: 36px;
    border-radius: 90px;
    background: #fff;
    margin-right: 5px;
    cursor: pointer;
}
.footer__social__svg [class*="gtm-cta-btn"] img {
    margin: 0 auto;
    height: 24px;
    width: auto;
}
.footer__social__svg .gtm-cta-btn-youtube img {
    height: 20px;
}
.footer__social__tel {
    font-size: 21px;
    font-weight: bold;
    color: #fafafa;
    text-decoration: none;
    cursor: pointer;
}
@media (max-width: 767px) {
    .footer__social__tel {
        display: block;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }
}
.footer__menu {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style-type: none;
    margin: 30px 0;
    padding: 0;
}
@media (max-width: 991px) {
    .footer__menu {
        margin: 20px 0;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .footer__menu {
        width: 100%;
        margin: 20px 0 0 0;
    }
}
.footer__menu li {
    width: 33.33%;
}
@media (max-width: 767px) {
    .footer__menu li {
        width: 100%;
        text-align: center;
    }
}
.footer__menu li a,
.footer__menu li span {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.footer__menu li a:hover,
.footer__menu li span:hover {
    color: #6eaedf;
}
.footer__menu li .ot-sdk-show-settings {
    color: #fff;
    background: none;
    border: 0;
    font-size: 1.8rem;
    padding: 0;
}
@media (max-width: 767px) {
    .footer__menu li .ot-sdk-show-settings {
        font-size: 1.4rem;
    }
}
.footer__menu li .ot-sdk-show-settings:hover {
    color: #6eaedf;
}
.footer__partenaires {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
@media (max-width: 991px) {
    .footer__partenaires {
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .footer__partenaires {
        justify-content: center;
    }
}
.footer__partenaires__handicap {
    cursor: pointer;
}
.footer__partenaires__accreditations {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 20px;
    background: #fff;
    padding: 15px;
    border-radius: 15px;
}
@media (max-width: 991px) {
    .footer__partenaires__accreditations {
        width: auto;
        text-align: center;
        order: 2;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .footer__partenaires__accreditations {
        justify-content: center;
        width: 100%;
    }
}
.footer__partenaires__accreditations a:hover {
    text-decoration: none;
}
.footer__partenaires__accreditations span {
    font-size: 1.2rem;
    color: #000;
    display: block;
    max-width: 110px;
    font-weight: 700;
}
@media (max-width: 767px) {
    .footer__partenaires__accreditations span {
        text-align: left;
    }
}
.footer__partenaires__accreditations span u {
    font-weight: 900;
    color: #e1071a;
}
.footer__partenaires__logocef {
    cursor: pointer;
}
@media (max-width: 991px) {
    .footer__partenaires__logocef {
        order: 1;
        margin: 10px 0 20px 0;
    }
}
.footer__partenaires__professionnels {
    text-align: center;
}
@media (max-width: 991px) {
    .footer__partenaires__professionnels {
        display: block;
        width: 100%;
        padding: 15px 30px 0 30px;
        order: 3;
    }
}
.footer__partenaires__professionnels p {
    font-size: 2.1rem;
    color: #fff;
    margin-top: 0;
}
@media (max-width: 991px) {
    .footer__partenaires__professionnels p {
        display: none;
    }
}
.footer__partenaires__professionnels p span {
    display: block;
    margin-top: -3px;
    font-size: 1.6rem;
}
.footer__partenaires__professionnels p strong {
    display: block;
    font-size: 1.6rem;
    margin-top: 10px;
    color: #fafafa;
    text-transform: uppercase;
}
.footer__partenaires__professionnels__btn {
    display: block;
    margin-top: 15px;
    padding: 20px 0;
    background: #0070b8;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    border: 2px solid #0070b8;
    transition: all ease 0.2s;
}
@media (max-width: 991px) {
    .footer__partenaires__professionnels__btn {
        margin-top: 0;
    }
}
.footer__partenaires__professionnels__btn:focus,
.footer__partenaires__professionnels__btn:hover {
    color: #fff;
    border: 2px solid #fff;
}
.footer__mentionslegales {
    margin: 30px 0 15px 0;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 1.2rem;
    color: #fff;
}
@media (max-width: 991px) {
    .footer__mentionslegales {
        font-size: 0.8rem !important;
    }
}
.footer__copyright {
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    padding-bottom: 15px;
}
@media (max-width: 991px) {
    .footer__copyright {
        font-size: 0.8rem !important;
    }
}
.margin-top-none {
    margin-top: 0;
}
.wp-block-shadow {
    margin-bottom: 30px !important;
    padding: 0 30px 30px 30px;
}
.wp-block-shadow .wp-block-image {
    margin: 0 -30px 25px -30px;
}
.wp-block-shadow h2 {
    margin: 0;
    font-weight: 100;
}
.wp-block-shadow h2:before {
    display: none;
}
.wp-block-shadow h2:after {
    flex-grow: 0;
}
.wp-block-shadow h2 a {
    text-decoration: none;
    color: currentColor;
}
.wp-block-shadow h3 {
    padding: 0;
    margin: 0;
    font-weight: 700;
    color: #0070b8;
}
.wp-block-shadow h3:before {
    display: none;
}
.wp-block-shadow h3 a {
    border-bottom: 1px solid currentColor;
}
.wp-block-shadow h3 a:hover {
    border-bottom: 2px solid currentColor;
}
.wp-block-shadow h3 a:focus {
    color: #0070b8;
    border: 2px solid #000;
    padding: 5px;
    outline: none;
}
.wp-block-shadow ul {
    margin-left: 0;
    padding-left: 0;
    margin-top: 5px;
}
.wp-block-shadow ul li {
    list-style-type: none;
    color: #3c5a7a;
    margin-bottom: 5px;
}
.wp-block-shadow ul li:before {
    content: ">";
    color: currentColor;
    margin-right: 5px;
}
.wp-block-shadow-formation {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.wp-block-shadow-formation .wp-block-image {
    margin: 0;
}
.wp-block-shadow .wp-block-icone:after {
    margin-left: 10px;
}
.wp-block-shadow--empty {
    box-shadow: none;
}
.metiers .site-main ul li a {
    color: #0070b8;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}
.metiers .site-main ul li a:hover {
    border-bottom: 2px solid currentColor;
}
.metiers .site-main ul li a:focus-visible {
    box-shadow:
        0 0 0 3px #ffffff,
        0 0 0 6px #0D1A22; 
}
.metiers .site-main p a {
    color: #0070b8;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}
.metiers .site-main p a:hover {
    border-bottom: 2px solid currentColor;
}
.metiers .site-main p a:focus-visible {
    box-shadow:
        0 0 0 3px #ffffff,
        0 0 0 6px #0D1A22; 
}
body.formations .wp-block-shadow {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}
body.formations .wp-block-shadow,
body.metiers .wp-block-shadow {
    position: relative;
    overflow: hidden;
}
body.formations .wp-block-shadow .wp-block-heading,
body.metiers .wp-block-shadow .wp-block-heading {
    font-size: 2.8rem !important;
}
@media (max-width: 767px) {
    body.formations .wp-block-shadow .wp-block-heading,
    body.metiers .wp-block-shadow .wp-block-heading {
        font-size: 2.5rem !important;
    }
}
body.formations .wp-block-shadow .wp-block-heading a:hover,
body.metiers .wp-block-shadow .wp-block-heading a:hover {
    color: inherit;
}
body.formations .wp-block-heading-metiers,
body.metiers .wp-block-heading-metiers {
    font-size: 2.5rem !important;
}
@media (max-width: 767px) {
    body.formations .wp-block-heading-metiers,
    body.metiers .wp-block-heading-metiers {
        font-size: 2.3rem !important;
    }
}
body.formations .wp-block-shadow .wp-block-heading a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: -100%;
    top: -100%;
    z-index: 1;
}
@media (min-width: 768px) and (max-width: 991px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-shadow:not(:only-child) {
        flex-basis: calc(50% - var(--wp--style--block-gap, 2em) / 2) !important;
        flex-grow: 0;
    }
}
.wp-block-pastille {
    display: inline-block !important;
    border-radius: 90px;
    padding: 5px 10px !important;
    margin-top: 0;
    margin-bottom: 15px;
    margin-right: 15px;
    font-weight: 700;
    font-size: 1.2rem;
}
@media (max-width: 991px) {
    .wp-block-pastille {
        margin: 0 15px 15px 0;
    }
}
.wp-block-pastille p {
    font-size: 1.2rem;
}
.wp-block-icone {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wp-block-icone-aepe:after {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-aepe.svg");
}
.wp-block-icone-beau:after {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-beau-v2.svg");
}
.wp-block-icone-resto:after {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-resto.svg");
}
.wp-block-icone-asa:after {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-asa.svg");
}
.wp-block-icone-deco:after {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-deco.svg");
}
.wp-block-icone-sas:after {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-sas.svg");
}
.wp-block-icone-naturo:after {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-naturo.svg");
}
.wp-block-icone-info:after {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-informatique.svg");
}
.wp-block-icone-gestion:after {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-compta.svg");
}
.wp-block-icone-artisanat:after {
    mask-image: url("/wp-content/themes/cef/images/formations/ico-fleuriste-menu.svg");
}
.wp-block-icone-cible:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-cible.svg");
}
.wp-block-icone-coach:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-coach.svg");
}
.wp-block-icone-trophee:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-trophee.svg");
}
.wp-block-icone-cours:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-cours.svg");
}
.wp-block-icone-sacoche:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-sacoche.svg");
}
.wp-block-icone-diplome:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-diplome.svg");
}
.wp-block-icone-tel-contact:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-tel-contact.svg");
}
.wp-block-icone-messenger:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-messenger.svg");
}
.wp-block-icone-enveloppe:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-enveloppe.svg");
}
.wp-block-icone-geoloc:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-geoloc.svg");
}
.wp-block-icone-espace-pro:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-espace-professionnel.svg");
}
.wp-block-icone-fb a:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-fb.svg") !important;
}
.wp-block-icone-yt a:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-yt.svg") !important;
}
.wp-block-icone-ig a:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-ig.svg") !important;
}
.wp-block-icone-tw a:before {
    mask-image: url("/wp-content/themes/cef/images/refonte-2022/ico-tw.svg") !important;
}
.wp-block-icone-fb:before,
.wp-block-icone-ig:before,
.wp-block-icone-tw:before,
.wp-block-icone-yt:before {
    content: "" !important;
    display: none !important;
    border: 0 !important;
}
.wp-block-icone-fb a,
.wp-block-icone-ig a,
.wp-block-icone-tw a,
.wp-block-icone-yt a {
    background: none !important;
    padding: 0 !important;
    width: 35px !important;
    height: 33px !important;
    overflow: hidden;
    border: 0 !important;
}
.wp-block-icone-fb a:before,
.wp-block-icone-ig a:before,
.wp-block-icone-tw a:before,
.wp-block-icone-yt a:before {
    position: static !important;
    display: block !important;
    content: "" !important;
    border: 0 !important;
    margin: 0 auto !important;
    width: 35px !important;
    height: 33px !important;
    background-color: currentColor !important;
    mask-repeat: no-repeat !important;
    mask-size: contain !important;
    mask-position: 50% 50% !important;
}
[class*=" wp-block-icone-"]:after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    background-color: #75b2e0;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: 100% 50%;
}
.btn-form-footer {
    display: none;
    width: 100%;
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 20px;
    background: rgba(42, 81, 121, 0.9);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.8);
    border-radius: 0;
    z-index: 20;
}
@media (max-width: 767px) {
    .btn-form-footer {
        padding: 10px;
    }
}
.btn-form-footer a {
    display: block;
    color: #fff !important;
    padding: 10px 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 auto;
    max-width: 300px;
    text-align: center;
    text-transform: none;
    border: 0;
    background: #ce1353;
    transition: box-shadow 0.2s;
    border-radius: 90px;
    text-transform: none;
}
.btn-form-footer a:focus,
.btn-form-footer a:hover {
    color: #fff;
    text-decoration: none !important;
}
.wp-block-table {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    overflow: hidden;
    margin-top: 45px;
}
.wp-block-table table {
    margin-bottom: 0;
}
.wp-block-table tr td {
    border: 0;
    padding: 10px;
}
.wp-block-table tr td + td {
    color: #595959;
}
.wp-block-table tr td:first-child {
    background: #172a3c;
    box-shadow: 155px 0 95px -60px #0070b8 inset;
    color: #fff;
}
.wp-block-table tr:nth-child(2n) td:nth-child(2) {
    background: #f8f6ff;
    color: #595959;
}
.wp-block-table tr th:only-of-type {
    text-align: left;
    width: 25%;
    background: #172a3c;
    box-shadow: 155px 0 95px -60px #84c1f1 inset;
    color: #fff;
    font-weight: normal;
}
.wp-block-table tr th:only-of-type sup {
    text-transform: none;
}
/* .wp-block-videas {
    margin-bottom: 20px;
} */
@media (min-width: 1200px) {
    .wp-block-videas {
        height: 315px;
    }
}
.wp-block-details {
    margin-bottom: 0;
}
.wp-block-details summary {
    position: relative;
    background: #0070B8;
    padding: 13px 40px 13px 24px;
    border-radius: 12px;
    color: #fff;
    font-size: 1.8rem;
    transition: all ease 0.2s;
    margin-bottom: 16px;
    font-weight: 700;
    list-style: none;
    appearance: none;

    &:focus {
        box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0D1A22; 
    }
}
.wp-block-details[open] summary {
    margin-bottom: 16px !important;
}
.wp-block-details summary::marker {
    content: "";
}
.wp-block-details summary::-webkit-details-marker {
    display: none;
}
.wp-block-details summary:after,
.wp-block-details summary:before {
    content: "";
    position: absolute;
    display: block;
    right: 15px;
    top: 25px;
    background: #fff;
    width: 20px;
    height: 2px;
    transition: all ease 0.2s;
    
    @media (width > 768px) {        
        width: 16px;
    }
}
.wp-block-details summary:before {
    transform: rotate(90deg);
}
.wp-block-details summary:after {
    transform: rotate(180deg);
}
.wp-block-details[open] summary {
    background: rgb(1, 79, 146);
}
.wp-block-details[open] summary:before {
    transform: rotate(0);
}
.wp-block-details > p {
    padding: 0 20px;
    margin-block-end: 20px !important;
}
.entry-content .wp-block-details > p:last-child, .entry-content .wp-block-details > ul:last-child {
    margin-bottom: 20px !important;
}
.wp-block-details ul {
    padding: 0 28px;
}
.wp-block-details .has-background {
    margin: 0 20px 20px 20px !important;
    padding: 20px;
}
.wp-block-faq .wp-block-heading,
.wp-block-faq-examen .wp-block-heading,
.wp-block-formule .wp-block-heading {
    margin-bottom: 20px;
}
.wp-block-slider-avis-verifies {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .wp-block-slider-avis-verifies {
        margin-top: 20px;
    }
}
.wp-block-slider-avis-verifies .slick-next:before,
.wp-block-slider-avis-verifies .slick-prev:before {
    color: #006ff5;
}
@media (max-width: 767px) {
    .wp-block-slider-avis-verifies .slick-prev {
        left: 10px;
    }
}
@media (max-width: 767px) {
    .wp-block-slider-avis-verifies .slick-next {
        right: 10px;
    }
}
.hentry,
.widget {
    margin: 0;
}
.wp-block-demo-offert .gform_wrapper .gform_page_footer input.gform_next_button,
.wp-block-demo-offert .gform_wrapper .gform_page_footer input[type="submit"] {
    border: 0 !important;
    color: #fff !important;

    &:hover {
        color: #0070b8 !important;
    }
}
.metiers .wp-block-formule .wp-block-details summary,
.metiers .wp-block-formule .wp-block-details[open] summary {
    background: #0070b8;
}

.swiper-wrapper {
    margin-bottom: 32px;
}
ul.li-columns {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
    margin-bottom: 24px;
    
    @media (width > 768px) {
        grid-template-columns: repeat(3, max-content);
        column-gap: 64px;
        margin-bottom: 48px;
    }

    li {
        width: max-content;
        margin-bottom: 0;
    }
}

li.h4 a {
    font-size: 1.6rem;
    border-bottom-color: transparent !important;
    font-family: 'Roboto';
    font-weight: 500;

    @media (width > 768px) {
        font-size: 2.4rem;
    }

    &:hover {
        border-bottom-color: currentColor !important;
    }
}

.h3 {
    font-size: 2rem;

    @media (width > 768px) {
        font-size: 3.2rem;
    }
}

.wp-block-list {

    a {
        color: #0070b8;
        text-decoration: none;
        border-bottom: 1px solid #0070b8;

        &:hover {
            border-bottom: 2px solid currentColor;
        }
    }
}

.wp-block-buttons .wp-block-button-tri-eligible-cpf {
    padding: 8px;
    border-radius: 8px;

    &:hover {
        background: #E2F3FF;

        a {
            color: #0070b8!important;
        }
    }

    a {
        background: transparent !important;
        
        &:hover {
            background: transparent !important;
        }
        &:focus {
            outline: none;
        }
    }
}

.wp-block-buttons .wp-block-button-tri-formations, .wp-block-buttons .wp-block-button-tri-domaines {

    a {

        &:hover {
            background: #E2F3FF !important;
        }
    }
}

.colonne-correspondance, .wp-block-column-contact-reseaux {

    a {

        &:focus-visible, &:focus, &:focus-within {
            box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0D1A22;
        }
    }
}

.liste-formations {

    .wp-block-shadow {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        border-radius: 16px;
    }

    &.mb0 {
        margin-bottom: 0 !important;

        .wp-block-shadow {
            margin-bottom: 0 !important;
        }
    }
}