Formation & Tutoriel Gratuit ou payant Excellente qualité
-
+
- {/******* Gestion du THEME "MySy_Theme2" */}
+
+ {/******* Gestion du THEME "MySy_Theme2" */}
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
&& String(my_theme_code) === "MySy_Theme2" &&
@@ -3502,7 +3495,7 @@ const Mon_Catalogue_Public = (props) => {
{/******* Gestion du THEME PAR DEFAULT " */}
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
- && String(my_theme_code) !== "MySy_Theme2" &&
+ && String(my_theme_code) === "MySy_Theme_Default" &&
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
&& New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img &&
@@ -3872,7 +3865,7 @@ const Mon_Catalogue_Public = (props) => {
-
+
}
@@ -3972,7 +3965,6 @@ const Mon_Catalogue_Public = (props) => {
-
))}
{result && myApiResponse == "True" && fin == 0 && newresult &&
@@ -4054,10 +4046,406 @@ const Mon_Catalogue_Public = (props) => {
}
{/******* FIN Gestion du THEME PAR DEFAULT " */}
+
+
+
+
+ {/******* Gestion du THEME THEME SPECIAL JMJ Formation " */}
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
+ && String(my_theme_code) === "MySy_Theme_JMJ" &&
+
+
+
+
+
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
+ && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img &&
+

+
+
}
+
+
+
+
+
+
+
+
![{New_Get_Subdomain_Partner_Data_result[0].nom}]({New_Get_Subdomain_Partner_Data_result[0].catalog_pub_logo})
+
+
+
+
+ Contact
+ Tel : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_telephone}
+ Email : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_email}
+
+
+
+
Indicateurs
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
+ && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt &&
+
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt}
+
}
+
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
+ && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_2_txt &&
+
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_2_txt}
+
}
+
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
+ && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_3_txt &&
+
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_3_txt}
+
}
+
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
+ && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt &&
+
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt}
+
}
+
+
+
+
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 &&
+
+ }
+
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 &&
+ }
+
+
+
+
+ {New_Get_Subdomain_Partner_Data_result[0] && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_2_txt &&
+ }
+
+
+
+

+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+ {showelement === "true" &&
+
+
+
+
+
+
Eligible CPF
+
+
+
+
+
+
+ {String(cpfchecked) === String("1") &&
+
+

+
+
+
}
+
+
+
+
+
+
+
Certification
+
+
+
+
+
+
+ {String(certifchecked) === String("1") &&
+
+

+
+
+
}
+
+
+
+
+
+
Type
+
+
+
+
+
+
+ {String(typechecked) === String("1") &&
+
+

+
+
+
}
+
+
+
+
+
+
Support
+
+
+
+
+
+
+
+
+
+
+
+
Prix
+
+
+
+ `${value} €`}
+ value={range_price}
+ step={500}
+ name="toto"
+
+ onChange={value => setrange_price(value)}
+ //onChange={TrainingPriceHandle}
+ onChangeComplete={value => console.log(value)}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+
+
+
+
+
Nos Formations
+
+
+
+
+
+ {result && myApiResponse === "True" && !newresult &&
+
+
+
+
setCurrentPage2(page)}
+ />
+
+
+
+ Trier par
+
+
+ {
+ if (trier_par === "1")
+ settrier_par("-1");
+ else
+ settrier_par("1");
+
+ trier();
+ }}
+
+ />
+
+
+
+
+
+
+
+
}
+
+
+
+
+
+
+
+
+ {result && myApiResponse == "True" && fin == 0 && !newresult &&
+ result.slice(0, PageSize).map((formation) => (
+
+
+
+
+ ))}
+
+ {result && myApiResponse == "True" && fin == 0 && newresult &&
+ newresult.slice(0, PageSize).map((formation) => (
+
+
+
+
+ ))}
+
+
+
+ {result && myApiResponse === "True" && fin === 1 && !newresult
+ && currentTableData2
+ && currentTableData2.map((formation) => (
+
+
+
+
+ ))}
+
+ {result && myApiResponse === "True" && fin === 1 && newresult
+ && currentTableData2
+ && currentTableData2.map((formation) => (
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
}
+ {/******* FIN Gestion du THEME SPECIAL JMJ Formation " */}
+
);
}
-export default Mon_Catalogue_Public;
\ No newline at end of file
+export default Jmjformation_Catalogue_Public;
\ No newline at end of file
diff --git a/src/components/Jmj_Theme/jmj_formation.css b/src/components/Jmj_Theme/jmj_formation.css
new file mode 100644
index 0000000..342b21d
--- /dev/null
+++ b/src/components/Jmj_Theme/jmj_formation.css
@@ -0,0 +1,14810 @@
+.jmj_formation {
+
+ .css-1nmdiq5-menu {
+ background: transparent !important;
+ color: white !important;
+ z-index: 999;
+ }
+
+ .css-qbdosj-Input {
+ background: transparent !important;
+ }
+
+
+ .h1_transparent {
+ color: transparent;
+ font-size: 0.1rem;
+ }
+
+
+ .cta_recherche_img_search_loup {
+ width: 50%;
+ margin-right: -5px;
+ }
+
+ .cta_recherche_TXT_search_loup {
+ display: none;
+ }
+
+ @media only screen and (max-width: 600px) {
+ .calage {
+ display: none;
+ }
+
+ .block_pagination {
+ width: 100%;
+ float: left;
+
+ }
+
+ .block_trier_par {
+ width: 100%;
+ float: left;
+ }
+
+
+
+
+
+ /*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: "verdana", "Quicksand", "Signika", 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: "verdana", "Quicksand", "Signika", 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;
+
+ }
+
+ .rech_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 2px;
+ border-radius: 30px;
+ }
+
+ .rech_leftbox {
+ float: left;
+ border-width: 1px;
+ width: 98%;
+
+ margin: auto;
+ padding: 0.3rem;
+
+
+ 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;
+ height: auto;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ padding: 15px;
+
+ }
+
+ .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;
+
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+
+
+ -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: "verdana", "Quicksand", "Signika", 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;
+
+ 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 {
+ color: black;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 12px 0px 24px;
+ gap: 72px;
+ width: 100%;
+ background: #FFFFFF;
+ box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
+ border-radius: 8px;
+ flex: none;
+ flex-grow: 0;
+ flex-grow: 0;
+ order: 0;
+ flex-grow: 0;
+ border: 1px solid #E2E9FB;
+ border-radius: 60px;
+ height: 3rem;
+ font-size: medium;
+ }
+
+ .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: #107758;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ width: 20%;
+
+ }
+
+ .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", "verdana", "Quicksand", "Signika";
+ border: 1px solid #C7C9CE;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .div_row2 {
+ float: left;
+
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+
+ position: fixed;
+ z-index: 10;
+ top: 0px;
+ }
+
+ .div_row_haut {
+ float: left;
+
+ width: 100%;
+
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+
+ width: 100%;
+
+ z-index: 10;
+ background-color: #e7f3fb;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+
+ }
+
+ .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 {
+
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+
+ 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%;
+ }
+
+
+ .Background_Header {
+ /* Background Header */
+
+
+ position: absolute;
+ width: 100%;
+ height: 350px;
+ left: 0px;
+
+
+ /* Beige */
+
+ background: #f3f4fb;
+ z-index: -1;
+ }
+
+ .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 {
+ width: 100%;
+ float: left;
+
+ margin-bottom: 2rem;
+ }
+
+ .block_nos_formation {
+ padding: 0px;
+ width: 100%;
+ }
+
+ .pieddepage_v2 {
+ position: relative;
+ width: 100%;
+
+ left: 0px;
+
+ top: 5800px;
+ background: #FFF5DA;
+ z-index: -1;
+ }
+
+ .frame_153 {}
+
+ .frame_153_txt {
+ position: absolute;
+ width: 100%;
+ text-align: left;
+ height: 34px;
+
+ top: 250px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-size: 12px;
+ line-height: 17px;
+ display: flex;
+ align-items: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+ }
+
+
+
+ .title1 {
+ width: 100%;
+ text-align: center;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 54px;
+ letter-spacing: 1px;
+ color: #0A043C;
+ flex: none;
+ flex-grow: 0;
+ order: 0;
+ flex-grow: 0;
+ padding-top: 1.5rem;
+ }
+
+
+ .title2 {
+ position: absolute;
+ height: 35px;
+ left: 5%;
+ top: 90px;
+ font-family: "Albert Sans";
+ font-style: normal;
+ font-size: 14px;
+ line-height: 19px;
+ letter-spacing: 1px;
+ text-align: center;
+ color: #0A043C;
+ font-weight: 500;
+
+
+ }
+
+ .content_search_bar {
+ margin-top: 3rem;
+ width: 94%;
+ margin-left: 3%;
+
+ }
+
+ .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 {}
+
+
+
+ .input_search_bar {
+ /* Auto layout */
+
+ 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: 10px 2px;
+ gap: 10px;
+
+
+
+ /* Green */
+
+
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ width: 100%;
+
+ }
+
+ .cta_recherche_txt {
+
+
+ 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;
+
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-bottom: 1rem;
+ width: 100%;
+
+ }
+
+
+ .search_bar_rectangle {
+ width: 1px;
+ height: 60px;
+
+ 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: column;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 100%;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+
+ .forma_et_tuto {
+ display: none;
+ }
+
+ .forma_et_tuto_mobile {
+ display: none;
+ }
+
+
+ .domaine_icone {
+ display: none;
+ }
+
+ .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 */
+ 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 */
+
+ 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 */
+
+ 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;
+ }
+
+
+ .Header_Content {
+ width: 100%;
+ float: left;
+
+
+ margin-bottom: 5rem;
+
+ }
+
+
+ .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;
+ 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 {
+
+ 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;
+ }
+
+ .block_list_actu_actu1_date_text {
+ /* Date + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 1px;
+ gap: 8px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_date {
+ 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: 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;
+
+
+ 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 {
+ 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;
+ }
+
+ .block_newletter {
+ display: none;
+ }
+
+ .block_newletter_email {
+ display: none;
+ }
+
+ .block_newletter_bton_ok {
+ display: none;
+ }
+
+ .block_newletter_bton_bton_ok {
+ display: none;
+ }
+
+ .cta_recherche_img_search_loup {
+ display: none;
+ }
+
+ .cta_recherche_TXT_search_loup {
+ display: block;
+
+ width: 100%;
+
+ border-radius: 60px;
+ height: 40px;
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 6px 8px;
+ height: 34px;
+ background: #3E6EE3;
+ border-radius: 200px;
+ flex: none;
+ flex-grow: 0;
+ order: 0;
+ align-self: stretch;
+ flex-grow: 0;
+
+ background-color: #3e6ee3;
+ color: #ffffff;
+ border: none;
+
+ }
+
+ .block_formation {
+ flex: 1 1 300px;
+ display: flex;
+ flex-direction: column;
+ gap: 40px;
+
+ background-color: rgba(253, 246, 236, 0.1);
+ border-radius: 12px;
+ border: 1px solid #ecae49;
+ max-width: 400px;
+ box-sizing: border-box;
+ flex-grow: 1;
+ background: #FFF;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ border: 1px solid #E2E9FB
+ }
+
+ .block_display_flex_formation {
+ display: flex;
+ flex-direction: row;
+ gap: 15px;
+ width: 100%;
+ flex-wrap: wrap;
+ justify-content: left;
+ }
+ }
+
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+
+ .block_pagination {
+ width: 50%;
+ float: left;
+
+ }
+
+ .block_trier_par {
+ width: 40%;
+ float: right;
+ }
+
+ /*style petites-moyennes tablettes */
+ .domaine_icone {
+ display: none
+ }
+
+ .div_row {
+ float: left;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .align_gauche {
+ margin-left: 0rem;
+ overflow-y: hidden;
+ white-space: nowrap;
+ font-family: "verdana", "Quicksand", "Signika", 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 {
+ border-width: 1px;
+
+ height: auto;
+ padding: 0.1rem;
+ border-radius: 1rem;
+ margin-bottom: 0.1rem;
+ font-family: "DM Sans" !important;
+ background: white;
+ margin-left: 5px;
+ margin-top: 0.5rem;
+ padding-left: 5px;
+
+ width: 80%;
+ margin-left: 10%;
+ }
+
+ .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;
+ }
+
+ .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;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ -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;
+ 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: "verdana", "Quicksand", "Signika", 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: #107758;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ width: 20%;
+
+ }
+
+ .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", "verdana", "Quicksand", "Signika";
+ 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-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+
+ z-index: 10;
+ min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+ width: 100%;
+ 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;
+ }
+
+ .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;
+ 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 {
+ float: left;
+ text-align: center;
+ font-size: 0.7rem;
+ padding-right: 5px;
+ padding-left: 2px;
+ }
+
+ .new_filter_zone_row {
+ 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: "verdana", "Quicksand", "Signika", 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%;
+
+ /* White */
+
+ background: #FFFFFF;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ padding-left: 2rem;
+ }
+
+ .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 {
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+
+ width: 96%;
+ left: 2%;
+ top: 500px;
+ }
+
+ .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;
+ height: 56px;
+ right: 5px;
+ top: 50px;
+ }
+
+ .Header_Content {
+ width: 100%;
+ float: left;
+ width: 95%;
+ height: 300px;
+ left: 2.5%;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ left: 0px;
+
+
+ /* Beige */
+
+ background: #f3f4fb;
+ z-index: -1;
+
+ }
+
+ .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;
+ 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;
+ 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;
+ 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 {
+ margin-top: 3rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .title_desc_header {
+ width: 100%;
+ float: left;
+ height: 150px;
+ }
+
+ .title1 {
+ width: 100%;
+ text-align: center;
+ height: 120px;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 54px;
+ letter-spacing: 1px;
+ color: #0A043C;
+ flex: none;
+ flex-grow: 0;
+ 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: 60px;
+
+ /* 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;
+
+ border: 1px solid #E2E9FB;
+ border-radius: 60px;
+
+ }
+
+ .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: 13px 26px;
+ gap: 10px;
+
+ width: 142px;
+ height: 56px;
+
+ /* Green */
+
+
+ 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;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ width: 28%;
+
+ }
+
+ .search_bar_rectangle {
+ width: 1px;
+ height: 60px;
+
+ 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 */
+
+
+ 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 */
+
+ 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;
+ 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;
+ }
+
+ .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;
+
+ 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%;
+
+ left: 0px;
+
+ 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 {
+
+ 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: 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 {
+ 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%;
+ text-align: left;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ /* 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 {
+ 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_publication_v2 {
+ /* 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: #53B7EB;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-weight: 600;
+
+ text-decoration: none;
+ -webkit-animation: glowing 1500ms 4;
+ -moz-animation: glowing 1500ms 4;
+ -o-animation: glowing 1500ms 4;
+ animation: glowing 1500ms 4;
+
+ }
+
+ @-webkit-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @-moz-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @-o-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+
+ .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;
+ }
+
+ .block_newletter {
+ font-size: 18px;
+ font-weight: 400;
+ width: 100%;
+ line-height: 15px;
+ margin-top: 20px;
+ }
+
+ .block_newletter_email {
+ width: 80%;
+ float: left;
+
+ }
+
+ .block_newletter_bton_ok {
+ width: 20%;
+ float: left;
+ margin-top: 10px;
+ position: relative;
+ left: -5px;
+ }
+
+ .block_newletter_bton_bton_ok {
+ height: 3rem;
+ border: solid 1px black;
+ background: #0A043C;
+ color: white;
+ width: 80%;
+
+ }
+
+
+ .cta_recherche_img_search_loup {
+ width: 50%;
+ margin-right: -28px;
+ }
+
+
+ .block_formation {
+ flex: 1 1 200px;
+ display: flex;
+ flex-direction: column;
+ gap: 40px;
+
+ background-color: rgba(253, 246, 236, 0.1);
+ border-radius: 12px;
+ border: 1px solid #ecae49;
+ max-width: 400px;
+ box-sizing: border-box;
+ flex-grow: 1;
+ background: #FFF;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ border: 1px solid #E2E9FB
+ }
+
+ .block_display_flex_formation {
+ display: flex;
+ flex-direction: row;
+ gap: 15px;
+ width: 100%;
+ flex-wrap: wrap;
+ justify-content: left;
+ }
+
+
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ /*style grande tablettes & Pc portable */
+
+ .block_pagination {
+ width: 50%;
+ float: left;
+
+ }
+
+ .block_trier_par {
+ width: 40%;
+ float: right;
+ }
+
+ .div_row {
+ float: left;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: right;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", 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-width: 1px;
+ width: 100%;
+
+ padding: 0.1rem;
+ border-radius: 1rem;
+ margin-bottom: 0.1rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 5px;
+ margin-top: 0.5rem;
+ padding-left: 5px;
+ height: auto;
+ }
+
+ .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;
+ }
+
+ .rech_rightbox {
+
+ 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: "verdana", "Quicksand", "Signika", 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;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+
+ -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: #107758;
+ font-size: 0.9rem;
+ white-space: nowrap;
+ width: 20%;
+ padding-top: 10px;
+
+ }
+
+ .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", "verdana", "Quicksand", "Signika";
+ 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-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+
+ z-index: 10;
+ min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+
+ width: 100%;
+ 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;
+
+ }
+
+ .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;
+ 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 {
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ 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: "verdana", "Quicksand", "Signika", 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%;
+
+ /* 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 {
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+
+ width: 96%;
+ left: 2%;
+ top: 500px;
+ }
+
+ .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: 136px;*/
+
+ width: 100%;
+ float: left;
+ width: 95%;
+ height: 300px;
+ left: 2.5%;
+ }
+
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ left: 0px;
+
+
+ /* Beige */
+
+ background: #f3f4fb;
+ z-index: -1;
+
+ }
+
+
+ .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;
+ 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;
+ 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;
+ 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 {
+
+ height: 367px;
+ margin-top: 4rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .title_desc_header {
+ width: 100%;
+ float: left;
+ height: 150px;
+ }
+
+ .title1 {
+ width: 100%;
+ text-align: center;
+ height: 120px;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 54px;
+ letter-spacing: 1px;
+ color: #0A043C;
+ flex: none;
+ flex-grow: 0;
+ 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: 60px;
+
+ /* 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;
+
+ border: 1px solid #E2E9FB;
+ border-radius: 60px;
+
+ }
+
+ .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 */
+
+
+ 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;
+
+
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ width: 30%;
+
+ }
+
+ .search_bar_rectangle {
+ width: 1px;
+ height: 60px;
+
+ 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 */
+
+ 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 */
+
+ 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 */
+
+ 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;
+
+ 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;
+
+ }
+
+ .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;
+
+
+ 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%;
+
+ left: 0px;
+
+ 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 {
+
+ 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: 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 {
+ 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 {
+ 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_publication_v2 {
+ /* 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: #53B7EB;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-size: 12px;
+ font-weight: 600;
+
+ text-decoration: none;
+ -webkit-animation: glowing 1500ms 4;
+ -moz-animation: glowing 1500ms 4;
+ -o-animation: glowing 1500ms 4;
+ animation: glowing 1500ms 4;
+
+ }
+
+ @-webkit-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @-moz-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @-o-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+
+
+ .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;
+ }
+
+ .block_newletter {
+ font-size: 18px;
+ font-weight: 400;
+ width: 100%;
+ line-height: 15px;
+ margin-top: 20px;
+ }
+
+ .block_newletter_email {
+ width: 80%;
+ float: left;
+
+ }
+
+ .block_newletter_bton_ok {
+ width: 20%;
+ float: left;
+ margin-top: 10px;
+ position: relative;
+ left: -5px;
+ }
+
+ .block_newletter_bton_bton_ok {
+ height: 3rem;
+ border: solid 1px black;
+ background: #0A043C;
+ color: white;
+ width: 80%;
+
+ }
+
+
+ .cta_recherche_img_search_loup {
+ width: 50%;
+ margin-right: -30px;
+ }
+
+
+ .block_formation {
+ flex: 1 1 200px;
+ display: flex;
+ flex-direction: column;
+ gap: 40px;
+
+ background-color: rgba(253, 246, 236, 0.1);
+ border-radius: 12px;
+ border: 1px solid #ecae49;
+ max-width: 400px;
+ box-sizing: border-box;
+ flex-grow: 1;
+ background: #FFF;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ border: 1px solid #E2E9FB
+ }
+
+ .block_display_flex_formation {
+ display: flex;
+ flex-direction: row;
+ gap: 15px;
+ width: 100%;
+ flex-wrap: wrap;
+ justify-content: left;
+ }
+
+
+ }
+
+ @media only screen and (min-width: 1200px) and (max-width: 1919px) {
+
+ .block_pagination {
+ width: 50%;
+ float: left;
+
+ }
+
+ .block_trier_par {
+ width: 40%;
+ float: right;
+ }
+
+ /* Ordi de bureau et grands ecrans*/
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: right;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", 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-width: 1px;
+ width: 100%;
+ padding: 0.5rem;
+
+ margin-bottom: 0.1rem;
+ font-size: small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: #FFF;
+ margin-left: 5px;
+
+ padding-left: 5px;
+ height: auto;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 75%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ background: #fff;
+
+ }
+
+ .rech_rightbox {
+
+ 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: "verdana", "Quicksand", "Signika", 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;
+
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+
+
+ -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: #107758;
+ font-size: 0.9rem;
+ white-space: nowrap;
+ width: 20%;
+ padding-top: 10px;
+
+ }
+
+ .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", "verdana", "Quicksand", "Signika";
+ border: 1px solid #C7C9CE;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .div_row2 {
+ float: left;
+
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+
+
+ z-index: 10;
+
+ }
+
+ .div_row_haut {
+ float: left;
+
+ width: 100%;
+
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ min-height: 100%;
+
+
+ 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;
+
+ }
+
+ .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;
+ }
+
+ .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;
+ 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 {
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ 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: "verdana", "Quicksand", "Signika", 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%;
+
+ /* 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 {
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+
+ width: 96%;
+ left: 2%;
+ top: 500px;
+ }
+
+ .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: 136px;*/
+
+ width: 100%;
+ float: left;
+ width: 95%;
+ height: 367px;
+ left: 5%;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 400px;
+ left: 0px;
+
+
+ /* Beige */
+
+ background: #f3f4fb;
+ z-index: -1;
+
+ }
+
+ .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;
+ 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;
+ 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 {
+
+ height: 367px;
+ margin-top: 5rem;
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .title_desc_header {
+ width: 100%;
+ float: left;
+ height: 150px;
+ }
+
+ .title1 {
+ width: 100%;
+ text-align: center;
+ height: 192px;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 50px;
+ line-height: 54px;
+ letter-spacing: 1px;
+ color: #0A043C;
+ flex: none;
+ flex-grow: 0;
+ 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: 60px;
+
+ /* 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;
+
+ border: 1px solid #E2E9FB;
+ border-radius: 60px;
+
+ }
+
+ .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 */
+
+
+ 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: 60px;
+
+ 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: 80%;
+ 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 */
+
+ 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 */
+
+
+ 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 */
+
+ 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;
+ 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;
+ }
+
+ .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;
+
+ 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%;
+
+ left: 0px;
+ top: 5650px;
+ 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 {
+ 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: 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;
+ }
+
+
+ .service1_img {
+
+ 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%;
+
+ 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 {
+
+ 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_publication_v2 {
+ /* 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: #53B7EB;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-weight: normal;
+ font-size: 14px;
+ text-decoration: none;
+ -webkit-animation: glowing 1500ms 4;
+ -moz-animation: glowing 1500ms 4;
+ -o-animation: glowing 1500ms 4;
+ animation: glowing 1500ms 4;
+
+ }
+
+ @-webkit-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @-moz-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @-o-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+
+
+ .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;
+ }
+
+ .block_newletter {
+ font-size: 18px;
+ font-weight: 400;
+ width: 100%;
+ line-height: 1px;
+ margin-top: 20px;
+ }
+
+ .block_newletter_email {
+ width: 80%;
+ float: left;
+
+ }
+
+ .block_newletter_bton_ok {
+ width: 20%;
+ float: left;
+ margin-top: 10px;
+ position: relative;
+ left: -5px;
+ }
+
+ .block_newletter_bton_bton_ok {
+ height: 3rem;
+ border: solid 1px black;
+ background: #0A043C;
+ color: white;
+ width: 80%;
+
+ }
+
+ .cta_recherche_img_search_loup {
+ width: 50%;
+ margin-right: -5px;
+ }
+
+ .block_formation {
+ flex: 1 1 300px;
+ display: flex;
+ flex-direction: column;
+ gap: 40px;
+
+ background-color: rgba(253, 246, 236, 0.1);
+ border-radius: 12px;
+ border: 1px solid #ecae49;
+ max-width: 400px;
+ box-sizing: border-box;
+ flex-grow: 1;
+ background: #FFF;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ border: 1px solid #E2E9FB
+ }
+
+ .block_display_flex_formation {
+ display: flex;
+ flex-direction: row;
+ gap: 20px;
+ width: 100%;
+ flex-wrap: wrap;
+ justify-content: left;
+ }
+
+
+ }
+
+ @media only screen and (min-width: 1920px) {
+ .block_pagination {
+ width: 50%;
+ float: left;
+
+ }
+
+ .block_trier_par {
+ width: 40%;
+ float: right;
+ }
+
+ .calage {
+ width: 2%;
+ }
+
+ /* Ordi de bureau et grands ecrans*/
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: right;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", 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-width: 1px;
+ width: 100%;
+
+ padding: 0.5rem;
+ border-radius: 1rem;
+ margin-bottom: 0.1rem;
+ font-size: small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 5px;
+ padding-left: 5px;
+ background: #FFF;
+ height: auto;
+ }
+
+ .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: #FFF;
+
+ }
+
+ .rech_rightbox {
+
+ 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: "verdana", "Quicksand", "Signika", 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;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+
+ -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: #107758;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ width: 20%;
+ padding-top: 10px;
+
+ }
+
+ .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", "verdana", "Quicksand", "Signika";
+ border: 1px solid #C7C9CE;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .div_row2 {
+ float: left;
+
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+
+
+ z-index: 10;
+ min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+
+ width: 100%;
+
+ 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;
+
+ }
+
+ .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;
+ 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 {
+
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+
+ 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: "verdana", "Quicksand", "Signika", 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;
+
+ }
+
+ .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%;
+
+
+ /* 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 {
+
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+
+ width: 96%;
+
+ left: 2%;
+ top: 500px;
+ }
+
+ .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: 136px;*/
+
+ width: 100%;
+ float: left;
+ width: 95%;
+ height: 367px;
+ left: 5%;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 400px;
+ left: 0px;
+
+
+ /* Beige */
+
+ background: #f3f4fb;
+ z-index: -1;
+
+ }
+
+ .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;
+
+ 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;
+
+ 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 {
+ height: 367px;
+ margin-top: 5rem;
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .title_desc_header {
+
+
+ width: 100%;
+ float: left;
+ height: 150px;
+ }
+
+ .title1 {
+
+ width: 100%;
+ text-align: center;
+ height: 192px;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 50px;
+ line-height: 54px;
+ letter-spacing: 1px;
+ color: #0A043C;
+ flex: none;
+ flex-grow: 0;
+ 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: 60px;
+
+ /* 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;
+
+ border: 1px solid #E2E9FB;
+ border-radius: 60px;
+
+ }
+
+ .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 */
+
+
+ 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: 60px;
+
+ 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: 80%;
+ 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 */
+
+ 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 */
+
+
+ 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 */
+
+ 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;
+
+ 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;
+
+ }
+
+ .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;
+
+ 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;
+ }
+
+ .jmj_pied_page {
+ position: relative;
+ width: 100%;
+ left: 0px;
+
+ 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 {
+ 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: 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;
+ }
+
+
+ .service1_img {
+
+ 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 {
+ 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_publication_v2 {
+ /* 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: #53B7EB;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-weight: normal;
+ font-size: 14px;
+ text-decoration: none;
+ -webkit-animation: glowing 1500ms 4;
+ -moz-animation: glowing 1500ms 4;
+ -o-animation: glowing 1500ms 4;
+ animation: glowing 1500ms 4;
+
+ }
+
+ @-webkit-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ -webkit-box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @-moz-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ -moz-box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @-o-keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+ @keyframes glowing {
+ 0% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+
+ 50% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 40px #FF0000;
+ }
+
+ 100% {
+ background-color: #53B7EB;
+ box-shadow: 0 0 3px #B20000;
+ }
+ }
+
+
+ .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;
+
+ }
+
+ .bton_menu_v2:hover {
+
+ letter-spacing: 3px;
+
+ }
+
+ .block_newletter {
+ font-size: 18px;
+ font-weight: 400;
+ width: 100%;
+ line-height: 15px;
+ margin-top: 20px;
+ }
+
+ .block_newletter_email {
+ width: 80%;
+ float: left;
+
+ }
+
+ .block_newletter_bton_ok {
+ width: 20%;
+ float: left;
+ margin-top: 10px;
+ position: relative;
+ left: -5px;
+ }
+
+ .block_newletter_bton_bton_ok {
+ height: 3rem;
+ border: solid 1px black;
+ background: #0A043C;
+ color: white;
+ width: 80%;
+
+ }
+
+ .cta_recherche_img_search_loup {
+ width: 50%;
+ margin-right: -5px;
+ }
+
+
+ .block_formation {
+ flex: 1 1 300px;
+ display: flex;
+ flex-direction: column;
+ gap: 40px;
+
+ background-color: rgba(253, 246, 236, 0.1);
+ border-radius: 12px;
+ border: 1px solid #ecae49;
+ max-width: 400px;
+ box-sizing: border-box;
+ flex-grow: 1;
+ background: #FFF;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ border: 1px solid #E2E9FB
+ }
+
+ .block_display_flex_formation {
+ display: flex;
+ flex-direction: row;
+ gap: 24px;
+ width: 100%;
+ flex-wrap: wrap;
+ justify-content: left;
+ }
+
+
+ }
+
+
+ /* end media */
+
+
+ .jmj_pied_page {
+ position: relative;
+ width: 100%;
+ left: 0px;
+ background: #FFF5DA;
+ z-index: -1;
+ }
+
+
+
+ .css-1v4ccyo {
+ height: 3rem !important;
+ }
+
+ .message_hili {
+ color: #619e31;
+ font-weight: bold;
+ opacity: 0.8;
+ background: transparent;
+
+ 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;
+
+ }
+
+ .bton_menu_v2:hover {
+
+ letter-spacing: 3px;
+
+ }
+
+
+
+}
+
+.header_img_logo22 {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+
+ 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;
+
+ 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: #107758;
+}
+
+.bQSvsY {
+ background: white !important;
+}
+
+.MuiMenu-paper {
+ border-radius: 10px !important;
+}
+
+.MuiListItem-button {
+ background: white !important;
+}
\ No newline at end of file
diff --git a/src/components/Jmj_Theme_ok.zip b/src/components/Jmj_Theme_ok.zip
new file mode 100644
index 0000000..893536f
Binary files /dev/null and b/src/components/Jmj_Theme_ok.zip differ
diff --git a/src/components/New_C_Formation_2025.js b/src/components/New_C_Formation_2025.js
index f9857b9..db7df73 100644
--- a/src/components/New_C_Formation_2025.js
+++ b/src/components/New_C_Formation_2025.js
@@ -1,7 +1,7 @@
import React, { useState, useEffect } from "react";
import { useHistory } from "react-router-dom";
-
+
import { useCookies } from "react-cookie";
import { confirmAlert } from 'react-confirm-alert';
diff --git a/src/components/UpdatePartnerInfo.js b/src/components/UpdatePartnerInfo.js
index 0904df4..8c2e98d 100644
--- a/src/components/UpdatePartnerInfo.js
+++ b/src/components/UpdatePartnerInfo.js
@@ -1,24 +1,22 @@
import React, { useState, useEffect, } from "react";
import { useForm } from "react-hook-form";
import { getCookie, setCookie } from 'react-use-cookie';
-import Box from '@mui/material/Box';
-import InputLabel from '@mui/material/InputLabel';
+
import InputAdornment from '@mui/material/InputAdornment';
-import FormControl from '@mui/material/FormControl';
+
import TextField from '@mui/material/TextField';
import AccountCircle from '@mui/icons-material/AccountCircle';
import PhoneIcon from '@mui/icons-material/Phone'
import EmailIcon from '@mui/icons-material/Email'
import LanguageIcon from '@mui/icons-material/Language';
import HomeIcon from '@mui/icons-material/Home'
-import { Button, Form, FormGroup, Label } from "reactstrap";
-import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
+import { Button } from "reactstrap";
+
import { useHistory } from "react-router-dom";
import TwitterIcon from '@mui/icons-material/Twitter';
import FacebookIcon from '@mui/icons-material/Facebook';
import LinkedInIcon from '@mui/icons-material/LinkedIn';
import axios from "axios";
-import { ConsoleView } from "react-device-detect";
import MenuItem from '@mui/material/MenuItem';
import Checkbox from '@mui/material/Checkbox';
import Partner_Securite_Data from "./Partner_Securite_Data";
@@ -30,7 +28,6 @@ import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
import { makeStyles } from "@material-ui/core/styles";
import { IconButton } from '@material-ui/core';
-import fileDownload from 'js-file-download';
import OpenInNewIcon from '@mui/icons-material/OpenInNew';
import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions';
@@ -38,10 +35,9 @@ import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle';
import ColorPicker from 'react-pick-color';
-import { gridClasses } from '@mui/x-data-grid';
+
import AttachFileIcon from '@mui/icons-material/AttachFile';
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
-import DeleteForeverIcon from '@mui/icons-material/DeleteForever';
import DownloadingIcon from '@mui/icons-material/Downloading';
import Popup from 'reactjs-popup';
@@ -135,6 +131,10 @@ function UpdateParnterInfo(props) {
//desablesecurtyInsertKeyfields();
getPartnerImages();
Get_List_Catalog_Public_Themes();
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
}, [])
@@ -385,7 +385,7 @@ function UpdateParnterInfo(props) {
if (mylocaltraining.adr_city) {
- setp_adr_street(mylocaltraining.adr_city);
+ setp_adr_city(mylocaltraining.adr_city);
}
diff --git a/src/components/marketplace_automatic_files/new_marketplace_2025.js b/src/components/marketplace_automatic_files/new_marketplace_2025.js
index 4d5accb..98a6fd5 100644
--- a/src/components/marketplace_automatic_files/new_marketplace_2025.js
+++ b/src/components/marketplace_automatic_files/new_marketplace_2025.js
@@ -2978,14 +2978,13 @@ const New_C_Marketplace_2025 = () => {
-
-
+
-
+
diff --git a/src/mysy_img2/img_jmj_modif.jpg b/src/mysy_img2/img_jmj_modif.jpg
new file mode 100644
index 0000000..11a1dc7
Binary files /dev/null and b/src/mysy_img2/img_jmj_modif.jpg differ
diff --git a/src/pages/jmjformation_catalogue_public.js b/src/pages/jmjformation_catalogue_public.js
index 355ebe1..456a9fd 100644
--- a/src/pages/jmjformation_catalogue_public.js
+++ b/src/pages/jmjformation_catalogue_public.js
@@ -1,17 +1,19 @@
-import Jmjformation_Catalogue_Public from "../components/Jmjformation_Catalogue_Public";
+import Jmjformation_Catalogue_Public from "../components/Jmj_Theme/Jmjformation_Catalogue_Public";
+import New_C_Footer_2025_V2 from "../components/footer_automatic_files/Layout";
const jmjformation_catalogue_public = () => {
return (
-
)
}
diff --git a/src/pages/new_p_marketplace_2025.js b/src/pages/new_p_marketplace_2025.js
index ac72be9..ecb073e 100644
--- a/src/pages/new_p_marketplace_2025.js
+++ b/src/pages/new_p_marketplace_2025.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React from "react";
import New_C_Footer_2025_V2 from "../components/footer_automatic_files/Layout";
import New_C_Header_2025_V2 from "../components/header_automatic_files/Header";
diff --git a/src/styles/components/_mon_catalogue_public.scss b/src/styles/components/_mon_catalogue_public.scss
index a88af5b..3235ff4 100644
--- a/src/styles/components/_mon_catalogue_public.scss
+++ b/src/styles/components/_mon_catalogue_public.scss
@@ -17,6 +17,8 @@
font-size: 0.1rem;
}
+
+
@media only screen and (max-width: 600px) {
.calage {
display: none;
@@ -392,7 +394,7 @@
background: transparent;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
- border: 1px solid #C7C9CE;
+ border: 1px solid #C7C9CE;
border-radius: 0.3rem !important;
width: 65%;
margin-top: 0.3rem;
@@ -928,7 +930,7 @@
.title2 {
position: absolute;
height: 35px;
- font-family: "Albert Sans";
+ font-family: 'DM Sans';
font-style: normal;
font-size: 14px;
line-height: 19px;
@@ -1239,7 +1241,7 @@
height: 24px;
letter-spacing: 1px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 800;
font-size: 18px;
@@ -2384,6 +2386,7 @@
width: 100%;
float: left;
text-align: center;
+ font-family: "DM Sans";
}
.title1_nom_model_2 {
@@ -2392,7 +2395,7 @@
text-align: center;
height: 150px;
- font-family: 'Albert Sans';
+ font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-size: 40px;
@@ -2506,7 +2509,7 @@
text-align: left;
// height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 22px !important;
@@ -2534,7 +2537,7 @@
text-align: left;
//height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 35px;
@@ -2900,7 +2903,7 @@
background: transparent;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
- border: 1px solid #C7C9CE;
+ border: 1px solid #C7C9CE;
border-radius: 0.3rem !important;
width: 65%;
margin-top: 0.3rem;
@@ -3786,7 +3789,7 @@
text-align: left;
// height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 34px;
@@ -3805,7 +3808,7 @@
flex: none;
order: 0;
flex-grow: 0;
- height: 100px;
+ // height: 100px;
}
.title1_text1 {
@@ -3813,7 +3816,7 @@
text-align: left;
height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 30px;
@@ -3840,7 +3843,7 @@
text-align: left;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@@ -4296,7 +4299,7 @@
height: 24px;
letter-spacing: 1px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 800;
font-size: 18px;
@@ -5702,12 +5705,14 @@
.bloc_logo_indic_contact_text {
text-align: left;
font-weight: 700;
+ font-family: "DM Sans";
}
.bloc_logo_indic_indic_text {
text-align: left;
font-weight: 700;
+ font-family: "DM Sans";
}
/*** Pour le modele 2 - MySy_Theme2 **/
@@ -5726,6 +5731,7 @@
width: 100%;
float: left;
text-align: center;
+ font-family: "DM Sans";
}
.title1_nom_model_2 {
@@ -5734,7 +5740,7 @@
text-align: center;
height: 150px;
- font-family: 'Albert Sans';
+ font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-size: 40px;
@@ -5841,6 +5847,68 @@
}
+ .jmj_block_header {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ width: 100%;
+ flex-wrap: wrap;
+ min-height: 100vh;
+ // padding: 2px;
+ }
+
+ .jmj_block_header_img {
+ padding: 2px;
+
+ // min-height: 500px;
+ background: #f3f4fb;
+ z-index: -2;
+ border: none;
+ padding-top: 15px;
+ margin-bottom: 1rem;
+ }
+
+ .jmj_header_gauche {
+ width: 70%;
+ float: left;
+ height: 400px;
+ }
+
+ .jmj_header_droite {
+ width: 25%;
+ float: left;
+ height: 400px;
+ }
+
+ .jmj_block_milieu {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ width: 100%;
+ flex-wrap: wrap;
+ margin: auto;
+ max-width: 1600px;
+ min-height: 100vh;
+ gap: 10px;
+ }
+
+
+ .jmj_block_footer {
+ margin-top: 15px;
+ min-height: 10rem;
+ }
+
+ .jmj_block_milieu_gauche {
+ padding: auto;
+ width: 100%;
+ margin-left: auto;
+ }
+
+ .jmj_block_milieu_droite {
+ margin: auto;
+ width: 100%;
+ }
+
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -7065,9 +7133,9 @@
.title1_nom {
width: 100%;
text-align: left;
- height: 192px;
+ // height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@@ -7091,9 +7159,9 @@
.title1_text1 {
width: 100%;
text-align: left;
- height: 192px;
+ height: 100%;
- font-family: 'Albert Sans';
+ font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 30px;
@@ -7120,7 +7188,7 @@
text-align: left;
height: 22px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-size: 20px;
@@ -7577,7 +7645,7 @@
// width: 92px;
height: 24px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@@ -8963,12 +9031,14 @@
.bloc_logo_indic_contact_text {
text-align: left;
font-weight: 700;
+ font-family: "DM Sans";
}
.bloc_logo_indic_indic_text {
text-align: left;
font-weight: 700;
+ font-family: "DM Sans";
}
/*** Pour le modele 2 - MySy_Theme2 **/
@@ -8987,6 +9057,7 @@
width: 100%;
float: left;
text-align: center;
+ font-family: "DM Sans";
}
.title1_nom_model_2 {
@@ -8994,7 +9065,7 @@
text-align: center;
height: 150px;
- font-family: 'Albert Sans';
+ font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-size: 40px;
@@ -9125,6 +9196,72 @@
}
+
+ .jmj_block_header {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ width: 100%;
+ flex-wrap: wrap;
+ min-height: 100vh;
+ // padding: 2px;
+ }
+
+ .jmj_block_header_img {
+ padding: 2px;
+
+ // min-height: 500px;
+ background: #f3f4fb;
+ z-index: -2;
+ border: none;
+ padding-top: 15px;
+ margin-bottom: 1rem;
+ }
+
+ .jmj_header_gauche {
+ width: 70%;
+ float: left;
+ height: 400px;
+ }
+
+ .jmj_header_droite {
+ width: 25%;
+ float: left;
+ height: 400px;
+ }
+
+ .jmj_block_milieu {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ width: 100%;
+ flex-wrap: wrap;
+ margin: auto;
+ max-width: 1600px;
+ min-height: 100vh;
+ gap: 10px;
+ }
+
+
+ .jmj_block_footer {
+ margin-top: 15px;
+ min-height: 10rem;
+ }
+
+ .jmj_block_milieu_gauche {
+ padding: auto;
+
+ width: 25%;
+ min-height: 100vh;
+ margin-left: auto;
+ }
+
+ .jmj_block_milieu_droite {
+ margin: auto;
+ width: 70%;
+ min-height: 100vh;
+
+ }
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
@@ -9462,7 +9599,7 @@
background: transparent;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
- border: 1px solid #C7C9CE;
+ border: 1px solid #C7C9CE;
border-radius: 0.3rem !important;
width: 65%;
margin-top: 0.3rem;
@@ -10351,9 +10488,9 @@
.title1_nom {
width: 90%;
text-align: left;
- height: 192px;
+ // height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@@ -10380,7 +10517,7 @@
text-align: left;
height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 30px;
@@ -10406,7 +10543,7 @@
text-align: left;
height: 22px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-size: 18px;
@@ -10861,7 +10998,7 @@
// width: 92px;
height: 24px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@@ -12250,12 +12387,14 @@
.bloc_logo_indic_contact_text {
text-align: left;
font-weight: 700;
+ font-family: "DM Sans";
}
.bloc_logo_indic_indic_text {
text-align: left;
font-weight: 700;
+ font-family: "DM Sans";
}
/*** Pour le modele 2 - MySy_Theme2 **/
@@ -12274,6 +12413,7 @@
width: 100%;
float: left;
text-align: center;
+ font-family: "DM Sans";
}
.title1_nom_model_2 {
@@ -12281,7 +12421,7 @@
text-align: center;
height: 150px;
- font-family: 'Albert Sans';
+ font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-size: 40px;
@@ -12401,7 +12541,7 @@
text-align: left;
height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 30px;
@@ -12435,6 +12575,72 @@
}
+
+ .jmj_block_header {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ width: 100%;
+ flex-wrap: wrap;
+ min-height: 100vh;
+ // padding: 2px;
+ }
+
+ .jmj_block_header_img {
+ padding: 2px;
+
+ // min-height: 500px;
+ background: #f3f4fb;
+ z-index: -2;
+ border: none;
+ padding-top: 15px;
+ margin-bottom: 1rem;
+ }
+
+ .jmj_header_gauche {
+ width: 70%;
+ float: left;
+ height: 400px;
+ }
+
+ .jmj_header_droite {
+ width: 25%;
+ float: left;
+ height: 400px;
+ }
+
+ .jmj_block_milieu {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ width: 100%;
+ flex-wrap: wrap;
+ margin: auto;
+ max-width: 1600px;
+ min-height: 100vh;
+ gap: 10px;
+ }
+
+
+ .jmj_block_footer {
+ margin-top: 15px;
+ min-height: 10rem;
+ }
+
+ .jmj_block_milieu_gauche {
+ padding: auto;
+
+ width: 20%;
+ min-height: 100vh;
+ margin-left: auto;
+ }
+
+ .jmj_block_milieu_droite {
+ margin: auto;
+ width: 70%;
+ min-height: 100vh;
+
+ }
}
@media only screen and (min-width: 1920px) {
@@ -12775,7 +12981,7 @@
background: transparent;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
- border: 1px solid #C7C9CE;
+ border: 1px solid #C7C9CE;
border-radius: 0.3rem !important;
width: 65%;
margin-top: 0.3rem;
@@ -13670,9 +13876,9 @@
.title1_nom {
width: 100%;
text-align: left;
- height: 192px;
+ // height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@@ -13698,7 +13904,7 @@
text-align: left;
height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 30px;
@@ -13724,7 +13930,7 @@
text-align: left;
height: 22px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-size: 18px;
@@ -14180,7 +14386,7 @@
// width: 92px;
height: 24px;
- font-family: 'Albert Sans';
+ font-family: 'DM Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@@ -15593,12 +15799,14 @@
.bloc_logo_indic_contact_text {
text-align: left;
font-weight: 700;
+ font-family: "DM Sans";
}
.bloc_logo_indic_indic_text {
text-align: left;
font-weight: 700;
+ font-family: "DM Sans";
}
/*** Pour le modele 2 - MySy_Theme2 **/
@@ -15617,6 +15825,7 @@
width: 100%;
float: left;
text-align: center;
+ font-family: "DM Sans";
}
.title1_nom_model_2 {
@@ -15624,7 +15833,7 @@
text-align: center;
height: 150px;
- font-family: 'Albert Sans';
+ font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-size: 40px;
@@ -15745,7 +15954,7 @@
text-align: left;
height: 192px;
- font-family: 'Albert Sans';
+ font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 30px;
@@ -15779,12 +15988,87 @@
float: left;
}
+
+ .jmj_block_header {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ width: 100%;
+ flex-wrap: wrap;
+ min-height: 100vh;
+ // padding: 2px;
+ }
+
+ .jmj_block_header_img {
+ padding: 2px;
+
+ // min-height: 500px;
+ background: #f3f4fb;
+ z-index: -2;
+ border: none;
+ padding-top: 15px;
+ margin-bottom: 1rem;
+ }
+
+ .jmj_header_gauche {
+ width: 70%;
+ float: left;
+ height: 400px;
+ }
+
+ .jmj_header_droite {
+ width: 25%;
+ float: left;
+ height: 400px;
+ }
+
+ .jmj_block_milieu {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ width: 100%;
+ flex-wrap: wrap;
+ margin: auto;
+ max-width: 1600px;
+ min-height: 100vh;
+ gap: 10px;
+ }
+
+
+ .jmj_block_footer {
+ margin-top: 15px;
+ min-height: 10rem;
+ }
+
+ .jmj_block_milieu_gauche {
+ padding: auto;
+
+ width: 20%;
+ min-height: 100vh;
+ margin-left: auto;
+ }
+
+ .jmj_block_milieu_droite {
+ margin: auto;
+ width: 70%;
+ min-height: 100vh;
+
+ }
}
// end media
+ .Partner_Catalog_Background_Header_jmj {
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+ z-index: -1;
+ position: absolute;
+ }
+
.message_hili {
color: #619e31;
font-weight: bold;
diff --git a/src/styles/components/_mon_intranet_public.scss b/src/styles/components/_mon_intranet_public.scss
index c2f744d..d86889f 100644
--- a/src/styles/components/_mon_intranet_public.scss
+++ b/src/styles/components/_mon_intranet_public.scss
@@ -397,7 +397,7 @@
background: transparent;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
- border: 1px solid #C7C9CE;
+ border: 1px solid #C7C9CE;
border-radius: 0.3rem !important;
width: 65%;
margin-top: 0.3rem;
@@ -878,6 +878,7 @@
left: 1%;
top: 900px;
}
+
.pieddepage_v2 {
position: relative;
width: 100%;
@@ -2426,9 +2427,9 @@
font-weight: 700;
}
- /*** Pour le modele 2 - MySy_Theme2 **/
+ /*** Pour le modele 2 - MySy_Theme2 **/
- .bloc_milieu_model_2 {
+ .bloc_milieu_model_2 {
min-height: 5rem;
width: 90%;
margin-left: 5%;
@@ -2453,7 +2454,7 @@
font-style: normal;
font-weight: 700;
font-size: 30px;
- // line-height: 54px;
+ // line-height: 54px;
/* or 107% */
letter-spacing: 1px;
@@ -2547,33 +2548,31 @@
font-weight: 700;
}
-
- .bloc_milieu_text_model_2_gauche{
+
+ .bloc_milieu_text_model_2_gauche {
width: 100%;
float: left;
}
- .bloc_milieu_text_model_2_centre{
+ .bloc_milieu_text_model_2_centre {
width: 100%;
float: left;
height: 250px;
}
- .bloc_milieu_text_model_2_droite{
+ .bloc_milieu_text_model_2_droite {
width: 100%;
float: right;
}
- .title1_text1_model_2 {
-
- }
+ .title1_text1_model_2 {}
.bloc_connexion_model_2 {
width: 100%;
float: left;
height: 70vh;
-
+
}
@@ -2921,7 +2920,7 @@
background: transparent;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
- border: 1px solid #C7C9CE;
+ border: 1px solid #C7C9CE;
border-radius: 0.3rem !important;
width: 65%;
margin-top: 0.3rem;
@@ -3841,7 +3840,7 @@
flex: none;
order: 0;
flex-grow: 0;
- height: 100px;
+ height: 100px;
}
.title1_text1 {
@@ -5742,136 +5741,134 @@
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;
- }
+ /*** 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;
- }
+ .bloc_milieu_text_model_2 {
+ width: 100%;
+ float: left;
+ text-align: center;
+ }
- .title1_nom_model_2 {
+ .title1_nom_model_2 {
- width: 100%;
- text-align: center;
- height: 150px;
+ 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% */
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 54px;
+ /* or 107% */
- letter-spacing: 1px;
+ letter-spacing: 1px;
- /* Deep Blue */
+ /* Deep Blue */
- color: #0A043C;
+ color: #0A043C;
- /* Inside auto layout */
+ /* Inside auto layout */
- flex: none;
- order: 0;
- flex-grow: 0;
- }
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
- .title2_model_2 {
-
- }
+ .title2_model_2 {}
- .bloc_img_milieu_gauche {
- display: none;
- }
+ .bloc_img_milieu_gauche {
+ display: none;
+ }
- .Partner_Catalog_Background_Header_model_2 {
- // position: absolute;
- width: 100%;
- height: 380px;
- left: 0px;
- top: 0px;
- }
+ .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_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;
+ }
}
- .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 */
@@ -8993,9 +8990,9 @@
font-weight: 700;
}
- /*** Pour le modele 2 - MySy_Theme2 **/
+ /*** Pour le modele 2 - MySy_Theme2 **/
- .bloc_milieu_model_2 {
+ .bloc_milieu_model_2 {
min-height: 5rem;
width: 90%;
margin-left: 5%;
@@ -9114,26 +9111,24 @@
font-weight: 700;
}
-
- .bloc_milieu_text_model_2_gauche{
+
+ .bloc_milieu_text_model_2_gauche {
width: 19%;
float: left;
}
- .bloc_milieu_text_model_2_centre{
+ .bloc_milieu_text_model_2_centre {
width: 60%;
float: left;
}
- .bloc_milieu_text_model_2_droite{
+ .bloc_milieu_text_model_2_droite {
width: 20%;
float: right;
}
- .title1_text1_model_2 {
-
- }
+ .title1_text1_model_2 {}
.bloc_connexion_model_2 {
width: 100%;
@@ -9480,7 +9475,7 @@
background: transparent;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
- border: 1px solid #C7C9CE;
+ border: 1px solid #C7C9CE;
border-radius: 0.3rem !important;
width: 65%;
margin-top: 0.3rem;
@@ -12270,9 +12265,9 @@
font-weight: 700;
}
- /*** Pour le modele 2 - MySy_Theme2 **/
+ /*** Pour le modele 2 - MySy_Theme2 **/
- .bloc_milieu_model_2 {
+ .bloc_milieu_model_2 {
min-height: 5rem;
width: 90%;
margin-left: 5%;
@@ -12391,24 +12386,24 @@
font-weight: 700;
}
-
- .bloc_milieu_text_model_2_gauche{
+
+ .bloc_milieu_text_model_2_gauche {
width: 19%;
float: left;
}
- .bloc_milieu_text_model_2_centre{
+ .bloc_milieu_text_model_2_centre {
width: 60%;
float: left;
}
- .bloc_milieu_text_model_2_droite{
+ .bloc_milieu_text_model_2_droite {
width: 20%;
float: right;
}
- .title1_text1_model_2 {
+ .title1_text1_model_2 {
width: 100%;
text-align: left;
height: 192px;
@@ -13355,6 +13350,10 @@
}
+
+
+
+
.Partner_Catalog_Background_Header {
// position: absolute;
width: 100%;
@@ -13362,11 +13361,11 @@
left: 0px;
top: 0px;
-
}
+
.Logo_MySy {
width: 108px;
height: 36px;
@@ -15721,25 +15720,25 @@
font-weight: 700;
}
-
- .bloc_milieu_text_model_2_gauche{
+
+ .bloc_milieu_text_model_2_gauche {
width: 19%;
float: left;
}
- .bloc_milieu_text_model_2_centre{
+ .bloc_milieu_text_model_2_centre {
width: 60%;
float: left;
}
- .bloc_milieu_text_model_2_droite{
+ .bloc_milieu_text_model_2_droite {
width: 20%;
float: right;
}
- .title1_text1_model_2 {
+ .title1_text1_model_2 {
width: 100%;
text-align: left;
height: 192px;
@@ -15773,12 +15772,18 @@
}
-
}
// end media
-
+ .Partner_Catalog_Background_Header_jmj {
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+ z-index: -1;
+ position: absolute;
+ }
.message_hili {
color: #619e31;