.mon_intranet_public { width: 100%; float: left; .css-1nmdiq5-menu { background: transparent !important; color: white !important; z-index: 999; } .css-qbdosj-Input { background: transparent !important; } .h1_transparent { color: transparent; //color: red; font-size: 0.1rem; } @media only screen and (max-width: 600px) { .calage { display: none; } /*style smartphones et petites tablettes en portrait*/ .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: small; width: 90%; margin-left: auto; margin-right: auto; } .containerBox { position: relative; display: inline-block; margin-top: 0.5rem; } input::placeholder { font-size: 0.7rem; color: black; } .align_gauche { margin-left: 0rem; width: 100%; float: left; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: x-small; } .btn-primary { margin-top: 0.25rem !important; } .filter_dist { width: 70% !important; text-align: left; } .recherchedivgauche { width: 90%; border-radius: 0.5rem; float: left; text-align: center; font-family: "DM Sans", "sans-serif"; font-size: small; } .okUpdateData { font-size: 0.7rem; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .recherchedivdroite { width: 5%; border-radius: 0rem; float: right; align-content: flex-end; border-left: 0.1rem solid; border-left-color: #ced4da; } .recherchefilter { margin-top: 1.2rem; display: inline-block; width: 97%; background-color: black; color: white; height: auto; padding: 1px; outline: 1px solid #ccc; margin: 0; text-align: left; border-radius: 5px; margin-bottom: 0.1rem; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); height: 2rem; padding-top: 5px; margin-bottom: 0.5rem; //margin-top: 1rem; } .rech_container { width: 90%; height: 200px; background: aqua; margin: auto; padding: 2px; border-radius: 30px; } .rech_leftbox { float: left; border-width: 1px; width: 98%; //height: 100%; margin: auto; padding: 0.3rem; //border-radius: 1rem; margin-bottom: 0.1rem; font-family: "verdana", "Quicksand", "Signika", sans-serif !important; background: white; margin-left: 1%; -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); margin-top: 0.5rem; margin-right: auto; margin-bottom: 10px; } .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; //background-color: #f8f9f9; } .rech_rightbox { display: none; } .textsurimage { color: rgb(218, 207, 207); background-color: transparent; font-size: 1.5rem; text-align: center; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); position: re; } .rech_list_formation2 { display: inline-block; width: 100%; background-color: white; height: auto; padding: 1px; outline: 1px solid #ccc; //border: 1px solid #999; margin: 0; text-align: left; border-radius: 10px; margin-bottom: 10px; //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); } .rech_list_formation2:hover { -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); } input[type="submit"] { width: 100%; margin-top: 0; } h3 { font-size: 1rem; } .form { position: relative; margin-top: 0.5rem !important; margin-bottom: 0.5rem; font-family: "DM Sans", "sans-serif"; font-size: small; text-align: left; height: 3rem !important; display: flex; width: 98%; display: flex; } .textsurimage23 { color: rgb(218, 207, 207); background-color: transparent; text-align: center; position: absolute; top: 15%; left: 20%; width: 20rem; } h4 { display: inline-block; font-size: medium; /*or whatever you want*/ color: white; } .default_font { color: #3c4043; display: inline-block; line-height: 28px; font-size: small; } .ch_recherche { margin-left: 10%; margin-right: 10%; background-color: white; align-items: center; } .input-group-text2 { padding: 0.25rem 0.5rem; font-size: 0.7rem; border-radius: 0.2rem; } .rech_list_formation { display: inline-block; width: 100%; background-color: #eee; height: auto; padding: 1em; outline: 1px solid #ccc; border: 1px solid #999; background-color: #999; margin: 0 auto; text-align: left; } .height { height: 100vh; } .form .fa-search { position: absolute; top: 20px; left: 20px; color: #9ca3af; } .input-group-text { font-size: 0.6rem !important; } .form-select { font-size: 1rem !important; padding: auto; } .mb-3 { margin-bottom: 0.5rem !important; cursor: pointer; } .verti_middle { margin-top: 2rem !important; } .form span { position: absolute; right: 0.1rem; top: 0.1rem; padding: 1.5px; //border-left: 0.2rem solid #d1d5db; height: 1.9rem; margin-top: 5px; } form svg { margin-top: 0.6rem !important; cursor: pointer; } .ch_form_svg { svg { margin-top: 0rem !important; } } .form span_clear { position: absolute; right: 1.5rem !important; top: 0.1rem !important; padding: 2px; border-left: 0.2rem solid #d1d5db !important; height: 1.9rem; padding-left: 0.5rem; padding-right: 0.5rem; } .left-pan { padding-left: 7rem; } .left-pan i { padding-left: 10px; } .form-input { border-radius: 5px; height: 3rem; font-size: medium; padding-bottom: 0.1rem; padding-top: 0.1rem; border: none; box-shadow: 16px 16px 48px rgba(30, 30, 30, 0.08); width: 90%; padding-left: 1px; padding-right: 1px; } .text-box { position: absolute; height: 100%; text-align: center; width: 100%; } .text-box:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .img_logo { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 50%; } .filter_span { padding-top: 0.3rem; padding-bottom: auto; word-break: break-word; margin-right: 0.5rem; color: #104277; font-size: 0.75rem; white-space: nowrap; width: 30%; margin-top: 0.3rem; } .filter_val { padding-top: 0.1rem; padding-bottom: auto; word-break: break-word; margin-right: 0.5rem; font-size: 0.75rem; white-space: nowrap; border: none; background: transparent; color: #3b3e40; font-family: "DM Sans", "sans-serif"; border: 1px solid #C7C9CE; border-radius: 0.3rem !important; width: 65%; margin-top: 0.3rem; margin-right: 0px; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; position: fixed; z-index: 10; top: 0px; } .div_row_haut { float: left; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; background-color: #3b3e40; z-index: 10; } .div_row_bas { float: right; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; z-index: 10; background-color: #e7f3fb; background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); //border-bottom-left-radius: 25px; //border-bottom-right-radius: 25px; } .div_mobile { position: relative; top: 8rem; z-index: 1; width: 98%; height: 100%; margin: 0.3rem; margin-left: auto; margin-right: auto; } .pieddepage { z-index: 50; width: 100%; float: left; color: white !important; } .menuPrincipal { font-family: "Quicksand", "Signika", "sans-serif"; color: white; width: 20%; float: right; font-weight: 500; cursor: pointer; } .menuPrincipal:hover { color: #81bc3a; font-weight: bold; padding-left: 0; transition: color 0.3s linear; letter-spacing: 0.2rem; text-decoration: solid; text-underline-offset: 3px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: underline; } .div_001 { width: 90%; margin-left: auto; margin-right: auto; } .div_002 { width: 50%; text-align: center; margin-left: auto; margin-right: auto; } .div_003 { display: none; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin-bottom: 0.2rem; margin-top: 0.2rem; } .div_005 { width: 100%; margin-left: auto; margin-right: auto; color: black !important; height: 4rem; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 0.85rem; margin-bottom: 0.5rem; } .hilightsoustitre_v2 { color: #3b3e40; display: block; font-size: 1rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; letter-spacing: 2px; } .hilightsoustitre_v2_metier { color: #3b3e40; display: block; font-size: 1rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; letter-spacing: 2px; } .tab_gauche { width: 50%; float: left; text-align: left; } .tab_droite { width: 50%; float: right; text-align: right; } .tab_gauche_metier { width: 20%; float: left; text-align: left; } .tab_droite_metier { width: 20%; float: right; text-align: right; } .img_thematique_metier { display: block; border-radius: 10rem; max-width: 360px; } .met_polaroid_gauche { width: 97%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 2px; } .met_polaroid_droite { width: 97%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; margin-left: 3%; border-radius: 2px; } .met_container { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; font-weight: bold; } .met_text { margin-bottom: 0.1rem; font-size: x-small; white-space: nowrap; overflow: hidden; font-weight: bold; } .met_text_larg { margin-bottom: 0.1rem; font-size: xx-small; font-weight: bold; white-space: nowrap; overflow: hidden; } .met_text_all_categories { margin-bottom: 0.1rem; font-size: x-small; margin-top: 1rem; } .met_container_all_categories { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; height: 4rem; } .met_polaroid_gauche_all_categories { width: 100%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .tab_gauche_all_categories { width: 100%; float: left; text-align: left; } .img_categorie { width: 100%; border-top-right-radius: 2px; border-radius: 2px; padding: 5px; } .met_polaroid, .met_polaroid_line2 { display: none; } .bienvenu { display: none; } .new_filter_zone { float: left; width: 35%; display: flex; align-items: center; font-size: smaller; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; } .new_filter_zone_cerif_radio { width: 30%; float: left; text-align: right; font-size: smaller; } .new_filter_zone_cerif_radio_right { //width: 30%; float: left; text-align: left; font-size: small; padding-left: 5px; } .new_filter_zone_cerif_radio_left { //width: 30%; float: left; text-align: center; font-size: small; padding-right: 15px; padding-left: 2px; min-width: 30%; } .range_prix_mobile { margin-left: 1rem; } .new_filter_zone_row { margin-bottom: 0.7rem !important; width: 100%; padding-right: 5px; } .tick_ok_ko { max-width: 50%; margin-top: 8px; } .tab_logo_metier { width: 100%; padding-left: 5px; } .tab_critere_espace { margin-bottom: 1rem; padding-bottom: 0rem; width: 100%; } // 07/01/23 .Background_Header { /* Background Header */ position: absolute; width: 100%; height: 350px; left: 0px; top: 0px; /* Beige */ background: #FFF5DA; } .Partner_Catalog_Background_Header { /* Background Header */ position: absolute; width: 100%; height: 350px; left: 0px; top: 0px; } .Menu_Header { display: none; } .block_nos_service { position: absolute; width: 100%; height: 100px; left: 0px; top: 474px; /* White */ background: #FFFFFF; display: none; } .logo { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; position: absolute; width: 108px; height: 52px; left: 150px; top: 30px; } .Logo_MySy { width: 108px; height: 36px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .training { width: 108px; height: 12px; font-family: 'Albert Sans'; font-style: normal; font-weight: 900; font-size: 10px; line-height: 12px; /* identical to box height */ letter-spacing: 0.83em; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .title_desc_header { position: absolute; width: 95%; height: 120px; //left: 24px; top: 100px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 40px; /* or 125% */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; } .block_nos_formation { /* Formations & Tutoriels */ /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; position: absolute; width: 97%; //height: 1486px; left: 1%; top: 900px; } .pieddepage_v2 { position: relative; width: 100%; //height: 450px; left: 0px; //top: 5850px; top: 5800px; background: #FFF5DA; z-index: -1; } .frame_153 {} .frame_153_txt { position: absolute; width: 100%; text-align: left; height: 34px; //left: 24px; top: 250px; font-family: 'Albert Sans'; font-style: normal; //font-weight: 600; font-size: 12px; line-height: 17px; display: flex; align-items: center; /* Deep Blue */ color: #0A043C; } .title1 { position: absolute; height: 120px; font-family: "Albert Sans"; font-style: normal; font-weight: 600; font-size: 25px; line-height: 30px; text-align: center; letter-spacing: -1px; color: #0A043C; } .content_search_bar { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 100%; height: 367px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; z-index: 1; } .search_bar_h { //display: flex; flex-direction: column; align-items: center; padding: 20px 0px; gap: 24px; position: absolute; width: 86%; height: 220px; left: 7%; top: 260px; /* White */ background: #FFFFFF; box-shadow: 0px 16px 48px rgba(30, 30, 30, 0.08); border-radius: 8px; } .search_bar { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px 5px 0px 5px; gap: 72px; width: 100%; height: 80px; /* White */ background: #FFFFFF; box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .input_search_bar { /* Auto layout */ //display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 24px; width: 95%; height: 80px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .cta_recherche { cursor: pointer; /* Auto layout */ //display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 3px; gap: 10px; height: 46px; /* Green */ background: #20BFA9; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; //top: 90px; position: absolute; width: 95%; left: 2%; } .cta_recherche_txt { //width: 90px; height: 30px; margin-top: 5px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 17px; line-height: 30px; /* identical to box height, or 176% */ //display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .search_dropdown { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; //width: 30%; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .search_bar_rectangle { width: 1px; height: 80px; background: rgba(0, 0, 0, 0.08); /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; display: none; } .search_text { /* Auto layout */ //display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 100%; height: 32px; position: absolute; top: 80px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .forma_et_tuto { display: none; } .forma_et_tuto_mobile { width: 99%; margin-left: 5px; height: 80px; padding-top: 10px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 25px; line-height: 38px; /* identical to box height */ text-align: center; letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; background: #F7F7F7; } .domaine_icone { margin-top: 5px; width: 5%; } .domaine_icone_fa { margin-top: 8px; width: 5%; cursor: pointer; } .sous_filter { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; margin-bottom: 3rem; } .sous_filter_metier { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .sous_filter_txt { /* Les filtres */ // width: 92px; height: 24px; letter-spacing: 1px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 18px; line-height: 24px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .sous_filter_separator { width: 277px; height: 0px; opacity: 0.08; /* Deep Blue */ border: 1px solid #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_filter_block { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 12px; width: 277px; height: 494px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_mertier { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 277px; height: 496px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .filter_valeur { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 100%; height: 71px; /* Inside auto layout */ flex: none; flex-grow: 0; } .filter_valeur_txt { /* Eligible CPF */ //width: 78px; letter-spacing: 2px; height: 19px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; display: flex; align-items: center; font-feature-settings: 'liga' off; /* Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_valeur_block_val { /* List Checkbox */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; width: 90%; height: 48px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; margin-left: 5%; } .frame_133 { /* Frame 133 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 20px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; } .frame_133_grp { /* Checbox + Text */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 50px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_133_grp_radio { /* Radio Button */ cursor: pointer; width: 16px; height: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_133_grp_txt { /* Oui */ width: 26px; height: 22px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_134 { /* Frame 134 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 20px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; } .frame_134_grp { /* Checbox + Text */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 55px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_135 { /* Frame 134 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 20px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; } .frame_135_grp { /* Checbox + Text */ margin-left: 10px; /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 30px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_txt { /* Les filtres */ width: 92px; height: 24px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 20px; line-height: 24px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block { /* Filter */ //cursor: pointer; box-sizing: border-box; /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 16px; gap: 10px; width: 90%; height: 70px; /* White */ background: #FFFFFF; border: 1px solid #DFDFDF; border-radius: 4px; /* Inside auto layout */ flex: none; flex-grow: 0; } .filter_metier_sous_block_content { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 12px; width: 180px; height: 40px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_radio { /* Radio Button */ width: 24px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_txt { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 144px; height: 40px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_content_txt_formation { width: 144px; height: 22px; margin-top: 10px; text-align: left; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_txt_nb { width: 85px; height: 14px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 14px; /* Deep Blue */ color: #0A043C; opacity: 0.7; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_plus_metier { /* Icon + Title */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 233px; height: 24px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_plus_metier_1 { border: #0A043C solid; width: 24px; height: 24px; cursor: pointer; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_plus_metier_2 { width: 201px; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_actualite { /* Actualité */ /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; position: absolute; width: 100%; height: 549px; //left: 72px; top: 4700px; display: none; } .block_actualite_sous_block { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; width: 100%; height: 453px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_actualite_sous_block_text { width: 261px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 38px; /* identical to box height */ text-align: center; letter-spacing: 2px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 4%; width: 90%; height: 365px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_list_actu_actu1 { //display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 23px; width: 32%; height: 364px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu_actu1_img { width: 100%; height: 250px; background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; //border: #0A043C solid 1px; } .block_list_actu_actu1_date_text { /* Date + Title */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 1px; gap: 8px; //width: 344px; //height: 91px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_list_actu_actu1_date_text_date { //width: 152px; height: 19px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 1p5x; text-transform: uppercase; /* Blue */ color: #3E6EE3; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu_actu1_date_text_txt { height: 64px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 22px; /* or 133% */ letter-spacing: 0.2px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bton_tout_nos_article { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 299px; height: 56px; /* Deep Blue */ background: #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bton_tout_nos_article_account_box { display: none; width: 24px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .bton_tout_nos_article_txt { width: 156px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner { /* Partner Block */ /* Auto layout */ display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 20px; gap: 10px; position: absolute; width: 95%; height: 386px; //top: 5300px; top: 5200px; /* White */ background: #FFFFFF; /* Shadow 01 */ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); border-radius: 8px; } .block_partner_sous_block { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 24px; width: 100%; height: 306px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc { display: flex; flex-direction: column; align-items: center; padding: 0px; //gap: 16px; width: 100%; height: 226px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc_logo { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 4px; width: 160px; height: 70px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc_desc { //width: 600px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 25px; line-height: 28px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner_sous_block_txt { width: 100%; height: 72px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; font-feature-settings: 'liga' off; /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner_sous_block_buton { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 299px; height: 56px; /* Green */ background: #20BFA9; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .logo_not_absolut { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 108px; height: 52px; left: 72px; top: 52px; } .block_partner_sous_block_logo_desc_desc2 { width: 100%; height: 72px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 20px; /* or 150% */ text-align: center; font-feature-settings: 'liga' off; /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .display_grid_list_bton { display: none; } .indicateurs_data { display: none; } .bloc_logo_indic { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo { width: 100%; float: left; text-align: left; } .bloc_logo_indic_contact { width: 100%; float: right; text-align: left; margin-top: 1rem; margin-bottom: 1rem; } .bloc_logo_indic_indic { width: 100%; float: left; text-align: left; } .bloc_milieu { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 25rem; } .bloc_img_milieu_gauche { display: none; } .bloc_connexion { width: 100%; float: left; min-height: 60vh; margin-top: 35rem; } .bloc_milieu_text { width: 100%; float: left; text-align: left; } .title1_nom { width: 100%; text-align: left; //height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 35px; line-height: 30px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1_text1 { width: 100%; text-align: left; // height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 22px !important; line-height: normal; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title2 { width: 60%; height: 22px; text-align: left; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; margin-top: 2rem !important; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bloc_logo_indic_contact_text { text-align: left; font-weight: 700; } .bloc_logo_indic_indic_text { text-align: left; font-weight: 700; } /*** Pour le modele 2 - MySy_Theme2 **/ .bloc_milieu_model_2 { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 8rem; } .bloc_milieu_text_model_2 { width: 100%; float: left; text-align: center; } .title1_nom_model_2 { width: 100%; text-align: center; height: 150px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 30px; // line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title2_model_2 { width: 100%; text-align: center; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bloc_img_milieu_gauche { display: none; } .Partner_Catalog_Background_Header_model_2 { // position: absolute; width: 100%; height: 600px; left: 0px; top: 0px; } .bloc_logo_indic_model_2 { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo_model_2 { width: 100%; float: left; text-align: center; } .bloc_logo_indic_contact_model_2 { width: 18%; float: right; text-align: right; } .bloc_logo_indic_indic_model_2 { width: 18%; float: left; } .bloc_logo_indic_contact_text_model_2 { text-align: left; font-weight: 700; } .bloc_logo_indic_indic_text_model_2 { text-align: left; font-weight: 700; } .bloc_milieu_text_model_2_gauche{ width: 100%; float: left; } .bloc_milieu_text_model_2_centre{ width: 100%; float: left; height: 250px; } .bloc_milieu_text_model_2_droite{ width: 100%; float: right; } .title1_text1_model_2 { } .bloc_connexion_model_2 { width: 100%; float: left; height: 70vh; } } @media only screen and (min-width: 601px) and (max-width: 991px) { /*style petites-moyennes tablettes */ .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .align_gauche { margin-left: 0rem; overflow-y: hidden; white-space: nowrap; font-family: "DM Sans", "sans-serif"; font-size: small; width: 100%; } .recherchefilter { display: none; } .filter_dist { width: 70% !important; text-align: left; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .rech_container { width: 90%; height: 200px; background: aqua; margin: auto; padding: 10px; border-radius: 30px; } .rech_leftbox { float: left; //border: 0px solid black; border-width: 1px; width: 29%; height: 100%; padding: 1px; border-radius: 1rem; //margin-top: 1rem !important; margin-bottom: 0.1rem; font-family: "verdana", "Quicksand", "Signika", sans-serif !important; background: white; //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); margin-top: 0.5rem; } .rech_middlebox { float: left; border-width: 2px; width: 71%; height: 100%; margin: auto; margin-right: auto; padding: 0.1rem; padding-right: 5px; padding-left: 5px; border-radius: 30px; margin-right: 0px; padding-left: 1px; padding-right: 5px; } .textsurimage { color: rgb(218, 207, 207); background-color: transparent; font-size: 40pt; text-align: center; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .rech_list_formation2 { display: inline-block; width: 100%; background-color: white; height: auto; padding: 1px; outline: 1px solid #ccc; //border: 1px solid #999; margin: 0; text-align: left; border-radius: 10px; margin-bottom: 10px; //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); } .rech_list_formation2:hover { -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); } h3 { font-size: 2rem; } .form { font-size: medium; //width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; position: relative; margin-top: 1rem; z-index: 11; display: flex; } .textsurimage23 { color: rgb(218, 207, 207); background-color: transparent; text-align: center; position: absolute; top: 20%; left: 30%; width: 20rem; } h4 { display: inline-block; font-size: x-large; /*or whatever you want*/ color: white; } .default_font { color: #3c4043; display: inline-block; line-height: 28px; font-size: small; } .form-input { border-radius: 10rem; height: 2.5rem; font-size: medium; line-height: 1.5; margin-bottom: 2px; color: white; border: 2px solid white; background: transparent; box-shadow: none; } form svg { margin-top: 0.8rem !important; cursor: pointer; } .form span { position: absolute; right: 0.2rem; top: 0.1rem; padding: 2px; border-left: 0.2rem solid #d1d5db; height: 2.4rem; } form svg { margin-top: 0.8rem !important; cursor: pointer; } .form span_clear { position: absolute; right: 2rem !important; top: 0.1rem !important; padding: 2px; border-left: 0.2rem solid #d1d5db !important; height: 2.4rem; padding-left: 0.5rem; padding-right: 0.5rem; } .left-pan { padding-left: 7px; } .left-pan i { padding-left: 10px; } .containerBox { position: relative; display: inline-block; margin-top: 0.5rem; } .text-box { position: absolute; height: 100%; text-align: center; width: 100%; } .text-box:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 30%; } .form-select { height: 1.5rem !important; border-radius: 0px; font-size: small; } .mb-3 { margin-bottom: 0.5rem !important; cursor: pointer; } .input-group-text { font-size: 0.6rem !important; padding-left: 0rem !important; padding-right: 0.2rem !important; } .rech_rightbox { /* opacity: 1; border: 1px; outline: 0; border-bottom: 2px solid transparent; color: white; font-size: medium !important; border-radius: 1rem; margin: 0px; padding: 0px; text-align: center; margin-bottom: 0.5rem; padding-top: 0.5rem;*/ display: none; } .rech_rightbox .button2 { opacity: 1; background: #619e31; border: 1px; outline: 0; border-bottom: 2px solid transparent; color: white; font-size: medium !important; border-radius: 1rem; margin: 0px; padding: 0px; text-align: center; margin-bottom: 0.5rem; } .rech_rightbox_inside { float: left; width: 100%; height: 100%; margin: auto; padding: 0px; border-radius: 0px; margin-right: 0%; overflow-y: scroll; height: 800px; font-family: "DM Sans", "sans-serif"; font-size: medium; padding-right: 5px; margin-right: 5px; } .filter_span { padding-top: 0.3rem; padding-bottom: auto; word-break: break-word; margin-right: 0.5rem; color: #104277; font-size: 0.75rem; white-space: nowrap; width: 30%; margin-top: 0.3rem; } .filter_val { padding-top: 0.1rem; padding-bottom: auto; word-break: break-word; margin-right: 0.5rem; font-size: 0.75rem; white-space: nowrap; border: none; background: transparent; color: #3b3e40; font-family: "DM Sans", "sans-serif"; border: 1px solid #C7C9CE; border-radius: 0.3rem !important; width: 65%; margin-top: 0.3rem; margin-right: 0px; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.1rem; width: 90%; margin-left: auto; margin-right: auto; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; z-index: 10; min-height: 30rem; } .div_row_haut { float: left; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; background-color: #3b3e40; z-index: 10; } .div_row_bas { float: right; width: 100%; min-height: 100%; height: 30rem; background-color: #e7f3fb; z-index: 10; background: url("../../mysy_img/mysy_home.jpg") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; //border-bottom-left-radius: 25px; //border-bottom-right-radius: 25px; } .div_mobile { z-index: -1; width: 100%; height: 100%; } .pieddepage { z-index: 50; width: 100%; float: left; color: white !important; } .menuPrincipal_bton { margin-left: 0.9rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; } .menuPrincipal { margin-left: 0.7rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; padding-top: 0.2rem; } .menuPrincipal:hover { color: #81bc3a; padding-left: 0; transition: color 0.3s linear; letter-spacing: 0.1rem; text-decoration: solid; text-underline-offset: 3px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: underline; } .div_001 { width: 90%; margin-left: auto; margin-right: auto; } .div_002 { float: left; width: 40%; text-align: left; } .div_003 { float: left; width: 60%; text-align: right; color: white; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin: 0.2rem; } .div_005 { width: 100%; float: left; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 0.85rem; margin-bottom: 0.5rem; letter-spacing: 0.15rem; } .hilightsoustitre_v2 { color: #3b3e40; display: block; font-size: 1rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; letter-spacing: 2px; height: 2rem; padding-top: 5px; } .hilightsoustitre_v2_metier { color: #3b3e40; display: block; font-size: 1rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; letter-spacing: 2px; margin-top: 3rem; height: 2rem; padding-top: 5px; } .tab_gauche { width: 50%; float: left; text-align: left; } .tab_droite { width: 50%; float: right; text-align: right; } .tab_gauche_metier { width: 48%; float: left; text-align: left; text-align: left; margin-right: 2%; max-width: 48% !important; min-width: 48% !important; } .tab_droite_metier { width: 48%; float: right; text-align: right; } .img_thematique_metier { display: block; border-radius: 10rem; max-width: 360px; } .met_polaroid_gauche { width: 95%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .met_polaroid_gauche:hover { transition-duration: 0.5s; transform: scale(1.1); box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); } .met_polaroid_droite { width: 100%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .met_polaroid_droite:hover { transition-duration: 0.5s; transform: scale(1.1); box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); } .met_container { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; font-weight: bold; } .met_text { margin-bottom: 0.1rem; font-size: x-small; font-weight: bold; white-space: nowrap; overflow: hidden; font-weight: bold; } .met_text_larg { margin-bottom: 0.1rem; font-size: xx-small; font-weight: bold; white-space: nowrap; overflow: hidden; } .met_text_all_categories { margin-bottom: 0.1rem; font-size: x-small; margin-top: 1rem; } .met_container_all_categories { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; height: 4rem; } .met_polaroid_gauche_all_categories { width: 100%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .tab_gauche_all_categories { width: 100%; float: left; text-align: left; } .img_categorie { width: 100%; border-top-right-radius: 12px; border-radius: 12px; padding: 5px; } .h1_transparent { color: transparent; //color: red; font-size: 0.1rem; } .mymenu_item { font-size: 0.7rem !important; } .MuiMenuItem-root { font-size: 0.7rem !important; } .new_filter_zone { float: left; width: 35%; display: flex; align-items: center; font-size: 0.75rem; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; } .new_filter_zone_cerif_radio { width: 30%; float: left; text-align: right; font-size: 0.75rem; } .new_filter_zone_cerif_radio_right { float: left; text-align: left; font-size: 0.7rem; padding-left: 5px; } .new_filter_zone_cerif_radio_left { //width: 30%; float: left; text-align: center; font-size: 0.7rem; padding-right: 5px; padding-left: 2px; } .new_filter_zone_row { //margin-bottom: 10px !important; width: 100%; padding-right: 2px; } .tick_ok_ko { max-width: 50%; } .new_filter_zone_prix { margin-top: 0.8rem; margin-bottom: 0.8rem; padding-right: 10px; } .middle { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.2rem; margin-left: auto; margin-right: auto; padding-top: 15%; } input::placeholder { color: white; } .bienvenu { font-family: "DM Sans", "sans-serif"; font-size: large; color: white; } .categorie { padding-top: 15%; width: 80%; margin-left: auto; margin-right: auto; } .met_polaroid { text-align: center; margin-top: 9rem; } .met_polaroid_line2 { text-align: center; margin-top: 1rem; } .img_categorie_v2 { border-radius: 5px; background: white; min-width: 3rem; width: 6rem; font-size: smaller; border: 3px solid black; box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24); cursor: pointer; outline: none; transition: 0.2s all; margin-right: 1rem; } .img_categorie_v2:active { transform: scale(1.1); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); /* Lowering the shadow */ } .img_categorie_v2:hover { transform: scale(1.1); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); /* Lowering the shadow */ } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000000s ease-in-out 0s; } .calage { display: none; } .tab_logo_metier { width: 100%; padding-left: 3%; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); padding-left: 5px; border-radius: 10px; float: left; padding-bottom: 0.5rem; padding-top: 5px; } .tab_critere_espace { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 3px; gap: 10px; width: 100%; //height: 1110px; /* White */ background: #FFFFFF; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_nos_service { display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 10px; position: absolute; width: 96%; height: 204px; left: 2%; top: 500px; } .block_nos_formation { display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; position: absolute; //height: 2574px; left: 10px; right: 5px; top: 530px; width: 98%; } .logo { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; position: absolute; width: 108px; height: 52px; left: 20px; top: 52px; } .Menu_Header { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 0px; gap: 3px; position: absolute; //width: 843px; height: 56px; right: 5px; top: 50px; } .Header_Content { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; isolation: isolate; position: absolute; width: 95%; height: 367px; left: 20px; top: 156px; } .Background_Header { position: absolute; width: 100%; height: 452px; left: 0px; top: 0px; /* Beige */ background: #FFF5DA; } .Partner_Catalog_Background_Header { position: absolute; width: 100%; height: 380px; left: 0px; top: 0px; } .Logo_MySy { width: 108px; height: 36px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .training { width: 108px; height: 12px; font-family: 'Albert Sans'; font-style: normal; font-weight: 900; font-size: 10px; line-height: 12px; /* identical to box height */ letter-spacing: 0.83em; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .header_menu { /* Les formations */ cursor: pointer; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; flex-grow: 0; } .bar_vert { width: 1px; height: 24px; /* Deep Blue */ background: #0A043C; border-radius: 10px; /* Inside auto layout */ flex: none; order: 4; flex-grow: 0; } .cta1 { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 5px; width: 258px; height: 56px; /* Inside auto layout */ flex: none; order: 6; flex-grow: 0; } .cta2 { box-sizing: border-box; /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px; gap: 10px; width: 116px; height: 56px; /* Deep Blue */ border: 1px solid #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .cta3 { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px; gap: 10px; width: 114px; height: 56px; /* Deep Blue */ background: #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .minscrire { cursor: pointer; //width: 74px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 30px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; font-weight: normal; font-size: 12px; } .meconnecter { cursor: pointer; //width: 102px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 30px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; font-weight: normal; font-size: 12px; } .rectangle_8 { /* Rectangle 8 */ position: absolute; width: 50%; height: 350px; //left: 596px; right: 2rem; top: 0px; background: url("../../mysy_img2/img_header.png") no-repeat; filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05)); border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; z-index: 0; } .content_search_bar { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 100%; height: 367px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; z-index: 1; } .title_desc_header { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; width: 636px; height: 230px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1 { text-align: center; width: 60%; height: 180px; text-align: left; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 35px; line-height: 40px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1_nom { width: 100%; text-align: left; // height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 34px; line-height: 40px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; height: 100px; } .title1_text1 { width: 100%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 25px; line-height: 44px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title2 { width: 100%; height: 22px; text-align: left; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_bar_h { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; width: 95%; height: 113px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_bar { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px 5px 0px 5px; gap: 72px; width: 100%; height: 80px; /* White */ background: #FFFFFF; box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_153 { /* Frame 153 */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px 27px; gap: 10px; width: 588px; height: 17px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_153_txt { width: 534px; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; /* identical to box height */ display: flex; align-items: center; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .input_search_bar { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 10px; width: 100%; height: 80px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .cta_recherche { cursor: pointer; /* Auto layout */ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 3px; gap: 10px; height: 56px; /* Green */ background: #20BFA9; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .cta_recherche_txt { width: 90px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 17px; line-height: 30px; /* identical to box height, or 176% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .search_dropdown { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; //width: 30%; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; width: 28%; } .search_bar_rectangle { width: 1px; height: 80px; background: rgba(0, 0, 0, 0.08); /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_text { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 70%; height: 32px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .nos_serv_background { position: absolute; width: 1440px; height: 436px; left: 0px; top: 452px; /* White */ background: #FFFFFF; } .nos_serv_txt { width: 100%; height: 28px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 38px; /* identical to box height */ text-align: center; letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .nos_serv_list { display: flex; flex-direction: row; justify-content: start; align-items: center; padding: 0px; gap: 15px; width: 100%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .nos_serv_serv1 { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 31%; height: 116px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .nos_serv_serv2 { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 28%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .nos_serv_serv3 { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 28%; height: 116px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .block_filter { /* Block Filters */ /* Auto layout */ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px; gap: 24px; width: 309px; height: 1110px; /* White */ background: #FFFFFF; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_formation { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; width: 947px; height: 2486px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_filter { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; margin-bottom: 3rem; } .sous_filter_metier { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; width: 100%; } .sous_filter_txt { /* Les filtres */ // width: 92px; height: 24px; letter-spacing: 1px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 18px; line-height: 24px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .sous_filter_separator { width: 277px; height: 0px; opacity: 0.08; /* Deep Blue */ border: 1px solid #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_filter_block { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 12px; width: 277px; height: 494px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_mertier { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 277px; height: 496px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .filter_valeur { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 100%; height: 71px; /* Inside auto layout */ flex: none; flex-grow: 0; } .filter_valeur_txt { /* Eligible CPF */ //width: 78px; letter-spacing: 2px; height: 19px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; display: flex; align-items: center; font-feature-settings: 'liga' off; /* Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_valeur_block_val { /* List Checkbox */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; width: 90%; height: 48px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_133 { /* Frame 133 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 20px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; } .frame_133_grp { /* Checbox + Text */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 50px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_133_grp_radio { /* Radio Button */ cursor: pointer; width: 16px; height: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_133_grp_txt { /* Oui */ width: 26px; height: 22px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_134 { /* Frame 134 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 20px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; } .frame_134_grp { /* Checbox + Text */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 55px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_135 { /* Frame 134 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 20px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; } .frame_135_grp { /* Checbox + Text */ margin-left: 10px; /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 30px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_txt { /* Les filtres */ width: 92px; height: 24px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 20px; line-height: 24px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block { /* Filter */ cursor: pointer; box-sizing: border-box; /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 10px; gap: 10px; width: 95%; height: 70px; /* White */ background: #FFFFFF; border: 1px solid #DFDFDF; border-radius: 4px; /* Inside auto layout */ flex: none; flex-grow: 0; } .filter_metier_sous_block_content { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 12px; width: 180px; height: 40px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_radio { /* Radio Button */ width: 24px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_txt { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 144px; height: 40px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_content_txt_formation { width: 144px; height: 22px; margin-top: 10px; text-align: left; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_txt_nb { width: 85px; height: 14px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 14px; /* Deep Blue */ color: #0A043C; opacity: 0.7; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_plus_metier { /* Icon + Title */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 233px; height: 24px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_plus_metier_1 { border: #0A043C solid; width: 24px; height: 24px; cursor: pointer; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_plus_metier_2 { width: 201px; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 15px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_actualite { /* Actualité */ /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; position: absolute; width: 100%; height: 549px; //left: 72px; top: 4550px; display: none; } .block_actualite_sous_block { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; width: 100%; height: 453px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_actualite_sous_block_text { width: 261px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 48px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 24px; width: 90%; height: 365px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_list_actu_actu1 { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 23px; width: 32%; height: 364px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu_actu1_img { width: 100%; height: 250px; background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; //border: #0A043C solid 1px; } .block_list_actu_actu1_date_text { /* Date + Title */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px 0px 0px 8px; gap: 8px; //width: 344px; height: 91px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_list_actu_actu1_date_text_date { width: 152px; height: 19px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 19px; text-transform: uppercase; /* Blue */ color: #3E6EE3; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu_actu1_date_text_txt { height: 64px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: medium; line-height: 32px; /* or 133% */ letter-spacing: -0.3px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .pieddepage_v2 { position: relative; width: 100%; //height: 450px; left: 0px; //top: 6300px; top: 6000px; background: #FFF5DA; z-index: -1; } .bton_tout_nos_article { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 299px; height: 56px; /* Deep Blue */ background: #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bton_tout_nos_article_account_box { display: none; width: 24px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .bton_tout_nos_article_txt { //width: 156px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner { /* Partner Block */ /* Auto layout */ display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 40px; gap: 10px; position: absolute; width: 95%; height: 386px; //top: 5100px; top: 4750px; /* White */ background: #FFFFFF; /* Shadow 01 */ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); border-radius: 8px; } .block_partner_sous_block { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 24px; width: 100%; height: 306px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc { display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 16px; width: 100%; height: 226px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc_logo { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 4px; width: 160px; height: 76px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc_desc { width: 600px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 25px; line-height: 28px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner_sous_block_txt { width: 100%; height: 72px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; font-feature-settings: 'liga' off; /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner_sous_block_buton { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 299px; height: 56px; /* Green */ background: #20BFA9; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .logo_not_absolut { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 108px; height: 52px; left: 72px; top: 52px; } .block_partner_sous_block_logo_desc_desc2 { width: 100%; height: 72px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; font-feature-settings: 'liga' off; /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .domaine_icone { margin-top: 5px; width: 10%; } .domaine_icone_fa { margin-top: 5px; width: 5%; cursor: pointer; } .fron_search { border: none; font-size: medium; padding-right: 5px; } .service1_img { //position: absolute; //width: 76px; //height: 76px; left: 0px; top: 0px; background: #D6EBE4; opacity: 1; border-radius: 1rem; margin-top: 1rem; display: none; } .service1_title_desc { /* Title + Description */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 100%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .service1_title { width: 100%; //height: 32px; text-align: left; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; //line-height: 32px; /* identical to box height, or 133% */ letter-spacing: 0.3px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .service1_desc { //width: 260px; text-align: left; height: 80px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; width: 100%; /* or 143% */ /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .img_service { width: 100%; height: 4rem; border-radius: 1rem; } .forma_et_tuto { width: 99%; margin-left: 5px; height: 80px; padding-top: 10px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; /* identical to box height */ text-align: center; letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; background: #F7F7F7; } .forma_et_tuto_mobile { display: none; } .cta_publication { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 2px 2px; gap: 5px; width: 120px; height: 56px; /* Deep Blue */ background: red; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; text-transform: uppercase; color: white; font-weight: normal; font-size: 12px; } .cta_hebergement { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 2px 2px; gap: 5px; width: 120px; height: 56px; /* Deep Blue */ background: rebeccapurple; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; text-transform: uppercase; color: white; font-weight: normal; font-size: 12px; } .search_bar_2 { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px 5px 0px 5px; gap: 1px; width: 100%; height: 10px; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; margin-bottom: 2rem !important; text-align: left; padding-left: 1rem; } .bton_ensavoir_plus { border-radius: 5rem; font-size: medium; background: #81BC3A !important; text-align: center; height: 2.5rem; width: 100%; color: white; margin-left: 10px; margin-right: 10px; padding-top: 10px; cursor: pointer; } .mode_affichage { width: 15%; float: right; cursor: pointer; } .display_grid_list_bton { display: none; } .view_grid {} .indicateurs_data { position: fixed; left: 65%; top: 4rem; width: auto; } .bloc_logo_indic { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo { width: 60%; float: left; text-align: left; } .bloc_logo_indic_contact { width: 18%; float: right; text-align: right; } .bloc_logo_indic { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo { width: 50%; float: left; text-align: left; } .bloc_logo_indic_contact { width: 18%; float: right; text-align: right; } .bloc_logo_indic_indic { width: 18%; float: left; } .bloc_milieu { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 10rem; } .bloc_img_milieu_gauche { width: 48%; float: right; text-align: right; } .bloc_connexion { width: 100%; float: left; min-height: 40vh; margin-top: 30rem; } .bloc_milieu_text { width: 100%; float: left; text-align: left; } .bloc_logo_indic_contact_text { text-align: left; font-weight: 700; } .bloc_logo_indic_indic_text { text-align: left; font-weight: 700; } /*** Pour le modele 2 - MySy_Theme2 **/ .bloc_milieu_model_2 { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 10rem; } .bloc_milieu_text_model_2 { width: 100%; float: left; text-align: center; } .title1_nom_model_2 { width: 100%; text-align: center; height: 150px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title2_model_2 { } .bloc_img_milieu_gauche { display: none; } .Partner_Catalog_Background_Header_model_2 { // position: absolute; width: 100%; height: 380px; left: 0px; top: 0px; } .bloc_logo_indic_model_2 { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo_model_2 { width: 60%; float: left; text-align: left; } .bloc_logo_indic_contact_model_2 { width: 18%; float: right; text-align: right; } .bloc_logo_indic_indic_model_2 { width: 18%; float: left; } .bloc_logo_indic_contact_text_model_2 { text-align: left; font-weight: 700; } .bloc_logo_indic_indic_text_model_2 { text-align: left; font-weight: 700; } .bloc_milieu_text_model_2_gauche{ width: 19%; float: left; } .bloc_milieu_text_model_2_centre{ width: 60%; float: left; } .bloc_milieu_text_model_2_droite{ width: 20%; float: right; } .title1_text1_model_2 { } .bloc_connexion_model_2 { width: 100%; float: left; min-height: 60vh; margin-top: 3rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { /*style grande tablettes & Pc portable */ .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .align_gauche { margin-left: 0rem; width: 100%; float: right; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; } .recherchefilter { display: none; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .rech_container { width: 90%; height: 200px; background: aqua; margin: auto; padding: 10px; border-radius: 30px; } .rech_leftbox { float: left; //border: 0px solid black; border-width: 1px; width: 35%; height: 100%; padding: 0.1rem; border-radius: 1rem; //margin-top: 1rem !important; margin-bottom: 0.1rem; font-family: "verdana", "Quicksand", "Signika", sans-serif !important; background: white; margin-left: 5px; //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); margin-top: 0.5rem; padding-left: 5px; } .rech_middlebox { float: left; border-width: 2px; width: 64%; height: 100%; margin: auto; padding: 0rem; border-radius: 30px; margin-right: 0%; padding-left: 1rem; padding-right: 10px; //background-color: #f8f9f9; //overflow-y: scroll; } .rech_rightbox { /* float: right; //border: 0px solid black; border-width: 0px; width: 20%; height: 100%; margin: auto; padding: 0px; border-radius: 0px; margin-right: 0%; overflow-y: scroll; padding-top: 0.5rem;*/ display: none; } .rech_rightbox .button2 { opacity: 1; background: #619e31; border: 1px; outline: 0; border-bottom: 2px solid transparent; color: white; font-size: medium !important; border-radius: 1rem; margin: 0px; padding: 0px; text-align: center; margin-bottom: 0.5rem; } .rech_rightbox_inside { float: left; width: 100%; height: 100%; margin: auto; padding: 0px; border-radius: 0px; margin-right: 0%; overflow-y: scroll; height: 800px; font-family: "DM Sans", "sans-serif"; font-size: medium; padding-right: 5px; margin-right: 5px; } .textsurimage { color: rgb(218, 207, 207); background-color: transparent; font-size: 40pt; text-align: center; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .rech_list_formation2 { display: inline-block; width: 100%; height: auto; padding: 1px; outline: 1px solid #ccc; //border: 1px solid #999; margin: 0; text-align: left; border-radius: 10px; margin-bottom: 10px; background-color: white; //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); } .rech_list_formation2:hover { -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); } .textsurimage23 { color: rgb(218, 207, 207); background-color: transparent; text-align: center; position: absolute; top: 20%; left: 30%; width: 30rem; } .form-input { border-radius: 10rem; height: 2.8rem; font-size: medium; line-height: 1.5; margin-bottom: 4px; color: white; border: 2px solid white; background: transparent; box-shadow: none; } h4 { display: inline-block; font-size: x-large; /*or whatever you want*/ color: white; } .default_font { color: #3c4043; display: inline-block; line-height: 28px; font-size: medium; } .form { font-size: medium; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; position: relative; margin-top: 1rem; z-index: 11; display: flex; } .form span { position: absolute; right: 0.2rem; top: 0.1rem; padding: 2px; border-left: 0.2rem solid white; height: 2.7rem; } form svg { margin-top: 0.8rem !important; cursor: pointer; } .form span_clear { position: absolute; right: 1.5rem !important; top: 0.1rem !important; padding: 2px; border-left: 0.2rem solid white !important; height: 2.7rem; padding-left: 0.5rem; padding-right: 0.5rem; } .left-pan { padding-left: 7px; } .left-pan i { padding-left: 10px; } .containerBox { position: relative; display: inline-block; margin-top: 0.5rem; } .text-box { position: absolute; height: 100%; text-align: center; width: 100%; } .text-box:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 20%; max-height: 3rem; } .form-select { height: 2.5rem !important; border-radius: 0px; font-size: small; } .mb-3 { margin-bottom: 0.5rem !important; font-size: small !important; cursor: pointer; } .input-group-text { font-size: 0.8rem !important; padding-left: 0px !important; } .filter_span { padding-top: 0.5rem; padding-bottom: auto; word-break: break-word; margin-right: 0.5rem; color: #104277; font-size: 0.9rem; white-space: nowrap; width: 30%; margin-top: 0.6rem; } .filter_val { padding-top: 0.1rem; padding-bottom: auto; word-break: break-word; margin-right: 0.5rem; font-size: 0.75rem; white-space: nowrap; border: none; background: transparent; color: #3b3e40; font-family: "DM Sans", "sans-serif"; border: 0.1rem solid black; border-radius: 0.3rem !important; width: 65%; margin-top: 0.3rem; margin-right: 0px; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.1rem; width: 90%; margin-left: auto; margin-right: auto; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; z-index: 10; min-height: 30rem; } .div_row_haut { float: left; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; background-color: #3b3e40; z-index: 10; } .div_row_bas { float: right; width: 100%; min-height: 100%; height: 30rem; background-color: #e7f3fb; z-index: 10; background: url("../../mysy_img/mysy_home.jpg") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; //border-bottom-left-radius: 25px; //border-bottom-right-radius: 25px; } .div_mobile { z-index: -1; width: 100%; height: 100%; } .pieddepage { z-index: 50; width: 100%; float: left; color: white !important; margin-top: 5rem; } .menuPrincipal_bton { margin-left: 0.9rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; } .menuPrincipal { margin-left: 0.8rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; padding-top: 0.2rem; } .menuPrincipal:hover { color: #81bc3a; padding-left: 0; transition: color 0.3s linear; letter-spacing: 0.1rem; text-decoration: solid; text-underline-offset: 3px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: underline; } .div_001 { width: 90%; margin-left: auto; margin-right: auto; } .div_002 { float: left; width: 50%; text-align: left; } .div_003 { float: left; width: 50%; text-align: right; color: white; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin: 0.2rem; } .div_005 { width: 100%; float: left; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 0.9rem; margin-bottom: 0.5rem; letter-spacing: 0.15rem; } .hilightsoustitre_v2 { color: #3b3e40; display: block; font-size: 1rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; margin-top: 0.5rem; letter-spacing: 2px; height: 2rem; padding-top: 5px; } .hilightsoustitre_v2_metier { color: #3b3e40; display: block; font-size: 1rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; letter-spacing: 2px; margin-top: 3rem; height: 2rem; padding-top: 5px; } .tab_gauche { width: 50%; float: left; text-align: left; } .tab_droite { width: 50%; float: right; text-align: right; } .tab_gauche_metier { width: 48%; float: left; text-align: left; } .tab_droite_metier { width: 48%; float: right; text-align: right; } .img_thematique_metier { display: block; border-radius: 10rem; max-width: 360px; } .met_polaroid_gauche { width: 95%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .met_polaroid_gauche:hover { transition-duration: 0.5s; transform: scale(1.1); box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); } .met_polaroid_droite { width: 100%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .met_polaroid_droite:hover { transition-duration: 0.5s; transform: scale(1.1); box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); } .met_container { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; font-weight: bold; } .met_text { margin-bottom: 0.1rem; font-size: small; font-weight: bold; white-space: nowrap; overflow: hidden; font-weight: bold; } .met_text_larg { margin-bottom: 0.1rem; font-size: xx-small; font-weight: bold; white-space: nowrap; overflow: hidden; } .met_text_all_categories { margin-bottom: 0.1rem; font-size: x-small; margin-top: 1rem; } .met_container_all_categories { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; height: 3rem; } .met_polaroid_gauche_all_categories { width: 100%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .tab_gauche_all_categories { width: 100%; float: left; text-align: left; } .img_categorie { width: 100%; border-top-right-radius: 12px; border-radius: 12px; padding: 5px; } .h1_transparent { color: transparent; //color: red; font-size: 0.1rem; } .mymenu_item { font-size: 0.7rem !important; } .MuiMenuItem-root { font-size: 0.7rem !important; } .new_filter_zone { float: left; width: 35%; display: flex; align-items: center; font-size: small; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; } .new_filter_zone_cerif_radio { width: 30%; float: left; text-align: right; font-size: smaller; } .new_filter_zone_cerif_radio_right { //width: 30%; float: left; text-align: left; font-size: small; padding-left: 5px; } .new_filter_zone_cerif_radio_left { //width: 30%; float: left; text-align: center; font-size: small; padding-right: 5px; padding-left: 2px; } .new_filter_zone_row { width: 100%; padding-right: 5px; } .tick_ok_ko { max-width: 50%; } .new_filter_zone_prix { margin-top: 0.7rem; margin-bottom: 0.7rem; padding-right: 10px; } .middle { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.2rem; margin-left: auto; margin-right: auto; padding-top: 15%; } input::placeholder { color: white; } .bienvenu { font-family: "DM Sans", "sans-serif"; font-size: large; color: white; } .categorie { padding-top: 15%; width: 80%; margin-left: auto; margin-right: auto; } .met_polaroid { text-align: center; margin-top: 9rem; } .met_polaroid_line2 { text-align: center; margin-top: 1rem; } .img_categorie_v2 { border-radius: 5px; background: white; min-width: 3rem; width: 8rem; font-size: smaller; border: 2px solid black; box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24); cursor: pointer; outline: none; transition: 0.2s all; margin-right: 1rem; } .img_categorie_v2:active { transform: scale(1.1); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); /* Lowering the shadow */ } .img_categorie_v2:hover { transform: scale(1.1); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); /* Lowering the shadow */ } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000000s ease-in-out 0s; } .calage { display: none; } .tab_logo_metier { width: 100%; padding-left: 5px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); padding-left: 10px; border-radius: 10px; float: left; padding-bottom: 0.5rem; padding-top: 10px; } .tab_critere_espace { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px; gap: 10px; width: 100%; //height: 1110px; /* White */ background: #FFFFFF; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_nos_service { display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 10px; position: absolute; width: 97%; height: 204px; left: 20px; top: 510px; background: white; } .block_nos_formation { //display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; position: absolute; width: 96%; //height: 2574px; left: 2%; top: 550px; } .logo { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; position: absolute; width: 108px; height: 52px; left: 72px; top: 52px; } .Menu_Header { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 0px; gap: 10px; position: absolute; width: 843px; height: 56px; right: 5px; top: 50px; } .Header_Content { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; isolation: isolate; position: absolute; width: 95%; height: 367px; left: 5%; top: 156px; } .Background_Header { position: absolute; width: 100%; height: 452px; left: 0px; top: 0px; /* Beige */ background: #FFF5DA; } .Partner_Catalog_Background_Header { position: absolute; width: 100%; height: 452px; left: 0px; top: 0px; } .Logo_MySy { width: 108px; height: 36px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .training { width: 108px; height: 12px; font-family: 'Albert Sans'; font-style: normal; font-weight: 900; font-size: 10px; line-height: 12px; /* identical to box height */ letter-spacing: 0.83em; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .header_menu { /* Les formations */ cursor: pointer; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; flex-grow: 0; } .bar_vert { width: 1px; height: 24px; /* Deep Blue */ background: #0A043C; border-radius: 10px; /* Inside auto layout */ flex: none; order: 4; flex-grow: 0; } .cta1 { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; width: 288px; height: 56px; /* Inside auto layout */ flex: none; order: 6; flex-grow: 0; } .cta2 { box-sizing: border-box; /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 126px; height: 56px; /* Deep Blue */ border: 1px solid #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .cta3 { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 154px; height: 56px; /* Deep Blue */ background: #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .minscrire { cursor: pointer; //width: 74px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 30px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .meconnecter { cursor: pointer; //width: 102px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 30px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .rectangle_8 { /* Rectangle 8 */ position: absolute; width: 500px; height: 400px; //left: 596px; right: 1rem; top: 0px; background: url("../../mysy_img2/img_header.png") no-repeat; filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05)); border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; z-index: 0; } .content_search_bar { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 900px; height: 367px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; z-index: 1; } .title_desc_header { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; width: 636px; height: 230px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1 { width: 60%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 44px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1_nom { width: 100%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1_text1 { width: 100%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title2 { width: 60%; text-align: left; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_bar_h { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; width: 100%; height: 113px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_bar { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px 2px 0px 4px; gap: 72px; width: 100%; height: 80px; /* White */ background: #FFFFFF; box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_153 { /* Frame 153 */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px 27px; gap: 10px; width: 100%; height: 17px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_153_txt { width: 50%; height: 17px; text-align: left; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; /* identical to box height */ display: flex; align-items: center; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .input_search_bar { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 5px; width: 80%; height: 80px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .cta_recherche { cursor: pointer; /* Auto layout */ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 13px 26px; gap: 10px; width: 142px; height: 56px; /* Green */ background: #20BFA9; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .cta_recherche_txt { width: 90px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 17px; line-height: 30px; /* identical to box height, or 176% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .search_dropdown { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 2px; //width: 211px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; width: 30%; } .search_bar_rectangle { width: 1px; height: 80px; background: rgba(0, 0, 0, 0.08); /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_text { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 93%; height: 32px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .nos_serv_background { position: absolute; width: 1440px; height: 436px; left: 0px; top: 452px; /* White */ background: #FFFFFF; } .nos_serv_txt { width: 227px; height: 28px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 38px; /* identical to box height */ text-align: center; letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .nos_serv_list { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px; gap: 56px; width: 95%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .nos_serv_serv1 { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 32%; height: 116px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .nos_serv_serv2 { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 32%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .nos_serv_serv3 { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 32%; height: 116px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .block_filter { /* Block Filters */ /* Auto layout */ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px; gap: 24px; width: 309px; height: 1110px; /* White */ background: #FFFFFF; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_formation { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; width: 947px; height: 2486px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_filter { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; margin-bottom: 3rem; } .sous_filter_metier { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; width: 100%; } .sous_filter_txt { /* Les filtres */ // width: 92px; height: 24px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 20px; line-height: 24px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .sous_filter_separator { width: 277px; height: 0px; opacity: 0.08; /* Deep Blue */ border: 1px solid #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_filter_block { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 12px; width: 277px; height: 494px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_mertier { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 277px; height: 496px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .filter_valeur { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 100%; height: 71px; /* Inside auto layout */ flex: none; flex-grow: 0; } .filter_valeur_txt { /* Eligible CPF */ //width: 78px; letter-spacing: 2px; height: 19px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; display: flex; align-items: center; font-feature-settings: 'liga' off; /* Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_valeur_block_val { /* List Checkbox */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; width: 100%; height: 48px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_133 { /* Frame 133 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 90px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; } .frame_133_grp { /* Checbox + Text */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 50px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_133_grp_radio { /* Radio Button */ cursor: pointer; width: 16px; height: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_133_grp_txt { /* Oui */ width: 26px; height: 22px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_134 { /* Frame 134 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 90px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; } .frame_134_grp { /* Checbox + Text */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 55px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_135 { /* Frame 134 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 50px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; } .frame_135_grp { /* Checbox + Text */ margin-left: 10px; /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 30px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_txt { /* Les filtres */ width: 92px; height: 24px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 20px; line-height: 24px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block { /* Filter */ //cursor: pointer; box-sizing: border-box; /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 16px; gap: 10px; width: 90%; height: 72px; /* White */ background: #FFFFFF; border: 1px solid #DFDFDF; border-radius: 4px; /* Inside auto layout */ flex: none; flex-grow: 0; } .filter_metier_sous_block_content { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 12px; width: 180px; height: 40px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_radio { /* Radio Button */ width: 24px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_txt { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 144px; height: 40px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_content_txt_formation { width: 144px; height: 22px; text-align: left; margin-top: 10px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_txt_nb { width: 85px; height: 14px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 14px; /* Deep Blue */ color: #0A043C; opacity: 0.7; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_plus_metier { /* Icon + Title */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 233px; height: 24px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_plus_metier_1 { border: #0A043C solid; width: 24px; height: 24px; cursor: pointer; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_plus_metier_2 { width: 201px; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_actualite { /* Actualité */ /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; position: absolute; width: 100%; height: 549px; //left: 72px; top: 4450px; display: none; } .block_actualite_sous_block { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; width: 100%; height: 453px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_actualite_sous_block_text { width: 261px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 24px; width: 95%; height: 365px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_list_actu_actu1 { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 23px; width: 32%; height: 364px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu_actu1_img { width: 100%; height: 250px; background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; //border: #0A043C solid 1px; } .block_list_actu_actu1_date_text { /* Date + Title */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px 0px 0px 8px; gap: 8px; //width: 344px; height: 91px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_list_actu_actu1_date_text_date { width: 152px; height: 19px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 19px; text-transform: uppercase; /* Blue */ color: #3E6EE3; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu_actu1_date_text_txt { height: 64px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: medium; line-height: 32px; /* or 133% */ letter-spacing: -0.3px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .pieddepage_v2 { position: relative; width: 100%; //height: 450px; left: 0px; //top: 6200px; top: 5850px; background: #FFF5DA; z-index: -1; } .bton_tout_nos_article { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 299px; height: 56px; /* Deep Blue */ background: #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bton_tout_nos_article_account_box { display: none; width: 24px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .bton_tout_nos_article_txt { //width: 156px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner { /* Partner Block */ /* Auto layout */ display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 40px; gap: 10px; position: absolute; width: 90%; height: 386px; left: 72px; //top: 5000px; top: 4650px; /* White */ background: #FFFFFF; /* Shadow 01 */ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); border-radius: 8px; } .block_partner_sous_block { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 24px; width: 858px; height: 306px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc { display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 16px; width: 858px; height: 226px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc_logo { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 4px; width: 160px; height: 76px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc_desc { width: 600px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 25px; line-height: 28px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner_sous_block_txt { width: 858px; height: 72px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; font-feature-settings: 'liga' off; /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner_sous_block_buton { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 299px; height: 56px; /* Green */ background: #20BFA9; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .logo_not_absolut { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 108px; height: 52px; left: 72px; top: 52px; } .block_partner_sous_block_logo_desc_desc2 { width: 858px; height: 72px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; font-feature-settings: 'liga' off; /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .domaine_icone { margin-top: 5px; } .domaine_icone_fa { margin-top: 5px; margin-right: 5px; cursor: pointer; } .fron_search { border: none; font-size: medium; padding-right: 5px; } .service1_img { //position: absolute; //width: 76px; //height: 76px; left: 0px; top: 0px; background: #D6EBE4; opacity: 1; border-radius: 1rem; margin-top: 1rem; } .service1_title_desc { /* Title + Description */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 60%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .service1_title { width: 100%; height: 62px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 25px; /* identical to box height, or 133% */ letter-spacing: 0.3px; text-align: left; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .service1_desc { //width: 260px; text-align: left; height: 80px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; /* or 143% */ /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .img_service { width: 100%; height: 4rem; border-radius: 1rem; } .forma_et_tuto { width: 99%; margin-left: 5px; height: 80px; padding-top: 10px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; /* identical to box height */ text-align: center; letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; background: #F7F7F7; } .forma_et_tuto_mobile { display: none; } .cta_publication { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 2px 2px; gap: 10px; width: 130px; height: 56px; /* Deep Blue */ background: red; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; text-transform: uppercase; color: white; font-size: 12px; font-weight: 600; } .cta_hebergement { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px 5px; gap: 10px; width: 130px; height: 56px; /* Deep Blue */ background: rebeccapurple; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; text-transform: uppercase; color: white; font-size: 12px; font-weight: 600; } .search_bar_2 { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px 2px 0px 4px; gap: 1px; width: 100%; height: 10px; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; margin-bottom: 2rem !important; text-align: left; padding-left: 1rem; } .bton_ensavoir_plus { border-radius: 5rem; font-size: medium; background: #81BC3A !important; text-align: center; height: 2.5rem; width: 90%; color: white; margin-left: 10px; margin-right: 10px; padding-top: 10px; cursor: pointer; } .mode_affichage { width: 12%; float: right; cursor: pointer; } .display_grid_list_bton { width: 10%; float: left; } .view_grid { width: 48% !important; float: left !important; margin-right: 2%; } .indicateurs_data { position: fixed; left: 65%; top: 4rem; width: auto; } .bloc_logo_indic { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo { width: 60%; float: left; text-align: left; } .bloc_logo_indic_contact { width: 18%; float: right; text-align: right; } .bloc_logo_indic_indic { width: 18%; float: left; } .bloc_milieu { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 10rem; } .bloc_img_milieu_gauche { width: 48%; float: right; text-align: right; } .bloc_connexion { width: 100%; float: left; min-height: 40vh; margin-top: 30rem; } .bloc_milieu_text { width: 60%; float: left; text-align: left; } .bloc_logo_indic_contact_text { text-align: left; font-weight: 700; } .bloc_logo_indic_indic_text { text-align: left; font-weight: 700; } /*** Pour le modele 2 - MySy_Theme2 **/ .bloc_milieu_model_2 { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 10rem; } .bloc_milieu_text_model_2 { width: 100%; float: left; text-align: center; } .title1_nom_model_2 { width: 100%; text-align: center; height: 150px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title2_model_2 { width: 100%; text-align: center; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bloc_img_milieu_gauche { display: none; } .Partner_Catalog_Background_Header_model_2 { // position: absolute; width: 100%; height: 352px; left: 0px; top: 0px; } .bloc_logo_indic_model_2 { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo_model_2 { width: 60%; float: left; text-align: left; } .bloc_logo_indic_contact_model_2 { width: 18%; float: right; text-align: right; } .bloc_logo_indic_indic_model_2 { width: 18%; float: left; } .bloc_logo_indic_contact_text_model_2 { text-align: left; font-weight: 700; } .bloc_logo_indic_indic_text_model_2 { text-align: left; font-weight: 700; } .bloc_milieu_text_model_2_gauche{ width: 19%; float: left; } .bloc_milieu_text_model_2_centre{ width: 60%; float: left; } .bloc_milieu_text_model_2_droite{ width: 20%; float: right; } .title1_text1_model_2 { } .bloc_connexion_model_2 { width: 100%; float: left; min-height: 50vh; margin-top: 3rem; } } @media only screen and (min-width: 1200px) and (max-width: 1919px) { /* Ordi de bureau et grands ecrans*/ .align_gauche { margin-left: 0rem; width: 100%; float: right; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; } .recherchefilter { display: none; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .rech_container { width: 90%; height: 200px; background: aqua; margin: auto; padding: 10px; border-radius: 30px; } .rech_leftbox { float: left; //border: 0px solid black; border-width: 1px; width: 24%; height: 100%; padding: 0.5rem; //border-radius: 1rem; //margin-top: 1rem !important; margin-bottom: 0.1rem; font-size: small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif !important; background: #F7F7F7; margin-left: 5px; //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); padding-left: 5px; } .rech_middlebox { float: left; border-width: 2px; width: 75%; height: 100%; margin: auto; padding: 0rem; //border-radius: 30px; margin-right: 0%; padding-left: 1rem; padding-right: 10px; background: #F7F7F7; //background-color: #f8f9f9; //overflow-y:scroll; } .rech_rightbox { /* float: right; //border-left: 0px solid black; width: 20%; height: 100%; margin: 0px; padding: 0px; border-radius: 0px; margin-right: 0%; height: 100%; margin-top: 0.5rem !important;*/ display: none; } .rech_rightbox .button2 { opacity: 1; background: #619e31; border: 1px; outline: 0; border-bottom: 2px solid transparent; color: white; font-size: medium !important; border-radius: 1rem; margin: 0px; padding: 0px; text-align: center; margin-bottom: 0.5rem; } .rech_rightbox_inside { float: left; width: 100%; height: 100%; margin: auto; padding: 0px; border-radius: 0px; margin-right: 0%; overflow-y: scroll; height: 800px; font-family: "DM Sans", "sans-serif"; font-size: small; padding-right: 5px; margin-right: 5px; } .textsurimage { color: rgb(218, 207, 207); background-color: transparent; font-size: 40pt; text-align: center; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .rech_list_formation2 { display: inline-block; width: 100%; background-color: white; height: auto; padding: 1px; outline: 1px solid #ccc; //border: 1px solid #999; margin: 0; text-align: left; border-radius: 10px; margin-bottom: 10px; background-color: white; //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); } .rech_list_formation2:hover { -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); } .textsurimage23 { color: rgb(218, 207, 207); background-color: transparent; text-align: center; position: absolute; top: 20%; left: 40%; } h4 { display: inline-block; font-size: xx-large; /*or whatever you want*/ color: white; } .default_font { color: #3c4043; display: inline-block; line-height: 28px; font-size: medium; } .form-input { border-radius: 10rem; height: 3rem; font-size: medium; line-height: 1.5; margin-bottom: 4px; color: white; border: 2.5px solid white; background: transparent; box-shadow: none; } .form { font-size: medium; width: 100%; margin-left: auto; margin-right: auto; position: relative; z-index: 11; height: 3rem; display: flex; } .form span { position: absolute; right: 0.2rem; top: 0.1rem; padding: 2px; border-left: 0.2rem solid white; height: 2.9rem; } .form span_clear { position: absolute; right: 1.5rem !important; top: 0.1rem !important; padding: 2px; border-left: 0.2rem solid white !important; height: 2.9rem; padding-left: 0.5rem; padding-right: 0.5rem; } form svg { margin-top: 0.8rem !important; cursor: pointer; } .left-pan { padding-left: 7px; } .left-pan i { padding-left: 10px; } .containerBox { position: fixed; margin-top: 0.5rem; height: 10rem; border: 0.2rem solid #0d0e10; width: 100%; background-color: #999; } .containerBox0 { float: left; width: 30%; } .text_head_droite { color: #3b3e40; font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif; font-size: small; font-weight: bold; text-align: right; } .text_head_gauche { color: #3b3e40; font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif; font-size: small; font-weight: bold; text-align: left; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.2rem; width: 90%; margin-left: auto; margin-right: auto; } .text-box { position: absolute; height: 100%; text-align: center; width: 100%; } .text-box:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 18%; max-height: 3rem; } .form-select { height: 2.5rem !important; border-radius: 0px; font-size: small; } .mb-3 { margin-bottom: 0.7rem !important; font-size: xx-small !important; cursor: pointer; } .input-group-text { font-size: x-small !important; padding-left: 0px !important; } .filter_span { padding-top: 0.5rem; padding-bottom: auto; word-break: break-word; margin-right: 0.5rem; color: #104277; font-size: 0.9rem; white-space: nowrap; width: 30%; margin-top: 0.5rem; } .filter_val { padding-top: 0.1rem; padding-bottom: auto; word-break: break-word; margin-right: 0.5rem; font-size: 0.9rem; white-space: nowrap; border: none; background: transparent; color: #3b3e40; font-family: "DM Sans", "sans-serif"; border: 1px solid #C7C9CE; border-radius: 0.3rem !important; width: 65%; margin-top: 0.3rem; margin-right: 0px; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; z-index: 10; //min-height: 30rem; } .div_row_haut { float: left; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; background-color: #3b3e40; z-index: 10; } .div_row_bas { float: right; width: 100%; min-height: 100%; //height: 35rem; background-color: #e7f3fb; z-index: 10; background: url("../../mysy_img/mysy_home.jpg") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; //border-bottom-left-radius: 25px; //border-bottom-right-radius: 25px; } .div_mobile { z-index: -1; width: 100%; height: 100%; } .pieddepage { z-index: 50; width: 100%; float: left; color: white !important; margin-top: 5rem; } .menuPrincipal_bton { margin-left: 0.9rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; } .menuPrincipal { margin-left: 0.9rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; padding-top: 0.2rem; } .menuPrincipal:hover { color: #81bc3a; padding-left: 0; transition: color 0.3s linear; letter-spacing: 0.1rem; text-decoration: solid; text-underline-offset: 3px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: underline; } .div_001 { width: 90%; margin-left: auto; margin-right: auto; } .div_002 { float: left; width: 50%; text-align: left; } .div_003 { float: left; width: 50%; text-align: right; color: white; } .div_004 { color: white; width: 100%; height: 0.25rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin: 0.2rem; } .div_005 { width: 100%; float: left; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 1rem; margin-bottom: 0.5rem; letter-spacing: 0.2rem; } .hilightsoustitre_v2 { color: #3b3e40; display: block; font-size: 1rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; letter-spacing: 2px; height: 2rem; padding-top: 5px; } .hilightsoustitre_v2_metier { color: #3b3e40; display: block; font-size: 1rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; letter-spacing: 2px; margin-top: 4rem; height: 2rem; padding-top: 5px; } .tab_gauche { width: 50%; float: left; text-align: left; } .tab_droite { width: 50%; float: right; text-align: right; } .tab_gauche_metier { width: 30%; float: left; text-align: left; margin-right: 2%; max-width: 30% !important; min-width: 30% !important; } .tab_droite_metier { width: 50%; float: right; text-align: right; } .img_thematique_metier { display: block; border-radius: 10rem; max-width: 360px; } .met_polaroid_gauche { width: 100%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .met_polaroid_gauche:hover { transition-duration: 0.5s; transform: scale(1.1); box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); } .met_polaroid_droite { width: 97%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; margin-left: 3%; cursor: pointer; border-radius: 12px; } .met_polaroid_droite:hover { transition-duration: 0.5s; transform: scale(1.1); box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); } .met_container { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; font-weight: bold; } .met_text { margin-bottom: 0.1rem; font-size: small; font-weight: normal; white-space: nowrap; overflow: hidden; letter-spacing: 1px; //font-weight: bold; } .met_text_larg { margin-bottom: 0.1rem; font-size: xx-small; font-weight: bold; white-space: nowrap; overflow: hidden; } .met_text_all_categories { margin-bottom: 0.1rem; font-size: x-small; margin-top: 1rem; } .met_container_all_categories { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; height: 3rem; } .met_polaroid_gauche_all_categories { width: 100%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .tab_gauche_all_categories { width: 100%; float: left; text-align: left; } .img_categorie { width: 100%; border-top-right-radius: 12px; border-radius: 12px; padding: 5px; } .h1_transparent { color: transparent; //color: red; font-size: 0.1rem; } .mymenu_item { font-size: 0.8rem !important; } .MuiMenuItem-root { font-size: 0.8rem !important; } .new_filter_zone { float: left; width: 35%; display: flex; align-items: center; font-size: small; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; } .new_filter_zone_cerif_radio { width: 30%; float: left; text-align: right; font-size: smaller; } .new_filter_zone_cerif_radio_right { //width: 30%; float: left; text-align: left; font-size: small; padding-left: 5px; } .new_filter_zone_cerif_radio_left { //width: 30%; float: left; text-align: center; font-size: small; padding-right: 15px; padding-left: 2px; min-width: 30%; } .new_filter_zone_row { height: 3.5rem; width: 100%; padding-right: 5px; } .tick_ok_ko { max-width: 55%; } .new_filter_zone_prix { margin-bottom: 1.2rem; margin-top: 1.2rem; padding-right: 15px; } .middle { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.2rem; margin-left: auto; margin-right: auto; padding-top: 15%; } input::placeholder { color: white; } .bienvenu { font-family: "DM Sans", "sans-serif"; font-size: x-large; color: white; } .categorie { padding-top: 15%; width: 80%; margin-left: auto; margin-right: auto; } .met_polaroid { text-align: center; margin-top: 9rem; } .met_polaroid_line2 { text-align: center; margin-top: 1rem; margin-bottom: 1rem; } .img_categorie_v2 { border-radius: 5px; background: white; min-width: 3rem; width: 9rem; font-size: small; border: 5px solid black; box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24); cursor: pointer; outline: none; transition: 0.2s all; margin-right: 1.5rem; } .img_categorie_v2:active { transform: scale(1.1); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); /* Lowering the shadow */ } .img_categorie_v2:hover { transform: scale(1.1); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); /* Lowering the shadow */ } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000000s ease-in-out 0s; } .calage { width: 2%; } .tab_logo_metier { width: 100%; padding-left: 5px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); padding-left: 10px; border-radius: 10px; padding-top: 10px; } .tab_critere_espace { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px; gap: 20px; width: 100%; //height: 1110px; /* White */ background: #FFFFFF; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_nos_service { display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 20px; position: absolute; width: 96%; height: 204px; left: 2%; top: 510px; } .block_nos_formation { // display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; position: absolute; width: 96%; //height: 2574px; left: 2%; top: 450px; } .logo { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; position: absolute; width: 108px; height: 52px; left: 72px; top: 52px; } .Menu_Header { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 0px; gap: 24px; position: absolute; width: 843px; height: 56px; right: 72px; top: 50px; } .Header_Content { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; isolation: isolate; position: absolute; width: 95%; height: 367px; left: 5%; top: 156px; } .Background_Header { position: absolute; width: 100%; height: 452px; left: 0px; top: 0px; /* Beige */ background: #FFF5DA; } .Partner_Catalog_Background_Header { // position: absolute; width: 100%; height: 452px; left: 0px; top: 0px; } .Logo_MySy { width: 108px; height: 36px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .training { width: 108px; height: 12px; font-family: 'Albert Sans'; font-style: normal; font-weight: 900; font-size: 10px; line-height: 12px; /* identical to box height */ letter-spacing: 0.83em; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .header_menu { /* Les formations */ cursor: pointer; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 17px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; flex-grow: 0; } .bar_vert { width: 1px; height: 24px; /* Deep Blue */ background: #0A043C; border-radius: 10px; /* Inside auto layout */ flex: none; order: 4; flex-grow: 0; } .cta1 { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; width: 288px; height: 56px; /* Inside auto layout */ flex: none; order: 6; flex-grow: 0; } .cta2 { box-sizing: border-box; /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 126px; height: 56px; /* Deep Blue */ border: 1px solid #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .cta3 { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 154px; height: 56px; /* Deep Blue */ background: #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .minscrire { cursor: pointer; //width: 74px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 30px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .meconnecter { cursor: pointer; width: 112px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 30px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .rectangle_8 { /* Rectangle 8 */ position: absolute; width: 500px; height: 400px; //left: 596px; right: 5%; top: 0px; background: url("../../mysy_img2/img_header.png") no-repeat; filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05)); border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; z-index: 0; } .content_search_bar { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 80%; height: 367px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; z-index: 1; } .title_desc_header { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; width: 636px; height: 230px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1 { width: 90%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 50px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1_nom { width: 90%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1_text1 { width: 90%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title2 { width: 90%; text-align: left; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_bar_h { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 10px; width: 100%; height: 113px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_bar { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px 12px 0px 24px; gap: 72px; width: 100%; height: 80px; /* White */ background: #FFFFFF; box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_153 { /* Frame 153 */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px 27px; gap: 10px; width: 588px; height: 17px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_153_txt { width: 534px; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; /* identical to box height */ display: flex; align-items: center; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .input_search_bar { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 24px; width: 100%; height: 80px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .cta_recherche { cursor: pointer; /* Auto layout */ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 13px 26px; gap: 10px; width: 142px; height: 56px; /* Green */ background: #20BFA9; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .cta_recherche_txt { width: 90px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 17px; line-height: 30px; /* identical to box height, or 176% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .search_dropdown { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; width: 20%; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .search_bar_rectangle { width: 1px; height: 80px; background: rgba(0, 0, 0, 0.08); /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_text { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 75%; height: 32px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .nos_serv_background { position: absolute; width: 1440px; height: 436px; left: 0px; top: 452px; /* White */ background: #FFFFFF; } .nos_serv_txt { width: 227px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .nos_serv_list { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px; gap: 56px; width: 95%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .nos_serv_serv1 { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 32%; height: 116px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .nos_serv_serv2 { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 32%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .nos_serv_serv3 { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 32%; height: 116px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .block_filter { /* Block Filters */ /* Auto layout */ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px; gap: 24px; width: 309px; height: 1110px; /* White */ background: #FFFFFF; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_formation { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; width: 947px; height: 2486px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_filter { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; margin-bottom: 3rem; } .sous_filter_metier { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; width: 100%; } .sous_filter_txt { /* Les filtres */ // width: 92px; height: 24px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 20px; line-height: 24px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .sous_filter_separator { width: 277px; height: 0px; opacity: 0.08; /* Deep Blue */ border: 1px solid #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_filter_block { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 12px; width: 277px; height: 494px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_mertier { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 277px; height: 496px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .filter_valeur { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 100%; height: 71px; /* Inside auto layout */ flex: none; flex-grow: 0; } .filter_valeur_txt { /* Eligible CPF */ //width: 78px; letter-spacing: 2px; height: 19px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; display: flex; align-items: center; font-feature-settings: 'liga' off; /* Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_valeur_block_val { /* List Checkbox */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; width: 100%; height: 48px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_133 { /* Frame 133 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 90px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; } .frame_133_grp { /* Checbox + Text */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 50px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_133_grp_radio { /* Radio Button */ cursor: pointer; width: 16px; height: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_133_grp_txt { /* Oui */ width: 26px; height: 22px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_134 { /* Frame 134 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 90px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; } .frame_134_grp { /* Checbox + Text */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 55px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_135 { /* Frame 134 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 50px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; } .frame_135_grp { /* Checbox + Text */ margin-left: 10px; /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 30px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_txt { /* Les filtres */ width: 92px; height: 24px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 20px; line-height: 24px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block { /* Filter */ //cursor: pointer; box-sizing: border-box; /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 16px; gap: 10px; width: 90%; height: 72px; /* White */ background: #FFFFFF; border: 1px solid #DFDFDF; border-radius: 4px; /* Inside auto layout */ flex: none; flex-grow: 0; } .filter_metier_sous_block_content { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 12px; width: 180px; height: 40px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_radio { /* Radio Button */ width: 24px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_txt { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 144px; height: 40px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_content_txt_formation { width: 144px; height: 22px; text-align: left; margin-top: 10px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_txt_nb { width: 85px; height: 14px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 14px; /* Deep Blue */ color: #0A043C; opacity: 0.7; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_plus_metier { /* Icon + Title */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 233px; height: 24px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_plus_metier_1 { border: #0A043C solid; width: 24px; height: 24px; cursor: pointer; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_plus_metier_2 { width: 201px; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_actualite { /* Actualité */ /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; position: absolute; width: 100%; height: 549px; //left: 72px; top: 4150px; display: none; } .block_actualite_sous_block { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; width: 100%; height: 453px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_actualite_sous_block_text { width: 261px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 24px; width: 95%; height: 365px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_list_actu_actu1 { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 23px; width: 32%; height: 364px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu_actu1_img { width: 100%; height: 250px; background: url(https://img.mysy-training.com/img_actu1.png) no-repeat; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; //border: #0A043C solid 1px; } .block_list_actu_actu1_date_text { /* Date + Title */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px 0px 0px 8px; gap: 8px; //width: 344px; height: 91px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_list_actu_actu1_date_text_date { width: 152px; height: 19px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 19px; text-transform: uppercase; /* Blue */ color: #3E6EE3; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu_actu1_date_text_txt { height: 64px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: medium; line-height: 32px; /* or 133% */ letter-spacing: -0.3px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .pieddepage_v2 { position: relative; width: 100%; //height: 450px; left: 0px; //top: 5850px; top: 1650px; background: #FFF5DA; z-index: -1; } .bton_tout_nos_article { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 299px; height: 56px; /* Deep Blue */ background: #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bton_tout_nos_article_account_box { display: none; width: 24px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .bton_tout_nos_article_txt { //width: 156px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner { /* Partner Block */ /* Auto layout */ display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 40px; gap: 10px; position: absolute; width: 90%; height: 386px; left: 72px; //top: 4750px; top: 4450px; ; /* White */ background: #FFFFFF; /* Shadow 01 */ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); border-radius: 8px; } .block_partner_sous_block { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 24px; width: 858px; height: 306px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc { display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 16px; width: 858px; height: 226px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc_logo { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 4px; width: 160px; height: 76px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc_desc { width: 600px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 25px; line-height: 28px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner_sous_block_txt { width: 858px; height: 72px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; font-feature-settings: 'liga' off; /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner_sous_block_buton { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 299px; height: 56px; /* Green */ background: #20BFA9; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .logo_not_absolut { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 108px; height: 52px; left: 72px; top: 52px; } .block_partner_sous_block_logo_desc_desc2 { width: 858px; height: 72px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; font-feature-settings: 'liga' off; /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .form-select { height: 2.5rem !important; border-radius: 0px; font-size: small; } .domaine_icone { margin-top: 5px; } .domaine_icone_fa { margin-top: 5px; margin-right: 5px; cursor: pointer; } .fron_search { border: none; font-size: medium; padding-right: 5px; } // -- 07/01 .service1_img { //position: absolute; //width: 76px; //height: 76px; left: 0px; top: 0px; background: #D6EBE4; opacity: 1; border-radius: 1rem; margin-top: 1rem; } .service1_title_desc { /* Title + Description */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 70%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .service1_title { width: 100%; //height: 32px; text-align: left; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 32px; /* identical to box height, or 133% */ letter-spacing: -0.3px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .service1_desc { //width: 260px; text-align: left; height: 80px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; /* or 143% */ /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .img_service { width: 100%; height: 4rem; border-radius: 1rem; } .forma_et_tuto { width: 99%; margin-left: 5px; height: 80px; padding-top: 10px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; /* identical to box height */ text-align: center; letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; background: #F7F7F7; } .forma_et_tuto_mobile { display: none; } .cta_publication { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px 5px; gap: 10px; width: 154px; height: 56px; /* Deep Blue */ background: red; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; text-transform: uppercase; color: white; font-weight: normal; font-size: 14px; } .cta_hebergement { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px 5px; gap: 10px; width: 154px; height: 56px; /* Deep Blue */ background: rebeccapurple; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; text-transform: uppercase; color: white; font-weight: normal; font-size: 14px; } .search_bar_2 { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px 1px 0px 2px; gap: 72px; width: 100%; height: 10px; /* White */ border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; margin-bottom: 2rem !important; text-align: left; padding-left: 1rem; } .bton_ensavoir_plus { border-radius: 5rem; font-size: medium; background: #81BC3A !important; text-align: center; height: 2.5rem; width: 100%; color: white; margin-left: 10px; margin-right: 10px; padding-top: 10px; cursor: pointer; } .mode_affichage { width: 8%; float: right; cursor: pointer; } .display_grid_list_bton { width: 10%; float: left; } .view_grid { width: 48% !important; float: left !important; margin-right: 2%; } .indicateurs_data { position: fixed; left: 70%; top: 4rem; width: auto; } .bloc_logo_indic { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo { width: 60%; float: left; text-align: left; } .bloc_logo_indic_contact { width: 18%; float: right; text-align: right; } .bloc_logo_indic_indic { width: 18%; float: left; } .bloc_milieu { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 10rem; } .bloc_img_milieu_gauche { width: 48%; float: right; text-align: right; } .bloc_connexion { width: 100%; float: left; min-height: 40vh; padding-top: 3rem; } .bloc_milieu_text { width: 50%; float: left; text-align: left; } .bloc_logo_indic_contact_text { text-align: left; font-weight: 700; } .bloc_logo_indic_indic_text { text-align: left; font-weight: 700; } /*** Pour le modele 2 - MySy_Theme2 **/ .bloc_milieu_model_2 { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 10rem; } .bloc_milieu_text_model_2 { width: 100%; float: left; text-align: center; } .title1_nom_model_2 { width: 100%; text-align: center; height: 150px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title2_model_2 { width: 100%; text-align: center; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bloc_img_milieu_gauche { display: none; } .Partner_Catalog_Background_Header_model_2 { // position: absolute; width: 100%; height: 352px; left: 0px; top: 0px; } .bloc_logo_indic_model_2 { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo_model_2 { width: 60%; float: left; text-align: left; } .bloc_logo_indic_contact_model_2 { width: 18%; float: right; text-align: right; } .bloc_logo_indic_indic_model_2 { width: 18%; float: left; } .bloc_logo_indic_contact_text_model_2 { text-align: left; font-weight: 700; } .bloc_logo_indic_indic_text_model_2 { text-align: left; font-weight: 700; } .bloc_milieu_text_model_2_gauche{ width: 19%; float: left; } .bloc_milieu_text_model_2_centre{ width: 60%; float: left; } .bloc_milieu_text_model_2_droite{ width: 20%; float: right; } .title1_text1_model_2 { width: 100%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .bloc_connexion_model_2 { width: 100%; float: left; min-height: 50vh; padding-top: 3rem; } } @media only screen and (min-width: 1920px) { .calage { width: 2%; } /* Ordi de bureau et grands ecrans*/ .align_gauche { margin-left: 0rem; width: 100%; float: right; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; } .recherchefilter { display: none; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .rech_container { width: 90%; height: 200px; background: aqua; margin: auto; padding: 10px; border-radius: 30px; } .rech_leftbox { float: left; //border: 0px solid black; border-width: 1px; width: 24%; height: 100%; padding: 0.5rem; border-radius: 1rem; //margin-top: 1rem !important; margin-bottom: 0.1rem; font-size: small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif !important; background: white; margin-left: 5px; // -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); padding-left: 5px; } .rech_middlebox { float: left; border-width: 2px; width: 75%; height: 100%; margin: auto; padding: 0rem; border-radius: 30px; margin-right: 0%; padding-left: 1rem; padding-right: 10px; //background-color: #f8f9f9; //overflow-y:scroll; } .rech_rightbox { /* float: right; //border-left: 0px solid black; width: 20%; height: 100%; margin: 0px; padding: 0px; border-radius: 0px; margin-right: 0%; height: 100%; margin-top: 0.5rem !important;*/ display: none; } .rech_rightbox .button2 { opacity: 1; background: #619e31; border: 1px; outline: 0; border-bottom: 2px solid transparent; color: white; font-size: medium !important; border-radius: 1rem; margin: 0px; padding: 0px; text-align: center; margin-bottom: 0.5rem; } .rech_rightbox_inside { float: left; width: 100%; height: 100%; margin: auto; padding: 0px; border-radius: 0px; margin-right: 0%; overflow-y: scroll; height: 800px; font-family: "DM Sans", "sans-serif"; font-size: small; padding-right: 5px; margin-right: 5px; } .textsurimage { color: rgb(218, 207, 207); background-color: transparent; font-size: 40pt; text-align: center; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .rech_list_formation2 { display: inline-block; width: 100%; background-color: white; height: auto; padding: 1px; outline: 1px solid #ccc; //border: 1px solid #999; margin: 0; text-align: left; border-radius: 10px; margin-bottom: 10px; background-color: white; //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); } .rech_list_formation2:hover { -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); } .textsurimage23 { color: rgb(218, 207, 207); background-color: transparent; text-align: center; position: absolute; top: 20%; left: 40%; } h4 { display: inline-block; font-size: xx-large; /*or whatever you want*/ color: white; } .default_font { color: #3c4043; display: inline-block; line-height: 28px; font-size: medium; } .form-input { border-radius: 10rem; height: 3rem; font-size: medium; line-height: 1.5; margin-bottom: 4px; color: white; border: 2.5px solid white; background: transparent; box-shadow: none; } .form { font-size: medium; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0.5rem; position: relative; margin-top: 1rem; z-index: 11; display: flex; } .form span { position: absolute; right: 0.2rem; top: 0.1rem; padding: 2px; border-left: 0.2rem solid white; height: 3rem; } .form span_clear { position: absolute; right: 1.5rem !important; top: 0.1rem !important; padding: 2px; border-left: 0.2rem solid white !important; height: 3rem; padding-left: 0.5rem; padding-right: 0.5rem; } form svg { margin-top: 0.8rem !important; height: 1.5rem !important; cursor: pointer; } .left-pan { padding-left: 7px; } .left-pan i { padding-left: 10px; } .containerBox { position: fixed; margin-top: 0.5rem; height: 10rem; border: 0.2rem solid #0d0e10; width: 100%; background-color: #999; } .containerBox0 { float: left; width: 30%; } .text_head_droite { color: #3b3e40; font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif; font-size: small; font-weight: bold; text-align: right; } .text_head_gauche { color: #3b3e40; font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif; font-size: small; font-weight: bold; text-align: left; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.2rem; width: 90%; margin-left: auto; margin-right: auto; } .text-box { position: absolute; height: 100%; text-align: center; width: 100%; } .text-box:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 18%; max-height: 3rem; } .form-select { height: 2.5rem !important; border-radius: 0px; font-size: small; } .mb-3 { margin-bottom: 0.7rem !important; font-size: xx-small !important; cursor: pointer; } .input-group-text { font-size: x-small !important; padding-left: 0px !important; } .filter_span { padding-top: 0.3rem; padding-bottom: auto; word-break: break-word; margin-right: 0.5rem; color: #104277; font-size: 0.75rem; white-space: nowrap; width: 30%; margin-top: 0.3rem; } .filter_val { padding-top: 0.1rem; padding-bottom: auto; word-break: break-word; margin-right: 0.5rem; font-size: 0.9rem; white-space: nowrap; border: none; background: transparent; color: #3b3e40; border: 1px solid #C7C9CE; border: 0.1rem solid black; border-radius: 0.3rem !important; width: 65%; margin-top: 0.3rem; margin-right: 0px; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; z-index: 10; min-height: 30rem; } .div_row_haut { float: left; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; background-color: #3b3e40; z-index: 10; } .div_mobile { z-index: -1; width: 100%; height: 100%; } .pieddepage { z-index: 50; width: 100%; float: left; color: white !important; margin-top: 5rem; } .menuPrincipal_bton { margin-left: 0.9rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; } .menuPrincipal { margin-left: 1rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; padding-top: 0.2rem; } .menuPrincipal:hover { color: #81bc3a; padding-left: 0; transition: color 0.3s linear; letter-spacing: 0.1rem; text-decoration: solid; text-underline-offset: 3px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: underline; } .div_001 { width: 90%; margin-left: auto; margin-right: auto; } .div_002 { float: left; width: 50%; text-align: left; } .div_003 { float: left; width: 50%; text-align: right; color: white; } .div_004 { color: white; width: 100%; height: 0.25rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin: 0.2rem; } .div_005 { width: 100%; float: left; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 1rem; margin-bottom: 0.5rem; letter-spacing: 0.2rem; } .hilightsoustitre_v2 { color: #3b3e40; display: block; font-size: 1rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; letter-spacing: 2px; height: 3rem; padding-top: 5px; } .hilightsoustitre_v2_metier { color: #3b3e40; display: block; font-size: 1rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; letter-spacing: 2px; margin-top: 5rem; height: 3rem; padding-top: 5px; } .tab_gauche { width: 50%; float: left; text-align: left; } .tab_droite { width: 50%; float: right; text-align: right; } .tab_gauche_metier { width: 30%; float: left; text-align: left; margin: 2px; } .tab_droite_metier { width: 50%; float: right; text-align: right; } .img_thematique_metier { display: block; border-radius: 10rem; max-width: 360px; } .met_polaroid_gauche { width: 100%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .met_polaroid_gauche:hover { transition-duration: 0.5s; transform: scale(1.1); box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); } .met_polaroid_droite { width: 97%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; margin-left: 3%; cursor: pointer; border-radius: 12px; } .met_polaroid_droite:hover { transition-duration: 0.5s; transform: scale(1.1); box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); } .met_container { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; font-weight: bold; } .met_text { margin-bottom: 0.1rem; font-size: small; font-weight: normal; white-space: nowrap; overflow: hidden; letter-spacing: 1px; //font-weight: bold; } .met_text_larg { margin-bottom: 0.1rem; font-size: xx-small; font-weight: bold; white-space: nowrap; overflow: hidden; } .met_text_all_categories { margin-bottom: 0.1rem; font-size: x-small; margin-top: 1rem; } .met_container_all_categories { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; height: 3rem; } .met_polaroid_gauche_all_categories { width: 100%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px; cursor: pointer; border-radius: 12px; } .tab_gauche_all_categories { width: 100%; float: left; text-align: left; } .img_categorie { width: 100%; border-top-right-radius: 12px; border-radius: 12px; padding: 5px; } .h1_transparent { color: transparent; //color: red; font-size: 0.1rem; } .mymenu_item { font-size: 1rem !important; } .MuiMenuItem-root { font-size: 1rem !important; } .new_filter_zone { float: left; width: 35%; display: flex; align-items: center; font-size: small; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; margin-top: 5px; } .new_filter_zone_cerif_radio { width: 30%; float: left; text-align: right; font-size: smaller; } .new_filter_zone_cerif_radio_right { //width: 30%; float: left; text-align: left; font-size: small; padding-left: 5px; } .new_filter_zone_cerif_radio_left { //width: 30%; float: left; text-align: center; font-size: small; padding-right: 15px; padding-left: 2px; min-width: 30%; } .new_filter_zone_row { margin-bottom: 0.7rem !important; width: 100%; padding-right: 5px; } .tick_ok_ko { max-width: 55%; } .new_filter_zone_prix { margin-bottom: 1.2rem; margin-top: 1.2rem; padding-right: 15px; } .middle { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.2rem; margin-left: auto; margin-right: auto; padding-top: 15%; } input::placeholder { color: white; } .bienvenu { font-family: "DM Sans", "sans-serif"; font-size: x-large; color: white; } .categorie { padding-top: 15%; width: 80%; margin-left: auto; margin-right: auto; } .met_polaroid { text-align: center; margin-top: 9rem; } .met_polaroid_line2 { text-align: center; margin-top: 1rem; margin-bottom: 1rem; } .img_categorie_v2 { border-radius: 5px; background: white; min-width: 3rem; width: 9rem; font-size: small; border: 5px solid black; box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24); cursor: pointer; outline: none; transition: 0.2s all; margin-right: 1.5rem; } .img_categorie_v2:active { transform: scale(1.1); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); /* Lowering the shadow */ } .img_categorie_v2:hover { transform: scale(1.1); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); /* Lowering the shadow */ } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000000s ease-in-out 0s; } .div_row_bas { float: right; width: 100%; min-height: 100%; height: 60rem; background-color: #e7f3fb; z-index: 10; background: url("../../mysy_img/mysy_home.jpg") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; //border-bottom-left-radius: 25px; //border-bottom-right-radius: 25px; } .tab_logo_metier { width: 100%; padding-left: 15px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); padding-left: 20px; border-radius: 10px; padding-top: 10px; } /*.tab_critere_espace { margin-bottom: 1.5rem; padding-bottom: 1.5rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); padding-left: 10px; border-radius: 10px; padding-top: 10px; }*/ .tab_critere_espace { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px; gap: 20px; width: 100%; //height: 1110px; /* White */ background: #FFFFFF; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_nos_service { display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 30px; position: absolute; width: 96%; height: 204px; left: 2%; top: 510px; } .block_nos_formation { //display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; position: absolute; width: 96%; //height: 2574px; left: 2%; top: 450px; } .logo { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; position: absolute; width: 108px; height: 52px; left: 72px; top: 52px; } .Menu_Header { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 0px; gap: 24px; position: absolute; width: 843px; height: 56px; right: 72px; top: 50px; } .Header_Content { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; isolation: isolate; position: absolute; width: 95%; height: 367px; left: 5%; top: 156px; } .Background_Header { position: absolute; width: 100%; height: 452px; left: 0px; top: 0px; /* Beige */ background: #FFF5DA; } .Partner_Catalog_Background_Header { // position: absolute; width: 100%; height: 452px; left: 0px; top: 0px; } .Logo_MySy { width: 108px; height: 36px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .training { width: 108px; height: 12px; font-family: 'Albert Sans'; font-style: normal; font-weight: 900; font-size: 10px; line-height: 12px; /* identical to box height */ letter-spacing: 0.83em; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .header_menu { /* Les formations */ cursor: pointer; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 17px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; flex-grow: 0; } .bar_vert { width: 1px; height: 24px; /* Deep Blue */ background: #0A043C; border-radius: 10px; /* Inside auto layout */ flex: none; order: 4; flex-grow: 0; } .cta1 { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; width: 288px; height: 56px; /* Inside auto layout */ flex: none; order: 6; flex-grow: 0; } .cta2 { box-sizing: border-box; /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 126px; height: 56px; /* Deep Blue */ border: 1px solid #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .cta3 { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 154px; height: 56px; /* Deep Blue */ background: #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .minscrire { cursor: pointer; //width: 74px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 30px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .meconnecter { cursor: pointer; width: 112px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 30px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .rectangle_8 { /* Rectangle 8 */ position: absolute; width: 500px; height: 400px; //left: 596px; right: 10rem; top: 0px; background: url("../../mysy_img2/img_header.png") no-repeat; filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05)); border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; z-index: 0; } .content_search_bar { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 85%; height: 367px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; z-index: 1; } .title_desc_header { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; width: 636px; height: 230px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1 { width: 100%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 50px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1_nom { width: 100%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title1_text1 { width: 100%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title2 { width: 100%; text-align: left; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_bar_h { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; width: 100%; height: 113px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_bar { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px 12px 0px 24px; gap: 72px; width: 100%; height: 80px; /* White */ background: #FFFFFF; box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_153 { /* Frame 153 */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px 27px; gap: 10px; width: 588px; height: 17px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_153_txt { width: 534px; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; /* identical to box height */ display: flex; align-items: center; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .input_search_bar { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 24px; width: 100%; height: 80px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .cta_recherche { cursor: pointer; /* Auto layout */ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 13px 26px; gap: 10px; width: 142px; height: 56px; /* Green */ background: #20BFA9; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .cta_recherche_txt { width: 90px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 17px; line-height: 30px; /* identical to box height, or 176% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .search_dropdown { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; width: 20%; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .search_bar_rectangle { width: 1px; height: 80px; background: rgba(0, 0, 0, 0.08); /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .search_text { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 75%; height: 32px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .nos_serv_background { position: absolute; width: 1440px; height: 436px; left: 0px; top: 452px; /* White */ background: #FFFFFF; } .nos_serv_txt { width: 227px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .nos_serv_list { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px; gap: 56px; width: 95%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .nos_serv_serv1 { /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 32%; height: 116px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .nos_serv_serv2 { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 32%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .nos_serv_serv3 { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 32%; height: 116px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .block_filter { /* Block Filters */ /* Auto layout */ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px; gap: 24px; width: 309px; height: 1110px; /* White */ background: #FFFFFF; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_formation { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; width: 947px; height: 2486px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_filter { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; margin-bottom: 3rem; } .sous_filter_metier { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; width: 100%; } .sous_filter_txt { /* Les filtres */ // width: 92px; height: 24px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 20px; line-height: 24px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .sous_filter_separator { width: 277px; height: 0px; opacity: 0.08; /* Deep Blue */ border: 1px solid #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_filter_block { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 12px; width: 277px; height: 494px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .sous_mertier { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 277px; height: 496px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .filter_valeur { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 100%; height: 71px; /* Inside auto layout */ flex: none; flex-grow: 0; } .filter_valeur_txt { /* Eligible CPF */ //width: 78px; letter-spacing: 2px; height: 19px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; display: flex; align-items: center; font-feature-settings: 'liga' off; /* Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_valeur_block_val { /* List Checkbox */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px; width: 100%; height: 48px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_133 { /* Frame 133 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 90px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; } .frame_133_grp { /* Checbox + Text */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 50px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_133_grp_radio { /* Radio Button */ cursor: pointer; width: 16px; height: 16px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_133_grp_txt { /* Oui */ width: 26px; height: 22px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .frame_134 { /* Frame 134 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 90px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; } .frame_134_grp { /* Checbox + Text */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 55px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .frame_135 { /* Frame 134 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 5px; gap: 10px; width: 50px; height: 35px; /* Light Grey */ background: #F7F7F7; border-radius: 4px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; } .frame_135_grp { /* Checbox + Text */ margin-left: 10px; /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 30px; height: 22px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_txt { /* Les filtres */ width: 92px; height: 24px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 20px; line-height: 24px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block { /* Filter */ //cursor: pointer; box-sizing: border-box; /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 16px; gap: 10px; width: 90%; height: 72px; /* White */ background: #FFFFFF; border: 1px solid #DFDFDF; border-radius: 4px; /* Inside auto layout */ flex: none; flex-grow: 0; } .filter_metier_sous_block_content { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 12px; width: 180px; height: 40px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_radio { /* Radio Button */ width: 24px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_txt { /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 144px; height: 40px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_content_txt_formation { width: 144px; height: 22px; text-align: left; margin-top: 10px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_content_txt_nb { width: 85px; height: 14px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 14px; /* Deep Blue */ color: #0A043C; opacity: 0.7; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_plus_metier { /* Icon + Title */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; width: 233px; height: 24px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .filter_metier_sous_block_plus_metier_1 { border: #0A043C solid; width: 24px; height: 24px; cursor: pointer; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .filter_metier_sous_block_plus_metier_2 { width: 201px; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_actualite { /* Actualité */ /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; position: absolute; width: 100%; height: 549px; //left: 72px; top: 4300px; display: none; } .block_actualite_sous_block { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 40px; width: 100%; height: 453px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_actualite_sous_block_text { width: 261px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 24px; width: 95%; height: 365px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_list_actu_actu1 { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 23px; width: 32%; height: 364px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu_actu1_img { width: 100%; height: 250px; background: url(https://img.mysy-training.com/img_actu1.png) no-repeat; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; //border: #0A043C solid 1px; } .block_list_actu_actu1_date_text { /* Date + Title */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px 0px 0px 8px; gap: 8px; //width: 344px; height: 91px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_list_actu_actu1_date_text_date { width: 152px; height: 19px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 19px; text-transform: uppercase; /* Blue */ color: #3E6EE3; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_list_actu_actu1_date_text_txt { height: 64px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: medium; line-height: 32px; /* or 133% */ letter-spacing: -0.3px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .pieddepage_v2 { position: relative; width: 100%; //height: 450px; left: 0px; //top: 6050px; top: 1450px; background: #FFF5DA; z-index: -1; } .bton_tout_nos_article { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 299px; height: 56px; /* Deep Blue */ background: #0A043C; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bton_tout_nos_article_account_box { display: none; width: 24px; height: 24px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .bton_tout_nos_article_txt { //width: 156px; height: 30px; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* identical to box height, or 188% */ display: flex; align-items: center; text-align: center; /* White */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner { /* Partner Block */ /* Auto layout */ display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 40px; gap: 10px; position: absolute; width: 90%; height: 386px; left: 72px; //top: 4950px; top: 4500px; /* White */ background: #FFFFFF; /* Shadow 01 */ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); border-radius: 8px; } .block_partner_sous_block { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 24px; width: 858px; height: 306px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc { display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 16px; width: 858px; height: 226px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc_logo { /* Auto layout */ display: flex; flex-direction: column; align-items: center; padding: 0px; gap: 4px; width: 160px; height: 76px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .block_partner_sous_block_logo_desc_desc { width: 600px; height: 48px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 25px; line-height: 28px; /* identical to box height */ text-align: center; letter-spacing: -1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner_sous_block_txt { width: 858px; height: 72px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; font-feature-settings: 'liga' off; /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .block_partner_sous_block_buton { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 26px; gap: 10px; width: 299px; height: 56px; /* Green */ background: #20BFA9; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .logo_not_absolut { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 108px; height: 52px; left: 72px; top: 52px; } .block_partner_sous_block_logo_desc_desc2 { width: 858px; height: 72px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; font-feature-settings: 'liga' off; /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .form-select { height: 2.5rem !important; border-radius: 0px; font-size: small; } .domaine_icone { margin-top: 5px; } .domaine_icone_fa { margin-top: 5px; margin-right: 5px; cursor: pointer; } .fron_search { border: none; font-size: medium; padding-right: 5px; } // -- 07/01 .service1_img { //position: absolute; //width: 76px; //height: 76px; left: 0px; top: 0px; background: #D6EBE4; opacity: 1; border-radius: 1rem; margin-top: 1rem; } .service1_title_desc { /* Title + Description */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 70%; height: 116px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .service1_title { width: 100%; height: 32px; text-align: left; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 32px; /* identical to box height, or 133% */ letter-spacing: 0.3px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .service1_desc { //width: 260px; text-align: left; height: 80px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; /* or 143% */ /* Bold Grey */ color: #4B4B4B; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .img_service { width: 100%; height: 4rem; border-radius: 1rem; } .forma_et_tuto { width: 99%; margin-left: 5px; height: 80px; padding-top: 10px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; /* identical to box height */ text-align: center; letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; background: #F7F7F7; } .forma_et_tuto_mobile { display: none; } .cta_publication { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px 5px; gap: 10px; width: 154px; height: 56px; /* Deep Blue */ background: red; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; text-transform: uppercase; color: white; font-weight: normal; font-size: 14px; } .cta_hebergement { /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px 5px; gap: 10px; width: 154px; height: 56px; /* Deep Blue */ background: rebeccapurple; border-radius: 8px; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; text-transform: uppercase; color: white; font-weight: normal; font-size: 14px; } .search_bar_2 { /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px 1px 0px 2px; gap: 72px; width: 100%; height: 10px; border-radius: 8px; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; margin-bottom: 1rem; text-align: left; } .bton_ensavoir_plus { border-radius: 5rem; font-size: medium; background: #81BC3A !important; text-align: center; height: 2.5rem; width: 100%; color: white; margin-left: 10px; margin-right: 10px; padding-top: 10px; cursor: pointer; } .bton_menu_v2 { background-color: white; width: 100%; border: 0px; text-align: left; color: black; letter-spacing: 2px; margin: 10px; //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); } .bton_menu_v2:hover { //color: white; letter-spacing: 3px; //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); } .mode_affichage { width: 8%; float: right; cursor: pointer; } .display_grid_list_bton { width: 10%; float: left; } .view_grid { width: 48% !important; float: left !important; margin-right: 2%; } .indicateurs_data { // position: fixed; left: 75%; top: 4rem; width: auto } .bloc_logo_indic { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo { width: 60%; float: left; text-align: left; } .bloc_logo_indic_contact { width: 18%; float: right; text-align: right; } .bloc_logo_indic_indic { width: 18%; float: left; } .bloc_milieu { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 10rem; } .bloc_img_milieu_gauche { width: 48%; float: right; text-align: right; } .bloc_connexion { width: 100%; float: left; min-height: 40vh; padding-top: 3rem; } .bloc_milieu_text { width: 50%; float: left; text-align: left; } .bloc_logo_indic_contact_text { text-align: left; font-weight: 700; } .bloc_logo_indic_indic_text { text-align: left; font-weight: 700; } /*** Pour le modele 2 - MySy_Theme2 **/ .bloc_milieu_model_2 { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 10rem; } .bloc_milieu_text_model_2 { width: 100%; float: left; text-align: center; } .title1_nom_model_2 { width: 100%; text-align: center; height: 150px; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .title2_model_2 { width: 100%; text-align: center; height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; /* identical to box height */ /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .bloc_img_milieu_gauche { display: none; } .Partner_Catalog_Background_Header_model_2 { // position: absolute; width: 100%; height: 352px; left: 0px; top: 0px; } .bloc_logo_indic_model_2 { min-height: 5rem; width: 90%; margin-left: 5%; float: left; position: absolute; top: 1rem; } .bloc_logo_indic_logo_model_2 { width: 60%; float: left; text-align: left; } .bloc_logo_indic_contact_model_2 { width: 18%; float: right; text-align: right; } .bloc_logo_indic_indic_model_2 { width: 18%; float: left; } .bloc_logo_indic_contact_text_model_2 { text-align: left; font-weight: 700; } .bloc_logo_indic_indic_text_model_2 { text-align: left; font-weight: 700; } .bloc_milieu_text_model_2_gauche{ width: 19%; float: left; } .bloc_milieu_text_model_2_centre{ width: 60%; float: left; } .bloc_milieu_text_model_2_droite{ width: 20%; float: right; } .title1_text1_model_2 { width: 100%; text-align: left; height: 192px; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 54px; /* or 107% */ letter-spacing: 1px; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .bloc_connexion_model_2 { width: 100%; float: left; min-height: 40vh; padding-top: 3rem; } } // end media .message_hili { color: #619e31; font-weight: bold; opacity: 0.8; background: transparent; //background: linear-gradient(90deg, rgba(2,1,18,1) 100%, rgba(121,35,9,0.39539565826330536) 35%); border-radius: 5px; } .buton_ch22 { border: 2px solid white; background-color: transparent; color: white; padding: 0px; font-size: 16px; cursor: pointer; font-size: small; border-radius: 4rem; width: 6rem; min-width: 6rem; height: 1.7rem; text-align: left; } .ch_form-input { border-radius: 10rem; height: 3rem; font-size: medium; line-height: 1.5; margin-bottom: 4px; color: white; border: 2.5px solid white; background: transparent; width: 5rem; } .MuiPaper-rounded { top: 60px !important; } .bton_menu_v2 { background-color: white; width: 100%; border: 0px; text-align: left; color: black; letter-spacing: 2px; margin: 10px; //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); } .bton_menu_v2:hover { //color: white; letter-spacing: 3px; //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); } } .header_img_logo22 { display: block; height: auto; margin-left: 0px; margin-right: auto; //max-width: 18%; max-height: 3rem; } .header_menuPrincipal_left { @media only screen and (max-width: 600px) { display: none; } margin-left: 0.9rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; cursor: pointer; text-align: left; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; padding-top: 0.2rem; //border:2px solid white; width: 20%; float: left; } .header_menuPrincipal_left:hover { color: #81bc3a; padding-left: 0; transition: color 0.3s linear; letter-spacing: 0.1rem; text-decoration: solid; text-underline-offset: 3px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: underline; } .MuiPaper-rounded { border-radius: 0px !important; } .iSfofc { width: 90% !important; margin-left: auto !important; margin-right: auto !important; margin-top: 0.2rem !important; background: white; padding-top: 0.5rem !important; } .dHtlYi { background: #104277; } .bQSvsY { background: white !important; } .MuiMenu-paper { border-radius: 10px !important; } .MuiListItem-button { background: white !important; }