diff --git a/src/components/Fotter_v2.js b/src/components/Fotter_v2.js
new file mode 100644
index 0000000..6edcb31
--- /dev/null
+++ b/src/components/Fotter_v2.js
@@ -0,0 +1,90 @@
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import Paper from '@mui/material/Paper';
+import Grid from '@mui/material/Grid';
+import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share";
+import { SocialIcon } from 'react-social-icons';
+import {
+ Box,
+ Container,
+ Row,
+ Column,
+ FooterLink,
+ Heading,
+} from "./FooterStyles";
+
+import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
+
+
+const Footer_v2 = () => {
+
+ // Integration du gestionnaire de cookie : axeptio
+
+ window.axeptioSettings = {
+ clientId: "6273ecd99c50de9cfb190555",
+ cookiesVersion: "mysy training technology-fr",
+ };
+
+ (function (d, s) {
+ var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
+
+ e.async = true; e.src = "//static.axept.io/sdk-slim.js";
+ t.parentNode.insertBefore(e, t);
+ })(document, "script");
+
+
+ return (
+
+
+
+
+
+
+
+
+
+

+
+
+
+ Le Guide des formations & Tutos pour tous Trouvez la formation ou le tuto selon vos critères
+
+
+
+
MySy Training
+
Qui sommes-nous ?
+
Nos engagements
+
Nous contacter
+
CGU
+
CGV
+
+
+
+
+
Produits & Services
+
Nos offres
+
Publier votre catalogue
+
M’inscrire
+
Me connecter
+
Données Personnelles
+
Mentions légales
+
+
+
+
+
Newsletters
+
+ Entrer votre email
+
+
+
+
+
+
+
+
+
+
+ );
+};
+export default Footer_v2;
diff --git a/src/components/Recherche_new_v2.js b/src/components/Recherche_new_v2.js
new file mode 100644
index 0000000..ea0545e
--- /dev/null
+++ b/src/components/Recherche_new_v2.js
@@ -0,0 +1,3611 @@
+import React, { useRef, useState, useMemo, useEffect } from "react";
+import { useForm } from "react-hook-form";
+import axios from "axios";
+import Formation from "./Formation";
+import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
+import { BsFillXCircleFill } from "react-icons/bs";
+import { IoAddSharp } from "react-icons/io5";
+import bannerimg from "../mysy_img/MYSY_banner_compte.png";
+import bannerimg2 from "../mysy_img/MYSY-LOGO-BLUE.png";
+import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png";
+import img_met_program from "../mysy_img/met_programmation.jpg";
+import img_met_hotel from "../mysy_img/met_hotel.jpg";
+import img_met_graphisme from "../mysy_img/metier_graphisme.jpg";
+
+import img_met_autre from "../mysy_img/met_autre.jpg";
+import img_met_digital from "../mysy_img/met_digital.jpg";
+import img_met_management from "../mysy_img/met_management.jpg";
+import img_met_projet from "../mysy_img/met_projet.jpg";
+
+import img_met_market from "../mysy_img/met_market.jpg";
+import img_met_autre2 from "../mysy_img/met_autre2.jpg";
+import img_met_dev_perso from "../mysy_img/metier_dev_perso.jpg";
+import img_met_rh from "../mysy_img/met_rh.jpg";
+
+import img_met_bureautic from "../mysy_img/met_burautic.jpg";
+import img_met_vente from "../mysy_img/met_vente.jpg";
+
+
+import Pagination from "./TestPagination";
+import data from "./data/mock-data.json";
+import { useHistory } from "react-router-dom";
+import { getCookie, removeCookie } from 'react-use-cookie';
+import { Helmet } from "react-helmet";
+import NosArticlesAlaUne from "./ArticlesAlaUnes";
+import Drole from "./DroleVsCherchezFormation";
+import { Android, NoEncryption } from "@mui/icons-material";
+import AideRecherche from "./AideRecherche"
+import { useParams } from 'react-router-dom'
+import Footer_v2 from "./Fotter_v2";
+import Footer from "./Fotter";
+import LogoutOutlinedIcon from '@mui/icons-material/LogoutOutlined';
+import Button from '@mui/material/Button';
+import MenuItem from "@material-ui/core/MenuItem";
+import Menu from "@material-ui/core/Menu";
+import Header from "./Header";
+
+import connect_white from "../mysy_img/connect_white_v2.png";
+import connect_green from "../mysy_img/connect_green.png";
+import { confirmAlert } from 'react-confirm-alert'; // Import
+import { useCookies } from "react-cookie";
+import InputRange from 'react-input-range';
+import 'react-input-range/lib/css/index.css';
+import tick_ko from "../mysy_img/tick_KO.png";
+
+
+import { SelectChangeEvent } from '@mui/material/Select';
+import Chip from '@mui/material/Chip';
+import Select, { StylesConfig } from 'react-select';
+
+import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
+import { AiTwotoneFolder } from "react-icons/ai";
+import serv_img_market_digi from "../mysy_img/market_digi.jpg";
+import serv_img_gestion_admin from "../mysy_img/gestion_admin_2.jpg";
+import serv_img_publication from "../mysy_img/publication.jpg";
+
+let PageSize = 10;
+const Recherche_new_v2 = () => {
+ const { type, categorie } = useParams();
+ const { NewSearchText } = useParams();
+ const [v11, setv11] = useState("");
+ const [userconnected, setuserconnected] = useState("0");
+ const [TrainingSupport, setTrainingSupport] = useState("");
+ const [TrainingType, setTrainingType] = useState("");
+ const [TrainingCertif, setTrainingCertif] = useState("");
+ const [TrainingCPF, setTrainingCPF] = useState("");
+ const [TrainingLang, setTrainingLang] = useState("");
+ const [TrainingPrice, setTrainingPrice] = useState("");
+ const [SearchText, setSearchText] = useState("");
+ const [SearchcitiesText, setSearchcitiesText] = useState("");
+ const [result, setResult] = useState("");
+ const [myApiResponse, setmyApiResponse] = useState("false");
+ const [displayAllClasses, setdisplayAllClasses] = useState("0");
+ const [showelement, setshowelement] = useState("init");
+ const [country_code, setcountry_code] = useState("");
+ const [country_name, setcountry_name] = useState("");
+ const [city, setcity] = useState("");
+ const [postal, setpostal] = useState("");
+ const [latitude, setlatitude] = useState("");
+ const [longitude, setlongitude] = useState("");
+ const [IPv4, setIPv4] = useState("");
+ const [state, setstate] = useState("");
+ const [userIp, setuserIp] = useState("");
+ const [currentPage, setCurrentPage] = useState(1);
+ const [currentPage2, setCurrentPage2] = useState(1);
+ const [fin, setfin] = useState(0);
+ const [ismobilephone, setismobilephone] = useState();
+ const [TrainingDistanciel, setTrainingDistanciel] = useState();
+ const textInput = useRef(null);
+ const scrollDiv = useRef(null);
+
+
+ const [textplaceholder, settextplaceholder] = useState("");
+ const [empltysearch, setempltysearch] = useState("1");
+ const [empltycitiessearch, setempltycitiessearch] = useState("1");
+
+ const [filtredistance, setfiltredistance] = useState("0");
+ const continent = ['oui', 'non'];
+ const [selectedcontinent, setselectedcontinent] = useState("");
+ const [newresult, setnewresult] = useState();
+ const stored_user = getCookie('tokenmysych');
+ const history = useHistory();
+ const [besoinaiderecherche, setbesoinaiderecherche] = useState("");
+ const [istrier, setistrier] = useState();
+ const [selectmetier, setselectmetier] = useState();
+ const [initAllfiter, setinitAllfiter] = useState();
+ const testDivRef = useRef(null);
+ const [partcookie, setpartCookie, removepartCookie] = useCookies(['tokenmysypart']);
+
+
+
+
+
+ const url = process.env.REACT_APP_API_URL + "myclass/api/add_user_account/";
+ const {
+ register,
+ formState: { errors },
+ handleSubmit,
+ watch,
+ } = useForm();
+ const pwd = useRef({});
+ pwd.current = watch("pwd", "");
+
+
+
+ const onSubmit = async (data) => {
+
+ searchFunction();
+ };
+
+ const [Trainingdistance, setTrainingdistance] = useState(0);
+ const handleInput = (e) => {
+ setTrainingdistance(e.target.value);
+ }
+
+ const [Trainingduration, setTrainingduration] = useState(0);
+ const handleInputDuration = (e) => {
+ setTrainingduration(e.target.value);
+ }
+
+
+ function showdisplayfilter(event) {
+
+ if (showelement == "true") {
+ setshowelement("false");
+ }
+ else if (showelement == "false") {
+ setshowelement("true");
+ }
+
+
+ }
+
+ function clearsearchtext(event) {
+ setSearchText("");
+ setResult([]);
+ document.getElementById("SearchText").value = "";
+ setempltysearch("1")
+ setbesoinaiderecherche("");
+ settext("");
+ DisplayXfirstClas();
+ }
+
+ const [suggestion2, setsuggestion2] = useState([]);
+ const [suggestioncities, setsuggestioncities] = useState([]);
+
+ function SearchTextHandle(event) {
+ setempltysearch("0");
+ setSearchText(event.target.value);
+
+ var val = String(event.target.value).toLocaleLowerCase();
+ let matches = [];
+ if (String(val).length > 2) {
+ matches = suggestedwords.filter(usr => {
+ //alert(JSON.parse(usr).name );
+ const regex = new RegExp(`${val}`, "gi");
+ return JSON.parse(usr).name.match(regex);
+ }
+
+ )
+
+ }
+
+ //console.log("matches = " + matches);
+ setsuggestion2(matches);
+ settext(event.target.value);
+
+ }
+
+ function SearchcitiesHandle(event) {
+ setempltycitiessearch("0");
+ setSearchcitiesText(event.target.value);
+
+ var val = String(event.target.value).toLocaleLowerCase().trimStart();
+ const regex = new RegExp(`^${val}`, "gi");
+
+ let matches = [];
+
+ if (String(val).length > 2) {
+ matches = suggestedcities.filter(usr => {
+ return JSON.parse(usr).ville.match(regex);
+ })
+ }
+
+ //console.log("matches = " + matches);
+ setsuggestioncities(matches);
+ setcities(event.target.value);
+
+ }
+
+
+ const [v1, setv1] = useState();
+ const [v2, setv2] = useState();
+
+
+ function TrainingSupportHandle(event) {
+ setsupportchecked("1");
+ var toto = "";
+ var filtre1 = "";
+ var filtre2 = "";
+ var filtre3 = "";
+
+ var crit_TrainingSupport = "";
+ var crit_TrainingSupport22 = "";
+
+
+ if (document.getElementById("supoort_list_derou")) {
+ crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
+
+ if (crit_TrainingSupport.length > 0) {
+ filtre1 = result.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+ setv11(filtre1);
+ }
+ else if (crit_TrainingSupport.length <= 0) {
+ /* l'utilisateur a choisi d'annuler le filter */
+ annulefiltresupportchecked();
+ return;
+ //filtre1 = result;
+ //setv11(filtre1);
+ }
+ }
+
+ /*
+
+
+
+ if (document.querySelector('input[name="TrainingSupport"]:checked')) {
+ crit_TrainingSupport = document.querySelector('input[name="TrainingSupport"]:checked').value;
+ if (crit_TrainingSupport.length > 0) {
+ filtre1 = result.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+ setv11(filtre1);
+ }
+ else if (crit_TrainingSupport.length <= 0 || String(crit_TrainingSupport) === String("NA")) {
+ filtre1 = result;
+ setv11(filtre1);
+ }
+
+ }
+ */
+
+
+ var crit_TrainingCertif = "";
+ if (document.querySelector('input[name="TrainingCertif"]:checked')) {
+ crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value;
+ if (crit_TrainingCertif.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
+
+ }
+
+ // recuperation du filtre du type (cours, tuto, etc)
+ var crit_TrainingType = "";
+ if (document.querySelector('input[name="TrainingType"]:checked')) {
+ crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value;
+ if (crit_TrainingType.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType);
+
+ }
+
+ // recuperation du filtre de la distance
+ var crit_Trainingdistance = "";
+ if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
+ crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value;
+ if (crit_Trainingdistance.length > 0) {
+ // filtre presentiel = 1
+ if (String(crit_Trainingdistance) === String("1")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
+ setv11(filtre1);
+
+ }
+ else if (String(crit_Trainingdistance) === String("0")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
+ setv11(filtre1);
+ }
+ }
+ }
+ // Recup du filtre de prix
+ var crit_TrainingPrice = range_price.min + ":" + range_price.max;
+
+ if (range_price.min && range_price.max) {
+ filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) &&
+ Number(JSON.parse(maformation).price) <= Number(range_price.max)
+ );
+
+ setv11(filtre1);
+ }
+
+
+ setnewresult(filtre1);
+
+ //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
+ //console.log("############################ filtre1 = " + filtre1);
+ setCurrentPage2(1);
+ //console.log(" ????????????????????????????filtre2 = "+filtre2);
+
+ }
+
+
+
+ function TrainingCertifHandle(event) {
+
+ var ele = document.querySelector('input[name="TrainingCertif"]:checked').value
+
+ var toto = "";
+ var filtre1 = "";
+ var filtre2 = "";
+ var filtre3 = "";
+
+ setcertifchecked("");
+ var crit_TrainingCertif = "";
+ if (document.querySelector('input[name="TrainingCertif"]:checked')) {
+ setcertifchecked("1");
+ crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value
+ if (crit_TrainingCertif.length > 0) {
+ //alert(" laa = " + crit_TrainingCertif);
+ console.log(result)
+ filtre1 = result.filter((maformation) => String(JSON.parse(maformation).certif) === String(crit_TrainingCertif));
+ setv11(filtre1);
+ }
+
+ } else {
+
+ filtre1 = result;
+ setv11(filtre1);
+ }
+
+ /*
+ // recuperation du filtre du support
+ var crit_TrainingSupport = "";
+ if (document.querySelector('input[name="TrainingSupport"]:checked')) {
+ crit_TrainingSupport = document.querySelector('input[name="TrainingSupport"]:checked').value
+ if (crit_TrainingSupport.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+
+ }
+ */
+ // recuperation du filtre du support
+ var crit_TrainingSupport = "";
+ if (document.getElementById("supoort_list_derou")) {
+ crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
+ if (crit_TrainingSupport.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+
+ }
+
+
+ // recuperation du filtre du CPF
+ var crit_TrainingCPF = "";
+ if (document.querySelector('input[name="TrainingCPF"]:checked')) {
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value
+ if (crit_TrainingCPF.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
+
+ }
+
+
+ // recuperation du filtre du type
+ var crit_TrainingType = "";
+ if (document.querySelector('input[name="TrainingType"]:checked')) {
+ crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value
+ if (crit_TrainingType.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType);
+
+ }
+
+ // recuperation du filtre de la distance
+ var crit_Trainingdistance = "";
+ if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
+ crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
+ if (crit_Trainingdistance.length > 0) {
+ // filtre presentiel = 1
+ if (String(crit_Trainingdistance) === String("1")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
+ setv11(filtre1);
+
+ }
+ else if (String(crit_Trainingdistance) === String("0")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
+ setv11(filtre1);
+ }
+ }
+
+ }
+
+ // Recup du filtre de prix
+ var crit_TrainingPrice = range_price.min + ":" + range_price.max;
+
+ if (range_price.min && range_price.max) {
+ filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) &&
+ Number(JSON.parse(maformation).price) <= Number(range_price.max)
+ );
+
+ setv11(filtre1);
+ }
+
+
+ setnewresult(filtre1);
+ //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
+ //console.log("############################ filtre1 = " + filtre1);
+ setCurrentPage2(1);
+ //console.log(" ????????????????????????????filtre2 = "+filtre2);
+
+
+ return;
+ }
+
+
+
+ // Pour le CPF
+ const [cpfchecked, setcpfchecked] = useState();
+ function TrainingCPFHandle(event) {
+
+ var ele = document.querySelector('input[name="TrainingCPF"]:checked').value
+
+ var toto = "";
+ var filtre1 = "";
+ var filtre2 = "";
+ var filtre3 = "";
+
+ setcpfchecked("");
+ var crit_TrainingCPF = "";
+ if (document.querySelector('input[name="TrainingCPF"]:checked')) {
+ setcpfchecked("1");
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value
+ if (crit_TrainingCPF.length > 0) {
+ //alert(" crit_TrainingCPF = " + crit_TrainingCPF);
+
+ filtre1 = result.filter((maformation) => String(JSON.parse(maformation).cpf) === String(crit_TrainingCPF));
+ setv11(filtre1);
+ //console.log(" #### ",filtre1);
+ }
+
+ } else {
+
+ filtre1 = result;
+ setv11(filtre1);
+ }
+
+ // recuperation du filtre du certificat
+ var crit_TrainingCertif = "";
+ if (document.querySelector('input[name="TrainingCertif"]:checked')) {
+ crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value
+ if (crit_TrainingCertif.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
+
+ }
+
+
+ // recuperation du filtre du support
+ var crit_TrainingSupport = "";
+ if (document.getElementById("supoort_list_derou")) {
+ crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
+ if (crit_TrainingSupport.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+
+ }
+
+
+ // recuperation du filtre du type
+ var crit_TrainingType = "";
+ if (document.querySelector('input[name="TrainingType"]:checked')) {
+ crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value
+ if (crit_TrainingType.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType);
+
+ }
+
+ // recuperation du filtre de la distance
+ var crit_Trainingdistance = "";
+ if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
+ crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
+ if (crit_Trainingdistance.length > 0) {
+ // filtre presentiel = 1
+ if (String(crit_Trainingdistance) === String("1")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
+ setv11(filtre1);
+
+ }
+ else if (String(crit_Trainingdistance) === String("0")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
+ setv11(filtre1);
+ }
+ }
+
+ }
+
+ // Recup du filtre de prix
+ var crit_TrainingPrice = range_price.min + ":" + range_price.max;
+
+ if (range_price.min && range_price.max) {
+ filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) &&
+ Number(JSON.parse(maformation).price) <= Number(range_price.max)
+ );
+
+ setv11(filtre1);
+ }
+
+
+ setnewresult(filtre1);
+ //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
+ //console.log("############################ filtre1 = " + filtre1);
+ setCurrentPage2(1);
+ //console.log(" ????????????????????????????filtre2 = "+filtre2);
+
+
+ return;
+ }
+
+
+ // END PR CPF
+ function TrainingTypeHandle(event) {
+
+ settypechecked("1");
+ var toto = "";
+ var filtre1 = "";
+ var filtre2 = "";
+ var filtre3 = "";
+
+
+
+ var crit_TrainingPrice = "";
+
+ var crit_TrainingType = "";
+ if (document.querySelector('input[name="TrainingType"]:checked')) {
+ crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value
+ if (crit_TrainingType.length > 0) {
+ filtre1 = result.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType);
+ setv11(filtre1);
+ }
+
+ } else {
+
+ filtre1 = result;
+ setv11(filtre1);
+ }
+
+ // recuperation du filtre du support
+ var crit_TrainingSupport = "";
+ if (document.getElementById("supoort_list_derou")) {
+ crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
+ if (crit_TrainingSupport.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+
+ }
+
+
+ // recuperation du filtre du CPF
+ var crit_TrainingCPF = "";
+ if (document.querySelector('input[name="TrainingCPF"]:checked')) {
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value
+ if (crit_TrainingCPF.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
+
+ }
+
+ // recuperation du filtre du certificat
+ var crit_TrainingCertif = "";
+ if (document.querySelector('input[name="TrainingCertif"]:checked')) {
+ crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value
+ if (crit_TrainingCertif.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
+
+ }
+
+ // recuperation du filtre de la distance
+ var crit_Trainingdistance = "";
+ if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
+ crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
+ if (crit_Trainingdistance.length > 0) {
+ // filtre presentiel = 1
+ if (String(crit_Trainingdistance) === String("1")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
+ setv11(filtre1);
+
+ }
+ else if (String(crit_Trainingdistance) === String("0")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
+ setv11(filtre1);
+ }
+ }
+
+ }
+
+ // Recup du filtre de prix
+ var crit_TrainingPrice = range_price.min + ":" + range_price.max;
+
+ if (range_price.min && range_price.max) {
+ filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) &&
+ Number(JSON.parse(maformation).price) <= Number(range_price.max)
+ );
+
+ setv11(filtre1);
+ }
+
+
+ setnewresult(filtre1);
+ //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
+ //console.log("############################ filtre1 = " + filtre1);
+ setCurrentPage2(1);
+ //console.log(" ????????????????????????????filtre2 = "+filtre2);
+
+ return;
+
+ /*// recuperation du filtre du type (cours, tuto, etc)
+ if (document.getElementById("TrainingType")) {
+ crit_TrainingType = document.getElementById("TrainingType").value;
+ if (crit_TrainingType.length > 0) {
+ filtre1 = result.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType);
+ setv11(filtre1);
+ }
+ else if (crit_TrainingType.length <= 0 || String(crit_TrainingType) === String("NA")) {
+ filtre1 = result;
+ setv11(filtre1);
+ }
+ }*/
+
+
+
+ }
+
+
+ function TrainingLangHandle(event) {
+ setTrainingLang(event.target.value);
+ alert("newresult newresultnewresultnewresult = " + newresult);
+ }
+
+
+ function TrainingPriceHandle(event) {
+
+
+ var crit_TrainingPrice = range_price.min + ":" + range_price.max;
+
+ setTrainingPrice(event.target.value);
+ var toto = "";
+ var filtre1 = "";
+
+
+ var crit_TrainingPrice = range_price.min + ":" + range_price.max;
+
+ var myprices = crit_TrainingPrice.split(':');
+ if (range_price.min && range_price.max) {
+ filtre1 = result.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) &&
+ Number(JSON.parse(maformation).price) <= Number(range_price.max)
+ );
+ //console.log(" PRICEEEEEEEEEEEEEEEE = "+filtre1);
+ setv11(filtre1);
+ }
+ else {
+ //alert(" Annulation du filtre prix");
+ filtre1 = result;
+ setv11(filtre1);
+ }
+
+
+
+ // Recuperation des autres filtres.
+ // recuperation du filtre du support
+ var crit_TrainingSupport = "";
+ if (document.getElementById("supoort_list_derou")) {
+ crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
+ if (crit_TrainingSupport.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+ }
+
+ // recuperation du filtre du CPF
+ var crit_TrainingCPF = "";
+ if (document.querySelector('input[name="TrainingCPF"]:checked')) {
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value
+ if (crit_TrainingCPF.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
+
+ }
+
+
+ // recuperation du filtre du certification
+ var crit_TrainingCertif = "";
+ if (document.querySelector('input[name="TrainingCertif"]:checked')) {
+ crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value;
+ if (crit_TrainingCertif.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
+ }
+
+ // recuperation du filtre du type (cours, tuto, etc)
+ var crit_TrainingType = "";
+ if (document.querySelector('input[name="TrainingType"]:checked')) {
+ crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value;
+ if (crit_TrainingType.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType);
+ }
+
+ // recuperation du filtre de la distance
+ var crit_Trainingdistance = "";
+ if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
+ crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value;
+ if (crit_Trainingdistance.length > 0) {
+ // filtre presentiel = 1
+ if (String(crit_Trainingdistance) === String("1")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
+ setv11(filtre1);
+
+ }
+ else if (String(crit_Trainingdistance) === String("0")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
+ setv11(filtre1);
+ }
+ }
+
+ }
+
+
+ setnewresult(filtre1);
+ setCurrentPage2(1);
+
+ }
+
+
+ // Traitement du filtre presentiel / distantiel
+ function TrainingDistancielHandle(event) {
+
+
+ isonsite();
+ setlieuchecked("1");
+ var toto = "";
+ var filtre1 = "";
+ var filtre0 = [];
+ var filtre01 = [];
+ var my_ville = "";
+ var my_cp = "";
+
+ if (document.getElementById("ville")) {
+ my_ville = crit_TrainingSupport = document.getElementById("ville").value;
+ my_ville = my_ville.trim();
+
+ }
+
+ if (document.getElementById("zip_code")) {
+ my_cp = crit_TrainingSupport = document.getElementById("zip_code").value;
+ my_cp = my_cp.trim();
+
+ }
+
+ var crit_Trainingdistance = "";
+ // Recuperation du filtre principale modifié dans ce event (distance)
+ if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
+ crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value;
+ //alert("crit_Trainingdistance = " + crit_Trainingdistance);
+ if (crit_Trainingdistance.length > 0) {
+ // filtre presentiel = 1
+
+ if (String(crit_Trainingdistance) === String("1")) {
+
+ filtre1 = result.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
+ setv11(filtre1);
+
+ }
+ else if (String(crit_Trainingdistance) === String("0")) {
+ filtre1 = result.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
+
+ // Traitement du nom de la ville
+ if (my_ville.length > 3) {
+
+ var filtre2 = filtre1.map(obj => {
+
+ if (JSON.parse(obj).datelieu) {
+
+ var tmp = JSON.parse(obj).datelieu.length
+ var i = 0;
+ while (i < tmp) {
+ //console.log(JSON.parse(obj).datelieu[i]);
+ //console.log(" ville =" + JSON.parse(obj).datelieu[i].ville)
+ if (JSON.parse(obj).datelieu[i].ville === my_ville) {
+ return obj
+ }
+ i++;
+ }
+ }
+
+ });
+
+ var filtre3 = filtre2.filter(function (element) {
+ return element !== undefined;
+ });
+
+
+ filtre1 = filtre3;
+ }
+
+ // Traitement du zip code
+ if (my_cp.length > 2) {
+
+ var filtre2 = filtre1.map(obj => {
+
+ if (JSON.parse(obj).datelieu) {
+
+ var tmp = JSON.parse(obj).datelieu.length
+ var i = 0;
+ while (i < tmp) {
+ //console.log(JSON.parse(obj).datelieu[i]);
+ //console.log(" ville =" + JSON.parse(obj).datelieu[i].ville)
+ if (JSON.parse(obj).datelieu[i].code_postal.startsWith(my_cp)) {
+ return obj
+ }
+ i++;
+ }
+ }
+
+ });
+
+ var filtre3 = filtre2.filter(function (element) {
+ return element !== undefined;
+ });
+
+
+ filtre1 = filtre3;
+ }
+
+ setv11(filtre1);
+
+
+ }
+ else if (String(crit_Trainingdistance) === String("NA")) {
+
+ filtre1 = result;
+ setv11(filtre1);
+ }
+ }
+ else if (crit_Trainingdistance.length <= 0) {
+
+ filtre1 = result;
+ setv11(filtre1);
+ }
+ }
+
+
+ /* Recuperation des autres filtres */
+ // recuperation du filtre du support
+ var crit_TrainingSupport = "";
+ if (document.getElementById("supoort_list_derou")) {
+ crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
+ if (crit_TrainingSupport.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+ }
+
+ // recuperation du filtre du certification
+ var crit_TrainingCertif = "";
+ if (document.querySelector('input[name="TrainingCertif"]:checked')) {
+ crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value;
+ if (crit_TrainingCertif.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
+ }
+
+ // recuperation du filtre du CPF
+ var crit_TrainingCPF = "";
+ if (document.querySelector('input[name="TrainingCPF"]:checked')) {
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value
+ if (crit_TrainingCPF.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
+
+ }
+
+
+ // recuperation du filtre du type (cours, tuto, etc)
+ var crit_TrainingType = "";
+ if (document.querySelector('input[name="TrainingType"]:checked')) {
+ crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value;
+ if (crit_TrainingType.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType);
+ }
+
+ // Recup du filtre de prix
+ var crit_TrainingPrice = range_price.min + ":" + range_price.max;
+
+ if (range_price.min && range_price.max) {
+ filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) &&
+ Number(JSON.parse(maformation).price) <= Number(range_price.max)
+ );
+
+ setv11(filtre1);
+ }
+
+
+ setnewresult(filtre1);
+ setCurrentPage2(1);
+ }
+
+
+
+ function displayAllClassesHandle(event) {
+ setdisplayAllClasses(event.target.checked);
+ if (event.target.checked == true)
+ document.getElementById("SearchText").disabled = true;
+ else
+ document.getElementById("SearchText").disabled = false;
+ }
+
+
+ const [suggestedwords, setsuggestedwords] = useState([]);
+ const [texte, settext] = useState("");
+
+ const [cities, setcities] = useState("");
+
+ const [suggestedcities, setsuggestedcities] = useState([]);
+
+ useEffect(() => {
+
+ var ip = "";
+ async function fetchData() {
+ const result = await axios('https://geolocation-db.com/json/',);
+
+ setuserIp(result.data.IPv4);
+ setcountry_code(result.data.country_code);
+ setcountry_name(result.data.country_name);
+ setcity(result.data.city);
+ setpostal(result.data.postal);
+ setlatitude(result.data.latitude);
+ setlongitude(result.data.longitude);
+ setIPv4(result.data.IPv4);
+ setstate(result.data.state);
+ setuserIp(result.data.IPv4);
+
+ let windowWidth = window.innerWidth;
+
+ if (showelement === "init") {
+
+ if (windowWidth < 601) {
+ setismobilephone(true);
+ setshowelement("false");
+ settextplaceholder("Plus de 10 000 formations (gratuites, payantes...)");
+
+ } else if (windowWidth >= 601) {
+ setismobilephone(false);
+ setshowelement("true");
+ //settextplaceholder("Ex : graphiste ...sur plus de 10 000 formations (gratuites, payantes,..)");
+ settextplaceholder("Recherche par Titre, Description, Contenu video ... sur plus de 10 000 formations (gratuites, payantes,..)");
+ }
+ }
+
+
+ if (categorie && String(categorie).length > 0) {
+ getClassByMetier_categorie(categorie);
+ }
+ else {
+ DisplayXfirstClas(result.data);
+ }
+ }
+ fetchData();
+ async function loadSuggestedWord() {
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/";
+ //alert(" URL = "+process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/");
+ //console.log(" ### URL ##### = "+process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/");
+
+ var form = new FormData();
+
+ fetch(
+ process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/",
+ {
+ method: 'POST',
+
+ }
+ ).then((response) => response.json())
+ .then((result) => {
+ console.log('Success:', result['message']);
+ setsuggestedwords(result['message']);
+
+
+ })
+ .catch((error) => {
+ console.error('Error:');
+ });
+
+ }
+ loadSuggestedWord();
+
+ async function loadSuggestedFrCities() {
+
+ fetch(
+ process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Fr_Cities/",
+ {
+ method: 'POST',
+
+ }
+ ).then((response) => response.json())
+ .then((result) => {
+ //console.log(' loadSuggestedFrCities CITIES = Success:', result['message']);
+ setsuggestedcities(result['message']);
+ //console.log(" CITIES = " + result['message']);
+
+ })
+ .catch((error) => {
+ console.error('Error:');
+ });
+
+ }
+ loadSuggestedFrCities();
+
+
+ async function loadDomainMetier() {
+
+ var form = new FormData();
+
+ fetch(
+ process.env.REACT_APP_API_URL + "myclass/api/get_List_domaine_metier/",
+ {
+ method: 'POST',
+
+ }
+ ).then((response) => response.json())
+ .then((result) => {
+ //console.log('### loadDomainMetier Success:', result['message']);
+ setdomaine_metier(result['message']);
+ var tab = [];
+
+ result.message.map(obj => {
+
+ if (JSON.parse(obj).label) {
+
+
+ var month = {};
+ month.label = JSON.parse(obj).label;
+ month.value = JSON.parse(obj).value;
+ month.domaine = JSON.parse(obj).domaine;
+ tab.push({ ...month });
+ }
+ });
+
+
+ setdomaine_v11(tab);
+ setdomaine_v11_orig(tab);
+ setdomaine_metier(tab);
+ setdomaine_metier_orig(tab);
+
+
+ })
+ .catch((error) => {
+ console.error('Error:', error);
+ });
+
+ }
+ //loadDomainMetier();
+
+
+ async function loadDomain() {
+
+ var form = new FormData();
+
+ fetch(
+ process.env.REACT_APP_API_URL + "myclass/api/get_List_domaine_formation/",
+ {
+ method: 'POST',
+
+ }
+ ).then((response) => response.json())
+ .then((result) => {
+ //console.log('### loadDomainMetier Success:', result['message']);
+ setdomaine_metier(result['message']);
+
+ })
+ .catch((error) => {
+ console.error('loadDomain :', error);
+
+ });
+
+ }
+
+ loadDomain();
+
+ const listener = event => {
+ if (event.code === "Enter" || event.code === "NumpadEnter") {
+ event.preventDefault();
+ searchFunction();
+ }
+ };
+ document.addEventListener("keydown", listener);
+
+
+ if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
+ setuserconnected("0");
+ } else {
+ setuserconnected("1");
+ }
+
+ setinitAllfiter();
+
+ whosisconnected();
+
+ }, [initAllfiter, categorie]);
+
+
+ // Cette fonction reinitialise les filtres
+ function InitAllfilters() {
+ //document.getElementById("TrainingCertif").selectedv = 0;
+ const $select = document.querySelector('#TrainingCertif');
+ $select.value = ''
+
+ const $select2 = document.querySelector('#TrainingSupport');
+ $select2.value = ''
+
+ const $select3 = document.querySelector('#TrainingType');
+ $select3.value = ''
+
+ const $select4 = document.querySelector('#TrainingPresentiel');
+ $select4.value = 'NA'
+
+ const $select5 = document.querySelector('#TrainingPrice');
+ $select5.value = 'NA'
+
+
+
+ }
+
+ function DisplayClassByDomainFilter() {
+ var tab_domaine = list_domaine.split(";")
+ console.log("tab_domaine = ", tab_domaine)
+
+ if (tab_domaine.length <= 0) {
+ setdomaine_v11(domaine_v11_orig);
+ DisplayXfirstClas();
+ return;
+ }
+
+
+
+ }
+
+ const handleChangeMetier = (event) => {
+
+ var local_list_metier = ""
+
+
+ for (let i = 0; i < event.length; i++) {
+ const label = event[i].label;
+ const value = event[i].value;
+
+ local_list_metier += value + ";"
+
+ }
+
+ //console.log(" ### local_list_metier = ",local_list_metier);
+ setlist_metier(local_list_metier);
+ //TrainingMetierHandle();
+
+ // Verification si on a une valeur
+ if (event.length > 0 && local_list_metier.trim().length > 0) {
+ getClassByMetier(local_list_metier);
+ } else {
+ DisplayClassByDomainFilter();
+ }
+
+ }
+
+
+
+ const [domaine_metier, setdomaine_metier] = useState([]);
+ const [domaine_metier_orig, setdomaine_metier_orig] = useState([]);
+
+ const [domaine_formation, setdomaine_formation] = useState([]);
+
+ const [domaine_v11, setdomaine_v11] = useState("");
+ const [domaine_v11_orig, setdomaine_v11_orig] = useState("");
+
+ const [list_domaine, setlist_domaine] = useState("");
+ const [list_metier, setlist_metier] = useState("");
+
+ const handleChangeDomaine = (event) => {
+
+
+ if (event.length <= 0) {
+ setdomaine_v11(domaine_v11_orig);
+ DisplayXfirstClas();
+ return;
+ }
+ //console.log(domaine_metier);
+ //console.log(" taille =" + event.length);
+ //console.log(domaine_v11_orig);
+
+ var tt = domaine_v11_orig;
+ var dump = [];
+ var local_list_domaine = ""
+
+
+ for (let i = 0; i < event.length; i++) {
+ const label = event[i].label;
+ const value = event[i].value;
+
+ local_list_domaine += value + ";"
+
+ tt = domaine_v11_orig.filter((maformation) => maformation.domaine === String(value));
+ //console.log(" TT = ", tt);
+
+ for (let i2 = 0; i2 < tt.length; i2++) {
+ //console.log(" push de ", tt[i2])
+ dump.push(tt[i2]);
+ }
+
+ setlist_domaine(local_list_domaine);
+ setdomaine_v11(dump);
+ }
+
+ getClassByDomaine(local_list_domaine);
+
+
+
+ }
+
+
+
+ const currentTableData2 = useMemo(() => {
+ if (newresult) {
+ const firstPageIndex = (currentPage2 - 1) * PageSize;
+ const lastPageIndex = firstPageIndex + PageSize;
+ setfin(1);
+ return newresult.slice(firstPageIndex, lastPageIndex);
+ }
+
+
+ if (result) {
+ const firstPageIndex = (currentPage2 - 1) * PageSize;
+ const lastPageIndex = firstPageIndex + PageSize;
+ setfin(1);
+ return result.slice(firstPageIndex, lastPageIndex);
+ }
+ else {
+ return [];
+ setfin(0);
+ }
+ }, [currentPage2]);
+
+ function searchFunction(e) {
+ // Nettoyage du resultat precedent.
+ setResult([]);
+
+ var crit_TrainingSupport = "";
+ var crit_TrainingType = "";
+ var crit_TrainingCertif = "";
+ var crit_TrainingLang = "";
+ var crit_TrainingPresentiel = "";
+ var crit_TrainingPrice = "";
+ var crit_TrainingDuration = "";
+ var my_ville = "";
+
+ var my_cp = "";
+
+ var my_domaine = "";
+
+
+
+ if (document.getElementById("searchdomain"))
+ my_domaine = document.getElementById("searchdomain").value;
+
+
+
+ //Get Criterias
+ var crit_SearchText = document.getElementById("SearchText").value;
+
+ if (document.getElementById("TrainingSupport"))
+ crit_TrainingSupport = document.getElementById("TrainingSupport").value;
+
+ if (document.getElementById("TrainingType"))
+ crit_TrainingType = document.getElementById("TrainingType").value;
+
+ if (document.getElementById("TrainingCertif"))
+ crit_TrainingCertif = document.getElementById("TrainingCertif").value;
+ if (crit_TrainingCertif.length == 0)
+ crit_TrainingCertif = "NA";
+
+
+ if (document.getElementById("TrainingLang"))
+ crit_TrainingLang = document.getElementById("TrainingLang").value;
+
+ if (document.getElementById("TrainingPresentiel"))
+ crit_TrainingPresentiel = document.getElementById("TrainingPresentiel").value;
+
+ if (document.getElementById("TrainingPrice"))
+ crit_TrainingPrice = document.getElementById("TrainingPrice").value;
+
+ if (document.getElementById("duration"))
+ crit_TrainingDuration = document.getElementById("duration").value;
+
+
+ if (document.getElementById("ville")) {
+ my_ville = crit_TrainingSupport = document.getElementById("ville").value;
+
+ }
+
+ if (document.getElementById("zip_code")) {
+ my_cp = crit_TrainingSupport = document.getElementById("zip_code").value;
+
+ }
+
+
+ var crit_Trainingdistance = Trainingdistance;
+
+ console.log(" my_domaine = ", my_domaine);
+
+ console.log('SearchText = ' + crit_SearchText + ' - TrainingSupport = ' + crit_TrainingSupport +
+ ' - TrainingType = ' + crit_TrainingType + ' - TrainingCertif ' + crit_TrainingCertif +
+ " Langue = " + crit_TrainingLang + " TrainingPrice = " + crit_TrainingPrice +
+ " - Distance = " + crit_Trainingdistance + " -- Presentiel :" + crit_TrainingPresentiel +
+ " - Duration = " + crit_TrainingDuration + " - stored_user_cookie = " + stored_user);
+
+
+ var form = new FormData();
+ form.append("search_text", crit_SearchText);
+ form.append("token", stored_user);
+ form.append("certif", crit_TrainingCertif);
+ form.append("support", crit_TrainingSupport);
+ form.append("type", crit_TrainingType);
+ form.append("lang", crit_TrainingLang);
+ form.append("price", crit_TrainingPrice);
+ form.append("distance", crit_Trainingdistance);
+ form.append("duration", crit_TrainingDuration);
+
+
+ // Ajout des info IP user
+ form.append("user_ip", IPv4);
+ form.append("user_country_code", country_code);
+ form.append("user_country_name", country_name);
+ form.append("user_city", city);
+ form.append("user_postal", postal);
+ form.append("user_latitude", latitude);
+ form.append("user_longitude", longitude);
+ form.append("user_state", state);
+
+
+ var myurl = ""
+ if (displayAllClasses == true) {
+ myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_class/";
+ }
+ else {
+ myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_text_simple/";
+ }
+
+
+
+
+ //alert("myurl = "+myurl);
+ axios.post(myurl, form).then(res => {
+ if (String(res.data.status) != String("false")) {
+ //console.log(" In test res.data.status = " + res.data.status);
+ //console.log(" In test res.data.message = " + res.data.message);
+ setmyApiResponse("True");
+ setResult(res.data.message)
+
+ //Verification si le resutlat est vide
+ if (res.data.message.length <= 0) {
+ setbesoinaiderecherche("1");
+ }
+ if (scrollDiv.current) {
+ scrollDiv.current.scrollIntoView({ behavior: "smooth" });
+ }
+ }
+ else {
+ //console.log(" In test res.data.status = " + res.data.status);
+ //console.log(" In test res.data.message = " + res.data.message);
+ setmyApiResponse("False");
+ //setmyApimyApiMessage("")
+ //textInput.current.focus();
+ }
+
+
+ }).catch((error) => {
+ // console.warn('Not good man :( mysearchtext = ');
+ setmyApiResponse("False");
+ //setmyApimyApiMessage("")
+ })
+
+ }
+
+ // Cette fonction affiche les X premieres formations
+ function DisplayXfirstClas(ip) {
+
+ // Nettoyage du resultat precedent.
+ setResult([]);
+
+ //Get Criterias
+ var crit_SearchText = "";
+ var myurl = "";
+
+ if (typeof (NewSearchText) === "undefined" || String(NewSearchText) === '') {
+ crit_SearchText = "";
+ myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_class/";
+ } else {
+ clearsearchtext();
+ crit_SearchText = NewSearchText;
+ myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_text_simple/";
+ }
+
+ //alert(" crit_SearchText = " + crit_SearchText+" myurl = "+myurl);
+
+
+
+ var form = new FormData();
+ form.append("search_text", crit_SearchText);
+ form.append("token", "");
+ form.append("certif", "");
+ form.append("support", "");
+ form.append("type", "");
+ form.append("lang", "");
+ form.append("price", "");
+ form.append("distance", "");
+ form.append("duration", "");
+ form.append("cpf", "");
+
+
+
+ // Ajout des info IP user
+ if (ip) {
+ //console.log(" ### with IP");
+ form.append("user_ip", ip.IPv4);
+ form.append("user_country_code", ip.country_code);
+ form.append("user_country_name", ip.country_name);
+ form.append("user_city", ip.city);
+ form.append("user_postal", ip.postal);
+ form.append("user_latitude", ip.latitude);
+ form.append("user_longitude", ip.longitude);
+ form.append("user_state", ip.state);
+ }
+ else {
+ //console.log(" ### with OUT IP");
+ form.append("user_ip", IPv4);
+ form.append("user_country_code", country_code);
+ form.append("user_country_name", country_name);
+ form.append("user_city", city);
+ form.append("user_postal", postal);
+ form.append("user_latitude", latitude);
+ form.append("user_longitude", longitude);
+ form.append("user_state", state);
+ }
+
+
+ //alert("myurl = "+myurl);
+ axios.post(myurl, form).then(res => {
+ if (String(res.data.status) != String("false")) {
+ //console.log(" In test res.data.status = " + res.data.status);
+ //console.log(" In DisplayXfirstClas res.data.message = " + res.data.message);
+ setmyApiResponse("True");
+ setResult(res.data.message)
+ // textInput.current.focus();
+ setbesoinaiderecherche("");
+
+ }
+ else {
+ //console.log(" In test res.data.status = " + res.data.status);
+ //console.log(" In test res.data.message = " + res.data.message);
+ setmyApiResponse("False");
+ //setmyApimyApiMessage("")
+ //textInput.current.focus();
+ }
+
+
+ }).catch((error) => {
+ // console.warn('Not good man :( mysearchtext = ');
+ setmyApiResponse("False");
+ //setmyApimyApiMessage("")
+ })
+
+
+ }
+
+ function trier(e) {
+
+ setistrier();
+ var trierpar = ""
+ if (document.getElementById("trierpar"))
+ trierpar = document.getElementById("trierpar").value;
+
+ if (String(trierpar) === String("duration")) {
+ setCurrentPage2(1);
+ setCurrentPage(1);
+
+ if (typeof (newresult) === "undefined" || String(newresult) === '') {
+
+ //console.log(" AVANT TRIE : [0].duration = " + JSON.parse(result[0]).duration + " - [1].duration = " + JSON.parse(result[1]).duration)
+ result.sort(function (a, b) {
+ return JSON.parse(a).duration - JSON.parse(b).duration;
+ });
+
+ //console.log("APRES TRIE : [0].duration = " + JSON.parse(result[0]).duration + " - [1].duration = " + JSON.parse(result[1]).duration)
+ setistrier("1");
+ }
+ else if (typeof (newresult) !== "undefined" || newresult.length > 0) {
+ newresult.sort(function (a, b) {
+ return JSON.parse(a).duration - JSON.parse(b).duration;
+ });
+ }
+ }
+
+ else if (String(trierpar) === String("price")) {
+ setCurrentPage2(1);
+
+ if (typeof (newresult) === "undefined" || String(newresult) === '') {
+ //console.log(" AVANT TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price);
+ result.sort(function (a, b) {
+ return JSON.parse(a).price - JSON.parse(b).price;
+ });
+ //console.log("APRES TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price);
+ setistrier("2");
+ }
+ else if (typeof (newresult) !== "undefined" || newresult.length > 0) {
+ newresult.sort(function (a, b) {
+ return JSON.parse(a).price - JSON.parse(b).price;
+ });
+ }
+ }
+
+ else if (String(trierpar) === String("note")) {
+ setCurrentPage2(1);
+
+ if (typeof (newresult) === "undefined" || String(newresult) === '') {
+ //console.log(" AVANT TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price);
+ result.sort(function (a, b) {
+ return JSON.parse(b).note - JSON.parse(a).note;
+ });
+ //console.log("APRES TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price);
+ setistrier("2");
+ }
+ else if (typeof (newresult) !== "undefined" || newresult.length > 0) {
+ newresult.sort(function (a, b) {
+ return JSON.parse(b).note - JSON.parse(a).note;
+ });
+ }
+ }
+
+ }
+
+
+ function getClassByMetier_categorie(mycate) {
+
+ var mymetier = mycate;
+
+
+ // Nettoyage du resultat precedent.
+ setResult([]);
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_by_metier/";
+
+ /*if (mymetier === "tout") {
+ //alert(" tout et sortir");
+ setinitAllfiter("1");
+ return;
+
+ }*/
+
+ var form = new FormData();
+ form.append("metier", mymetier);
+ form.append("token", "");
+
+
+ //alert("myurl = "+myurl);
+ axios.post(myurl, form).then(res => {
+ if (String(res.data.status) != String("false")) {
+
+ setmyApiResponse("True");
+ setResult(res.data.message)
+ //textInput.current.focus();
+ setbesoinaiderecherche("");
+ setnewresult("");
+ //console.log(" In getClassByMetier res.data.status = " + res.data.status);
+ //console.log(" In getClassByMetier res.data.message = " + res.data.message);
+ //setnewresult(res.data.message);
+ setCurrentPage2(1);
+ if (scrollDiv.current) {
+ scrollDiv.current.scrollIntoView({ behavior: "smooth" });
+ }
+
+ // reinitialisation de tous les filtre
+
+ //setmyApimyApiMessage("OK")
+ //console.log("taille = "+res.data.message.length);
+ }
+ else {
+ //console.log(" In getClassByMetier res.data.status = " + res.data.status);
+ //console.log(" In getClassByMetier res.data.message = " + res.data.message);
+ setmyApiResponse("False");
+ //setmyApimyApiMessage("")
+ //textInput.current.focus();
+ }
+
+
+ }).catch((error) => {
+ console.warn(' getClassByMetier : Not good man :( mysearchtext = ');
+ setmyApiResponse("False");
+ //setmyApimyApiMessage("")
+ })
+
+ }
+
+
+ function getClassByDomaine(List_Domaine) {
+
+ // Nettoyage du resultat precedent.
+ setResult([]);
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_by_domaine/";
+
+ /*if (mymetier === "tout") {
+ //alert(" tout et sortir");
+ setinitAllfiter("1");
+ return;
+
+ }*/
+
+ var form = new FormData();
+ form.append("domaine", List_Domaine);
+ form.append("token", "");
+
+
+ //alert("myurl = "+myurl);
+ axios.post(myurl, form).then(res => {
+ if (String(res.data.status) != String("false")) {
+
+ setmyApiResponse("True");
+ setResult(res.data.message)
+ //textInput.current.focus();
+ setbesoinaiderecherche("");
+ setnewresult("");
+ //console.log(" In getClassByDomaine res.data.status = " + res.data.status);
+ //console.log(" In getClassByDomaine res.data.message = " + res.data.message);
+ //setnewresult(res.data.message);
+ setCurrentPage2(1);
+ if (scrollDiv.current) {
+ scrollDiv.current.scrollIntoView({ behavior: "smooth" });
+ }
+
+ // reinitialisation de tous les filtre
+
+ //setmyApimyApiMessage("OK")
+ //console.log("taille = "+res.data.message.length);
+ }
+ else {
+ //console.log(" In getClassByMetier res.data.status = " + res.data.status);
+ //console.log(" In getClassByMetier res.data.message = " + res.data.message);
+ setmyApiResponse("False");
+ //setmyApimyApiMessage("")
+ //textInput.current.focus();
+ }
+
+
+ }).catch((error) => {
+ console.warn(' getClassByMetier : Not good man :( mysearchtext = ');
+ setmyApiResponse("False");
+ //setmyApimyApiMessage("")
+ })
+
+ }
+
+
+ function getClassByMetier(my_liste_metier) {
+
+ var check_metier = "";
+ if (document.querySelector('input[name="metier_radio"]:checked')) {
+
+ check_metier = document.querySelector('input[name="metier_radio"]:checked').value;
+ }
+
+
+ if (check_metier === "tout") {
+ //alert(" tout et sortir");
+ setdomaine_v11(domaine_v11_orig);
+ DisplayXfirstClas();
+ return;
+
+ }
+
+
+
+ // Nettoyage du resultat precedent.
+ setResult([]);
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_by_metier/";
+
+
+ var form = new FormData();
+ form.append("metier", check_metier);
+ form.append("token", "");
+
+ //console.log(" recherif pour metier ", check_metier);
+ //alert("myurl = "+myurl);
+ axios.post(myurl, form).then(res => {
+ if (String(res.data.status) != String("false")) {
+
+ setmyApiResponse("True");
+ setResult(res.data.message)
+ //textInput.current.focus();
+ setbesoinaiderecherche("");
+ setnewresult("");
+ console.log(" In getClassByMetier res.data.status = " + res.data.status);
+ console.log(" In getClassByMetier res.data.message = " + res.data.message);
+ //setnewresult(res.data.message);
+ setCurrentPage2(1);
+ if (scrollDiv.current) {
+ scrollDiv.current.scrollIntoView({ behavior: "smooth" });
+ }
+
+ // reinitialisation de tous les filtre
+
+ //setmyApimyApiMessage("OK")
+ //console.log("taille = "+res.data.message.length);
+ }
+ else {
+ //console.log(" In getClassByMetier res.data.status = " + res.data.status);
+ //console.log(" In getClassByMetier res.data.message = " + res.data.message);
+ setmyApiResponse("False");
+ //setmyApimyApiMessage("")
+ //textInput.current.focus();
+ }
+
+
+ }).catch((error) => {
+ console.warn(' getClassByMetier : Not good man :( mysearchtext = ');
+ setmyApiResponse("False");
+ //setmyApimyApiMessage("")
+ })
+
+ }
+
+
+ const [PartnerMenu, setPartnerMenu] = React.useState(null);
+ const [AccountMenu, setAccountMenu] = React.useState(null);
+ const [ProduitMenu, setproduitMenu] = React.useState(null);
+ const [AvisMenu, setavisMenu] = React.useState(null);
+
+
+
+ const PartnerMenu_Close = () => {
+ setPartnerMenu(null);
+ };
+
+ const AccountMenu_Close = () => {
+ setAccountMenu(null);
+ };
+
+
+ const ProduitMenu_Close = () => {
+ setproduitMenu(null);
+ };
+
+ const handlePartnerMenu = (event) => {
+ setPartnerMenu(event.currentTarget);
+ };
+
+ const handleAccountMenu = (event) => {
+ setAccountMenu(event.currentTarget);
+ };
+
+
+ const handleProduitMenu = (event) => {
+ setproduitMenu(event.currentTarget);
+ };
+
+
+
+
+ const handleClose_Account = () => {
+ //alert(" my account");
+ setAccountMenu(null);
+ };
+
+ const handleBlogMenu = (event) => {
+ setproduitMenu(event.currentTarget);
+ history.push("/Recherche-Article-formation")
+ };
+
+ const handleAccountConnexion = () => {
+ setAccountMenu(null);
+ history.push("/Connexion")
+ };
+
+ const handleMyAccount = () => {
+ setAccountMenu(null);
+ history.push("/mysy-user-account")
+ };
+
+
+ const handleMyPartnerAccount = () => {
+ setAccountMenu(null);
+ history.push("/Partner")
+ };
+
+
+ const handleAccountCreation = () => {
+ setAccountMenu(null);
+ history.push("/create_account")
+ };
+
+ const handlePartnerConnexion = () => {
+ setAccountMenu(null);
+ history.push("/PartnerLogin")
+ };
+
+
+ const handleProduitService = () => {
+ setproduitMenu(null);
+ history.push("/Produits-Services/")
+ };
+
+ const handleAvis = () => {
+ setavisMenu(null);
+ history.push("/Recherche-Article-formation")
+ };
+
+ function test() {
+ alert(" coucou");
+ }
+
+
+ const [someoneconnected, setsomeoneconnected] = useState("0");
+ const [partnerconnected, setpartnerconnected] = useState("0");
+ const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']);
+
+ const stored_part = getCookie('tokenmysypart');
+
+ function whosisconnected() {
+ var local_user_connect = 0;
+ var local_part_connect = 0;
+
+ if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
+ setuserconnected("0");
+ local_user_connect = 0;
+ } else {
+ setuserconnected("1");
+ setsomeoneconnected("1");
+ local_user_connect = 1;
+ //alert(" user connected OK");
+ }
+
+ if (typeof (stored_part) === "undefined" || String(stored_part) === '') {
+ setpartnerconnected("0");
+ local_part_connect = 0;
+ } else {
+ setpartnerconnected("1");
+ setsomeoneconnected("1");
+ local_part_connect = 1;
+ // alert(" partner connected OK");
+ }
+ }
+
+ function handleAccountLogout() {
+
+ if (String(userconnected) === String("1")) {
+ user_logout();
+ }
+ else if (String(partnerconnected) === String("1")) {
+ part_logout();
+ }
+ }
+
+ function user_logout_confirmation() {
+ /* si c'est une connexion partner qui est active */
+ if (typeof (stored_user) != "undefined") {
+ setCookie("tokenmysych", "");
+ }
+ history.push("/recherche-formation");
+ }
+
+ function user_logout() {
+ confirmAlert({
+ title: '',
+ message: 'Confirmez la deconnexion (user)',
+ buttons: [
+ {
+ label: 'Yes',
+ onClick: () => user_logout_confirmation()
+ },
+ {
+ label: 'No',
+ onClick: () => { return }
+ }
+ ]
+ });
+ }
+
+
+
+
+ function handleAccountConnexion_v2() {
+
+ if (String(userconnected) === String("1")) {
+ handleMyAccount();
+ }
+ else if (String(partnerconnected) === String("1")) {
+ handleMyPartnerAccount();
+ }
+ }
+
+
+ function part_logout_confirmation() {
+ /* si c'est une connexion partner qui est active */
+ if (typeof (stored_part) != "undefined") {
+ setpartCookie("tokenmysypart", "");
+ }
+ history.push("/recherche-formation");
+ }
+
+ function part_logout() {
+ confirmAlert({
+ title: '',
+ message: 'Confirmez la deconnexion (pro)',
+ buttons: [
+ {
+ label: 'Oui',
+ onClick: () => part_logout_confirmation()
+ },
+ {
+ label: 'Non',
+ onClick: () => { return }
+ }
+ ]
+ });
+ }
+
+ const [range_price, setrange_price] = useState({ min: 0, max: 9999, });
+ function rangevalue() {
+ alert(range_price.max + " - " + range_price.min);
+ console.log(" range = " + range_price);
+ }
+
+ const [trainingonsite, settrainingonsite] = useState()
+ function isonsite() {
+ settrainingonsite(document.querySelector('input[name="TrainingPresentiel"]:checked').value)
+
+ }
+
+ const [certifchecked, setcertifchecked] = useState();
+ function annulefiltrecertif() {
+ var radio = document.querySelector('input[name="TrainingCertif"]:checked');
+ radio.checked = false;
+ setcertifchecked("");
+
+ var toto = "";
+ var filtre1 = "";
+
+
+ // Reinitialisation
+ filtre1 = result;
+ setv11(filtre1);
+
+
+ // recuperation du filtre du support
+ var crit_TrainingSupport = "";
+ if (document.getElementById("supoort_list_derou")) {
+ crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
+ if (crit_TrainingSupport.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+
+ }
+
+ // recuperation du filtre du CPF
+ var crit_TrainingCPF = "";
+ if (document.querySelector('input[name="TrainingCPF"]:checked')) {
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
+ if (crit_TrainingCPF.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
+
+ }
+
+ // recuperation du filtre du type
+ var crit_TrainingType = "";
+ if (document.querySelector('input[name="TrainingType"]:checked')) {
+ crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value
+ if (crit_TrainingType.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType);
+
+ }
+
+ // recuperation du filtre de la distance
+ var crit_Trainingdistance = "";
+ if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
+ crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
+ if (crit_Trainingdistance.length > 0) {
+ // filtre presentiel = 1
+ if (String(crit_Trainingdistance) === String("1")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
+ setv11(filtre1);
+
+ }
+ else if (String(crit_Trainingdistance) === String("0")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
+ setv11(filtre1);
+ }
+ }
+
+ }
+
+ var crit_TrainingPrice = range_price.min + ":" + range_price.max;
+
+ setnewresult(filtre1);
+ //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
+ //console.log("############################ filtre1 = " + filtre1);
+ setCurrentPage2(1);
+ //console.log(" ????????????????????????????filtre2 = "+filtre2);
+
+
+ return;
+
+
+ }
+
+
+ function annulefiltrecpf() {
+ var radio = document.querySelector('input[name="TrainingCPF"]:checked');
+ radio.checked = false;
+ setcpfchecked("");
+
+ var toto = "";
+ var filtre1 = "";
+
+
+ // Reinitialisation
+ filtre1 = result;
+ setv11(filtre1);
+
+ // recuperation du filtre de la certification
+ var crit_TrainingCertif = "";
+ if (document.querySelector('input[name="TrainingCertif"]:checked')) {
+ crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value;
+ if (crit_TrainingCertif.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
+
+ }
+
+ // recuperation du filtre du support
+ var crit_TrainingSupport = "";
+ if (document.getElementById("supoort_list_derou")) {
+ crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
+ if (crit_TrainingSupport.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+
+ }
+
+
+ // recuperation du filtre du type
+ var crit_TrainingType = "";
+ if (document.querySelector('input[name="TrainingType"]:checked')) {
+ crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value
+ if (crit_TrainingType.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType);
+
+ }
+
+ // recuperation du filtre de la distance
+ var crit_Trainingdistance = "";
+ if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
+ crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
+ if (crit_Trainingdistance.length > 0) {
+ // filtre presentiel = 1
+ if (String(crit_Trainingdistance) === String("1")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
+ setv11(filtre1);
+
+ }
+ else if (String(crit_Trainingdistance) === String("0")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
+ setv11(filtre1);
+ }
+ }
+
+ }
+
+ var crit_TrainingPrice = range_price.min + ":" + range_price.max;
+
+ setnewresult(filtre1);
+ //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
+ //console.log("############################ filtre1 = " + filtre1);
+ setCurrentPage2(1);
+ //console.log(" ????????????????????????????filtre2 = "+filtre2);
+
+
+ return;
+
+
+ }
+
+ const [supportchecked, setsupportchecked] = useState();
+ function annulefiltresupportchecked() {
+ //var radio = document.querySelector('input[name="TrainingSupport"]:checked');
+ //radio.checked = false;
+ setsupportchecked("");
+ var crit_TrainingSupport = "";
+ var toto = "";
+ var filtre1 = "";
+
+
+
+ // Reinitialisation
+ filtre1 = result;
+ setv11(filtre1);
+
+ // recuperation du filtre de la certification
+ var crit_TrainingCertif = "";
+ if (document.querySelector('input[name="TrainingCertif"]:checked')) {
+ crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value;
+ if (crit_TrainingCertif.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
+
+ }
+
+
+ // recuperation du filtre du CPF
+ var crit_TrainingCPF = "";
+ if (document.querySelector('input[name="TrainingCPF"]:checked')) {
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
+ if (crit_TrainingCPF.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
+
+ }
+
+
+ // recuperation du filtre du type (cours, tuto, etc)
+ var crit_TrainingType = "";
+ if (document.querySelector('input[name="TrainingType"]:checked')) {
+ crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value;
+ if (crit_TrainingType.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType);
+
+ }
+
+ // recuperation du filtre de la distance
+ var crit_Trainingdistance = "";
+ if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
+ crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value;
+ if (crit_Trainingdistance.length > 0) {
+ // filtre presentiel = 1
+ if (String(crit_Trainingdistance) === String("1")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
+ setv11(filtre1);
+
+ }
+ else if (String(crit_Trainingdistance) === String("0")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
+ setv11(filtre1);
+ }
+ }
+ }
+ // Recup du filtre de prix
+ var crit_TrainingPrice = "";
+
+ setnewresult(filtre1);
+
+ //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
+ //console.log("############################ filtre1 = " + filtre1);
+ setCurrentPage2(1);
+ //console.log(" ????????????????????????????filtre2 = "+filtre2);
+ }
+
+
+ const [typechecked, settypechecked] = useState();
+ function annulefiltretypechecked() {
+ var radio = document.querySelector('input[name="TrainingType"]:checked');
+ radio.checked = false;
+ settypechecked("");
+
+ var toto = "";
+ var filtre1 = "";
+ var filtre2 = "";
+ var filtre3 = "";
+
+
+
+ // Reinitialisation
+ filtre1 = result;
+ setv11(filtre1);
+ //alert("rinitialisation")
+ ;
+
+ // recuperation du filtre du support
+ var crit_TrainingSupport = "";
+ if (document.getElementById("supoort_list_derou")) {
+ crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
+ if (crit_TrainingSupport.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+
+ }
+
+ // recuperation du filtre du certificat
+ var crit_TrainingCertif = "";
+ if (document.querySelector('input[name="TrainingCertif"]:checked')) {
+ crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value
+ if (crit_TrainingCertif.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
+
+ }
+
+ // recuperation du filtre du CPF
+ var crit_TrainingCPF = "";
+ if (document.querySelector('input[name="TrainingCPF"]:checked')) {
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
+ if (crit_TrainingCPF.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
+
+ }
+
+
+ // recuperation du filtre de la distance
+ var crit_Trainingdistance = "";
+ if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
+ crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
+ if (crit_Trainingdistance.length > 0) {
+ // filtre presentiel = 1
+ if (String(crit_Trainingdistance) === String("1")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
+ setv11(filtre1);
+
+ }
+ else if (String(crit_Trainingdistance) === String("0")) {
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
+ setv11(filtre1);
+ }
+ }
+
+ }
+
+
+ setnewresult(filtre1);
+ //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
+ //console.log("############################ filtre1 = " + filtre1);
+ setCurrentPage2(1);
+ //console.log(" ????????????????????????????filtre2 = "+filtre2);
+
+ return;
+
+ }
+
+
+ const [lieuchecked, setlieuchecked] = useState();
+ function annulefiltrelieuchecked() {
+ var radio = document.querySelector('input[name="TrainingPresentiel"]:checked');
+ radio.checked = false;
+ setlieuchecked("");
+ var toto = "";
+ var filtre1 = "";
+ settrainingonsite('');
+
+
+
+ //reinitialisation des filtres
+ filtre1 = result;
+ setv11(filtre1);
+
+ // Annulation de la suggestion de villes
+ setsuggestioncities([]);
+
+
+ /* Recuperation des autres filtres */
+ // recuperation du filtre du support
+ var crit_TrainingSupport = "";
+ if (document.getElementById("supoort_list_derou")) {
+ crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
+ if (crit_TrainingSupport.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
+ }
+
+ // recuperation du filtre du certification
+ var crit_TrainingCertif = "";
+ if (document.querySelector('input[name="TrainingCertif"]:checked')) {
+ crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value;
+ if (crit_TrainingCertif.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
+ }
+
+ // recuperation du filtre du CPF
+ var crit_TrainingCPF = "";
+ if (document.querySelector('input[name="TrainingCPF"]:checked')) {
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
+ if (crit_TrainingCPF.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
+
+ }
+
+ // recuperation du filtre du type (cours, tuto, etc)
+ var crit_TrainingType = "";
+ if (document.querySelector('input[name="TrainingType"]:checked')) {
+ crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value;
+ if (crit_TrainingType.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType);
+ }
+ setnewresult(filtre1);
+ setCurrentPage2(1);
+ }
+
+ function OnblurHandle(e) {
+ setTimeout(() => {
+ setsuggestion2([])
+ }, 100)
+ }
+
+
+ function OnSuggestionHandler(text) {
+ var val = text;
+ settext(val);
+ }
+
+ function OnCitiesSuggestionHandler(text) {
+ var val = text;
+ setcities(val);
+ document.getElementById("ville").value = val;
+ LeaveCity();
+ // Annulation de la suggestion de villes
+ setsuggestioncities([]);
+ }
+
+ function publiecatalogue() {
+
+ history.push("/Partner", { mysy_arg: 'partner' });
+ }
+
+ function LeaveCity() {
+ TrainingDistancielHandle();
+ }
+
+ function LeaveZipCode() {
+ TrainingDistancielHandle();
+ }
+
+ const Recherche_Domaine_Metier = (event) => {
+
+ console.log(" ### liste domaine = ", list_domaine);
+ console.log(" ### liste metier = ", list_metier);
+
+ }
+
+ const [displayAllmetiers, setdisplayAllmetiers] = useState();
+
+ function DisplayAllmetier() {
+ if (displayAllmetiers)
+ setdisplayAllmetiers(false);
+ else
+ setdisplayAllmetiers(true);
+ }
+
+ return (
+
+
+
+
+ Formation & Tutoriel Gratuit ou payant Excellente qualité
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/*
+
+
+
+
+
+
+
Recherche Formations Tutoriels
+
+
+
+ {String(someoneconnected) !== String("1") &&
}
+ {String(someoneconnected) === String("1") &&
}
+
+
+
+
+ {String(someoneconnected) === String("1") &&
+ Mon Compte
+
}
+
+ {String(someoneconnected) !== String("1") &&
+ S'inscrire
+
}
+
+
+ Nos Services
+
+
+
+ Le blog
+
+
+
+ publier mes formations
+
+
+
+
+
+
+
+
+
+
+
+
+
Bienvenue sur MySy
+
Recherche de Formations & Tutoriels
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
*/}
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Le guide des Formations &
+ Tutos pour tous.
+ Où que vous soyez, trouvez la formation ou le tutoriel selon vos critères.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Recherches populaires : Informatique, Graphisme, Management, Dev. Personnel ...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Nos services
+
+
+
+
+
+
+

+
+
+
+
+ Un outil de publication en ligne
+
+
+
+ Une recherche multicritère parfaite pour retrouver la formation la plus adaptée aux besoins de votre client.
+
+
+
+
+
+
+

+
+
+
+
+ Gestion Administrative
+
+
+
+ Une plateforme idéale pour vous gérer vos sessions de formation :
+
+ - Les inscriptions
+ - Les émargements
+ - Les avis des participants
+
+
+
+
+
+
+
+

+
+
+
+
+ Marketing digital sur mesure
+
+
+
+ Accompagnement personnalisé dans vos communications et
Un ciblage efficace lors de l’envoi d’emailings
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Nos Formations & Tutoriels
+ {showelement === "true" &&
+
+
Masquer les Métiers & Filtres
+
+
+
+ }
+
+ {showelement === "false" &&
+
Afficher les Métiers & Filtres
+
+
+
+ }
+
+ {showelement === "true" &&
+
+
Les filtres
+
+
+
+
+
Eligible CPF
+
+
+
+
+
+
+ {String(cpfchecked) === String("1") &&
+
+

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

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

+
+
+
}
+
+
+
+
+ {/*
+
Support
+
+
+
+
+
+
+ {String(supportchecked) === String("1") &&
+
+

+
+
+
}
+
+
*/}
+
+
+
+
+
Lieu
+
+
+
+
+
+
+ {String(lieuchecked) === String("1") &&
+
+

+
+
+
}
+
+
+
+
+ {trainingonsite && String(trainingonsite) === String("0") &&
+
Ville
+
+
+
+
+ {suggestioncities && suggestioncities.slice(0, 3).map((suggestion, id) =>
+
OnCitiesSuggestionHandler(JSON.parse(suggestion).ville)}> {JSON.parse(suggestion).ville}
+ )}
+
+
+
+
+
+
}
+
+ {trainingonsite && String(trainingonsite) === String("0") &&
+
Code postale
+
+
+
+
+
+
+
+
+
}
+
+
+
Support
+
+
+
+
+
+
+
+
+
+
+
+
Prix
+
+
+
+ `${value} €`}
+ value={range_price}
+ step={500}
+ name="toto"
+
+ onChange={value => setrange_price(value)}
+ //onChange={TrainingPriceHandle}
+ onChangeComplete={value => console.log(value)}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Les Métiers
+
+
+
+
+
+
+
+
+
+ Tous les metiers
+
+
+ 270 formations
+
+
+
+
+
+
+
+
+
+
+
+ Informatique
+
+
+ 270 formations
+
+
+
+
+
+
+
+
+
+
+
+
+ Graphisme
+
+
+ 21 formations
+
+
+
+
+
+
+
+
+
+
+
+ Projets
+
+
+ 21 formations
+
+
+
+
+
+
+
+ {!displayAllmetiers &&
+
+
+ +
+
+
+ Afficher plus de métiers
+
+
+
+
}
+
+ {displayAllmetiers &&
+
+
+
+
+
+ Management
+
+
+ 211 formations
+
+
+
+
+
}
+
+ {displayAllmetiers &&
+
+
+ -
+
+
+ Afficher Moins de métiers
+
+
+
+
}
+
+
+
+
+
+
+ {/*
+
+
+

+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
*/}
+
+ {/*
*/}
+
+
+
+
+
+ }
+
+
+
+
Nos Formations & Tutoriels
+ {String(userconnected) === String("1") &&
+
+
+ }
+
+ {myApiResponse == "False" &&
+
+ Impossible de contacter l'hote distant
+
}
+
+ {myApiResponse == "True" && String(besoinaiderecherche) === String("1") &&
+
+ Le resultat est vide, besoin d'aide ?
+
+
+
}
+
+
+ {result && myApiResponse === "True" && !newresult &&
+
+
+
+
setCurrentPage2(page)}
+ />
+
+
+
+ Trier par
+
+
+
+
+
+
+
+
+
+
}
+
+ {result && myApiResponse === "True" && newresult &&
+
+
setCurrentPage2(page)}
+ />
+
+
+ }
+
+
+ {newresult && (newresult.length <= PageSize) &&
+
+
+
+
}
+
+
+ {result && myApiResponse == "True" && fin == 0 && !newresult &&
+ result.slice(0, PageSize).map((formation) => (
+
+
+
+
+
+ ))}
+
+ {result && myApiResponse == "True" && fin == 0 && newresult &&
+ newresult.slice(0, PageSize).map((formation) => (
+
+
+
+
+
+ ))}
+
+
+
+ {result && myApiResponse === "True" && fin === 1 && !newresult
+ && currentTableData2
+ && currentTableData2.map((formation) => (
+
+
+
+
+
+ ))}
+
+ {result && myApiResponse === "True" && fin === 1 && newresult
+ && currentTableData2
+ && currentTableData2.map((formation) => (
+
+
+
+
+
+ ))}
+
+
+ {result && !newresult &&
+ }
+
+ {result && newresult &&
+ }
+
+
+
+
+
+
+
+
+
+
+
Notre actualité
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 19 DECEMBRE 2022
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 19 DECEMBRE 2022
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 19 DECEMBRE 2022
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+
+export default Recherche_new_v2;
\ No newline at end of file
diff --git a/src/mysy_img/gestion_admin.jpg b/src/mysy_img/gestion_admin.jpg
new file mode 100644
index 0000000..523053f
Binary files /dev/null and b/src/mysy_img/gestion_admin.jpg differ
diff --git a/src/mysy_img/gestion_admin_2.jpg b/src/mysy_img/gestion_admin_2.jpg
new file mode 100644
index 0000000..4b58ebc
Binary files /dev/null and b/src/mysy_img/gestion_admin_2.jpg differ
diff --git a/src/mysy_img/market_digi.jpg b/src/mysy_img/market_digi.jpg
new file mode 100644
index 0000000..f1f2061
Binary files /dev/null and b/src/mysy_img/market_digi.jpg differ
diff --git a/src/mysy_img/publication.jpg b/src/mysy_img/publication.jpg
new file mode 100644
index 0000000..3c3a21b
Binary files /dev/null and b/src/mysy_img/publication.jpg differ
diff --git a/src/mysy_img2/Logo_MySy.png b/src/mysy_img2/Logo_MySy.png
new file mode 100644
index 0000000..3f8d860
Binary files /dev/null and b/src/mysy_img2/Logo_MySy.png differ
diff --git a/src/mysy_img2/img_header.png b/src/mysy_img2/img_header.png
new file mode 100644
index 0000000..98d8f55
Binary files /dev/null and b/src/mysy_img2/img_header.png differ
diff --git a/src/pages/recherche_new_v2.js b/src/pages/recherche_new_v2.js
new file mode 100644
index 0000000..8305e32
--- /dev/null
+++ b/src/pages/recherche_new_v2.js
@@ -0,0 +1,21 @@
+import Recherche_new_v2 from "../components/Recherche_new_v2";
+import Navigation from "../components/Navigation";
+import Footer from "./footer";
+
+const recherche = () => {
+
+
+ return (
+
+
+ )
+}
+
+
+export default recherche;
diff --git a/src/styles/components/_contactform.scss b/src/styles/components/_contactform.scss
index a35377c..cc6b328 100644
--- a/src/styles/components/_contactform.scss
+++ b/src/styles/components/_contactform.scss
@@ -4,6 +4,10 @@
font-size: 0.1rem;
}
+ .formRow{
+ margin-bottom: 1rem !important;
+ }
+
@media only screen and (max-width: 600px) {
.media_sociaux {
svg {
diff --git a/src/styles/components/_footer.scss b/src/styles/components/_footer.scss
index e0b956c..6d301bd 100644
--- a/src/styles/components/_footer.scss
+++ b/src/styles/components/_footer.scss
@@ -31,7 +31,7 @@
.copyright {
font-size: 0.5rem;
}
- .Box_div {
+ .Box_div {
padding: 1rem 1rem;
background: #104277;
color: white !important;
@@ -324,7 +324,7 @@
}
}
- .Heading_p {
+ .Heading_p {
font-size: 0.9rem;
color: #81bc3a;
margin-bottom: 0.5rem;
diff --git a/src/styles/components/_footer_v2.scss b/src/styles/components/_footer_v2.scss
new file mode 100644
index 0000000..2889131
--- /dev/null
+++ b/src/styles/components/_footer_v2.scss
@@ -0,0 +1,757 @@
+.footer_v2 {
+
+ background: #FFF5DA;
+
+ @media only screen and (max-width: 600px) {
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+
+ }
+
+ .div_row_haut {
+ float: left;
+
+ width: 100%;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ z-index: 10;
+ background-color: #e7f3fb;
+ }
+
+ .div_colonne_25 {
+ float: left;
+ width: 25%;
+ z-index: 10;
+ padding: 5px;
+
+ }
+
+ .logo {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ position: absolute;
+ width: 108px;
+ height: 52px;
+ left: 72px;
+
+ }
+
+
+ .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;
+ }
+
+ .text_sous_logo {
+ width: 100%;
+ text-align: justify;
+ height: 60px;
+ padding-right: 10px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 15px;
+ /* or 143% */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.8;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ margin-top: 1rem;
+ }
+
+
+ .entete_txt {
+
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 14px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.6;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ text-align: left;
+ }
+
+ .a_link {
+
+ height: 19px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 12px;
+ line-height: 15px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ text-align: left;
+ }
+
+ .block_newsletter {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px 5px 5px 5px;
+ gap: 10px;
+
+ width: 90%;
+ height: 60px;
+
+ /* White */
+
+ background: #FFFFFF;
+ /* Shadow 01 */
+
+ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ }
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+
+ }
+
+ .div_row_haut {
+ float: left;
+
+ width: 100%;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ z-index: 10;
+ background-color: #e7f3fb;
+ }
+
+ .div_colonne_25 {
+ float: left;
+ width: 25%;
+ z-index: 10;
+ padding: 5px;
+
+ }
+
+ .logo {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ position: absolute;
+ width: 108px;
+ height: 52px;
+ left: 72px;
+
+ }
+
+
+ .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;
+ }
+
+ .text_sous_logo {
+ width: 100%;
+ padding-right: 10px;
+ text-align: justify;
+ height: 60px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 15px;
+ /* or 143% */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.8;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ margin-top: 1rem;
+ }
+
+
+ .entete_txt {
+
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 14px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.6;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ text-align: left;
+ }
+
+ .a_link {
+
+ height: 19px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 12px;
+ line-height: 15px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ text-align: left;
+ }
+
+ .block_newsletter {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px 5px 5px 5px;
+ gap: 10px;
+
+ width: 90%;
+ height: 60px;
+
+ /* White */
+
+ background: #FFFFFF;
+ /* Shadow 01 */
+
+ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+
+ }
+
+ .div_row_haut {
+ float: left;
+
+ width: 100%;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ z-index: 10;
+ background-color: #e7f3fb;
+ }
+
+ .div_colonne_25 {
+ float: left;
+ width: 25%;
+ z-index: 10;
+ padding: 5px;
+
+
+ }
+
+ .logo {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ position: absolute;
+ width: 108px;
+ height: 52px;
+ left: 72px;
+
+ }
+
+
+ .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;
+ }
+
+ .text_sous_logo {
+ width: 100%;
+ padding-right: 10px;
+ text-align: justify;
+ height: 60px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 15px;
+ /* or 143% */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.8;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ margin-top: 1rem;
+ }
+
+
+ .entete_txt {
+
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 14px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.6;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ text-align: left;
+ }
+
+ .a_link {
+
+ height: 19px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 12px;
+ line-height: 15px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ text-align: left;
+ }
+
+ .block_newsletter {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px 5px 5px 5px;
+ gap: 10px;
+
+ width: 90%;
+ height: 60px;
+
+ /* White */
+
+ background: #FFFFFF;
+ /* Shadow 01 */
+
+ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ }
+
+ @media only screen and (min-width: 1200px) {
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+
+ }
+
+ .div_row_haut {
+ float: left;
+
+ width: 100%;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ z-index: 10;
+ background-color: #e7f3fb;
+ }
+
+ .div_colonne_25 {
+ float: left;
+ width: 25%;
+ z-index: 10;
+ padding: 5px;
+
+ }
+
+ .logo {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 4px;
+
+ position: absolute;
+ width: 108px;
+ height: 52px;
+ left: 72px;
+
+ }
+
+
+ .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;
+ }
+
+ .text_sous_logo {
+ width: 100%;
+ padding-right: 10px;
+ text-align: justify;
+ height: 60px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 12px;
+ line-height: 15px;
+ /* or 143% */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.8;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ margin-top: 1rem;
+ }
+
+
+ .entete_txt {
+
+ height: 22px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 14px;
+ line-height: 22px;
+ /* identical to box height */
+
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+ opacity: 0.6;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ text-align: left;
+ }
+
+ .a_link {
+
+ height: 19px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 12px;
+ line-height: 15px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ text-align: left;
+ }
+
+ .block_newsletter {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 5px 5px 5px 5px;
+ gap: 10px;
+
+ width: 90%;
+ height: 60px;
+
+ /* White */
+
+ background: #FFFFFF;
+ /* Shadow 01 */
+
+ box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
+
+ }
+}
\ No newline at end of file
diff --git a/src/styles/components/_formation - Copie (2).scss b/src/styles/components/_formation - Copie (2).scss
new file mode 100644
index 0000000..8aabbe6
--- /dev/null
+++ b/src/styles/components/_formation - Copie (2).scss
@@ -0,0 +1,1523 @@
+.formation_copie {
+ .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;
+ }
+
+ /* 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;
+ }
+
+ .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: 50%;
+ text-align: right;
+ }
+
+ .div_row_gauche_critere {
+ padding: 10px;
+ width: 100% !important;
+ padding-left: 5px;
+ }
+
+
+ .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%;
+ }
+
+ }
+
+ @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: left;
+ 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;
+ }
+
+ .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;
+ }
+ }
+
+ @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: left;
+ 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;
+ }
+
+ .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;
+ }
+
+ }
+
+ @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: left;
+ 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;
+ }
+
+ .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: 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;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/styles/components/_formation.scss b/src/styles/components/_formation.scss
index 1366690..cedf4ba 100644
--- a/src/styles/components/_formation.scss
+++ b/src/styles/components/_formation.scss
@@ -356,14 +356,14 @@
.div_row_gauche_critere {
padding: 10px;
- width: 70% !important;
+ width: 100% !important;
padding-left: 5px;
}
.div_row_droite_critere {
padding: 5px;
- width: 30% !important;
+ width: 100% !important;
margin-top: 1px;
}
@@ -408,16 +408,69 @@
}
.ftion_tab_gauche {
- width: 70%;
+ width: 50%;
}
.ftion_tab_droite {
- width: 30%;
+ width: 50%;
}
}
@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;
@@ -431,7 +484,7 @@
float: left;
// border:1px solid black;
// border-width:0.01rem;
- width: 49% !important;
+ width: 50% !important;
border-radius: 1rem;
}
@@ -439,7 +492,7 @@
float: right;
//border:1px solid black;
//border-width:0.01rem;
- width: 48%;
+ width: 50%;
border-radius: 1rem;
}
@@ -479,7 +532,7 @@
.criteres {
font-family: "verdana", "Quicksand", "Signika", sans-serif;
color: #104277;
- font-size: 0.75rem;
+ font-size: 0.70rem;
padding-bottom: 0rem;
margin-bottom: 0rem;
}
@@ -527,7 +580,7 @@
float: left;
//border:1px solid black;
//border-width:0.01rem;
- width: 90%;
+ width: 100%;
margin-bottom: 1rem;
border-radius: 1rem;
}
@@ -699,14 +752,15 @@
.div_row_gauche_critere {
padding: 10px;
- width: 60% !important;
+ width: 66% !important;
padding-left: 5px;
+ padding-right: 5px;
}
.div_row_droite_critere {
padding: 10px;
- width: 40% !important;
+ width: 34% !important;
margin-top: 15px;
}
@@ -715,7 +769,7 @@
border-radius: 15px;
font-size: small;
padding: 0.2rem;
- width: 60%;
+ width: 90%;
background: #FFFFFF !important;
color: #104277 !important;
margin-right: 10px;
@@ -728,7 +782,7 @@
border-radius: 15px;
font-size: small;
padding: 0.2rem;
- width: 60%;
+ width: 90%;
background-color: #104277 !important;
color: white !important;
margin-right: 10px;
@@ -741,7 +795,7 @@
border-radius: 15px;
font-size: small;
padding: 0.2rem;
- width: 60%;
+ width: 90%;
background-color: #619E31 !important;
color: white !important;
margin-right: 10px;
@@ -750,7 +804,17 @@
}
+ .row_formation_desc{
+ min-height: 5rem !important;
+ }
+ .row_formation_title{
+ min-height: 3rem !important;
+ }
+
+ .row_formation_crit {
+ min-height: 10rem !important;
+ }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -1093,6 +1157,18 @@
width: 30%;
}
+ .row_formation_desc{
+ min-height: 5rem !important;
+ }
+
+ .row_formation_title{
+ min-height: 3rem !important;
+ }
+
+ .row_formation_crit {
+ min-height: 10rem !important;
+ }
+
}
@media only screen and (min-width: 1200px) {
@@ -1432,55 +1508,16 @@
}
- .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: 0.9rem;
- line-height: 19px;
- font-feature-settings: 'liga' off;
-
- /* Deep Blue */
-
- color: #0A043C;
-
-
- /* Inside auto layout */
-
- flex: none;
- order: 0;
- flex-grow: 0;
+ .row_formation_desc{
+ min-height: 5rem !important;
}
-
- .ftion_tab_droite {
- width: 50%;
- float: left;
- text-align: center;
-
-
- font-family: 'Albert Sans';
- font-style: normal;
- font-weight: 400;
- font-size: 0.9rem;
- line-height: 19px;
- font-feature-settings: 'liga' off;
-
- /* Deep Blue */
-
-
-
-
- /* Inside auto layout */
-
- flex: none;
- order: 1;
- flex-grow: 0;
+
+ .row_formation_title{
+ min-height: 3rem !important;
+ }
+
+ .row_formation_crit {
+ min-height: 10rem !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
new file mode 100644
index 0000000..790f800
--- /dev/null
+++ b/src/styles/components/_reherche_new_v2.scss
@@ -0,0 +1,13877 @@
+.reherche_new_v2 {
+
+ .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;
+ }
+
+ .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;
+ }
+
+ .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;
+ }
+
+ .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: 327px;
+ 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: 580px;
+ }
+
+ .pieddepage_v2 {
+ position: relative;
+ width: 100%;
+ //height: 450px;
+ left: 0px;
+ //top: 5850px;
+ top: 5300px;
+ 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;
+ width: 327px;
+ height: 120px;
+ left: 24px;
+ //top: 122px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 32px;
+ line-height: 40px;
+ /* or 125% */
+
+ text-align: center;
+ letter-spacing: -1px;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+ }
+
+ .title2 {
+ position: absolute;
+ width: 327px;
+ height: 38px;
+ left: 24px;
+ top: 80px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 19px;
+ text-align: center;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ }
+
+ .content_search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 24px;
+
+ width: 100%;
+ height: 367px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ z-index: 1;
+ }
+
+ .search_bar_h {
+ //display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 20px 0px;
+ gap: 24px;
+
+ position: absolute;
+ width: 86%;
+ height: 220px;
+ left: 7%;
+ top: 260px;
+
+ /* White */
+
+ background: #FFFFFF;
+ box-shadow: 0px 16px 48px rgba(30, 30, 30, 0.08);
+ border-radius: 8px;
+ }
+
+
+ .search_bar {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 5px 0px 5px;
+ gap: 72px;
+
+ width: 100%;
+ height: 80px;
+
+ /* White */
+
+ background: #FFFFFF;
+ box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+ .input_search_bar {
+ /* Auto layout */
+
+ //display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 24px;
+
+ width: 95%;
+ height: 80px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .cta_recherche {
+ cursor: pointer;
+ /* Auto layout */
+
+ //display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 3px;
+ gap: 10px;
+
+ height: 46px;
+
+ /* Green */
+
+ background: #20BFA9;
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ //top: 90px;
+ position: absolute;
+ width: 95%;
+ left: 2%;
+
+ }
+
+ .cta_recherche_txt {
+ //width: 90px;
+ height: 30px;
+ margin-top: 5px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 17px;
+ line-height: 30px;
+ /* identical to box height, or 176% */
+
+ //display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* White */
+
+ color: #FFFFFF;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ }
+
+ .search_dropdown {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 8px;
+
+ //width: 30%;
+ height: 24px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+
+ }
+
+
+ .search_bar_rectangle {
+ width: 1px;
+ height: 80px;
+
+ background: rgba(0, 0, 0, 0.08);
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+
+ display: none;
+
+ }
+
+ .search_text {
+ /* Auto layout */
+
+ //display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 100%;
+ height: 32px;
+ position: absolute;
+ top: 80px;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 2;
+ flex-grow: 0;
+ }
+
+ .forma_et_tuto {
+ display: none;
+ }
+
+ .forma_et_tuto_mobile {
+ width: 99%;
+ margin-left: 5px;
+ height: 80px;
+ padding-top: 10px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 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;
+ 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 */
+
+
+ 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;
+
+ 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;
+
+
+ /* 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: 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: 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: small;
+
+ line-height: 1.3;
+ margin-bottom: 2px;
+ color: white;
+ border: 2px solid white;
+ background: transparent;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ }
+
+ .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;
+ }
+
+ .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;
+ }
+
+ .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: 40px;
+
+ position: absolute;
+ width: 96%;
+ height: 204px;
+ left: 2%;
+ top: 550px;
+
+ }
+
+ .block_nos_formation {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ //height: 2574px;
+ left: 10px;
+ right: 5px;
+ top: 830px;
+ }
+
+ .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: 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: 20px;
+ top: 156px;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ /* Beige */
+
+ background: #FFF5DA;
+
+ }
+
+ .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: 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: 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%;
+ 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: 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: 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;
+
+ }
+
+ .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: 65%;
+ 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: 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: 28%;
+ 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 */
+
+
+ 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;
+
+ 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;
+
+
+ /* 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: 5700px;
+ 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: 4550px;
+
+ /* 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: 10%;
+ 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: 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: 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;
+ /* 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;
+ }
+
+ }
+
+ @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: small;
+ line-height: 1.3;
+ margin-bottom: 4px;
+ color: white;
+ border: 2px solid white;
+ background: transparent;
+ }
+
+ 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;
+ }
+
+ .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;
+ }
+
+ .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: 40px;
+
+ position: absolute;
+ width: 96%;
+ height: 204px;
+ left: 2%;
+ top: 580px;
+
+ }
+
+ .block_nos_formation {
+ //display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 96%;
+ //height: 2574px;
+ left: 2%;
+ top: 850px;
+ }
+
+ .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: 100%;
+ height: 367px;
+ left: 72px;
+ top: 156px;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ /* Beige */
+
+ background: #FFF5DA;
+
+ }
+
+ .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: 5rem;
+ 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: 867px;
+ 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: 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: 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: 867px;
+ 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: 867px;
+ 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: 24px;
+
+ width: 617px;
+ 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: 211px;
+ 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: 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 */
+
+
+ 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;
+
+ 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;
+
+
+ /* 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: 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: 5000px;
+ 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;
+ }
+
+ .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;
+ }
+ }
+
+ @media only screen and (min-width: 1201px) 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;
+ }
+
+ .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;
+ }
+
+ .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;
+ }
+
+ .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: 40px;
+
+ position: absolute;
+ width: 96%;
+ height: 204px;
+ left: 2%;
+ top: 550px;
+
+ }
+
+ .block_nos_formation {
+ // display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 96%;
+ //height: 2574px;
+ left: 2%;
+ top: 800px;
+ }
+
+ .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: 100%;
+ height: 367px;
+ left: 72px;
+ top: 156px;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ /* Beige */
+
+ background: #FFF5DA;
+
+ }
+
+ .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: 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: 8rem;
+ 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: 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 */
+
+
+ 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;
+
+ 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;
+
+
+ /* 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: 5250px;
+ 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: 4150px;;
+
+ /* 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;
+ }
+
+ }
+
+ @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;
+ }
+
+ .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;
+ }
+
+ .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;
+ }
+
+ .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;
+ }
+
+ .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: 40px;
+
+ position: absolute;
+ width: 96%;
+ height: 204px;
+ left: 2%;
+ top: 550px;
+
+ }
+
+ .block_nos_formation {
+ //display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0px;
+ gap: 40px;
+
+ position: absolute;
+ width: 96%;
+ //height: 2574px;
+ left: 2%;
+ top: 800px;
+ }
+
+ .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: 100%;
+ height: 367px;
+ left: 72px;
+ top: 156px;
+ }
+
+ .Background_Header {
+ position: absolute;
+ width: 100%;
+ height: 452px;
+ left: 0px;
+ top: 0px;
+
+ /* Beige */
+
+ background: #FFF5DA;
+
+ }
+
+ .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: 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: 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: 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: 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: 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;
+
+ }
+
+ .search_text {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px;
+ gap: 8px;
+
+ width: 85%;
+ 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 */
+
+
+ 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;
+
+ 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;
+
+
+ /* 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: 4300px;
+
+ /* 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;
+ }
+
+ }
+
+ // 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;
+ }
+}
+
+.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;
+}
+
+.bton_menu {
+ background-color: black;
+ width: 100%;
+ border: 0px;
+ text-align: left;
+ color: white;
+ letter-spacing: 0.1rem;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+}
+
+.bton_menu:hover {
+ color: white;
+ letter-spacing: 0.2rem;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+}
+
+.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;
+}
+
+
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 1661c1d..d6a2770 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -58,5 +58,5 @@
@import "./components/toggleswitch";
@import "./components/updateusergoals";
@import "./components/userprofil";
-@import "./components/formation_cartouche_com";
-@import "./components/reherche_new_cartouche_com";
\ No newline at end of file
+@import "./components/reherche_new_v2";
+@import "./components/footer_v2";
\ No newline at end of file