@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Roboto&display=swap');

*:not(input):not(textarea) {

    margin: 0;
    box-sizing: border-box;

    /* 
       prevent user from dragging image or
       selecting text
    */

    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

}

body,
nav {

    padding-right: 0;
    margin-right: 0;

}

:root {

    --orange-color: orange;
    --orange-color-rgb: rgba(255, 69, 0, 0.5);
    --orange-color-hover: orangered;
    --darkgrey-color: #383838;

}

.fil_ariane a,
.fil_ariane p {

    text-decoration: none;
    font-size: 14px;

}

.margin_bottom_newsletter_footer {

    margin-bottom: 150px;

}

@media all and (max-width: 1200px) {

    .margin_bottom_newsletter_footer {

        margin-bottom: 50px;

    }

}

/* NAVBAR */

nav {

    background-color: rgba(255, 255, 255, 0.75);
    border-bottom: 3px solid var(--orange-color);

}

.btn:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {

    box-shadow: none !important;

}

.dropdown-menu {

    animation: slideDown .5s;
    animation-iteration-count: 1;

    margin: 20px;

    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;

}

nav input[type='submit'],
.button_orange_pill {

    color: white !important;
    background-image: linear-gradient(106deg, #e4a301 0%, #e5c600 100%);

    transition: 200ms ease-out;

}

nav input[type='submit']:hover,
.button_orange_pill:hover,
.fa-linkedin:hover {

    transform: scale(1.02);
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

    transition: 200ms ease-in;

}

.height_nav_footer {

    height: calc(100vh - 447.19px);

}

/* dropdown */

.navbar_dropdown_link {

    text-decoration: none;
    transition: 200ms ease-out;

}

.navbar_dropdown_link:hover {

    transform: scale(1.1);
    transition: 200ms ease-in;

}

.wide_menu h2 {

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    font-family: 'Poppins';

    font-size: 28px;

}

.wide_menu h3 {

    color: var(--darkgrey-color);
    font-family: 'Roboto';

    font-size: 24px;

}

.wide_menu h4 {

    color: var(--orange-color);
    font-family: 'Poppins';
    transition: 200ms ease-out;

    font-size: 20px;

}

.wide_menu h4:hover {

    color: var(--orange-color);
    transform: scale(1.05);

    transition: 200ms ease-in;

}

@media all and (min-width: 992px) {

    .navbar .nav-item .dropdown-menu {

        display: none;

    }

    .navbar .nav-item:hover button {

        color: var(--orange-color) !important;

    }

    .navbar .nav-item:hover .nav-link {

        color: var(--orange-color) !important;

    }

    .navbar .nav-item:hover .dropdown-menu {

        display: block;

    }

    .navbar .wide_menu_father {

        position: static !important;

    }

    .navbar .wide_menu {

        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;

    }

}

/* INDEX */

/* off canva */

.off_canva_button {

    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important;
    color: white !important;
    background-image: linear-gradient(106deg, #e4a301 0%, #e5c600 100%);

    transform: translateX(-30px);

}

.off_canva_button:not(:hover) {

    transform: translateX(-30px);
    transition: 300ms ease-in;

}

.off_canva_button:hover {

    transform: translateX(0);
    transform: scale(1.05);
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

    transition: 300ms ease-out;

}

/* slideshow */

.section_slideshow {

    position: relative;

    margin-top: -40px;

}

.carousel-control-next,
.carousel-control-prev {

    height: 25%;
    margin: auto;

}

.slideshow_index_items {

    display: flex;
    justify-content: center;
    align-items: center;

    color: var(--darkgrey-color);
    height: calc(100vh - 95.66px);

}

.slideshow_index_items div {

    width: 100%;

}

.slideshow_index_items .div_text {

    position: relative;

    width: 75%;
    height: 50%;
    margin: auto;

    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}

.slideshow_index_items .div_text .bandeau_index {

    position: absolute;
    top: -14px;
    right: -14.5px;

}

.slideshow_index_items .div_text .bandeau_index img {

    width: 200px;

}

.slideshow_index_items .div_text h2 {

    transform: translateX(-50vh);
    opacity: 0;

    animation: slide 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s;

}

.slideshow_index_items .div_text p {

    transform: translateX(50vh);
    opacity: 0;

    animation: slide 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 2s;

}

.slideshow_index_items .div_text a {

    font-size: 15px;

    opacity: 0;

    animation: fadeIn 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 3s;

}

/* divider */

.custom-shape-divider-bottom-1652352297 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1652352297 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 70px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1652352297 .shape-fill {
    fill: #FFFFFF;
}

@media all and (max-width: 768px) {

    .slideshow_index_items .div_text h2 {

        font-size: 25px;

    }

    .slideshow_index_items .div_text a {

        font-size: 15px;

    }

}

/* slideshow mobile */

.section_slideshow_mobile {

    display: none;
    position: relative;

    margin-top: -40px;

}

/* .blur-5 {

    backdrop-filter: blur(5px)

}

.blur-20 {

    backdrop-filter: blur(20px)

} */

.slideshow_mobile_card .div_text {

    position: relative;

    color: var(--darkgrey-color);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.75);

}

.slideshow_mobile_card .div_text a {

    font-size: 13px;

}

.slideshow_mobile_card .div_text .bandeau_index {

    position: absolute;
    top: -7px;
    right: -7.25px;

}

.slideshow_mobile_card .div_text .bandeau_index img {

    width: 100px;

}

@media all and (max-width: 767px) {

    .section_slideshow {

        display: none;

    }

    .section_slideshow_mobile {

        display: block;

    }

}

/* packs formation */

/* common code */

.section_type_formation .titre {

    text-align: center;
    font-size: 50px;
    font-family: 'Roboto';
    color: var(--darkgrey-color);

}

.section_type_formation .hexagon h3,
.section_type_formation .hexagon i,
.section_type_formation .hexagon p {

    transition: 300ms ease-out;

}

.section_type_formation .hexagon h3 {

    margin-bottom: 0;

}

.section_type_formation .hexagon .icon_pack {

    margin-top: -50px !important;
    font-size: 35px;
    margin-bottom: 10px;

}

.section_type_formation .hexagon p {

    font-size: 13px;

}

.section_type_formation .hexagon:before {

    top: -103px;

}

.section_type_formation,
.hexagon:after {

    bottom: -103px;

}

/* cover up extra shadows */
.section_type_formation .hexagon span {

    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 300px;
    height: 173.2051px;
    z-index: 2;
    background: inherit;

    border-radius: 10px;

}

.section_type_formation .hexagon-color .hexagon:hover,
.section_type_formation .hexagon-color .hexagon:hover::after,
.section_type_formation .hexagon-color .hexagon:hover::before {

    background-position: left;

}

.section_type_formation .test-hexagon-color .hexagon:hover p {

    color: white;
    transition: 300ms ease-in;

}

/* presentiel */

.section_type_formation .hexagon-color .hexagon_presentiel {

    background-color: #C2C923;
    background: linear-gradient(to left, #C2C923 50%, var(--darkgrey-color) 50%) right;

    position: relative;
    width: 300px;
    height: 173.21px;
    margin: 86.60px auto;

    color: var(--darkgrey-color);

    background-size: 200%;
    border-radius: 10px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

    transition: 300ms ease-out;

}

.section_type_formation .hexagon-color .hexagon_presentiel:before,
.section_type_formation .hexagon-color .hexagon_presentiel:after {

    content: "";
    position: absolute;
    z-index: 1;
    width: 212.13px;
    height: 212.13px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 43.9340px;

    color: var(--darkgrey-color);
    border-radius: 10px;
    background: linear-gradient(to left, #C2C923 50%, var(--darkgrey-color) 50%) right;
    background-size: 200%;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

    transition: 300ms ease-out;

}

.section_type_formation .hexagon-color .hexagon_presentiel:hover i,
.section_type_formation .hexagon-color .hexagon_presentiel:hover h3 {

    color: #C2C923;
    transition: 300ms ease-in;

}

/* mixte */

.section_type_formation .hexagon-color .hexagon_mixte {

    background-color: #42AFB6;

    background: linear-gradient(to left, #42AFB6 50%, var(--darkgrey-color) 50%) right;

    position: relative;
    width: 300px;
    height: 173.21px;
    margin: 86.60px auto;

    color: var(--darkgrey-color);

    background-size: 200%;
    border-radius: 10px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

    transition: 300ms ease-out;

}

.section_type_formation .hexagon-color .hexagon_mixte:before,
.section_type_formation .hexagon-color .hexagon_mixte:after {

    content: "";
    position: absolute;
    z-index: 1;
    width: 212.13px;
    height: 212.13px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 43.9340px;

    color: var(--darkgrey-color);
    border-radius: 10px;
    background: linear-gradient(to left, #42AFB6 50%, var(--darkgrey-color) 50%) right;
    background-size: 200%;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

    transition: 300ms ease-out;

}

.section_type_formation .hexagon-color .hexagon_mixte:hover i,
.section_type_formation .hexagon-color .hexagon_mixte:hover h3 {

    color: #42AFB6;
    transition: 300ms ease-in;

}

/* distanciel */

.section_type_formation .hexagon-color .hexagon_distanciel {

    background-color: #FCB414;

    background: linear-gradient(to left, #FCB414 50%, var(--darkgrey-color) 50%) right;

    position: relative;
    width: 300px;
    height: 173.21px;
    margin: 86.60px auto;

    color: var(--darkgrey-color);

    background-size: 200%;
    border-radius: 10px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

    transition: 300ms ease-out;

}

.section_type_formation .hexagon-color .hexagon_distanciel:before,
.section_type_formation .hexagon-color .hexagon_distanciel:after {

    content: "";
    position: absolute;
    z-index: 1;
    width: 212.13px;
    height: 212.13px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 43.9340px;

    color: var(--darkgrey-color);
    border-radius: 10px;
    background: linear-gradient(to left, #FCB414 50%, var(--darkgrey-color) 50%) right;
    background-size: 200%;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

    transition: 300ms ease-out;

}

.section_type_formation .hexagon-color .hexagon_distanciel:hover i,
.section_type_formation .hexagon-color .hexagon_distanciel:hover h3 {

    color: #FCB414;
    transition: 300ms ease-in;

}

.section_type_formation .hexagon a {

    text-decoration: none;

}

/* chiffres */

.section_chiffres {

    position: relative;
    border: none;
    background-color: var(--orange-color);

}

.section_chiffres h2 {

    text-align: center;
    font-size: 50px;
    font-family: 'Roboto';
    color: var(--darkgrey-color);

}

.section_chiffres h3 {

    color: white;

}

.section_chiffres h4 {

    color: white;
    font-size: 40px;
    font-family: 'Poppins';

}

/* DIVIDER CHIFFRES TOP */

.custom-shape-divider-top-1652358458 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1652358458 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 70px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1652358458 .shape-fill {
    fill: #FFFFFF;
}

/* partenaires */

.section_partenaires .titre {

    text-align: center;
    font-size: 50px;
    font-family: 'Roboto';
    color: var(--darkgrey-color);

}

/* PAGE TOUTES FORMATIONS */

.formation_header {

    position: relative;

    margin-top: -40px;

}

.formation_header .container-fluid {

    padding: 0;

    height: 78vh;

}

.formation_header .container-fluid img {

    width: 100%;
    height: 100%;

}

.formation_card {

    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

    border-radius: 10px;

}

.formation_card .div_texte h2 {

    color: var(--darkgrey-color);

}

.formation_card .div_texte h2 span {

    color: var(--orange-color);

}

.formation_card .row_icones i {

    font-size: 35px;
    color: grey;

}

.formation_card .div_texte .duree p {

    color: var(--darkgrey-color)
}

.formation_card .div_image img {

    border-top-left-radius: 10px;

    height: auto;

}

/* mobile */

.formation_proposition_mobile a {

    text-decoration: none;

}

.formation_proposition_mobile h4 {

    font-size: 15px;
    color: grey;

}

.formation_proposition_mobile .formation_card .div_texte h2 {

    font-size: 18px;

}

.formation_proposition_mobile .formation_card .div_texte h2 span {

    font-size: 22px;

}

@media all and (min-width: 1440px) {

    .formation_card .div_texte .row_icones i {

        font-size: 35px;

    }

    .formation_card .div_texte .row_icones p {

        font-size: 25px;

    }

}

@media all and (max-width: 1024px) {

    .formation_card .div_texte h2 {

        font-size: 25px;

    }

    .formation_card .div_texte .badge span {

        font-size: .5em;

    }

    .formation_card .div_texte .duree,
    .formation_card .div_texte .description,
    .formation_card .div_texte a {

        font-size: 12px;

    }

}

@media all and (max-width: 768px) {

    .formation_card .row_icones i {

        font-size: 20px;
    }

}

@media all and (max-width: 375px) {

    .formation_proposition_mobile .formation_card .row_icones p {

        font-size: 15px;

    }

}

@media all and (max-width: 320px) {

    .formation_proposition_mobile .formation_card .row_image_titre h2 span {

        font-size: 20px;

    }

    .formation_proposition_mobile .formation_card .row_icones p {

        font-size: 12px;

    }

}

/* PAGE FORMATION UNITAIRE */

/* header */

.formation_page_unique_header {

    display: flex;

}

.formation_page_unique_header img {

    border-radius: 10px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

}

.formation_page_unique_header .level_img {

    position: absolute;
    top: 10px;
    right: 25px;

}

.formation_page_unique_header .titre .titre_formation {

    font-family: 'Roboto';
    font-size: 40px;

}

.formation_page_unique_header .row_icones_information i {

    color: grey;

}

.formation_page_unique_header .row_icones_information .cpf_icon {

    color: grey;
    font-weight: 700;

}

.formation_page_unique_pdf a {

    text-decoration: none;

}

@media all and (max-width: 1440px) {

    .formation_page_unique_header .row_icones_information i {

        font-size: 35px;

    }

    .formation_page_unique_header .row_icones_information .cpf_icon {

        font-size: 30px;

    }

    .formation_page_unique_header .row_icones_information p {

        font-size: 12px;

    }

}

@media all and (max-width: 1400px) {

    .formation_page_unique_pdf a {

        font-size: 15px;

    }

}

@media all and (max-width: 1200px) {

    .formation_page_unique_header .row_icones_information i {

        font-size: 25px;

    }

    .formation_page_unique_header .row_icones_information .cpf_icon {

        font-size: 20px;

    }

    .formation_page_unique_header .row_icones_information p {

        font-size: 9px;

    }

    .formation_page_unique_formateur h2 {

        font-size: 30px;

    }

    .formation_page_unique_pdf a {

        font-size: 12px;

    }

}

@media all and (max-width: 992px) {

    .formation_page_unique_header .titre,
    .formation_page_unique_description,
    .formation_page_unique_formateur h2 {

        text-align: center;

    }

    .formation_page_unique_formateur h2 {

        font-size: 23px;

    }

}

@media all and (max-width: 768px) {

    .formation_page_unique_header .titre .span_categorie {

        width: 25%;
        margin: auto;
        text-align: center;

    }

}

@media all and (max-width: 576px) {

    .formation_page_unique_header .titre .titre_formation {

        font-size: 35px;

    }

}

@media all and (max-width: 425px) {

    .formation_page_unique_pdf a {

        font-size: 10px;

    }

}

.formation_page_unique_collapse p {

    margin-bottom: 0;

}

.formation_page_unique_collapse a {

    background-color: var(--darkgrey-color);
    border: none;

}

.formation_page_unique_collapse a:hover {

    background-color: var(--orange-color);

}

.formation_page_unique_collapse a:focus {

    box-shadow: none !important;
    background-color: var(--orange-color);

}

.formation_page_unique_collapse .card_collapse .card_dates_infos p span {

    font-size: 13px;
    color: grey;

}

.formation_page_unique_collapse .col_dates h2 {

    font-size: 20px;

}

.formation_page_unique_formateur i {

    font-size: 40px;

    transition: 200ms ease-in;

}

.formation_page_unique_formateur h5 span {

    color: var(--orange-color);

}

.formation_page_unique_formateur img {

    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

}

/* erreur formation non trouvé */

.formation_not_found span {

    color: red;

}

/* PAGE FORMATEUR UNITAIRE */

.page_formateur_unitaire .col_texte span {

    color: orange;

}

.page_formateur_unitaire .col_texte a {

    font-size: 30px;

}

.page_formateur_unitaire .linkedin_formateur a {

    transition: 300ms ease-out;
    font-size: 50px !important;

}

@media all and (max-width: 375px) {

    .formation_font_mobile h2 {

        font-size: 18px !important;
    }

    .formation_font_mobile h2 span {

        font-size: 15px !important;
    }

    .formation_font_mobile i {

        font-size: 15px !important;
    }

    .formation_font_mobile p {

        font-size: 10px !important;
    }
    
}
/* CONTACT */

.page_contact .header_image {

    height: 78vh;

}

.page_contact .header_image img {

    width: 100%;
    height: 100%;

}

/* FOOTER */

/* reseaux sociaux */

footer p {

    transition: 200ms ease-out;
}

footer p:hover {

    transition: 200ms ease-in;
    color: var(--orange-color);

}

.logo_reseaux_sociaux {

    font-size: 20px;
    transition: 300ms ease-out;

}

.logo_reseaux_sociaux i {

    font-size: 25px;

}

.logo_reseaux_sociaux i:hover {

    color: var(--orange-color);

    transform: scale(1.3);
    transition: 300ms ease-in;

}

.newsletter_form img {

    margin-top: -30%;

}

@media all and (max-width: 1440px) {

    .newsletter_form img {

        width: 100%;
        margin-top: -50%;

    }

}


@media all and (max-width: 1200px) {

    .newsletter_form img {

        display: none;
    }

}

/* ANIMATION */

/* section to offset */

.section_slideshow,
.section_slideshow_mobile {

    opacity: 0;
    transition: 1s;

}

.formation_presentiel_color {

    opacity: 0;
    transform: translateX(-25px);
    transition: 1s;

}

.formation_mixte_color,
.type_formation_titre {

    opacity: 0;
    transform: translateY(25px);
    transition: 1s;

}

.formation_distanciel_color {

    opacity: 0;
    transform: translateX(25px);
    transition: 1s;

}

@media all and (max-width: 425px) {

    .formation_presentiel_color,
    .formation_mixte_color,
    .formation_distanciel_color {

        opacity: 0;
        transform: none;
        transition: 1s;

    }

}

.section_chiffres {

    opacity: 0;
    transition: 2s;

}

.section_partenaires {

    opacity: 0;
    transform: translateY(-25px);
    transition: 1s;

}

/* animation classes */

.fadeInY {

    opacity: 1;
    transform: translateY(0);

}


.fadeInX {

    opacity: 1;
    transform: translateX(0);

}

.fadeIn {

    opacity: 1;

}

/* keyframes */

@keyframes slide {

    100% {

        opacity: 1;
        transform: translateX(0);

    }

}

@keyframes slideDown {

    0% {

        transform: translateY(-20px);

    }

    100% {

        transform: translateY(0px);

    }

}

@keyframes fadeIn {

    100% {

        opacity: 1;

    }

}