diff --git a/.env b/.env
index 88f0d7d..75acaf5 100644
--- a/.env
+++ b/.env
@@ -7,6 +7,8 @@ REACT_APP_API_URL_recette=https://devapimysy.mysy-training.com/
REACT_APP_API_URL=http://localhost:5001/
REACT_APP_BASE_URL=http://localhost:3009/recherche-formation
REACT_APP_FRONT_URL=http://localhost:3009/
+REACT_APP_FRONT_URL_CANONICAL=localhost:3009/
+REACT_APP_FRONT_URL_CANONICAL_BASE=http://
REACT_APP_ENV=DEV
GENERATE_SOURCEMAP=false
REACT_APP_MAINTENANCE=1
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 51590e5..40148ad 100644
--- a/src/App.js
+++ b/src/App.js
@@ -7,11 +7,19 @@ import Connexion from './pages/Connexion'
import Login from './pages/Login';
import Recherche_new_v2 from "./pages/recherche_new_v2";
+
+import Mon_Catalogue_Public from "./pages/mon_catalogue_public";
+
+
import TestUrl from "./pages/testurl";
import Account from "./pages/account";
import DisplayDetailClass_new_v2 from "./pages/displaydetailclass_new_v2";
+import Display_Partner_Catalog_DetailClass_new_v2 from "./pages/display_partner_catalog_detailclass_new_v2"
+
+
+
import DisplayDetailArticle from "./pages/displaydetailarticle";
import Acceuil from "./pages/acceuil";
import Partner from "./pages/partner";
@@ -62,6 +70,35 @@ function App() {
dynamicWidth: window.innerHeight
});
+/*
+ useEffect(() => {
+
+ // Verifier s'il y a un sous domaine
+ var tab_split_sous_domain = window.location.host.split(".");
+
+ console.log(" yaaaaaaaaaa tab_split_sous_domain = ", tab_split_sous_domain);
+
+ console.log("process.env.REACT_APP_FRONT_URL_CANONICAL = ", process.env.REACT_APP_FRONT_URL_CANONICAL);
+
+ if(String(tab_split_sous_domain[0]) !== String(process.env.REACT_APP_FRONT_URL_CANONICAL) ){
+ console.log(" La racine n'est pas normal, on redirige");
+ var new_url = process.env.REACT_APP_FRONT_URL_CANONICAL_BASE + tab_split_sous_domain[0] + "." + process.env.REACT_APP_FRONT_URL_CANONICAL + "moncatalog";
+
+ console.log(" La racine n'est pas normal, on redirige vers : ");
+
+ console.log(" new_url = ", new_url);
+
+
+ window.open( String(new_url),
+ '_self'
+ );
+
+ return;
+
+ }
+
+ }, []);*/
+
return (
diff --git a/src/pages/display_partner_catalog_detailclass_new_v2.js b/src/pages/display_partner_catalog_detailclass_new_v2.js
new file mode 100644
index 0000000..d54c492
--- /dev/null
+++ b/src/pages/display_partner_catalog_detailclass_new_v2.js
@@ -0,0 +1,15 @@
+
+import Display_Partner_Catalog_DetailClass_new_v2 from "../components/Display_Partner_Catalog_DetailClass_new_v2";
+import Navigation from "../components/Navigation";
+
+export default function display_partner_catalog_detailclass() {
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/mon_catalogue_public.js b/src/pages/mon_catalogue_public.js
new file mode 100644
index 0000000..e973dcb
--- /dev/null
+++ b/src/pages/mon_catalogue_public.js
@@ -0,0 +1,21 @@
+import Mon_Catalogue_Public from "../components/Mon_Catalogue_Public";
+import Navigation from "../components/Navigation";
+import Footer from "./footer";
+
+const mon_catalogue_public = () => {
+
+
+ return (
+
+
+ )
+}
+
+
+export default mon_catalogue_public;
diff --git a/src/styles/components/_formation_partner_catalog.scss b/src/styles/components/_formation_partner_catalog.scss
new file mode 100644
index 0000000..1e7356a
--- /dev/null
+++ b/src/styles/components/_formation_partner_catalog.scss
@@ -0,0 +1,1661 @@
+.formation_partner_catalog {
+ .p_class {
+ margin-bottom: 0.3rem !important;
+ letter-spacing: 1px;
+ }
+
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: small;
+ }
+
+ .ftion_tab_gauche {
+ width: 65%;
+ float: left;
+ text-align: left;
+ font-weight: bold;
+
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 19px;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .ftion_tab_droite {
+ width: 35%;
+ float: left;
+ text-align: center;
+
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 19px;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .media_sociaux svg {
+ margin-top: 0 !important;
+ }
+
+ .icone_location{
+ font-size: large;
+ }
+
+ /* less than 600 px */
+ @media screen and (max-width: 600px) {
+ .p_class {
+ margin-bottom: 0.3rem !important;
+ text-align: center;
+ letter-spacing: 1px;
+ text-decoration: solid;
+ }
+
+ .criteres {
+ font-size: 0.69rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #104277;
+ //font-size: smaller;
+ padding-bottom: 0rem;
+ margin-bottom: 0rem;
+ }
+
+ .div_row {
+ float: left;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 100%;
+ margin-bottom: 3px !important;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ // border:1px solid black;
+ // border-width:0.01rem;
+ width: 50%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .forma_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .forma_leftbox {
+ float: left;
+ border-width: 2px;
+ width: 20%;
+ height: 100%;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ }
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 100%;
+ padding: 0.5rem;
+ font-size: 11px;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ margin-top: 1px;
+ cursor: pointer;
+ overflow-wrap: break-word;
+ }
+
+ .h1_forma {
+ color: #ff4411;
+ font-size: small;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ }
+
+ .p_forma {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ font-size: 0.74rem;
+ text-align: justify;
+ word-break: break-word;
+ margin-bottom: 4px;
+ color: #3b3e40;
+ }
+
+ .imgcoeur {
+ width: 60%;
+ }
+
+ .forma_img_gauche {
+ /*float: left;
+ border-width: 2px;
+ width: 24%;
+ padding: 0.3rem;
+ font-size: 11px;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ margin-top: 1px;
+ cursor: pointer;*/
+ display: none;
+ }
+
+ .training_img {
+ max-width: 100%;
+ border-radius: 10px;
+ }
+
+ .div_row_critere {
+ float: left;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 95%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+
+ .training_title {
+ color: #619e31;
+ font-size: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ text-align: left;
+ letter-spacing: 1px;
+ margin-bottom: 0.6rem !important;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 300;
+ font-size: 18px;
+ line-height: 22px;
+ /* identical to box height */
+
+ font-feature-settings: 'liga' off;
+
+ /* Blue */
+
+ color: #3E6EE3;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ }
+
+ .training_price {
+ color: #619e31;
+ font-size: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ text-align: left;
+ letter-spacing: 1px;
+ margin-bottom: 0.6rem !important;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 18px;
+ line-height: 22px;
+
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ 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: 2;
+ flex-grow: 0;
+
+ }
+
+ .bton_inscris {
+ position: relative;
+ background: red;
+ -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white));
+
+ }
+
+ bton_inscris:after,
+ bton_inscris:before {
+ content: "";
+ position: absolute;
+ display: block;
+ width: inherit;
+ height: 50%;
+ bottom: -52%;
+ }
+
+ bton_inscris:after {}
+
+ bton_inscris:before {
+ z-index: 1;
+ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
+ }
+
+ //----
+
+ .block_cpf {
+ /* Tag */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 10px;
+ gap: 10px;
+
+ //position: absolute;
+ //width: 173px;
+ //height: 37px;
+ //right: -16px;
+ top: 0px;
+
+ background: #FFE7DA;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ z-index: 2;
+ }
+
+ .block_cpf_txt {
+ //width: 153px;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 12px;
+ line-height: 17px;
+ /* identical to box height */
+
+ text-transform: uppercase;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .react-share__ShareButton {
+ width: 2rem !important;
+ text-align: left;
+ }
+
+ .css-ryrseu-MuiRating-root {
+ font-size: 1.3rem;
+ }
+
+ .div_row_droite_cpf {
+ float: right;
+ width: 50%;
+ text-align: right;
+ }
+
+ .div_row_gauche_critere {
+ padding: 10px;
+ width: 100% !important;
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+
+ .div_row_droite_critere {
+ padding: 5px;
+ width: 100% !important;
+ margin-top: 1px;
+ }
+
+
+ .bton_se_renseinger {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 95%;
+ background: #FFFFFF;
+ color: #104277;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .bton_voir_detail {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 95%;
+ background: #104277;
+ color: white;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .bton_sinscrire {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 95%;
+ background: #619E31;
+ color: white;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .ftion_tab_gauche {
+ width: 50%;
+ }
+
+ .ftion_tab_droite {
+ width: 50%;
+ }
+
+ .discounted_price {
+ font-weight: 600;
+ font-size: 18px;
+ color: #ff8c00;
+ }
+
+ .training_price_barre {
+ font-weight: 500;
+ font-size: 16px;
+ color: #647585;
+ text-decoration: line-through;
+ margin-left: 2rem;
+ }
+
+ .discount_block {
+ font-weight: 400;
+ margin-left: 1rem;
+ color: red;
+ font-size: 18px;
+ }
+
+
+
+ }
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+
+ .ftion_tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ font-weight: bold;
+
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 19px;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .ftion_tab_droite {
+ width: 50%;
+ float: left;
+ text-align: center;
+
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 19px;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+
+ .div_row {
+ float: left;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 100%;
+ margin-bottom: 5px !important;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ // border:1px solid black;
+ // border-width:0.01rem;
+ width: 50% !important;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 50%;
+ border-radius: 1rem;
+ }
+
+ .forma_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .forma_leftbox {
+ float: left;
+ border-width: 2px;
+ width: 20%;
+ height: 100%;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ }
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 76%;
+ margin: auto;
+ padding: 0.5rem;
+ font-size: small;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ cursor: pointer;
+ overflow-wrap: break-word;
+ }
+
+ .criteres {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #104277;
+ font-size: 0.70rem;
+ padding-bottom: 0rem;
+ margin-bottom: 0rem;
+ }
+
+ .h1_forma {
+ color: #ff4411;
+ font-size: medium;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ }
+
+ .p_forma {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 0.74rem;
+ line-height: 1.3rem;
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ color: #3b3e40;
+ padding-bottom: 0rem;
+ text-align: justify;
+ word-break: break-word;
+ }
+
+ .imgcoeur {
+ width: 60%;
+ }
+
+ .forma_img_gauche {
+ float: left;
+ border-width: 2px;
+ width: 24%;
+ padding: 0.3rem;
+ font-size: 11px;
+ text-align: center;
+ color: rgb(10, 42, 77);
+ margin-top: 1px;
+ cursor: pointer;
+ }
+
+ .training_img {
+ max-width: 100%;
+ border-radius: 10px;
+ }
+
+ .div_row_critere {
+ float: left;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+
+ .training_title {
+ color: #619e31;
+ font-size: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ text-align: left;
+ letter-spacing: 1px;
+ margin-bottom: 0.6rem !important;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 18px;
+ line-height: 20px;
+ /* identical to box height */
+
+ font-feature-settings: 'liga' off;
+
+ /* Blue */
+
+ color: #3E6EE3;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ }
+
+ .training_price {
+ color: #619e31;
+ font-size: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ text-align: left;
+ letter-spacing: 1px;
+ margin-bottom: 0.6rem !important;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 18px;
+ line-height: 22px;
+
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ 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: 2;
+ flex-grow: 0;
+
+ }
+
+ .bton_inscris {
+ position: relative;
+ background: red;
+ -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white));
+
+ }
+
+ bton_inscris:after,
+ bton_inscris:before {
+ content: "";
+ position: absolute;
+ display: block;
+ width: inherit;
+ height: 50%;
+ bottom: -52%;
+ }
+
+ bton_inscris:after {}
+
+ bton_inscris:before {
+ z-index: 1;
+ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
+ }
+
+ //----
+
+ .block_cpf {
+ /* Tag */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 10px;
+ gap: 10px;
+
+ //position: absolute;
+ //width: 173px;
+ //height: 37px;
+ //right: -16px;
+ top: 0px;
+
+ background: #FFE7DA;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ z-index: 2;
+ }
+
+ .block_cpf_txt {
+ //width: 153px;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+ text-transform: uppercase;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .react-share__ShareButton {
+ width: 2rem !important;
+ text-align: left;
+ }
+
+ .css-ryrseu-MuiRating-root {
+ font-size: 1.3rem;
+ }
+
+ .div_row_droite_cpf {
+ float: right;
+ width: 40%;
+ text-align: right;
+ }
+
+ .div_row_gauche_critere {
+ padding: 10px;
+ width: 66% !important;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+
+
+ .div_row_droite_critere {
+ padding: 10px;
+ width: 34% !important;
+ margin-top: 15px;
+ }
+
+
+ .bton_se_renseinger {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 90%;
+ background: #FFFFFF !important;
+ color: #104277 !important;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .bton_voir_detail {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 90%;
+ background-color: #104277 !important;
+ color: white !important;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .bton_sinscrire {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 90%;
+ background-color: #619E31 !important;
+ color: white !important;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .row_formation_desc {
+ min-height: 5rem !important;
+ }
+
+ .row_formation_title {
+ min-height: 3rem !important;
+ }
+
+ .row_formation_crit {
+ min-height: 10rem !important;
+ }
+
+ .discounted_price {
+ font-weight: 600;
+ font-size: 20px;
+ color: #ff8c00;
+ }
+
+ .training_price_barre {
+ font-weight: 500;
+ font-size: 18px;
+ color: #647585;
+ text-decoration: line-through;
+ margin-left: 2rem;
+ }
+
+ .discount_block {
+ font-weight: 400;
+ margin-left: 1rem;
+ color: red;
+ }
+
+
+
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .div_row {
+ float: left;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 100%;
+ margin-bottom: 2px !important;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ // border:1px solid black;
+ // border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ }
+
+ .forma_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .forma_leftbox {
+ float: left;
+ border-width: 2px;
+ width: 20%;
+ height: 100%;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ }
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 76%;
+ margin: auto;
+ padding: 0.5rem;
+ font-size: small;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ cursor: pointer;
+ overflow-wrap: break-word;
+ }
+
+ .criteres {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #104277;
+ font-size: 0.8rem;
+ padding-bottom: 0rem;
+ margin-bottom: 0rem;
+ }
+
+ .h1_forma {
+ color: #ff4411;
+ font-size: medium;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ }
+
+ .p_forma {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 0.77rem;
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ color: #3b3e40;
+ padding-bottom: 0rem;
+ text-align: justify;
+ word-break: break-word;
+ line-height: 1.3rem;
+ }
+
+ .imgcoeur {
+ width: 45%;
+ }
+
+ .forma_img_gauche {
+ float: left;
+ border-width: 2px;
+ width: 24%;
+ padding: 0.3rem;
+ font-size: 11px;
+ text-align: center;
+ color: rgb(10, 42, 77);
+ margin-top: 1px;
+ cursor: pointer;
+ }
+
+ .training_img {
+ max-width: 100%;
+ border-radius: 10px;
+ }
+
+ .div_row_critere {
+ float: left;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 95%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+
+ .training_title {
+ color: #619e31;
+ font-size: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ text-align: left;
+ letter-spacing: 1px;
+ margin-bottom: 0.6rem !important;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 18px;
+ line-height: 20px;
+ /* identical to box height */
+
+ font-feature-settings: 'liga' off;
+
+ /* Blue */
+
+ color: #3E6EE3;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ }
+
+ .training_price {
+ color: #619e31;
+ font-size: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ text-align: left;
+ letter-spacing: 1px;
+ margin-bottom: 0.6rem !important;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 18px;
+ line-height: 22px;
+
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ 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: 2;
+ flex-grow: 0;
+
+ }
+
+ .bton_inscris {
+ position: relative;
+ background: red;
+ -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white));
+
+ }
+
+ bton_inscris:after,
+ bton_inscris:before {
+ content: "";
+ position: absolute;
+ display: block;
+ width: inherit;
+ height: 50%;
+ bottom: -52%;
+ }
+
+ bton_inscris:after {}
+
+ bton_inscris:before {
+ z-index: 1;
+ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
+ }
+
+ //----
+
+ .block_cpf {
+ /* Tag */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 10px;
+ gap: 10px;
+
+ //position: absolute;
+ //width: 173px;
+ //height: 37px;
+ //right: -16px;
+ top: 0px;
+
+ background: #FFE7DA;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ z-index: 2;
+ }
+
+ .block_cpf_txt {
+ //width: 153px;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+ text-transform: uppercase;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .react-share__ShareButton {
+ width: 2rem !important;
+ text-align: left;
+ }
+
+ .css-ryrseu-MuiRating-root {
+ font-size: 1.3rem;
+ }
+
+ .div_row_droite_cpf {
+ float: right;
+ width: 30%;
+ text-align: right;
+ }
+
+ .div_row_gauche_critere {
+ padding: 10px;
+ width: 60% !important;
+ padding-left: 5%;
+ }
+
+ .div_row_droite_critere {
+ padding: 10px;
+ width: 40% !important;
+ margin-top: 5px;
+ }
+
+
+ .bton_se_renseinger {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 60%;
+ background: #FFFFFF !important;
+ color: #104277 !important;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .bton_voir_detail {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 60%;
+ background-color: #104277 !important;
+ color: white !important;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .bton_sinscrire {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 60%;
+ background-color: #619E31 !important;
+ color: white !important;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .ftion_tab_gauche {
+ width: 70%;
+ }
+
+ .ftion_tab_droite {
+ width: 30%;
+ }
+
+ .row_formation_desc {
+ min-height: 5rem !important;
+ }
+
+ .row_formation_title {
+ min-height: 3rem !important;
+ }
+
+ .row_formation_crit {
+ min-height: 10rem !important;
+ }
+
+ .discounted_price {
+ font-weight: 600;
+ font-size: 20px;
+ color: #ff8c00;
+ }
+
+ .training_price_barre {
+ font-weight: 500;
+ font-size: 18px;
+ color: #647585;
+ text-decoration: line-through;
+ margin-left: 2rem;
+ }
+
+ .discount_block {
+ font-weight: 400;
+ margin-left: 1rem;
+ color: red;
+ }
+
+
+
+ }
+
+ @media only screen and (min-width: 1200px) {
+ .div_row {
+ float: left;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 100%;
+ //margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ // border:1px solid black;
+ // border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: left;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ }
+
+ .forma_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .forma_leftbox {
+ float: left;
+ border-width: 2px;
+ width: 20%;
+ height: 100%;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ }
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 79%;
+ margin: auto;
+ padding: 0.5rem;
+ font-size: small;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ cursor: pointer;
+ overflow-wrap: break-word;
+ }
+
+ .criteres {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #104277;
+ font-size: small;
+ padding-bottom: 0rem;
+ margin-bottom: 0rem;
+
+
+ }
+
+ .h1_forma {
+ color: #ff4411;
+ font-size: medium;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ }
+
+ .p_forma {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ padding-bottom: 0rem;
+ text-align: justify;
+ word-break: break-word;
+ line-height: 1.3rem;
+ font-size: 0.8rem;
+ margin-bottom: 4px;
+ color: #3b3e40;
+ }
+
+ .imgcoeur {
+ width: 20%;
+ }
+
+ .forma_img_gauche {
+ float: left;
+ border-width: 2px;
+ width: 20%;
+ padding: 0.3rem;
+ font-size: 11px;
+ text-align: center;
+ color: rgb(10, 42, 77);
+ margin-top: 1px;
+ cursor: pointer;
+ }
+
+ .training_img {
+ max-width: 100%;
+ border-radius: 10px;
+ }
+
+ .div_row_critere {
+ float: left;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 98%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .training_title {
+ color: #619e31;
+ font-size: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ text-align: left;
+ letter-spacing: 1px;
+ margin-bottom: 0.6rem !important;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 20px;
+ line-height: 25px;
+ /* identical to box height */
+
+ font-feature-settings: 'liga' off;
+
+ /* Blue */
+
+ color: #3E6EE3;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ text-transform: uppercase;
+ }
+
+ .training_price {
+ color: #619e31;
+ font-size: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ text-align: left;
+ letter-spacing: 1px;
+ margin-bottom: 0.6rem !important;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 18px;
+ line-height: 22px;
+
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ 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: 2;
+ flex-grow: 0;
+
+ }
+
+ .aaatraining_price_barre {
+ color: #619e31;
+ font-size: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ text-align: left;
+ letter-spacing: 1px;
+ margin-bottom: 0.6rem !important;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 18px;
+ line-height: 22px;
+
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 800;
+ 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: 2;
+ flex-grow: 0;
+ text-decoration: line-through;
+
+ }
+
+ .discounted_price {
+ font-weight: 600;
+ font-size: 20px;
+ color: #ff8c00;
+ }
+
+ .training_price_barre {
+ font-weight: 500;
+ font-size: 18px;
+ color: #647585;
+ text-decoration: line-through;
+ margin-left: 2rem;
+ }
+
+ .bton_inscris {
+ position: relative;
+ background: red;
+ -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white));
+
+ }
+
+ bton_inscris:after,
+ bton_inscris:before {
+ content: "";
+ position: absolute;
+ display: block;
+ width: inherit;
+ height: 50%;
+ bottom: -52%;
+ }
+
+ bton_inscris:after {}
+
+ bton_inscris:before {
+ z-index: 1;
+ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
+ }
+
+ //----
+
+ .block_cpf {
+ /* Tag */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 10px;
+ gap: 10px;
+
+ //position: absolute;
+ //width: 173px;
+ //height: 37px;
+ //right: -16px;
+ top: 0px;
+
+ background: #FFE7DA;
+ border-radius: 4px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ z-index: 2;
+ }
+
+ .block_cpf_txt {
+ //width: 153px;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+ text-transform: uppercase;
+ font-feature-settings: 'liga' off;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .react-share__ShareButton {
+ width: 2rem !important;
+ text-align: left;
+ }
+
+ .css-ryrseu-MuiRating-root {
+ font-size: 1.3rem;
+ }
+
+
+ .div_row_droite_cpf {
+ float: right;
+ width: 25%;
+ text-align: right;
+ }
+
+
+ .div_row_gauche_critere {
+ padding: 10px;
+ width: 55%;
+ padding-left: 5%;
+ }
+
+
+ .div_row_droite_critere {
+ padding: 10px;
+ width: 45% !important;
+ margin-top: 15px;
+ }
+
+
+ .bton_se_renseinger {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 70%;
+ background: #FFFFFF !important;
+ color: #104277 !important;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .bton_voir_detail {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 70%;
+ background-color: #104277 !important;
+ color: white !important;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .bton_sinscrire {
+ border-radius: 15px;
+ font-size: small;
+ padding: 0.2rem;
+ width: 70%;
+ background-color: #619E31 !important;
+ color: white !important;
+ margin-right: 10px;
+ height: 2rem;
+ margin: 5px;
+
+ }
+
+ .row_formation_desc {
+ min-height: 5rem !important;
+ }
+
+ .row_formation_title {
+ min-height: 3rem !important;
+ }
+
+ .row_formation_crit {
+ min-height: 10rem !important;
+ }
+
+ .discount_block {
+ font-weight: 400;
+ margin-left: 1rem;
+ color: red;
+ }
+ }
+
+ // end media
+}
\ No newline at end of file
diff --git a/src/styles/components/_mon_catalogue_public.scss b/src/styles/components/_mon_catalogue_public.scss
new file mode 100644
index 0000000..734128f
--- /dev/null
+++ b/src/styles/components/_mon_catalogue_public.scss
@@ -0,0 +1,14380 @@
+.mon_catalogue_public {
+
+ .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;
+ }
+
+
+ .Partner_Catalog_Background_Header {
+ /* Background Header */
+ position: absolute;
+ width: 100%;
+ height: 350px;
+ left: 0px;
+ top: 0px;
+
+ }
+
+
+
+ .Menu_Header {
+ display: none;
+ }
+
+ .block_nos_service {
+ position: absolute;
+ width: 100%;
+ height: 100px;
+ left: 0px;
+ top: 474px;
+
+ /* White */
+
+ background: #FFFFFF;
+
+ display: none;
+
+ }
+
+ .logo {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ position: absolute;
+ width: 108px;
+ height: 52px;
+ left: 150px;
+ top: 30px;
+ }
+
+
+ .Logo_MySy {
+ width: 108px;
+ height: 36px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .title_desc_header {
+ position: absolute;
+ width: 95%;
+ height: 120px;
+ //left: 24px;
+ top: 100px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 30px;
+ line-height: 40px;
+ /* or 125% */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+ }
+
+ .block_nos_formation {
+ /* Formations & Tutoriels */
+
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 97%;
+ //height: 1486px;
+ left: 1%;
+ top: 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;
+ }
+ }
+
+ @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_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 71%;
+ height: 100%;
+ margin: auto;
+ margin-right: auto;
+ padding: 0.1rem;
+ padding-right: 5px;
+ padding-left: 5px;
+ border-radius: 30px;
+ margin-right: 0px;
+ padding-left: 1px;
+ padding-right: 5px;
+ }
+
+ .textsurimage {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ font-size: 40pt;
+ text-align: center;
+ position: absolute;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ position: absolute;
+ }
+
+ .rech_list_formation2 {
+ display: inline-block;
+ width: 100%;
+ background-color: white;
+ height: auto;
+ padding: 1px;
+ outline: 1px solid #ccc;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ }
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ h3 {
+ font-size: 2rem;
+ }
+
+ .form {
+ font-size: medium;
+ //width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ position: relative;
+ margin-top: 1rem;
+ z-index: 11;
+ display: flex;
+ }
+
+ .textsurimage23 {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ text-align: center;
+ position: absolute;
+ top: 20%;
+ left: 30%;
+ width: 20rem;
+ }
+
+ h4 {
+ display: inline-block;
+ font-size: x-large;
+ /*or whatever you want*/
+ color: white;
+ }
+
+ .default_font {
+ color: #3c4043;
+ display: inline-block;
+ line-height: 28px;
+ font-size: small;
+ }
+
+ .form-input {
+ border-radius: 10rem;
+ height: 2.5rem;
+ font-size: medium;
+
+ line-height: 1.5;
+ margin-bottom: 2px;
+ color: white;
+ border: 2px solid white;
+ background: transparent;
+ box-shadow: none;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ cursor: pointer;
+ }
+
+ .form span {
+ position: absolute;
+ right: 0.2rem;
+ top: 0.1rem;
+ padding: 2px;
+ border-left: 0.2rem solid #d1d5db;
+ height: 2.4rem;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ cursor: pointer;
+ }
+
+ .form span_clear {
+ position: absolute;
+ right: 2rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid #d1d5db !important;
+ height: 2.4rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .left-pan {
+ padding-left: 7px;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ margin-top: 0.5rem;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 30%;
+ }
+
+
+ .form-select {
+ height: 1.5rem !important;
+ border-radius: 0px;
+ font-size: small;
+ }
+
+ .mb-3 {
+ margin-bottom: 0.5rem !important;
+ cursor: pointer;
+ }
+
+ .input-group-text {
+ font-size: 0.6rem !important;
+ padding-left: 0rem !important;
+ padding-right: 0.2rem !important;
+ }
+
+ .rech_rightbox {
+ /* opacity: 1;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ padding-top: 0.5rem;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "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;
+
+ }
+
+ .Partner_Catalog_Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ }
+
+
+ .Logo_MySy {
+ width: 108px;
+ height: 36px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .header_menu {
+ /* Les formations */
+
+ cursor: pointer;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .bar_vert {
+
+ width: 1px;
+ height: 24px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 10px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 4;
+ flex-grow: 0;
+ }
+
+ .cta1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 5px;
+
+ width: 258px;
+ height: 56px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 6;
+ flex-grow: 0;
+
+ }
+
+ .cta2 {
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 5px;
+ gap: 10px;
+
+ width: 116px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .cta3 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 5px;
+ gap: 10px;
+
+ width: 114px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+ }
+
+
+ .minscrire {
+ cursor: pointer;
+ //width: 74px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ font-weight: normal;
+ font-size: 12px;
+
+ }
+
+ .meconnecter {
+ cursor: pointer;
+ //width: 102px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ font-weight: normal;
+ font-size: 12px;
+ }
+
+ .rectangle_8 {
+ /* Rectangle 8 */
+
+
+ position: absolute;
+ width: 50%;
+ height: 350px;
+ //left: 596px;
+ right: 2rem;
+ top: 0px;
+
+ background: url("../../mysy_img2/img_header.png") no-repeat;
+ filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ z-index: 0;
+ }
+
+ .content_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 100%;
+ height: 367px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ z-index: 1;
+ }
+
+ .title_desc_header {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 636px;
+ height: 230px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .title1 {
+
+ text-align: center;
+ width: 60%;
+ height: 180px;
+
+ text-align: left;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 35px;
+ line-height: 40px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .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;
+ }
+
+ }
+
+ @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_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 64%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ //background-color: #f8f9f9;
+ //overflow-y: scroll;
+ }
+
+ .rech_rightbox {
+ /* float: right;
+ //border: 0px solid black;
+ border-width: 0px;
+ width: 20%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ padding-top: 0.5rem;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "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%);
+ }
+
+ .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;
+
+ }
+
+ .Partner_Catalog_Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ }
+
+ .Logo_MySy {
+ width: 108px;
+ height: 36px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .header_menu {
+ /* Les formations */
+ cursor: pointer;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .bar_vert {
+
+ width: 1px;
+ height: 24px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 10px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 4;
+ flex-grow: 0;
+ }
+
+ .cta1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 288px;
+ height: 56px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 6;
+ flex-grow: 0;
+
+ }
+
+ .cta2 {
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 126px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .cta3 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 154px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+ }
+
+
+ .minscrire {
+ cursor: pointer;
+ //width: 74px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .meconnecter {
+ cursor: pointer;
+ //width: 102px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .rectangle_8 {
+ /* Rectangle 8 */
+
+
+ position: absolute;
+ width: 500px;
+ height: 400px;
+ //left: 596px;
+ right: 1rem;
+ top: 0px;
+
+ background: url("../../mysy_img2/img_header.png") no-repeat;
+ filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ z-index: 0;
+ }
+
+ .content_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 900px;
+ height: 367px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ z-index: 1;
+ }
+
+ .title_desc_header {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 636px;
+ height: 230px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .title1 {
+ width: 60%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 44px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .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;
+ }
+
+ }
+
+ @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_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 75%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ //border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ background: #F7F7F7;
+ //background-color: #f8f9f9;
+ //overflow-y:scroll;
+ }
+
+ .rech_rightbox {
+ /* float: right;
+ //border-left: 0px solid black;
+ width: 20%;
+ height: 100%;
+ margin: 0px;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ height: 100%;
+ margin-top: 0.5rem !important;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "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%);
+ }
+
+ .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;
+
+ }
+
+ .Partner_Catalog_Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ }
+
+
+ .Logo_MySy {
+ width: 108px;
+ height: 36px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .header_menu {
+ /* Les formations */
+ cursor: pointer;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 17px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .bar_vert {
+
+ width: 1px;
+ height: 24px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 10px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 4;
+ flex-grow: 0;
+ }
+
+ .cta1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 288px;
+ height: 56px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 6;
+ flex-grow: 0;
+
+ }
+
+ .cta2 {
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 126px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .cta3 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 154px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+ }
+
+
+ .minscrire {
+ cursor: pointer;
+ //width: 74px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .meconnecter {
+ cursor: pointer;
+ width: 112px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .rectangle_8 {
+ /* Rectangle 8 */
+
+
+ position: absolute;
+ width: 500px;
+ height: 400px;
+ //left: 596px;
+ right: 5%;
+ top: 0px;
+
+ background: url("../../mysy_img2/img_header.png") no-repeat;
+ filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ z-index: 0;
+ }
+
+ .content_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 80%;
+ height: 367px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ z-index: 1;
+ }
+
+ .title_desc_header {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 636px;
+ height: 230px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .title1 {
+ width: 90%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 50px;
+ line-height: 54px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .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;
+ }
+
+ }
+
+ @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_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 75%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ //background-color: #f8f9f9;
+ //overflow-y:scroll;
+ }
+
+ .rech_rightbox {
+ /* float: right;
+ //border-left: 0px solid black;
+ width: 20%;
+ height: 100%;
+ margin: 0px;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ height: 100%;
+ margin-top: 0.5rem !important;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "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%);
+ }
+
+ .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;
+
+ }
+
+ .Partner_Catalog_Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+
+ }
+
+
+
+ .Logo_MySy {
+ width: 108px;
+ height: 36px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ .header_menu {
+ /* Les formations */
+ cursor: pointer;
+ height: 17px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 17px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ flex-grow: 0;
+ }
+
+ .bar_vert {
+
+ width: 1px;
+ height: 24px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 10px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 4;
+ flex-grow: 0;
+ }
+
+ .cta1 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ width: 288px;
+ height: 56px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 6;
+ flex-grow: 0;
+
+ }
+
+ .cta2 {
+ box-sizing: border-box;
+
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 126px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ border: 1px solid #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .cta3 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 13px 26px;
+ gap: 10px;
+
+ width: 154px;
+ height: 56px;
+
+ /* Deep Blue */
+
+ background: #0A043C;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+
+ }
+
+
+ .minscrire {
+ cursor: pointer;
+ //width: 74px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .meconnecter {
+ cursor: pointer;
+ width: 112px;
+ height: 30px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 30px;
+ /* identical to box height, or 188% */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .rectangle_8 {
+ /* Rectangle 8 */
+
+
+ position: absolute;
+ width: 500px;
+ height: 400px;
+ //left: 596px;
+ right: 10rem;
+ top: 0px;
+
+ background: url("../../mysy_img2/img_header.png") no-repeat;
+ filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ z-index: 0;
+ }
+
+ .content_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 85%;
+ height: 367px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ z-index: 1;
+ }
+
+ .title_desc_header {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 16px;
+
+ width: 636px;
+ height: 230px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .title1 {
+ width: 100%;
+ text-align: left;
+ height: 192px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 50px;
+ line-height: 54px;
+ /* or 107% */
+
+ letter-spacing: 1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .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");
+ }
+
+
+ }
+
+ // 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/components/_reherche_new_v2.scss b/src/styles/components/_reherche_new_v2.scss
index b02be37..2002f89 100644
--- a/src/styles/components/_reherche_new_v2.scss
+++ b/src/styles/components/_reherche_new_v2.scss
@@ -16,7 +16,7 @@
//color: red;
font-size: 0.1rem;
}
-
+
@media only screen and (max-width: 600px) {
.calage {
display: none;
diff --git a/src/styles/components/_updateparnterinfo.scss b/src/styles/components/_updateparnterinfo.scss
index cc2ad13..75479ea 100644
--- a/src/styles/components/_updateparnterinfo.scss
+++ b/src/styles/components/_updateparnterinfo.scss
@@ -245,6 +245,7 @@
letter-spacing: 0.1rem;
font-weight: normal;
width: 100%;
+ height: 2rem !important;
}
@@ -480,6 +481,7 @@
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
+ height: 2rem !important;
}
@@ -714,6 +716,7 @@
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
+ height: 2rem !important;
}
@@ -965,6 +968,7 @@
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
+ height: 2rem !important;
}
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 61659b8..525163b 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -119,4 +119,6 @@
@import "./components/emarge_qr_code";
@import "./components/partner_product_service";
@import "./components/module_email_management";
-@import "./components/groupe_apprenant_dialog";
\ No newline at end of file
+@import "./components/groupe_apprenant_dialog";
+@import "./components/mon_catalogue_public";
+@import "./components/formation_partner_catalog";
\ No newline at end of file