diff --git a/src/pages/recherche_new_v4.js b/src/pages/recherche_new_v4.js
new file mode 100644
index 0000000..663a025
--- /dev/null
+++ b/src/pages/recherche_new_v4.js
@@ -0,0 +1,21 @@
+import Recherche_new_v4 from "../components/Recherche_new_v4";
+import Navigation from "../components/Navigation";
+import Footer from "./footer";
+
+const recherche = () => {
+
+
+ return (
+
+
+ )
+}
+
+
+export default recherche;
diff --git a/src/styles/components/_crm_opportunite.scss b/src/styles/components/_crm_opportunite.scss
index 5e1927d..73da8ee 100644
--- a/src/styles/components/_crm_opportunite.scss
+++ b/src/styles/components/_crm_opportunite.scss
@@ -2190,7 +2190,6 @@
}
-
.mode_affichage {
width: 8%;
float: right;
diff --git a/src/styles/components/_displaydetailclass_new_v3.scss b/src/styles/components/_displaydetailclass_new_v3.scss
index 7884e42..094a5f4 100644
--- a/src/styles/components/_displaydetailclass_new_v3.scss
+++ b/src/styles/components/_displaydetailclass_new_v3.scss
@@ -366,7 +366,7 @@
.detail_element {
border-radius: 3px;
display: inline-block;
- width: 99%;
+
background-color: white;
height: auto;
padding: 10px;
@@ -379,6 +379,8 @@
margin-left: 0px;
margin-right: 0px;
+ width: 100%;
+ margin-top: 0.5rem;
}
.detail_element:hover {
@@ -420,30 +422,23 @@
.mob_img {
- position: absolute;
+ position: relative;
width: 100%;
max-height: 120px;
left: 0px;
- top: 90px;
+
}
.mob_block_content {
- /* Auto layout */
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- padding: 0px;
- gap: 16px;
-
- position: absolute;
- width: 327px;
- height: 116px;
- left: 20px;
- top: 200px;
+ position: relative;
+ width: 100%;
+ margin-top: 10px;
+ padding-bottom: 5px;
}
+
.mob_block_content_rating {
/* Auto layout */
@@ -465,15 +460,15 @@
flex-grow: 0;
margin-left: auto;
margin-right: auto;
+ margin-bottom: 10px;
}
.mob_block_content_title {
//width: 327px;
height: 78px;
- font-family: 'Albert Sans';
font-style: normal;
- font-weight: 700;
+ font-weight: 600;
font-size: 18px;
line-height: 22px;
@@ -487,15 +482,18 @@
flex: none;
order: 1;
flex-grow: 0;
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
+ margin-bottom: 15px;
}
.mob_price {
- position: absolute;
- width: 277px;
+ position: relative;
+ width: 100%;
height: 28px;
left: 24px;
- top: 330px;
+ margin-bottom: 15px;
+
font-family: 'Albert Sans';
font-style: normal;
@@ -515,24 +513,23 @@
.mob_tag_cpf {
/* Auto layout */
- display: flex;
- flex-direction: row;
- justify-content: flex-end;
- align-items: center;
+
padding: 5px;
gap: 10px;
- position: absolute;
+ position: relative;
//width: 80%;
- height: 37px;
- //right: 213px;
- top: 95px;
/* Beige */
background: #FFF5DA;
border-radius: 4px;
- margin-left: 5rem;
+ width: 100%;
+ text-align: center;
+ margin-bottom: 10px;
+ padding-top: 15px;
+ padding-bottom: 15px;
+
}
.mob_tag_cpf_txt {
@@ -563,62 +560,36 @@
}
.mob_cats {
- /* Auto layout */
-
- display: flex;
- flex-direction: column;
- align-items: flex-start;
padding: 0px;
- gap: 8px;
-
- position: absolute;
- width: 327px;
- height: 120px;
- left: 24px;
- top: 360px;
+ position: relative;
+ width: 100%;
+ margin-bottom: 15px;
}
.mob_cats_bton_inscr {
/* Auto layout */
cursor: pointer;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- padding: 10px;
- gap: 10px;
width: 80%;
margin-left: 10%;
-
- //width: 327px;
height: 36px;
-
- /* Green */
-
background: #20BFA9;
border-radius: 8px;
-
- /* Inside auto layout */
-
- flex: none;
- order: 0;
- align-self: stretch;
- flex-grow: 0;
+ text-align: center;
+ margin-bottom: 10px;
}
.mob_cats_bton_inscr_txt {
- width: 74px;
+ width: 100%;
height: 30px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
- font-weight: 600;
+ font-weight: 400;
font-size: 16px;
line-height: 30px;
/* identical to box height, or 188% */
- display: flex;
- align-items: center;
+
text-align: center;
/* White */
@@ -626,134 +597,59 @@
color: #FFFFFF;
- /* Inside auto layout */
- flex: none;
- order: 1;
- flex-grow: 0;
}
.mob_cats_bton_info {
/* Auto layout */
cursor: pointer;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- padding: 10px;
- gap: 10px;
border: solid 1px silver;
- //width: 327px;
height: 36px;
width: 80%;
margin-left: 10%;
border-radius: 8px;
-
- /* Inside auto layout */
-
- flex: none;
- order: 1;
- align-self: stretch;
- flex-grow: 0;
+ text-align: center;
}
.mob_cats_bton_info_txt {
- /* Voir les détails */
-
-
- //width: 202px;
- height: 30px;
-
- font-family: 'Albert Sans';
+ 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;
-
- /* Green */
-
color: #20BFA9;
-
-
- /* Inside auto layout */
-
- flex: none;
- order: 1;
- flex-grow: 0;
}
.mob_caracteristic {
- /* Auto layout */
-
- display: flex;
- flex-direction: column;
- align-items: flex-start;
padding: 0px;
gap: 16px;
-
- position: absolute;
- width: 90%;
- height: 183px;
+ position: relative;
+ width: 95%;
left: 24px;
- top: 449px;
}
.mob_caracteristic_title {
- /* Caractéristiques : */
-
-
width: 100%;
height: 24px;
-
- font-family: 'Albert Sans';
font-style: normal;
- font-weight: 800;
+ font-weight: 700;
font-size: 20px;
line-height: 24px;
- /* identical to box height */
-
- display: flex;
- align-items: center;
- font-feature-settings: 'liga' off;
-
- /* Deep Blue */
-
+ font-feature-settings: "liga" off;
color: #0A043C;
-
-
- /* Inside auto layout */
-
- flex: none;
- order: 0;
- flex-grow: 0;
+ text-align: left;
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
+ margin-bottom: 5px;
}
.mob_caracteristic_list {
- /* Auto layout */
-
- text-align: left;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
padding: 0px;
- gap: 12px;
width: 100%;
- height: 30px;
-
-
- /* Inside auto layout */
-
- flex: none;
- order: 1;
- flex-grow: 0;
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
}
.mob_caracteristic_list_title_desc {
@@ -778,13 +674,13 @@
}
.mob_caracteristic_list_title_desc_title {
- width: 50%;
+ width: 60%;
height: 19px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
- font-weight: 700;
- font-size: 16px;
+ font-weight: 400;
+ font-size: 14px;
line-height: 19px;
font-feature-settings: 'liga' off;
@@ -801,13 +697,13 @@
}
.mob_caracteristic_list_title_desc_desc {
- width: 50%;
+ width: 40%;
height: 19px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
font-weight: 400;
- font-size: 16px;
+ font-size: 14px;
line-height: 19px;
font-feature-settings: 'liga' off;
@@ -824,19 +720,11 @@
}
.mob_info_page {
- /* Auto layout */
- text-align: left;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
padding: 0px;
- gap: 24px;
-
- position: absolute;
+ position: relative;
width: 96%;
height: 1470px;
left: 2%;
- top: 750px;
}
@@ -890,75 +778,38 @@
}
.mob_info_page_title_desc_title {
- /* Description */
-
-
- width: 279px;
- height: 29px;
-
- font-family: 'Albert Sans';
+ width: 100%;
+ height: 30px;
+ font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-style: normal;
- font-weight: 700;
- font-size: 20px;
- line-height: 29px;
- /* identical to box height */
-
- font-feature-settings: 'liga' off;
-
- /* Blue */
-
- color: #3E6EE3;
-
-
- /* Inside auto layout */
-
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 30px;
+ font-feature-settings: "liga" off;
+ color: white;
flex: none;
+ flex-grow: 0;
order: 0;
align-self: stretch;
flex-grow: 0;
+ background-color: #4d4dff;
+ text-align: center;
}
.mob_info_page_title_desc_desc {
-
- width: 100%;
- //height: 192px;
-
- font-family: 'Albert Sans';
- font-style: normal;
- font-weight: 500;
- font-size: 14px;
- line-height: 20px;
- /* or 150% */
-
- font-feature-settings: 'liga' off;
-
- /* Bold Grey */
-
- color: #4B4B4B;
-
-
- /* Inside auto layout */
-
- flex: none;
- order: 1;
- align-self: stretch;
- flex-grow: 0;
+ max-height: 13rem;
+ min-height: 8rem;
+ overflow: auto;
+ padding: 10px;
+ font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
+ text-align: justify;
}
.mob_block_cross_sell_cat {
- /* Auto layout */
-
- display: flex;
- flex-direction: column;
- align-items: flex-start;
padding: 0px;
- gap: 40px;
-
- position: absolute;
+ position: relative;
width: 96%;
- //height: 1425px;
left: 2%;
- top: 3100px;
}
.mob_block_sous_cross_sell {
@@ -983,25 +834,13 @@
}
.mob_block_sous_cross_sell_title {
- //width: 327px;
- height: 114px;
-
- font-family: 'Albert Sans';
- font-style: normal;
- font-weight: 700;
- font-size: 25px;
- line-height: 38px;
-
- /* Black */
-
- color: #1E1E1E;
-
-
- /* Inside auto layout */
-
- flex: none;
- order: 0;
- flex-grow: 0;
+ height: 80px;
+ font-weight: 600;
+ text-align: center;
+ font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
+ font-size: 24px;
+ color: rgb(62, 110, 227);
+ line-height: 29px;
}
.mob_cross_sell_list_card {
@@ -1309,11 +1148,11 @@
padding: 0px;
gap: 16px;
- position: absolute;
+ position: relative;
width: 80px;
height: 16px;
left: 140px;
- top: 620px;
+ // top: 620px;
}
@@ -1349,26 +1188,23 @@
}
.mob_block_organisme_ftion {
- display: flex;
- flex-direction: column;
- align-items: center;
padding: 0px;
- gap: 4px;
- position: absolute;
- width: 190px;
+ position: relative;
+ width: 100%;
height: 42px;
- left: 100px;
- top: 670px;
+
+ text-align: center;
+ margin-top: 10px;
}
.mob_block_organisme_ftion_orga {
- width: 190px;
+ width: 100%;
height: 19px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-style: normal;
- font-weight: 700;
+ font-weight: 600;
font-size: 16px;
line-height: 19px;
font-feature-settings: 'liga' off;
@@ -1386,13 +1222,13 @@
}
.mob_block_organisme_ftion_link {
- width: 134px;
+ width: 100%;
height: 19px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-style: normal;
font-weight: 400;
- font-size: 16px;
+ font-size: 14px;
line-height: 19px;
text-decoration-line: underline;
font-feature-settings: 'liga' off;
@@ -1429,44 +1265,44 @@
}
.programme_block {
- max-height: 18rem;
- min-height: 10rem;
- overflow: auto;
- padding: 10px;
- font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
- }
-
- .description_block {
- max-height: 13rem;
min-height: 8rem;
overflow: auto;
padding: 10px;
- font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
+ font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
+ font-size: 14px;
+ }
+
+ .description_block {
+ min-height: 8rem;
+ overflow: auto;
+ padding: 10px;
+ font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
+ font-size: 14px;
}
.objectif_block {
- max-height: 11rem;
- min-height: 5rem;
+ min-height: 8rem;
overflow: auto;
padding: 10px;
- font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
+ font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
+ font-size: 14px;
}
.session_block {
- max-height: 10rem;
- min-height: 5rem;
+ min-height: 8rem;
overflow: auto;
padding: 10px;
- font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
+ font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
+ font-size: 14px;
}
.pourqui_block {
- max-height: 7rem;
- min-height: 5rem;
+ min-height: 8rem;
overflow: auto;
padding: 10px;
- font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
+ font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
+ font-size: 14px;
}
.sticky_div_hilight {
@@ -1497,7 +1333,7 @@
.img_hili {
- width: 100%;
+ max-width: 100%;
max-height: 100px;
height: 100px;
border-radius: 15px;
@@ -1853,6 +1689,7 @@
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
border: 0px solid;
width: 99%;
+ margin-top: 1rem;
margin-left: 0px;
}
@@ -1895,25 +1732,12 @@
.block_header_menu {
- /* Header Menu */
-
-
- /* Auto layout */
-
- display: flex;
- flex-direction: column;
- align-items: center;
- padding: 15px 15px;
+ padding: 22px 72px;
gap: 10px;
-
- position: absolute;
+ position: relative;
width: 100%;
height: 100px;
- //left: calc(50% - 1440px/2);
top: 0px;
-
- /* White */
-
background: #FFFFFF;
box-shadow: 0px 6px 8px rgba(30, 30, 30, 0.05);
}
@@ -2262,26 +2086,12 @@
}
.block_sous_header_tag {
- /* Auto layout */
-
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
padding: 10px;
- gap: 10px;
-
- position: absolute;
+ position: relative;
width: 200px;
height: 37px;
- //left: 180px;
- top: 110px;
-
- /* Beige */
-
background: #FFF5DA;
border-radius: 4px;
-
}
.block_sous_header_tag_cpf {
@@ -2315,45 +2125,17 @@
.block_sous_header_rate_title {
- /* Rates + Title */
-
- /* Auto layout */
-
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- padding: 0px;
- gap: 16px;
-
- position: absolute;
- width: 90%;
- height: 114px;
- left: 5%;
- // top: 30px;
+ position: relative;
+ width: 713px;
+ left: 80;
+ padding-top: 10px;
}
.rating {
- /* Stars */
-
-
- /* Auto layout */
-
- display: flex;
- flex-direction: row;
- align-items: flex-start;
padding: 0px;
- gap: 7.76px;
-
width: 147.53px;
- height: 22px;
-
-
- /* Inside auto layout */
-
- flex: none;
- order: 0;
- flex-grow: 0;
+ position: relative;
}
.sous_header_title {
@@ -2439,6 +2221,7 @@
flex: none;
order: 0;
flex-grow: 0;
+ font-size: 14px;
//max-height: 25rem;
//min-height: 20rem;
//overflow: hidden;
@@ -2481,20 +2264,17 @@
width: 100%;
- height: 29px;
+ height: 40px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
- font-weight: 600;
+ font-weight: 500;
font-size: 20px;
line-height: 29px;
/* identical to box height */
font-feature-settings: 'liga' off;
- /* Blue */
-
- color: #3E6EE3;
/* Inside auto layout */
@@ -2503,6 +2283,13 @@
order: 0;
align-self: stretch;
flex-grow: 0;
+
+ background-color: #4d4dff;
+ text-align: center;
+ color: white;
+ font-size: 20px;
+
+
}
.block_info_page_pave_title_desc_desc {
@@ -2591,9 +2378,9 @@
}
.block_sticky_info_price {
- // position: absolute;
+ // position: absolute;
width: 277px;
- height: 38px;
+ height: 50px;
//left: 965px;
//top: 220px;
@@ -2605,6 +2392,7 @@
display: flex;
align-items: center;
font-feature-settings: 'liga' off;
+ padding-left: 2px;
/* Deep Blue */
@@ -2613,7 +2401,7 @@
}
.block_sticky_info_img {
- // position: absolute;
+ // position: absolute;
//width: 293px;
//height: 164px;
//left: 957px;
@@ -2631,13 +2419,14 @@
align-items: flex-start;
padding: 0px;
gap: 16px;
+ padding-left: 2px;
+
+ // position: absolute;
+ width: 100%;
- // position: absolute;
- width: 90%;
- left: 5%;
//height: 183px;
//left: 973px;
- // top: 390px;
+ // top: 390px;
}
.block_sticky_info_caracteristique_title {
@@ -2647,10 +2436,10 @@
width: 90%;
height: 24px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
font-weight: 800;
- font-size: 18px;
+ font-size: 16px;
line-height: 24px;
/* identical to box height */
@@ -2680,8 +2469,7 @@
padding: 0px;
gap: 12px;
- width: 90%;
- left: 5%;
+ width: 100%;
height: 143px;
@@ -2717,9 +2505,9 @@
width: 50%;
height: 19px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
- font-weight: 700;
+ font-weight: 400;
font-size: 14px;
line-height: 19px;
font-feature-settings: 'liga' off;
@@ -2883,11 +2671,11 @@
padding: 0px;
gap: 8px;
- // position: absolute;
- width: 90%;
+ // position: absolute;
+ width: 100%;
height: 120px;
- // top: 280px;
- margin-left: 5%;
+ // top: 280px;
+
}
.sticky_cats_buton_inscrire {
@@ -3040,7 +2828,7 @@
padding: 0px;
gap: 16px;
- // position: absolute;
+ // position: absolute;
//width: 80px;
height: 16px;
//left: 965px;
@@ -3102,12 +2890,12 @@
padding: 0px;
gap: 4px;
- // position: absolute;
+ // position: absolute;
width: 100%;
text-align: center;
height: 42px;
// left: 965px;
- // top: 620px;
+ // top: 620px;
}
.sticky_organisme_title_desc_title {
@@ -3355,7 +3143,7 @@
padding: 0px;
gap: 8px;
- width: 95%;
+ width: 100%;
height: 131px;
@@ -3476,7 +3264,7 @@
padding: 5px 5px;
gap: 10px;
- width: 90%;
+ width: 100%;
height: 56px;
/* Deep Blue */
@@ -3546,13 +3334,15 @@
flex-direction: column;
align-items: flex-start;
padding: 0px;
- position: absolute;
+ position: relative;
width: 99%;
display: flex;
flex-direction: column;
align-items: flex-start;
- top: 750px;
+ // top: 750px;
gap: 1rem;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
}
@@ -3564,9 +3354,10 @@
.img_hili {
- width: 100%;
+ // width: 100%;
max-height: 170px;
border-radius: 15px;
+ max-width: 100%;
}
.discounted_price {
@@ -3590,6 +3381,19 @@
font-size: medium;
}
+ .block_stick_v2_092024 {
+ margin-left: 2%;
+ background-color: white;
+ min-height: 45rem;
+ border-radius: 15px;
+ margin-bottom: 2rem;
+ position: relative;
+ top: -2rem;
+ width: 96%;
+ z-index: 50;
+ }
+
+
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -3912,7 +3716,8 @@
background-color: white;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
border: 0px solid;
- width: 95%;
+ width: 100%;
+ margin-top: 1rem;
margin-left: 0px;
margin-left: 0px;
margin-right: 0px;
@@ -3957,18 +3762,11 @@
.block_header_menu {
- /* Header Menu */
-
- /* Auto layout */
-
- display: flex;
- flex-direction: column;
- align-items: center;
padding: 20px 10px;
gap: 10px;
- position: absolute;
+ position: relative;
width: 100%;
height: 100px;
//left: calc(50% - 1440px/2);
@@ -4323,26 +4121,12 @@
}
.block_sous_header_tag {
- /* Auto layout */
-
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
padding: 10px;
- gap: 10px;
-
- position: absolute;
+ position: relative;
width: 200px;
height: 37px;
- //left: 180px;
- top: 110px;
-
- /* Beige */
-
background: #FFF5DA;
border-radius: 4px;
-
}
.block_sous_header_tag_cpf {
@@ -4376,45 +4160,16 @@
.block_sous_header_rate_title {
- /* Rates + Title */
-
-
- /* Auto layout */
-
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- padding: 0px;
- gap: 16px;
-
- position: absolute;
+ position: relative;
width: 713px;
- height: 114px;
- left: 180px;
- //top: 30px;
+ left: 100px;
+ padding-top: 10px;
}
.rating {
- /* Stars */
-
-
- /* Auto layout */
-
- display: flex;
- flex-direction: row;
- align-items: flex-start;
padding: 0px;
- gap: 7.76px;
-
width: 147.53px;
- height: 22px;
-
-
- /* Inside auto layout */
-
- flex: none;
- order: 0;
- flex-grow: 0;
+ position: relative;
}
.sous_header_title {
@@ -4500,6 +4255,7 @@
flex: none;
order: 0;
flex-grow: 0;
+ font-size: 16px;
// max-height: 15rem;
//min-height: 15rem;
//overflow: hidden;
@@ -4542,20 +4298,20 @@
width: 100%;
- height: 29px;
+ height: 40px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
- font-weight: 700;
- font-size: 24px;
- line-height: 29px;
+ font-weight: 500;
+ font-size: 20px;
+ line-height: 40px;
/* identical to box height */
font-feature-settings: 'liga' off;
/* Blue */
- color: #3E6EE3;
+ color: white;
/* Inside auto layout */
@@ -4564,6 +4320,8 @@
order: 0;
align-self: stretch;
flex-grow: 0;
+ background-color: #4d4dff;
+ text-align: center;
}
.block_info_page_pave_title_desc_desc {
@@ -4652,9 +4410,9 @@
}
.block_sticky_info_price {
- // position: absolute;
+ // position: absolute;
width: 277px;
- height: 38px;
+ height: 50px;
//left: 965px;
//top: 220px;
@@ -4666,6 +4424,7 @@
display: flex;
align-items: center;
font-feature-settings: 'liga' off;
+ padding-left: 2px;
/* Deep Blue */
@@ -4674,9 +4433,9 @@
}
.block_sticky_info_img {
- // position: absolute;
+ // position: absolute;
//width: 293px;
- // height: 164px;
+ // height: 164px;
//left: 957px;
//top: 168px;
@@ -4692,13 +4451,14 @@
align-items: flex-start;
padding: 0px;
gap: 16px;
+ padding-left: 2px;
- // position: absolute;
+ // position: absolute;
width: 90%;
left: 5%;
//height: 183px;
//left: 973px;
- // top: 390px;
+ // top: 390px;
}
.block_sticky_info_caracteristique_title {
@@ -4708,7 +4468,7 @@
width: 90%;
height: 24px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
font-weight: 800;
font-size: 18px;
@@ -4778,9 +4538,9 @@
width: 50%;
height: 19px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
- font-weight: 700;
+ font-weight: 400;
font-size: 14px;
line-height: 19px;
font-feature-settings: 'liga' off;
@@ -4944,11 +4704,11 @@
padding: 0px;
gap: 8px;
- // position: absolute;
+ // position: absolute;
width: 90%;
height: 120px;
- // top: 280px;
- margin-left: 5%;
+ // top: 280px;
+ margin-left: 5%;
}
.sticky_cats_buton_inscrire {
@@ -5105,7 +4865,7 @@
//width: 80px;
height: 16px;
//left: 965px;
- // top: 670px;
+ // top: 670px;
left: 35%;
height: 50px;
}
@@ -5163,12 +4923,12 @@
padding: 0px;
gap: 4px;
- // position: absolute;
+ // position: absolute;
width: 100%;
text-align: center;
height: 42px;
// left: 965px;
- // top: 620px;
+ // top: 620px;
}
.sticky_organisme_title_desc_title {
@@ -5416,7 +5176,7 @@
padding: 0px;
gap: 8px;
- width: 95%;
+ width: 100%;
height: 131px;
@@ -5427,7 +5187,7 @@
flex-grow: 0;
z-index: 2;
position: relative;
- top: -30px;
+ top: -40px;
}
.sous_crossell_list_card_card_content_rating {
@@ -5606,13 +5366,15 @@
flex-direction: column;
align-items: flex-start;
padding: 0px;
- position: absolute;
+ position: relative;
width: 99%;
display: flex;
flex-direction: column;
align-items: flex-start;
- top: 750px;
+ //top: 750px;
gap: 1rem;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
}
@@ -5624,9 +5386,10 @@
.img_hili {
- width: 100%;
+ // width: 100%;
max-height: 170px;
border-radius: 15px;
+ max-width: 100%;
}
.discounted_price {
@@ -5650,6 +5413,19 @@
font-size: medium;
}
+ .block_stick_v2_092024 {
+ margin-left: 10%;
+ background-color: white;
+ min-height: 45rem;
+ border-radius: 15px;
+ margin-bottom: 2rem;
+ position: relative;
+ top: -2rem;
+ width: 80%;
+ z-index: 50;
+ }
+
+
}
@media only screen and (min-width: 1200px) {
@@ -5970,7 +5746,8 @@
background-color: white;
//box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
border: 0px solid;
- width: 95%;
+ width: 100%;
+ margin-top: 1rem;
margin-left: 0px;
margin-right: 0px;
}
@@ -6034,18 +5811,11 @@
}
.block_header_menu {
- /* Header Menu */
-
- /* Auto layout */
-
- display: flex;
- flex-direction: column;
- align-items: center;
padding: 22px 72px;
gap: 10px;
- position: absolute;
+ position: relative;
width: 100%;
height: 100px;
//left: calc(50% - 1440px/2);
@@ -6400,23 +6170,10 @@
}
.block_sous_header_tag {
- /* Auto layout */
-
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
padding: 10px;
- gap: 10px;
-
- position: absolute;
+ position: relative;
width: 200px;
height: 37px;
- //left: 180px;
- top: 110px;
-
- /* Beige */
-
background: #FFF5DA;
border-radius: 4px;
@@ -6453,45 +6210,17 @@
.block_sous_header_rate_title {
- /* Rates + Title */
-
- /* Auto layout */
-
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- padding: 0px;
- gap: 16px;
-
- position: absolute;
+ position: relative;
width: 713px;
- height: 114px;
left: 180px;
- // top: 30px;
+ padding-top: 10px;
}
.rating {
- /* Stars */
-
-
- /* Auto layout */
-
- display: flex;
- flex-direction: row;
- align-items: flex-start;
padding: 0px;
- gap: 7.76px;
-
width: 147.53px;
- height: 22px;
-
-
- /* Inside auto layout */
-
- flex: none;
- order: 0;
- flex-grow: 0;
+ position: relative;
}
.sous_header_title {
@@ -6577,6 +6306,7 @@
flex: none;
order: 0;
flex-grow: 0;
+ font-size: 16px;
//max-height: 15rem;
//min-height: 15rem;
//overflow: hidden;
@@ -6619,20 +6349,19 @@
width: 100%;
- height: 29px;
+ height: 40px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
- font-weight: 700;
- font-size: 24px;
- line-height: 29px;
+ font-weight: 500;
+ font-size: 20px;
+ line-height: 40px;
/* identical to box height */
font-feature-settings: 'liga' off;
- /* Blue */
- color: #3E6EE3;
+ color: white;
/* Inside auto layout */
@@ -6641,6 +6370,9 @@
order: 0;
align-self: stretch;
flex-grow: 0;
+
+ background-color: #4d4dff;
+ text-align: center;
}
.block_info_page_pave_title_desc_desc {
@@ -6731,11 +6463,11 @@
}
.block_sticky_info_price {
- // position: absolute;
+ // position: absolute;
width: 277px;
- height: 38px;
+ height: 50px;
//left: 965px;
- // top: 220px;
+ // top: 220px;
font-family: 'Albert Sans';
font-style: normal;
@@ -6745,6 +6477,7 @@
display: flex;
align-items: center;
font-feature-settings: 'liga' off;
+ padding-left: 5px;
/* Deep Blue */
@@ -6753,9 +6486,9 @@
}
.block_sticky_info_img {
- // position: absolute;
+ // position: absolute;
//width: 293px;
- // height: 164px;
+ // height: 164px;
//left: 957px;
//top: 168px;
@@ -6772,12 +6505,13 @@
padding: 0px;
gap: 16px;
- // position: absolute;
+ // position: absolute;
width: 90%;
left: 5%;
+ padding-left: 5px;
//height: 183px;
//left: 973px;
- // top: 390px;
+ // top: 390px;
}
.block_sticky_info_caracteristique_title {
@@ -6787,7 +6521,7 @@
width: 90%;
height: 24px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
font-weight: 800;
font-size: 18px;
@@ -6857,9 +6591,9 @@
width: 50%;
height: 19px;
- font-family: 'Albert Sans';
+ font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
- font-weight: 700;
+ font-weight: 400;
font-size: 14px;
line-height: 19px;
font-feature-settings: 'liga' off;
@@ -7023,11 +6757,11 @@
padding: 0px;
gap: 8px;
- // position: absolute;
+ // position: absolute;
width: 90%;
height: 120px;
- // top: 280px;
- margin-left: 5%;
+ // top: 280px;
+ margin-left: 5%;
}
.sticky_cats_buton_inscrire {
@@ -7180,11 +6914,11 @@
padding: 0px;
gap: 16px;
- // position: absolute;
+ // position: absolute;
//width: 80px;
height: 16px;
//left: 965px;
- // top: 620px;
+ // top: 620px;
left: 35%;
height: 50px;
}
@@ -7242,12 +6976,12 @@
padding: 0px;
gap: 4px;
- // position: absolute;
+ // position: absolute;
width: 100%;
text-align: center;
height: 42px;
// left: 965px;
- // top: 650px;
+ // top: 650px;
}
.sticky_organisme_title_desc_title {
@@ -7498,7 +7232,7 @@
padding: 0px;
gap: 8px;
- width: 90%;
+ width: 100%;
height: 131px;
@@ -7509,7 +7243,7 @@
flex-grow: 0;
z-index: 2;
position: relative;
- top: -30px;
+ top: -50px;
}
.sous_crossell_list_card_card_content_rating {
@@ -7690,13 +7424,15 @@
flex-direction: column;
align-items: flex-start;
padding: 0px;
- position: absolute;
+ position: relative;
width: 99%;
display: flex;
flex-direction: column;
align-items: flex-start;
- top: 750px;
+ // top: 750px;
gap: 1rem;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
}
@@ -7708,7 +7444,7 @@
.img_hili {
- width: 100%;
+ // width: 100%;
max-height: 170px;
border-radius: 15px;
}
@@ -7734,6 +7470,19 @@
font-size: medium;
}
+
+
+ .block_stick_v2_092024 {
+ margin-left: 10%;
+ background-color: white;
+ min-height: 45rem;
+ border-radius: 15px;
+ margin-bottom: 2rem;
+ position: relative;
+ top: -2rem;
+ width: 80%;
+ z-index: 50;
+ }
}
// end media
diff --git a/src/styles/components/_mon_catalogue_public.scss b/src/styles/components/_mon_catalogue_public.scss
index 734128f..50883ba 100644
--- a/src/styles/components/_mon_catalogue_public.scss
+++ b/src/styles/components/_mon_catalogue_public.scss
@@ -3208,7 +3208,7 @@
left: 0px;
top: 0px;
- }
+ }
.Logo_MySy {
@@ -6493,6 +6493,61 @@
flex-grow: 0;
}
+ .title1 {
+ width: 60%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 44px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+
+ .title1_text1 {
+ width: 60%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 30px;
+ line-height: 44px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
.title2 {
width: 60%;
text-align: left;
@@ -6501,7 +6556,7 @@
font-family: 'Albert Sans';
font-style: normal;
font-weight: 500;
- font-size: 18px;
+ font-size: 20px;
line-height: 22px;
/* identical to box height */
@@ -9467,6 +9522,60 @@
flex-grow: 0;
}
+
+ .title1_nom {
+ width: 90%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 54px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+ .title1_text1 {
+ width: 90%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 30px;
+ line-height: 54px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
.title2 {
width: 90%;
text-align: left;
@@ -12456,6 +12565,58 @@
flex-grow: 0;
}
+ .title1_nom {
+ width: 100%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 54px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .title1_text1 {
+ width: 100%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 30px;
+ line-height: 54px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
.title2 {
width: 100%;
text-align: left;
diff --git a/src/styles/components/_reherche_new_v4.scss b/src/styles/components/_reherche_new_v4.scss
new file mode 100644
index 0000000..63c82c5
--- /dev/null
+++ b/src/styles/components/_reherche_new_v4.scss
@@ -0,0 +1,14557 @@
+.reherche_new_v4 {
+
+ .css-1nmdiq5-menu {
+ background: transparent !important;
+ color: white !important;
+ z-index: 999;
+ }
+
+ .css-qbdosj-Input {
+ background: transparent !important;
+ }
+
+
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ @media only screen and (max-width: 600px) {
+ .calage {
+ display: none;
+ }
+
+ /*style smartphones et petites tablettes en portrait*/
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: small;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ margin-top: 0.5rem;
+ }
+
+ input::placeholder {
+ font-size: 0.7rem;
+ color: black;
+ }
+
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: left;
+ text-align: left;
+ font-family: "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;
+ //margin-top: 1rem;
+ }
+
+ .rech_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 2px;
+ border-radius: 30px;
+ }
+
+ .rech_leftbox {
+ float: left;
+ border-width: 1px;
+ width: 98%;
+ //height: 100%;
+ margin: auto;
+ padding: 0.3rem;
+ //border-radius: 1rem;
+
+ margin-bottom: 0.1rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 1%;
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ margin-top: 0.5rem;
+ margin-right: auto;
+ margin-bottom: 10px;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ //background-color: #f8f9f9;
+ }
+
+ .rech_rightbox {
+ display: none;
+ }
+
+ .textsurimage {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ font-size: 1.5rem;
+ text-align: center;
+ position: absolute;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ position: re;
+ }
+
+ .rech_list_formation2 {
+ display: inline-block;
+ width: 100%;
+ background-color: white;
+ height: auto;
+ padding: 1px;
+ outline: 1px solid #ccc;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
+
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ }
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ input[type="submit"] {
+ width: 100%;
+ margin-top: 0;
+ }
+
+ h3 {
+ font-size: 1rem;
+ }
+
+ .form {
+ position: relative;
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem;
+ font-family: "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;
+ //border-left: 0.2rem solid #d1d5db;
+ height: 1.9rem;
+ margin-top: 5px;
+ }
+
+ form svg {
+ margin-top: 0.6rem !important;
+ cursor: pointer;
+ }
+
+ .ch_form_svg {
+ svg {
+ margin-top: 0rem !important;
+ }
+ }
+
+ .form span_clear {
+ position: absolute;
+ right: 1.5rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid #d1d5db !important;
+ height: 1.9rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .left-pan {
+ padding-left: 7rem;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .form-input {
+ border-radius: 5px;
+ height: 3rem;
+ font-size: medium;
+ padding-bottom: 0.1rem;
+ padding-top: 0.1rem;
+ border: none;
+ box-shadow: 16px 16px 48px rgba(30, 30, 30, 0.08);
+ width: 90%;
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 50%;
+ }
+
+ .filter_span {
+ padding-top: 0.3rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ color: #104277;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ width: 30%;
+ margin-top: 0.3rem;
+ }
+
+ .filter_val {
+ padding-top: 0.1rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ border: none;
+ background: transparent;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ border: 0.1rem solid black;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ position: fixed;
+ z-index: 10;
+ top: 0px;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ z-index: 10;
+ background-color: #e7f3fb;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+
+ //border-bottom-left-radius: 25px;
+ //border-bottom-right-radius: 25px;
+ }
+
+ .div_mobile {
+ position: relative;
+ top: 8rem;
+ z-index: 1;
+ width: 98%;
+ height: 100%;
+ margin: 0.3rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ color: white !important;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 20%;
+ float: right;
+ font-weight: 500;
+ cursor: pointer;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ font-weight: bold;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.2rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ width: 50%;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_003 {
+ display: none;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin-bottom: 0.2rem;
+ margin-top: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ color: black !important;
+ height: 4rem;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 0.85rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .hilightsoustitre_v2 {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ }
+
+ .hilightsoustitre_v2_metier {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ }
+
+ .tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .tab_gauche_metier {
+ width: 20%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite_metier {
+ width: 20%;
+ float: right;
+ text-align: right;
+ }
+
+ .img_thematique_metier {
+ display: block;
+ border-radius: 10rem;
+ max-width: 360px;
+ }
+
+ .met_polaroid_gauche {
+ width: 97%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 2px;
+ }
+
+ .met_polaroid_droite {
+ width: 97%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ margin-left: 3%;
+ border-radius: 2px;
+ }
+
+ .met_container {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ font-weight: bold;
+ }
+
+ .met_text {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ white-space: nowrap;
+ overflow: hidden;
+ font-weight: bold;
+ }
+
+ .met_text_larg {
+ margin-bottom: 0.1rem;
+ font-size: xx-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .met_text_all_categories {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ margin-top: 1rem;
+ }
+
+ .met_container_all_categories {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ height: 4rem;
+ }
+
+ .met_polaroid_gauche_all_categories {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .tab_gauche_all_categories {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+ .img_categorie {
+ width: 100%;
+ border-top-right-radius: 2px;
+ border-radius: 2px;
+ padding: 5px;
+ }
+
+ .met_polaroid,
+ .met_polaroid_line2 {
+ display: none;
+ }
+
+ .bienvenu {
+ display: none;
+ }
+
+ .new_filter_zone {
+ float: left;
+ width: 35%;
+ display: flex;
+ align-items: center;
+ font-size: smaller;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ }
+
+ .new_filter_zone_cerif_radio {
+ width: 30%;
+ float: left;
+ text-align: right;
+ font-size: smaller;
+ }
+
+ .new_filter_zone_cerif_radio_right {
+ //width: 30%;
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ //width: 30%;
+ float: left;
+ text-align: center;
+ font-size: small;
+ padding-right: 15px;
+ padding-left: 2px;
+ min-width: 30%;
+ }
+
+ .range_prix_mobile {
+ margin-left: 1rem;
+ }
+
+ .new_filter_zone_row {
+ margin-bottom: 0.7rem !important;
+ width: 100%;
+ padding-right: 5px;
+ }
+
+ .tick_ok_ko {
+ max-width: 50%;
+ margin-top: 8px;
+ }
+
+ .tab_logo_metier {
+ width: 100%;
+ padding-left: 5px;
+ }
+
+ .tab_critere_espace {
+ margin-bottom: 1rem;
+ padding-bottom: 0rem;
+ width: 100%;
+ }
+
+ // 07/01/23
+ .Background_Header {
+ /* Background Header */
+
+
+ position: absolute;
+ width: 100%;
+ height: 350px;
+ left: 0px;
+ top: 0px;
+
+ /* Beige */
+
+ // background: #FFF5DA;
+ background: linear-gradient(#e66465, #9198e5);
+ }
+
+ .Menu_Header {
+ display: none;
+ }
+
+ .block_nos_service {
+ position: absolute;
+ width: 100%;
+ height: 100px;
+ left: 0px;
+ top: 474px;
+
+ /* White */
+
+ background: #FFFFFF;
+
+ display: none;
+
+ }
+
+ .logo {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ position: absolute;
+ width: 108px;
+ height: 52px;
+ left: 150px;
+ top: 30px;
+ }
+
+
+ .Logo_MySy {
+ width: 108px;
+ height: 36px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .title_desc_header {
+ position: absolute;
+ width: 95%;
+ height: 120px;
+ //left: 24px;
+ top: 100px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 30px;
+ line-height: 40px;
+ /* or 125% */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+ }
+
+ .block_nos_formation {
+ /* Formations & Tutoriels */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 97%;
+ //height: 1486px;
+ left: 1%;
+ top: 495px;
+ }
+
+ .pieddepage_v2 {
+ position: relative;
+ width: 100%;
+ //height: 450px;
+ left: 0px;
+ //top: 5850px;
+ top: 5800px;
+ background: #FFF5DA;
+ z-index: -1;
+ }
+
+ .frame_153 {}
+
+ .frame_153_txt {
+ position: absolute;
+ width: 100%;
+ text-align: left;
+ height: 34px;
+ //left: 24px;
+ top: 250px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ //font-weight: 600;
+ font-size: 12px;
+ line-height: 17px;
+ display: flex;
+ align-items: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+ }
+
+
+
+ .title1 {
+
+ position: absolute;
+
+ height: 120px;
+ font-family: "Albert Sans";
+ font-style: normal;
+ font-weight: 600;
+ font-size: 25px;
+ line-height: 30px;
+ text-align: center;
+ letter-spacing: -1px;
+ color: #0A043C;
+ }
+
+ .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 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 100%;
+ height: 367px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ z-index: 1;
+ }
+
+ .search_bar_h {
+ //display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 20px 0px;
+ gap: 24px;
+
+ position: absolute;
+ width: 86%;
+ height: 220px;
+ left: 7%;
+ top: 260px;
+
+ /* White */
+
+ background: #FFFFFF;
+ box-shadow: 0px 16px 48px rgba(30, 30, 30, 0.08);
+ border-radius: 8px;
+ }
+
+
+ .search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 5px 0px 5px;
+ gap: 72px;
+
+ width: 100%;
+ height: 80px;
+
+ /* White */
+
+ background: #FFFFFF;
+ box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .input_search_bar {
+ /* Auto layout */
+
+ //display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ width: 95%;
+ height: 80px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .cta_recherche {
+ cursor: pointer;
+ /* Auto layout */
+
+ //display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 3px;
+ gap: 10px;
+
+ height: 46px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ //top: 90px;
+ position: absolute;
+ width: 95%;
+ left: 2%;
+
+ }
+
+ .cta_recherche_txt {
+ //width: 90px;
+ height: 30px;
+ margin-top: 5px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 17px;
+ line-height: 30px;
+ /* identical to box height, or 176% */
+
+ //display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .search_dropdown {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ //width: 30%;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+
+ .search_bar_rectangle {
+ width: 1px;
+ height: 80px;
+
+ background: rgba(0, 0, 0, 0.08);
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ display: none;
+
+ }
+
+ .search_text {
+ /* Auto layout */
+
+ //display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 100%;
+ height: 32px;
+ position: absolute;
+ top: 80px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .forma_et_tuto {
+ display: none;
+ }
+
+ .forma_et_tuto_mobile {
+ width: 99%;
+ margin-left: 5px;
+ height: 80px;
+ padding-top: 10px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 25px;
+ line-height: 38px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ background: #F7F7F7;
+ }
+
+
+ .domaine_icone {
+ margin-top: 5px;
+ width: 5%;
+ }
+
+ .domaine_icone_fa {
+ margin-top: 8px;
+ width: 5%;
+ cursor: pointer;
+ }
+
+
+ .sous_filter {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ margin-bottom: 3rem;
+ }
+
+ .sous_filter_metier {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .sous_filter_txt {
+ /* Les filtres */
+
+
+ // width: 92px;
+ height: 24px;
+ letter-spacing: 1px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 18px;
+ line-height: 24px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .sous_filter_separator {
+ width: 277px;
+ height: 0px;
+
+ opacity: 0.08;
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_filter_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 12px;
+
+ width: 277px;
+ height: 494px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_mertier {
+ /* Auto layout */
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 277px;
+ height: 496px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .filter_valeur {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 100%;
+ height: 71px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .filter_valeur_txt {
+ /* Eligible CPF */
+
+
+ //width: 78px;
+ letter-spacing: 2px;
+ height: 19px;
+
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 19px;
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+ .filter_valeur_block_val {
+ /* List Checkbox */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 90%;
+ height: 48px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ margin-left: 5%;
+ }
+
+ .frame_133 {
+ /* Frame 133 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 20px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 1;
+ }
+
+ .frame_133_grp {
+ /* Checbox + Text */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 50px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .frame_133_grp_radio {
+ /* Radio Button */
+
+ cursor: pointer;
+ width: 16px;
+ height: 16px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .frame_133_grp_txt {
+ /* Oui */
+
+
+ width: 26px;
+ height: 22px;
+
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 22px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .frame_134 {
+ /* Frame 134 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 20px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 1;
+ }
+
+ .frame_134_grp {
+ /* Checbox + Text */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 55px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .frame_135 {
+ /* Frame 134 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 20px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 1;
+ }
+
+ .frame_135_grp {
+ /* Checbox + Text */
+
+ margin-left: 10px;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 30px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+
+ .filter_txt {
+ /* Les filtres */
+
+
+ width: 92px;
+ height: 24px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 20px;
+ line-height: 24px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block {
+ /* Filter */
+
+ //cursor: pointer;
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 16px;
+ gap: 10px;
+
+ width: 90%;
+ height: 70px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border: 1px solid #DFDFDF;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 12px;
+
+ width: 180px;
+ height: 40px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_content_radio {
+
+ /* Radio Button */
+
+
+ width: 24px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_content_txt {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 144px;
+ height: 40px;
+
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content_txt_formation {
+ width: 144px;
+ height: 22px;
+
+ margin-top: 10px;
+ text-align: left;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content_txt_nb {
+ width: 85px;
+ height: 14px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 14px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.7;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .filter_metier_sous_block_plus_metier {
+ /* Icon + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 233px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_plus_metier_1 {
+ border: #0A043C solid;
+ width: 24px;
+ height: 24px;
+ cursor: pointer;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_plus_metier_2 {
+ width: 201px;
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 18px;
+ line-height: 22px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_actualite {
+ /* Actualité */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 100%;
+ height: 549px;
+ //left: 72px;
+ top: 4700px;
+ display: none;
+ }
+
+ .block_actualite_sous_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ width: 100%;
+ height: 453px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .block_actualite_sous_block_text {
+ width: 261px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 30px;
+ line-height: 38px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: 2px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4%;
+
+ width: 90%;
+ height: 365px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+
+ }
+
+ .block_list_actu_actu1 {
+ //display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 23px;
+
+ width: 32%;
+ height: 364px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_img {
+ width: 100%;
+ height: 250px;
+
+ background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ //border: #0A043C solid 1px;
+ }
+
+ .block_list_actu_actu1_date_text {
+ /* Date + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 1px;
+ gap: 8px;
+
+ //width: 344px;
+ //height: 91px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_date {
+ //width: 152px;
+ height: 19px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 12px;
+ line-height: 1p5x;
+ text-transform: uppercase;
+
+ /* Blue */
+
+ color: #3E6EE3;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_txt {
+
+ height: 64px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 22px;
+ /* or 133% */
+
+ letter-spacing: 0.2px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .bton_tout_nos_article {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 299px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .bton_tout_nos_article_account_box {
+ display: none;
+ width: 24px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .bton_tout_nos_article_txt {
+ width: 156px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .block_partner {
+ /* Partner Block */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 20px;
+ gap: 10px;
+
+ position: absolute;
+ width: 95%;
+ height: 386px;
+ //top: 5300px;
+ top: 5200px;
+
+ /* White */
+
+ background: #FFFFFF;
+ /* Shadow 01 */
+
+ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
+ border-radius: 8px;
+
+ }
+
+ .block_partner_sous_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ width: 100%;
+ height: 306px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ //gap: 16px;
+
+ width: 100%;
+ height: 226px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc_logo {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 4px;
+
+ width: 160px;
+ height: 70px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc_desc {
+ //width: 600px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 25px;
+ line-height: 28px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_txt {
+ width: 100%;
+ height: 72px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 24px;
+ /* or 150% */
+
+ text-align: center;
+ font-feature-settings: 'liga' off;
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_buton {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 299px;
+ height: 56px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .logo_not_absolut {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 108px;
+ height: 52px;
+ left: 72px;
+ top: 52px;
+ }
+
+ .block_partner_sous_block_logo_desc_desc2 {
+ width: 100%;
+ height: 72px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 20px;
+ /* or 150% */
+
+ text-align: center;
+ font-feature-settings: 'liga' off;
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .mode_affichage {
+ width: 25%;
+ float: right;
+ cursor: pointer;
+
+ }
+
+ .display_grid_list_bton{
+ display: none;
+ }
+
+ }
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+ /*style petites-moyennes tablettes */
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .align_gauche {
+ margin-left: 0rem;
+ overflow-y: hidden;
+ white-space: nowrap;
+ font-family: "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 {
+ float: left;
+ //border: 0px solid black;
+ border-width: 1px;
+ width: 29%;
+ height: 100%;
+ padding: 1px;
+ border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+
+ //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ margin-top: 0.5rem;
+ }
+
+ .rech_leftbox_v2 {
+ float: left;
+ //border: 0px solid black;
+ border-width: 1px;
+ width: 100%;
+ height: 100%;
+ padding: 1px;
+ border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+
+ //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ margin-top: 0.5rem;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 71%;
+ height: 100%;
+ margin: auto;
+ margin-right: auto;
+ padding: 0.1rem;
+ padding-right: 5px;
+ padding-left: 5px;
+ border-radius: 30px;
+ margin-right: 0px;
+ padding-left: 1px;
+ padding-right: 5px;
+ }
+
+
+ .rech_middlebox_v2 {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ margin-right: auto;
+ padding: 0.1rem;
+ padding-right: 5px;
+ padding-left: 5px;
+ border-radius: 30px;
+ margin-right: 0px;
+ padding-left: 1px;
+ padding-right: 5px;
+ }
+
+ .textsurimage {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ font-size: 40pt;
+ text-align: center;
+ position: absolute;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ position: absolute;
+ }
+
+ .rech_list_formation2 {
+ display: inline-block;
+ width: 100%;
+ background-color: white;
+ height: auto;
+ padding: 1px;
+ outline: 1px solid #ccc;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ }
+
+ .view_grid {
+ }
+
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ h3 {
+ font-size: 2rem;
+ }
+
+ .form {
+ font-size: medium;
+ //width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ position: relative;
+ margin-top: 1rem;
+ z-index: 11;
+ display: flex;
+ }
+
+ .textsurimage23 {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ text-align: center;
+ position: absolute;
+ top: 20%;
+ left: 30%;
+ width: 20rem;
+ }
+
+ h4 {
+ display: inline-block;
+ font-size: x-large;
+ /*or whatever you want*/
+ color: white;
+ }
+
+ .default_font {
+ color: #3c4043;
+ display: inline-block;
+ line-height: 28px;
+ font-size: small;
+ }
+
+ .form-input {
+ border-radius: 10rem;
+ height: 2.5rem;
+ font-size: medium;
+
+ line-height: 1.5;
+ margin-bottom: 2px;
+ color: white;
+ border: 2px solid white;
+ background: transparent;
+ box-shadow: none;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ cursor: pointer;
+ }
+
+ .form span {
+ position: absolute;
+ right: 0.2rem;
+ top: 0.1rem;
+ padding: 2px;
+ border-left: 0.2rem solid #d1d5db;
+ height: 2.4rem;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ cursor: pointer;
+ }
+
+ .form span_clear {
+ position: absolute;
+ right: 2rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid #d1d5db !important;
+ height: 2.4rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .left-pan {
+ padding-left: 7px;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ margin-top: 0.5rem;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 30%;
+ }
+
+
+ .form-select {
+ height: 1.5rem !important;
+ border-radius: 0px;
+ font-size: small;
+ }
+
+ .mb-3 {
+ margin-bottom: 0.5rem !important;
+ cursor: pointer;
+ }
+
+ .input-group-text {
+ font-size: 0.6rem !important;
+ padding-left: 0rem !important;
+ padding-right: 0.2rem !important;
+ }
+
+ .rech_rightbox {
+ /* opacity: 1;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ padding-top: 0.5rem;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "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: #104277;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ width: 30%;
+ margin-top: 0.3rem;
+ }
+
+ .filter_val {
+ padding-top: 0.1rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ border: none;
+ background: transparent;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ border: 0.1rem solid black;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.1rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+ min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ min-height: 100%;
+ height: 30rem;
+
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/mysy_home.jpg") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ //border-bottom-left-radius: 25px;
+ //border-bottom-right-radius: 25px;
+ }
+
+ .div_mobile {
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ color: white !important;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 0.7rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 40%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 60%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 0.85rem;
+ margin-bottom: 0.5rem;
+ letter-spacing: 0.15rem;
+ }
+
+ .hilightsoustitre_v2 {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .hilightsoustitre_v2_metier {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ margin-top: 3rem;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .tab_gauche_metier {
+ width: 48%;
+ float: left;
+ text-align: left;
+ text-align: left;
+ margin-right: 2%;
+ max-width: 48% !important;
+ min-width: 48% !important;
+ }
+
+ .tab_droite_metier {
+ width: 48%;
+ float: right;
+ text-align: right;
+ }
+
+ .img_thematique_metier {
+ display: block;
+ border-radius: 10rem;
+ max-width: 360px;
+ }
+
+ .met_polaroid_gauche {
+ width: 95%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_gauche:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_polaroid_droite {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_droite:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_container {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ font-weight: bold;
+ }
+
+ .met_text {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ font-weight: bold;
+ }
+
+ .met_text_larg {
+ margin-bottom: 0.1rem;
+ font-size: xx-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .met_text_all_categories {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ margin-top: 1rem;
+ }
+
+ .met_container_all_categories {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ height: 4rem;
+ }
+
+ .met_polaroid_gauche_all_categories {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .tab_gauche_all_categories {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+ .img_categorie {
+ width: 100%;
+ border-top-right-radius: 12px;
+ border-radius: 12px;
+ padding: 5px;
+ }
+
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ .mymenu_item {
+ font-size: 0.7rem !important;
+ }
+
+ .MuiMenuItem-root {
+ font-size: 0.7rem !important;
+ }
+
+ .new_filter_zone {
+ float: left;
+ width: 35%;
+ display: flex;
+ align-items: center;
+ font-size: 0.75rem;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ }
+
+ .new_filter_zone_cerif_radio {
+ width: 30%;
+ float: left;
+ text-align: right;
+ font-size: 0.75rem;
+ }
+
+ .new_filter_zone_cerif_radio_right {
+ float: left;
+ text-align: left;
+ font-size: 0.7rem;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ //width: 30%;
+ float: left;
+ text-align: center;
+ font-size: 0.7rem;
+ padding-right: 5px;
+ padding-left: 2px;
+ }
+
+ .new_filter_zone_row {
+ //margin-bottom: 10px !important;
+ width: 100%;
+ padding-right: 2px;
+ }
+
+ .tick_ok_ko {
+ max-width: 50%;
+
+ }
+
+ .new_filter_zone_prix {
+ margin-top: 0.8rem;
+ margin-bottom: 0.8rem;
+ padding-right: 10px;
+ }
+
+ .middle {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 15%;
+ }
+
+ input::placeholder {
+ color: white;
+ }
+
+ .bienvenu {
+ font-family: "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%;
+ //height: 1110px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_nos_service {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 10px;
+ position: absolute;
+ width: 96%;
+ height: 204px;
+ left: 2%;
+ top: 500px;
+
+ }
+
+ .block_nos_formation {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ //height: 2574px;
+ left: 10px;
+ right: 5px;
+ top: 530px;
+ width: 98%;
+ }
+
+ .logo {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ position: absolute;
+ width: 108px;
+ height: 52px;
+ left: 20px;
+ top: 52px;
+ }
+
+ .Menu_Header {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 0px;
+ gap: 3px;
+
+ position: absolute;
+ //width: 843px;
+ height: 56px;
+ right: 5px;
+ top: 50px;
+ }
+
+ .Header_Content {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ isolation: isolate;
+
+ position: absolute;
+ width: 95%;
+ height: 367px;
+ left: 20px;
+ top: 156px;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ /* Beige */
+
+ // background: #FFF5DA;
+ background: linear-gradient(#e66465, #9198e5);
+
+ }
+
+ .Logo_MySy {
+ width: 108px;
+ height: 36px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .header_menu {
+ /* Les formations */
+
+ cursor: pointer;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .bar_vert {
+
+ width: 1px;
+ height: 24px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 10px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 4;
+ flex-grow: 0;
+ }
+
+ .cta1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 5px;
+
+ width: 258px;
+ height: 56px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 6;
+ flex-grow: 0;
+
+ }
+
+ .cta2 {
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 5px;
+ gap: 10px;
+
+ width: 116px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .cta3 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 5px;
+ gap: 10px;
+
+ width: 114px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+ }
+
+
+ .minscrire {
+ cursor: pointer;
+ //width: 74px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ font-weight: normal;
+ font-size: 12px;
+
+ }
+
+ .meconnecter {
+ cursor: pointer;
+ //width: 102px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ font-weight: normal;
+ font-size: 12px;
+ }
+
+ .rectangle_8 {
+ /* Rectangle 8 */
+
+
+ position: absolute;
+ width: 50%;
+ height: 350px;
+ //left: 596px;
+ right: 2rem;
+ top: 0px;
+
+ background: url("../../mysy_img2/img_header.png") no-repeat;
+ filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ z-index: 0;
+ }
+
+ .content_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 100%;
+ height: 367px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ z-index: 1;
+ }
+
+ .title_desc_header {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 636px;
+ height: 230px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-left: 25%;
+ }
+
+ .title1 {
+
+ text-align: center;
+ width: 80%;
+ height: 180px;
+
+ text-align: left;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 35px;
+ line-height: 40px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .title2 {
+ width: 60%;
+ height: 22px;
+
+ text-align: left;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .search_bar_h {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 95%;
+ height: 113px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 5px 0px 5px;
+ gap: 72px;
+
+ width: 100%;
+ height: 80px;
+
+ /* White */
+
+ background: #FFFFFF;
+ box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .frame_153 {
+ /* Frame 153 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px 27px;
+ gap: 10px;
+
+ width: 588px;
+ height: 17px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .frame_153_txt {
+ width: 534px;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .input_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 10px;
+
+ width: 100%;
+ height: 80px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .cta_recherche {
+ cursor: pointer;
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 3px;
+ gap: 10px;
+
+ height: 56px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .cta_recherche_txt {
+ width: 90px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 17px;
+ line-height: 30px;
+ /* identical to box height, or 176% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .search_dropdown {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ //width: 30%;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ width: 28%;
+
+ }
+
+ .search_bar_rectangle {
+ width: 1px;
+ height: 80px;
+
+ background: rgba(0, 0, 0, 0.08);
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .search_text {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 70%;
+ height: 32px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .nos_serv_background {
+ position: absolute;
+ width: 1440px;
+ height: 436px;
+ left: 0px;
+ top: 452px;
+
+ /* White */
+
+ background: #FFFFFF;
+ }
+
+ .nos_serv_txt {
+ width: 100%;
+ height: 28px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 28px;
+ line-height: 38px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+ .nos_serv_list {
+ display: flex;
+ flex-direction: row;
+ justify-content: start;
+ align-items: center;
+ padding: 0px;
+ gap: 15px;
+
+ width: 100%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 31%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv2 {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 28%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv3 {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 28%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .block_filter {
+ /* Block Filters */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 16px;
+ gap: 24px;
+
+ width: 309px;
+ height: 1110px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .block_list_formation {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ width: 947px;
+ height: 2486px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_filter {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ margin-bottom: 3rem;
+ }
+
+ .sous_filter_metier {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ width: 100%;
+ }
+
+ .sous_filter_txt {
+ /* Les filtres */
+
+
+ // width: 92px;
+ height: 24px;
+ letter-spacing: 1px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 18px;
+ line-height: 24px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .sous_filter_separator {
+ width: 277px;
+ height: 0px;
+
+ opacity: 0.08;
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_filter_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 12px;
+
+ width: 277px;
+ height: 494px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_mertier {
+ /* Auto layout */
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 277px;
+ height: 496px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .filter_valeur {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 100%;
+ height: 71px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .filter_valeur_txt {
+ /* Eligible CPF */
+
+
+ //width: 78px;
+ letter-spacing: 2px;
+ height: 19px;
+
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 19px;
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+ .filter_valeur_block_val {
+ /* List Checkbox */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 90%;
+ height: 48px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .frame_133 {
+ /* Frame 133 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 20px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 1;
+ }
+
+ .frame_133_grp {
+ /* Checbox + Text */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 50px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .frame_133_grp_radio {
+ /* Radio Button */
+
+ cursor: pointer;
+
+ width: 16px;
+ height: 16px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .frame_133_grp_txt {
+ /* Oui */
+
+
+ width: 26px;
+ height: 22px;
+
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 22px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .frame_134 {
+ /* Frame 134 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 20px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 1;
+ }
+
+ .frame_134_grp {
+ /* Checbox + Text */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 55px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .frame_135 {
+ /* Frame 134 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 20px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 1;
+ }
+
+ .frame_135_grp {
+ /* Checbox + Text */
+
+ margin-left: 10px;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 30px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+
+ .filter_txt {
+ /* Les filtres */
+
+
+ width: 92px;
+ height: 24px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 20px;
+ line-height: 24px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block {
+ /* Filter */
+
+ cursor: pointer;
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 10px;
+ gap: 10px;
+
+ width: 95%;
+ height: 70px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border: 1px solid #DFDFDF;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 12px;
+
+ width: 180px;
+ height: 40px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_content_radio {
+
+ /* Radio Button */
+
+
+ width: 24px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_content_txt {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 144px;
+ height: 40px;
+
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content_txt_formation {
+ width: 144px;
+ height: 22px;
+ margin-top: 10px;
+ text-align: left;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content_txt_nb {
+ width: 85px;
+ height: 14px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 14px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.7;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .filter_metier_sous_block_plus_metier {
+ /* Icon + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 233px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_plus_metier_1 {
+ border: #0A043C solid;
+ width: 24px;
+ height: 24px;
+
+ cursor: pointer;
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_plus_metier_2 {
+ width: 201px;
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 15px;
+ line-height: 22px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .block_actualite {
+ /* Actualité */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 100%;
+ height: 549px;
+ //left: 72px;
+ top: 4550px;
+ display: none;
+ }
+
+ .block_actualite_sous_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ width: 100%;
+ height: 453px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .block_actualite_sous_block_text {
+ width: 261px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 30px;
+ line-height: 48px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 90%;
+ height: 365px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+
+ }
+
+ .block_list_actu_actu1 {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 23px;
+
+ width: 32%;
+ height: 364px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_img {
+ width: 100%;
+ height: 250px;
+
+ background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ //border: #0A043C solid 1px;
+ }
+
+ .block_list_actu_actu1_date_text {
+ /* Date + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px 0px 0px 8px;
+ gap: 8px;
+
+ //width: 344px;
+ height: 91px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_date {
+ width: 152px;
+ height: 19px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 19px;
+ text-transform: uppercase;
+
+ /* Blue */
+
+ color: #3E6EE3;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_txt {
+
+ height: 64px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: medium;
+ line-height: 32px;
+ /* or 133% */
+
+ letter-spacing: -0.3px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .pieddepage_v2 {
+ position: relative;
+ width: 100%;
+ //height: 450px;
+ left: 0px;
+ //top: 6300px;
+ top: 6000px;
+ background: #FFF5DA;
+ z-index: -1;
+ }
+
+ .bton_tout_nos_article {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 299px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .bton_tout_nos_article_account_box {
+ display: none;
+ width: 24px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .bton_tout_nos_article_txt {
+ //width: 156px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .block_partner {
+ /* Partner Block */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 40px;
+ gap: 10px;
+
+ position: absolute;
+ width: 95%;
+ height: 386px;
+ //top: 5100px;
+ top: 4750px;
+
+ /* White */
+
+ background: #FFFFFF;
+ /* Shadow 01 */
+
+ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
+ border-radius: 8px;
+
+ }
+
+ .block_partner_sous_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ width: 100%;
+ height: 306px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 16px;
+
+ width: 100%;
+ height: 226px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc_logo {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 4px;
+
+ width: 160px;
+ height: 76px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc_desc {
+ width: 600px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 25px;
+ line-height: 28px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_txt {
+ width: 100%;
+ height: 72px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 24px;
+ /* or 150% */
+
+ text-align: center;
+ font-feature-settings: 'liga' off;
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_buton {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 299px;
+ height: 56px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .logo_not_absolut {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 108px;
+ height: 52px;
+ left: 72px;
+ top: 52px;
+ }
+
+ .block_partner_sous_block_logo_desc_desc2 {
+ width: 100%;
+ height: 72px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 24px;
+ /* or 150% */
+
+ text-align: center;
+ font-feature-settings: 'liga' off;
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .domaine_icone {
+ margin-top: 5px;
+ width: 10%;
+ }
+
+ .domaine_icone_fa {
+ margin-top: 5px;
+ width: 5%;
+ cursor: pointer;
+ }
+
+
+ .fron_search {
+ border: none;
+ font-size: medium;
+ padding-right: 5px;
+ }
+
+ .service1_img {
+ //position: absolute;
+ //width: 76px;
+ //height: 76px;
+ left: 0px;
+ top: 0px;
+
+ background: #D6EBE4;
+ opacity: 1;
+ border-radius: 1rem;
+ margin-top: 1rem;
+ display: none;
+ }
+
+ .service1_title_desc {
+ /* Title + Description */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 100%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .service1_title {
+
+ width: 100%;
+ //height: 32px;
+ text-align: left;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ //line-height: 32px;
+ /* identical to box height, or 133% */
+
+ letter-spacing: 0.3px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .service1_desc {
+ //width: 260px;
+ text-align: left;
+ height: 80px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 14px;
+ line-height: 20px;
+ width: 100%;
+ /* or 143% */
+
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .img_service {
+ width: 100%;
+ height: 4rem;
+ border-radius: 1rem;
+ }
+
+ .forma_et_tuto {
+ width: 99%;
+ margin-left: 5px;
+ height: 80px;
+ padding-top: 10px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ background: #F7F7F7;
+ }
+
+ .forma_et_tuto_mobile {
+ display: none;
+ }
+
+ .cta_publication {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 2px 2px;
+ gap: 5px;
+
+ width: 120px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: red;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ }
+
+ .cta_hebergement {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 2px 2px;
+ gap: 5px;
+
+ width: 120px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: rebeccapurple;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ }
+
+ .search_bar_2 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 5px 0px 5px;
+ gap: 1px;
+
+ width: 100%;
+ height: 10px;
+
+
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-bottom: 2rem !important;
+ text-align: left;
+ padding-left: 1rem;
+
+ }
+
+ .bton_ensavoir_plus {
+ border-radius: 5rem;
+ font-size: medium;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-top: 10px;
+ cursor: pointer;
+ }
+
+ .mode_affichage {
+ width: 15%;
+ float: right;
+ cursor: pointer;
+
+ }
+
+ .display_grid_list_bton{
+ display: none;
+ }
+
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ /*style grande tablettes & Pc portable */
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: right;
+ text-align: left;
+ font-family: "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: 0px solid black;
+ border-width: 1px;
+ width: 35%;
+ height: 100%;
+ padding: 0.1rem;
+ border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 5px;
+ //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ margin-top: 0.5rem;
+ padding-left: 5px;
+ }
+
+ .rech_leftbox_v2 {
+ float: left;
+ //border: 0px solid black;
+ border-width: 1px;
+ width: 100%;
+ height: 100%;
+ padding: 0.1rem;
+ border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 5px;
+ //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ margin-top: 0.5rem;
+ padding-left: 5px;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 64%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ //background-color: #f8f9f9;
+ //overflow-y: scroll;
+ }
+
+ .rech_middlebox_v2 {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ //background-color: #f8f9f9;
+ //overflow-y: scroll;
+ }
+
+ .rech_rightbox {
+ /* float: right;
+ //border: 0px solid black;
+ border-width: 0px;
+ width: 20%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ padding-top: 0.5rem;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "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;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
+
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ }
+
+ .view_grid {
+ width: 48% !important;
+ float: left !important;
+ margin-right: 2%;
+ }
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ .textsurimage23 {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ text-align: center;
+ position: absolute;
+ top: 20%;
+ left: 30%;
+ width: 30rem;
+ }
+
+ .form-input {
+ border-radius: 10rem;
+ height: 2.8rem;
+ font-size: medium;
+ line-height: 1.5;
+ margin-bottom: 4px;
+ color: white;
+ border: 2px solid white;
+ background: transparent;
+ box-shadow: none;
+ }
+
+ h4 {
+ display: inline-block;
+ font-size: x-large;
+ /*or whatever you want*/
+ color: white;
+ }
+
+ .default_font {
+ color: #3c4043;
+ display: inline-block;
+ line-height: 28px;
+ font-size: medium;
+ }
+
+ .form {
+ font-size: medium;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ position: relative;
+ margin-top: 1rem;
+ z-index: 11;
+ display: flex;
+ }
+
+ .form span {
+ position: absolute;
+ right: 0.2rem;
+ top: 0.1rem;
+ padding: 2px;
+ border-left: 0.2rem solid white;
+ height: 2.7rem;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ cursor: pointer;
+ }
+
+ .form span_clear {
+ position: absolute;
+ right: 1.5rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid white !important;
+ height: 2.7rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .left-pan {
+ padding-left: 7px;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ margin-top: 0.5rem;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 20%;
+ max-height: 3rem;
+ }
+
+
+ .form-select {
+ height: 2.5rem !important;
+ border-radius: 0px;
+ font-size: small;
+ }
+
+
+ .mb-3 {
+ margin-bottom: 0.5rem !important;
+ font-size: small !important;
+ cursor: pointer;
+ }
+
+ .input-group-text {
+ font-size: 0.8rem !important;
+ padding-left: 0px !important;
+ }
+
+ .filter_span {
+ padding-top: 0.5rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ color: #104277;
+ font-size: 0.9rem;
+ white-space: nowrap;
+ width: 30%;
+ margin-top: 0.6rem;
+ }
+
+ .filter_val {
+ padding-top: 0.1rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ border: none;
+ background: transparent;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ border: 0.1rem solid black;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.1rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+ min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ min-height: 100%;
+ height: 30rem;
+
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/mysy_home.jpg") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ //border-bottom-left-radius: 25px;
+ //border-bottom-right-radius: 25px;
+ }
+
+ .div_mobile {
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ color: white !important;
+ margin-top: 5rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 0.8rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 0.9rem;
+ margin-bottom: 0.5rem;
+ letter-spacing: 0.15rem;
+ }
+
+ .hilightsoustitre_v2 {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ margin-top: 0.5rem;
+ letter-spacing: 2px;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .hilightsoustitre_v2_metier {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ margin-top: 3rem;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .tab_gauche_metier {
+ width: 48%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite_metier {
+ width: 48%;
+ float: right;
+ text-align: right;
+ }
+
+ .img_thematique_metier {
+ display: block;
+ border-radius: 10rem;
+ max-width: 360px;
+ }
+
+ .met_polaroid_gauche {
+ width: 95%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_gauche:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_polaroid_droite {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_droite:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_container {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ font-weight: bold;
+ }
+
+ .met_text {
+ margin-bottom: 0.1rem;
+ font-size: small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ font-weight: bold;
+ }
+
+ .met_text_larg {
+ margin-bottom: 0.1rem;
+ font-size: xx-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .met_text_all_categories {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ margin-top: 1rem;
+ }
+
+ .met_container_all_categories {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ height: 3rem;
+ }
+
+ .met_polaroid_gauche_all_categories {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .tab_gauche_all_categories {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+ .img_categorie {
+ width: 100%;
+ border-top-right-radius: 12px;
+ border-radius: 12px;
+ padding: 5px;
+ }
+
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ .mymenu_item {
+ font-size: 0.7rem !important;
+ }
+
+ .MuiMenuItem-root {
+ font-size: 0.7rem !important;
+ }
+
+ .new_filter_zone {
+ float: left;
+ width: 35%;
+ display: flex;
+ align-items: center;
+ font-size: small;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ }
+
+ .new_filter_zone_cerif_radio {
+ width: 30%;
+ float: left;
+ text-align: right;
+ font-size: smaller;
+ }
+
+ .new_filter_zone_cerif_radio_right {
+ //width: 30%;
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ //width: 30%;
+ float: left;
+ text-align: center;
+ font-size: small;
+ padding-right: 5px;
+ padding-left: 2px;
+ }
+
+ .new_filter_zone_row {
+ width: 100%;
+ padding-right: 5px;
+ }
+
+ .tick_ok_ko {
+ max-width: 50%;
+ }
+
+ .new_filter_zone_prix {
+ margin-top: 0.7rem;
+ margin-bottom: 0.7rem;
+ padding-right: 10px;
+ }
+
+ .middle {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 15%;
+ }
+
+ input::placeholder {
+ color: white;
+ }
+
+ .bienvenu {
+ font-family: "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%;
+ //height: 1110px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_nos_service {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 10px;
+
+ position: absolute;
+ width: 97%;
+ height: 204px;
+ left: 20px;
+ top: 510px;
+ background: white;
+
+ }
+
+ .block_nos_formation {
+ //display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 96%;
+ //height: 2574px;
+ left: 2%;
+ top: 550px;
+ }
+
+ .logo {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ position: absolute;
+ width: 108px;
+ height: 52px;
+ left: 72px;
+ top: 52px;
+ }
+
+ .Menu_Header {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 0px;
+ gap: 10px;
+
+ position: absolute;
+ width: 843px;
+ height: 56px;
+ right: 5px;
+ top: 50px;
+ }
+
+ .Header_Content {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ isolation: isolate;
+
+ position: absolute;
+ width: 95%;
+ height: 367px;
+ left: 5%;
+ top: 156px;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ /* Beige */
+
+ // background: #FFF5DA;
+ background: linear-gradient(#e66465, #9198e5);
+
+ }
+
+ .Logo_MySy {
+ width: 108px;
+ height: 36px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .header_menu {
+ /* Les formations */
+ cursor: pointer;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .bar_vert {
+
+ width: 1px;
+ height: 24px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 10px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 4;
+ flex-grow: 0;
+ }
+
+ .cta1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 288px;
+ height: 56px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 6;
+ flex-grow: 0;
+
+ }
+
+ .cta2 {
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 126px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .cta3 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 154px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+ }
+
+
+ .minscrire {
+ cursor: pointer;
+ //width: 74px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .meconnecter {
+ cursor: pointer;
+ //width: 102px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .rectangle_8 {
+ /* Rectangle 8 */
+
+
+ position: absolute;
+ width: 500px;
+ height: 400px;
+ //left: 596px;
+ right: 1rem;
+ top: 0px;
+
+ background: url("../../mysy_img2/img_header.png") no-repeat;
+ filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ z-index: 0;
+ }
+
+ .content_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 900px;
+ height: 367px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ z-index: 1;
+ }
+
+ .title_desc_header {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 636px;
+ height: 230px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-left: 25%;
+ }
+
+ .title1 {
+ width: 80%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 44px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .title2 {
+ width: 60%;
+ 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 2px 0px 4px;
+ gap: 72px;
+
+ width: 100%;
+ height: 80px;
+
+ /* White */
+
+ background: #FFFFFF;
+ box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .frame_153 {
+ /* Frame 153 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px 27px;
+ gap: 10px;
+
+ width: 100%;
+ height: 17px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .frame_153_txt {
+ width: 50%;
+ height: 17px;
+ text-align: left;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .input_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 5px;
+
+ width: 80%;
+ height: 80px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .cta_recherche {
+ cursor: pointer;
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 142px;
+ height: 56px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .cta_recherche_txt {
+ width: 90px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 17px;
+ line-height: 30px;
+ /* identical to box height, or 176% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .search_dropdown {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 2px;
+
+ //width: 211px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ width: 30%;
+
+ }
+
+ .search_bar_rectangle {
+ width: 1px;
+ height: 80px;
+
+ background: rgba(0, 0, 0, 0.08);
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .search_text {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 93%;
+ height: 32px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .nos_serv_background {
+ position: absolute;
+ width: 1440px;
+ height: 436px;
+ left: 0px;
+ top: 452px;
+
+ /* White */
+
+ background: #FFFFFF;
+ }
+
+ .nos_serv_txt {
+ width: 227px;
+ height: 28px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 30px;
+ line-height: 38px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+ .nos_serv_list {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 0px;
+ gap: 56px;
+
+ width: 95%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 32%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv2 {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 32%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv3 {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 32%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .block_filter {
+ /* Block Filters */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 16px;
+ gap: 24px;
+
+ width: 309px;
+ height: 1110px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .block_list_formation {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ width: 947px;
+ height: 2486px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_filter {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ margin-bottom: 3rem;
+ }
+
+ .sous_filter_metier {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ width: 100%;
+ }
+
+ .sous_filter_txt {
+ /* Les filtres */
+
+
+ // width: 92px;
+ height: 24px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 20px;
+ line-height: 24px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .sous_filter_separator {
+ width: 277px;
+ height: 0px;
+
+ opacity: 0.08;
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_filter_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 12px;
+
+ width: 277px;
+ height: 494px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_mertier {
+ /* Auto layout */
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 277px;
+ height: 496px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .filter_valeur {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 100%;
+ height: 71px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .filter_valeur_txt {
+ /* Eligible CPF */
+
+
+ //width: 78px;
+ letter-spacing: 2px;
+ height: 19px;
+
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 19px;
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+ .filter_valeur_block_val {
+ /* List Checkbox */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 100%;
+ height: 48px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .frame_133 {
+ /* Frame 133 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 90px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 1;
+ }
+
+ .frame_133_grp {
+ /* Checbox + Text */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 50px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .frame_133_grp_radio {
+ /* Radio Button */
+
+ cursor: pointer;
+ width: 16px;
+ height: 16px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .frame_133_grp_txt {
+ /* Oui */
+
+
+ width: 26px;
+ height: 22px;
+
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .frame_134 {
+ /* Frame 134 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 90px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 1;
+ }
+
+ .frame_134_grp {
+ /* Checbox + Text */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 55px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .frame_135 {
+ /* Frame 134 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 50px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 1;
+ }
+
+ .frame_135_grp {
+ /* Checbox + Text */
+
+ margin-left: 10px;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 30px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+
+ .filter_txt {
+ /* Les filtres */
+
+
+ width: 92px;
+ height: 24px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 20px;
+ line-height: 24px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block {
+ /* Filter */
+
+ //cursor: pointer;
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 16px;
+ gap: 10px;
+
+ width: 90%;
+ height: 72px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border: 1px solid #DFDFDF;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 12px;
+
+ width: 180px;
+ height: 40px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_content_radio {
+
+ /* Radio Button */
+
+
+ width: 24px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_content_txt {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 144px;
+ height: 40px;
+
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content_txt_formation {
+ width: 144px;
+ height: 22px;
+
+ text-align: left;
+ margin-top: 10px;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content_txt_nb {
+ width: 85px;
+ height: 14px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 14px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.7;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .filter_metier_sous_block_plus_metier {
+ /* Icon + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 233px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_plus_metier_1 {
+ border: #0A043C solid;
+ width: 24px;
+ height: 24px;
+
+ cursor: pointer;
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_plus_metier_2 {
+ width: 201px;
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 18px;
+ line-height: 22px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .block_actualite {
+ /* Actualité */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 100%;
+ height: 549px;
+ //left: 72px;
+ top: 4450px;
+ display: none;
+ }
+
+ .block_actualite_sous_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ width: 100%;
+ height: 453px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .block_actualite_sous_block_text {
+ width: 261px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 95%;
+ height: 365px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+
+ }
+
+ .block_list_actu_actu1 {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 23px;
+
+ width: 32%;
+ height: 364px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_img {
+ width: 100%;
+ height: 250px;
+
+ background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ //border: #0A043C solid 1px;
+ }
+
+ .block_list_actu_actu1_date_text {
+ /* Date + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px 0px 0px 8px;
+ gap: 8px;
+
+ //width: 344px;
+ height: 91px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_date {
+ width: 152px;
+ height: 19px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 19px;
+ text-transform: uppercase;
+
+ /* Blue */
+
+ color: #3E6EE3;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_txt {
+
+ height: 64px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: medium;
+ line-height: 32px;
+ /* or 133% */
+
+ letter-spacing: -0.3px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .pieddepage_v2 {
+ position: relative;
+ width: 100%;
+ //height: 450px;
+ left: 0px;
+ //top: 6200px;
+ top: 5850px;
+ background: #FFF5DA;
+ z-index: -1;
+
+ }
+
+ .bton_tout_nos_article {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 299px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .bton_tout_nos_article_account_box {
+ display: none;
+ width: 24px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .bton_tout_nos_article_txt {
+ //width: 156px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .block_partner {
+ /* Partner Block */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 40px;
+ gap: 10px;
+
+ position: absolute;
+ width: 90%;
+ height: 386px;
+ left: 72px;
+ //top: 5000px;
+ top: 4650px;
+
+ /* White */
+
+ background: #FFFFFF;
+ /* Shadow 01 */
+
+ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
+ border-radius: 8px;
+
+ }
+
+ .block_partner_sous_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ width: 858px;
+ height: 306px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 16px;
+
+ width: 858px;
+ height: 226px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc_logo {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 4px;
+
+ width: 160px;
+ height: 76px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc_desc {
+ width: 600px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 25px;
+ line-height: 28px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_txt {
+ width: 858px;
+ height: 72px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 24px;
+ /* or 150% */
+
+ text-align: center;
+ font-feature-settings: 'liga' off;
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_buton {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 299px;
+ height: 56px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .logo_not_absolut {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 108px;
+ height: 52px;
+ left: 72px;
+ top: 52px;
+ }
+
+ .block_partner_sous_block_logo_desc_desc2 {
+ width: 858px;
+ height: 72px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 24px;
+ /* or 150% */
+
+ text-align: center;
+ font-feature-settings: 'liga' off;
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .domaine_icone {
+ margin-top: 5px;
+ }
+
+ .domaine_icone_fa {
+ margin-top: 5px;
+ margin-right: 5px;
+ cursor: pointer;
+ }
+
+ .fron_search {
+ border: none;
+ font-size: medium;
+ padding-right: 5px;
+ }
+
+ .service1_img {
+ //position: absolute;
+ //width: 76px;
+ //height: 76px;
+ left: 0px;
+ top: 0px;
+
+ background: #D6EBE4;
+ opacity: 1;
+ border-radius: 1rem;
+ margin-top: 1rem;
+ }
+
+ .service1_title_desc {
+ /* Title + Description */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 60%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .service1_title {
+
+ width: 100%;
+ height: 62px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 18px;
+ line-height: 25px;
+ /* identical to box height, or 133% */
+
+ letter-spacing: 0.3px;
+ text-align: left;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .service1_desc {
+ //width: 260px;
+ text-align: left;
+ height: 80px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 14px;
+ line-height: 20px;
+ /* or 143% */
+
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .img_service {
+ width: 100%;
+ height: 4rem;
+ border-radius: 1rem;
+ }
+
+ .forma_et_tuto {
+ width: 99%;
+ margin-left: 5px;
+ height: 80px;
+ padding-top: 10px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ background: #F7F7F7;
+ }
+
+ .forma_et_tuto_mobile {
+ display: none;
+ }
+
+ .cta_publication {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 2px 2px;
+ gap: 10px;
+
+ width: 130px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: red;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-size: 12px;
+ font-weight: 600;
+ }
+
+
+ .cta_hebergement {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 5px 5px;
+ gap: 10px;
+
+ width: 130px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: rebeccapurple;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-size: 12px;
+ font-weight: 600;
+ }
+
+ .search_bar_2 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 2px 0px 4px;
+ gap: 1px;
+
+ width: 100%;
+ height: 10px;
+
+
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-bottom: 2rem !important;
+ text-align: left;
+ padding-left: 1rem;
+
+ }
+
+ .bton_ensavoir_plus {
+ border-radius: 5rem;
+ font-size: medium;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 90%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-top: 10px;
+ cursor: pointer;
+ }
+
+ .mode_affichage {
+ width: 12%;
+ float: right;
+ cursor: pointer;
+
+ }
+
+ .display_grid_list_bton{
+ width: 10%;
+ float: left;
+ }
+
+ }
+
+ @media only screen and (min-width: 1200px) and (max-width: 1919px) {
+
+ /* Ordi de bureau et grands ecrans*/
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: right;
+ text-align: left;
+ font-family: "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: 0px solid black;
+ border-width: 1px;
+ width: 24%;
+ height: 100%;
+ padding: 0.5rem;
+ //border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-size: small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: #F7F7F7;
+ margin-left: 5px;
+ //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding-left: 5px;
+ }
+
+ .rech_leftbox_v2 {
+ float: left;
+ //border: 0px solid black;
+ border-width: 1px;
+ width: 100%;
+ height: 100%;
+ padding: 0.5rem;
+ //border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-size: small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: #F7F7F7;
+ margin-left: 5px;
+ //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding-left: 5px;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 75%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ //border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ background: #F7F7F7;
+ //background-color: #f8f9f9;
+ //overflow-y:scroll;
+ }
+
+ .rech_middlebox_v2 {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ //border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ background: #F7F7F7;
+ //background-color: #f8f9f9;
+ //overflow-y:scroll;
+ }
+
+ .rech_rightbox {
+ /* float: right;
+ //border-left: 0px solid black;
+ width: 20%;
+ height: 100%;
+ margin: 0px;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ height: 100%;
+ margin-top: 0.5rem !important;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "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;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%);
+
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ }
+
+ .view_grid {
+ width: 48% !important;
+ float: left !important;
+ margin-right: 2%;
+ }
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ .textsurimage23 {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ text-align: center;
+ position: absolute;
+ top: 20%;
+ left: 40%;
+ }
+
+ h4 {
+ display: inline-block;
+ font-size: xx-large;
+ /*or whatever you want*/
+ color: white;
+ }
+
+ .default_font {
+ color: #3c4043;
+ display: inline-block;
+ line-height: 28px;
+ font-size: medium;
+ }
+
+ .form-input {
+ border-radius: 10rem;
+ height: 3rem;
+ font-size: medium;
+ line-height: 1.5;
+ margin-bottom: 4px;
+ color: white;
+ border: 2.5px solid white;
+ background: transparent;
+ box-shadow: none;
+ }
+
+ .form {
+ font-size: medium;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ position: relative;
+
+ z-index: 11;
+ height: 3rem;
+ display: flex;
+ }
+
+ .form span {
+ position: absolute;
+ right: 0.2rem;
+ top: 0.1rem;
+ padding: 2px;
+ border-left: 0.2rem solid white;
+ height: 2.9rem;
+ }
+
+ .form span_clear {
+ position: absolute;
+ right: 1.5rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid white !important;
+ height: 2.9rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ cursor: pointer;
+ }
+
+ .left-pan {
+ padding-left: 7px;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .containerBox {
+ position: fixed;
+ margin-top: 0.5rem;
+ height: 10rem;
+ border: 0.2rem solid #0d0e10;
+ width: 100%;
+ background-color: #999;
+ }
+
+ .containerBox0 {
+ float: left;
+ width: 30%;
+ }
+
+ .text_head_droite {
+ color: #3b3e40;
+ font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: bold;
+ text-align: right;
+ }
+
+ .text_head_gauche {
+ color: #3b3e40;
+ font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: bold;
+ text-align: left;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 18%;
+ max-height: 3rem;
+ }
+
+ .form-select {
+ height: 2.5rem !important;
+ border-radius: 0px;
+ font-size: small;
+ }
+
+ .mb-3 {
+ margin-bottom: 0.7rem !important;
+ font-size: xx-small !important;
+ cursor: pointer;
+ }
+
+ .input-group-text {
+ font-size: x-small !important;
+ padding-left: 0px !important;
+ }
+
+ .filter_span {
+ padding-top: 0.5rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ color: #104277;
+ font-size: 0.9rem;
+ white-space: nowrap;
+ width: 30%;
+ margin-top: 0.5rem;
+ }
+
+ .filter_val {
+ padding-top: 0.1rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ font-size: 0.9rem;
+ white-space: nowrap;
+ border: none;
+ background: transparent;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ border: 0.1rem solid black;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+ //min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ min-height: 100%;
+ //height: 35rem;
+
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/mysy_home.jpg") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ //border-bottom-left-radius: 25px;
+ //border-bottom-right-radius: 25px;
+ }
+
+ .div_mobile {
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ color: white !important;
+ margin-top: 5rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.25rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ letter-spacing: 0.2rem;
+ }
+
+ .hilightsoustitre_v2 {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .hilightsoustitre_v2_metier {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ margin-top: 4rem;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .tab_gauche_metier {
+ width: 30%;
+ float: left;
+ text-align: left;
+ margin-right: 2%;
+ max-width: 30% !important;
+ min-width: 30% !important;
+ }
+
+ .tab_droite_metier {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .img_thematique_metier {
+ display: block;
+ border-radius: 10rem;
+ max-width: 360px;
+ }
+
+ .met_polaroid_gauche {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_gauche:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_polaroid_droite {
+ width: 97%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ margin-left: 3%;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_droite:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_container {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ font-weight: bold;
+ }
+
+ .met_text {
+ margin-bottom: 0.1rem;
+ font-size: small;
+ font-weight: normal;
+ white-space: nowrap;
+ overflow: hidden;
+ letter-spacing: 1px;
+ //font-weight: bold;
+ }
+
+ .met_text_larg {
+ margin-bottom: 0.1rem;
+ font-size: xx-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .met_text_all_categories {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ margin-top: 1rem;
+ }
+
+ .met_container_all_categories {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ height: 3rem;
+ }
+
+ .met_polaroid_gauche_all_categories {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .tab_gauche_all_categories {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+ .img_categorie {
+ width: 100%;
+ border-top-right-radius: 12px;
+ border-radius: 12px;
+ padding: 5px;
+ }
+
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ .mymenu_item {
+ font-size: 0.8rem !important;
+ }
+
+ .MuiMenuItem-root {
+ font-size: 0.8rem !important;
+ }
+
+ .new_filter_zone {
+ float: left;
+ width: 35%;
+ display: flex;
+ align-items: center;
+ font-size: small;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ }
+
+ .new_filter_zone_cerif_radio {
+ width: 30%;
+ float: left;
+ text-align: right;
+ font-size: smaller;
+ }
+
+ .new_filter_zone_cerif_radio_right {
+ //width: 30%;
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ //width: 30%;
+ float: left;
+ text-align: center;
+ font-size: small;
+ padding-right: 15px;
+ padding-left: 2px;
+ min-width: 30%;
+ }
+
+ .new_filter_zone_row {
+ height: 3.5rem;
+ width: 100%;
+ padding-right: 5px;
+ }
+
+ .tick_ok_ko {
+ max-width: 55%;
+ }
+
+ .new_filter_zone_prix {
+ margin-bottom: 1.2rem;
+ margin-top: 1.2rem;
+ padding-right: 15px;
+ }
+
+ .middle {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 15%;
+ }
+
+ input::placeholder {
+ color: white;
+ }
+
+ .bienvenu {
+ font-family: "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%;
+ //height: 1110px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_nos_service {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 20px;
+
+ position: absolute;
+ width: 96%;
+ height: 204px;
+ left: 2%;
+ top: 510px;
+
+ }
+
+ .block_nos_formation {
+ // display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 96%;
+ //height: 2574px;
+ left: 2%;
+ top: 550px;
+ }
+
+ .logo {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ position: absolute;
+ width: 108px;
+ height: 52px;
+ left: 72px;
+ top: 52px;
+ }
+
+ .Menu_Header {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ position: absolute;
+ width: 843px;
+ height: 56px;
+ right: 72px;
+ top: 50px;
+ }
+
+ .Header_Content {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ isolation: isolate;
+
+ position: absolute;
+ width: 95%;
+ height: 367px;
+ left: 5%;
+ top: 156px;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ /* Beige */
+
+ //background: #FFF5DA;
+ background: linear-gradient(#e66465, #9198e5);
+
+ }
+
+ .Logo_MySy {
+ width: 108px;
+ height: 36px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .header_menu {
+ /* Les formations */
+ cursor: pointer;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 17px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .bar_vert {
+
+ width: 1px;
+ height: 24px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 10px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 4;
+ flex-grow: 0;
+ }
+
+ .cta1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 288px;
+ height: 56px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 6;
+ flex-grow: 0;
+
+ }
+
+ .cta2 {
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 126px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .cta3 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 154px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+ }
+
+
+ .minscrire {
+ cursor: pointer;
+ //width: 74px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .meconnecter {
+ cursor: pointer;
+ width: 112px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .rectangle_8 {
+ /* Rectangle 8 */
+
+
+ position: absolute;
+ width: 500px;
+ height: 400px;
+ //left: 596px;
+ right: 5%;
+ top: 0px;
+
+ background: url("../../mysy_img2/img_header.png") no-repeat;
+ filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ z-index: 0;
+ }
+
+ .content_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 80%;
+ height: 367px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ z-index: 1;
+ }
+
+ .title_desc_header {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 636px;
+ height: 230px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-left: 25%;
+ }
+
+ .title1 {
+ width: 90%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 50px;
+ line-height: 54px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .title2 {
+ width: 90%;
+ text-align: left;
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 18px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .search_bar_h {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 10px;
+
+ width: 100%;
+ height: 113px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 12px 0px 24px;
+ gap: 72px;
+
+ width: 100%;
+ height: 80px;
+
+ /* White */
+
+ background: #FFFFFF;
+ box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .frame_153 {
+ /* Frame 153 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px 27px;
+ gap: 10px;
+
+ width: 588px;
+ height: 17px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .frame_153_txt {
+ width: 534px;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .input_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ width: 100%;
+ height: 80px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .cta_recherche {
+ cursor: pointer;
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 142px;
+ height: 56px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .cta_recherche_txt {
+ width: 90px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 17px;
+ line-height: 30px;
+ /* identical to box height, or 176% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .search_dropdown {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 20%;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .search_bar_rectangle {
+ width: 1px;
+ height: 80px;
+
+ background: rgba(0, 0, 0, 0.08);
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .search_text {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 75%;
+ height: 32px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .nos_serv_background {
+ position: absolute;
+ width: 1440px;
+ height: 436px;
+ left: 0px;
+ top: 452px;
+
+ /* White */
+
+ background: #FFFFFF;
+ }
+
+ .nos_serv_txt {
+ width: 227px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+ .nos_serv_list {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 0px;
+ gap: 56px;
+
+ width: 95%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 32%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv2 {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 32%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv3 {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 32%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .block_filter {
+ /* Block Filters */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 16px;
+ gap: 24px;
+
+ width: 309px;
+ height: 1110px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .block_list_formation {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ width: 947px;
+ height: 2486px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_filter {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ margin-bottom: 3rem;
+ }
+
+ .sous_filter_metier {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ width: 100%;
+ }
+
+ .sous_filter_txt {
+ /* Les filtres */
+
+
+ // width: 92px;
+ height: 24px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 20px;
+ line-height: 24px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .sous_filter_separator {
+ width: 277px;
+ height: 0px;
+
+ opacity: 0.08;
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_filter_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 12px;
+
+ width: 277px;
+ height: 494px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_mertier {
+ /* Auto layout */
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 277px;
+ height: 496px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .filter_valeur {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 100%;
+ height: 71px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .filter_valeur_txt {
+ /* Eligible CPF */
+
+
+ //width: 78px;
+ letter-spacing: 2px;
+ height: 19px;
+
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 19px;
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+ .filter_valeur_block_val {
+ /* List Checkbox */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 100%;
+ height: 48px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .frame_133 {
+ /* Frame 133 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 90px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 1;
+ }
+
+ .frame_133_grp {
+ /* Checbox + Text */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 50px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .frame_133_grp_radio {
+ /* Radio Button */
+
+ cursor: pointer;
+ width: 16px;
+ height: 16px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .frame_133_grp_txt {
+ /* Oui */
+
+
+ width: 26px;
+ height: 22px;
+
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .frame_134 {
+ /* Frame 134 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 90px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 1;
+ }
+
+ .frame_134_grp {
+ /* Checbox + Text */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 55px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .frame_135 {
+ /* Frame 134 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 50px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 1;
+ }
+
+ .frame_135_grp {
+ /* Checbox + Text */
+
+ margin-left: 10px;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 30px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+
+ .filter_txt {
+ /* Les filtres */
+
+
+ width: 92px;
+ height: 24px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 20px;
+ line-height: 24px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block {
+ /* Filter */
+
+ //cursor: pointer;
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 16px;
+ gap: 10px;
+
+ width: 90%;
+ height: 72px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border: 1px solid #DFDFDF;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 12px;
+
+ width: 180px;
+ height: 40px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_content_radio {
+
+ /* Radio Button */
+
+
+ width: 24px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_content_txt {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 144px;
+ height: 40px;
+
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content_txt_formation {
+ width: 144px;
+ height: 22px;
+
+ text-align: left;
+ margin-top: 10px;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 18px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content_txt_nb {
+ width: 85px;
+ height: 14px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 14px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.7;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .filter_metier_sous_block_plus_metier {
+ /* Icon + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 233px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_plus_metier_1 {
+ border: #0A043C solid;
+ width: 24px;
+ height: 24px;
+
+ cursor: pointer;
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_plus_metier_2 {
+ width: 201px;
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 18px;
+ line-height: 22px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .block_actualite {
+ /* Actualité */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 100%;
+ height: 549px;
+ //left: 72px;
+ top: 4150px;
+ display: none;
+ }
+
+ .block_actualite_sous_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ width: 100%;
+ height: 453px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .block_actualite_sous_block_text {
+ width: 261px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 95%;
+ height: 365px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+
+ }
+
+ .block_list_actu_actu1 {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 23px;
+
+ width: 32%;
+ height: 364px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_img {
+ width: 100%;
+ height: 250px;
+
+ background: url(https://img.mysy-training.com/img_actu1.png) no-repeat;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ //border: #0A043C solid 1px;
+ }
+
+ .block_list_actu_actu1_date_text {
+ /* Date + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px 0px 0px 8px;
+ gap: 8px;
+
+ //width: 344px;
+ height: 91px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_date {
+ width: 152px;
+ height: 19px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 19px;
+ text-transform: uppercase;
+
+ /* Blue */
+
+ color: #3E6EE3;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_txt {
+
+ height: 64px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: medium;
+ line-height: 32px;
+ /* or 133% */
+
+ letter-spacing: -0.3px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .pieddepage_v2 {
+ position: relative;
+ width: 100%;
+ //height: 450px;
+ left: 0px;
+ //top: 5850px;
+ top: 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 {
+ //width: 156px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .block_partner {
+ /* Partner Block */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 40px;
+ gap: 10px;
+
+ position: absolute;
+ width: 90%;
+ height: 386px;
+ left: 72px;
+ //top: 4750px;
+ top: 4450px;
+ ;
+
+ /* White */
+
+ background: #FFFFFF;
+ /* Shadow 01 */
+
+ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
+ border-radius: 8px;
+
+ }
+
+ .block_partner_sous_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ width: 858px;
+ height: 306px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 16px;
+
+ width: 858px;
+ height: 226px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc_logo {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 4px;
+
+ width: 160px;
+ height: 76px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc_desc {
+ width: 600px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 25px;
+ line-height: 28px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_txt {
+ width: 858px;
+ height: 72px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 24px;
+ /* or 150% */
+
+ text-align: center;
+ font-feature-settings: 'liga' off;
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_buton {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 299px;
+ height: 56px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .logo_not_absolut {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 108px;
+ height: 52px;
+ left: 72px;
+ top: 52px;
+ }
+
+ .block_partner_sous_block_logo_desc_desc2 {
+ width: 858px;
+ height: 72px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 24px;
+ /* or 150% */
+
+ text-align: center;
+ font-feature-settings: 'liga' off;
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .form-select {
+ height: 2.5rem !important;
+ border-radius: 0px;
+ font-size: small;
+ }
+
+ .domaine_icone {
+ margin-top: 5px;
+ }
+
+ .domaine_icone_fa {
+ margin-top: 5px;
+ margin-right: 5px;
+ cursor: pointer;
+ }
+
+ .fron_search {
+ border: none;
+ font-size: medium;
+ padding-right: 5px;
+ }
+
+ // -- 07/01
+ .service1_img {
+ //position: absolute;
+ //width: 76px;
+ //height: 76px;
+ left: 0px;
+ top: 0px;
+
+ background: #D6EBE4;
+ opacity: 1;
+ border-radius: 1rem;
+ margin-top: 1rem;
+ }
+
+ .service1_title_desc {
+ /* Title + Description */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 70%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .service1_title {
+
+ width: 100%;
+ //height: 32px;
+ text-align: left;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 20px;
+ line-height: 32px;
+ /* identical to box height, or 133% */
+
+ letter-spacing: -0.3px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .service1_desc {
+ //width: 260px;
+ text-align: left;
+ height: 80px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 14px;
+ line-height: 20px;
+ /* or 143% */
+
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .img_service {
+ width: 100%;
+ height: 4rem;
+ border-radius: 1rem;
+ }
+
+
+ .forma_et_tuto {
+ width: 99%;
+ margin-left: 5px;
+ height: 80px;
+ padding-top: 10px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ background: #F7F7F7;
+ }
+
+ .forma_et_tuto_mobile {
+ display: none;
+ }
+
+ .cta_publication {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 5px 5px;
+ gap: 10px;
+
+ width: 154px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: red;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-weight: normal;
+ font-size: 14px;
+ }
+
+ .cta_hebergement {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 5px 5px;
+ gap: 10px;
+
+ width: 154px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: rebeccapurple;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-weight: normal;
+ font-size: 14px;
+ }
+
+ .search_bar_2 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 1px 0px 2px;
+ gap: 72px;
+
+ width: 100%;
+ height: 10px;
+
+ /* White */
+
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-bottom: 2rem !important;
+ text-align: left;
+ padding-left: 1rem;
+ }
+
+ .bton_ensavoir_plus {
+ border-radius: 5rem;
+ font-size: medium;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-top: 10px;
+ cursor: pointer;
+ }
+
+
+
+ .mode_affichage {
+ width: 8%;
+ float: right;
+ cursor: pointer;
+
+ }
+
+ .display_grid_list_bton{
+ width: 10%;
+ float: left;
+ }
+
+ }
+
+ @media only screen and (min-width: 1920px) {
+ .calage {
+ width: 2%;
+ }
+
+ /* Ordi de bureau et grands ecrans*/
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: right;
+ text-align: left;
+ font-family: "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: 0px solid black;
+ border-width: 1px;
+ width: 24%;
+ height: 100%;
+ padding: 0.5rem;
+ border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-size: small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 5px;
+ // -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding-left: 5px;
+ }
+
+ .rech_leftbox_v2 {
+ float: left;
+ //border: 0px solid black;
+ border-width: 1px;
+ width: 100%;
+ height: 100%;
+ padding: 0.5rem;
+ border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-size: small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 5px;
+ // -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding-left: 5px;
+ }
+
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 75%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ //background-color: #f8f9f9;
+ //overflow-y:scroll;
+ }
+
+ .rech_middlebox_v2 {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ //background-color: #f8f9f9;
+ //overflow-y:scroll;
+ }
+
+ .rech_rightbox {
+ /* float: right;
+ //border-left: 0px solid black;
+ width: 20%;
+ height: 100%;
+ margin: 0px;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ height: 100%;
+ margin-top: 0.5rem !important;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "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;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%);
+
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ }
+
+ .view_grid {
+ width: 48% !important;
+ float: left !important;
+ margin-right: 2%;
+ }
+
+
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ .textsurimage23 {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ text-align: center;
+ position: absolute;
+ top: 20%;
+ left: 40%;
+ }
+
+ h4 {
+ display: inline-block;
+ font-size: xx-large;
+ /*or whatever you want*/
+ color: white;
+ }
+
+ .default_font {
+ color: #3c4043;
+ display: inline-block;
+ line-height: 28px;
+ font-size: medium;
+ }
+
+ .form-input {
+ border-radius: 10rem;
+ height: 3rem;
+ font-size: medium;
+ line-height: 1.5;
+ margin-bottom: 4px;
+ color: white;
+ border: 2.5px solid white;
+ background: transparent;
+ box-shadow: none;
+ }
+
+ .form {
+ font-size: medium;
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0;
+ margin-bottom: 0.5rem;
+ position: relative;
+ margin-top: 1rem;
+ z-index: 11;
+ display: flex;
+ }
+
+ .form span {
+ position: absolute;
+ right: 0.2rem;
+ top: 0.1rem;
+ padding: 2px;
+ border-left: 0.2rem solid white;
+ height: 3rem;
+ }
+
+ .form span_clear {
+ position: absolute;
+ right: 1.5rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid white !important;
+ height: 3rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ height: 1.5rem !important;
+ cursor: pointer;
+ }
+
+ .left-pan {
+ padding-left: 7px;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .containerBox {
+ position: fixed;
+ margin-top: 0.5rem;
+ height: 10rem;
+ border: 0.2rem solid #0d0e10;
+ width: 100%;
+ background-color: #999;
+ }
+
+ .containerBox0 {
+ float: left;
+ width: 30%;
+ }
+
+ .text_head_droite {
+ color: #3b3e40;
+ font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: bold;
+ text-align: right;
+ }
+
+ .text_head_gauche {
+ color: #3b3e40;
+ font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: bold;
+ text-align: left;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 18%;
+ max-height: 3rem;
+ }
+
+ .form-select {
+ height: 2.5rem !important;
+ border-radius: 0px;
+ font-size: small;
+ }
+
+ .mb-3 {
+ margin-bottom: 0.7rem !important;
+ font-size: xx-small !important;
+ cursor: pointer;
+ }
+
+ .input-group-text {
+ font-size: x-small !important;
+ padding-left: 0px !important;
+ }
+
+ .filter_span {
+ padding-top: 0.3rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ color: #104277;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ width: 30%;
+ margin-top: 0.3rem;
+ }
+
+ .filter_val {
+ padding-top: 0.1rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ font-size: 0.9rem;
+ white-space: nowrap;
+ border: none;
+ background: transparent;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ border: 0.1rem solid black;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+ min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_mobile {
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ color: white !important;
+ margin-top: 5rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 1rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.25rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ letter-spacing: 0.2rem;
+ }
+
+ .hilightsoustitre_v2 {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ height: 3rem;
+ padding-top: 5px;
+ }
+
+ .hilightsoustitre_v2_metier {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ margin-top: 5rem;
+ height: 3rem;
+ padding-top: 5px;
+ }
+
+ .tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .tab_gauche_metier {
+ width: 30%;
+ float: left;
+ text-align: left;
+ margin: 2px;
+ }
+
+ .tab_droite_metier {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .img_thematique_metier {
+ display: block;
+ border-radius: 10rem;
+ max-width: 360px;
+ }
+
+ .met_polaroid_gauche {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_gauche:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_polaroid_droite {
+ width: 97%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ margin-left: 3%;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_droite:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_container {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ font-weight: bold;
+ }
+
+ .met_text {
+ margin-bottom: 0.1rem;
+ font-size: small;
+ font-weight: normal;
+ white-space: nowrap;
+ overflow: hidden;
+ letter-spacing: 1px;
+ //font-weight: bold;
+ }
+
+ .met_text_larg {
+ margin-bottom: 0.1rem;
+ font-size: xx-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .met_text_all_categories {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ margin-top: 1rem;
+ }
+
+ .met_container_all_categories {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ height: 3rem;
+ }
+
+ .met_polaroid_gauche_all_categories {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .tab_gauche_all_categories {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+ .img_categorie {
+ width: 100%;
+ border-top-right-radius: 12px;
+ border-radius: 12px;
+ padding: 5px;
+ }
+
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ .mymenu_item {
+ font-size: 1rem !important;
+ }
+
+ .MuiMenuItem-root {
+ font-size: 1rem !important;
+
+ }
+
+ .new_filter_zone {
+ float: left;
+ width: 35%;
+ display: flex;
+ align-items: center;
+ font-size: small;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ margin-top: 5px;
+ }
+
+ .new_filter_zone_cerif_radio {
+ width: 30%;
+ float: left;
+ text-align: right;
+ font-size: smaller;
+ }
+
+ .new_filter_zone_cerif_radio_right {
+ //width: 30%;
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ //width: 30%;
+ float: left;
+ text-align: center;
+ font-size: small;
+ padding-right: 15px;
+ padding-left: 2px;
+ min-width: 30%;
+ }
+
+ .new_filter_zone_row {
+ margin-bottom: 0.7rem !important;
+ width: 100%;
+ padding-right: 5px;
+ }
+
+ .tick_ok_ko {
+ max-width: 55%;
+
+ }
+
+ .new_filter_zone_prix {
+ margin-bottom: 1.2rem;
+ margin-top: 1.2rem;
+ padding-right: 15px;
+ }
+
+ .middle {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 15%;
+ }
+
+ input::placeholder {
+ color: white;
+ }
+
+ .bienvenu {
+ font-family: "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;
+ //border-bottom-left-radius: 25px;
+ //border-bottom-right-radius: 25px;
+ }
+
+ .tab_logo_metier {
+ width: 100%;
+ padding-left: 15px;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ padding-left: 20px;
+ border-radius: 10px;
+ padding-top: 10px;
+ }
+
+ /*.tab_critere_espace {
+ margin-bottom: 1.5rem;
+ padding-bottom: 1.5rem;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ padding-left: 10px;
+ border-radius: 10px;
+ padding-top: 10px;
+ }*/
+
+ .tab_critere_espace {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 16px;
+ gap: 20px;
+
+ width: 100%;
+ //height: 1110px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_nos_service {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 30px;
+
+ position: absolute;
+ width: 96%;
+ height: 204px;
+ left: 2%;
+ top: 510px;
+
+ }
+
+ .block_nos_formation {
+ //display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 96%;
+ //height: 2574px;
+ left: 2%;
+ top: 550px;
+ }
+
+ .logo {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ position: absolute;
+ width: 108px;
+ height: 52px;
+ left: 72px;
+ top: 52px;
+ }
+
+ .Menu_Header {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ position: absolute;
+ width: 843px;
+ height: 56px;
+ right: 72px;
+ top: 50px;
+ }
+
+ .Header_Content {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ isolation: isolate;
+
+ position: absolute;
+ width: 95%;
+ height: 367px;
+ left: 5%;
+ top: 156px;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ /* Beige */
+
+ // background: #FFF5DA;
+ background: linear-gradient(#e66465, #9198e5);
+
+ }
+
+ .Logo_MySy {
+ width: 108px;
+ height: 36px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .header_menu {
+ /* Les formations */
+ cursor: pointer;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 17px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .bar_vert {
+
+ width: 1px;
+ height: 24px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 10px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 4;
+ flex-grow: 0;
+ }
+
+ .cta1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 288px;
+ height: 56px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 6;
+ flex-grow: 0;
+
+ }
+
+ .cta2 {
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 126px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .cta3 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 154px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+ }
+
+
+ .minscrire {
+ cursor: pointer;
+ //width: 74px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .meconnecter {
+ cursor: pointer;
+ width: 112px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .rectangle_8 {
+ /* Rectangle 8 */
+
+
+ position: absolute;
+ width: 500px;
+ height: 400px;
+ //left: 596px;
+ right: 10rem;
+ top: 0px;
+
+ background: url("../../mysy_img2/img_header.png") no-repeat;
+ filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ z-index: 0;
+ }
+
+ .content_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 85%;
+ height: 367px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ z-index: 1;
+ }
+
+ .title_desc_header {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 636px;
+ height: 230px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-left: 25%;
+ }
+
+ .title1 {
+ width: 100%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 50px;
+ line-height: 54px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .title2 {
+ width: 100%;
+ text-align: left;
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 18px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .search_bar_h {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 100%;
+ height: 113px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 12px 0px 24px;
+ gap: 72px;
+
+ width: 100%;
+ height: 80px;
+
+ /* White */
+
+ background: #FFFFFF;
+ box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .frame_153 {
+ /* Frame 153 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px 27px;
+ gap: 10px;
+
+ width: 588px;
+ height: 17px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .frame_153_txt {
+ width: 534px;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .input_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ width: 100%;
+ height: 80px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .cta_recherche {
+
+ cursor: pointer;
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 142px;
+ height: 56px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .cta_recherche_txt {
+ width: 90px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 17px;
+ line-height: 30px;
+ /* identical to box height, or 176% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .search_dropdown {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 20%;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .search_bar_rectangle {
+ width: 1px;
+ height: 80px;
+
+ background: rgba(0, 0, 0, 0.08);
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .search_text {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 75%;
+ height: 32px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .nos_serv_background {
+ position: absolute;
+ width: 1440px;
+ height: 436px;
+ left: 0px;
+ top: 452px;
+
+ /* White */
+
+ background: #FFFFFF;
+ }
+
+ .nos_serv_txt {
+ width: 227px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+ .nos_serv_list {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 0px;
+ gap: 56px;
+
+ width: 95%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 32%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv2 {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 32%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .nos_serv_serv3 {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 32%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .block_filter {
+ /* Block Filters */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 16px;
+ gap: 24px;
+
+ width: 309px;
+ height: 1110px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .block_list_formation {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ width: 947px;
+ height: 2486px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_filter {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ margin-bottom: 3rem;
+ }
+
+ .sous_filter_metier {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ width: 100%;
+ }
+
+ .sous_filter_txt {
+ /* Les filtres */
+
+
+ // width: 92px;
+ height: 24px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 20px;
+ line-height: 24px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .sous_filter_separator {
+ width: 277px;
+ height: 0px;
+
+ opacity: 0.08;
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_filter_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 12px;
+
+ width: 277px;
+ height: 494px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .sous_mertier {
+ /* Auto layout */
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 277px;
+ height: 496px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .filter_valeur {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 100%;
+ height: 71px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .filter_valeur_txt {
+ /* Eligible CPF */
+
+
+ //width: 78px;
+ letter-spacing: 2px;
+ height: 19px;
+
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 19px;
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+
+ .filter_valeur_block_val {
+ /* List Checkbox */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 100%;
+ height: 48px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .frame_133 {
+ /* Frame 133 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 90px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 1;
+ }
+
+ .frame_133_grp {
+ /* Checbox + Text */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 50px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .frame_133_grp_radio {
+ /* Radio Button */
+ cursor: pointer;
+
+ width: 16px;
+ height: 16px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .frame_133_grp_txt {
+ /* Oui */
+
+
+ width: 26px;
+ height: 22px;
+
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .frame_134 {
+ /* Frame 134 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 90px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 1;
+ }
+
+ .frame_134_grp {
+ /* Checbox + Text */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 55px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .frame_135 {
+ /* Frame 134 */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px;
+ gap: 10px;
+
+ width: 50px;
+ height: 35px;
+
+ /* Light Grey */
+
+ background: #F7F7F7;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 1;
+ }
+
+ .frame_135_grp {
+ /* Checbox + Text */
+
+ margin-left: 10px;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 30px;
+ height: 22px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+
+ .filter_txt {
+ /* Les filtres */
+
+
+ width: 92px;
+ height: 24px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 20px;
+ line-height: 24px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block {
+ /* Filter */
+
+ //cursor: pointer;
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 16px;
+ gap: 10px;
+
+ width: 90%;
+ height: 72px;
+
+ /* White */
+
+ background: #FFFFFF;
+ border: 1px solid #DFDFDF;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 12px;
+
+ width: 180px;
+ height: 40px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_content_radio {
+
+ /* Radio Button */
+
+
+ width: 24px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_content_txt {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 144px;
+ height: 40px;
+
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content_txt_formation {
+ width: 144px;
+ height: 22px;
+
+ text-align: left;
+ margin-top: 10px;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 18px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .filter_metier_sous_block_content_txt_nb {
+ width: 85px;
+ height: 14px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 14px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.7;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .filter_metier_sous_block_plus_metier {
+ /* Icon + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 233px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_plus_metier_1 {
+ border: #0A043C solid;
+ width: 24px;
+ height: 24px;
+ cursor: pointer;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .filter_metier_sous_block_plus_metier_2 {
+ width: 201px;
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 18px;
+ line-height: 22px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .block_actualite {
+ /* Actualité */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 100%;
+ height: 549px;
+ //left: 72px;
+ top: 4300px;
+ display: none;
+
+ }
+
+ .block_actualite_sous_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ width: 100%;
+ height: 453px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .block_actualite_sous_block_text {
+ width: 261px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 95%;
+ height: 365px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+
+ }
+
+ .block_list_actu_actu1 {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 23px;
+
+ width: 32%;
+ height: 364px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_img {
+ width: 100%;
+ height: 250px;
+
+ background: url(https://img.mysy-training.com/img_actu1.png) no-repeat;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ //border: #0A043C solid 1px;
+ }
+
+ .block_list_actu_actu1_date_text {
+ /* Date + Title */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px 0px 0px 8px;
+ gap: 8px;
+
+ //width: 344px;
+ height: 91px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_date {
+ width: 152px;
+ height: 19px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 19px;
+ text-transform: uppercase;
+
+ /* Blue */
+
+ color: #3E6EE3;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_list_actu_actu1_date_text_txt {
+
+ height: 64px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: medium;
+ line-height: 32px;
+ /* or 133% */
+
+ letter-spacing: -0.3px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .pieddepage_v2 {
+ position: relative;
+ width: 100%;
+ //height: 450px;
+ left: 0px;
+ //top: 6050px;
+ top: 5450px;
+ background: #FFF5DA;
+ z-index: -1;
+
+ }
+
+ .bton_tout_nos_article {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 299px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .bton_tout_nos_article_account_box {
+ display: none;
+ width: 24px;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .bton_tout_nos_article_txt {
+ //width: 156px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ }
+
+ .block_partner {
+ /* Partner Block */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 40px;
+ gap: 10px;
+
+ position: absolute;
+ width: 90%;
+ height: 386px;
+ left: 72px;
+ //top: 4950px;
+ top: 4500px;
+
+ /* White */
+
+ background: #FFFFFF;
+ /* Shadow 01 */
+
+ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
+ border-radius: 8px;
+
+ }
+
+ .block_partner_sous_block {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ width: 858px;
+ height: 306px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 16px;
+
+ width: 858px;
+ height: 226px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc_logo {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 4px;
+
+ width: 160px;
+ height: 76px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_logo_desc_desc {
+ width: 600px;
+ height: 48px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 25px;
+ line-height: 28px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_txt {
+ width: 858px;
+ height: 72px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 24px;
+ /* or 150% */
+
+ text-align: center;
+ font-feature-settings: 'liga' off;
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .block_partner_sous_block_buton {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 299px;
+ height: 56px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .logo_not_absolut {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 108px;
+ height: 52px;
+ left: 72px;
+ top: 52px;
+ }
+
+ .block_partner_sous_block_logo_desc_desc2 {
+ width: 858px;
+ height: 72px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 24px;
+ /* or 150% */
+
+ text-align: center;
+ font-feature-settings: 'liga' off;
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .form-select {
+ height: 2.5rem !important;
+ border-radius: 0px;
+ font-size: small;
+ }
+
+ .domaine_icone {
+ margin-top: 5px;
+ }
+
+ .domaine_icone_fa {
+ margin-top: 5px;
+ margin-right: 5px;
+ cursor: pointer;
+ }
+
+ .fron_search {
+ border: none;
+ font-size: medium;
+ padding-right: 5px;
+ }
+
+ // -- 07/01
+ .service1_img {
+ //position: absolute;
+ //width: 76px;
+ //height: 76px;
+ left: 0px;
+ top: 0px;
+
+ background: #D6EBE4;
+ opacity: 1;
+ border-radius: 1rem;
+ margin-top: 1rem;
+ }
+
+ .service1_title_desc {
+ /* Title + Description */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ width: 70%;
+ height: 116px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .service1_title {
+
+
+ width: 100%;
+ height: 32px;
+ text-align: left;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 20px;
+ line-height: 32px;
+ /* identical to box height, or 133% */
+
+ letter-spacing: 0.3px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .service1_desc {
+ //width: 260px;
+ text-align: left;
+ height: 80px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 14px;
+ line-height: 20px;
+ /* or 143% */
+
+
+ /* Bold Grey */
+
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .img_service {
+ width: 100%;
+ height: 4rem;
+ border-radius: 1rem;
+ }
+
+ .forma_et_tuto {
+ width: 99%;
+ margin-left: 5px;
+ height: 80px;
+ padding-top: 10px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ /* identical to box height */
+
+ text-align: center;
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ background: #F7F7F7;
+ }
+
+ .forma_et_tuto_mobile {
+ display: none;
+ }
+
+ .cta_publication {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 5px 5px;
+ gap: 10px;
+
+ width: 154px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: red;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-weight: normal;
+ font-size: 14px;
+ }
+
+ .cta_hebergement {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 5px 5px;
+ gap: 10px;
+
+ width: 154px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: rebeccapurple;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ color: white;
+ font-weight: normal;
+ font-size: 14px;
+ }
+
+
+ .search_bar_2 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 1px 0px 2px;
+ gap: 72px;
+
+ width: 100%;
+ height: 10px;
+
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-bottom: 1rem;
+ text-align: left;
+
+
+ }
+
+ .bton_ensavoir_plus {
+ border-radius: 5rem;
+ font-size: medium;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-top: 10px;
+ cursor: pointer;
+ }
+
+ .bton_menu_v2 {
+ background-color: white;
+ width: 100%;
+ border: 0px;
+ text-align: left;
+ color: black;
+ letter-spacing: 2px;
+ margin: 10px;
+ //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ }
+
+ .bton_menu_v2:hover {
+ //color: white;
+ letter-spacing: 3px;
+ //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ }
+
+
+ .mode_affichage {
+ width: 8%;
+ float: right;
+ cursor: pointer;
+
+ }
+
+ .display_grid_list_bton{
+ width: 10%;
+ float: left;
+ }
+
+
+ }
+
+ // end media
+ .message_hili {
+ color: #619e31;
+ font-weight: bold;
+ opacity: 0.8;
+ background: transparent;
+ //background: linear-gradient(90deg, rgba(2,1,18,1) 100%, rgba(121,35,9,0.39539565826330536) 35%);
+ border-radius: 5px;
+ }
+
+ .buton_ch22 {
+ border: 2px solid white;
+ background-color: transparent;
+ color: white;
+ padding: 0px;
+ font-size: 16px;
+ cursor: pointer;
+ font-size: small;
+ border-radius: 4rem;
+ width: 6rem;
+ min-width: 6rem;
+ height: 1.7rem;
+ text-align: left;
+ }
+
+ .ch_form-input {
+ border-radius: 10rem;
+ height: 3rem;
+ font-size: medium;
+ line-height: 1.5;
+ margin-bottom: 4px;
+ color: white;
+ border: 2.5px solid white;
+ background: transparent;
+ width: 5rem;
+ }
+
+ .MuiPaper-rounded {
+ top: 60px !important;
+ }
+
+ .bton_menu_v2 {
+ background-color: white;
+ width: 100%;
+ border: 0px;
+ text-align: left;
+ color: black;
+ letter-spacing: 2px;
+ margin: 10px;
+ //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ }
+
+ .bton_menu_v2:hover {
+ //color: white;
+ letter-spacing: 3px;
+ //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ }
+
+
+
+}
+
+.header_img_logo22 {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ //max-width: 18%;
+ max-height: 3rem;
+}
+
+.header_menuPrincipal_left {
+ @media only screen and (max-width: 600px) {
+ display: none;
+ }
+
+ margin-left: 0.9rem;
+ font-family: "Quicksand",
+ "Signika",
+ "sans-serif";
+ color: white;
+ cursor: pointer;
+ text-align: left;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ //border:2px solid white;
+ width: 20%;
+ float: left;
+}
+
+.header_menuPrincipal_left:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+}
+
+.MuiPaper-rounded {
+ border-radius: 0px !important;
+}
+
+
+
+
+
+.iSfofc {
+ width: 90% !important;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ margin-top: 0.2rem !important;
+ background: white;
+ padding-top: 0.5rem !important;
+}
+
+.dHtlYi {
+ background: #104277;
+}
+
+.bQSvsY {
+ background: white !important;
+}
+
+.MuiMenu-paper {
+ border-radius: 10px !important;
+}
+
+.MuiListItem-button {
+ background: white !important;
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 76475fe..763ed46 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -125,4 +125,5 @@
@import "./components/partner_catalog_pub";
@import "./components/moduleactivite";
@import "./components/reherche_new_v3";
-@import "./components/displaydetailclass_new_v3";
\ No newline at end of file
+@import "./components/displaydetailclass_new_v3";
+@import "./components/reherche_new_v4";
\ No newline at end of file