
@charset 'utf-8';
/*
@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-Medium.ttf');
    font-weight: normal;
}

@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-Italic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "Heroic Condensed";
    src: url('Heroic_TTF/TypeTrust-HeroicCondensed-Medium.ttf');
    font-weight: normal;
}

@font-face {
    font-family: "Heroic Condensed Bold";
    src: url('Heroic_TTF/TypeTrust-HeroicCondensed-Bold.ttf');
}

@font-face {
    font-family: "Heroic Condensed Lighter";
    src: url('Heroic_TTF/TypeTrust-HeroicCondensed-Light.ttf');
    font-weight: lighter;
}

@font-face {
    font-family: "Poppins SemiBold";
    src: url('Poppins/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: "Poppins SemiBold";
    src: url('Poppins/Poppins-SemiBoldItalic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "Poppins-light";
    src: url('Poppins/Poppins-Light.ttf');
}

@font-face {
    font-family: "Poppins";
    src: url('Nunito/Poppins-Regular.ttf');
}
*/

@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-ExtraBold.ttf');
    font-weight: bolder;
}

@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-ExtraBoldItalic.ttf');
    font-weight: bolder;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-Italic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-Light.ttf');
    font-weight: lighter;
}

@font-face {
    font-family: "Poppins";
    src: url('Poppins/Poppins-LightItalic.ttf');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: "Poppins Extralight";
    src: url('Poppins/Poppins-ExtraLight.ttf');
}

@font-face {
    font-family: "Poppins Extralight";
    src: url('Poppins/Poppins-ExtraLightItalic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "Poppins Black";
    src: url('Poppins/Poppins-Black.ttf');
}

@font-face {
    font-family: "Poppins Black";
    src: url('Poppins/Poppins-BlackItalic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "Poppins Medium";
    src: url('Poppins/Poppins-Medium.ttf');
}

@font-face {
    font-family: "Poppins Medium";
    src: url('Poppins/Poppins-MediumItalic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "Poppins SemiBold";
    src: url('Poppins/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: "Poppins SemiBold";
    src: url('Poppins/Poppins-SemiBoldItalic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "Poppins Thin";
    src: url('Poppins/Poppins-Thin.ttf');
}

@font-face {
    font-family: "Poppins Thin";
    src: url('Poppins/Poppins-ThinItalic.ttf');
    font-style: italic;
}


@media print {
    html, body {
        font-size:11px;
        height:auto !important;
    }
}

html, body {
    position:relative;
    margin:0px;
    -webkit-print-color-adjust:exact;
    font-family: "Poppins";
}

select::-ms-expand {
    display: none;
}

* {
    outline:0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#barre_menu_float_header {
    z-index: 9999;
}


#message_de_notification_rapide {
    position:fixed;
    z-index:9999990;
    right:5px;
    top:70px;
    width:240px;
}

.notification_rapide_droite {
    position: relative;
    background: rgba(0,0,0,0.8);
    padding: 1.25em;
    color: #fff;
    margin-bottom: 1em;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-size:11px;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.ligne_bleu_053F6D {
    background-color: #053F6D;
}

.ligne_bleu_58C1D5 {
    background-color: #58C1D5;
}

.ligne_bleu_clair_E8F0FE {
    background-color: #E8F0FE;
}

.ligne_gris_E3E3E3 {
    background-color: #E3E3E3;
}



.ligne_vert_AEFFE6 {
    background-color: #AEFFE6;
}

.ligne_gris_f3f3f3 {
    background-color: #f3f3f3;
}

.ligne_gris_F5F5F5 {
    background-color: #F5F5F5;
}

.ligne_avec_vide_au_dessus {
    padding-top:40px;
}

.ligne_gradient_58C1D5_f3f3f3 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#58c1d5+0,58c1d5+49,f3f3f3+50,f3f3f3+100 */
    background: #58c1d5; /* Old browsers */
    background: -moz-linear-gradient(left,  #58c1d5 0%, #58c1d5 49.99%, #f3f3f3 50%, #f3f3f3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #58c1d5 0%,#58c1d5 49.99%,#f3f3f3 50%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #58c1d5 0%,#58c1d5 49.99%,#f3f3f3 50%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58c1d5', endColorstr='#f3f3f3',GradientType=1 ); /* IE6-9 */

}

.ligne_f6f9fc {
    background-color: #f6f9fc;
}

.note_information {
    background-color: #ffe9e9;
    width: 100%;
    color: #600000;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    line-height: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sous_menu_profil {
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%) !important;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%) !important;
}

















































@media screen and (min-width:320px) {
    .que_diffu_large, .que_diffu_medium, .que_diffu_large_et_medium {
        display: none;
    }

    .que_diffu_small, .que_diffu_medium_et_small, .que_diffu_large_et_small {
        display: block;
    }

    .contenu_article h1 {
        line-height: 35px;
    }

    #contenu {
        margin-top:55px;
    }

    h1 {
        font-family: "Poppins SemiBold";
        font-size: 25px;
        color:#053F6D;
    }

    h2 {
        font-family: "Poppins SemiBold";
        font-size: 20px;
        color:#58C1D5;
    }

    .contenu_article {
        font-family: "Poppins";
        font-size: 15px;
        line-height: 26px;
        color:#053F6D;
    }

    #header_top {
        width:100%;
        height:55px;
        background-color: #ffffff;
        color:#022545;
        position: fixed;
        top:0px;
        z-index: 9;
    }

    .cadre_menu_simple_vertical {
        line-height: 30px;
    }

    .contenu_centre, .article_seul, .cadre_formation_et_tuto_proche {
        width:320px;
        margin:auto;
        position:relative;
    }

    #encadre_barre_menu {
        display: none;
        background-color: #fff;
    }

    #diffusion_logo {
        position: absolute;
        left:5px;
        top:14px;
    }

    #diffusion_logo img {
        height:30px;
        width:auto;
    }

    #interieur_menu_rapide, #menu_mobil {
        width:100%;
        height: 100%;
    }

    #cadre_des_bouton_menu_mobil {
        background-color: #fff !important;
        top: 8px !important;
        left:auto !important;
        right:20px !important;
        position:fixed !important;
        z-index: 9;
    }

    .btn_menu_rapide {
        opacity:0.9;
        z-index: 9999;
        position: fixed !important;
        right: 30px !important;
        left: auto !important;
        top: 25px !important;
    }

    .btn_menu_rapide, .btn_menu_rapide:before, .btn_menu_rapide:after {
        height: 2px !important;
    }

    .btn_menu_rapide, .btn_menu_rapide:before, .btn_menu_rapide:after {
        background-color: #707070 !important;
    }

    .btn_menu_rapide:before, .btn_menu_rapide:after {
        left:auto!important;
        right:0px !important;
    }

    .btn_menu_rapide:hover {
        opacity:1;
    }



    .mot_du_menu {
        font-family: "Poppins Medium";
        color:#1A2F43;
        font-size:13px;
    }

    #cadre_des_bouton_menu_mobil.open .menu_rapide_haut {
        border:0px !important;
        background-color: #fff !important;
        -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.16);
        box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.16);
        position:fixed !important;
        width:100% !important;
        height:100% !important;
        left:20px !important;
        z-index: 999;
        top:0px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    .eventuel_logo_en_tete_de_menu {
        background-image:url('../images/logo_ophtraneo_academie_en_tete_menu_mobile.png');
        width:115px;
        height:26px;
        background-repeat: no-repeat;
        margin-bottom:40px;
        margin-top:20px;
        margin-left:30px;
    }


    #cadre_des_bouton_menu_mobil.open .menu_rapide_haut:after, #cadre_des_bouton_menu_mobil.open .menu_rapide_haut:before {
        display:none;
    }

    #cadre_des_bouton_menu_mobil .menu_rapide_haut {
        width:100% !important;
        right:280px !important;
        left:auto !important;
        top:-6px !important;

    }

    .btn_ferme_menu_mobile {
        width: 40px;
        height: 40px;
        right: 20px;
        top: 6px;
        position: fixed;
        z-index: 999;
    }

    #menu_mobil {
        position:relative;
        overflow:hidden;
    }

    .element_menu_mobil {
        font-weight:normal !important;
    }

    .element_menu_mobil, .element_menu_mobil_select {
        background-color: #fff;
        width:320px;
        height: 48px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color:#022545;
        padding-left:30px;
    }

    .element_menu_mobil a, .element_menu_mobil_select a, #menu_mobil a, .mot_du_menu a {
        text-decoration: none;
    }

    .mot_du_menu_enfant {
        font-family: "Poppins SemiBold";
        font-size:13px !important;
        color:#022545 !important;
    }

    .titre_dans_page {
        font-family: "Poppins";
        font-size: 20px;
        color:#053F6D;
        font-weight: normal;
    }

    .element_menu_mobil_select, .element_menu_mobil:hover {
        background-color: #fff !important;
        color:#022545 !important;
        font-weight:bold !important;
    }

    .cadre_sous_menu_mobile {
        display:none;
    }

    .menu_mobil_avec_des_enfants  {
        background-image:url('../images/fleche_sous_menu_droite.png');
        background-repeat: no-repeat;
        background-position: right;
    }

    .bouton_de_retour_nav_mobile_en_etape {
        height: 20px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left:70px;
        position: relative;
        font-weight: bold;
        text-align: left;
        cursor: pointer;
        background-image:url('../images/fleche_sous_menu_gauche.png');
        background-repeat: no-repeat;
        background-position: 40px;
        font-family: "Poppins";
        color: #1A2F43;
        font-size: 16px;
    }

    .menu_mobile_bleu_clair {
        border-bottom:1px solid #eaeaea;
        text-align: left;
        padding-bottom:50px !important;
        margin-bottom:30px;
    }

    .menu_mobile_bleu_clair .mot_du_menu {
        color:#38A2B7 !important;
        font-size:15px;
    }

    .menu_mobile_gris {


    }

    .menu_mobile_gris .mot_du_menu {
        color:#848484 !important;
    }

    /* File ariane */
    .file_ariane_front {
        display:none;
    }

    .icone_home {
        display: none !important;
    }


    /* Page accueil */
    .intro_accueil_e_learning {
        padding-top: 30px;
    }

    .slogan_accueil_e_learning {
        text-align: center;
        font-family: "Poppins Medium";
        font-size: 18px;
        line-height: 26px;
        color:#022545;
    }

    .sous_slogan_accueil_e_learning {
        margin-top:15px;
        line-height: 26px;
        color:#022545;
        font-family: "Poppins";
    font-weight: lighter;
        font-size: 15px;
        padding-bottom:40px;
        text-align: center;
    }

    .autour_de_organisme_certifie {
        text-transform: uppercase;
        font-family: "Poppins Medium";
        font-size:13px;
        color:#022545;
        font-weight:bold;
    }

    .autour_de_organisme_certifie img {
        max-width:80px;
    }

    .debut_intro_accueil_e_learning {
        font-family: "Poppins SemiBold";
        font-style: italic;
        font-size:13px;
        color:#022545;
        text-align: left;
        padding-bottom:20px;
    }


    .cadre_article_intro_page_accueil {
        background-color: #ffffff;
        color:#053F6D;
        font-family: "Poppins Medium";
        font-weight: lighter;
        font-size: 18px;
        text-align: center;
        line-height: 27px;
        padding-top:35px;
        padding-bottom:35px;
    }

    .ligne_bleu_053F6D .contenu_article {
        color:#fff;
    }

    .cadre_article_intro_page_accueil .contenu_article {
        font-size: 22px;
        font-family: "Poppins Medium";
        line-height: 27px;
    }

    .cadre_article_intro_page_accueil img {
        width:170px !important;
        margin-bottom:0px !important;
        height: auto;
        margin:auto;
    }


    .cadre_article_financement {
        background-color: #58C1D5;
        color:#fff;
        margin-bottom:40px;
    }

    .cadre_article_financement .que_diffu_small .image_article_front_small, .cadre_article_financement .que_diffu_medium .image_article_front_medium {
        display: none;
    }

    .premiere_section_article_financement_accueil {
        width:250px;
        margin:auto;
        padding-top:67px;
        margin-top:20px;
    }

    .titre_financement_accueil {
        color:#fff;
        font-family: "Poppins";
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 15px;
        letter-spacing: 1px;
    }

    .sous_titre_prise_en_charge {
        font-family: "Poppins Medium";
        font-size: 22px;
        color:#AEFFE6;
        margin-bottom: 25px;
        line-height: 25px;
    }

    .interieur_financement_accueil {
        font-family: "Poppins";
        font-size: 15px;
        color:#fff;
        line-height: 24px;
    }

    .interieur_financement_accueil_gras {
        font-weight: bold;
    }

    .gros_btn_blanc {
        border:2px solid #fff;
        color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:35px;
        width:246px;
        margin:auto;
        border-radius:50px;
        cursor: pointer;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 90%;
        font-family: "Poppins SemiBold";
        font-size: 17px;
        text-transform: uppercase;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 40px;
        margin-bottom: 60px;
    }

    .gros_btn_blanc a {
        color:#fff;
    }

    .gros_btn_blanc a, .premiere_section_article_financement_accueil a {
        text-decoration: none !important;
    }

    .seconde_section_article_financement_accueil {
        margin-bottom:-5px;
        text-align: center;
    }



    .btn_en_savoir_plus_financement, .bouton_vers_formation {
        padding-right:35px;
        background-color: #022545;
        color:#fff;
        cursor: pointer;
        background-image: url(../images/fleche_droite_blanche.png);
        background-repeat: no-repeat;
        background-position: 95%;
        border-radius: 14px;
        font-family: "Poppins SemiBold";
        font-size:13px;
        padding-left:30px;
        padding-top:14px;
        padding-bottom:17px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 40px;
        margin-bottom: 60px;
        float:right;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border:1px solid #022545;
    }

    .btn_en_savoir_plus_financement:hover, .bouton_vers_formation:hover {
        color:#fff;
        border-radius:50px;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 90%;
    }

    .bouton_vers_formation {
        margin-top:0px;
        margin-bottom: 0px;
        text-align: left;
        padding-left:15px;
    }

    /* Page Méthode */
    .cadre_article_une_methode_moderne_simple_et_attractive {
        padding-top: 35px;
        padding-bottom: 35px;
        width:246px;
        margin:auto;
        margin-bottom: 30px;
    }

    .cadre_article_une_methode_moderne_simple_et_attractive .contenu_article {
        font-family: "Poppins Medium";
        font-size: 15px;
        color:#fff;
    }

    .cadre_article_une_methode_moderne_simple_et_attractive h1 {
        font-family: "Poppins Medium";
        font-size: 22px;
        text-align: center;
        margin-bottom:15px;
        line-height: initial;
    }

    .cadre_article_une_methode_moderne_simple_et_attractive .diffu_article_text_small {
        font-family: "Poppins Medium";
        font-size: 15px;
        color:#fff;
        line-height: 26px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .contenu_page_methode .suite_guide_etape_front {
        display: none;
    }

    /* Flipbox */
    .le_panel  .back {
        display:none !important;
    }

    .cadre_de_flipbox {
        width:246px !important;
    }

    .col_one {
        max-width: 246px;
        margin-bottom:0px !important;
        border-bottom:1px solid #BCBCBC;
        margin:auto;
        float: none !important;
    }

    .col_one_end {
        border-bottom:0px !important;
    }

    .box1 {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 246px;
        margin:auto;
    }

    .cadre_icone_box {
        background-color: transparent !important;
    }

    .cadre_icone_box_img {
        max-width: none !important;
        max-height: none !important;
    }

    .le_panel .front {
        color:#053F6D;
        font-family: "Poppins";
        font-size: 17px;
        line-height: 26px;
        position:relative !important;
    }

    .box1 {
        padding:10px !important;
        padding-top:30px !important;
    }


    .ligne_etoile {
        color:#053F6D;
        font-family: "Poppins";
        font-size: 12px;
        text-align: center;
        padding-bottom:60px;
        width: 246px;
        margin:auto;
        line-height: 18px;
    }


    .cadre_icone_box {
        padding-top: 0px !important;
    }

    /* footer */
    .footer_intro_pied_de_page {
        line-height: 20px;
        font-size:14px;
    }
    .cadre_des_footer {
        border:1px solid #667b8e;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cadre_element_colonne {
        padding-top:50px;
        padding-bottom:30px;
    }

    .element_pied_de_page {
        padding-bottom:15px;
        font-family: "Poppins";
        color:#fff;
        font-size: 14px;
        line-height: 18px;
        width:310px;
        margin:auto;
    }

    .element_pied_de_page .simple_vert_element_menu_simplifie table {
        width:100%;
    }

    .simple_vert_element_menu_simplifie {
        margin-bottom:8px;
    }

    .element_pied_de_page .simple_vert_element_menu_simplifie .simple_vert_txt_menu_simplifie, .element_pied_de_page .simple_vert_txt_menu_simplifie_select {
        font-family: "Poppins";
        color:#fff;
        font-size: 16px;
        text-align: left !important;
        line-height: 24px;
        font-weight:bold;
    }

    .element_pied_de_page .simple_vert_txt_menu_simplifie_select {
        text-decoration: underline !important;
        font-family: "Poppins";
        color:#fff;
        font-size: 15px;
        text-align: left !important;
        line-height: 24px;
    }

    .colonne_footer_4 .element_pied_de_page .simple_vert_txt_menu_simplifie_select {
        color: #7FD1B8;
    }

    .simple_vert_element_menu_simplifie_select {
        text-align: left;
        margin-bottom:8px;
    }

    .simple_vert_element_menu_simplifie_select table {
        display: inline-block;
    }

    .cadre_fleche_down, .masque_bordure {
        display:none !important;
    }

    .btn_sous_menu {
        color:#022545;
        background-color: #D0E9EE;
        border-radius:50px;
        padding:8px;
    }

    .sous_menu {
        padding-top:20px;
        padding-bottom:20px;
        padding-left:40px;
        padding-right:40px;
        -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.08);
        box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.08);
        background-color: #fff;
        border-radius:20px;
    }

    .cadre_decouvrir-toutes-les-solutions-ophtaneo {
        margin-top:7px;
    }

    .decouvrir-toutes-les-solutions-ophtaneo {
        color:#88CDD3 !important;
        font-weight: bold;
    }

    .copyright_pied_de_page {
        font-family: "Poppins";
        color:#ffffff;
        font-size: 12px;
        line-height: 28px;
    }

    .copyright_pied_de_page a {
        color:#ffffff;
        text-decoration: underline;
    }

    .ico_linkedin {
        width:23px;
        height: 23px;
        background-image:url('../images/linkedin_vert.png');
        display: inline-block;
        margin-top:13px;
    }

    .cadre_mentions-legales {
        margin-top:35px;
    }

    /* Diaporama */
    .entour_diaporama_slick {
        margin-bottom: -5px !important;
    }

    .slick-dots {
        bottom: -15px !important;
    }


    /* guide etape */
    .que_diffu_small .encadre_guide_etape_front {
        text-align: center;
        padding-bottom:50px;
        width:320px;
        margin:auto;
    }

    .que_diffu_small .encadre_guide_etape {
        width:120px !important;
        position: relative;
        text-align: center;
        vertical-align: top;
        margin:4px;
        padding-bottom:15px;
    }

    .section_separateur_interne_guide_etape {
        display: none;
    }

    .que_diffu_small .encadre_guide_etape_front .cadre_guide_etape_num_1 .section_image_guide_etape_front img, .que_diffu_medium .encadre_guide_etape_front .cadre_guide_etape_num_1 .section_image_guide_etape_front img {
        width:82px;
        height: auto;
    }

    .que_diffu_small .encadre_guide_etape_front .cadre_guide_etape_num_2 {
        padding-top:60px;
    }

    .que_diffu_small .encadre_guide_etape_front .cadre_guide_etape_num_2 .section_image_guide_etape_front img, .que_diffu_medium .encadre_guide_etape_front .cadre_guide_etape_num_2 .section_image_guide_etape_front img {
        width:106px;
        height: auto;
        margin-left:30px;
    }

    .que_diffu_small .encadre_guide_etape_front .cadre_guide_etape_num_3 {
        padding-top: 5px;
    }

    .que_diffu_small .encadre_guide_etape_front .cadre_guide_etape_num_3 .section_image_guide_etape_front img, .que_diffu_medium .encadre_guide_etape_front .cadre_guide_etape_num_3 .section_image_guide_etape_front img {
        width:100px;
        height: auto;
    }

    .que_diffu_small .encadre_guide_etape_front .cadre_guide_etape_num_last {
        padding-top:60px;
    }

    .que_diffu_small .encadre_guide_etape_front .cadre_guide_etape_num_last .section_image_guide_etape_front img, .que_diffu_medium .encadre_guide_etape_front .cadre_guide_etape_num_last .section_image_guide_etape_front img {
        width:70px;
        height: auto;
    }

    .section_titre_guide_etape {
        font-family: "Poppins Medium";
        font-size: 15px;
        color:#053F6D;
        width: 100%;
        text-align: center;
    }

    .que_diffu_small .section_point_interne_guide_etape {
        position: absolute;
        bottom:-2px;
        left: 50% !important;
        margin-left:-5px !important;
    }

    .slogan_guide_etape {
        color:#053F6D;
        font-family: "Poppins SemiBold";
        font-size: 15px;
        width: 100%;
        text-align: center;
        padding-top:25px;
        padding-bottom:25px;
        width: 220px;
        margin:auto;
    }

    .gros_bouton_bleu_claire {
        border:2px solid #58C1D5;
        color:#58C1D5;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:35px;
        width:246px;
        margin:auto;
        border-radius:50px;
        cursor: pointer;
        background-image:url('../images/fleche_gros_bouton.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .gros_bouton_bleu_claire a, .encadre_guide_etape_front a {
        text-decoration: none;
    }

    /* Barre de recherche formation et Catalogue */
    .cadre_barre_recherche {
        padding-top:25px;
        padding-bottom:25px;
        background-color: #E3E3E3;
        font-family: "Poppins";
        margin-bottom:40px;
    }

    .titre_sur_barre_de_filtre {
        width: 100%;
        text-align: center;
        font-family: "Poppins";
        font-weight: bold;
        color:#053F6D;
        letter-spacing: 1px;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .encadre_champs_filtre_formation_riseup {
        display: block !important;
        width: 292px;
        padding-top:4px;
        padding-bottom:4px;
        margin: auto;
        outline:0;
        position: relative;
    }

    .encadre_champs_filtre_formation_riseup option {

        padding:10px;
        border:1px solid #E3E3E3;
        border-radius: 50px;
        margin-bottom: 5px;
    }

    .champs_filtre_formation {
        font-family: "Poppins";
        font-size: 15px;
        color:#053F6D;
        padding: 20px;
        display: block;
        width: 292px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
        appearance:none;
        border: none;
    }

    .encadre_champs_filtre_formation_riseup:after {
        content: " ";
        width: 30px;
        height: 17px;
        background-image:url('../images/fleche_gris_down.png');
        background-repeat: no-repeat;
        position: absolute;
        right: 22px;
        top: 24px;
        pointer-events: none;
    }

    .autour_de_bouton_recherche_formation:after {
        display:none;
    }

    .btn_affiche_plus_de_filtrage_formation_riseup {
        cursor: pointer;
        font-family: "Poppins";
        font-size: 16px;
        font-weight: bold;
        color:#053F6D;
        padding-right:26px;
        background-image:url('../images/fleche_down_bleu.png');
        background-repeat: no-repeat;
        background-position: right;
        padding:20px;
        width:292px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin:auto;
    }

    .btn_affiche_plus_de_filtrage_formation_riseup_inv {
        cursor: pointer;
        font-family: "Poppins";
        font-size: 16px;
        font-weight: bold;
        color:#053F6D;
        padding-right:26px;
        background-image:url('../images/fleche_up_bleu.png');
        background-repeat: no-repeat;
        background-position: right;
        padding:20px;
        width:292px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin:auto;
    }

    .section_filtre_suplementaire_formation_riseup {
        display: none;
        background-color: #053F6D;
        padding:20px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .bouton_active_recherche {
        color:#fff;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:35px;
        width:292px;
        margin:auto;
        border-radius:50px;
        cursor: pointer;
        background-color: #58C1D5;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .gros_bouton_blanc_plus_de_detail {
        color:#053F6D;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:35px;
        width:220px;
        margin:auto;
        border-radius:50px;
        cursor: pointer;
        background-color: #fff;
        background-image:url('../images/fleche_gros_droite_bleu.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }


    .gros_bouton_blanc_plus_de_detail:hover {
        color:#fff;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:35px;
        width:220px;
        margin:auto;
        border-radius:50px;
        cursor: pointer;
        background-color: #58C1D5;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .interieur_catalogue, .interieur_liste_tuto_video {
        background-color: #fff;
        text-align: center;
        padding-top: 30px;
        text-align: center;
    }

    .interieur_catalogue a, .interieur_liste_tuto_video a {
        text-decoration: none;
    }

    .interieur_catalogue .message_invite_connection, .interieur_liste_tuto_video .message_invite_connection {
        font-family: "Poppins SemiBold";
        color:#293d57;
        padding-bottom:25px;
    }

    .interieur_catalogue .message_invite_connection a, .interieur_liste_tuto_video .message_invite_connection a {
        color:#7cb9cc;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .interieur_catalogue .message_invite_connection a:hover, .interieur_liste_tuto_video .message_invite_connection a:hover {
        color:#2f1b4b;
    }


    /* Nouvelle barre de recherche */
    .encadre_catalogue_formation_riseup, .encadre_catalogue_tutoriel_equipement {
        padding-top:20px;
    }

    .cadre_barre_recherche_formation {
        background-color: #D0E9EE;
        border-radius:8px;
        width:100%;
        padding:20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        color:#022545;
        font-family: "Poppins";
    }

    .cadre_barre_recherche_tutoriel_equipement {
        background-color: #58C1D5;
        border-radius:8px;
        width:100%;
        padding:20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        color:#022545;
        font-family: "Poppins";
    }

    .titre_section_recherche {
        display:none;
    }

    .titre_sur_barre_de_filtre_formation, .titre_sur_barre_de_filtre_tutoriel_equipement {
        font-family: "Poppins Medium";
        font-size:18px;
        text-align: center;
    }

    .titre_sur_barre_de_filtre_formation::before, .titre_sur_barre_de_filtre_tutoriel_equipement::before {
        content: "";
        display: inline-block;
        width: 20px; /* Ajustez la largeur de l'icône selon vos besoins */
        height: 20px; /* Ajustez la hauteur de l'icône selon vos besoins */
        background-image: url('../images/main_jaune.png');
        background-size: cover; /* ou contain, selon vos besoins */
        margin-right: 10px; /* Espace entre l'icône et le texte */
    }

    .sous_titre_sur_barre_de_filtre_formation, .sous_titre_sur_barre_de_filtre_tutoriel_equipement {
        width:100%;
        text-align: center;
        font-size:15px;
        font-family: "Poppins Medium";

        margin-top:20px;
        margin-bottom: 15px;
    }

    .sous_titre_sur_barre_de_filtre_tutoriel_equipement {
        color:#fff;
    }

    .autour_champs_filtre_formation_riseup, .autour_champs_filtre_tutoriel_equipement {
        display: block !important;
        width: 292px;
        padding-top:4px;
        padding-bottom:4px;
        margin: auto;
        outline:0;
        position: relative;
        margin-bottom:15px;
    }

    .un_champs_filtre_formation, .un_champs_filtre_tuto {
        font-family: "Poppins Medium";
        font-size: 15px;
        color:#053F6D;
        padding: 20px;
        display: block;
        width: 292px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
        appearance:none;
        border: none;
        border-radius:8px;
    }


    .un_champs_filtre_formation option, .un_champs_filtre_tuto option {
        font-weight: normal;
    }

    .un_champs_filtre_formation option:checked, .un_champs_filtre_tuto option:checked {
        color:#399BB1;
    }

    .autour_champs_filtre_formation_riseup:after, .autour_champs_filtre_tutoriel_equipement:after {
        content: " ";
        width: 30px;
        height: 17px;
        background-image:url('../images/fleche_bleu_down.png');
        background-repeat: no-repeat;
        position: absolute;
        right: 22px;
        top: 28px;
        pointer-events: none;
    }

    .cadre_bouton_recherche_formation:after, .cadre_bouton_recherche_tuto:after {
        background-image: none !important;
        content:""!important;
    }

    .autour_de_bouton_recherche_formation:after {
        display:none;
    }

    .bouton_active_recherche_formation_riseup, .bouton_active_recherche_tuto {
        color:#fff;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:45px;
        width:292px;
        margin:auto;
        border-radius:14px;
        cursor: pointer;
        background-color: #022545;
        background-image:url('../images/fleche_droite_blanche.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins SemiBold";
        font-size: 13px;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .bouton_active_recherche_formation_riseup:hover, .bouton_active_recherche_tuto:hover {
        border-radius:50px;
    }

    .cadre_bouton_reinitialise_recherche {
        width:100%;
        text-align: center;
        margin-top:30px;

    }

    .bouton_reinitialise_recherche {
        display:inline-block;
        cursor: pointer;
        font-size:15px;
        font-family: "Poppins";
        font-weight: lighter;
        text-decoration: underline;
    }

    .bouton_voir_plus_de_resultat, .bouton_voir_plus_de_resultat_tuto, .btn_voir_plus_objet_similaire {
        color:#053F6D;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:45px;
        width:292px;
        margin:auto;
        border-radius:14px;
        cursor: pointer;
        background-color: #D0E9EE;
        background-image:url('../images/fleche_bleu_droite.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins SemiBold";
        font-size: 13px;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 30px;
        margin-bottom: 30px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .bouton_voir_plus_de_resultat_tuto {
        background-color: #7ED6EA;
        color: #fff;
        background-image: url(../images/fleche_droite_blanche.png);
    }

    .bouton_voir_plus_de_resultat:hover, .bouton_voir_plus_de_resultat_tuto:hover, .btn_voir_plus_objet_similaire:hover {
        border-radius:50px;
    }

    /* Barre recherche mix */
    .encadre_catalogue_formation_riseup_et_tutoriel_equipement {
        padding-top:30px;
    }

    .cadre_barre_recherche_formation_mix_tuto {
        width:320px;
        margin:auto;
        /*padding-bottom:40px;*/
    }
    .encadre_titre_barre_recherche_formation_mix_tuto {
        width:90px;
        height:500px;
        display: inline-block;
        vertical-align: top;
        font-size:0px;
        background-color: #D0E9EE;
    }

    .cadre_mix_filtre {
        width:230px;
        height:500px;
        display: inline-block;
        vertical-align: top;
        overflow:hidden;
        background-color: #D0E9EE;
        padding-top:60px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .encadre_titre_barre_recherche_formation_mix_tuto,
    .cadre_mix_filtre {
      margin: 0;
      box-sizing: border-box;
      position:relative;
    }

    .titre_sur_barre_de_filtre_formation_dans_mix, .titre_sur_barre_de_filtre_tuto_dans_mix {
        width:90px;
        height:250px;
        cursor:pointer;
        color:#022545;
        font-family: "Poppins";
        font-size:18px;
        text-align: center;
        position:absolute;
        z-index: 1;
    }

    .titre_sur_barre_de_filtre_formation_dans_mix {
        background-color: #D0E9EE;
        top:250px;
        left:0px;
    }

    .titre_sur_barre_de_filtre_tuto_dans_mix {
        background-color: #7ED6EA;
        top:0px;
        left:0px;
    }

    .rotation_text {
        width: 250px;
        text-align: center;
        position: absolute;
        top: -40px;
        left: -190px;
        transform: rotate(
        -90deg
        );
        transform-origin: right bottom;
    }

    .rotation_text table {
        display:inline-block;
    }

    .icon_rotation_text {
        width:28px;
        height:28px;
        background-image:url('../images/main_jaune.png');
    }

    .separateur_des_titre_sur_barre_mix {
        width:90px;
        height:30px;
        position:absolute;
        top:235px;
        left:0px;
        z-index: 2;
        background: #7ed6ea;
        background: -moz-linear-gradient(-100deg,  #7ed6ea 0%, #7ed6ea 50%, #d0e9ee 51%, #d0e9ee 100%);
        background: -webkit-linear-gradient(-100deg,  #7ed6ea 0%,#7ed6ea 50%,#d0e9ee 51%,#d0e9ee 100%);
        background: linear-gradient(190deg,  #7ed6ea 0%,#7ed6ea 50%,#d0e9ee 51%,#d0e9ee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ed6ea', endColorstr='#d0e9ee',GradientType=1 );
    }

    .separateur_des_titre_sur_barre_mix_inv {
        width:90px;
        height:30px;
        position:absolute;
        top:235px;
        left:0px;
        z-index: 2;
        background: #7ed6ea;
        background: -moz-linear-gradient(-100deg,  #d0e9ee 0%, #d0e9ee 50%, #7ed6ea 51%, #7ed6ea 100%);
        background: -webkit-linear-gradient(-100deg,  #d0e9ee 0%,#d0e9ee 50%,#7ed6ea 51%,#7ed6ea 100%);
        background: linear-gradient(190deg,  #d0e9ee 0%,#d0e9ee 50%,#7ed6ea 51%,#7ed6ea 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e9ee', endColorstr='#7ed6ea',GradientType=1 );
    }

    .cadre_mix_filtre .un_champs_filtre_formation, .cadre_mix_filtre .un_champs_filtre_tuto {
        padding:13px;
    }

    .cadre_mix_filtre .un_champs_filtre_formation, .cadre_mix_filtre .bouton_active_recherche_formation_riseup, .cadre_mix_filtre .un_champs_filtre_tuto, .cadre_mix_filtre .bouton_active_recherche_tuto {
        width:200px;
    }

    .cadre_mix_filtre .autour_champs_filtre_formation_riseup, .cadre_mix_filtre .autour_champs_filtre_tutoriel_equipement {
        width:200px;
    }

    .cadre_mix_filtre .bouton_reinitialise_recherche {
        display:none;
    }

    .cadre_mix_filtre .autour_champs_filtre_formation_riseup:after, .cadre_mix_filtre .autour_champs_filtre_tutoriel_equipement:after {
        right: 7px;
        top: 22px;
    }

    /* Bloc tuto */
    .cadre_block_tutoriel_equipement {
        margin:7px;
        margin-bottom:20px;
        display:inline-block;
        position:relative;
        vertical-align: top;
    }

    .block_miniature_tutoriel_equipement {
        display: block;
        width:292px !important;
        border-radius:8px;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        cursor:pointer;
        overflow: hidden;
        background-color: #fff;
    }

    .section_image_tutoriel_equipement {
        width:292px;
        height: 207px;
        background-color: #BCBCBC;
        position: relative;
    }

    .section_image_tutoriel_equipement img {
        width:292px;
        height: 207px;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .type_objet_tuto {
        width:100%;
        text-align: center;
        text-transform: uppercase;
        color:#707070;
        font-size:13px;
        font-family: "Poppins";
        margin-top:15px;
    }

    .effet_en_savoir_plus_tuto_bande_annonce {
        display: none;
    }

    /* Bloc Riseup */
    .cadre_les_dernieres_formation {
        text-align: center;
    }
    .block_miniature_formation_riseup {
        display: block;
        width:292px !important;
        border-radius:8px;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        cursor:pointer;
        overflow: hidden;
    }

    .section_image_formation_riseup {
        width:292px;
        height: 207px;
        background-color: #BCBCBC;
        position: relative;
    }

    .section_image_formation_riseup img {
        width:292px;
        height: 207px;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .labelisation_formation_riseup {
        position: absolute;
        top:25px;
        left: 0px;

    }

    .petit_label_sur_formation {
        padding-top:4px;
        padding-bottom:4px;
        padding-left:8px;
        padding-right:16px;
        border-radius:0px 13px 13px 0px;
        color:#fff;
        font-family: "Poppins";
        font-size: 15px;
        font-weight: bold;
        margin-bottom:4px;
    }

    .section_inferieur_miniature_riseup {
        width:292px;
        height: 238px;
        background-color: #fff;
    }

    .section_inferieur_miniature_tuto {
        width:292px;
        height: 155px;
        background-color: #fff;
        padding-top:15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .dure_formation_riseup, .dure_tuto {
        text-align: center;
        font-family: "Poppins";
        font-size: 13px;
        color:#7A8995;
    }

    .dure_formation_riseup table, .dure_tuto table {
        display: inline-block;
    }

    .dure_formation_riseup img, .dure_tuto img {
        margin-right:3px;
    }

    .auteur_vignette_formation {
        font-family: "Poppins";
        font-size: 13px;
        font-weight: bold;
        color:#7A8995;
        padding-left:10px;
    }

    .titre_formation_riseup, .titre_tuto {
        font-family: "Poppins";
        font-size: 16px;
        font-weight: bold;
        color:#053F6D;
        height:100px;
        text-align: center;
    }

    .type_objet_formation {
        width:100%;
        text-align: center;
        text-transform: uppercase;
        color:#707070;
        font-size:13px;
        font-family: "Poppins";
        margin-top:15px;
    }

    .auteur_formation_riseup {
        font-family: "Poppins";
        font-size: 16px;
        font-weight: bold;
        color:#053F6D;
    }

    .fiche_formation_sous_bandeau_droite .titre_formation_riseup {
        float:left;
    }

    .sous_titre_formation_riseup {
        font-family: "Poppins";
        font-size: 16px;
        color:#053F6D;
    }

    /* Page financement */
    .que_diffu_small .cadre_article_prise_en_charge_financiere_jusqua_100 {
        position: relative;
        text-align: center;
        padding-top: 56px;
        padding-bottom: 286px;
    }

    .que_diffu_small .cadre_article_prise_en_charge_financiere_jusqua_100 .image_article_front_small {
        position: absolute;
        bottom: 0px;
        left:50%;
        width:311px !important;
        height: auto !important;
        margin-left: -160px !important;
        margin-bottom: 0px !important;
    }

    .que_diffu_small .cadre_article_prise_en_charge_financiere_jusqua_100 h1 {
        width: 236px;
        margin:auto;
        font-family: "Poppins Medium";
        font-size: 18px;
        font-weight: bold;
        color:#053F6D;
        line-height: 25px;
        padding-bottom: 25px;
    }

    .que_diffu_small .cadre_article_prise_en_charge_financiere_jusqua_100 .diffu_article_text_small {
        width: 236px;
        margin:auto;
        font-family: "Poppins Medium";
        font-size: 15px;
        color:#053F6D;
        line-height: 26px;
    }
    /*
    .que_diffu_small .cadre_article_prise_en_charge_financiere_jusqua_100 .diffu_article_text_small:after {
        width:36px;
        height: 18px;
        background-image:url('../images/fleche_down_blanc.png');
        background-repeat: no-repeat;
        content:" ";
        position: absolute;
        left: 50%;
        bottom: 250px;
        margin-left: -18px;
    }
    */




    /* Guide financier */
    .guide_financement_metier {
        padding-top:30px;
    }

    .encadre_le_guide_financement {
        font-family: "Poppins";
    }

    .un_block_front_select_metier_inactif, .un_block_front_select_metier_actif, .un_block_select_statut_inactif, .un_block_select_statut_actif, .un_block_select_texte_actif, .un_block_select_texte_inactif {
        border-radius:10px !important;
    }

    .que_diffu_small .un_block_front_select_metier_inactif, .que_diffu_small .un_block_front_select_metier_actif {
        width:130px !important;
        height: 138px !important;
        margin: 2px !important;
        margin-bottom:4px !important;
    }

    .cadre_titre_metier {
        font-family: "Poppins SemiBold";
        font-size: 13px;
    }

    .que_diffu_small .cadre_titre_metier  {
        margin-top: 10px;
    }

    .que_diffu_small .cadre_image_metier img {
        height: 80px;
    }

    .que_diffu_small .un_block_select_statut_inactif, .que_diffu_small .un_block_select_statut_actif {
        border-radius:10px !important;
        width:130px !important;
        height: 118px !important;
        margin: 2px !important;
        margin-bottom:4px !important;
        font-family: "Poppins SemiBold";
    }

    .que_diffu_small .un_block_select_texte_actif, .que_diffu_small .un_block_select_texte_inactif {
        width:95%;
        height: auto !important;
    }

    .contenu_du_block_text {
        /*height: 170px;*/
        padding-top:18px;
    }

    /* Page inscription */
    .toute_la_page_mon_compte .contenu_page_diffu_interne, .toute_la_page_creation_de_compte .contenu_page_diffu_interne {
        padding-bottom:40px;
    }


    .encadre_global_form_inscription {
        padding-top:58px;
        padding-bottom: 35px;
        width:245px;
        margin:auto;
        font-family: "Poppins";
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .titre_principal_inscription {
        font-family: "Poppins SemiBold";
        font-size: 22px;
        line-height: 29px;
        color:#053F6D;
        margin-bottom:38px;
    }

    /*
    .titre_de_section_inscription_a {
        font-family: "Poppins";
        font-size:18px;
        color:#022545;
        padding-bottom:25px;
        width: 100%;
        margin-bottom:15px;
    }
    */

    .titre_de_section_inscription_b, .titre_de_section_inscription_a {
        font-family: "Poppins SemiBold";
        font-size: 22px;
        line-height: 29px;
        color:#29A9A1;
        padding-bottom:15px;
        border-bottom: 1px solid #BCBCBC;
        width: 100%;
        margin-bottom:15px;
        background-image:url('../images/check_vert.png');
        background-repeat: no-repeat;
        background-position: right 20px;
        margin-top: 30px;
    }
    /*
    .encadre_les_champs_form_avance {
        padding-bottom:45px;
    }
    */

    .encadre_un_champs {
        width:245px;
        margin:auto;
        position: relative;
    }

    .pour_checkbox_inscription {
        padding-bottom:20px;
    }

    .cadre_champs_form_avance {
        padding-bottom: 18px;
    }

    .non-definie- {
        display: none;
    }

    .champs_front {
        padding-left:20px;
        padding-right:20px;
        padding-top:16px;
        padding-bottom:16px;
        font-family: "Poppins Medium";
        font-size: 16px;
        color:#053F6D;
        width:245px;
        height:53px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        border:0px;
    }

    .encadre_les_champs_form_avance input[type="date"]:after {
        content:" ";
        width:24px;
        height: 24px;
        pointer-events: none;
        background-image:url('../images/ico_calendar.png');
        background-repeat: no-repeat;
        position: absolute;
        right: 10px;
        background-color: #fff;
        padding: 3px;
        top: 13px;
    }



    .champs_front::placeholder {
        color:#7A8995;
        font-family: "Poppins";
    }

    .cellule_checkbox {
        vertical-align: top;
    }

    .cellule_checkbox input[type=checkbox] {
        position: relative;
        cursor: pointer;
    }
    .cellule_checkbox input[type=checkbox]:before {
        content: "";
        display: block;
        position: absolute;
        width:23px;
        height: 23px;
        top: 0;
        left: 0;
        background-color:#ffffff;
        border:1px solid #ccc;
    }
    .cellule_checkbox input[type=checkbox]:checked:before {
        content: "";
        display: block;
        position: absolute;
        width:23px;
        height: 23px;
        top: 0;
        left: 0;
        background-color:#58C1D5;
    }
    .cellule_checkbox input[type=checkbox]:checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 4px;
        left: 8px;
    }

    .label_cellule_checkbox {
        padding-left:7px;
        color:#053F6D;
        font-size: 16px;
        font-family: "Poppins";
    }

    .btn_validation, .bouton_de_retour_au_form {
        width:246px;
        padding:15px;
        margin:auto;
        cursor: pointer;
        background-color:#053F6D;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 95%;
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size: 13px;
        text-align: center;
        border-radius: 50px;
    }

    .autour_btn_telecharge_justifi {
        position: relative;
    }

    .btn_telecharge_justifi {
        padding-left:20px;
        padding-right:0px;
        padding-top:15px;
        padding-bottom:16px;
        font-family: "Poppins";
        font-size: 16px;
        color:#053F6D;
        background-color: #fff;
        width:245px;
        height:53px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 0px;
        left:0px;
        z-index: 2;
        pointer-events:none;
    }

    .le_champs_dl_fichier {

    }

    .le_champs_dl_fichier input[type='file'] {
        width:245px;
        height:53px;
        position: absolute;
        top: 0px;
        left:0px;
        z-index: 1;
    }

    .le_champs_dl_fichier #message {
        padding-top:40px;
    }

    .img_des_pour_mdp {
        display: none;
    }

    .encadre_un_champs .cadre_champs_form_avance select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-image: url('../images/fleche_gris_down.png');
        background-repeat: no-repeat;
        background-position: right 1.2em top 50%;
    }

    .encadre_un_champs {
        margin-bottom:4px;
    }

    .encadre_un_champs input, .encadre_un_champs select {
        border:1px solid #9fa5aa;
    }

    .encadre_un_champs input:focus {
        border:1px solid #022545;
    }

    /* Widget login shop */
    .zone_identification {
        padding-bottom:0px;
        margin-bottom:0px !important;
    }

    .zone_identification .champ_formulaire {
        width:246px;
        margin:auto;
    }

    .zone_identification .champ_formulaire .pass_eye {
        right:30px !important;
        top:8px !important;
    }

    .encadre_onglet_login_shop, .cadre_choix_identifier, .zone_identifier_vous {
        width: 100%;
        margin:auto;
    }

    .encadre_onglet_login_shop {
        margin-top: 20px;
        cursor: pointer;
    }

    .cadre_choix_identifier {
        border: 0px !important;
        width: 100% !important;
        margin:auto !important;
        padding-left:23px !important;
        padding-right:23px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .section_login_widget_login_shop, .zone_mot_ed_passe_oublie {
        background-color: #E3E3E3 !important;
    }

    .section_login_widget_login_shop, .zone_mot_ed_passe_oublie, .zone_creation_compte {
        padding-bottom:15px;
    }

    .zone_creation_compte {
        background-color: #58C1D5 !important;
    }

    .onglet_widget_login_actif, .onglet_widget_login {
        width:50%;
        height: 40px;
        display: inline-block;
        font-family: "Poppins SemiBold";
        font-size: 13px;
        text-transform: uppercase;
        text-align: center;
        color:#022545;
        padding:10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .onglet_login_shot_inscription {
        background-color: #58C1D5;
        font-family: "Poppins SemiBold";
        font-size:15px;
        text-transform: none;

    }

    .onglet_login_shop_connection {
        background-color: #E3E3E3;
        font-family: "Poppins SemiBold";
        font-size:15px;
        text-transform: none;
    }

    .titre_section_login {
        font-family: "Poppins SemiBold";
        font-size:15px;
        color:#022545;
        border-bottom: 0px !important;
        background-color: transparent !important;
        padding-top: 40px !important;
        padding-bottom:5px !important;
    }

    .label_formulaire {
        font-family: "Poppins";
        font-weight: bold !important;
        font-size: 15px !important;
        color:#022545 !important;
        margin-top:25px;
        width:246px !important;
        margin:auto;
        margin-top:15px;
    }

    .input_login {
        width: 246px !important;
        border:0px !important;
        font-size: 15px !important;
        padding:14px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }



    .zone_identifier_vous input[type=checkbox] {
        position: relative;
        cursor: pointer;
    }
    .zone_identifier_vous input[type=checkbox]:before {
        content: "";
        display: block;
        position: absolute;
        width:20px;
        height: 20px;
        top: 0;
        left: 0;
        background-color:#ffffff;
    }
    .zone_identifier_vous input[type=checkbox]:checked:before {
        content: "";
        display: block;
        position: absolute;
        width:20px;
        height: 20px;
        top: 0;
        left: 0;
        background-color:#58C1D5;
    }
    .zone_identifier_vous input[type=checkbox]:checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 3px;
        left: 6px;
    }

    .autour_de_se_souvenir_de_moi_widget_login_shop {
        width:246px;
        margin:auto;
    }

    .autour_de_se_souvenir_de_moi_widget_login_shop table {
        width:246px;
        margin:auto;
    }

    .text_checkbox_login {
        width:210px;
        text-align: left;
        font-style:normal !important;
        font-family: "Poppins";
        font-size: 12px;
        color:#053F6D;
        padding-left: 15px;
        padding-top: 5px;
    }

    .btn_login_se_connecter, #btn_verification_dispo_email {

        padding-top: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        width:246px !important;
        margin:auto;
        margin-top:25px !important;
        cursor: pointer !important;
        background-color:#053F6D !important;
        background-image:url('../images/fleche_btn_blanc.png') !important;
        background-repeat: no-repeat !important;
        background-position: 95% !important;
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size: 14px !important;
        text-transform: uppercase;
        text-align: left !important;
        border-radius: 8px;
    }

    .cadre_choix_identifier {
        padding-bottom:30px;
    }

    .cadre_choix_identifier .sous_titre_bleu, .cadre_choix_identifier .intro_crer_compte {
        padding-top: 10px;
        font-family: "Poppins";
        font-size: 15px !important;
        color:#053F6D !important;
        width:246px;
        text-align: center;
    }

    .btn_validation_log  {
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size: 15px !important;
        border-radius: 8px;
        cursor: pointer !important;
        text-transform:none !important;
        background-color:#053F6D !important;
    }

    .btn_validation_log:hover {
        color:#fff;
        border-radius:50px !important;
        background-image:url('../images/fleche_btn_blanc.png') !important;
        background-repeat: no-repeat !important;
        background-position: 90%;
    }

    .btn_login_mdp_oublie {
        text-decoration: underline;
        cursor:pointer;
        background-color: transparent !important;
        color:#053F6D !important;
        font-family: "Poppins";
        font-size: 12px !important;
        margin-bottom:15px !important;
        padding:0px !important;
        text-transform: none !important;
    }

    .btn_annule_mdp_oublie {
        background: #474747 !important;
    }

    .text_obligatoire {
        display: none;
    }

    /* Widget login haut droite */
    .login_header {
        float: right;
        width: 30px;
        margin-top:13px;
        cursor:pointer;
        margin-right:70px;
    }

    .login_header a {
        text-decoration: none;
    }

    .image_cadre_block_user_deco {
        width: 28px;
        height: 28px;
        border-radius: 28px;
        overflow: hidden;
        padding: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .image_cadre_block_user_deco img {
        object-fit: cover;
        object-position: 50% 50%;
        width: 28px;
        height: 28px;
    }

    .text_dans_cadre_block_user {
        width:77px;
        font-family: "Poppins";
        font-size: 13px;
        color:#022545;
        word-break: break-word;
        display:none;
    }

    .cadre_block_user {
        position: relative !important;
        text-align: left !important;
        right:auto !important;
        top:auto !important;
    }

    .sous_menu_profil {
        top:55px !important;
        background-color: #ffffff !important;
        padding:0px;
        width:192px !important;
        z-index: 100 !important;
        position:relative;
        padding-top:50px;
        border-radius:15px 15px 0px 0px;
    }

    .sous_menu_profil .profil_dans_sous_menu_deploiement {
        display:none;
    }

    .sous_menu_profil:after {
        content:"Bienvenue !";
        font-family: "Poppins SemiBold";
        font-size:12px;
        color:#022545;
        background-color: #F8F8F8;
        text-align: center;
        width:192px;
        padding-top:17px;
        padding-bottom:17px;
        position:absolute;
        top:0px;
        left:0px;
        border-radius:15px 15px 0px 0px;
    }
    /*
    .sous_menu_profil .profil_dans_sous_menu_deploiement {
        border-bottom:1px solid #e9ecef;
        text-align: center;
    }

    .sous_menu_profil .text_dans_cadre_block_user {
        display:inline-table;
        color: #32325d !important;
        font-weight: 700;
        line-height: 1.3;
        padding: 5px 0 5px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        width:140px !important;
        font-size: 1rem !important;
    }

    .sous_menu_profil .image_cadre_block_user_deco {
        float:none !important;
        display:inline-table;
    }
    */

    .sous_menu_profil .simple_vert_element_menu table, .sous_menu_profil .simple_vert_element_menu_select table {
        display:inline-block;
    }

    .sous_menu_profil .simple_vert_element_menu, .sous_menu_profil .simple_vert_element_menu_select {
        color: #022545 !important;
        font-size: 12px !important;
        font-family: "Poppins SemiBold";
        padding: 8px;
        line-height: 14px !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-color: transparent;
        text-align: right;
        background-color: #fff;
        border-bottom:0px;
    }

    .sous_menu_profil .separateur_element_menu_simple {
        width:90%;
        height:1px;
        background-color: #dfdfdf;
        margin:auto;
    }


    .sous_menu_profil .simple_vert_element_menu:hover {
        color:#000;
    }



    .btn_deco_menu_user {
        padding:0px;
        background-color: #f8f8f8;
    }

    .btn_deco_menu_user table {
        width:140px;
        margin:auto;
        background-color: #6B6B6B;
        text-align: center;
        display:block !important;
        border-radius:50px;
    }

    .btn_deco_menu_user table td {
        text-align: center;
        width:140px;
        padding:8px;
    }

    .btn_deco_menu_user .simple_vert_txt_menu {
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size:13px;
    }

    /* Fiche formation */
    .pour_page_formation_riseup {
        width:100%;
        padding-bottom:30px;
        background-color: #f7f7f7;
    }

    .autour_fiche_formation, .autour_fiche_tuto {
        font-family: "Poppins";
    }

    .file_ariane_dans_fiche_formation {
        width:100%;
        padding-bottom:30px;
        padding-top:30px;
        color:#BCBCBC;
        font-family: "Poppins";
        font-size: 15px;
        font-weight: bold;
    }

    .file_ariane_dans_fiche_formation a {
        text-decoration: none;
        color:#053F6D;
        font-family: "Poppins";
        font-size: 15px;
        font-weight: bold;
    }

    .ele_ariane_fiche_formation {
        display: inline-block;
        margin-right:8px;
    }

    .fiche_formation_partie_superieur {
        position: relative;
        border-radius:8px;
        box-shadow: 1px 4px 4px rgba(43,43,86,.2);
        margin-bottom: 20px;
        overflow: hidden;
        background-color: #fff;
    }

    .fiche_formation_bandeau {
        width:100%;
        height: 190px;
        position: relative;
    }

    .image_bandeau_fiche_formation {
        width:100%;
        height: 190px;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .fiche_formation_sous_bandeau {
        width:100%;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .fiche_formation_sous_bandeau_gauche {
        margin-top:8px;
    }

    .fiche_formation_sous_bandeau_droite {
        display: block;
        vertical-align: top;
        color:#7A8995;
        font-family: "Poppins";
        font-size: 12px;
        margin-top:18px;
    }

    .image_formation_riseup {
        width:58px;
        height: 62px;
        margin-right:15px;
    }

    .image_formation_riseup img {
        width:58px;
        height: 62px;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .titre_formation_riseup, .titre_tuto {
        color:#053F6D;
        font-family: "Poppins";
        font-size: 16px !important;
        font-weight: bold !important;
        padding:0px !important;
    }

    .sous_titre_formation_riseup {
        color:#053F6D;
        font-family: "Poppins";
        font-size: 13px;
        color:#7A8995;
    }

    .fiche_formation_inferieur_gauche {
        width:100%;
        display: block;
    }

    .fiche_formation_inferieur_droite {
        width: 37%;
        display: inline-block;
        vertical-align: top;
        margin-top: 0px;
        text-align: right;
    }

    .espace_interne_fiche_formation_sous_bandeau_droite {
        width:30px;
    }

    .section_commune_formation {
        color:#053F6D;
        font-family: "Poppins Medium";
        font-size: 15px;
        line-height: 23px;
        min-height: 200px !important;
    }

    .section_commune_formation_titre {
        color:#053F6D;
        font-family: "Poppins Medium";
        font-size: 18px;
        font-weight: bold;
    }

    .dpc_formation_ok {
        padding-left:52px;
        font-family: "Poppins SemiBold";
        font-size: 15px;
        text-transform: uppercase;
        color:#29A9A1;
        background-image: url('../images/dpc_ok.png');
        background-position: left;
        background-repeat: no-repeat;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .num_dpc_formation {
        padding-left:52px;
        font-family: "Poppins SemiBold";
        font-size: 15px;
        text-transform: uppercase;
        color:#69cadf;
        background-image: url('../images/cocard_dpc.png');
        background-position: left;
        background-repeat: no-repeat;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .encadre_module_formation_riseup {
        padding-top:15px;
    }

    .image_module {
        float: left;
        margin-right:15px;
    }

    .btn_action_formation {
        color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:35px;
        width:320px;
        margin:auto;
        border-radius:50px;
        cursor: pointer;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 30px;
        height: 50px;
        display: table;
    }

    .interne_btn_action_formation {
        display:table-cell;
        vertical-align: middle;
        padding-right:40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .btn_action_formation a, .fiche_formation_inferieur_droite a {
        color:#fff;
        text-decoration: none !important;
    }

    .lien_linkedin_dans_objectif_formation {
        width: 100%;
        text-align: right;
        margin-top:-20px;
        padding-right:50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* Page contact */
    .toute_la_page_contact {
        padding-bottom: 35px;
    }

    .cadre_article_contact {
        position: relative;
        padding-bottom:130px;
    }


    .cadre_article_contact .image_article_front_float_medium, .cadre_article_contact .image_article_front_small {
        width:140px !important;
        height: auto;
        position: absolute;
        bottom:0px;
        left:50%;
        margin-left:-70px;
        margin-bottom:0px !important;
    }

    .intro_page_contact {
        width:245px;
        text-align: center;
        margin:auto;
        padding-top:30px;
        font-family: "Poppins Medium";
        font-size: 16px;
        line-height: 26px;
        color:#053F6D;
    }

    .num_tel_page_contact {
        width:269px;
        height: 94px;
        text-align: center;
        margin:auto;
        margin-top:10px;
        font-family: "Poppins";
        font-size: 28px;
        line-height: 26px;
        font-weight:bold;
        color:#053F6D;
        padding-top:20px;
        background-image:url('../images/bulle_fond.png');
        background-repeat: no-repeat;
    }

    .ou_par_email {
        width:245px;
        text-align: center;
        margin:auto;
        font-family: "Poppins";
        font-size: 16px;
        line-height: 26px;
        font-weight:bold;
        color:#053F6D;
        padding-top:30px;
        padding-bottom:20px;
    }

    .encadre_champs_contact {
        width:246px;
        margin:auto;
        padding-top:10px;
        padding-bottom:10px;
    }

    .champs_de_contact {
        width:206px;
        height:47px;
        background-color:#E3E3E3;
        border:0px;
        padding-left:20px;
        padding-right:20px;
        font-family: "Poppins Medium";
    }

    .champs_de_contact::placeholder {
        color:#053F6D;
        font-family: "Poppins";
        font-size: 16px;
        overflow: visible;
    }

    .signalitique_obligatoire {
        font-family: "Poppins";
        font-size: 12px;
        color:#7A8995;
        line-height: 19px;
        width:246px;
        margin:auto;
        padding-right: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top:5px;
        margin-bottom:20px;
    }

    .encadre_champs_contact textarea {
        height: 120px;
    }

    .message_retour_form_contact {
        text-align: center;
        padding-bottom: 40px;
        color:#053F6D;
        font-family: "Poppins";
        font-size: 16px;
    }

    /* Page inscription DPC */
    .interieur_page_inscription_dpc .file_ariane_dans_fiche_formation {
        display: none;
    }

    .retour_au_catalogue {
        background-image:url('../images/fleche_bleu_retour.png');
        background-repeat: no-repeat;
        background-position: left;
        padding-left:35px;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        text-transform: uppercase;
        color:#053F6D;
        letter-spacing: 2px;
        white-space:nowrap;
        margin-top:20px;
    }

    .header_inscription_dpc {
        width:289px;
        margin:auto;
        background-color: #AEFFE6;
        padding-left:20px;
        padding-right:20px;
        padding-top: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color:#053F6D;
        font-family: "Poppins";
        font-size: 15px;
        line-height: 26px;
    }

    .image_dans_header_inscription_dpc {
        margin-bottom: 30px;
        width: 289px;
        text-align: center;
        margin-left: -20px;
    }

    .image_dans_header_inscription_dpc img {
        margin-bottom:-8px;
    }

    .encadre_les_bouton_inscription_dpc a {
        text-decoration: none;
        color: #fff;
    }

    .interieur_page_inscription_dpc h1 {
        width:246px;
        margin:auto;
        font-family: "Poppins SemiBold";
        font-size: 20px;
        color:#053F6D;
        margin-bottom: 30px;
        margin-top:30px;
        line-height: 27px;
    }

    .interieur_inscription_dpc {
        padding-bottom:40px;
    }

    .interieur_inscription_dpc .contenu_inscription_dpc {
        width:246px;
        margin:auto;
        font-family: "Poppins";
        font-size: 15px;
        color:#053F6D;
        line-height: 26px;
        margin-top:15px;
        margin-bottom:15px;
    }

    .btn_inscription_dpc {
        width:246px;
        margin:auto;
        margin-top:20px;
        margin-bottom:20px;
        border-radius:100px;
        color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:35px;
        cursor: pointer;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
    }

    .btn_inscription_dpc img {
        margin-left:-25px;
        margin-bottom:-4px;
        margin-right: 10px;
    }

    .contenu_inscription_dpc a {
        color:#053F6D;
        font-family: "Poppins";
        font-weight:bold;
    }

    /* Page achat formation */
    .interieur_page_inscription_simple {
        padding-top:50px;
    }

    .titre_recap_achat_formation {
        width:100%;
        text-align: center;
        color:#29A9A1;
        font-family: "Poppins";
        font-weight:bold;
        font-size: 17px;
        padding-bottom: 30px;
    }

    .section_info_resume_formation {
        width:285px;
        margin:auto;
        padding-bottom:20px;
    }

    .interieur_section_info_resume_formation {

    }



    .description_achat_formation {
        display: none;
    }

    .interieur_page_inscription_simple .section_image_formation_riseup {
        width:285px;
        height: 191px;
        border-radius:8px;
        overflow: hidden;
        position: relative;
        margin:auto;
        margin-bottom:35px;
    }

    .interieur_page_inscription_simple .section_image_formation_riseup img {
        object-fit: cover;
        object-position: 50% 50%;
        width:285px;
        height: 191px;
    }

    .interieur_page_inscription_simple .titre_formation_riseup, .interieur_page_inscription_simple .sous_titre_formation_riseup, .interieur_page_inscription_simple .dure_formation_riseup {
        text-align: left;
        height: auto;
        margin-bottom:10px;
    }

    .bouton_affiche_resume_formation {
        text-decoration: underline;
        color:#29A9A1;
        font-family: "Poppins";
        font-size: 15px;
        cursor: pointer;
    }

    .description_achat_formation {
        font-family: "Poppins";
        font-size: 15px;
        color:#053F6D;
        line-height: 26px;
    }

    .btn_annulation_achat_formation {
        padding-left:20px;
        background-image:url('../images/croix_bleu.png');
        background-repeat: no-repeat;
        background-position: left;
        font-family: "Poppins";
        font-size: 15px;
        text-transform: uppercase;
        color:#053F6D;
        letter-spacing: 2px;
        cursor: pointer;
        margin-top:15px;
    }

    .pour_resumer_achat_formation a {
        text-decoration: none;
    }

    .cadre_section_recap_paiement {
        border:1px solid #BCBCBC;
        border-radius:8px;
        width:285px;
        margin:auto;
        margin-top:40px;
        color:#053F6D;
        font-family: "Poppins";
        padding-bottom:25px;
    }

    .titre_dans_resume_achat {
        color:#7A8995;
    }

    .header_cadre_section_recap_paiement {
        border-bottom:1px solid #BCBCBC;
    }

    .interieur_header_cadre_section_recap_paiement {
        padding-top:40px;
        padding-bottom:40px;
        padding-left:30px;
        font-size: 16px;
        font-weight:bold;
    }

    .milieu_cadre_section_recap_paiement, .bas_cadre_section_recap_paiement {
        padding-top:20px;
        padding-left:30px;
        padding-right:30px;
        font-size: 15px;
    }

    .ligne_total_achat_formation {
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .tarif_achat_formation {

    }

    .bouton_achat_formation {
        width:285px;
        height: 50px;
        margin:auto;
        background-color: #053F6D;
        margin-top:20px;
        margin-bottom:20px;
        border-radius:100px;
        color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:35px;
        cursor: pointer;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    .bouton_achat_formation .interne_btn_action_formation, .bouton_achat_formation_inactif .interne_btn_action_formation {
        height: 30px;
    }

    .bouton_achat_formation_inactif {
        width:285px;
        height: 50px;
        margin:auto;
        background-color: #e0e0e0;
        margin-top:20px;
        margin-bottom:20px;
        border-radius:100px;
        color:#053f6d;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:35px;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    .accept_cgv_paiement {
        margin-left:15px;
        margin-top:10px;
    }

    /* Page mon compte */
    .autour_de_la_page_mon_compte {
        background-color: #fff;
        width:100%;
        color:#053F6D;
        margin-top:-40px;
    }

    .section_nav_mon_compte {
        -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.16);
        box-shadow: 0 3px 5px 0 rgba(0,0,0,0.16);
        position: relative;
        z-index: 1;
    }

    .titre_mon_compte {
        text-align: left;
        font-family: "Poppins SemiBold";
        font-size: 22px;
        padding-bottom:20px;
        padding-top:40px;
        padding-right: 40px;
        padding-left:40px;
    }

    .bonjour_user_page_mon_compte {
        padding-bottom:20px;
        padding-right: 40px;
        padding-left:40px;
    }

    .avatar_user_page_mon_compte {
        height: 96px;
        width: 96px;

        display: table-cell;
        margin-right:7px;
    }

    .avatar_user_page_mon_compte img {
        height: 96px;
        width: 96px;
        border-radius:96px;
        overflow: hidden;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .nom_user_page_mon_compte {
        font-family: "Poppins";
        font-size: 15px;
        display: table-cell;
        vertical-align: middle;
        padding-left:10px;
    }

    .dans_nom_user_page_mon_compte {
        font-size: 17px;
        font-weight: bold;
    }

    .encadre_les_bouton_nav_mon_compte {
        clear: both;
    }

    .menu_espace_apprenant {
        background-color: #0e406c !important;
        color: #fff !important;
    }

    .menu_espace_employeur {
        background-color: #dc3f65 !important;
        color: #fff !important;
    }

    .menu_espace_apprenant .simple_vert_txt_menu, .menu_espace_employeur .simple_vert_txt_menu {
        color: #fff !important;
    }

    .btn_dans_mon_compte {
        width:100%;
        padding-top:25px;
        padding-bottom:25px;
        padding-left:40px;
        padding-right:40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #E3E3E3;
        cursor: pointer;
        font-family: "Poppins";
        font-size: 17px;
        font-weight: bold;
        margin-top: 10px;
    }

    .btn_dans_mon_compte_espace_apprenant {
        width:100%;
        padding-top:25px;
        padding-bottom:25px;
        padding-left:40px;
        padding-right:40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #0e406c;
        cursor: pointer;
        font-family: "Poppins";
        font-size: 17px;
        color: #fff;
        margin-top: 10px;
    }

    .btn_dans_mon_compte_espace_employeur {
        width:100%;
        padding-top:25px;
        padding-bottom:25px;
        padding-left:40px;
        padding-right:40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #dc3f65;
        cursor: pointer;
        font-family: "Poppins";
        font-size: 17px;
        color: #fff;
        margin-top: 10px;
    }



    .btn_dans_mon_compte_actif {
        width:100%;
        padding-top:25px;
        padding-bottom:25px;
        padding-left:40px;
        padding-right:40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #58C1D5;
        cursor: pointer;
        font-family: "Poppins";
        font-size: 17px;
        font-weight: bold;
        margin-top: 10px;
    }

    .interieur_mes_infos_mon_compte {
        width:100%;
        background-color: #f7f7f7;
    }

    .interieur_mes_infos_mon_compte .titre_principal_inscription {
        display: none;
    }

    /* Mes commandes */
    .interieur_mes_commande_mon_compte {
        padding-top: 40px;
    }
    .titre_mes_commandes {
        font-family: "Poppins SemiBold";
        font-size: 22px;
        color:#BCBCBC;
        width:246px;
        margin:auto;
    }



    .encadre_liste_inscription {
        width:246px;
        margin:auto;
        padding-bottom:50px;
    }

    .une_inscription {
        padding-top:25px;
        padding-bottom:25px;
        border-bottom:1px solid #BCBCBC;
    }

    .data_inscription {
        display:inline-block;
        vertical-align: top;
        margin-right: 30px;
        margin-bottom: 20px;
    }

    .data_inscription a {
        text-decoration: none;
    }

    .label_data_inscription {
        font-family: "Poppins";
        font-size: 13px;
        line-height: 23px;
        color:#7A8995;
    }

    .valeur_data_inscription, .data_inscription a, .valeur_data_inscription a {
        font-family: "Poppins";
        font-size: 16px;
        font-weight: bold;
        color:#053F6D;
        text-decoration: none;
    }

    .ico_facture_fromation {
        display: table-cell;
    }

    .text_dl_facture {
        color:#7A8995;
        font-family: "Poppins";
        font-size: 10px;
        text-decoration: underline;
        width:50px;
        display: table-cell;
        line-height: 15px;
        vertical-align: top;
        padding-left:7px;
        font-weight: normal;
    }

    /* Mes formations */
    .cadre_barre_progression {
        width:100%;
        height:30px;
        position: relative;
        border:1px solid #BCBCBC;
    }

    .interne_riseup_progress {
        position: absolute;
        left:0px;
        top: 0px;
        height:30px;
        background-color: #58C1D5;
    }

    .text_pourcent_progression_claire, .text_pourcent_progression_sombre {
        position: absolute;
        left:0px;
        top: 0px;
        height:30px;
        z-index: 1;
        text-align: center;
        font-weight:bold;
        width: 100%;
        padding-top:5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .text_pourcent_progression_claire {
        color:#fff;
    }

    .text_pourcent_progression_sombre {
        color:#053F6D;
    }

    .celule_inscription a {
        text-decoration: none;
    }

    .interieur_mes_formation_mon_compte {
        padding-top:40px;
    }

    .interieur_mes_formation_mon_compte .data_inscription {
        display: block;
    }

    .interieur_mes_formation_mon_compte .btn_action_formation {
        width:200px;
    }

    .cadre_selection_formation {
        text-align: center;
    }

    .encadre_doc_dl {
        position: relative;
        background: #022545;
        padding:20px;
        color:#fff;
    }

    .encadre_doc_dl:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(2, 37, 69, 0);
        border-bottom-color: #022545;
        border-width: 10px;
        margin-left: -10px;
    }

    .ligne_doc_dl_commande {

    }

    .table_doc_dl_commande, .encadre_doc_dl_mobile .ligne_doc_dl_commande {
        border-bottom:1px solid #58C1D5;
    }

    .table_doc_dl_commande a {
        text-decoration: none;
        color:#fff;
    }

    .ligne_doc_dl_commande:hover .table_doc_dl_commande a {
        color:#58C1D5;
    }

    .encadre_doc_dl_mobile .table_doc_dl_commande {
        display:inline-block;
        vertical-align: middle;
        border-bottom:0px;
        max-width:75%;
        font-size:12px;

    }

    .encadre_doc_dl_mobile .ligne_doc_dl_commande {
        padding-bottom:7px;
        padding-top:7px;
    }

    /* PAge acceptation convention formation */
    .page_acceptation_convention_formation {
        padding-top:40px;
        padding-bottom: 40px;
    }

    /* Message retour form avance */
    .le_retour_form_avance {
        padding-top:50px;
    }
    .encadre_message_final {
        background-color: #aeffe6 !important;
        padding-left:25px !important;
        padding-right:25px !important;
        padding-top:60px !important;
        padding-bottom:60px !important;
        color:#053F6D !important;
        font-weight:bold !important;
        font-size:16px !important;
        text-align: center !important;
        line-height: 23px !important;
        border-radius: 0px 0px 38px 0px !important;
    }

    .encadre_message_final .btn_bleu {
        width: 216px;
        padding: 10px;
        margin: auto;
        cursor: pointer;
        background-color: #053F6D;
        background-image: url(../images/fleche_btn_blanc.png);
        background-repeat: no-repeat;
        background-position: 95%;
        color: #fff;
        font-family: "Poppins SemiBold";
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;
        border-radius: 50px;
    }

    .encadre_message_final a {
        text-decoration: none;
    }

    .btn_bleu a {
        color: #fff;
    }

    /* Page quis ommes nous */
    .que_diffu_small .cadre_article_introduction_page_qui_sommes_nous {
        margin-bottom:300px;
        padding-bottom:30px;
    }

    .que_diffu_small .cadre_article_introduction_page_qui_sommes_nous .image_article_front_small {
        position: absolute;
        bottom: 0px;
        left: 50%;
        width: 320px !important;
        height: auto !important;
        margin-left: -160px !important;
        margin-bottom: -251px !important;
    }

    .que_diffu_small .cadre_article_introduction_page_qui_sommes_nous .diffu_article_text_small {
        color: #fff;
        width:252px;
        margin:auto;
        font-family: "Poppins";
        font-size: 17px;
        line-height: 28px;
        padding-top: 30px;
        text-align: center;
    }

    .encadre_picto_qui_som {
        text-align: center;
    }

    .un_picto_qui_som {
        text-align: center;
        padding-top:20px;
        padding-bottom:20px;
    }

    .carre_picto_qui_somme {
        width:108px;
        height: 108px;
        margin:auto;
        margin-bottom:20px;
        border-radius:8px;
    }

    .carre_picto_qui_somme img {
        max-height: 47px;
        max-width:66px;

    }

    .texte_picto_qui_somme {
        text-align: center;
        color:#053F6D;
        font-family: "Poppins SemiBold";
        font-size:16px;
        line-height: 26px;
    }

    .cadre_article_accompagnement {
        width:270px;
        margin:auto;
        font-family: "Poppins SemiBold";
        font-size:17px;
        line-height: 28px;
        color:#fff;
    }

    .cadre_article_accompagnement .diffu_article_text_small {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 40px;
    }


    .cadre_article_experience {
        width:280px;
        margin:auto;
        font-family: "Poppins";
        font-size:18px;
        line-height: 28px;
        color:#053F6D;
        padding-top: 30px;
        padding-bottom: 270px;
        text-align: center;
    }

    .cadre_article_experience a {
        color:#053F6D;
    }

    .cadre_article_experience .image_article_front_small {
        width:212px !important;
        height: auto !important;
        position: absolute;
        bottom:0px;
        margin-bottom:0px !important;
        left: 50%;
        margin-left: -126px;
    }

    .cadre_article_experience .diffu_article_text_small {
        padding-top: 20px;
    }


    .phrase_decouvrer_nos_offre {
        width:265px;
        margin:auto;
        margin-top:50px;
        margin-bottom: 40px;
        font-family: "Poppins";
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color:#053F6D;
        text-align: center;
    }

    .cadre_article_decouvrez_nos_offres .bouton_active_recherche {
        width: 223px;
        margin-bottom: 60px;
        font-size: 17px;
        background-position: 90%;
    }

    .carre_picto_qui_somme a, .encadre_picto_qui_som a, .encadre_picto_qui_som {
        color: #053f6d;
    }

    .acces_rapide_reglement_inscription {
        background-color: #241261;
        cursor: pointer;
        color:#fff;
        text-decoration: none;
        font-size: 11px;
        padding-top:4px;
        padding-bottom:4px;
        padding-left:14px;
        padding-right:14px;
        width:160px;
        border-radius:60px;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-align: center;
    }

    .acces_rapide_reglement_inscription:hover {
        background-color: #373737;
    }

    .acces_rapide_reglement_inscription a {
        color: #fff;
        text-decoration: none;
    }


    /* Plus acces formation */
    .enrobage_global_non_acces_formation {
        background-color: #58c1d5;
        text-align: center;
        width:100%;
        margin:auto;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color:#fff;
        font-size: 18px;
        margin-bottom:-16px;
        font-family: "Poppins SemiBold";
    }

    .interieur_non_acces_formation {
        width:246px;
        margin:auto;
    }

    .enrobage_global_non_acces_formation img {
        margin-top:50px;
        margin-bottom:-4px;
    }

    /* Page FAQ */
    .intro_faq {
        font-family: "Poppins Medium";
        width:100%;
        height:250px;
        padding-left:40px;
        padding-right:40px;
        padding-top:50px;
        padding-bottom:50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color:#fff;
        font-size: 18px;
        font-weight:bold;
        text-align: center;
        background-color: #053f6d;
        line-height: 30px;
    }

    .titre_cat_faq {
        font-family: "Poppins Medium";
    }

    .btn_deploiement_qu {
        background-image:url('../images/down_petit_60.png') !important;
    }

    .btn_deploiement_qu_ouv {
        background-image:url('../images/up_petit_60.png') !important;
    }

    .intro_faq .vous_avez_une_question {
        color:#98e7d7;
        letter-spacing: 1px;
        margin-bottom:10px;
        font-family: "Poppins Medium";
        font-size:18px;
    }

    .conclusion_faq {
        width:100%;
        height:250px;
        padding-left:40px;
        padding-right:40px;
        padding-top:50px;
        padding-bottom:50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color:#fff;
        font-size: 16px;
        font-weight:bold;
        text-align: center;
        background-color: #58c1d5;
        line-height: 40px;
    }

    .conclusion_faq .vous_avez_une_question {
        color:#053f6d;
        letter-spacing: 1px;
        margin-bottom:10px;
    }

    .gros_bouton_blanc {
        color:#053f6d;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:25px;
        width:246px;
        margin:auto;
        border-radius:13px;
        cursor: pointer;
        background-image:url('../images/fleche_gros_droite_bleu.png');
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins Medium";
        font-size: 13px;
        text-align: left;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
        letter-spacing: 1px;
    }

    .gros_bouton_blanc:hover {
        border-radius:50px;
    }

    .gros_bouton_blanc a, .conclusion_faq a {
        text-decoration: none;
    }

    .banniere_num_dpc {
        top:144px !important;
        left:7px !important;
        width:292px !important;
    }

    /* Landing page */
    .landing_page {
        width:100%;
        margin-bottom:50px;
    }

    .landing_page_cadre_banniere, .landing_page_cadre_banniere_cas_clinique {
        display: none;
    }

    .landing_page_cadre_quizz {
        background-color: #00A8A1;
        color:#fff;
        margin-bottom:20px;
        padding:20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 33px;
    }

    .landing_page_cadre_quizz_interne {
        width:90%;
        margin:auto;

        text-align: center;
        padding:10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 17px;
        font-family: "Poppins";
    }

    .landing_page_cadre_quizz_interne img {
        max-width: 100%;
        height: auto;
    }

    .landing_page_cadre_quizz_interne_justificatif {
        font-weight:normal;
        font-style: italic;
        font-size: 17px;
        font-family: "Poppins";
        margin-top:20px;
    }








    .landing_page_cadre_cas_clinique {
        background-color: #77CCDD;
        color:#fff;
        margin-bottom:20px;
        padding:20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 33px;
    }

    .landing_page_cadre_cas_clinique_interne {
        width:90%;
        margin:auto;

        text-align: center;
        padding:10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 17px;
        font-family: "Poppins";
    }

    .landing_page_cadre_cas_clinique_interne img {
        max-width: 100%;
        height: auto;
    }

    .landing_page_cadre_cas_clinique_interne_justificatif {
        font-weight:normal;
        font-style: italic;
        font-size: 17px;
        font-family: "Poppins";
        margin-top:20px;
    }




    .landing_page_vers_btn_explication {
        width:100%;
        text-align: left;
        margin-bottom: 40px;
    }

    .interne_landing_page_vers_btn_explication {
        display:block;
        font-size: 17px;
        font-family: "Poppins SemiBold";
        padding-top:22px;
        display: block;
        text-align: center;
        width:75%;
        margin:auto;
    }



    .landing_page_inferieur {
        width:100%;
        background-color: #E3EEEF;
    }

    .landing_page_inferieur_gauche {
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #B2E5E3;
        color:#053F6D;
        text-align: center;
        vertical-align: top;
    }

    .landing_page_inferieur_gauche_interieur {

        text-align: center;
        font-size: 17px;
        line-height: 28px;
        padding-top:10px;
        padding-bottom:10px;
    }

    .landing_page_inferieur_gauche_interieur_label_titre {
        font-family: "Poppins SemiBold";
    }

    .landing_page_inferieur_gauche_interieur_titre {
        margin-top: 10px;
    }

    .landing_page_inferieur_gauche_interieur_dpc {
        font-family: "Poppins SemiBold";
        margin-top:20px;
    }

    .landing_page_inferieur_droite {
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #E3EEEF;
        color:#053F6D;
        text-align: center;
        vertical-align: top;
        font-size: 17px;
    }

    .landing_page_inferieur_droite_interieur {

        margin:auto;
        padding-top:15px;
    }

    .liste_cocarde {
        width:90%;
        margin:auto;
    }

    .li_cocarde {
        padding-left:50px;
        background-image:url('../images/cocarde_blanche.png');
        background-repeat: no-repeat;
        background-position: 10px 5px;
        margin-bottom:20px;
        text-align: left;
    }

    .data_li_cocarde {
        font-family: "Poppins SemiBold";
    }



    /* Nouvelle pas espace apprenant*/
    .cadre_sous_section_espace_apprenant {
        width: 100%;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .interne_cadre_sous_section_espace_apprenant {
        display: inline-block;
        padding: 4px;
    }

    .titre_interne_cadre_sous_section_espace_apprenant {
        font-size: 15px;
        color: #164f79;
    }

    .mes_formation_en_cours {
        background-color: #59c1d5;
        color: #164f79;
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        padding-right: 12px;
        border-radius: 6px;
        cursor: pointer;
        display: inline-block;
    }


    .mes_formation_en_cours_actif {
        background-color: #59c1d5;
        color: #164f79;
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        padding-right: 12px;
        position: relative;
        border-radius: 6px;
        cursor: pointer;
        display: inline-block;
    }

    .mes_formation_en_cours_actif:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(89, 193, 213, 0);
        border-top-color: #59c1d5;
        border-width: 15px;
        margin-left: -15px;
    }


    .mes_formation_termine {
        background-color: #00a8a1;
        color: #fff;
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        padding-right: 12px;
        border-radius: 6px;
        cursor: pointer;
        display: inline-block;
    }


    .mes_formation_termine_actif {
        background-color: #00a8a1;
        color: #fff;
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        padding-right: 12px;
        position: relative;
        border-radius: 6px;
        cursor: pointer;
        display: inline-block;
    }

    .mes_formation_termine_actif:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(89, 193, 213, 0);
        border-top-color: #00a8a1;
        border-width: 15px;
        margin-left: -15px;
    }

    .mes_formation_inscrire {
        background-color: #164f79;
        color: #fff;
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        border-radius: 6px;
        cursor: pointer;
        display: inline-block;
    }


    .soustraire_css_lien_base {
        text-decoration: none;
        color: #fff;
    }


    /* SECTION AUTEUR FORMATION */
    .ligne_bleu_sombre {
        background-color: #053F6D;
        color: #fff;
        font-family: "Poppins";
        font-style: italic;
        font-size: 18px;
        padding-top: 40px;
        padding-bottom: 20px;
        text-align: center;
    }

    .titre_vos_formateurs {
        font-family: "Poppins";
        font-size: 20px;
        font-weight: bold;
    }

    .cadre_autour_des_auteurs_formation {
        width: 90%;
        text-align: center;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .cadre_de_un_auteur_formation {
        width: 261px;
        height: 481px;
        overflow: hidden;
        position: relative;
        margin: 4px;
        display: inline-block;
        border-radius: 8px 8px 0 0;
    }

    .photo_de_un_auteur {
        width: 261px;
        height: 261px;
        position: relative;
        z-index: 1;
    }

    .photo_de_un_auteur img {
        max-width: 261px;
        max-height: 261px;
        object-fit: cover;
    }

    .couche_opaque_auteur_formation {
        width: 261px;
        height: 220px;
        background: rgba(203, 227, 231, 1);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        margin-top: -8px;
        border-radius: 0 0 8px 8px;
        position: relative;
        z-index: 2;
    }



    .nom_auteur_formation {
        color: #053F6D;
        font-family: "Poppins SemiBold";
        font-size: 18px;
    }

    .metier_auteur_formation {
        color: #053F6D;
        font-family: "Poppins";
        font-size: 18px;
    }

    .lieu_exercice_auteur_formation {
        color: #053F6D;
        font-family: "Poppins";
        font-style: italic;
        font-size: 18px;
    }




    /* Avis client */
    .cadre_avie_client_manuel {
        background-color: #F7F7F7;
        border-radius: 6px;
        padding-bottom: 15px;
        margin-top: 20px;
        width: 100%;
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow: 1px 4px 4px rgba(43,43,86,.2);
        margin-bottom: 20px;
    }

    .avis_dans_fiche_formation .cadre_avie_client_manuel {
        background-color: #fff;
    }

    .phrase_gras_avis_client_manuel {
        font-family: "Poppins Medium";
        font-size: 18px;
        color: #053F6D;
    }

    .phrase_simple_avis_client_manuel {
        font-family: "Poppins Medium";
        font-size: 15px;
        color: #053F6D;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .cadre_carouselle_avis_client_manuel {
        width: 100%;
    }

    .cadre_avis_manuel {
        width: 250px !important;
        height: 300px;
        display: inline-block;
        box-shadow: 1px 4px 4px rgba(43,43,86,.2);
        border-radius: 8px;
        margin: 10px;
        border-radius: 8px;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
    }

    .autour_text_avis_manuel {
        font-family: "Poppins";
        font-size: 15px;
        font-style: italic;
        color: #022545;
        text-align: center;
    }

    .autour_nom_client_avis_manuel {
        text-align: center;
        font-family: "Poppins SemiBold";
        font-size: 15px;
        color: #022545;
    }

    .autour_image_avis_manuel {
        text-align: center;
    }

    .autour_image_avis_manuel img {
        height: 40px;
        width: auto;
    }

    /* Fiche video */
    .header_fiche_tuto, .section_information_video_tuto {
        width:320px;
        margin:auto;
    }

    .section_information_video_tuto {
        clear:both;
    }

    .bouton_retour_dans_fiche_tuto {
        text-align: right;
        width:100%;
        padding-bottom:15px;
        padding-top:15px;
        cursor: pointer;
        font-size:12px;
        font-family: "Poppins";
        color:#707070;
    }

    .titre_en_haut_de_fiche_tuto {
        font-family: "Poppins Medium";
        font-size:18px;
        color:#022545;
        margin-bottom:15px;
    }

    .message_invite_connection_haut_fiche_tuto {
        font-family: "Poppins";
        text-decoration: underline;
        font-size: 15px;
        color:#707070;
        padding-bottom:20px;
        text-align: center;
    }

    .interieur_video_tuto video {
        max-width: 100%;
    }

    .footer_section_video_tuto {
        padding-top:10px;
        padding-bottom:60px;
    }

    .info_cat_tuto_video, .info_dure_tuto_video {
        float:left;
        margin:5px;
        font-family: "Poppins";
        font-size:13px;
        color:#022545;
        text-transform: uppercase;
    }

    .info_cat_tuto_video img, .info_dure_tuto_video img {
        max-height: 20px;
        width:auto;
    }

    .titre_paragraphe {
        font-family: "Poppins Medium";
        font-size:18px;
        color:#134E84;
        margin-bottom:15px;
    }

    .contenu_paragraphe {
        font-family: "Poppins Medium";
        font-size:15px;
        color:#022545;
        line-height: 20px;
        margin-top:5px;
        margin-bottom:20px;
    }

    .droite_video_tuto_fiche, .zone_inferieur_interieur_video_tuto {
        display:none;
    }

    .diffusion_video_bande_annonce {
        /*display:none;*/
    }

    .diffusion_invite_connecte_a_la_place_de_bande_annonce {
        display:none;
        width:100%;
        height:273px;
        position:relative;
    }

    .couche_image_inferieur {
        width:100%;
        height:273px;
        background-size: cover;
        background-position: center;
        position:absolute;
        top:0px;
        left:0px;
    }

    .couche_superieur_image {
        width:100%;
        height:273px;
        background-color: rgba(2, 25, 45, 0.8);
        position:absolute;
        top:0px;
        left:0px;
    }

    .message_remplace_video {
        font-family: "Poppins Medium";
        font-size:15px;
        color:#fff;
        width:320px;
        margin:auto;
        text-align: center;
        padding-top:80px;
        padding-bottom:35px;
    }

    .btn_se_connecte_remplace_video {
        width:276px;
        margin:auto;
        background-color: #fff;
        font-family: "Poppins SemiBold";
        cursor:pointer;
        font-size:15px;
        color:#134E84;
        text-align: center;
        padding-top:11px;
        padding-bottom:10px;
        border-radius:5px;
    }

    .section_inferieur_fiche_tuto_mobile {
        border-top:1px solid #d7d7d7;
    }

    .section_inferieur_fiche_tuto_mobile_notation, .section_inferieur_fiche_tuto_mobile_favori, .section_inferieur_fiche_tuto_mobile_social {
        border-bottom:1px solid #d7d7d7;
        text-align: center;
        padding-top:15px;
        padding-bottom:15px;
    }

    .section_inferieur_fiche_tuto_mobile_social {
        padding-bottom:0px;
    }

    .titre_notation_tuto, .text_ajout_fav_tuto, .titre_de_partage_social {
        font-family: "Poppins";
        font-weight: lighter;
        font-size:15px;
        text-decoration: none;
        text-align: center;
        color:#022545;
    }

    .cadre_notation {
        margin-top:15px;
    }

    .note_en_texte {
        display:none;
        font-style:italic;
        text-align:center;
    }


    .etoile_jaune_droite {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_jaune_droite.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:left center;
        width:12px;
        height:26px;
        cursor:pointer;
        margin-right:4px;
    }

    .etoile_jaune_gauche {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_jaune_gauche.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:right center;
        width:12px;
        height:26px;
        cursor:pointer;
    }

    .etoile_bleu_droite {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_bleu_droite.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:left center;
        width:12px;
        height:26px;
        cursor:pointer;
        margin-right:4px;
    }

    .etoile_bleu_gauche {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_bleu_gauche.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:right center;
        width:12px;
        height:26px;
        cursor:pointer;
    }

    .etoile_blc_droite {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_blc_droite.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:left center;
        width:12px;
        height:26px;
        cursor:pointer;
        margin-right:4px;
    }

    .etoile_blc_gauche {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_blc_gauche.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:right center;
        width:12px;
        height:26px;
        cursor:pointer;
    }

    .note_en_texte {
        display:none;
    }


    /* Bouton favorie tuto video */
    .cadre_action_sur_favorie_tuto {
        width:100%;
        padding-top:10px;
        padding-bottom:10px;
        text-align: center;
        cursor: pointer;

    }

    .cadre_miniature_tutoriel_fav {
        position:relative;
        cursor: pointer;
        display:inline-block;
    }

    .coeur_vide_fav_tuto_miniature {
        width:22px;
        height:20px;
        background-image:url('../../../plugins/backoffice_gestion_tutoriel_equipement/images/coeur_vide.png');
        background-repeat: no-repeat;
        position:relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .coeur_rouge_fav_tuto_miniature, .coeur_vide_fav_tuto_miniature:hover, .coeur_rouge_fav_tuto, .coeur_plein_fav_tuto:hover {
        width:24px;
        height:22px;
        background-image:url('../../../plugins/backoffice_gestion_tutoriel_equipement/images/coeur_rouge.png');
        background-repeat: no-repeat;
        position:relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .coeur_rouge_fav_tuto_miniature:hover, .coeur_plein_fav_tuto, .coeur_rouge_fav_tuto:hover {
        width:19px;
        height:18px;
        background-image:url('../../../plugins/backoffice_gestion_tutoriel_equipement/images/coeur_plein.png');
        background-repeat: no-repeat;
        position:relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .coeur_rouge_fav_tuto_miniature .message_sous_coeur, .coeur_vide_fav_tuto_miniature .message_sous_coeur, .coeur_plein_fav_tuto .message_sous_coeur, .coeur_rouge_fav_tuto .message_sous_coeur {
        opacity: 0;
        position:absolute;
        bottom:20px;
        margin:auto;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        font-family: "Poppins SemiBold";
        font-size:9px;
        color:#022545;
        width:100px;
        text-align: center;
        left:50%;
        margin-left:-50px;
    }

    .coeur_rouge_fav_tuto_miniature:hover .message_sous_coeur, .coeur_vide_fav_tuto_miniature:hover .message_sous_coeur, .coeur_plein_fav_tuto:hover .message_sous_coeur, .coeur_rouge_fav_tuto:hover .message_sous_coeur {
        opacity: 1;
        bottom:-15px;

    }

    .cadre_favorie_tuto, .text_ajout_fav_tuto, .coeur_rouge_fav_tuto, .coeur_plein_fav_tuto {
        display:inline-block;
        vertical-align: middle;
    }

    .text_ajout_fav_tuto {
        cursor: pointer;
        width:100%;
        text-align: center;
    }

    .cadre_favorie_tuto {
        width:100%;
        text-align: center;
    }

    .coeur_bleu_mobile {
        text-align: center;
    }

    /* Partage social */
    .titre_de_partage_social {
        width:100%;
        text-align: center;
        cursor: pointer;
    }

    .text_dans_partage_social {
        font-family: "Poppins";
        font-weight: lighter;
        font-size:13px;
        color:#134E84;
        width:100%;
        text-align: center;
    }

    .autour_btn_r_sociaux {
        text-align: center;
    }

    .encadre_un_btn_r_social {
        display:inline-block !important;
        margin:10px;
    }

    .zone_social_pc_tuto {
        display:none;
    }


    /* Objets similaire */
    .cadre_formation_et_tuto_proche {
        text-align: center;
    }

    .cadre_formation_et_tuto_proche a {
        text-decoration: none;
    }

    .titre_widget_objet_similair {
        font-family: "Poppins Medium";
        font-size:22px;
        text-align: center;
        width:100%;
        padding-left:10px;
        padding-right:10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color:#022545;
        line-height: 26px;
        margin-top:30px;
        margin-bottom:30px;
    }

    /* Nouvelle interface mon compte */
    .colonne_a_mon_compte {
        display:none;
    }
    .containeur_menu_dashboard {
        overflow-x: hidden;
        position: relative;
        width:320px;
    }

    .bonjour_mon_compte {
        font-family: "Poppins SemiBold";
        font-size:22px;
        color:#022545;
        padding-top:15px;
        padding-bottom:20px;
    }

    .cadre_interface_section_mon_compte {
        padding-top:30px;
        background-color: #E8F0FE;
        padding-bottom:20px;
    }

    .interieur_interface_section_mon_compte {
        background-color: #fff;
        margin-bottom:20px;
    }

    .containeur_menu_dashboard {
        overflow-x: hidden;
        position: relative;
    }

    .menu_dashboard_user {
        display: flex;
        overflow-x: scroll;
        white-space: nowrap;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .menu_dashboard_item {
        text-decoration: none;
        font-family: "Poppins";
        font-size:14px;
        font-weight:bold;
        color:#A9BAD6;
        padding-right:15px;
    }

    .menu_dashboard_user_actif {
        color:#022545 !important;
    }

    .gros_bouton_de_menu_inferieur {
        background-color: #fff;
        font-family: "Poppins";
        font-size:15px;
        font-weight:bold;
        color:#022545;
        padding-top:30px;
        padding-bottom:30px;
        text-align: center;
        margin-bottom:20px;
        cursor: pointer;
    }

    .centre_contenu_centre_espace_employeur {
        width:320px;
        margin:auto;
    }

    .titre_interieur_section_mon_compte {
        font-family: "Poppins";
        font-size:18px;
        font-weight:bold;
        color:#022545;
        padding-top:20px;
        padding-bottom:20px;
    }

    .sous_titre_interieur_section_mon_compte {
        font-family: "Poppins";
        font-size:15px;
        color:#022545;
    }

    .dl_doc_inscription {
        cursor:pointer;
        font-family: "Poppins";
        text-decoration: underline;
        font-size:13px;
        color:#022545;
    }

    .btn_dl_doc_inscription {
        background-color: #053F6D;
        cursor: pointer;
        color:#fff;
        padding-top:7px;
        padding-bottom:7px;
        width:102px;
        text-align: center;
        border-radius:6px;
        font-family: "Poppins Medium";
        font-size:13px;
        display: inline-block;
    }

    .carre_mon_tab_bord {
        width:30px;
        height:30px;
        cursor: pointer;
        border-radius:8px;
    }

    .ligne_diffuse_lien_inscription_mobile {
        padding-top:10px;
        padding-bottom:10px;
        border-bottom:1px dashed #ccc;
    }

    .ligne_diffuse_lien_inscription_pc {

        padding-top:15px;
        padding-bottom:10px;
        border-bottom:1px solid #cbcbcb;
    }

    .ligne_diffuse_lien_inscription {
        border-bottom:1px solid #cbcbcb;
        margin-bottom:15px;
        padding-bottom:5px;
        cursor: pointer;
    }

    .titre_formation_dans_ligne_inscription {
        padding-bottom:10px;
        font-family: "Poppins Medium";
        font-size:15px;
        color:#38A2B7;
        cursor:pointer;
    }

    .invisible_en_format_mobile {
        display: none;
    }

    .petit_label_liste_formation {
        font-family: "Poppins";
        font-size: 13px;
        color:#707070;
        padding-top:8px;
        display: none;
    }

    .data_liste_formation {
        font-family: "Poppins Medium";
        font-weight: normal;
        font-size:15px;
        color:#022545;
    }

    .bouton_telecharge_doc_inscription {
        font-size: 0;
        width:102px;
        height:34px;
        cursor: pointer;
        margin-top:5px;
        background-image:url('../images/telecharger_ici.png');
        background-repeat: no-repeat;
        margin:auto;
    }

    .section_des_doc_a_telecharger_liste_inscription {
        display:none;
        background-color: #022545;
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size: 13px;
        border-radius:8px;
        width:100%;
        padding:10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top:10px;
    }

    .interieur_section_des_doc_a_telecharger_liste_inscription {
        width:175px;
        margin:auto;
    }

    .encadre_section_invite_collaborateur {
        width:100%;
        padding-top:30px;
        padding-bottom:30px;
        color:#fff;
        background-color: #022545;
    }

    .gros_titre_section_invite_collaborateur {
        color:#fff;
        text-align: center;
        font-family: "Poppins Medium";
        font-size:18px;
        padding-bottom:20px;
    }

    .un_element_invitation_en_attente {
        padding-top:20px;
    }

    .interne_element_invitation_en_attente {
        padding-bottom:10px;
    }

    .label_invitation_en_attente {
        font-family: "Poppins";
        font-size: 15px;
        color:#fff;
    }

    .data_invitation_en_attente {
        font-family: "Poppins SemiBold";
        font-size: 15px;
        color:#fff;
    }

    .liste_des_invitations_en_attente_interieur_pc {
        display:block;
        padding-top:30px;
    }

    .liste_des_invitations_en_attente_interieur_pc table {
        width:100%;
    }

    .cadre_btn_continuer_ligne_inscription {
        text-align: right;
    }

    .btn_continuer_ligne_inscription {
        display:inline-block;
        padding:8px;
        background-color: #053F6D;
        border-radius:8px;
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size: 13px;
    }

    .interieur_cellule_mon_tab_bord {
        padding-top:5px;
        font-family: "Poppins Medium";
        font-size: 15px;
    }

    .pour_btn_voir_dans_tableau_bord_td {
        display:none;
    }

    .une_ligne_score, .une_ligne_certificat {
        padding-bottom:15px;
        margin-bottom:15px;
        font-family: "Poppins Medium";
        font-size: 15px;
        color:#022545;
        border-bottom: 1px solid #cbcbcb;
        cursor:pointer;
    }

    .btn_bleu_mon_compte {
        width: 263px;
        background-color: #053F6D;
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size: 13px;
        padding-top:8px;
        padding-bottom:8px;
        padding-left:8px;
        padding-right:8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        margin-top:20px;
        margin-bottom:20px;
        border-radius:5px;
    }

    .btn_bleu_mon_compte:hover {
        border-radius:50px;
    }

    .btn_bleu_mon_compte_secondaire {
        font-family: "Poppins Medium";
        font-size:15px;
        color:#053F6D;
        text-align: center;
        margin-top:25px;
        cursor:pointer;
    }

    .absence_donne {
        padding-top:25px;
    }

    .section_2_pc {
        display:none;
    }

    .section_2_mobile .cadre_champs_visio_liste_inscription {
        margin-top:25px;
    }

    .section_2_mobile .label_visio_liste_inscription {
        margin-bottom:10px;
        font-family: "Poppins Medium";
        font-size:18px;
        color:#022545;
    }

    .titre_section_espace_apprenant {
        font-family: "Poppins Medium";
        font-size:18px;
        color:#022545;
        margin-bottom:10px;
    }

    .cadre_des_bouton_statut_formation_espace_apprenant {
        width:100%;
    }

    .bouton_statut_en_cours_espace_apprenant, .bouton_statut_en_cours_espace_apprenant_actif {
        border-radius:5px;
        padding:7px;
        color:#fff;
        background-color: #3C8A72;
        font-family: "Poppins SemiBold";
        font-size: 13px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin:3px;
        position: relative;
        display: inline-block;
    }

    .bouton_statut_en_cours_espace_apprenant_actif:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(60, 138, 114, 0);
        border-top-color: #3C8A72;
        border-width: 7px;
        margin-left: -7px;
    }


    .bouton_statut_termine_espace_apprenant, .bouton_statut_termine_espace_apprenant_actif {
        border-radius:5px;
        padding:7px;
        color:#fff;
        background-color: #38A2B7;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin:3px;
        position: relative;
        display: inline-block;
    }

    .bouton_statut_termine_espace_apprenant_actif:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(56, 162, 183, 0);
        border-top-color: #38A2B7;
        border-width: 7px;
        margin-left: -7px;
    }


    .bouton_statut_non_termine_espace_apprenant, .bouton_statut_non_termine_espace_apprenant_actif {
        border-radius:5px;
        padding:7px;
        color:#fff;
        background-color: #A1A1A1;
        font-family: "Poppins SemiBold";
        font-size: 14px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin:3px;
        position: relative;
        display: inline-block;
    }

    .bouton_statut_non_termine_espace_apprenant_actif:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(161, 161, 161, 0);
        border-top-color: #A1A1A1;
        border-width: 7px;
        margin-left: -7px;
    }

    .content_section_espace_apprenant {
        padding-top:20px;
        padding-bottom: 25px;
        min-height: 200px;
    }

    .interne_espace_employeur {
        padding-bottom:25px;
    }

    .sous_titre_mon_compte_deployeur, .sous_titre_mon_compte_deployeur_actif {
        font-family: "Poppins Medium";
        font-size:18px;
        color:#022545;
        margin-bottom:10px;
        margin-top:10px;
        width:100%;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position:relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding-right:25px;
    }

    .sous_titre_mon_compte_deployeur:after {
        content:" ";
        background-image:url('../../../theme/theme_ophtaneo_academie/images/fleche_bleu_clair_droite.png');
        background-repeat: no-repeat;
        position:absolute;
        right:10px;
        top:4px;
        width:10px;
        height:16px;
    }

    .sous_titre_mon_compte_deployeur_actif:after {
        content:" ";
        background-image:url('../../../theme/theme_ophtaneo_academie/images/fleche_bleu_clair_dow.png');
        background-repeat: no-repeat;
        position:absolute;
        right:10px;
        top:8px;
        width:16px;
        height:10px;
    }

    .interieur_interface_section_mon_compte .sous_section_deployable {
        border-bottom:1px solid #ccc;
        padding-bottom:20px;
        display:none;
    }

    .interieur_interface_section_mon_compte .sous_section_deployable .encadre_global_form_inscription {
        padding-left:10px;
        padding-right:10px;
        padding-top:0px;
        padding-bottom:0px;
        width:100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .interieur_interface_section_mon_compte .sous_section_deployable .champs_front {
        font-size:15px;
        color:#022545;
        padding:5px;
    }

    .interieur_interface_section_mon_compte .sous_section_deployable .encadre_un_champs {
        width:100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .interieur_interface_section_mon_compte .sous_section_deployable .cadre_champs_form_avance {
       padding-bottom:0px;
    }

    .petit_titre_collaborateur {
        font-family: "Poppins";
        font-size: 14px;
        color:#4A6176;
    }

    .ligne_salarie_de_employeur {
        padding-bottom:20px;
    }

    .cadre_espace_employeur_element_invite_salarie {
        display: none;
    }

    .separation_espace_employeur {
        border-bottom:1px solid #b1b1b1;
        width:320px;
        margin:auto;
        padding-top:20px;
        margin-bottom:20px;
    }

    .separation_de_block_dans_espace_employeur {
        background-color: #e8f0fe;
        height: 12px;
        margin-top:30px;
    }

    .cadre_pour_inscription_collab {
        background-color: #fff;
        padding-top:30px;
    }

    .titre_inscription_collab {
        font-family: "Poppins Medium";
        font-size:18px;
        text-align: center;
        color:#022545;
    }

    .nom_du_salarie {
        font-family: "Poppins SemiBold";
        font-size: 15px;
        color:#022545;
    }

    .bouton_detachement_salarie, .bouton_de_destruction_invitation_en_attente, .bouton_nouvel_invite_collaborateur_employeur {
        cursor: pointer;
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size: 13px;
        background-color: #EB5050;
        width:100%;
        padding-top:8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-align: center;
        border-radius:9px;
        margin-top:15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .bouton_de_destruction_invitation_en_attente {
        width:186px;
        margin: auto;
        margin-bottom:20px;
    }

    .bouton_nouvel_invite_collaborateur_employeur {
        width:156px;
        margin: auto;
        background-color: #AEFFE6;
        margin-top:20px;
        color:#022545;
    }

    .autour_enveloppe_bouton_nouvel_invite_collaborateur_employeur {
        padding-left:7px;
        padding-top:5px;
    }

    .liste_inscription_salarie {
        display:none;
    }

    .section_nouvel_invitation_collaborateur_employeur {
        padding-top:5px;
    }

    .titre_nouvel_invitation_collaborateur_employeur {
        font-family: "Poppins SemiBold";
        font-size: 15px;
        text-align: center;
        padding-bottom:20px;
        color:#ffffff;
    }

    .demande_en_cours_email {
        border-bottom: 1px solid #fff;
        padding-top:10px;
        padding-bottom:10px;
        padding-right:10px;
    }

    .ico_fond_demande_en_cours {
        border-bottom: 1px solid #fff;
        padding-top:10px;
        padding-bottom:10px;
        width:25px;
    }

    .titre_au_dessus_demande_en_cours {
        font-family: "Poppins SemiBold";
        font-size: 15px;
        text-align: left;
        padding-bottom:20px;
        color:#AEFFE6;
    }

    .titre_principal_invite_salarie {
        display: block;
        text-align: center;
        padding-bottom:10px;
        font-family: "Poppins Medium";
        font-size:18px;
        color:#ffffff;
        text-transform: uppercase;
    }

    .autour_champs_invite .champs_front {
        height:auto !important;
        padding-top:5px !important;
        padding-bottom:5px !important;
        text-align: center !important;
    }


    .zone_inscription_collab {
        /*display:none;*/
    }

    .bouton_systeme_inscription_collab {
        width:100%;
        border-radius:8px;
        background-color: #053F6D;
        color:#fff;
        text-align: center;
        font-family: "Poppins SemiBold";
        font-size: 13px;
        cursor: pointer;
        padding-top:8px;
        padding-bottom:4px;
    }

    .cadre_des_inscription_selection_salarie {
        background-color: #053F6D;
        font-family: "Poppins";
        font-size: 14px;
        border-radius:0px 0px 8px 8px;
        margin-top:10px;
        margin-bottom:10px;
        padding-top:20px;
        padding-bottom:20px;
        color:#fff;
    }

    .ligne_de_selection_salarie {
        padding-left:20px;
        padding-top:10px;
        padding-bottom:15px;
        cursor:pointer;
    }

    .cadre_pour_inscription_collaborateur {
        padding-top:10px;
        padding-bottom:25px;
    }

    .sous_titre_inscrire_salarie {
        padding-top:15px;
        padding-bottom:10px;
        color:#053F6D;
        text-align: center;
    }

    .formulaire_inscription_salarie {
        text-align: center;
    }

    .message_absence_de_favoris {
        font-family: "Poppins";
        font-size: 15px;
        color:#022545;
        text-align: center;
        padding-top:40px;
        padding-bottom:40px;
    }

    .liste_tuto_materiel {
        padding-bottom:40px;
        padding-top:40px;
    }

    #btn_de_mon_profil, #btn_de_actvt_pro {
        display:none;
    }

    .interieur_interface_section_mon_compte #btn_de_mon_profil, .interieur_interface_section_mon_compte #btn_de_actvt_pro {
        display:block;
    }

    .interieur_interface_section_mon_compte .titre_principal_inscription, .interieur_interface_section_mon_compte .titre_de_section_inscription_a, .interieur_interface_section_mon_compte .titre_de_section_inscription_b {
        display:none;
    }

    .interieur_interface_section_mon_compte .encadre_global_form_inscription {
        width:300px;
        padding-top:0px;
    }

    .interieur_interface_section_mon_compte .encadre_un_champs {
        width:300px;
    }

    .interieur_interface_section_mon_compte .encadre_un_champs table, .interieur_interface_section_mon_compte .encadre_un_champs .champs_front {
        width:100%;
    }


    .interieur_interface_section_mon_compte .cellule_checkbox input[type=checkbox]:before {
        border:1px solid #707070;
        border-radius:4px;
    }

    .interieur_interface_section_mon_compte .encadre_un_champs .cadre_champs_form_avance select {
        /*
        background-image: url(../images/petite_fleche_bleu_droite.png);
        background-repeat: no-repeat;
        background-position: right 12px top 50%;
        */
        background-image: none !important;
    }


    .interieur_interface_section_mon_compte .je_reconnais_exactitude {
        font-family: "Poppins";
        font-size: 13px;
        color:#022545;
    }

    .interieur_interface_section_mon_compte .je_reconnais_exactitude a {
        color:#53A2E1;
    }

    .interieur_interface_section_mon_compte .btn_validation {
        margin-top:20px;
        margin-bottom:20px;
        float:right;
        background-image: none;
        width:137px;
        text-align: center;
        padding-top:6px;
        padding-bottom:7px;
        cursor: pointer;
        border-radius:9px;
        background-color: #022545;
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size:13px;
        text-transform: none;
    }

    .cloture_float {
        clear:both;
    }

    .autour_form_filtre_inscription {
        padding-top:20px;
    }

    .cadre_champs_visio_liste_inscription {
        margin-top:20px;
        margin-bottom:10px;
    }

    .label_visio_liste_inscription {
        font-family: "Poppins";
        font-size:15px;
        color:#707070;
    }

    .champs_visio_liste_inscription {
        padding-top:10px;
        padding-bottom:10px;
        position:relative;
    }

    .champs_select_fouille_inscription {
        border:1px solid #053F6D;
        border-radius:6px;
        font-family: "Poppins Medium";
        font-size:15px;
        color:#022545;
        padding:12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width:100%;
        position:relative;
        background-color: #fff;
    }

    .champs_select_fouille_inscription option {
        font-family: "Poppins";
        width:100%;
    }

    .champs_visio_liste_inscription:after {
        content:' ';
        width:32px;
        height:23px;
        background-image: url(../images/fleche_select.jpg);
        position:absolute;
        right:5px;
        top:23px;
        pointer-events: none;
    }

    .petit_titre_discret {
        font-family: "Poppins";
        font-size:13px;
        color:#707070;
    }


    /* Prise en charge employeur */
    .dessus_cadre_global_demande_employeur, .dessous_cadre_global_demande_employeur {
        height:25px;
    }

    .cadre_global_demande_employeur {
        background-color: #f6f9fe;
    }

    .cadre_global_demande_employeur .titre_recap_achat_formation {
        font-family: "Poppins";
        font-size:18px;
        text-align: center;
        color:#022545;
    }

    .nom_formation_dans_titre_prise_en_charge_employeur {
        font-weight: lighter;
    }

    .btn_ajout_employeur {
        width:240px;
        background-color: #022545;
        color:#fff;
        cursor: pointer;
        background-image: url(../images/fleche_droite_blanche.png);
        background-repeat: no-repeat;
        background-position: 95%;
        border-radius: 9px;
        font-family: "Poppins SemiBold";
        font-size:15px;
        padding-right:30px;
        padding-top:14px;
        padding-bottom:17px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 20px;
        margin-bottom: 20px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border:1px solid #022545;
    }

    .btn_ajout_employeur:hover {
        color:#fff;
        border-radius:50px;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 90%;
    }

    .label_champs_fiche_employeur, .label_cadre_miniature_employeur_b {
        color:#022545;
        font-family: "Poppins";
        font-size:15px;
        text-align: left;
        padding-left:10px;
    }

    .cadre_global_demande_employeur .champs_front {
        background-color: #D0E9EE;
        font-family: "Poppins";
        font-size: 15px;
        color:#022545;
        padding:10px;
    }

    .cadre_global_demande_employeur .btn_validation {
        background-image: none;
        padding-top:8px;
        padding-bottom:6px;
        background-color: #053F6D;
        border-radius:9px;
        cursor: pointer;
        float:right;
        font-family: "Poppins";
        font-weight: bold;
        color:#fff;
        font-size:15px;
        width:136px;
        text-align: center;
    }

    .cadre_global_demande_employeur .titre_de_section_inscription_a {
        text-align: center;
    }

    .cadre_miniature_employeur_b {
        max-width:310px;
        margin:auto;
    }

    .une_ele_cadre_miniature_employeur_b {
        margin-top:10px;
        margin-bottom:10px;
    }

    .data_cadre_miniature_employeur_b {
        padding:10px;
        background-color: #D0E9EE;
        color:#022545;
        font-family: "Poppins";
        font-size:15px;
        text-align: left;
        width:100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .les_actions_miniature_employeur_b {
        margin-top:20px;
        margin-bottom:20px;
        text-align: center;
    }

    .une_action_miniature_employeur_b {
        font-family: "Poppins";
        font-size:12px;
        cursor: pointer;
        color:#022545;
        text-decoration: underline;
    }

    .validation_miniature_employeur_b {
        width:263px;
        margin:auto;
        background-color: #3EACA6;
        border-radius:8px;
        text-align: center;
        padding-right:25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border:1px solid #3EACA6;
        cursor: pointer;
        background-image: url(../images/fleche_droite_blanche.png);
        background-repeat: no-repeat;
        background-position: 95%;
        font-family: "Poppins";
        font-weight: bold;
        color:#fff;
        font-size:13px;
        padding-top:13px;
        padding-bottom:13px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .validation_miniature_employeur_b:hover {
        color:#fff;
        border-radius:50px;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 90%;
    }

    .retour_au_formation_apres_demande_prise_en_charge_employeur {
        display: none;
    }

    .encadre_message_final_prise_en_charge_employeur {
        max-wdith:477px;
        margin:auto;
        text-align: center;
    }

    .titre_retour_prise_en_charge_employeur {
        padding-top:25px;
        padding-bottom:7px;
        font-family: "Poppins";
        font-size:16px;
        color:#022545;
        padding-left:10px;
        padding-right:10px;
    }

    .logo_retour_prise_en_charge_employeur {
        width:34px;
        height:34px;
        margin:auto;
        background-image: url(../images/ico_check_V.png);
        background-repeat: no-repeat;
    }

    .message_retour_prise_en_charge_employeur {
        font-family: "Poppins";
        font-size:15px;
        color:#022545;
        padding:10px;
    }

    /* Autre */
    .titrage_de_section_guide_finance {
        font-family: "Poppins Medium";
        font-size:18px !important;
    }

    .titre_du_statut {
        font-family: "Poppins Medium";
        font-size:15px;
    }

    .un_block_select_texte_inactif .titre_du_block_texte, .un_block_select_texte_actif .titre_du_block_texte {
        font-family: "Poppins Medium";
        font-size:18px !important;
    }

    .un_block_select_texte_inactif .contenu_du_block_text, .un_block_select_texte_actif .contenu_du_block_text {
        font-family: "Poppins Medium";
        font-size:15px !important;
    }

    .un_block_select_texte_inactif .btn_en_savoir_plus, .un_block_select_texte_actif .btn_en_savoir_plus {
        font-family: "Poppins Medium";
        font-size:13px !important;
        text-transform: none !important;
    }

    .guide_financement_resultat {
        font-family: "Poppins Medium";
        font-size:15px !important;
    }

    .titre_par_modalite_block_texte {
        font-family: "Poppins Medium";
        font-size:18px !important;
    }

    .cadre_handicap_pc {
        display:none;
    }

    .cadre_handicap_mobile {
        text-align: center;
        margin-top:30px;
        color:#053F6D;
        padding-left:20px;
        padding-right:20px;
    }

    .section_sup_cadre_handicap_pc {
        padding-top:15px;
        padding-bottom:15px;
        font-family: "Poppins Medium";
        font-size:15px;
    }

    .section_inf_cadre_handicap_pc {
        font-family: "Poppins";
        font-size:15px;
        padding-top:25px;
        padding-bottom:25px;
    }

    /* Module newsletter */
    .cadre_principale_brevo {
        color:#fff;
        font-family: "Poppins";
    }

    .titre_footer_brevo {
        text-transform: uppercase;
        font-family: "Poppins Medium";
        font-size:14px;
        margin-bottom:7px;
        line-height: 1.5;
    }

    .sous_titre_footer_brevo {
        font-style: italic;
        font-size:12px;
    }

    .cadre_input_form_inscription_newsletter_vers_brevo {
        margin-bottom:10px;
        margin-top:5px;
        display: inline-block;
        vertical-align: middle;
        width:250px;
    }

    .input_form_inscription_newsletter_vers_brevo {
        border:0px !important;
        background-color: #FFFFFF !important;
        width:100%;
        padding:8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius:7px;
    }

    .btn_inscription_newsletter_brevo {
        background-image:url('../images/check.png');
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        vertical-align: middle;
        width:23px;
        height: 23px;
        border-radius:7px;
        cursor: pointer;
        background-color: #58c1d5;
        margin-bottom:10px;
        margin-top:5px;
        color: transparent;
    }

    .date_phrase_simple_avis_client_manuel {
        text-align: center;
        font-size:13px;
        margin-top:-5px;
        padding-bottom:10px;
    }
}


























































@media screen and (min-width:760px) {

    .que_diffu_large, .que_diffu_small, .que_diffu_large_et_small {
        display: none;
    }

    .que_diffu_medium, .que_diffu_large_et_medium, .que_diffu_medium_et_small, #cle_de_log {
        display: block;
    }

    .contenu_centre, .article_seul, .cadre_formation_et_tuto_proche {
        width:740px;
        margin:auto;
    }

    .cadre_formation_et_tuto_proche .type_objet_tuto {
        padding-top:15px;
    }

    .cadre_formation_et_tuto_proche .section_inferieur_miniature_tuto {
        padding-top:50px;
        padding-bottom:30px;
    }

    .contenu_article h1 {
        line-height: 55px;
    }

    h1 {
        font-family: "Poppins SemiBold";
        font-size: 28px;
        color:#053F6D;
    }

    h2 {
        font-family: "Poppins SemiBold";
        font-size: 21px;
        color:#58C1D5;
    }

    .contenu_article {
        font-family: "Poppins";
        font-size: 15px;
        line-height: 26px;
        color:#053F6D;
    }

    .cadre_menu_simple_vertical {
        line-height: 25px;
    }

    .copyright_pied_de_page {
        line-height: 25px;
    }

    .phrase_gras_avis_client_manuel {
        font-size: 22px;
    }

    /* MEnu */
    #menu {
        height: 23px !important;
    }

    .table_element_menu tbody tr td {
        height:23px !important;
    }

    .click_action_element_menu {
        height: 23px !important;
    }


    .barre_menu, .element_menu_select .mot_du_menu, .element_menu .mot_du_menu {
        color:#022545 !important;
        font-size:13px !important;
    }

    .element_menu {
        margin-top: 5px;
    }
    /*
    .element_menu .mot_du_menu, .element_menu_select .mot_du_menu, .click_action_element_menu .mot_du_menu {
        font-weight: normal;
        transition: transform 0.2s ease !important;
    }
    */

    .element_menu_select, .element_menu:hover .mot_du_menu, .element_menu_select .mot_du_menu, .element_menu_select:hover .mot_du_menu {
        border:none !important;

    }

    /* effet de zoom */

    .element_menu, .element_menu_select {
        font-weight: normal;
        transition: transform 0.2s ease !important;
    }

    .element_menu:hover, .element_menu_select:hover {
        transform: scale(1.1);
    }

    .ss_menu_ele, .icone_play  {
        transition: transform 0.5s ease !important;
    }

    .ss_menu_ele:hover, .icone_play:hover {
       transform: scale(1.06);
    }

    .entour_logo_r_social img {
        transition: transform 0.2s ease !important;
    }

    .entour_logo_r_social img:hover, .icone_play:hover {
        transform: scale(1.2);
    }



    /* effet de gras */
    /*
    .element_menu, .element_menu_select {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin: 0;
        width:calc(auto + 10px);
    }

    .element_menu:hover, .element_menu_select:hover {
        font-weight:bold;
    }
    */

    /*
    .mot_du_menu, .mot_du_menu a {
        color:#fff;
    }
    */

    #cadre_des_bouton_menu_mobil {
        display:block !important;
    }

    /* footer */
    .cadre_des_footer {
        border: 0px;
    }
    .footer-second-pc-copyright .cadre_element_colonne {
        padding-top:0px;
    }

    .footer-second-pc-copyright .element_pied_de_page {
        width:100%;
        text-align: left;
    }

    .element_pied_de_page {
        text-align: left;
        width:100%;
    }

    .simple_vert_element_menu_simplifie_select {
        text-align: left;
    }

    .simple_vert_element_menu_simplifie_select table {
        display: block;
    }

    /* Accueil */
    .intro_accueil_e_learning {
        padding-top:10px;
    }
    .slogan_accueil_e_learning {
        text-align: left;
        font-size: 16px;
    }

    .autour_de_organisme_certifie {
        width:340px;
    }

    .autour_de_organisme_certifie img {
        max-width:150px;
    }


    .debut_intro_accueil_e_learning {
        font-size:11px;
    }


    .cadre_article_intro_page_accueil {
        font-size: 23px;
        line-height: 27px;
    }

    .cadre_article_intro_page_accueil img {
        float: none !important;
    }

    .cadre_article_intro_page_accueil .contenu_article {
        text-align: left;
        font-size: 22px;
        line-height: 33px;
    }

    .encadre_guide_etape_front {
        margin-top: 40px;
        text-align: center;
        padding-bottom:20px;
    }

    .que_diffu_medium .diaporama_slick_accueil {
        margin-top: 60px;
    }

    .diaporama_slick_accueil, .diaporama_slick_accueil div img {
        width: 412px !important;
        height: 188px !important;
    }

    .encadre_guide_etape {
        width: 140px !important;
        position: relative;
        text-align: center;
        vertical-align: top;
        margin:4px;
        padding-bottom:15px;
        margin-right: -0.5em;
    }

    .section_image_guide_etape_front {
        height: 100px;
    }

    .section_separateur_interne_guide_etape {
        display: block;
    }

    .section_titre_guide_etape {
        height: 50px;
    }

    .section_point_interne_guide_etape {
        bottom: 60px;
    }

    .slogan_guide_etape {
        display: inline-block;
        vertical-align: middle;
    }

    .encadre_guide_etape_front .gros_bouton_bleu_claire {
        display:inline-block;
        vertical-align: middle;
    }

    .cadre_les_dernieres_formation a, .cadre_selection_formation a {
        text-decoration: none;
    }

    .cadre_selection_formation {
        text-align: center;
    }

    .seconde_section_article_financement_accueil {
        margin-bottom: -1px;
    }

    /* Methode */
    .cadre_article_une_methode_moderne_simple_et_attractive {
        background-color:#58C1D5;
        margin-top: 100px;
        padding: 50px;
        margin-bottom: -100px;
    }

    .contenu_page_methode .encadre_guide_etape_front {
        margin-top:180px;
    }

    /* Flipbox */
    .cadre_de_flipbox {
        width:700px !important;
        padding-top: 60px;

    }

    .le_panel .back {
        display: block !important
    }

    .le_panel .front {
        line-height: 20px;
        position:absolute !important;
    }

    .box1 {
        padding:20px !important;
    }

    .col_fifth {
        margin-right: 0px !important;
    }

    .col_fifth .box1 {
        display: block;
        padding:10px;
        border-right:1px solid #BCBCBC;
        border-radius:0px;
    }

    .ligne_etoile {
        width: 700px;
    }

    .front .cadre_icone_box {
        height: 55px !important;
        width: auto !important;
    }

    .back .cadre_icone_box {
        height: 90px !important;
        width: auto !important;
    }

    /* Page financement */
    .cadre_article_prise_en_charge_financiere_jusqua_100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .cadre_article_prise_en_charge_financiere_jusqua_100 .image_article_front_medium {
        width: 350px !important;
        float: right;
        margin-left:20px;
    }

    .cadre_article_prise_en_charge_financiere_jusqua_100 h1 {
        font-family: "Poppins Medium";
        font-size: 20px;
        font-weight: bold;
        color:#053F6D;
        line-height: 25px;
        padding-bottom: 25px;
    }

    .cadre_article_prise_en_charge_financiere_jusqua_100 .diffu_article_text_medium {
        font-family: "Poppins";
        font-size: 15px;
        color:#053F6D;
        line-height: 26px;
    }
    /*
    .cadre_article_prise_en_charge_financiere_jusqua_100:after {
        width:36px;
        height: 18px;
        background-image:url('../images/fleche_down_blanc.png');
        background-repeat: no-repeat;
        content:" ";
        position: absolute;
        left: 50%;
        bottom: 50px;
        margin-left: -18px;
    }
    */

    /* Page inscription */
    .toute_la_page_mon_compte .contenu_page_diffu_interne, .toute_la_page_creation_de_compte .contenu_page_diffu_interne {
        width:600px;
        margin:auto;
    }

    .encadre_global_form_inscription {
        width:600px;
    }

    .separateur_de_colonne {
        width:49%;
        display: inline-block;
        vertical-align: top;
    }
    .encadre_un_champs {
        width:290px;
        margin-right:10px;
        max-width: 100%;
    }
    .champs_front {
        width:290px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .encadre_global_form_inscription .champs_front, .toute_la_page_creation_de_compte .construction_du_champs_dynamique, .toute_la_page_creation_de_compte .construction_du_champs_dynamique_interne {
        width:100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .toute_la_page_creation_de_compte .btn_validation {
        margin-top:20px;
    }

    .titre_de_section_inscription_b {
        background-position: right 10px;
    }

    .pour_checkbox_inscription {
        width:550px;
    }

    .btn_telecharge_justifi {
        width:290px;
        height: 53px;
    }

    .le_champs_dl_fichier input[type='file'] {
        width:290px;
    }

    .accept_cgv_paiement {
        margin-left:0px;
        margin-top:10px;
        margin-bottom:10px;
    }

    /* Widget login */
    .zone_identification {
        margin-top:55px;
        margin-bottom:55px !important;
    }

    .section_login_widget_login_shop, .zone_mot_ed_passe_oublie, .zone_creation_compte {
        height: 410px;
    }

    .zone_creation_compte .label_formulaire {
        margin-top:42px;
    }

    .zone_creation_compte #retour_verif_mail {
        height:50px;
    }

    /* Widget login haut droite */
    .login_header {
        width:130px;
    }
    .image_cadre_block_user_deco, .text_dans_cadre_block_user {
        display:inline-block;
        vertical-align: middle;
    }

    .text_dans_cadre_block_user {
        margin-left:8px;
        font-size: 13px;
    }

    /* Page contact */
    .encadre_champs_contact, .signalitique_obligatoire, .champs_de_contact {
        width:360px;
    }

    /* Page inscription DPC */
    .interieur_page_inscription_dpc .file_ariane_dans_fiche_formation {
        display: block;
        padding-bottom:10px;
    }

    .interieur_page_inscription_dpc h1 {
        width:100%;
    }

    .header_inscription_dpc {
        width:100%;
        padding-bottom: 30px;
        position: relative;
        padding-right: 210px;
        overflow: hidden;
    }

    .image_dans_header_inscription_dpc img {
        width:250px;
        height: auto;
    }

    .image_dans_header_inscription_dpc {
        position: absolute;
        bottom:-30px;
        right:-30px;
        width:250px;
    }

    .interieur_inscription_dpc .contenu_inscription_dpc {
        width:100%;
        margin-top:30px;
    }

    .interieur_inscription_dpc .encadre_les_bouton_inscription_dpc {
        width:100%;
        text-align: center;
    }

    .btn_inscription_dpc {
        display:inline-block;
        vertical-align: middle;
        width:240px;
    }



    /* Fiche formation */
    .fiche_formation_inferieur_gauche {
        width:62%;
        display: inline-block;
        vertical-align: top;
    }

    .btn_action_formation {
        width:280px;
    }

    /* Page achat formation */
    .titre_recap_achat_formation {
        text-align: left;
        font-size: 20px;
    }

    .section_image_formation_riseup, .section_info_resume_formation {
        display: inline-block;
        vertical-align: top;
        /*margin:10px;*/
        padding-bottom:0px;
    }

    .section_image_formation_riseup {
        margin-bottom:15px;
    }

    .cadre_section_recap_paiement {
        margin-top:10px;
        width:calc(100% - 2px);
        border-radius: 8px 8px 0px 0px;
    }

    .bouton_achat_formation, .bouton_achat_formation_inactif {
        margin:0px;
        border-radius: 0px 0px 100px 100px;
        width:100%;
    }

    .section_recap_paiement {
        padding-bottom:40px;
    }

    /* Mes commandes */
    .titre_mes_commandes, .encadre_liste_inscription {
        width:700px;
    }

    .ico_dl_facture_front {
        padding-top:10px;
    }

    /* Mes Formations */
    .interieur_mes_formation_mon_compte {
        padding-top: 50px;
    }

    /* Message retour form avance */
    .encadre_message_final {
        max-width:450px !important;
    }

    .encadre_message_final .btn_bleu {
        font-size:14px;
        width: 246px;
        padding: 15px;
    }

    /* Page quis ommes nous */
    .encadre_picto_qui_som {
        text-align: center;
        padding:50px;
    }

    .un_picto_qui_som {
        text-align: center;
        width:250px;
        display: inline-block;
        vertical-align: top;
    }

    .carre_picto_qui_somme {
        width:129px;
        height: 129px;
        margin:auto;
        margin-bottom:20px;
    }

    .texte_picto_qui_somme {
        text-align: center;
        color:#053F6D;
        font-family: "Poppins SemiBold";
        font-size:18px;
    }

    /* Page quis ommes nous */
    .que_diffu_medium .cadre_article_introduction_page_qui_sommes_nous {
        margin-bottom:60px;
        padding-bottom:30px;
    }

    .que_diffu_medium .cadre_article_introduction_page_qui_sommes_nous .image_article_front_medium {
        float: right;
        width: 400px !important;
        height: auto !important;
        margin-left: 30px !important;
        margin-bottom: -80px !important;
        margin-top: 50px;
    }

    .que_diffu_medium .cadre_article_introduction_page_qui_sommes_nous .diffu_article_text_medium {
        color: #fff;
        width: 300px;
        font-family: "Poppins";
        font-size: 17px;
        line-height: 28px;
        padding-top: 30px;
        text-align: center;
        padding-left: 100px;
    }

    .encadre_picto_qui_som {
        text-align: center;
    }

    .un_picto_qui_som {
        text-align: center;
        padding-top:20px;
        padding-bottom:20px;
    }

    .carre_picto_qui_somme {
        width:108px;
        height: 108px;
        margin:auto;
        margin-bottom:20px;
        border-radius:8px;
    }

    .carre_picto_qui_somme img {
        max-height: 47px;
        max-width:66px;

    }

    .texte_picto_qui_somme {
        text-align: center;
        color:#053F6D;
        font-family: "Poppins SemiBold";
        font-size:16px;
        line-height: 26px;
    }

    .cadre_article_accompagnement {
        width:500px;
        margin:auto;
        font-family: "Poppins SemiBold";
        font-size:17px;
        line-height: 28px;
        color:#fff;
    }

    .cadre_article_accompagnement .diffu_article_text_medium {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 40px;
    }


    .cadre_article_experience {
        width:600px;
        margin:auto;
        font-family: "Poppins";
        font-size:18px;
        line-height: 28px;
        color:#053F6D;
        padding-top: 30px;
        text-align: center;
        padding-bottom:0px;
    }

    .cadre_article_experience .image_article_front_float_medium {
        width:212px !important;
        height: auto !important;
        float: right !important;
        margin-top: 70px;
        margin-bottom:0px !important;
    }

    .cadre_article_experience .diffu_article_text_medium {
        padding-top: 20px;
    }


    .phrase_decouvrer_nos_offre {
        width:100%;
        margin:auto;
        margin-top:50px;
        margin-bottom: 40px;
        font-family: "Poppins";
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color:#053F6D;
        text-align: center;
    }

    .cadre_article_decouvrez_nos_offres .bouton_active_recherche {
        width: 223px;
        margin-bottom: 60px;
        font-size: 17px;
        background-position: 90%;
    }

    /* Plus acces formation */
    .enrobage_global_non_acces_formation {
        margin:0px;
        padding:0px;
        background-color: #fff;
    }
    .niveau_a_non_acces_formation {
        background-color: #58c1d5;
        text-align: center;
        width:633px;
        margin:auto;
        margin-top:85px;
        margin-bottom:85px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color:#fff;
        font-size: 20px;
        font-family: "Poppins SemiBold";
    }

    .interieur_non_acces_formation {
        width:450px;
        margin:auto;
    }

    .niveau_a_non_acces_formation img {
        margin-top:50px;
        margin-bottom:-7px;
    }

    /* Page FAQ */
    .intro_faq {
        font-size: 20px;
    }

    .conclusion_faq {
        font-size: 20px;
    }

    /* Landing page */
    .landing_page {
        width:100%;
        margin-bottom:50px;
    }

    .landing_page_cadre_banniere {
        width:100%;
        background-color: #E5F6F8;
        display:block;
        text-align: center;
    }

    .landing_page_cadre_banniere img {
        width:70%;
        height: auto;
    }

    .landing_page_cadre_banniere_cas_clinique {
        width:100%;
        background-color: #bfe9ee;
        display:block;
        text-align: center;
    }

    .landing_page_cadre_banniere_cas_clinique img {
        width:70%;
        height: auto;
    }

    .landing_page_cadre_quizz {
        background-color: #00A8A1;
        color:#fff;
        margin-bottom:20px;
        padding:20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 33px;
        letter-spacing: 1px;
    }

    .landing_page_cadre_quizz_interne {
        width:70%;
        margin:auto;

        text-align: center;
        padding:10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 20px;
        font-family: "Poppins SemiBold";
        letter-spacing: 1px;
    }

    .landing_page_cadre_quizz_interne img {
        max-width: 100%;
        height: auto;
    }

    .landing_page_cadre_quizz_interne_justificatif {
        font-weight:normal;
        font-style: italic;
        font-size: 20px;
        font-family: "Poppins";
        margin-top:20px;
    }


    .landing_page_cadre_cas_clinique {
        background-color: #77CCDD;
        color:#fff;
        margin-bottom:20px;
        padding:20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 33px;
        letter-spacing: 1px;
    }

    .landing_page_cadre_cas_clinique_interne {
        width:70%;
        margin:auto;

        text-align: center;
        padding:10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 20px;
        font-family: "Poppins SemiBold";
        letter-spacing: 1px;
    }

    .landing_page_cadre_cas_clinique_interne img {
        max-width: 100%;
        height: auto;
    }

    .landing_page_cadre_cas_clinique_interne_justificatif {
        font-weight:normal;
        font-style: italic;
        font-size: 20px;
        font-family: "Poppins";
        margin-top:20px;
    }


    .landing_page_vers_btn_explication {
        width:100%;
        text-align: left;
        margin-bottom: 40px;
    }

    .interne_landing_page_vers_btn_explication {
        display:block;
        font-size: 19px;
        font-family: "Poppins SemiBold";
        padding-top:10px;
        display: inline-block;
        letter-spacing: 0px;
        text-align: left;
        width:55%;
    }




    .landing_page_inferieur {
        width:100%;
        background-color: #E3EEEF;
    }

    .landing_page_inferieur_gauche {
        width:49.7%;
        display: inline-block;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #B2E5E3;
        color:#053F6D;
        height: 300px;
        text-align: center;
        vertical-align: top;
    }

    .landing_page_inferieur_gauche_interieur {

        text-align: center;
        font-size: 20px;
        line-height: 33px;
        padding-top:10px;
        padding-bottom:10px;
    }

    .landing_page_inferieur_gauche_interieur_label_titre {
        font-family: "Poppins SemiBold";
    }

    .landing_page_inferieur_gauche_interieur_dpc {
        font-family: "Poppins SemiBold";
        margin-top:20px;
    }

    .landing_page_inferieur_droite {
        width:49.7%;
        display: inline-block;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #E3EEEF;
        color:#053F6D;
        height: 300px;
        text-align: center;
        vertical-align: top;
        font-size: 18px;
    }

    .landing_page_inferieur_droite_interieur {

        margin:auto;
        padding-top:15px;
    }

    .liste_cocarde {
        width:300px;
        margin:auto;
    }

    .li_cocarde {
        padding-left:50px;
        background-image:url('../images/cocarde_blanche.png');
        background-repeat: no-repeat;
        background-position: 10px 5px;
        margin-bottom:20px;
        text-align: left;
    }

    .data_li_cocarde {
        font-family: "Poppins SemiBold";
    }

    .sous_section_profil {
        padding-top: 50px;
    }

    .titre_interne_cadre_sous_section_espace_apprenant {
        font-family: "Poppins SemiBold";
        font-size: 22px;
        color: #58C1D5;
    }

    .mes_formation_en_cours, .mes_formation_en_cours_actif , .mes_formation_termine, .mes_formation_termine_actif, .mes_formation_inscrire {
        font-size: 18px;
        border-radius: 10px;
    }

    /* Avis client */
    .cadre_avis_manuel {
        width : 338px;
        height: 212px;
    }

    .cadre_avis_manuel {
        height: 380px;
    }

    /* Fiche video */
    .header_fiche_tuto, .section_information_video_tuto {
        width:720px;
        margin:auto;
    }

    /* Barre recherche mix */
    .cadre_barre_recherche_formation_mix_tuto {
        width:720px;
        margin:auto;
        border-radius:8px;
        overflow: hidden;
        padding-bottom:0px;
        margin-bottom:10px;
        box-shadow: 1px 4px 4px rgb(43 43 86 / 20%);
    }

    .encadre_titre_barre_recherche_formation_mix_tuto {
        width:100%;
        display:block;
        height:69px;
        position:relative;
    }

    .cadre_mix_filtre {
        width:100%;
        display:block;
        padding-top: 20px;
        height:120px;
        border-radius:0px 0px 8px 8px;
        overflow: hidden;
    }


    .barre_superieur_btn_recherche_formation_tuto {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width:100%;
        height:69px;
        /*font-weight:bold;*/
    }

    .btn_barre_rech_formation {
        flex: 50%; /* Utilisez 50% de l'espace disponible */
        background-color: #D0E9EE;
        cursor:pointer;
        color:#022545;
        font-family: "Poppins Medium";
        font-size:18px;
        text-align: center;
        height:69px;
        padding-top:17px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .td_du_text_btn_barre_rech {
        transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .td_du_text_btn_barre_rech:hover {
        transform: scale(1.1);
    }

    .separateur_btn_barre_rech_mix {
        flex: 7%; /* Utilisez 3% de l'espace disponible */
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0e9ee+0,d0e9ee+50,7ed6ea+51,7ed6ea+100 */
        background: #d0e9ee; /* Old browsers */
        background: -moz-linear-gradient(-25deg,  #d0e9ee 0%, #d0e9ee 50%, #7ed6ea 51%, #7ed6ea 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-25deg,  #d0e9ee 0%,#d0e9ee 50%,#7ed6ea 51%,#7ed6ea 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(115deg,  #d0e9ee 0%,#d0e9ee 50%,#7ed6ea 51%,#7ed6ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e9ee', endColorstr='#7ed6ea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        height:69px;
    }

    .btn_barre_rech_tuto {
        flex: 43%; /* Utilisez 47% de l'espace disponible */
        background-color: #7ED6EA;
        cursor:pointer;
        color:#022545;
        font-family: "Poppins Medium";
        font-size:18px;
        text-align: center;
        height:69px;
        padding-top:17px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .btn_barre_rech_formation:active, .btn_barre_rech_tuto:active {
        outline: none;
    }

    .btn_barre_rech_formation table, .btn_barre_rech_tuto table {
        display:inline-block;
    }

    .icon_btn_barre_rech_text {
        width:28px;
        height:28px;
        background-image:url('../images/main_jaune.png');
    }

    .autour_champs_filtre_formation_riseup, .autour_champs_filtre_tutoriel_equipement {
        display:inline-block !important;
    }

    .section_filtre_formation_mix {
        text-align: center;
    }


    .cadre_mix_filtre .autour_champs_filtre_formation_riseup, .cadre_mix_filtre .autour_champs_filtre_tutoriel_equipement {
        width:170px;
    }
    .cadre_mix_filtre .un_champs_filtre_formation, .cadre_mix_filtre .bouton_active_recherche_formation_riseup, .cadre_mix_filtre .un_champs_filtre_tuto, .cadre_mix_filtre .bouton_active_recherche_tuto {
        width:165px;
        font-size:12px;
    }

    .cadre_mix_filtre .autour_champs_filtre_formation_riseup:after, .cadre_mix_filtre .autour_champs_filtre_tutoriel_equipement:after {
        right:15px;
    }

    .titre_section_recherche {
        display:block;
    }

    .titre_sur_barre_de_filtre_formation, .titre_sur_barre_de_filtre_tutoriel_equipement {
        font-size:22px;
    }

    /* Nouvelle interface mon compte */
    .containeur_menu_dashboard, .menu_inferieur_mobile_user_interface {
        display:none;
    }

    .interieur_interface_section_mon_compte {
        background-color: #E8F0FE;
    }

    .contenu_centre_particulier_espace_employeur {
        width:720px;
        margin:auto;
    }

    .colonne_a_mon_compte {
        display:inline-block;
        vertical-align: top;
        width:200px;
        padding-top:30px;
    }

    .colonne_b_mon_compte {
        display:inline-block;
        vertical-align: top;
        width:500px;
        padding-left:50px;
        padding-top:8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ele_nav_dashboard_pc {
        padding-bottom:30px;
        font-family: "Poppins";
        font-weight:bold;
        font-size:15px;
        color:#022545;
        opacity:0.65;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
    }



    .ele_nav_dashboard_pc_actif, .ele_nav_dashboard_pc:hover {
        padding-bottom:30px;
        font-family: "Poppins";
        font-weight:bold;
        font-size:15px;
        color:#022545;
        opacity:1;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .interieur_blanc_colonne_b_mon_compte, .encadre_mon_compte_favorie_section_5 {
        padding:15px;
        background-color: #fff;
        color:#022545;
        border-radius:8px;
    }

    .sous_titre_interieur_section_mon_compte {
        font-family: "Poppins";
        font-size:15px;
        color:#022545;
        padding-bottom:25px;
    }

    .invisible_format_pc {
        display:none;
    }

    #detail_sur_formation_termine {
        /*padding-top:15px;*/
    }

    .interieur_cellule_mon_tab_bord {
        position:relative;
    }

    .pour_btn_voir_dans_tableau_bord_td {
        display: table-cell;
    }

    .pour_btn_voir_dans_tableau_bord {
        font-family: "Poppins SemiBold";
        font-size: 13px;
        color:#fff;
        padding:8px;
        border-radius:4px;
        background-color: #053F6D;
        cursor: pointer;
    }

    .interieur_section_2 .colonne_b_mon_compte .titre_interieur_section_mon_compte, .interieur_section_2 .colonne_b_mon_compte .btn_bleu_mon_compte {
        display:inline-block;
        vertical-align: middle;
    }

    .btn_bleu_mon_compte {
        padding-top:2px;
        padding-bottom:2px;
        margin:0px;
        margin-left:15px;
    }



    .section_2_pc {
        display: block;
    }

    .section_2_mobile {
        display:none;
    }

    .sous_section_mon_compte {
        margin-top:30px;
        background-color: #fff;
        border-radius: 8px;
        width:100%;
        padding-top:25px;
        padding-bottom:25px;
        padding-left:15px;
        padding-right:15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .partition_section_mon_compte_pc {
        width:90%;
        font-family: "Poppins Medium";
        font-size:18px;
        color:#022545;
        position:relative;
        cursor:pointer;
    }

    .btn_voir_plus_moins_mon_compte {
        position:absolute;
        right:5px;
        top:-4px;
        font-family: "Poppins SemiBold";
        font-size: 13px;
        color:#fff;
        background-color: #053F6D;
        border-radius:4px;
        text-align: center;
        padding:8px;
        width:141px;
        text-transform: none;

    }

    .injecte_contenu_mon_compte_pc {

    }

    .injecte_contenu_mon_compte_pc .btn_bleu_mon_compte {
        margin:auto;
        margin-top:20px !important;
        display:block !important;
    }

    .ligne_diffuse_lien_inscription_pc {
        border-bottom:1px solid #e6e6e6;
        width:100%;
    }

    .titre_formation_dans_ligne_inscription {
        font-family: "Poppins Medium";
        font-size:15px;
        color:#38A2B7;
    }

    .element_info_liste_formation {
        display: inline-block;
        vertical-align: top;
        margin-left:10px;
        margin-right:10px;
        margin-bottom:10px;
    }

    .petit_label_liste_formation {
        width: 100%;
        text-align: center;
        padding-bottom:12px;
        padding-top:0px;
        display:block;
    }

    .data_liste_formation {
        text-align: center;
    }

    .encadre_mon_compte_favorie_section_5 {
        padding:0px;
    }

    .voir_liste_tuto_materiel {
        font-family: "Poppins";
        font-size:16px;
        color:#022545;
        text-transform: none;
        padding-left:30px;
        padding-top:30px;
        padding-bottom:20px;
    }

    .voir_liste_tuto_materiel:after {
        content:"";
        display:none;
    }

    .encadre_global_form_inscription, .pour_checkbox_inscription {
        padding:25px !important;
        background-color: #fff;
        color:#022545;
        border-radius:8px;
        width:100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

    }

    .pour_checkbox_inscription {
        margin-top:25px;
    }

    .pour_checkbox_inscription table {
        width:auto !important;
    }

    .encadre_global_form_inscription .sous_titre_mon_compte_deployeur, .encadre_global_form_inscription .sous_titre_mon_compte_deployeur_actif {
        border-bottom:1px solid #707070;
        width:80%;
    }

    .encadre_global_form_inscription .sous_titre_mon_compte_deployeur:after {
        content:"Modifier";
        background-image: none;
        width:auto;
        font-family: "Poppins";
        font-weight: lighter;
        font-size:12px;
        color:#022545;
        transition: transform 0.2s ease !important;
    }

    .encadre_global_form_inscription .sous_titre_mon_compte_deployeur:hover:after {
        transform: scale(1.20);
    }

    .encadre_global_form_inscription .separateur_de_colonne {
        padding-right:80px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .centre_contenu_centre_espace_employeur {
        width:auto;
    }

    .cadre_espace_employeur_element {
        background-color: #fff;
        border-radius:9px;
        width:100%;
        padding:25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom:20px;
    }

    .cadre_pour_inscription_collab {
        border-radius:9px;
    }

    .cadre_espace_employeur_element .contenu_centre {
        width:auto;
    }

    .cadre_espace_employeur_element #btn_de_info_employeur {
        position:relative;
        width:80%;
        border-bottom:1px solid #707070;
    }

    .cadre_espace_employeur_element #btn_de_info_employeur:after {
        content:"Modifier";
        background-image: none;
        width:auto;
        font-family: "Poppins";
        font-weight: lighter;
        font-size:12px;
        color:#022545;
        position: absolute;
        right:-70px;
        top:4px;
        transition: transform 0.2s ease !important;
    }

    .cadre_espace_employeur_element #btn_de_info_employeur:hover:after {
        transform: scale(1.20);
    }

    .contenu_centre_collaborateur .sous_titre_mon_compte_deployeur, .contenu_centre_collaborateur .sous_titre_mon_compte_deployeur_actif {
        position:relative;
        width:80%;
    }

    .contenu_centre_collaborateur .sous_titre_mon_compte_deployeur:after {
        content:"Voir";
        padding:8px;
        background-color: #053F6D;
        border-radius:9px;
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size:13px;
        position: absolute;
        right:-70px;
        top:4px;
        background-image: none;
        width:141px;
        height:auto;
        text-align: center;
    }

    .contenu_centre_collaborateur .sous_titre_mon_compte_deployeur_actif:after {
        content:"Moins voir";
        padding:8px;
        background-color: #053F6D;
        border-radius:9px;
        color:#fff;
        font-family: "Poppins SemiBold";
        font-size:13px;
        position: absolute;
        right:-70px;
        top:4px;
        background-image: none;
        width:141px;
        height:auto;
        text-align: center;
    }

    .petit_titre_collaborateur {
        margin-bottom:20px;
        font-size:18px;
    }

    .ligne_salarie_de_employeur .petit_titre_collaborateur {
        font-size:14px;
        display: inline-block;
        margin-right:20px;
    }

    .cadre_des_bouton_statut_formation_espace_apprenant {
        display:inline-block;
        width:auto;
    }

    .cadre_espace_employeur_element_invite_salarie {
        display:block;
        background-color: #022545;
        color:#fff;
        padding:30px;
    }

    .separation_espace_employeur {
        display:none;
    }

    .cadre_pour_inscription_collaborateur {
        width:100%;
    }

    .bouton_systeme_inscription_collab {
        padding-top:2px;
        height:33px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        width:400px;
        margin:auto;
    }

    .cadre_des_inscription_selection_salarie {
        width:400px;
        margin:auto;
        margin-top:20px;
    }

    .autour_champs_invite {
        display: inline-block;
        width:78%;
    }

    .autour_champs_invite .champs_front {
        text-align: left;
        padding-left:20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height:44px !important;
    }

    .bouton_nouvel_invite_collaborateur_employeur {
        display: inline-block;
        width:57px;
        height:44px;
        vertical-align: middle;
        margin-top:-2px;
        margin-left:20px;
    }

    .txt_dans_bouton_nouvel_invite_collaborateur_employeur {
        display: none;
    }

    .autour_enveloppe_bouton_nouvel_invite_collaborateur_employeur {
        padding-left:0px;
    }

    .titre_nouvel_invitation_collaborateur_employeur {
        padding-bottom:30px;
    }

    .label_visio_liste_inscription {
        font-family: "Poppins Medium";
    }

    .cadre_champs_visio_liste_inscription {
        width:43%;
        display:inline-block;
        vertical-align: top;
        margin-right:40px;
    }

    .champs_select_fouille_inscription {

    }

    .petit_titre_discret {
        display:none;
    }


    #email_invite_collaborateur::placeholder {
      text-align: center;
    }



    .invitation_reload, .invitation_poubelle {
        position: relative;
        cursor:pointer;
        width:25px;
        text-align: center;
    }

    .invitation_reload:before, .invitation_poubelle:before {
        content: "Inviter de nouveaux";
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        font-family: "Poppins";
        font-size:12px;
        white-space: nowrap;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }

    .invitation_poubelle:before {
        content: "Annulée";
    }

    .invitation_reload:hover:before, .invitation_poubelle:hover:before {
        opacity: 1;
        top: -10px;
    }

    .encadre_section_invite_collaborateur {
        display: none;
    }

    /* Demande de prise en charge employeur */
    .cadre_global_demande_employeur .btn_validation {
        margin-right: 50px;
        margin-top: 20px;
    }

    /* Autre */
    .interieur_interface_section_mon_compte .sous_section_deployable {
        border-bottom:0px;
    }

    .titrage_de_section_guide_finance {
        font-family: "Poppins Medium";
        font-size:22px !important;
    }

    .fiche_formation_bandeau {
        height: 290px;
    }

    .image_bandeau_fiche_formation {
        height: 290px;
    }

    .section_commune_formation_titre {
        font-size:22px;
    }

    .interne_btn_action_formation {
        text-transform: none;
        font-size:13px;
    }

    .btn_action_formation {
        border-radius:14px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .btn_action_formation:hover {
        border-radius:50px;
    }

    .titre_tuto {
        width:90%;
        margin:auto;
    }

    .section_image_tutoriel_equipement, .section_inferieur_miniature_tuto {
        width:282px;
    }

    .zone_identification .champ_formulaire {
        /*margin:auto;*/
    }

}















































































@media screen and (min-width:1200px) {

    .que_diffu_medium, .que_diffu_small, .que_diffu_medium_et_small, #menu_mobil {
        display: none;
    }

    .que_diffu_large, .que_diffu_large_et_medium, .que_diffu_large_et_small {
        display: block;
    }

    .contenu_page_diffu_interne {
        max-width:1200px !important;
    }

    #contenu {
        margin-top:30px;
    }

    h1 {
        font-family: "Poppins SemiBold";
        font-size: 38px;
        color:#053F6D;
    }

    h2 {
        font-family: "Poppins SemiBold";
        font-size: 22px;
        color:#58C1D5;
    }

    .contenu_article {
        font-family: "Poppins";
        font-size: 15px;
        line-height: 26px;
        color:#053F6D;
    }

    #header_top {
        height:65px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1;
        position:relative;
    }



    #encadre_barre_menu {
        display: block;
        position: relative;
        width:900px;
        margin:auto;
        margin-top:-50px;
        background-color: transparent;
        z-index: 9;
    }

    #encadre_barre_menu #menu {
        width:800px;
    }

    .contenu_page_centre {
        clear:both;
    }

    .autour_du_logo_header {
        width: 105px;
        height: 65px;
        text-align: left;
    }

    #diffusion_logo {
        /*
        position: relative;
        margin-top:10px;
        */
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

    .contenu_centre, .article_seul, .cadre_formation_et_tuto_proche {
        width:1200px;
        margin:auto;
    }

    .titre_dans_page {
        font-size: 22px;
    }

    #cadre_des_bouton_menu_mobil {
        display:none !important;
    }

    .element_menu_une-question- {
        float: right;
    }

    .barre_menu {
        width:830px;
    }

    .element_menu_une-question-, .element_menu_select .element_menu_une-question- {
        float: right;
        border:1px solid #AEFFE6 !important;
        border-radius:40px;
        padding:2px;
        margin-top: 3px;
        background-color: #AEFFE6 !important;
        color:#022545;
    }

    .element_menu_une-question- .mot_du_menu {
        color:#022545 !important;
    }

    .login_header {
        position: absolute;
        top: 0px;
        right:5px;
    }
    /*
    .parent_menu .sous_menu {
        display:none;
    }

    .parent_menu:hover .sous_menu {
        display:block;
    }
    */

    .sous_menu {
        padding-left:50px !important;
        padding-right:50px !important;
        padding-top:20px !important;
        padding-bottom:20px !important;
        -webkit-box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.10);
        box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.10);
        border:1px solid #e3e3e3 !important;
    }

    #menu {
        position:relative;
        z-index: 99;
    }

    .btn_sous_menu {
        margin-top:20px !important;
    }

    /* Footer */
    .footer-pc .cadre_element_colonne {
        padding-bottom:0px;
    }

    .footer-pc .colonne_footer_1 {
        width:533px !important;
        max-width:533px !important;
        text-align: left;
    }

    .footer-pc .colonne_footer_2 {
        width:200px !important;
        max-width:200px !important;
    }

    .footer-pc .colonne_footer_3 {
        width:200px !important;
        max-width:200px !important;
    }

    .cadre_decouvrir-toutes-les-solutions-ophtaneo {
        margin-top: 3px;
    }

    .copyright_pied_de_page {
        padding-top:35px;
        width:460px;
    }

    .copyright_pied_de_page, .copyright_pied_de_page a {
        color:#7A8995;
        font-size:13px;
    }

    .element_pied_de_page .simple_vert_element_menu_simplifie .simple_vert_txt_menu_simplifie, .element_pied_de_page .simple_vert_txt_menu_simplifie_select {
        font-size:13px;
    }

    .colonne_footer_4 .cadre_menu_simple_vertical .simple_vert_txt_menu_simplifie {
        color:#7FD1B8;
    }

    .contenu_footer_centre {
        width:1200px !important;
    }

    /* File ariane */
    .file_ariane_front {
        display:block;
        margin-top:10px;
        margin-bottom:5px;
        padding-left:50px;
    }

    .element_fil_ariane, .element_fil_ariane a {
        color:#707070;
        font-family: "Poppins";
        font-size:12px;
        text-decoration: none;
    }

    .encadre_txt_apres_icone_accueil_ariane {
        color:#707070;
        font-family: "Poppins";
        font-size:12px;
    }

    .dernier_lien_ariane .lien_ariane_front {
        font-family: "Poppins SemiBold";
    }

    .separation_file_ariane {
        padding-left:7px;
        padding-right:7px;
    }

    .separation_file_ariane:before {
        content:"" !important;
    }

    .separation_file_ariane {
        height:8px;
        width:5px;
        background-image:url('../images/sepa_ariane.png');
        background-repeat: no-repeat;
        background-position: center;
    }


    /* Accueil */
    .intro_accueil_e_learning {
        padding-top:20px;
    }

    .slogan_accueil_e_learning {
        text-align: left;
        font-size: 20px;
        max-width: 544px;
    }

    .autour_de_organisme_certifie {
        width:590px;
    }

    .debut_intro_accueil_e_learning {
        font-size:13px;
    }


    .cadre_article_intro_page_accueil {
        font-size: 26px;
        line-height: 33px;
        padding-top:77px;
        background-color: #053F6D;
        color: #fff;
    }

    .diaporama_slick_accueil, .diaporama_slick_accueil div img {
        width: 686px !important;
        height: 313px !important;
    }

    .entour_diaporama_slick {
        margin-bottom:0px !important;
        margin-top:5px !important;
    }


    .encadre_guide_etape_front {
        margin-top: 40px;
    }

    .encadre_guide_etape {
        width:166px !important;
    }

    .section_image_guide_etape_front {
        height: 118px;
        width:195px !important;
        position: relative;
    }

    .section_image_guide_etape_front img {
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -25%;
    }

    .section_titre_guide_etape {
        width: 70%;
        margin: auto;
    }

    .cadre_guide_etape_num_2 .section_image_guide_etape_front img, .cadre_guide_etape_num_last .section_image_guide_etape_front img {
        bottom:10px;
    }

    .suite_guide_etape_front {
        display: inline-block;
        width: 292px;
    }

    .cadre_article_intro_page_accueil img {
        float:left !important;
    }

    /* Barre de filtre */
    .cadre_barre_recherche {
        width: 1200px;
        margin:auto;
        position: relative;
    }
    .encadre_champs_filtre_formation_riseup {
        display: inline-block !important;
        padding:0px;
    }

    .champs_filtre_formation {
        width:269px;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .encadre_champs_filtre_formation_riseup:after {
        right: 42px;
        top: 18px;
    }

    .autour_de_bouton_recherche_formation {
        position: absolute;
        right: 20px;
        top:60px;
    }

    .bouton_active_recherche {
        width: 234px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .btn_affiche_plus_de_filtrage_formation_riseup {
        display: block;
        width: 230px;
        margin: inherit;
        margin-left: 0px;
    }

    .btn_affiche_plus_de_filtrage_formation_riseup_inv {
        display: block;
        width: 350px;
        margin: inherit;
        margin-left: 0px;
    }

    .section_filtre_suplementaire_formation_riseup {
        width: 905px;
        position: absolute;
        left: 30px;
        z-index: 9
    }

    .cadre_les_dernieres_formation, .cadre_selection_formation {
        text-align: left;
        width: 100%;
    }

    .block_miniature_formation_riseup, .block_miniature_tutoriel_equipement {
        width: 280px !important;
        margin-right:5px;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
        border: 1px solid #bcbcbc;
    }

    .block_miniature_tutoriel_equipement {
        margin:0px;
    }

    .section_inferieur_miniature_riseup {
        width: 269px !important;
    }

    .section_image_formation_riseup, .section_image_formation_riseup img, .section_image_tutoriel_equipement, .section_image_tutoriel_equipement img {
        height: 191px !important;
    }

    .section_image_formation_riseup, .section_image_tutoriel_equipement {
        overflow: hidden;
    }

    .labelisation_formation_riseup {
        z-index: 5;
    }

    .effet_en_savoir_plus_formation, .effet_en_savoir_plus_tuto {
        display: block !important;
        height: 191px;
        width: 280px;
        position: absolute;
        bottom: -195px;
        background-color: rgba(0, 0, 0, 0.7);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        z-index: 4;
    }

    .effet_en_savoir_plus_tuto_bande_annonce {
        opacity:0;
        position: absolute;
        height: 191px;
        width: 280px;
        top:0px;
        left:0px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
        display:block;
    }

    .section_image_tutoriel_equipement:hover .effet_en_savoir_plus_tuto_bande_annonce {
        opacity:1;
    }

    .effet_en_savoir_plus_tuto_bande_annonce video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
    }

    .video_portrait {
        width:100%;
        height:auto;
    }

    .video_paysage {
        height:100%;
        width:auto;
    }

    /* masque les controle miniature bande annonce */
    /*
    .effet_en_savoir_plus_tuto_bande_annonce video::-moz-media-controls-panel {
        display: none !important;
    }
    .effet_en_savoir_plus_tuto_bande_annonce video::-ms-media-controls {
        display: none !important;
    }
    .effet_en_savoir_plus_tuto_bande_annonce video::-webkit-media-controls {
        display: none !important;
    }
    */

    .block_miniature_formation_riseup:hover .effet_en_savoir_plus_formation, .block_miniature_tutoriel_equipement:hover .effet_en_savoir_plus_tuto {
        bottom: 0px;
    }

    .interieur_effet_en_savoir_plus_formation, .interieur_effet_en_savoir_plus_tuto {
        width: 141px;
        color:#58C1D5;
        border:2px solid #58C1D5;
        border-radius: 50px;
        margin:auto;
        text-transform: uppercase;
        font-family: "Poppins";
        font-weight: bold;
        font-size: 15px;
        padding:14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .section_inferieur_miniature_riseup {
        height: 235px !important;
    }



    .dure_formation_riseup {

    }

    .seconde_section_article_financement_accueil {
        display: none;
    }

    .cadre_article_financement {
        position: relative;
        border-radius:17px;
    }

    .cadre_article_financement .image_article_front_float_large {
        position: absolute;
        right: -10px;
        bottom: -15px;
    }

    .premiere_section_article_financement_accueil {
        width: 456px;
        margin-left:155px;
        margin-right:75px;
        margin-bottom:75px;
        padding-bottom: 7px;
    }

    .sous_titre_prise_en_charge {
        margin-bottom: 5px;
    }

    .interieur_financement_accueil {
        width:320px;
    }

    /* Nouvelle barre de filtre */
    .encadre_catalogue_formation_riseup, .encadre_catalogue_tutoriel_equipement {
        padding-top:0px;
    }

    .cadre_barre_recherche_formation, .cadre_barre_recherche_tutoriel_equipement {
        margin-bottom: 15px;
    }

    .titre_section_recherche {
        display:block;
        padding-bottom:25px;
        font-family: "Poppins Medium";
        font-size:22px;
        color:#022545;
        text-align: left;
    }

    .sous_titre_sur_barre_de_filtre_formation, .sous_titre_sur_barre_de_filtre_tutoriel_equipement {
        text-align: left;
        padding-left: 25px;
        margin-bottom:0px;
    }

    .autour_champs_filtre_formation_riseup, .autour_champs_filtre_tutoriel_equipement {
        display: inline-block !important;
        padding:0px;
        margin-bottom: 0px;
        width:240px;
        margin-left:20px;
    }

    .bouton_reinitialise_recherche {
        display:none;
    }

    .bouton_voir_plus_de_resultat, .bouton_voir_plus_de_resultat_tuto {
        margin-top:50px;
        margin-bottom:50px;
    }

    .un_champs_filtre_formation, .un_champs_filtre_tuto {
        width:240px;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .autour_champs_filtre_formation_riseup:after, .autour_champs_filtre_tutoriel_equipement:after {
        right: 12px;
        top: 17px;
    }

    .bouton_active_recherche_formation_riseup, .bouton_active_recherche_tuto {
        padding-top:13px;
        padding-bottom:13px;
    }

     /* Flipbox */
    .cadre_de_flipbox {
        padding-top: 90px;
        padding-bottom: 0px;
        width: 1100px !important;
    }

    .cadre_icone_box {
        background-color: transparent !important;
    }

    .cadre_icone_box_img {
        max-width: none !important;
        max-height: none !important;
    }

    .le_panel .front, .le_panel .back {
        color:#053F6D;
        font-family: "Poppins Medium";
        font-size: 17px;
        line-height: 26px;
    }

    .front .cadre_icone_box {
        height: 55px !important;
        width: auto !important;
    }

    .back .cadre_icone_box {
        height: 90px !important;
        width: auto !important;
    }

    .col_fifth .box1 {
        border-right:1px solid #BCBCBC;
        border-radius:0px;
    }

    .end .box1 {
        border-right:none !important;
    }

    .box1, .box2 {
        font-size: 17px !important;
        line-height: 26px;
    }

    .ligne_etoile {
        color:#053F6D;
        font-family: "Poppins";
        font-size: 12px;
        width: 100%;
        text-align: center;
        padding-bottom:30px;
    }

    .encadre_text_recto {
        height: 125px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .encadre_text_verso {
        height: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cadre_icone_box {
        padding-top: 0px !important;
    }


    /* Methode */
    .cadre_article_une_methode_moderne_simple_et_attractive {
        width: 686px;
        height: 392px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: -50px;
    }

    .cadre_article_une_methode_moderne_simple_et_attractive h1 {
        font-size: 22px;
        text-align: left;
        line-height: initial;
    }

    .cadre_article_une_methode_moderne_simple_et_attractive .contenu_article {
        font-size: 15px;
        line-height: 28px;
        width: 554px;
    }

    .sante_visuelle {
        color:#58C1D5;
    }

    .clinique {
        color:#AEFFE6;
    }

    .toute_la_page_methode .encadre_guide_etape_front {
        margin-top:110px;
    }

    .toute_la_page_methode .encadre_guide_etape_front .encadre_guide_etape {
        width:220px !important;
    }

    /* Page financement */
    .cadre_article_prise_en_charge_financiere_jusqua_100 {
        padding-top: 40px;
        padding-bottom: 0px !important;
    }
    .cadre_article_prise_en_charge_financiere_jusqua_100 .image_article_front_float_large {
        width: auto !important;
        float: right !important;
        margin-left:20px;
        margin-top: -40px;
        margin-bottom: 0px !important;
    }

    .cadre_article_prise_en_charge_financiere_jusqua_100 h1 {
        font-family: "Poppins Medium";
        font-size: 22px;
        font-weight: bold;
        color:#053F6D;
        line-height: 25px;
        padding-bottom: 5px;
    }

    .cadre_article_prise_en_charge_financiere_jusqua_100 .diffu_article_text_large {
        font-family: "Poppins Medium";
        font-size: 15px;
        color:#053F6D;
        line-height: 26px;
        width:465px;
    }
    /*
    .cadre_article_prise_en_charge_financiere_jusqua_100:after {
        width:36px;
        height: 18px;
        background-image:url('../images/fleche_down_blanc.png');
        background-repeat: no-repeat;
        content:" ";
        position: absolute;
        left: 50%;
        bottom: 50px;
        margin-left: -18px;
    }
    */

    .encadre_le_guide_financement {
        padding-bottom:70px;
    }

    /* Page inscription */
    .toute_la_page_mon_compte .contenu_page_diffu_interne, .toute_la_page_creation_de_compte .contenu_page_diffu_interne {
        width:955px;
        margin:auto;
    }
    .encadre_global_form_inscription {
        width:955px;
    }

    .encadre_un_champs {
        width:465px;
        margin-right:10px;
    }
    .champs_front {
        width:465px;
    }

    .pour_checkbox_inscription {
        width:100%;
    }

    .btn_action_formation {
        width:353px;
    }

    .label_cellule_checkbox {
        padding-left: 6px;
        padding-top: 4px;
    }

    .cellule_checkbox, .cellule_checkbox div {
        padding:0px;
    }

    .btn_telecharge_justifi {
        width:465px;
        height: 53px;
        background-image:url('../images/fleche_gris_bas.png');
        background-repeat: no-repeat;
        background-position: 96% 10px;
    }

    .encadre_les_champs_form_avance {
        padding-bottom:10px;
    }

    .le_champs_dl_fichier input[type='file'] {
        width:465px;
    }

    .btn_validation {
        margin:0px;
    }

    .interieur_mes_infos_mon_compte .encadre_message_final {
        margin-top:200px;
        margin-bottom:200px;
    }

    .accept_cgv_paiement {
        margin-bottom:0px;
        margin-top:15px;
    }


    /* Widget login haut droite */
    .login_header {
        top:8px;
    }

    .cadre_choix_identifier {
        border-radius:8px;
    }

    /* Widget Login */
    .section_login_widget_login_shop, .zone_mot_ed_passe_oublie, .zone_creation_compte {
        height: 478px;
        width:465px !important;
        margin:13px !important;
    }

    .input_login, .label_formulaire, .cadre_choix_identifier .sous_titre_bleu, .cadre_choix_identifier .intro_crer_compte, .zone_mot_ed_passe_oublie table {
        width:362px !important;
        margin:auto;
    }

    .intro_crer_compte {
        margin-bottom:75px !important;
    }

    .label_formulaire {
        margin-top:30px;
    }

    .titre_section_login {
        font-size: 22px;
    }

    .btn_login_mdp_oublie {
        float: right;
        display: inline-block;
        width: 150px !important;
        margin-right: 12px;
        margin-top: 5px;
    }

    .autour_de_se_souvenir_de_moi_widget_login_shop {
        float: left;
        margin-left: 18px;
        width: 150px;
    }

    .btn_login_se_connecter {
        margin-top:75px !important;
    }

    .zone_mot_ed_passe_oublie .label_formulaire {
        margin-top:23px;
    }

    .zone_creation_compte .label_formulaire {
        margin-top:52px;
    }

    .btn_active_mdp_oublie, .btn_annule_mdp_oublie {
        padding:15px !important;
        margin-top:58px !important;
    }

    .zone_creation_compte #retour_verif_mail {
        height:40px;
    }

    /* Page contact */
    .toute_la_page_contact {
        margin-top:30px;
    }

    .cadre_article_contact {
        background-color: #AEFFE6;
        padding-bottom:333px;
        margin-top:10px;
        width:465px;
    }

    .formulaire_de_contact {
        width: 100%;
        text-align: right;
    }

    .cadre_article_contact .image_article_front_float_large {
        float:none !important;
        position:absolute;
        bottom:0px;
        left:50%;
        margin-right:auto !important;
        margin-bottom:0px !important;
        margin-left:-146px;
    }

    .encadre_champs_contact {
        margin-left:100px;
    }

    .encadre_champs_contact, .champs_de_contact {
        width:425px;
    }

    .signalitique_obligatoire {
        width: 200px;
        margin-left: 100px;
        text-align: left;
    }

    .toute_la_page_contact .btn_validation {
        float: right;
        margin-right: 35px;
        margin-top: -60px;
        width: 170px;
        text-align: left;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .encadre_champs_contact {
        margin-bottom:5px;
    }

    .num_tel_page_contact {
        margin-top: 30px;
    }

    /* Page inscription DPC */
    .retour_au_catalogue {
        margin-top:40px;
    }
    .interieur_inscription_dpc {
        width:956px;
        margin:auto;
    }
    .interieur_page_inscription_dpc h1 {
        font-size: 38px;
        margin-top:50px;
        margin-bottom:50px;
    }

    .header_inscription_dpc {
        padding:50px;
    }

    .image_dans_header_inscription_dpc img {
        width:220px;
    }

    .image_dans_header_inscription_dpc {
        width:220px;
    }

    .interieur_inscription_dpc .encadre_les_bouton_inscription_dpc {
        width:1100px;
        text-align: center;
        margin-left:-70px;
        padding-top:20px;
    }

    .btn_inscription_dpc {
        display:inline-block;
        vertical-align: middle;
        width:auto;
        max-width: 370px;
        padding-right: 50px;
        margin-left:10px;
        margin-right: 10px;
    }

    .btn_inscription_dpc .interne_btn_action_formation {
        height: 39px;
    }

    /* Page achat formation */
    .section_recap_paiement {
        width:269px;
        display: inline-block;
        vertical-align: top;
        margin-top:-5px;
        margin-left: 80px;
    }

    .cadre_section_recap_paiement {
        border-radius: 8px;
    }

    .bouton_achat_formation, .bouton_achat_formation_inactif {
        border-radius:100px;
        margin-top:25px;
    }

    .premier_morceau_achat_formation_simple {
        display: inline-block;
        vertical-align: top;
        width:781px;
        border-bottom:1px solid #BCBCBC;
        min-height: 360px;
    }

    /* Mes commandes */
    .autour_de_la_page_mon_compte {
        background-color: #f7f7f7;
        display: table;
    }
    .section_nav_mon_compte {
        display: table-cell;
        vertical-align: top;
        background-color: #fff;
        width:333px;
    }

    .section_interieur_mon_compte {
        display: table-cell;
        vertical-align: top;
        -webkit-box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.16);
        box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.16);
    }

    .interieur_mes_commande_mon_compte {
        padding-top: 50px;
    }

    .titre_mes_commandes {
        margin-bottom:30px;
    }

    .ligne_inscription {
        background-color: transparent;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .ligne_inscription:hover {
        background-color: #fff;
    }


    .celule_inscription {
        padding-bottom:20px;
        padding-right:20px;
        border-bottom:1px solid #BCBCBC;
        vertical-align: top;
    }

    .label_data_inscription {
        margin-bottom:5px;
    }

    .encadre_liste_inscription, .titre_mes_commandes {
        width:100%;
        padding-left:30px;
        padding-right:30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .interieur_mes_infos_mon_compte .btn_validation {
        margin:auto;
    }

    .interieur_mes_infos_mon_compte {
        padding-bottom:50px;
    }

    .pour_upload_image_inscription #preview {
        margin-top:25px;
    }

    .ico_dl_facture_front {
        /*
        padding-top:18px;
        */
    }

    /* Fiche formation */
    .fiche_formation_sous_bandeau_gauche {
        float: left;
        padding-bottom:20px;
    }
    .fiche_formation_sous_bandeau_droite {
        float: right;
    }
    .fiche_formation_sous_bandeau_droite .titre_formation_riseup {
        float:none;
        margin-bottom:8px;
    }

    /* Mes Formations */
    .interieur_mes_formation_mon_compte {
        padding-top: 50px;
    }

    .interieur_mes_formation_mon_compte .data_inscription {
        display: inline-block;
    }

    .interieur_mes_formation_mon_compte .btn_action_formation {
        width:230px;
    }

    .cadre_barre_progression {
        min-width: 500px;
    }

    /* Page quis ommes nous */
    .que_diffu_large  .cadre_article_introduction_page_qui_sommes_nous {
        margin-bottom:60px;
    }

    .que_diffu_large  .cadre_article_introduction_page_qui_sommes_nous .image_article_front_float_large {
        float: right !important;
        width: 499px !important;
        height: auto !important;
        margin-left: 30px !important;
        margin-bottom: -80px !important;
        margin-top: 50px;
        text-align: left !important;
    }

    .que_diffu_large  .cadre_article_introduction_page_qui_sommes_nous .diffu_article_text_large {
        color: #fff;
        width: 440px;
        font-family: "Poppins";
        font-size: 20px;
        line-height: 33px;
        padding-top: 60px;
        text-align: center;
        padding-left: 100px;
    }

    .encadre_picto_qui_som {
        text-align: center;
        margin-top: 60px;
        margin-bottom:30px;
    }

    .un_picto_qui_som {
        text-align: center;
        padding:20px;
    }

    .carre_picto_qui_somme {
        width:129px;
        height: 129px;
        margin:auto;
        margin-bottom:30px;
        border-radius:8px;
    }

    .carre_picto_qui_somme img {
        max-height: 57px;
        max-width:80px;

    }

    .texte_picto_qui_somme {
        text-align: center;
        color:#053F6D;
        font-family: "Poppins SemiBold";
        font-size:18px;
        line-height: 26px;
    }

    .cadre_article_accompagnement {
        width:439px;
        margin:auto;

    }

    .cadre_article_accompagnement .contenu_article {
        font-family: "Poppins SemiBold";
        font-size:20px;
        line-height: 33px;
        color:#fff;
        text-align: left;
        padding-top: 50px;
        padding-bottom:50px;
    }

    .cadre_article_experience {
        width:auto;
        margin:auto;
        font-family: "Poppins";
        font-size:18px;
        line-height: 28px;
        color:#053F6D;
        padding-top: 30px;
        text-align: center;
        padding-bottom:0px;
    }

    .cadre_article_experience .image_article_front_float_large {
        width:212px !important;
        height: auto !important;
        float: right !important;
        margin-top: 70px;
        margin-bottom:0px !important;
    }

    .cadre_article_experience .contenu_article {
        padding-top: 50px;
        font-size: 18px;
        line-height: 28px;
        padding-left: 90px;
        text-align: left;
    }


    .phrase_decouvrer_nos_offre {
        width:100%;
        margin:auto;
        margin-top:70px;
        margin-bottom: 20px;
        font-family: "Poppins";
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color:#053F6D;
        text-align: center;
    }
    /*
    .cadre_article_decouvrez_nos_offres .bouton_active_recherche {
        padding-top:0px;
        padding-bottom:0px;
    }
    */

    /* Guide financier */
    .un_block_select_texte_inactif, .un_block_select_texte_actif {
        width:280px !important;
        height:358px !important;
    }

    .un_block_select_texte_inactif .contenu_du_block_text, .un_block_select_texte_actif .contenu_du_block_text {
        height: 200px !important;
        font-size:15px !important;
        font-family: "Poppins Medium";
    }


    .un_block_select_texte_inactif .titre_du_block_texte, .un_block_select_texte_actif .titre_du_block_texte {
        height: 60px !important;
    }

    .banniere_num_dpc {
        left:8px !important;
        top:184px !important;
        width:280px !important;
    }

    /* Landing page */
    .interne_landing_page_vers_btn_explication {
        display:block;
        font-size: 18px;
        font-family: "Poppins SemiBold";
        padding-top:22px;
        display: inline-block;
        letter-spacing: 1px;
        text-align: left;
        width:auto;
    }

    .landing_page_inferieur_droite_interieur {
        width:400px;
    }

    .bouton_vers_formation {
        margin-right:65px;
    }


    /* SECTION AUTEUR FORMATION */
    .cadre_de_un_auteur_formation {
        height: 261px;
        border-radius: 8px;
    }

    .photo_de_un_auteur {
        position: absolute;
        z-index: 2;
        top: 0px;
        left: 0px;
    }

    .couche_opaque_auteur_formation {
        height: 261px;
        position: absolute;
        z-index: 3;
        padding-top: 20px;
        /*background: rgba(88, 193, 213, .90);*/
        background: rgba(203, 227, 231, .90);
        top: 261px;
        left: 0px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-align: center;
        margin-top: 0px;
        border-radius: 0px;
    }

    .cadre_de_un_auteur_formation:hover .couche_opaque_auteur_formation {
        top: 0px;
    }

    /* Avis client */
    .cadre_avie_client_manuel {
        margin-top: 20px;
    }

    .cadre_avis_manuel {
        height: 290px;
        width:90% !important;
    }

    /* Fiche video */
    .autour_fiche_tuto {
        width:1200px;
        margin:auto;
        padding-top:25px;
        padding-bottom:40px;
    }

    .file_ariane_dans_fiche {
        display:block;
    }

    .header_fiche_tuto, .footer_section_video_tuto, .section_information_video_tuto {
        display:none;
    }

    .interieur_video_tuto {
        display:inline-block;
        width:600px;
        vertical-align: top;
        padding-top:10px;
    }

    .droite_video_tuto_fiche {
        display:inline-block;
        width:500px;
        vertical-align: top;
        padding-left:50px;
    }

    .header_droite_video_tuto_fiche img {
        filter: grayscale(100%);
        opacity:0.8;
    }


    .info_cat_tuto_video, .info_dure_tuto_video {
        float: none;
        display:inline-block;
    }

    .titre_en_haut_de_fiche_tuto {
        font-family: "Poppins Medium";
        font-size:18px;
        color:#022545;
        margin-bottom:15px;
    }

    .titre_paragraphe {
        font-family: "Poppins Medium";
        font-size:15px;
        color:#707070;
        margin-bottom:15px;
    }

    .contenu_paragraphe {
        margin-bottom:5px;
    }

    .message_invite_connection_haut_fiche_tuto {
        font-family: "Poppins";
        font-size:13px;
        text-decoration: none;
        cursor:pointer;
        padding-bottom:5px;
        color: #707070;
        position:relative;
        display:inline-block;
        vertical-align: top;
        margin:10px;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:5px;
        text-decoration: underline;
        text-align: left;
    }

    .message_invite_connection_haut_fiche_tuto:before {
        content:" ";
        position:absolute;
        left:-20px;
        width:15px;
        height:15px;
        background-image: url(../images/perso_gris.png);
        background-repeat: no-repeat;
    }

    .cadre_pour_message_invitation_conenction .message_invite_connection_haut_fiche_tuto {
        font-family: "Poppins Medium";
        font-size:15px;
        color:#707070;
        display: block;
    }

    .cadre_pour_message_invitation_conenction .message_invite_connection_haut_fiche_tuto:before {
        display:none;
        content:"";
    }

    .btn_pour_se_connecter {
        width:220px;
        float:right;
        padding-top:8px;
        padding-bottom:7px;
        text-align: center;
        cursor: pointer;
        border-radius:14px;
        padding-right:25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-family: "Poppins";
        color:#fff;
        font-weight:bold;
        background-image: url(../images/fleche_droite_blanche.png);
        background-repeat: no-repeat;
        background-position: 95%;
        background-color: #022545;
    }

    .btn_pour_se_connecter:hover {
        background-color: #123051;
        color:#fff;
        border-radius:50px;
        background-image:url('../images/fleche_btn_blanc.png');
        background-repeat: no-repeat;
        background-position: 90%;
    }

    .zone_inferieur_interieur_video_tuto {
        display:block;
        padding-top:0px;
        text-align: right;
    }

    .section_inferieur_fiche_tuto_mobile, .diffusion_invite_connecte_a_la_place_de_bande_annonce {
        display:none;
    }

    .diffusion_video_bande_annonce {
        display:block;
    }

    /* Bouton favorie tuto video */

    .text_ajout_fav_tuto {
        color:#707070;
        font-family: "Poppins";
        font-weight: lighter;
        font-size:10px;
        text-align: center;
        width:auto;
        text-align: left;
    }

    .cadre_favorie_tuto {
        width:auto;
        margin:10px;
        display:inline-block;
        vertical-align: top;
    }

    /* Partage social */
    .cadre_partage_social_tuto_pc {
        width:auto;
        margin:10px;
        display:inline-block;
        vertical-align: top;
        padding-top: 10px;
        padding-bottom:10px;
    }


    .titre_de_partage_social {
        position:relative;
        padding-right:10px;
        cursor: pointer;
        display: inline-block;
    }

    .text_dans_partage_social {
        font-family: "Poppins";
        font-weight: lighter;
        font-size:10px;
        color:#707070;
        text-decoration: underline;
        width:auto;
        float:left;
        padding-right:10px;
    }

    .fleche_action_partage_social {
        width:18px;
        height:15px;
        background-image: url('../images/fleche_grise_droite.png');
        background-repeat: no-repeat;
        position: relative;
        float:left;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .fleche_action_partage_social .message_sous_fleche_action_partage_social {
        opacity: 0;
        position:absolute;
        bottom:20px;
        margin:auto;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        font-family: "Poppins SemiBold";
        font-size:9px;
        color:#022545;
        width:100px;
        text-align: center;
        left:50%;
        margin-left:-50px;
    }

    .titre_de_partage_social:hover .fleche_action_partage_social {
        background-image: url('../images/fleche_rose_droite.png');
    }

    .titre_de_partage_social:hover .fleche_action_partage_social .message_sous_fleche_action_partage_social {
        opacity: 1;
        bottom:-15px;
    }

    .zone_social_pc_tuto, .zone_social_pc_formation {
        width:182px;
        height:39px;
        background-color: #707070;
        border-radius:8px;
        text-align: center;
        margin:auto;
    }

    .encadre_un_btn_r_social {
        margin-top:0px;
        margin-bottom:0px;
        margin-left:6px;
        margin-right:6px;
    }

    .btn_voir_plus_objet_similaire {
        width:220px;
        margin:auto;
        background-color: #022545;
        color:#fff;
        border-radius:8px;
        text-align: center;
        padding-top:7px;
        padding-bottom:7px;
        font-family: "Poppins";
        font-weight:bold;
        font-size:15px;
        cursor: pointer;
        padding-left:0px;
        padding-right:0px;
        background-image: none;
        margin-top:30px;
        margin-bottom:30px;
    }

    /* Barre mixte */
    .cadre_barre_recherche_formation_mix_tuto {
        width:100%;
    }

    .cadre_mix_filtre .un_champs_filtre_formation, .cadre_mix_filtre .bouton_active_recherche_formation_riseup, .cadre_mix_filtre .un_champs_filtre_tuto, .cadre_mix_filtre .bouton_active_recherche_tuto {
        width:240px;
    }

    .cadre_mix_filtre .autour_champs_filtre_formation_riseup, .cadre_mix_filtre .autour_champs_filtre_tutoriel_equipement {
        width:250px;
    }

    .cadre_mix_filtre .un_champs_filtre_formation, .cadre_mix_filtre .bouton_active_recherche_formation_riseup, .cadre_mix_filtre .un_champs_filtre_tuto, .cadre_mix_filtre .bouton_active_recherche_tuto {
        font-size:13px;
    }

    .cadre_mix_filtre .autour_champs_filtre_formation_riseup:after, .cadre_mix_filtre .autour_champs_filtre_tutoriel_equipement:after {
        top:18px;
    }

    /* Nouvelle interface mon compte */
    .contenu_centre_particulier_espace_employeur {
        width:1200px;
        margin:auto;
    }

    .colonne_a_mon_compte {
        display:inline-block;
        vertical-align: top;
        width:200px;
    }

    .colonne_b_mon_compte {
        display:inline-block;
        vertical-align: top;
        width:950px;
    }

    .interieur_de_section_invite_salarie {
        width:468px;
        margin:auto;
    }

    /* Page demande de prise en charge employeur */
    .cadre_global_demande_employeur .retour_au_catalogue {
        display:none;
    }

    .cadre_global_demande_employeur {
        width:853px;
        margin:auto;
        margin-top:30px;
        margin-bottom:30px;
        background-color: #fff;
        padding:25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius:8px;
        color:#022545;
        font-family: "Poppins";
        font-size:15px;
        text-align: center;
    }

    .encadre_global_form_inscription .encadre_un_champs {
        width:100%;
    }

    .cadre_global_demande_employeur .btn_validation {
        margin-right: 85px;
        margin-top: 20px;
    }

    .cadre_handicap_pc {
        display:block;
        width:465px;
        background-color: #053F6D;
        padding:15px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top:-90px;
        z-index: 1;
        position: relative;
    }

    .cadre_handicap_mobile {
        display:none;
    }

    .section_sup_cadre_handicap_pc {
        padding-top:15px;
        padding-bottom:15px;
        font-family: "Poppins Medium";
        font-size:13px;
        color:#AEFFE6;
    }

    .section_inf_cadre_handicap_pc {
        font-family: "Poppins";
        font-size:13px;
        font-weight:lighter;
        padding-top:25px;
        padding-bottom:25px;
        color:#fff;
    }

    .cadre_action_sur_favorie_tuto {
        padding-top:7px;
    }

    .cadre_pc_notation_tuto {
        margin:10px;
    }

    .cadre_pc_notation_tuto {
        display:inline-block;
        vertical-align: top;
        padding-top:7px;
    }

    .cadre_notation {
        display:inline-block;
        vertical-align: middle;
    }

    .cadre_notation {
        margin-top:0px;
        margin-left:10px;
    }

    .text_ajout_fav_tuto {
        text-decoration: underline;
    }

    .text_notation_tuto_pc {
        color: #707070;
        font-family: "Poppins";
        font-weight: lighter;
        font-size: 10px;
        text-align: center;
        width: auto;
        text-align: left;
        text-decoration: underline;
        display: inline-block;
        vertical-align: middle;
    }

    .etoile_jaune_droite {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_jaune_droite.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:left center;
        width:8px;
        height:15px;
        cursor:pointer;
        margin-right:4px;
    }

    .etoile_jaune_gauche {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_jaune_gauche.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:right center;
        width:8px;
        height:15px;
        cursor:pointer;
    }

    .etoile_bleu_droite {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_bleu_droite.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:left center;
        width:8px;
        height:15px;
        cursor:pointer;
        margin-right:4px;
    }

    .etoile_bleu_gauche {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_bleu_gauche.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:right center;
        width:8px;
        height:15px;
        cursor:pointer;
    }

    .etoile_blc_droite {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_blc_droite.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:left center;
        width:8px;
        height:15px;
        cursor:pointer;
        margin-right:4px;
    }

    .etoile_blc_gauche {
        display:inline-block;
        margin:0px;
        background-image:url('/plugins/backoffice_gestion_tutoriel_equipement/images/etoile_blc_gauche.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position:right center;
        width:8px;
        height:15px;
        cursor:pointer;
    }

    /* Module newsletter */
    .cadre_principale_brevo {
        margin-top:40px;
        width:300px;

    }

    .cadre_formation_et_tuto_proche .block_miniature_tutoriel_equipement {
        height:477px;
    }


    .zone_identification .champ_formulaire {
        margin-left: 20px;
        margin-bottom:10px;
    }

}

.zone_reinitialise_mdp .contenu_formulaire_log {
    width:300px !important;
    margin:auto;
}

.zone_reinitialise_mdp .contenu_formulaire_log .label_formulaire {
    margin-top:20px;
    width:300px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.zone_reinitialise_mdp .contenu_formulaire_log .champ_formulaire {
    width:300px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left:0px !important
}

.zone_reinitialise_mdp .input_login, .zone_reinitialise_mdp .label_formulaire, .zone_reinitialise_mdp .cadre_choix_identifier .sous_titre_bleu, .zone_reinitialise_mdp .cadre_choix_identifier .intro_crer_compte, .zone_mot_ed_passe_oublie table {
    width:300px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.zone_reinitialise_mdp .btn_validation_log:hover {
    background-color: #123051;
    color:#fff;
    border-radius:50px;
    background-image:url('../images/fleche_btn_blanc.png');
    background-repeat: no-repeat;
    background-position: 95% !important;
}

.zone_reinitialise_mdp .btn_validation_log {
    background-color: #123051;
    color:#fff;
    border-radius:50px;
    background-image:url('../images/fleche_btn_blanc.png');
    background-repeat: no-repeat;
    background-position: 90% !important;
}


.top-barre-ophta-aca {
	font-family: 'Poppins SemiBold';
	font-size:12px;
	text-align:center;
	padding:9px;
	background-color: #E8F4F6;
	color:#022545;
}