diff --git a/.env b/.env index 88f0d7d..75acaf5 100644 --- a/.env +++ b/.env @@ -7,6 +7,8 @@ REACT_APP_API_URL_recette=https://devapimysy.mysy-training.com/ REACT_APP_API_URL=http://localhost:5001/ REACT_APP_BASE_URL=http://localhost:3009/recherche-formation REACT_APP_FRONT_URL=http://localhost:3009/ +REACT_APP_FRONT_URL_CANONICAL=localhost:3009/ +REACT_APP_FRONT_URL_CANONICAL_BASE=http:// REACT_APP_ENV=DEV GENERATE_SOURCEMAP=false REACT_APP_MAINTENANCE=1 \ No newline at end of file diff --git a/src/App.js b/src/App.js index 51590e5..40148ad 100644 --- a/src/App.js +++ b/src/App.js @@ -7,11 +7,19 @@ import Connexion from './pages/Connexion' import Login from './pages/Login'; import Recherche_new_v2 from "./pages/recherche_new_v2"; + +import Mon_Catalogue_Public from "./pages/mon_catalogue_public"; + + import TestUrl from "./pages/testurl"; import Account from "./pages/account"; import DisplayDetailClass_new_v2 from "./pages/displaydetailclass_new_v2"; +import Display_Partner_Catalog_DetailClass_new_v2 from "./pages/display_partner_catalog_detailclass_new_v2" + + + import DisplayDetailArticle from "./pages/displaydetailarticle"; import Acceuil from "./pages/acceuil"; import Partner from "./pages/partner"; @@ -62,6 +70,35 @@ function App() { dynamicWidth: window.innerHeight }); +/* + useEffect(() => { + + // Verifier s'il y a un sous domaine + var tab_split_sous_domain = window.location.host.split("."); + + console.log(" yaaaaaaaaaa tab_split_sous_domain = ", tab_split_sous_domain); + + console.log("process.env.REACT_APP_FRONT_URL_CANONICAL = ", process.env.REACT_APP_FRONT_URL_CANONICAL); + + if(String(tab_split_sous_domain[0]) !== String(process.env.REACT_APP_FRONT_URL_CANONICAL) ){ + console.log(" La racine n'est pas normal, on redirige"); + var new_url = process.env.REACT_APP_FRONT_URL_CANONICAL_BASE + tab_split_sous_domain[0] + "." + process.env.REACT_APP_FRONT_URL_CANONICAL + "moncatalog"; + + console.log(" La racine n'est pas normal, on redirige vers : "); + + console.log(" new_url = ", new_url); + + + window.open( String(new_url), + '_self' + ); + + return; + + } + + }, []);*/ + return (
@@ -77,9 +114,13 @@ function App() { - + + + + + @@ -102,6 +143,9 @@ function App() { + + + diff --git a/src/components/Display_Partner_Catalog_DetailClass_new_v2.js b/src/components/Display_Partner_Catalog_DetailClass_new_v2.js new file mode 100644 index 0000000..5241866 --- /dev/null +++ b/src/components/Display_Partner_Catalog_DetailClass_new_v2.js @@ -0,0 +1,3040 @@ +import React, { useRef, useState, useEffect } from "react"; +import { useParams } from 'react-router-dom' +import axios from "axios"; +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import bannerimg2 from "../mysy_img/MYSY-LOGO-BLUE.png"; +import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png"; +import { Helmet } from "react-helmet"; +import 'react-slideshow-image/dist/styles.css' +import { Fade } from 'react-slideshow-image'; +import slideimg1 from "../mysy_img/education.jpg"; +import slideimg4 from "../mysy_img/mysy_img.png"; +import Footer from "./Fotter"; +import Header from "./Header"; +import bannerimg from "../mysy_img/MYSY_banner_compte.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 img_met_sport from "../mysy_img/met_sport.png"; +import img_met_sante_nat from "../mysy_img/met_sante_nat.jpeg"; +/* +/!\ important: les images du slides doivent avoir une dimension de : 250 X 450 +*/ +import { Button, } from "reactstrap"; +import { useHistory } from "react-router-dom"; +import { useCookies } from "react-cookie"; +import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share"; +import { SocialIcon } from 'react-social-icons'; +import { confirmAlert } from 'react-confirm-alert'; +//import { Rating } from 'react-simple-star-rating'; +import Rating from '@mui/material/Rating'; +import parse from 'html-react-parser'; +import Inscription from "./Inscription_Information"; + +import mysy_logo2 from "../mysy_img2/Logo_MySy.png" +import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa'; +import { areOptionsEqual } from "@mui/base"; +import { style } from "@mui/system"; + +const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { + const { classId, action } = useParams(); + const [result, setResult] = useState(""); + const [myApiResponse, setmyApiResponse] = useState(); + const [DetailTraining, setDetailTraining] = useState([]); + const [closepopup, setclosepopup] = useState(0); + 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 [mynote, setmynote] = useState(0); + const [userconnected, setuserconnected] = useState("0"); + const [someoneconnected, setsomeoneconnected] = useState("0"); + const [partnerconnected, setpartnerconnected] = useState("0"); + const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']); + const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart']); + + const [inscritpion, setinscritpion] = useState(""); + const [ratingvalue, setratingvalue] = useState(0); + + const [text_size, settext_size] = useState("0"); + + + // Gestion des Cookies + const stored_partner = cookie_part.tokenmysypart; + const stored_user = cookie.tokenmysych; + + + const [childdata, setchilddata] = useState(); + + + // Cette fonction verifier si le token de l'evaluation est valide + //si $action != 'information' et 'inscription', alors la valeur est forcement celle d'un token. + const [tokenEval_api, settokenEval_api] = useState(); + const [tokenEval_message, settokenEval_message] = useState(); + const [tokenEval_result, settokenEval_result] = useState(); + function CheckEvaluationToken() { + + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + + form.append("eval_token", action); + form.append("class_internal_url", classId); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/MySyckeckEvaluationToken/"; + + axios.post(myurl, form).then(res => { + //console.log(" In CheckEvaluationToken res.data.status = " + res.data.status); + //console.log(" In CheckEvaluationToken res.data.message r_class = " + res.data.message); + + + if (String(res.data.status) !== "false") { + settokenEval_api("true"); + settokenEval_result(res.data.message); + } + else { + //console.log(" In tokenEval_trainingsession res.data.status = " + res.data.status); + settokenEval_api("false"); + settokenEval_message(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( CheckEvaluationToken = ', error); + settokenEval_api("false"); + //setmyApimyApiMessage("") + }) + } + + + useEffect(() => { + + Get_Subdomain_Partner_Data(window.location.host.split(".")[0]) + + + async function funclocaltoken() { + + + if (action && String(action).toLocaleLowerCase() !== "inscription" && + String(action).toLocaleLowerCase() !== "information") { + + CheckEvaluationToken(); + + } + } + + + 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"); + local_user_connect = 1; + } + + if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') { + setpartnerconnected("0"); + local_part_connect = 0; + } else { + setpartnerconnected("1"); + local_part_connect = 1; + } + + 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); + submenu_datelieu(); + } + fetchData(); + + + GetCurrentClass_trainingsession(); + Display(); + GetAssociatedTraning(); + + + funclocaltoken(); + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + + + }, []); + + + function contactUs(e) { + + var sender_mail = ""; + var sender_tel = ""; + var token = ""; + if (String(userconnected) === "0") { + sender_mail = document.getElementsByName("usermail")[0].value; + sender_tel = document.getElementsByName("usernumtel")[0].value; + if (sender_mail.length == 0 && sender_tel.length == 0) { + alert(" Les information fournies sont incorrectes "); + return; + } + } else { + token = String(stored_user) + + } + + + var useravis = document.getElementsByName("useravis")[0].value; + var usersupqual = document.getElementsByName("userqualsup")[0].value; + var usernote = document.getElementsByName("usernote")[0].value; + + if (useravis.length < 20 || usersupqual.length < 20 || usernote.length < 0) { + alert("Merci de saisir le nombre minimum de caractère requis pour les champs "); + return; + } + + + var re = /\S+@\S+\.\S+/; + if (re.test(sender_mail) == false) { + alert("l'email est incorrecte"); + return; + } + + + ////console.log("contacter " + sender_mail + " - " + sender_tel + " - ") + + + //alert("contacter "+sender_mail+" - "+sender_tel+" - "+usermessage+" - url = " + //+process.env.REACT_APP_API_URL+" - user_ip ="+IPv4+" - "+latitude); + var myurl = process.env.REACT_APP_API_URL + "myclass/api/add_user_message/"; + var form = new FormData(); + form.append("type", "email"); + form.append("recever_mail", ""); + form.append("recever_tel", ""); + form.append("sender_mail", sender_mail); + form.append("sender_tel", sender_tel); + form.append("object", DetailTraining["external_code"]); + form.append("token", ""); + 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); + + axios.post(myurl, form).then(res => { + if (res.data.status != "False") { + //console.log(" In test res.data.status = " + res.data.status); + //console.log(" In test res.data.message = " + res.data.message); + setclosepopup(1); + document.getElementsByName("usermail")[0].value = ""; + document.getElementsByName("usernumtel")[0].value = ""; + document.getElementsByName("usercomment")[0].value = ""; + } + else { + //console.log(" contact-nous statut = " + res.data.status); + //console.log(" contact-nous res.data.message = " + res.data.message); + } + }).catch((error) => { + console.warn('contact-nous Not good man :( mysearchtext = '); + + }) + + + } + + + /* Cette variable accompagne la gestion des images par defaut. + idée : si la valeur de "DetailTraining.metier" != "management, digital, office, rh, vente, dev_perso" + alors l'utilisateur à créer une formation avec un metier qui n'est pas geré, donc on met une image par defaut + */ + const [ismetiermanaged, setismetiermanaged] = useState(); + const liste_metier = ["management", "digital", "office", "rh", "vente", "dev_perso"]; + + + const [nb_pave_a_afficher, setnb_pave_a_afficher] = useState(); + + const [isdatadock, setisdatadock] = useState(); + const [isqualiopi, setisqualiopi] = useState(); + const [iscertitrace, setiscertitrace] = useState(); + const [isbureaucertitrace, setisbureaucertitrace] = useState(); + const [iscertifvoltaire, setiscertifvoltaire] = useState(); + const [partnair_name, setpartnair_name] = useState(); + const [website_partenaire, setwebsite_partenaire] = useState(); + + const [class_sales_price, setclass_sales_price] = useState("0"); + + const [myclassimage, setmyclassimage] = useState(); + const [isclassimage, setisclassimage] = useState("False"); + const [userimgclassprofil, setuserimgclassprofil] = useState(""); + + const [class_img_stored_in_bdd, setclass_img_stored_in_bdd] = useState(""); + + function getClassImage_no_token(class_id, class_external_code) { + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedClassImage_no_token/"; + + var form = new FormData(); + + form.append("type", "partner"); + form.append("related_collection", "myclass"); + form.append("related_collection_recid", class_id); + form.append("class_external_code", class_external_code); + + + axios.post(myurl, form).then(res => { + + if (res.data.status != "False") { + + //console.log(" getClassImage : In test res.data.status = " + res.data.status); + console.log(" getClassImage: res.data.message.img = " + res.data.message); + + if (res.data.message.img.length > 0) { + setisclassimage("True"); + } + else { + setisclassimage("False"); + } + setisclassimage(res.data.message.img); + var ch_img = "data:image/png;base64," + res.data.message.img; + setclass_img_stored_in_bdd(ch_img); + } + else { + //console.log(" In Erreur res.data.status = " + res.data.status); + //console.log(" In Erreur res.data.message = " + res.data.message); + setisclassimage("False"); + setuserimgclassprofil(); + setclass_img_stored_in_bdd(); + } + }).catch((error) => { + + console.warn('getClassImage ee: Not good man :( getClassImage = '); + setisclassimage("False"); + setuserimgclassprofil(""); + setclass_img_stored_in_bdd(""); + }) + + } + + + + function Display(e) { + var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class/"; + var form = new FormData(); + form.append("internal_url", classId); + + var my_local_user_connect; + var my_local_part_connect; + if (typeof (stored_user) === "undefined" || String(stored_user) === '') { + my_local_user_connect = 0; + } else { + my_local_user_connect = 1; + } + + if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') { + my_local_part_connect = 0; + } else { + my_local_part_connect = 1; + } + + + + if (String(my_local_user_connect) === "1") { + form.append("token", stored_user); + form.append("connection_type", "user"); + } + else if (String(my_local_part_connect) === "1") { + form.append("token", stored_partner); + form.append("connection_type", "partner"); + } + else { + form.append("token", ""); + form.append("connection_type", ""); + } + + // 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 cpt_pave = 0; + //alert("myurl = "+myurl); + + axios.post(myurl, form).then(res => { + // console.log(" In Display res.data.status = " + res.data.status); + //console.log(" In Display res.data.message = " + res.data.message); + if (String(res.data.status) === String("true")) { + + if (res.data.message.length > 0) { + setmyApiResponse("True"); + + if (String(JSON.parse(res.data.message).coeur) !== String("1") && + String(JSON.parse(res.data.message).freeacces) !== String("1")) { + + //alert(" ce n'est pas un coeur = " + JSON.parse(res.data.message).coeur) + // Verification si on est en e connecté ou non. + 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"); + local_user_connect = 1; + } + + if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') { + setpartnerconnected("0"); + local_part_connect = 0; + } else { + setpartnerconnected("1"); + local_part_connect = 1; + } + + if (local_user_connect === 0 && local_part_connect === 0) { + confirmAlert({ + title: 'Connexion ?', + message: 'Connectez-vous pour acceder  au detail de cette formation', + buttons: [ + { + label: 'Vous avez un compte', + onClick: () => { history.push("/mysy-training-login/training/" + classId) } + }, + { + label: "Vous n'avez pas de compte", + onClick: () => { history.push("/create_account") } + }, + + ], + closeOnEscape: false, + closeOnClickOutside: false, + keyCodeForClose: [8, 32], + willUnmount: () => { }, + afterClose: () => { }, + onClickOutside: () => { }, + onKeypress: () => { }, + onKeypressEscape: () => { }, + }); + + + } + } else { + //alert(" c'est pas un coeur = " + JSON.parse(res.data.message).coeur) + } + } + else { + setmyApiResponse("False"); + } + //console.log(" In displaydetailclass res.data.status = " + res.data.status); + //console.log(" In displaydetailclass res.data.message = " + res.data.message); + //console.log(" In displaydetailclass taille res.data.message = " + res.data.message.length); + setResult(res.data.message); + setDetailTraining(JSON.parse(res.data.message)); + + + getClassImage_no_token(JSON.parse(res.data.message)._id, JSON.parse(res.data.message).external_code); + + + if (JSON.parse(res.data.message).note) { + setratingvalue(JSON.parse(res.data.message).note); + } + + if (JSON.parse(res.data.message).isdatadock) { + setisdatadock(JSON.parse(res.data.message).isdatadock); + } + + if (JSON.parse(res.data.message).business_prices && JSON.parse(res.data.message).business_prices.length == 1) { + setclass_sales_price(JSON.parse(res.data.message).business_prices[0].discounted_price); + + } else { + setclass_sales_price(JSON.parse(res.data.message).price); + setclass_sales_price(JSON.parse(res.data.message).price); + } + + + if (JSON.parse(res.data.message).isqualiopi) { + setisqualiopi(JSON.parse(res.data.message).isqualiopi); + } + + + if (JSON.parse(res.data.message).iscertitrace) { + setiscertitrace(JSON.parse(res.data.message).iscertitrace); + } + + if (JSON.parse(res.data.message).isbureaucertitrace) { + setisbureaucertitrace(JSON.parse(res.data.message).isbureaucertitrace); + } + + if (JSON.parse(res.data.message).iscertifvoltaire) { + setiscertifvoltaire(JSON.parse(res.data.message).iscertifvoltaire); + } + + if (JSON.parse(res.data.message).nom_partenaire) { + setpartnair_name(JSON.parse(res.data.message).nom_partenaire); + } + + if (JSON.parse(res.data.message).nb_pave_a_afficher) { + setnb_pave_a_afficher(JSON.parse(res.data.message).nb_pave_a_afficher); + //console.log(" ### NB setnb_pave_a_afficher = ", JSON.parse(res.data.message).nb_pave_a_afficher); + } + + + if (JSON.parse(res.data.message).website_partenaire) { + setwebsite_partenaire(JSON.parse(res.data.message).website_partenaire); + } + + // Verifier si le metier est geré + if (JSON.parse(res.data.message).metier) { + if (!liste_metier.includes(JSON.parse(res.data.message).metier)) { + setismetiermanaged("0"); // j'ai une valeur dans metier, mais qui n'est pas geré + } + } + else { + setismetiermanaged("0"); + } + + if (JSON.parse(res.data.message).img_url && String(JSON.parse(res.data.message).img_url).length > 0) { + setismetiermanaged("1"); + } + + if (JSON.parse(res.data.message).text_size) { + settext_size(JSON.parse(res.data.message).text_size); + + //"block_crossell_meme_orga" + var local_tmp; + var val; + var footer_top; + var main_h; + var main_h_px; + + + //console.log("nb_partner_certificat = ", JSON.parse(res.data.message).nb_partner_certificat); + + + if (window.screen.width < 601) { + + var decalage_pr_certificat = parseInt(String(JSON.parse(res.data.message).nb_partner_certificat)) * 150; + //console.log("decalage_pr_certificat = ", decalage_pr_certificat); + + var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher)); + + //console.log("### local_val = ", local_val) + if (local_val >= 5) { + //console.log(" ON PASSE  au MAX") + var local_tmp_val = 2300 + decalage_pr_certificat; + var local_main_h_px = 4000 + decalage_pr_certificat; + //console.log("### local_tmp_val = ", local_tmp_val, " local_main_h_px = ",local_main_h_px); + local_tmp = local_tmp_val + "px"; + main_h_px = local_main_h_px + "px"; + + if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") { + + var local_tmp_val = 2800 + decalage_pr_certificat; + var local_main_h_px = 4500 + decalage_pr_certificat; + local_tmp = local_tmp_val + "px"; + main_h_px = local_main_h_px + "px"; + } + + } else { + //console.log(" ON PASSE  au MIN"); + var local_tmp_val = 2100 + decalage_pr_certificat; + var local_main_h_px = 4800 + decalage_pr_certificat; + + local_tmp = local_tmp_val + "px"; + main_h_px = local_main_h_px + "px"; + + if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") { + var local_tmp_val = 2600 + decalage_pr_certificat; + var local_main_h_px = 5300 + decalage_pr_certificat; + local_tmp = local_tmp_val + "px"; + main_h_px = local_main_h_px + "px"; + } + } + document.getElementById('mob_block_cross_sell_cat').style.top = local_tmp; + document.getElementById('mobile').style.height = main_h_px; + + } + + if (window.screen.width >= 601 && window.screen.width <= 991) { + + var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher)); + if (local_val >= 5) { + //console.log(" ON PASSE  au MAX") + local_tmp = "2000px"; + main_h_px = "2700px"; + + if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") { + local_tmp = "2500px"; + main_h_px = "3200px"; + } + + } else { + console.log(" ON PASSE  au MIN"); + local_tmp = "1700px"; + main_h_px = "2500px"; + + if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") { + local_tmp = "2200px"; + main_h_px = "3000px"; + } + + } + document.getElementById('block_crossell_meme_orga').style.top = local_tmp; + document.getElementById('desktop').style.height = main_h_px; + + + } + + if (window.screen.width >= 992 && window.screen.width <= 1199) { + + var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher)); + if (local_val >= 5) { + console.log(" ON PASSE  au MAX") + local_tmp = "2000px"; + main_h_px = "2800px"; + + if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") { + local_tmp = "2500px"; + main_h_px = "3200px"; + } + + } else { + console.log(" ON PASSE  au MIN"); + local_tmp = "1700px"; + main_h_px = "2500px"; + + if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") { + local_tmp = "2200px"; + main_h_px = "3000px"; + } + + } + document.getElementById('block_crossell_meme_orga').style.top = local_tmp; + document.getElementById('desktop').style.height = main_h_px; + } + + if (window.screen.width >= 1200) { + var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher)); + if (local_val >= 5) { + console.log(" ON PASSE  au MAX") + local_tmp = "2000px"; + main_h_px = "2800px"; + + if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") { + local_tmp = "2500px"; + main_h_px = "3200px"; + } + + } else { + console.log(" ON PASSE  au MIN"); + local_tmp = "1700px"; + main_h_px = "2500px"; + + if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") { + local_tmp = "2300px"; + main_h_px = "3000px"; + } + } + + document.getElementById('block_crossell_meme_orga').style.top = local_tmp; + document.getElementById('desktop').style.height = main_h_px; + } + + + } + } + else { + //console.log(" In Erreur res.data.status = " + res.data.status); + //console.log(" In Erreur res.data.message = " + res.data.message); + setmyApiResponse("false"); + history.push("/formation-inconnue/"); + + } + + + }).catch((error) => { + console.warn('Not good man :( Display = ', error); + //console.log(error); + setmyApiResponse("false"); + + }) + + + } + + const [associatedtraining_api, setassociatedtraining_api] = useState(""); + const [associatedtraining_message, setassociatedtraining_message] = useState(""); + function GetAssociatedTraning(e) { + var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_associated_class_of_partnair/"; + var form = new FormData(); + form.append("internal_url", classId); + // 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); + + + //alert("myurl = "+myurl); + + axios.post(myurl, form).then(res => { + if (String(res.data.status) !== String("false")) { + //console.log(" In GetAssociatedTraning res.data.status = " + res.data.status); + //console.log(" In GetAssociatedTraning res.data.message = " + res.data.message); + setassociatedtraining_api("True"); + setassociatedtraining_message(res.data.message); + + } + else { + //console.log(" In Erreur res.data.status = " + res.data.status); + //console.log(" In Erreur res.data.message = " + res.data.message); + setassociatedtraining_api("False"); + } + + + }).catch((error) => { + console.warn('Not good man :( GetAssociatedTraning = '); + setassociatedtraining_api("False"); + + }) + + + } + + const history = useHistory(); + + const fadeImages = [ + { + url: slideimg1, + }, + + { + url: slideimg4, + }, + ]; + + + function CheckAvis(e) { + + const val = document.getElementById("useravis").value + //alert(" evalu " + val); + if (val.length < 20) { + alert(" Le champ 'Avis' doit etre plus renseigné"); + } + //alert(val); + } + + function CheckNote(e) { + const val = e.target.value; + + if (isNaN(val)) { + //alert(val + " is not a number
mynote = "+mynote); + document.getElementById("usernote").value = mynote; + } else { + if (val > 5) { + alert(" Valeur Maxi doit etre 5"); + document.getElementById("usernote").value = mynote; + } else { + setmynote(val); + } + } + + } + + const [submenu, setsubmenu] = useState("datelieu"); + + function submenu_info() { + setsubmenu("formateur"); + //if (document.getElementsByName("menu_formateur")[0]) + // document.getElementsByName('menu_formateur')[0].focus(); + + if (document.getElementsByName("menu_datelieu")[0]) + document.getElementsByName('menu_datelieu')[0].blur(); + + if (document.getElementsByName("submenu_divers")[0]) + document.getElementsByName('submenu_divers')[0].blur(); + } + + function submenu_datelieu() { + setsubmenu("datelieu"); + //if (document.getElementsByName("menu_datelieu")[0]) + // document.getElementsByName('menu_datelieu')[0].focus(); + + if (document.getElementsByName("menu_formateur")[0]) + document.getElementsByName('menu_formateur')[0].blur(); + + if (document.getElementsByName("submenu_divers")[0]) + document.getElementsByName('submenu_divers')[0].blur(); + } + + + function submenu_divers() { + setsubmenu("divers"); + //if (document.getElementsByName("submenu_divers")[0]) + //document.getElementsByName('submenu_divers')[0].focus(); + + if (document.getElementsByName("menu_datelieu")[0]) + document.getElementsByName('menu_datelieu')[0].blur(); + + if (document.getElementsByName("submenu_divers")[0]) + document.getElementsByName('submenu_divers')[0].blur(); + } + + + function Inscription_bton(event) { + if (DetailTraining["internal_url"] && String(DetailTraining["class_inscription_url"]).length > 10) { + window.open( + String(DetailTraining["class_inscription_url"]), + '_blank' + ); + + } else { + setinscritpion("1"); + } + if (window.screen.width < 601) { + var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height; + var sticky_div_hilight_top = "1300"; + + + var new_meme_orga_top = parseInt(meme_orga_top) + 900; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900; + var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) + 900; + + document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px"; + document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px"; + document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px"; + + window.scrollTo(0, 500); + } + else if (window.screen.width >= 601 && window.screen.width <= 991) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) + 900; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900; + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + + } + else if (window.screen.width >= 992 && window.screen.width <= 1199) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) + 500; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500; + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + } + else if (window.screen.width >= 1200) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) + 500; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500; + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + } + + + } + + function Contact_bton(event) { + setinscritpion("2"); + + if (window.screen.width < 601) { + //document.getElementById('mob_block_cross_sell_cat').style.display = "none"; + + var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height; + var sticky_div_hilight_top = "1300"; + + var new_meme_orga_top = parseInt(meme_orga_top) + 900; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900; + var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) + 900; + + + document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px"; + document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px"; + document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px"; + + + window.scrollTo(0, 500); + } + + else if (window.screen.width >= 601 && window.screen.width <= 991) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) + 900; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900; + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + + } + else if (window.screen.width >= 992 && window.screen.width <= 1199) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) + 500; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500; + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + } + else if (window.screen.width >= 1200) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) + 500; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500; + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + + } + else { + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + } + } + + + const [GetCurrentClass_api, setGetCurrentClass_api] = useState(); + const [GetCurrentClass_message, setGetCurrentClass_message] = useState(); + const [GetCurrentClass_result, setGetCurrentClass_result] = useState(); + function GetCurrentClass_trainingsession(event) { + + var form = new FormData(); + + form.append("class_internal_url", classId); + + form.append("token", stored_partner); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetActiveSessionFormation_List/"; + + axios.post(myurl, form).then(res => { + //console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status); + // console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + //console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status); + //console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message); + setGetCurrentClass_api("true"); + setGetCurrentClass_result(res.data.message); + + } + else { + setGetCurrentClass_api("false"); + setGetCurrentClass_message(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( GetCurrentClass_trainingsession = ', error); + setGetCurrentClass_api("false"); + //setmyApimyApiMessage("") + }) + } + + + const handleAccountCreation = () => { + history.push("/create_account") + }; + + const handleAccountConnexion = () => { + history.push("/Connexion") + }; + + function handleAccountLogout() { + + if (String(userconnected) === String("1")) { + user_logout(); + } + else if (String(partnerconnected) === String("1")) { + part_logout(); + } + } + + + function part_logout_confirmation() { + /* si c'est une connexion partner qui est active */ + if (typeof (stored_part) != "undefined") { + setCookie_part("tokenmysypart", "", { path: '/' }); + } + 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 } + } + ] + }); + } + + + 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: 'Oui', + onClick: () => user_logout_confirmation() + }, + { + label: 'Non', + onClick: () => { return } + } + ] + }); + } + + + function Close_info_form() { + setinscritpion(); + document.getElementById('mob_block_cross_sell_cat').style.display = "flex"; + if (window.screen.width < 601) { + var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height; + var sticky_div_hilight_top = document.getElementById('sticky_div_hilight_pave').style.top; + + var new_meme_orga_top = parseInt(meme_orga_top) - 900; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900; + var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) - 900; + + + document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px"; + document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px"; + document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px"; + + + } + + + else if (window.screen.width >= 601 && window.screen.width <= 991) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) - 900; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900; + + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + + } + else if (window.screen.width >= 992 && window.screen.width <= 1199) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) - 500; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500; + + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + } + else if (window.screen.width >= 1200) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) - 500; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500; + + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + + + } + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + + } + + function Close_inscrip_form() { + setinscritpion(); + document.getElementById('mob_block_cross_sell_cat').style.display = "flex"; + + if (window.screen.width < 601) { + var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height; + var sticky_div_hilight_top = document.getElementById('sticky_div_hilight_pave').style.top; + + var new_meme_orga_top = parseInt(meme_orga_top) - 900; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900; + var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) - 900; + + document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px"; + document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px"; + document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px"; + } + else if (window.screen.width >= 601 && window.screen.width <= 991) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) - 900; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900; + + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + + } + else if (window.screen.width >= 992 && window.screen.width <= 1199) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) - 500; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500; + + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + } + else if (window.screen.width >= 1200) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; + var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height; + var new_meme_orga_top = parseInt(meme_orga_top) - 500; + var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500; + + document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; + document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; + + + } + + + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + + } + + const [subdomain_recid, setsubdomain_recid] = useState(""); + + const [New_Get_Subdomain_Partner_Data_result, setNew_Get_Subdomain_Partner_Data_result] = useState([]); + + const [Get_Subdomain_Partner_Data_api, setGet_Subdomain_Partner_Data_api] = useState(); + const [Get_Subdomain_Partner_Data_message, setGet_Subdomain_Partner_Data_message] = useState(); + const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState(); + function Get_Subdomain_Partner_Data(local_url_subdomain) { + + var form = new FormData(); + + form.append("subdomain", local_url_subdomain); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === "true") { + //console.log(" In Get_Subdomain_Partner_Data res.data.status = " + res.data.status); + //console.log(" In Get_Subdomain_Partner_Data res.data.message r_class = " + res.data.message); + setGet_Subdomain_Partner_Data_api("true"); + setGet_Subdomain_Partner_Data_result(res.data.message); + + var new_data2 = []; + const new_data = res.data.message.map((x) => { + + //--- + + var _id = JSON.parse(x)._id; + var recid = JSON.parse(x).recid; + var nom = JSON.parse(x).nom; + + var catalog_pub_logo = "data:image/png;base64," + JSON.parse(x).catalog_pub_logo; + var catalog_pub_banniere_img = "data:image/png;base64," + JSON.parse(x).catalog_pub_banniere_img; + var catalog_pub_message_1_txt = JSON.parse(x).catalog_pub_message_1_txt; + + var catalog_pub_message_2_txt = "" + if (JSON.parse(x).catalog_pub_message_2_txt) + catalog_pub_message_2_txt = JSON.parse(x).catalog_pub_message_2_txt; + + var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id; + + //--- + var node = { + "_id": _id, + "recid": recid, + "nom": nom, + "label": nom, + + "catalog_pub_logo": catalog_pub_logo, + "catalog_pub_banniere_img": catalog_pub_banniere_img, + "catalog_pub_message_1_txt": catalog_pub_message_1_txt, + "catalog_pub_message_2_txt": catalog_pub_message_2_txt, + "catalog_pub_theme_id": catalog_pub_theme_id, + + }; + //console.log(" --- node = ", node); + new_data2.push(node); + }); + + if (new_data2.length > 0) + setNew_Get_Subdomain_Partner_Data_result(new_data2); + + + if (res.data.message.length > 0) { + var mylocal_materiel = JSON.parse(res.data.message); + + + if (mylocal_materiel.recid) + setsubdomain_recid(mylocal_materiel.recid); + else + setsubdomain_recid(""); + + } + + + } + else { + setGet_Subdomain_Partner_Data_api("false"); + setGet_Subdomain_Partner_Data_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Get_Subdomain_Partner_Data = ', error); + setGet_Subdomain_Partner_Data_api("false"); + alert(" Impossible de recuperer les données du materiel"); + //setmyApimyApiMessage("") + }) + } + + + /// ---- + return ( + +
+
+ +
+
+ + + + + + + {`${DetailTraining["title"]}`} + + +
+ + {String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
+ + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") && + informatique} + + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") && + management} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") && + digital} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") && + office} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && + vente} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + + +
} + + {String(ismetiermanaged) === "0" &&
+ autre + +
} + + {String(ismetiermanaged) === "1" &&
+ autre + + +
} +
+ + +
+ +
+
+ {DetailTraining["title"]} +
+
+ +
+ {DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" && + "Éligible au CPF"} + + {!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1" && + "NON Éligible au CPF"} +
+ +
+
+ + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && +
Gratuit +
+ } + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && String(DetailTraining["price"]) === String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) + && DetailTraining["price"] && +
+ {String(DetailTraining["price"])} € HT +
} + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 + && DetailTraining["price"] &&
+ + + + +
} + + + + {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" && +
+ +
+ +
+ M'inscrire +
+ +
+ +
+ +
+ M'informer sur la formation + +
+ + +
+ +
} + +
+ +
+ Caractéristiques : +
+ +
+ +
    +
  • +
    + +
    + A Distance : +
    + +
    + {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" && " Oui "} + {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "0" && " Non "} +
    + + +
    + +
  • + +
  • +
    + +
    + Présentiel : +
    + +
    + {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" && " Oui "} + {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "0" && " Non "} +
    + + +
    + +
  • + +
  • + +
    + +
    + Durée : +
    + + {String(DetailTraining["duration_unit"]) !== "user_rythme" && +
    + {DetailTraining["duration"]}   {DetailTraining["duration_unit"]} (s) +
    + } + + {String(DetailTraining["duration_unit"]) === "user_rythme" && +
    + A votre rythme +
    + } + +
    + +
  • + +
  • + +
    + +
    + Certification : +
    + +
    + {DetailTraining["certif"] && String(DetailTraining["certif"]) !== String("1") && " Non " + } + {DetailTraining["certif"] && String(DetailTraining["certif"]) === String("1") && " Oui " + } +
    + + +
    + +
  • + +
  • + +
    + +
    + Support : +
    + +
    + {DetailTraining["support"] && } + {!DetailTraining["support"] && "Non précisé"} + +
    + + +
    + +
  • + + + +
+
+ + + +
+ + +
+ +
+ +
+ +
+ +
+ +
+ + +
+ +
+ + + + +
+ +
+ Organisme de formation +
+ +
+ {partnair_name && } +
+ + +
+ + + +
+ +
+ + {String(inscritpion) === "2" &&
+ + + +
+ } + {String(inscritpion) === "1" &&
+ + +
+ + } + + +
+ Description +
+ + +
+ {parse(String(DetailTraining["description"]))} +
+
+ + + {GetCurrentClass_result && GetCurrentClass_result.length > 0 && +
+ +
+ Les sessions +
+ +
+
    + + + {GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => ( +
  • + {(JSON.parse(formation).session_ondemande) && (JSON.parse(formation).session_ondemande) === "1" && } + + {(!(JSON.parse(formation).session_ondemande) || (JSON.parse(formation).session_ondemande) === "0") && } +
  • + + ))} + +
+
+ + +
} + +
+ +
+ Objectif +
+ + {DetailTraining["objectif"] &&
+ {parse(String(DetailTraining["objectif"]))} +
+ } + + +
+ +
+ +
+ Programme +
+ + {DetailTraining["programme"] &&
+ {parse(String(DetailTraining["programme"]))}sticky_div_hilight +
+ } + + +
+ + + {DetailTraining["pourqui"] &&
+ +
+ Pour Qui ? +
+ + {DetailTraining["pourqui"] &&
+ {parse(String(DetailTraining["pourqui"]))} +
+ } + + +
} + + + + {
+ + {String(isqualiopi) === "1" &&
+ Qualiopi +
} + + {String(isdatadock) === "1" &&
+ DataDock + +
} + + {String(iscertitrace) === "1" &&
+ Certitrace + +
} + + {String(isbureaucertitrace) === "1" &&
+ Certitrace + +
} + + + + {String(iscertifvoltaire) === "1" &&
+ Certitrace + +
} + + + +
} + + +
+ +
+ +
+ + {associatedtraining_message && associatedtraining_message.length > 0 && +
+ Cela pourrait au ssi vous intéresser : +
} + +
+ + {associatedtraining_message && String(associatedtraining_api) === "True" && + associatedtraining_message.slice(0, 3).map((formation) => ( + +
+ +
+ + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && + informatique} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && + management} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && + digital} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && + office} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && + vente} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && + sport} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") && + sante naturelle} + + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + {!JSON.parse(formation).metier && autre personnel} + +
+ +
+
+ {JSON.parse(formation).cpf && (String(JSON.parse(formation).cpf)) === "1" && + "Éligible au CPF"} + + {!JSON.parse(formation).cpf || String(JSON.parse(formation).cpf) !== "1" && + "NON Éligible au CPF"} + +
+ +
+ + +
+ +
+ {JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 && + parseInt(String(JSON.parse(formation).note)) <= 5 && + } +
+ +
+ {parse(String(JSON.parse(formation).title))} +
+ + {JSON.parse(formation).price &&
+ {(String(JSON.parse(formation).price))} € HT + +
} + + +
+ +
+ +
{ + e.preventDefault(); + //test(props.formation.external_code); + window.open( + "/Display-Detail-formation/" + JSON.parse(formation).internal_url, + '_self' + ); + + + }}> +
+ Voir les détails +
+ +
+ + +
+ +
+ ))} + +
+ +
+ + +
+ + +
+
+ +
+ +
+
+
+ + +
+ +
+
+ + + + + + + {`${DetailTraining["title"]}`} + + +
+ + + + +
+ +
+ +
+ {ratingvalue && String(ratingvalue).length === 1 && + parseInt(String(ratingvalue)) <= 5 && + } +
+ +
+ {DetailTraining["title"]} +
+ +
+ +
+ {DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" && + "Éligible au CPF"} + + {!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1" && + "NON Éligible au CPF"} +
+ +
+ +
+ + +
+ + + + + +
+ {String(inscritpion) === "1" &&
+ +
+ + } + + {String(inscritpion) === "2" &&
+ + +
+ + } + + {(String(action).toLocaleLowerCase() === "inscription" || String(action).toLocaleLowerCase() === "information") + && String(action).toLocaleLowerCase() !== "evaluation" + &&
+ + +
+ } + + {String(action).toLocaleLowerCase() !== "inscription" && String(action).toLocaleLowerCase() !== "information" && String(tokenEval_api) === "true" + &&
+ + + +
+ } + + + + +
+
+ Description +
+ {DetailTraining["description"] &&
+ {parse(String(DetailTraining["description"]))} + +
+ } + +
+ + {GetCurrentClass_result && GetCurrentClass_result.length > 0 && +
+
+ Les sessions + + +
+
+
    + + {GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => ( + + +
  • + + {(JSON.parse(formation).session_ondemande) && (JSON.parse(formation).session_ondemande) === "1" && } + + {(!(JSON.parse(formation).session_ondemande) || (JSON.parse(formation).session_ondemande) === "0") && } +
  • + + ))} + +
+
+ +
+ } +
+
+ Objectif +
+ {DetailTraining["objectif"] &&
+ {parse(String(DetailTraining["objectif"]))} + +
+ } + +
+ + +
+
+ Programme +
+ {DetailTraining["programme"] &&
+ {parse(String(DetailTraining["programme"]))} + +
+ } +
+ + {DetailTraining["pourqui"] && String(DetailTraining["pourqui"]).length > 2 &&
+
+ Pour Qui ? +
+ {DetailTraining["pourqui"] &&
+ {parse(String(DetailTraining["pourqui"]))} + + +
+ } +
} + + {DetailTraining["plus_produit"] && String(DetailTraining["plus_produit"]).length > 2 &&
+
+ Points forts +
+ {DetailTraining["plus_produit"] &&
+ {parse(String(DetailTraining["plus_produit"]))} + + +
+ + } +
} + + +
+ + +
+ + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && +
Gratuit +
+ } + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) + && DetailTraining["price"] &&
{String(DetailTraining["price"])} HT
} + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 + && DetailTraining["price"] &&
+ + + + +
} + + + {class_img_stored_in_bdd && String(class_img_stored_in_bdd).length > 50 &&
+ + +
+ } + + + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
+ + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") && + informatique} + + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") && + management} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") && + digital} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") && + office} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && + vente} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sport") && + sport} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sante_nat") && + sante naturelle} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + +
} + + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" &&
+ autre + +
} + + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "1" &&
+ autre + +
} + +
+ +
Caractéristiques :
+ + +
+
    + +
  • +
    + +
    + Durée : +
    + {String(DetailTraining["duration_unit"]) !== "user_rythme" && +
    + {DetailTraining["duration"]}   {DetailTraining["duration_unit"]} (s) + +
    + } + + {String(DetailTraining["duration_unit"]) === "user_rythme" && +
    + A votre rythme + +
    + } + +
    +
  • + +
  • +
    + +
    + Certification : +
    + +
    + {DetailTraining["certif"] && String(DetailTraining["certif"]) !== String("1") &&
    + + Non  
    + } + {DetailTraining["certif"] && String(DetailTraining["certif"]) === String("1") &&
    + + Oui  
    + } + +
    + + +
    +
  • + +
  • +
    + +
    + Distanciel : +
    + +
    + {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" &&
    Oui
    } + {DetailTraining.presentiel && DetailTraining.presentiel.distantiel !== "1" &&
    Non
    } + +
    + + +
    +
  • + +
  • +
    + +
    + Presentiel : +
    + +
    + {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" &&
    Oui
    } + {DetailTraining.presentiel && DetailTraining.presentiel.presentiel !== "1" &&
    Non
    } + +
    + + +
    +
  • + +
  • +
    + +
    + Support : +
    + +
    + {DetailTraining["support"] &&
    + + {DetailTraining["support"]}  
    + } + {!DetailTraining["support"] &&
    + + Non précisé  
    + } + +
    + + +
    +
  • + + +
+
+
+ + +
+ + + + {/*GetCurrentClass_result && GetCurrentClass_result.length > 0 &&
+
+ Les sessions : +
+
+
    + + + + {GetCurrentClass_result && GetCurrentClass_result.slice(0, 3).map((formation) => ( +
  • + +
    +
    + {(JSON.parse(formation).date_debut).substring(0, 10)}  au {(JSON.parse(formation).date_fin).substring(0, 10)} + + +
    +
    + {(JSON.parse(formation).distantiel) === "1" && " A Distance - "} + {(JSON.parse(formation).presentiel) === "1" && " En Présentiel - "} + {(JSON.parse(formation).adresse)}  {(JSON.parse(formation).code_postal)} + +
    +
    + +
  • + + ))} + +
+ +
+ +
*/} + {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
+ +
+ +
+
M’inscrire
+
+ +
+
+
M’informer sur la formation
+
+ +
} + +
+ + {String(isqualiopi) === "1" &&
+ Qualiopi +
} + + {String(isdatadock) === "1" &&
+ DataDock + +
} + + {String(iscertitrace) === "1" &&
+ Certitrace + +
} + + {String(isbureaucertitrace) === "1" &&
+ Bureau Certitrace + +
} + + {String(iscertifvoltaire) === "1" &&
+ Certitrace + +
} + + +
+ + + +
+ +
+ +
+ +
+ +
+ +
+ + +
+
+ +
+ +
+ Organisme de formation +
+ +
+ + {partnair_name && } +
+ +
+ +
+ + + +
+ +
+ + {associatedtraining_message && String(associatedtraining_api) === "True" && associatedtraining_message.length > 0 && +
Cela pourrait au ssi vous intéresser
} + +
+ + + {associatedtraining_message && String(associatedtraining_api) === "True" && + associatedtraining_message.slice(0, 3).map((formation) => ( +
+ +
+ + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && + informatique} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && + management} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && + digital} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && + office} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && + vente} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && + sport} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") && + sante naturelle} + + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + {!JSON.parse(formation).metier && autre personnel} + + +
+ +
+
+ {JSON.parse(formation).cpf && (String(JSON.parse(formation).cpf)) === "1" && + "Éligible au CPF"} + + {!JSON.parse(formation).cpf || String(JSON.parse(formation).cpf) !== "1" && + "NON Éligible au CPF"} + + +
+
+ +
+ +
+ + {JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 && + parseInt(String(JSON.parse(formation).note)) <= 5 && + + } +
+ +
{parse(String(JSON.parse(formation).title)).substring(0, 50)} +
+ + {JSON.parse(formation).price &&
+ {(String(JSON.parse(formation).price))} € HT +
} + + + + +
+ +
{ + e.preventDefault(); + //test(props.formation.external_code); + window.open( + "/Display-Detail-formation/" + JSON.parse(formation).internal_url, + '_self' + ); + + + }}> +
+ Voir les détails +
+ +
+ + +
+
+ + +
+ ))} + + + +
+ + + +
+
+ + {/*
+

{`${DetailTraining["title"]}`}

+ + +
+ +
A voir au ssi
+ + + {associatedtraining_message && String(associatedtraining_api) === "True" && + associatedtraining_message.map((formation) => ( +
{ + e.preventDefault(); + //test(props.formation.external_code); + window.open( + "/Display-Detail-formation/" + JSON.parse(formation).internal_url, + '_blank' + ); + + + }}> +
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && + informatique} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && + management} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && + digital} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && + office} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && + vente} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + {!JSON.parse(formation).metier && autre personnel} + +
+ +
+
+ {parse(String(JSON.parse(formation).title))} +
+
+ {parse(String((JSON.parse(formation).description).substring(0, 50)))} + +
+ +
+
+ + ))} + +
+ +
+ {DetailTraining["img_banner_detail_class"] &&
+ +
+ + + + +
} + + {(!DetailTraining["img_banner_detail_class"] || String(DetailTraining["img_banner_detail_class"]).length < 5) && +
+
 
+
+ + +
+
} + + {/* +/!\ important : + +Certains partenaire ont leur propre système d'inscription. +Donc si le champs "myclass.class_inscription_url" existe et est valide, alors +on renvoi l'utilisateur vers ce lien. + +Si non, on utilise le formumaire de mysy,. + +* /} + + + + {String(inscritpion) === "1" &&
+ + +
+ + } + + {String(inscritpion) === "2" &&
+ + +
+ + } + +
+ {parse(String(DetailTraining["title"]))} +
+ +
+ Descriptions {DetailTraining["description"] && +

+ + {parse(String(DetailTraining["description"]))} +

} +
+ + + {DetailTraining["objectif"] &&
+ Objectif + +

+ {parse(String(DetailTraining["objectif"]))}   +

+ +
} + +
+ {DetailTraining["prerequis"] &&
+ Pré-requis {DetailTraining["prerequis"] && +

+ {parse(String(DetailTraining["prerequis"]))}   +

} + {!DetailTraining["prerequis"] &&

+ ---   +

} +
+
} + + {DetailTraining["pourqui"] &&
+ Pour Qui {DetailTraining["pourqui"] && +

+ {parse(String(DetailTraining["pourqui"]))}   +

} + {!DetailTraining["pourqui"] &&

+ ---   +

} +
+
} + + + {DetailTraining["programme"] &&
+ + Programme + {DetailTraining["programme"] &&

+ {parse(String(DetailTraining["programme"]))}   +

} + {!DetailTraining["programme"] &&

+ ---   +

} +
+
} + + {DetailTraining["plus_produit"] &&
+ Points forts + {DetailTraining["plus_produit"] && +

+ {parse(String(DetailTraining["plus_produit"]))}   +

} + +
+
} + +
+ Caracteristiques
+
+
+ +
+ +
+
Prix : +
+ +
+ {DetailTraining["price"]} € +
+
+ +
Durée : +
+ +
+ {DetailTraining["duration"]}   {DetailTraining["duration_unit"]} +
+
+ +
Certification : +
+ +
+ {DetailTraining["certif"] && String(DetailTraining["certif"]) !== String("1") &&
+ + Non  
+ } + {DetailTraining["certif"] && String(DetailTraining["certif"]) === String("1") &&
+ + Oui  
+ } +
+ +
+
+
Distanciel : +
+ +
+ {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" &&
Oui
} + {DetailTraining.presentiel && DetailTraining.presentiel.distantiel !== "1" &&
Non
} +
+
+
Presentiel : +
+ +
+ {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" &&
Oui
} + {DetailTraining.presentiel && DetailTraining.presentiel.presentiel !== "1" &&
Non
} +
+
+
Support : +
+ +
+ {DetailTraining["support"] &&
+ + {DetailTraining["support"]}  
+ } + {!DetailTraining["certif"] &&
+ + Inconnu  
+ } +
+
+
+
+
+
+
Note +
+ +
+ + + + +
+
+ +
+ +
 
+
+ + + + + {/*
* /} + +
+ {String(submenu) === String("formateur") &&
+ {DetailTraining.trainer &&
+
+ {DetailTraining.trainer} +
} + + {!DetailTraining.trainer &&
+
+ +
} + +
} + + {String(submenu) === String("datelieu") &&
+ + + {GetCurrentClass_result && GetCurrentClass_result.map((formation) => ( + + +
+ + + + {String(JSON.parse(formation).code_postal) === "0" && + String(JSON.parse(formation).date_debut) === String(JSON.parse(formation).date_fin) && } + + {String(JSON.parse(formation).code_postal) !== "0" && String(JSON.parse(formation).date_debut) === String(JSON.parse(formation).date_fin) && + } + + + {String(JSON.parse(formation).code_postal) === "0" && } + + {String(JSON.parse(formation).code_postal) !== "0" && String(JSON.parse(formation).date_debut) !== String(JSON.parse(formation).date_fin) && } + +
+ ))} + +
} + + {String(submenu) === String("divers") &&
+ +
} +
+ +
+ +
+ +
+ +
A voir au ssi
+ + + {associatedtraining_message && String(associatedtraining_api) === "True" && + associatedtraining_message.map((formation) => ( +
{ + e.preventDefault(); + //test(props.formation.external_code); + window.open( + "/Display-Detail-formation/" + JSON.parse(formation).internal_url, + '_blank' + ); + + + }}> +
+ + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && + informatique} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && + management} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && + digital} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && + office} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && + vente} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + {!JSON.parse(formation).metier && autre personnel} + +
+ +
+
+ {parse(String(JSON.parse(formation).title))} +
+
+ {parse(String((JSON.parse(formation).description).substring(0, 50)))} +
+ + + + +
+
+ + ))} + +
+ +
+
+
+ + +
*/} + + +
+ + + +
+
+
+ ) +} + + +export default Display_Partner_Catalog_DetailClass_new_v2; \ No newline at end of file diff --git a/src/components/Employes.js b/src/components/Employes.js index e3683d7..2da02b7 100644 --- a/src/components/Employes.js +++ b/src/components/Employes.js @@ -388,54 +388,17 @@ const Employes = (props) => { field: "print", headerName: 'Impr.', renderCell: (cellValues) => { return ( - - - - - } - modal - nested - position="center center" + -
MySy Information
-
- {' '} + - Confirmer l'impression du contrat
+ -
-
-
- -
-
- -
-
-
- )} - ); @@ -588,19 +551,18 @@ const Employes = (props) => { const [handleClick_print_employee_contrat_api, sethandleClick_print_employee_contrat_api] = useState(); const [handleClick_print_employee_contrat_message, sethandleClick_print_employee_contrat_message] = useState(); const [handleClick_print_employee_contrat_result, sethandleClick_print_employee_contrat_result] = useState(); - function handleClick_print_employee_contrat(event, cellValues) { - - - var local_contract_id = cellValues.row._id; + function handleClick_print_employee_contrat(local_contract_id) { var form = new FormData(); - const stored_cookie = getCookie('tokenmysypart'); + const stored_cookie = getCookie('tokenmysypart'); - var nom_fiche_detaillee = "Contrat_"+String(p_detail_nom)+".pdf"; + var nom_fiche_detaillee = "Contrat_" + String(p_detail_nom) + ".pdf"; - var url = process.env.REACT_APP_API_URL + "myclass/api/Print_Employee_Given_Contrat/" + stored_cookie + "/" + selected_id + "/" + local_contract_id + "/" ; + var url = process.env.REACT_APP_API_URL + "myclass/api/Print_Employee_Given_Contrat/" + stored_cookie + "/" + selected_id + "/" + local_contract_id + "/"; + Dialog_print_contrat_handleClose_buton(); + setLoading(true); axios.get(url, { responseType: 'blob', },) .then((res) => { @@ -3290,6 +3252,9 @@ const Employes = (props) => { async function submenu_contrat() { setsubmenu("contrat"); + + Get_Partner_List_EMPLOYEE_CONTRACT_Document(); + await sleep(5); if (document.getElementById("contrat")) { document.getElementById("contrat").style.backgroundColor = "#104277"; @@ -5883,7 +5848,7 @@ const Employes = (props) => { - console.log(" #### question_id = ", selected_statistic_question_id, " ### related_collection_id = ", selected_id) + //console.log(" #### question_id = ", selected_statistic_question_id, " ### related_collection_id = ", selected_id) var nom_fichier_cmd_excel = "export_excel.xlsx"; //console.log(" nom_fichier_cmd = ", nom_fichier_cmd, " --- local_dashbord_internal_id = ", local_dashbord_internal_id); @@ -5893,7 +5858,7 @@ const Employes = (props) => { //console.log(" nom_fichier_cmd = ", nom_fichier_cmd, " --- selected_id = ", selected_id, " --- url =", url); - console.log(" #### url = ", url) + //console.log(" #### url = ", url) setLoading(true); axios.get(url, { responseType: 'blob', },) @@ -6499,6 +6464,102 @@ const Employes = (props) => { /***** end suivi pedago */ + const [New_Get_Partner_List_EMPLOYEE_CONTRACT_Document_result, setNew_Get_Partner_List_EMPLOYEE_CONTRACT_Document_result] = useState([]); + + const [Get_Partner_List_EMPLOYEE_CONTRACT_Document_api, setGet_Partner_List_EMPLOYEE_CONTRACT_Document_api] = useState(); + const [Get_Partner_List_EMPLOYEE_CONTRACT_Document_message, setGet_Partner_List_EMPLOYEE_CONTRACT_Document_message] = useState(); + const [Get_Partner_List_EMPLOYEE_CONTRACT_Document_result, setGet_Partner_List_EMPLOYEE_CONTRACT_Document_result] = useState(); + function Get_Partner_List_EMPLOYEE_CONTRACT_Document() { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("ref_interne", "EMPLOYEE_CONTRACT"); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Partner_Document_with_filter/"; + setLoading(true); + + + axios.post(myurl, form).then(res => { + //console.log(" In Get_Partner_List_EMPLOYEE_CONTRACT_Document res.data.status = " + res.data.status); + //console.log(" In Get_Partner_List_EMPLOYEE_CONTRACT_Document res.data.message r_class = " + res.data.message); + setLoading(false); + if (String(res.data.status) === String("true")) { + + + setGet_Partner_List_EMPLOYEE_CONTRACT_Document_api("true"); + setGet_Partner_List_EMPLOYEE_CONTRACT_Document_result(res.data.message); + + var new_data2 = []; + + const new_data = res.data.message.map((x) => { + + //--- + var localid = JSON.parse(x).id; + var local_id = JSON.parse(x)._id; + var local_ref_interne = JSON.parse(x).ref_interne; + var local_nom = JSON.parse(x).nom; + var local_sujet = JSON.parse(x).sujet; + var local_type_doc = JSON.parse(x).type_doc; + var local_cible = JSON.parse(x).cible; + var local_joint_pdf = JSON.parse(x).joint_pdf; + var local_contenu_doc = JSON.parse(x).contenu_doc; + + + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_nom, + "ref_interne": local_ref_interne, + "nom": local_nom, + "sujet": local_sujet, + "type_doc": local_type_doc, + "cible": local_cible, + "joint_pdf": local_joint_pdf, + "contenu_doc": local_contenu_doc, + + }; + new_data2.push(node); + + // console.log(" ## node = ", node) + }); + + if (new_data2.length > 0) + setNew_Get_Partner_List_EMPLOYEE_CONTRACT_Document_result(new_data2); + + } + else { + setGet_Partner_List_EMPLOYEE_CONTRACT_Document_api("false"); + setGet_Partner_List_EMPLOYEE_CONTRACT_Document_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Get_Partner_List_EMPLOYEE_CONTRACT_Document = ', error); + setGet_Partner_List_EMPLOYEE_CONTRACT_Document_api("false"); + alert("Impossible de récupérer les modèles de document "); + //setmyApimyApiMessage("") + }) + } + + const [Dialog_print_contrat_message, setDialog_print_contrat_message] = React.useState(false); + const [Dialog_print_contrat_open, setDialog_print_contrat_open] = React.useState(false); + + const Dialog_print_contrat_handleClose = () => { + + }; + + const Dialog_print_contrat_handleClose_buton = () => { + setDialog_print_contrat_open(false); + + }; + + const [EMPLOYEE_CONTRACT_modele_id, setEMPLOYEE_CONTRACT_modele_id] = React.useState(""); + return (
@@ -6692,6 +6753,75 @@ const Employes = (props) => { {/*** FIN GESTION STATISTIQUE */} + + {/*** GESTION CONTRAT IMPRESSION */} + + + MySy Information + + + + Impression contrat employé + + + +
Type contrat
+ + { + if (value && value._id) { + setEMPLOYEE_CONTRACT_modele_id(value._id); + + } else { + setEMPLOYEE_CONTRACT_modele_id(""); + } + }} + renderInput={(params) => + } + /> + + + +
+ +
+ + +
+
+ {EMPLOYEE_CONTRACT_modele_id && String(EMPLOYEE_CONTRACT_modele_id).length > 5 && + } +
+ +
+ +
+
+
+ + +
+ {/*** FIN GESTION CONTRAT IMPRESSION */} + + + {/*** GESTION COMPETENCES */} {  
  - + { const [userconnected, setuserconnected] = useState("0"); const [partnerconnected, setpartnerconnected] = useState("0"); diff --git a/src/components/Formation_Partner_Catalog.js b/src/components/Formation_Partner_Catalog.js new file mode 100644 index 0000000..37a3c99 --- /dev/null +++ b/src/components/Formation_Partner_Catalog.js @@ -0,0 +1,806 @@ +import React, { useState, useEffect } from "react"; +import ReactPlayer from 'react-player' +import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share"; +import { SocialIcon } from 'react-social-icons'; +import { Button, } from "reactstrap"; +import { useHistory } from "react-router-dom"; +import { Helmet } from "react-helmet"; +import { useCookies } from "react-cookie"; +import { confirmAlert } from 'react-confirm-alert'; +import topimg from "../mysy_img/top.png"; +import coeurimg from "../mysy_img/coeur.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 axios from "axios"; +//import { Rating } from 'react-simple-star-rating' +import Rating from '@mui/material/Rating'; +import parse from 'html-react-parser' +import { CiLocationOn } from "react-icons/ci"; + +const Formation_Partner_Catalog = (props) => { + const [userconnected, setuserconnected] = useState("0"); + const [partnerconnected, setpartnerconnected] = useState("0"); + const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']); + const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart']); + const history = useHistory(); + const [myfilter, setmyfilter] = useState(props.formation.price); + + const [profileimg, setprofileimg] = useState(props.formation.price); + + + // Gestion des Cookies + const stored_partner = cookie_part.tokenmysypart; + const stored_user = cookie.tokenmysych; + + function test(val) { + + if (userconnected === "0" && partnerconnected === "0") { + confirmAlert({ + title: 'Activer votre session ?', + message: 'Merci de vous connecter pour acceder au detail de cette formation', + buttons: [ + { + label: 'Oui', + onClick: () => { history.push("/mysy-training-login/training/" + props.formation.internal_url) } + }, + { + label: 'Non', + onClick: () => { return } + + } + ], + closeOnEscape: false, + closeOnClickOutside: false, + keyCodeForClose: [8, 32], + willUnmount: () => { }, + afterClose: () => { }, + onClickOutside: () => { }, + onKeypress: () => { }, + onKeypressEscape: () => { }, + }); + } else { + window.open( + "/Display-Partner-Catalog-Detail-formation/" + props.formation.internal_url, + '_blank' + ); + } + + + } + + const [myclassimage, setmyclassimage] = useState(); + const [isclassimage, setisclassimage] = useState("False"); + const [userimgclassprofil, setuserimgclassprofil] = useState(""); + + const [class_img_stored_in_bdd, setclass_img_stored_in_bdd] = useState(""); + + function getClassImage_no_token() { + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedClassImage_no_token/"; + + + + var form = new FormData(); + + form.append("type", "partner"); + form.append("related_collection", "myclass"); + form.append("related_collection_recid", props.formation._id); + form.append("class_external_code", props.formation.external_code); + + + axios.post(myurl, form).then(res => { + + if (res.data.status != "False") { + + //console.log(" getClassImage : In test res.data.status = " + res.data.status); + //console.log(" getClassImage: res.data.message.img = " + res.data.message); + + if (res.data.message.img.length > 0) { + setisclassimage("True"); + } + else { + setisclassimage("False"); + } + setisclassimage(res.data.message.img); + var ch_img = "data:image/png;base64," + res.data.message.img; + setclass_img_stored_in_bdd(ch_img); + } + else { + //console.log(" In Erreur res.data.status = " + res.data.status); + //console.log(" In Erreur res.data.message = " + res.data.message); + setisclassimage("False"); + setuserimgclassprofil(); + setclass_img_stored_in_bdd(); + } + }).catch((error) => { + + console.warn('getClassImage ee: Not good man :( getClassImage = '); + setisclassimage("False"); + setuserimgclassprofil(""); + setclass_img_stored_in_bdd(""); + }) + + } + + + /* Cette variable accompagne la gestion des images par defaut. + idée : si la valeur de "DetailTraining.metier" != "management, digital, office, rh, vente, dev_perso" + alors l'utilisateur à créer une formation avec un metier qui n'est pas geré, donc on met une image par defaut + */ + const [ismetiermanaged, setismetiermanaged] = useState(); + const liste_metier = ["management", "digital", "office", "rh", "vente", "dev_perso"]; + + useEffect(() => { + setmyfilter(props.myfil); + + if (typeof (stored_user) === "undefined" || String(stored_user) === '') { + setuserconnected("0"); + } else { + setuserconnected("1"); + } + + if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') { + setpartnerconnected("0"); + } else { + setpartnerconnected("1"); + } + + getClassImage_no_token(); + GetCurrentClass_trainingsession(); + + GetCurrentClass_trainingsession_cities(); + + // Verifier si le metier est geré + if (props.formation.metier) { + if (!liste_metier.includes(props.formation.metier)) { + setismetiermanaged("0"); // j'ai une valeur dans metier, mais qui n'est pas geré + } + } + else { + setismetiermanaged("0"); + } + + if (props.formation.img_url && String(props.formation.img_url).length > 0) { + setismetiermanaged("1"); + } + + }, []); + + + const [GetCurrentClass_api, setGetCurrentClass_api] = useState(); + const [GetCurrentClass_message, setGetCurrentClass_message] = useState(); + const [GetCurrentClass_result, setGetCurrentClass_result] = useState(); + function GetCurrentClass_trainingsession(event) { + + var form = new FormData(); + + form.append("class_internal_url", props.formation.internal_url); + + form.append("token", stored_partner); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetActiveSessionFormation_List/"; + + axios.post(myurl, form).then(res => { + + if (res.data.status != "false") { + //console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status); + //console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message); + setGetCurrentClass_api("true"); + setGetCurrentClass_result(res.data.message); + } + else { + setGetCurrentClass_api("false"); + setGetCurrentClass_message(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( GetCurrentClass_trainingsession = ', error); + setGetCurrentClass_api("false"); + //setmyApimyApiMessage("") + }) + } + + + const [GetCurrentClass_trainingsession_cities_api, setGetCurrentClass_trainingsession_cities_api] = useState(); + const [GetCurrentClass_trainingsession_cities_message, setGetCurrentClass_trainingsession_cities_message] = useState(); + const [GetCurrentClass_trainingsession_cities_result, setGetCurrentClass_trainingsession_cities_result] = useState([]); + function GetCurrentClass_trainingsession_cities(event) { + + var form = new FormData(); + + form.append("class_internal_url", props.formation.internal_url); + + form.append("token", stored_partner); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetActiveSession_Cities_And_Distance_Formation_List/"; + + axios.post(myurl, form).then(res => { + + if (res.data.status != "false") { + //console.log(" In GetCurrentClass_trainingsession_cities res.data.status = " + res.data.status); + //console.log(" In GetCurrentClass_trainingsession_cities res.data.message r_class = " + res.data.message); + setGetCurrentClass_trainingsession_cities_api("true"); + setGetCurrentClass_trainingsession_cities_result(res.data.message); + } + else { + setGetCurrentClass_trainingsession_cities_api("false"); + setGetCurrentClass_trainingsession_cities_message(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( GetCurrentClass_trainingsession_cities = ', error); + setGetCurrentClass_trainingsession_cities_api("false"); + //setmyApimyApiMessage("") + }) + } + + return ( + +
+ +
+ + {class_img_stored_in_bdd && String(class_img_stored_in_bdd).length > 50 &&
+ informatique +
+ } + + + { (!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50 ) && String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
+ + {(!props.formation.img_url || String(props.formation.img_url).length <= 0) && + props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("it") && + String(isclassimage) === "False" && informatique} + + {(!props.formation.img_url || String(props.formation.img_url).length <= 0) && + props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("graphisme") && + String(isclassimage) === "False" && graphisme} + + {(!props.formation.img_url || String(props.formation.img_url).length <= 0) && + props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("management") && + String(isclassimage) === "False" && management} + + {(!props.formation.img_url || String(props.formation.img_url).length <= 0) && + props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("digital") && + String(isclassimage) === "False" && digital} + + {(!props.formation.img_url || String(props.formation.img_url).length <= 0) && + props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("office") && + String(isclassimage) === "False" && office} + + {!props.formation.img_url || String(props.formation.img_url).length <= 0 && + props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("rh") && + String(isclassimage) === "False" && ressources humaines} + + {!props.formation.img_url || String(props.formation.img_url).length <= 0 && + props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("vente") && + String(isclassimage) === "False" && vente} + + {!props.formation.img_url || String(props.formation.img_url).length <= 0 && + props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("dev_perso") && + String(isclassimage) === "False" && developpement personnel} + + {String(isclassimage) === "True" && developpement personnel} + + +
+ } + + + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50 ) && String(ismetiermanaged) === "0" && String(userimgclassprofil).length > 100 &&
+ autre + {props.formation.institut_formation &&
Dispensé par :
{String(props.formation.institut_formation)}
} +
} + + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50 ) && String(ismetiermanaged) === "0" && String(userimgclassprofil).length <= 100 &&
+ autre + {props.formation.institut_formation &&
Dispensé par :
{String(props.formation.institut_formation)}
} +
} + + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50 ) && String(ismetiermanaged) === "1" &&
+ autre + {props.formation.institut_formation &&
Dispensé par :
{String(props.formation.institut_formation)}
} +
} + + +
{ + e.preventDefault(); + if (props.formation.url && props.formation.url.length > 5) { + + window.open( + props.formation.url, + '_blank' + ); + } else { + window.open( + "/Display-Partner-Catalog-Detail-formation/" + props.formation.internal_url, + '_blank' + ); + } + }}> +
+
+ +
+ {props.formation.note && String(props.formation.note).length === 1 && + parseInt(String(props.formation.note)) <= 5 && + + + + } + +
+
+
+
+ + + {props.formation.cpf && String(props.formation.cpf) === String("1") && +
+ OUI Éligible au CPF   +
} + + {props.formation.cpf && String(props.formation.cpf) !== String("1") && +
+ NON Éligible au CPF   +
} + + {!props.formation.cpf && +
+ NON Éligible au CPF   +
} + +
+
+
+
+ +
+

+ + {String(parse(String(props.formation.title).replace(/(<([^>]+)>)/ig, ''))).substring(0, 100)} + + +

+
+
+ + {String(props.formation.price).length == 9 && +
Prix : Non communiqué   +
+ } + + + {String(props.formation.price).length != 9 && String(props.formation.price) === String("0") && +
Gratuit   +
+ } + + {String(props.formation.price).length != 9 && String(props.formation.price) !== String("0") && (!props.formation.business_prices || + Object.keys(props.formation.business_prices).length <= 0) && +
{props.formation.price} € HT  + +
+ } + + {String(props.formation.price).length != 9 && String(props.formation.price) !== String("0") && + props.formation.business_prices && Object.keys(props.formation.business_prices).length > 0 && +
+ + + + +
+ } + +
+ +
+ {parse(String(props.formation.description).replace(/(<([^>]+)>)/ig, ''))} + +
+ {GetCurrentClass_trainingsession_cities_result && GetCurrentClass_trainingsession_cities_result.length > 0 && + + } + {!GetCurrentClass_result || GetCurrentClass_result.length <= 0 && + + } + +
+
+
+ +
+ +
+
+ {!props.formation.extented_search && +
+ + + {props.formation.duration_unit && +
+
Durée +
+ + {String(props.formation.duration_unit) === "heure" && +
+ {props.formation.duration} hr(s)   +
} + + {String(props.formation.duration_unit) === "heures" && +
+ {props.formation.duration} hr(s)   +
} + + + {String(props.formation.duration_unit) === "jour" && +
+ {props.formation.duration} jr(s)   +
} + + {String(props.formation.duration_unit) === "mois" && +
+ {props.formation.duration} mois(s) +
} + + {String(props.formation.duration_unit) === "semaine" && +
+ {props.formation.duration} Sem (s) +
} + + {String(props.formation.duration_unit) === "user_rythme" && +
+ A votre rythme +
} + +
+ } + + + {!props.formation.duration_unit && +
+
Durée +
+ + {props.formation.duration &&
+ {props.formation.duration} jr(s)   +
} + + {!props.formation.duration &&
+ En traitement   +
} + + +
+ + } +
+
+ Certification +
+ +
+ {props.formation.certif && String(props.formation.certif) === String("1") && +
+ Oui   +
} + + {props.formation.certif && String(props.formation.certif) !== String("1") && +
+ Non   +
} + + {!props.formation.certif && +
+ NC   +
} + + +
+
+ +
+ + + +   + + + + + +   + + + + +
+ + {/*
+
+ Type +
+ +
+ {props.formation.type}   +
+
+ +
+
+ Support +
+ +
+ {props.formation.support}   +
+
+ + */} + {/*props.formation.zone_diffusion && props.formation.zone_diffusion.country &&
+
+ Test : pays +
+ +
+ {props.formation.zone_diffusion.country}   +
+
*/} + + {/*props.formation.zone_diffusion && props.formation.zone_diffusion.city &&
+
+ Test : Ville +
+ +
+ {props.formation.zone_diffusion.city}   +
+
*/} + + + {/* + {props.formation.presentiel && props.formation.presentiel.presentiel && +
+
+ Presentiel +
+ +
+ + {props.formation.presentiel.presentiel}   + +
+
} + {props.formation.presentiel && props.formation.presentiel.distantiel && +
+
+ Distantiel +
+ +
+ + {props.formation.presentiel.distantiel}   + +
+
} + */} + + +
} + + +
+ {String(props.formation.coeur) === String("1") &&
+ coup de coeur +
} + + + + + +
+
+ Sur site +
+ {props.formation.presentiel && props.formation.presentiel.presentiel && + String(props.formation.presentiel.presentiel) === String("1") &&
+ Oui +
} + + {props.formation.presentiel && props.formation.presentiel.presentiel && + String(props.formation.presentiel.presentiel) !== String("1") &&
+ Non +
} + + {!props.formation.presentiel || !props.formation.presentiel.presentiel && +
+ NC +
} +
+ +
+
+ A distance +
+ {props.formation.presentiel && props.formation.presentiel.distantiel && + String(props.formation.presentiel.distantiel) === String("1") &&
+ Oui +
} + + {props.formation.presentiel && props.formation.presentiel.distantiel && + String(props.formation.presentiel.distantiel) !== String("1") &&
+ Non +
} + + {!props.formation.presentiel || !props.formation.presentiel.distantiel && +
+ NC +
} +
+ +
+
+ Support +
+ {props.formation.support && +
+ {props.formation.support} +
} + + {!props.formation.support && +
+ NC +
} +
+ + {/*
+
+ Type +
+ {props.formation.type && +
+ {props.formation.type} +
} + + {!props.formation.type && +
+ NC +
} +
*/} + +
+ +
+
+
+ {!props.formation.extented_search && props.formation.coeur != "1" && +
+ + + + + + + {GetCurrentClass_result && GetCurrentClass_result.length > 0 && + + } + +
} + +
+
+
+
+ + ) +} + + +export default Formation_Partner_Catalog; \ No newline at end of file diff --git a/src/components/HebergementLms.js b/src/components/HebergementLms.js index 5ed3472..8d80a7c 100644 --- a/src/components/HebergementLms.js +++ b/src/components/HebergementLms.js @@ -751,8 +751,6 @@ function HebergementLms(props) {  
- - +
+
+ +
+ + + + + + + Formation & Tutoriel Gratuit ou payant Excellente qualité + + + + + + + + Mon Compte + setDialog_1_open(true)} className="mymenu_item" + >Deconnexion + + + + + Mon Compte + Connexion + + S'inscrire + Deconnexion + + + + + + + {/* + + + */} + + + +
+ + +
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 + && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img &&
+ + +
} + + + {!New_Get_Subdomain_Partner_Data_result || New_Get_Subdomain_Partner_Data_result.length <= 0 + || !New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img && +
+ +
} + + + + {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 + && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_logo && +
+ {New_Get_Subdomain_Partner_Data_result[0].nom} + +
} + + {!New_Get_Subdomain_Partner_Data_result || New_Get_Subdomain_Partner_Data_result.length <= 0 + || !New_Get_Subdomain_Partner_Data_result[0].catalog_pub_logo && +
+ MySy Training Technology + +
} + +
+ +
+ + + + +
+ +
+
+ +
+ +
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && + } + + + {New_Get_Subdomain_Partner_Data_result[0] && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_2_txt && + } +
+ +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
+
+
+ + + + + {/*SearchText.length > 2 && */} + {SearchText.length > 2 &&  } + + + + +
+
+
+ +
+
+ + +
+ + + + +
+ +
+
 
+ +
+ + + + + + {suggestion2 && suggestion2.slice(0, 2).map((suggestion, id) => +
OnSuggestionHandler(JSON.parse(suggestion).name)}> {JSON.parse(suggestion).name}
+ )} + +
+
+ + {/*
+ + +
*/} + + +
+ + +
+
+ + + +
+
+ +
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") &&
+
+ KO + +
+
} + +
+
+ + +
+
Certification +
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+ {String(certifchecked) === String("1") &&
+
+ KO + +
+
} +
+
+ + +
+
Type +
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+ {String(typechecked) === String("1") &&
+
+ KO + +
+
} +
+
+ + + {/*
+
Support +
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+ {String(supportchecked) === String("1") &&
+
+ KO + +
+
} +
+
*/} + + + +
+
Lieu +
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+ {String(lieuchecked) === String("1") &&
+
+ KO + +
+
} +
+
+ + + {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
+ {NewSearchText &&
+ +
+
+ Recherhe pour : "{NewSearchText}" +
+ +
+
+ +
+
+ Réinitaliser les filtres +
+
+
+
+
+
+ +
+
+ +
+
+ Management
+
+ +
+ +
+
+
+ +
+
+ +
+
+ Informatique
+
+ +
+ +
+
+
+ +
+
+ +
+
+ Graphisme
+
+ +
+ +
+
+
+ +
+
+
+ + +
+
+ Afficher plus de métiers +
+ +
+
+ + +
+
} + + + {!NewSearchText &&
+
+ +
+
+ + +
+
+ Tous les métiers +
+
+
+
+
+
+ + +
+
+ {mymetier && String(mymetier) === "management" && + } + + {!mymetier || String(mymetier) !== "management" && + } + + {!mymetier && + } + + +
+
+ Management +
+
+ +
+ +
+
+
+ + +
+
+ {mymetier && String(mymetier) === "IT" && + } + + {!mymetier || String(mymetier) !== "IT" && + } + + {!mymetier && + } + +
+
+ Informatique +
+
+ +
+
+
+
+ +
+
+ {mymetier && String(mymetier) === "graphisme" && + } + + {!mymetier || String(mymetier) !== "graphisme" && + } + + {!mymetier && + } + + +
+ +
+ Graphisme +
+
+ +
+
+
+
+
+
+ {mymetier && String(mymetier) === "sante_nat" && + } + + {!mymetier || String(mymetier) !== "sante_nat" && + } + + {!mymetier && + } + + +
+ +
+ Santé naturelle +
+
+ +
+
+
+
+ + + + + {!displayAllmetiers &&
+
+
+ + +
+
+ Afficher plus de métiers +
+ +
+
} + + + + {displayAllmetiers &&
+
+ + +
+
+ Développement Personnel +
+
+ +
+
+ +
+
} + + {displayAllmetiers &&
+
+ {mymetier && String(mymetier) === "projets" && + } + + {!mymetier || String(mymetier) !== "projets" && + } + + {!mymetier && + } + +
+
+ Projets +
+
+ +
+
+ +
+
} + {displayAllmetiers &&
+
+ + +
+
+ Sport +
+
+ +
+
+ +
+
} + + + {displayAllmetiers &&
+
+
+ - +
+
+ Afficher Moins de métiers +
+ +
+
} + + +
+
} + + + {/*
+
+
+ Formation Programmation +
+

Informatique

+
+
+
+ + +
+
+ Formation graphisme +
+

Graphisme

+
+
+
+ + +
+
+ Formation gestion projets +
+

Projets

+
+
+
+ +
 
+ +
+
+ Formation Management +
+

Management

+
+
+ + + +
+ +
+
+ Formation Digitale +
+

Digital

+
+
+
+ +
+
+ Ressources Humaines +
+

RH

+
+
+ + + +
+
 
+
+
+ Marketing +
+

Marketing

+
+
+
+ +
+
+ Autres +
+

Bureautique

+
+
+ +
+ + +
+
+ Commerce +
+

Commerce

+
+
+
+
 
+ +
+
+ Autres +
+

Dev. Personnel

+
+
+ + +
+
 
+
*/} + + {/*
+
+
+
+

Tous les 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 &&
+ + {String(userconnected) === String("1") && } + setCurrentPage2(page)} + /> +
+ } + + {result && newresult &&
+ + {String(userconnected) === String("1") && } + setCurrentPage2(page)} + /> +
+ } +
+ + + +
+ + +
+ +
+
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 +
+ +
+ + +
+ + + + +
+ +
+ +
+
+ + +
+ +
+ + Voir tous nos articles + +
+
+ +
+
+
+ +
+ +
+ + +
+ +
+ + + +
+
+
+ +
+ + + + ); +} + + +export default Mon_Catalogue_Public; \ No newline at end of file diff --git a/src/components/Recherche_new_v2.js b/src/components/Recherche_new_v2.js index cf0d595..af0a6ae 100644 --- a/src/components/Recherche_new_v2.js +++ b/src/components/Recherche_new_v2.js @@ -946,6 +946,21 @@ const Recherche_new_v2 = () => { useEffect(() => { + + // Verifier s'il y a un sous domaine + var tab_split_sous_domain = window.location.host.split("."); + + if (tab_split_sous_domain.length > 2) { + var new_url = process.env.REACT_APP_FRONT_URL_CANONICAL_BASE + tab_split_sous_domain[0] + "." + process.env.REACT_APP_FRONT_URL_CANONICAL + "moncatalog"; + window.open( String(new_url), + '_self' + ); + } + + + + + var ip = ""; async function fetchData() { // const result = await axios('https://geolocation-db.com/json/',); diff --git a/src/components/Subdomain_Recherche_new_v2.js b/src/components/Subdomain_Recherche_new_v2.js index 5ac4195..7753401 100644 --- a/src/components/Subdomain_Recherche_new_v2.js +++ b/src/components/Subdomain_Recherche_new_v2.js @@ -94,7 +94,7 @@ const Subdomain_Recherche_new_v2 = () => { const [url_subdomain, seturl_subdomain] = useState(window.location.host.split(".")[0]); - + const [textplaceholder, settextplaceholder] = useState(""); const [empltysearch, setempltysearch] = useState("1"); const [empltycitiessearch, setempltycitiessearch] = useState("1"); diff --git a/src/components/TestUrl_new.js b/src/components/TestUrl_new.js index 645a2fb..dd1053f 100644 --- a/src/components/TestUrl_new.js +++ b/src/components/TestUrl_new.js @@ -685,9 +685,6 @@ const TestUrl_New = (props) => { - - -
{ - - -

Module attestation

diff --git a/src/components/UpdatePartnerInfo.js b/src/components/UpdatePartnerInfo.js index 4d74be5..ce2ce86 100644 --- a/src/components/UpdatePartnerInfo.js +++ b/src/components/UpdatePartnerInfo.js @@ -23,7 +23,9 @@ import MenuItem from '@mui/material/MenuItem'; import Partner_Securite_Data from "./Partner_Securite_Data"; import Partner_Invoicing_Data from "./Partner_Invoicing_Data"; - +import Autocomplete from '@mui/material/Autocomplete'; +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' function UpdateParnterInfo(props) { const history = useHistory(); @@ -56,6 +58,8 @@ function UpdateParnterInfo(props) { + const [isLoading, setLoading] = useState(); + const [currentpawdvisible, setcurrentpawdvisible] = useState(false); const [newpawdvisible, setnewpawdvisible] = useState(false); const [confpwdvisible, setconfpwdvisible] = useState(false); @@ -85,7 +89,7 @@ function UpdateParnterInfo(props) { //desablesecurtypwdfields(); //desablesecurtyInsertKeyfields(); getPartnerImages(); - + Get_List_Catalog_Public_Themes(); }, []) @@ -1704,6 +1708,12 @@ function UpdateParnterInfo(props) { setsubmenu("submenu_contact"); } + async function submenu_donnee_catalog_pub() { + Get_Partner_Catalog_Pub_Config(); + setsubmenu("submenu_donnee_catalog_pub"); + } + + const [p_nom, setp_nom] = useState(""); const [p_siret, setp_siret] = useState(""); @@ -1731,6 +1741,564 @@ function UpdateParnterInfo(props) { const [p_mysy_lms_user_id, setp_mysy_lms_user_id] = useState(""); + const [submenu_catalog_pub, setsubmenu_catalog_pub] = useState("design"); + function submenu_catalog_pub_design() { + setsubmenu_catalog_pub("design"); + } + + function submenu_catalog_pub_logo() { + clear_message_catalog_pub(); + setsubmenu_catalog_pub("logo"); + } + + function submenu_catalog_pub_img_bg() { + setsubmenu_catalog_pub("banniere"); + } + + const [handleSubmission_logo_api, sethandleSubmission_logo_api] = useState(); + const [handleSubmission_logo_result, sethandleSubmission_logo_result] = useState(); + const [handleSubmission_logo_message, sethandleSubmission_logo_message] = useState(); + + function clear_message_catalog_pub() { + /*sethandleSubmission_logo_message(); + sethandleSubmission_logo_api(); + setSendBackground_Img_api(); + setSendBackground_Img_message();*/ + } + + const [NEW_Get_List_Catalog_Public_Themes_result, setNEW_Get_List_Catalog_Public_Themes_result] = useState([]); + + const [Get_List_Catalog_Public_Themes_api, setGet_List_Catalog_Public_Themes_api] = useState(); + const [Get_List_Catalog_Public_Themes_message, setGet_List_Catalog_Public_Themes_message] = useState(); + const [Get_List_Catalog_Public_Themes_result, setGet_List_Catalog_Public_Themes_result] = useState([]); + function Get_List_Catalog_Public_Themes() { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Theme_Catalog_Pub/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === "true") { + //console.log(" In Get_List_Catalog_Public_Themes res.data.status = " + res.data.status); + //console.log(" In Get_List_Catalog_Public_Themes res.data.message r_class = " + res.data.message); + setGet_List_Catalog_Public_Themes_api("true"); + setGet_List_Catalog_Public_Themes_result(res.data.message); + + var new_data2 = []; + const new_data = res.data.message.map((x) => { + + //--- + var id = JSON.parse(x).id; + var _id = JSON.parse(x)._id; + var code = JSON.parse(x).code; + var description = JSON.parse(x).description; + var theme_preview = JSON.parse(x).theme_preview; + + + //--- + var node = { + "_id": _id, + "id": id, + "label": code + " - " + description, + "code": code, + "description": description, + "theme_preview": theme_preview, + + }; + new_data2.push(node); + }); + + + if (new_data2.length > 0) + setNEW_Get_List_Catalog_Public_Themes_result(new_data2); + + + } + else { + setGet_List_Catalog_Public_Themes_api("false"); + setGet_List_Catalog_Public_Themes_message(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Get_List_Catalog_Public_Themes = ', error); + setGet_List_Catalog_Public_Themes_api("false"); + + }) + } + + + + + const [selected_catalog_pub_theme_id, setselected_catalog_pub_theme_id] = useState(); + const [selected_catalog_pub_theme_preview, setselected_catalog_pub_theme_preview] = useState(); + + + + const [Add_Update_Partner_Catalog_Pub_Config_api, setAdd_Update_Partner_Catalog_Pub_Config_api] = useState(); + const [Add_Update_Partner_Catalog_Pub_Config_result, setAdd_Update_Partner_Catalog_Pub_Config_result] = useState(); + const [Add_Update_Partner_Catalog_Pub_Config_message, setAdd_Update_Partner_Catalog_Pub_Config_message] = useState(); + + function Add_Update_Partner_Catalog_Pub_Config() { + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; + setLoading(true); + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === "true") { + //console.log(" In GetLms_Themes res.data.status = " + res.data.status); + //console.log(" In GetLms_Themes res.data.message r_class = " + res.data.message); + setAdd_Update_Partner_Catalog_Pub_Config_api("true"); + setAdd_Update_Partner_Catalog_Pub_Config_result(res.data.message); + setLoading(false); + alert(" La mise à jour du theme a été correctement effectuée. "); + } + else { + setAdd_Update_Partner_Catalog_Pub_Config_api("false"); + setAdd_Update_Partner_Catalog_Pub_Config_message(res.data.message); + setLoading(false); + } + + }).catch((error) => { + console.warn('Not good man :( GetLms_Themes = ', error); + setAdd_Update_Partner_Catalog_Pub_Config_api("false"); + setLoading(false); + + }) + } + + + const [Partner_Catalog_Pub_logo, setPartner_Catalog_Pub_logo] = useState(""); + const [Partner_Catalog_Pub_banniere, setPartner_Catalog_Pub_banniere] = useState(""); + const [Partner_Catalog_Pub_message_1_txt, setPartner_Catalog_Pub_message_1_txt] = useState(""); + const [Partner_Catalog_Pub_theme_id, setPartner_Catalog_Pub_theme_id] = useState(""); + + + const [Get_Partner_Catalog_Pub_Config_api, setGet_Partner_Catalog_Pub_Config_api] = useState(); + const [Get_Partner_Catalog_Pub_Config_message, setGet_Partner_Catalog_Pub_Config_message] = useState(); + const [Get_Partner_Catalog_Pub_Config_result, setGet_Partner_Catalog_Pub_Config_result] = useState(); + function Get_Partner_Catalog_Pub_Config(event) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Catalog_Pub_Config/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + if (String(res.data.status) === "true") { + //console.log(" In Get_Partner_Catalog_Pub_Config res.data.status = " + res.data.status); + //console.log(" In Get_Partner_Catalog_Pub_Config res.data.message r_class = " + res.data.message); + setGet_Partner_Catalog_Pub_Config_api("true"); + setGet_Partner_Catalog_Pub_Config_result(res.data.message); + + var logo_img = "data:image/png;base64," + JSON.parse(res.data.message).logo; + setPartner_Catalog_Pub_logo(logo_img); + + + var banniere_img = "data:image/png;base64," + JSON.parse(res.data.message).banniere_img; + setPartner_Catalog_Pub_banniere(banniere_img); + + setPartner_Catalog_Pub_message_1_txt(JSON.parse(res.data.message).message_1_txt); + + setPartner_Catalog_Pub_theme_id(JSON.parse(res.data.message).theme_id); + + } + else { + setGet_Partner_Catalog_Pub_Config_api("false"); + setGet_Partner_Catalog_Pub_Config_message(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Get_Partner_Catalog_Pub_Config = ', error); + alert(" Impossible de récuperer la configuration du catalogue public ") + + }) + } + + + + function SendBackground_Img() { + setLoading(true); + + const formData = new FormData(); + formData.append('File', img_bg_file2); + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + formData.append("token", stored_cookie); + + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Lms_Add_BG_File/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + //console.log('Success:', result['message']); + + if (String(result['status']) === String("true")) { + setSendBackground_Img_api("true"); + alert(" L'image bannière a été correctement mise à jour") + + } else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + } + + else { + setSendBackground_Img_api("false"); + setSendBackground_Img_message(result['message']); + } + setLoading(false); + + }) + .catch((error) => { + console.error('Error:', result); + setSendBackground_Img_api("false"); + setSendBackground_Img_message(result['message']); + setLoading(false); + }); + + + }; + + const changeHandler2_bg = (event) => { + hiddenFileInput_bg.current.click(); + }; + + const [logo_file_name, setlogo_file_name] = useState(); + const hiddenFileInput_logo = React.useRef(null); + + const [bg_file_name, setbg_file_name] = useState(); + const hiddenFileInput_bg = React.useRef(null); + const [handleSubmission_bg_api, sethandleSubmission_bg_api] = useState(); + const [handleSubmission_bg_result, sethandleSubmission_bg_result] = useState(); + const [handleSubmission_bg_message, sethandleSubmission_bg_message] = useState(); + + const handleSubmission_bg = event => { + const fileUploaded = event.target.files[0]; + let file_size = event.target.files[0].size; + let file_type = event.target.files[0].type; + + console.log("file_size = ", file_size, " file_type = ", file_type, " naturalWidth = ", fileUploaded.naturalWidth); + if (file_size > 1000000) { + alert("Le fichier ne doit pas dépasser un 1 Méga octets"); + return; + } + + //image/png + if (String(file_type) !== "image/png") { + alert("Le fichier n'est pas au format PNG"); + return; + } + + setLoading(true); + + var _URL = window.URL || window.webkitURL; + var file, img; + var img_height, img_width; + + if ((file = event.target.files[0])) { + img = new Image(); + var objectUrl = _URL.createObjectURL(file); + img.onload = function () { + img_height = this.height; + img_width = this.width; + //console.log(" img_width = ", img_width); + _URL.revokeObjectURL(objectUrl); + if (parseFloat(img_width) > 1500 && parseFloat(img_width) < 1930 && + parseFloat(img_height) > 150 && parseFloat(img_height) < 195) { + //console.log(" img_height est = ", img_height, " < à 1500 "); + + // Verification que le nom du fichier est alpha numerique + /*var regExp = /^[A-Za-z0-9]+$/; + if (!regExp.test(event.target.files[0].name)) { + sethandleSubmission_bg_message(" Le nom de l'image comporte des caractères non alphanumériques"); + sethandleSubmission_bg_api("false"); + setLoading(false); + return + }*/ + + + if (String(event.target.files[0].name).length > 50) { + sethandleSubmission_bg_message(" Le nom du fichier est trop long. il doit faire moins de 50 caractère"); + sethandleSubmission_bg_api("false"); + setLoading(false); + + return + } + + setbg_file_name(event.target.files[0].name); + + setimg_bg_file(URL.createObjectURL(event.target.files[0])); + setimg_bg_file2(event.target.files[0]); + + + } else { + sethandleSubmission_bg_message(" La taille de l'image est incorrecte. Larg = " + String(img_width) + " px Long = " + String(img_height) + " px"); + sethandleSubmission_bg_api("false"); + setLoading(false); + return; + + } + }; + img.src = objectUrl; + + } + setLoading(false); + + }; + + + const [SendBackground_Img_api, setSendBackground_Img_api] = useState(); + const [SendBackground_Img_result, setSendBackground_Img_result] = useState(); + const [SendBackground_Img_message, setSendBackground_Img_message] = useState(); + + function SendBackground_Img() { + setLoading(true); + + const formData = new FormData(); + formData.append('File', img_bg_file2); + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + formData.append("token", stored_cookie); + + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Lms_Add_BG_File/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + //console.log('Success:', result['message']); + + if (String(result['status']) === String("true")) { + setSendBackground_Img_api("true"); + alert(" L'image bannière a été correctement mise à jour") + + } else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + } + + else { + setSendBackground_Img_api("false"); + setSendBackground_Img_message(result['message']); + } + setLoading(false); + + }) + .catch((error) => { + console.error('Error:', result); + setSendBackground_Img_api("false"); + setSendBackground_Img_message(result['message']); + setLoading(false); + }); + + + }; + + const [img_bg_file, setimg_bg_file] = useState(); + const [img_logo_file2, setimg_logo_file2] = useState(); + const [img_bg_file2, setimg_bg_file2] = useState(); + + + const changeHandler2_logo = (event) => { + hiddenFileInput_logo.current.click(); + }; + + const [Delete_logo_Img_api, setDelete_logo_Img_api] = useState(); + const [Delete_logo_Img_result, setDelete_logo_Img_result] = useState(); + const [Delete_logo_Img_message, setDelete_logo_Img_message] = useState(); + function Delete_logo_Img() { + setLoading(true); + const formData = new FormData(); + + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + formData.append("token", stored_cookie); + + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Lms_Delete_Logo_File/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + //console.log('Success:', result['message']); + + if (String(result['status']) === String("true")) { + setDelete_logo_Img_api("true"); + setPartner_Catalog_Pub_logo(''); + alert(" Le logo a été correctement supprimé "); + + } else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + } + + else { + setDelete_logo_Img_api("false"); + setDelete_logo_Img_message(result['message']); + } + setLoading(false); + + }) + .catch((error) => { + console.error('Error:', result); + setDelete_logo_Img_api("false"); + setDelete_logo_Img_message(" Impossible de supprimer le fichier logo"); + setLoading(false); + }); + } + + const [img_logo_file, setimg_logo_file] = useState(); + const [Send_logo_Img_api, setSend_logo_Img_api] = useState(); + const [Send_logo_Img_result, setSend_logo_Img_result] = useState(); + const [Send_logo_Img_message, setSend_logo_Img_message] = useState(); + function Send_logo_Img() { + setLoading(true); + + + const formData = new FormData(); + formData.append('File', img_logo_file2); + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + formData.append("token", stored_cookie); + + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Lms_Add_Logo_File/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + //console.log('Success:', result['message']); + + if (String(result['status']) === String("true")) { + setSend_logo_Img_api("true"); + alert(" La mise à jour du logo a été correctement effectuée. "); + + } else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + } + + else { + setSend_logo_Img_api("false"); + setSend_logo_Img_message(result['message']); + } + setLoading(false); + + }) + .catch((error) => { + console.error('Error:', result); + setSend_logo_Img_api("false"); + setSend_logo_Img_message(result['message']); + setLoading(false); + }); + + } + + + const handleSubmission_logo = event => { + const fileUploaded = event.target.files[0]; + let file_size = event.target.files[0].size; + let file_type = event.target.files[0].type; + + //console.log("file_size = ", file_size, " file_type = ", file_type); + //console.log(" fileUploaded = ", fileUploaded); + if (file_size > 1000000) { + alert("Le fichier ne doit pas dépasser un 1 Méga octets"); + return; + } + + //image/png + if (String(file_type) !== "image/png") { + alert("Le fichier n'est pas au format PNG"); + return; + } + + setLoading(true); + + var _URL = window.URL || window.webkitURL; + var file, img; + var img_height, img_width; + + if ((file = event.target.files[0])) { + img = new Image(); + var objectUrl = _URL.createObjectURL(file); + img.onload = function () { + img_height = this.height; + img_width = this.width; + _URL.revokeObjectURL(objectUrl); + // console.log(" img_width = ", img_width, " img_height = ", img_height) + + if (parseFloat(img_width) > 130 && parseFloat(img_width) < 260 && + parseFloat(img_height) > 60 && parseFloat(img_height) < 150) { + //console.log(" img_height est = ", img_height, " < à 1500 "); + + // Verification que le nom du fichier est alpha numerique + /*var regExp = /^[A-Za-z0-9]+$/; + if (!regExp.test(event.target.files[0].name)) { + sethandleSubmission_logo_message(" Le nom de l'image comporte des caractères non alphanumériques"); + sethandleSubmission_logo_api("false"); + setLoading(false); + + return + }*/ + + + if (String(event.target.files[0].name).length > 50) { + sethandleSubmission_logo_message(" Le nom du fichier est trop long. il doit faire moins de 50 caractère"); + sethandleSubmission_logo_api("false"); + setLoading(false); + + return + } + + setlogo_file_name(event.target.files[0].name); + setimg_logo_file(URL.createObjectURL(event.target.files[0])); + setimg_logo_file2(event.target.files[0]); + + } else { + sethandleSubmission_logo_message(" La taille de l'image est incorrecte. Larg = " + String(img_width) + " px Long = " + String(img_height) + " px"); + sethandleSubmission_logo_api("false"); + setLoading(false); + return; + } + + //console.log(" after img_width = ", img_width, " after img_height = ", img_height) + }; + img.src = objectUrl; + + } + setLoading(false); +}; return ( @@ -1743,6 +2311,8 @@ function UpdateParnterInfo(props) { {String(is_partner_admin_account) === "1" && } {/**/} + {String(is_partner_admin_account) === "1" && } + {String(submenu).trim() === "submenu_donnee_securite" &&
@@ -1758,6 +2328,255 @@ function UpdateParnterInfo(props) {
} + {String(submenu).trim() === "submenu_donnee_catalog_pub" &&
+

Config. Catalog public

+ +
+
+ + + + +
+ + {String(submenu_catalog_pub) === String("design") &&
+
+ +
Choisir un exemple de thème :
+ + { + if (value && value._id) { + setselected_catalog_pub_theme_id(value._id); + + var partner_logo_img = "data:image/png;base64," + value.theme_preview; + setselected_catalog_pub_theme_preview(partner_logo_img); + + + } else { + setselected_catalog_pub_theme_id(''); + setselected_catalog_pub_theme_preview('') + } + }} + //value={p_one_detail_client_rattachement_nom} + + renderInput={(params) => + } + /> + +
+
+
+ {selected_catalog_pub_theme_preview &&
+ +
} +
+ +
+
+   +
+ {
+ +
+ +
+ +
+ + + +
+ +
} +
+   +
+ +
+
+
} + + {String(submenu_catalog_pub) === String("banniere") &&
+ + {Partner_Catalog_Pub_banniere && String(Partner_Catalog_Pub_banniere).length > 20 &&
+ Bannière actuelle :
+ {""} +
+ +
} +
Import Bannière
+ +
+   +
+ +
+ + + {bg_file_name && } + + + {img_bg_file && } + + + {String(SendBackground_Img_api) === "true" &&
La mise à jour a été correctement faite
} + {String(SendBackground_Img_api) === "false" &&
{SendBackground_Img_message}
} + + {String(handleSubmission_bg_api) === "false" &&
{handleSubmission_bg_message}
} + +
+ +
+
+   +
+ {
+ +
+ +
+ +
+ + + +
+ +
} +
+   +
+ +
+
+ +
} + + {String(submenu_catalog_pub) === String("logo") &&
+ + {Partner_Catalog_Pub_logo && String(Partner_Catalog_Pub_logo) !== "" &&
+ Logo actuel :
+ {""} +
+ + +
} +
Import du logo
+
+   +
+ +
+ + {logo_file_name && } + + + {img_logo_file && } + + {String(Send_logo_Img_api) === "true" &&
La mise à jour a été correctement faite
} + {String(Send_logo_Img_api) === "false" &&
{Send_logo_Img_message}
} + + {String(handleSubmission_logo_api) === "false" &&
{handleSubmission_logo_message}
} + + + +
+ +
+
+   +
+ {
+ +
+ +
+ +
+ + + + +
+ +
} +
+   +
+ +
+
+ +
} + +
+ +
} + {String(submenu).trim() === "submenu_donnee_entreprise" &&
diff --git a/src/pages/display_partner_catalog_detailclass_new_v2.js b/src/pages/display_partner_catalog_detailclass_new_v2.js new file mode 100644 index 0000000..d54c492 --- /dev/null +++ b/src/pages/display_partner_catalog_detailclass_new_v2.js @@ -0,0 +1,15 @@ + +import Display_Partner_Catalog_DetailClass_new_v2 from "../components/Display_Partner_Catalog_DetailClass_new_v2"; +import Navigation from "../components/Navigation"; + +export default function display_partner_catalog_detailclass() { + return ( +
+
+ +
+ + +
+ ); +} \ No newline at end of file diff --git a/src/pages/mon_catalogue_public.js b/src/pages/mon_catalogue_public.js new file mode 100644 index 0000000..e973dcb --- /dev/null +++ b/src/pages/mon_catalogue_public.js @@ -0,0 +1,21 @@ +import Mon_Catalogue_Public from "../components/Mon_Catalogue_Public"; +import Navigation from "../components/Navigation"; +import Footer from "./footer"; + +const mon_catalogue_public = () => { + + + return ( +
+ +
+ +
+ +
+ + ) +} + + +export default mon_catalogue_public; diff --git a/src/styles/components/_formation_partner_catalog.scss b/src/styles/components/_formation_partner_catalog.scss new file mode 100644 index 0000000..1e7356a --- /dev/null +++ b/src/styles/components/_formation_partner_catalog.scss @@ -0,0 +1,1661 @@ +.formation_partner_catalog { + .p_class { + margin-bottom: 0.3rem !important; + letter-spacing: 1px; + } + + .h1_transparent { + color: transparent; + //color: red; + font-size: small; + } + + .ftion_tab_gauche { + width: 65%; + float: left; + text-align: left; + font-weight: bold; + + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 19px; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .ftion_tab_droite { + width: 35%; + float: left; + text-align: center; + + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 19px; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .media_sociaux svg { + margin-top: 0 !important; + } + + .icone_location{ + font-size: large; + } + + /* less than 600 px */ + @media screen and (max-width: 600px) { + .p_class { + margin-bottom: 0.3rem !important; + text-align: center; + letter-spacing: 1px; + text-decoration: solid; + } + + .criteres { + font-size: 0.69rem; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #104277; + //font-size: smaller; + padding-bottom: 0rem; + margin-bottom: 0rem; + } + + .div_row { + float: left; + //border:1px solid black; + //border-width:0.01rem; + width: 100%; + margin-bottom: 3px !important; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 50%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 48%; + border-radius: 1rem; + } + + .forma_container { + width: 90%; + height: 200px; + background: aqua; + margin: auto; + padding: 10px; + border-radius: 30px; + } + + .forma_leftbox { + float: left; + border-width: 2px; + width: 20%; + height: 100%; + margin: auto; + padding: 10px; + border-radius: 30px; + margin-right: 0.5%; + } + + .forma_rightbox { + float: right; + border-width: 2px; + width: 100%; + padding: 0.5rem; + font-size: 11px; + text-align: left; + color: rgb(10, 42, 77); + margin-top: 1px; + cursor: pointer; + overflow-wrap: break-word; + } + + .h1_forma { + color: #ff4411; + font-size: small; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + .p_forma { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + font-size: 0.74rem; + text-align: justify; + word-break: break-word; + margin-bottom: 4px; + color: #3b3e40; + } + + .imgcoeur { + width: 60%; + } + + .forma_img_gauche { + /*float: left; + border-width: 2px; + width: 24%; + padding: 0.3rem; + font-size: 11px; + text-align: left; + color: rgb(10, 42, 77); + margin-top: 1px; + cursor: pointer;*/ + display: none; + } + + .training_img { + max-width: 100%; + border-radius: 10px; + } + + .div_row_critere { + float: left; + //border:1px solid black; + //border-width:0.01rem; + width: 95%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + + .training_title { + color: #619e31; + font-size: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + text-align: left; + letter-spacing: 1px; + margin-bottom: 0.6rem !important; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 300; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + font-feature-settings: 'liga' off; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + } + + .training_price { + color: #619e31; + font-size: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + text-align: left; + letter-spacing: 1px; + margin-bottom: 0.6rem !important; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 22px; + + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + + } + + .bton_inscris { + position: relative; + background: red; + -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white)); + + } + + bton_inscris:after, + bton_inscris:before { + content: ""; + position: absolute; + display: block; + width: inherit; + height: 50%; + bottom: -52%; + } + + bton_inscris:after {} + + bton_inscris:before { + z-index: 1; + background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff); + } + + //---- + + .block_cpf { + /* Tag */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 10px; + gap: 10px; + + //position: absolute; + //width: 173px; + //height: 37px; + //right: -16px; + top: 0px; + + background: #FFE7DA; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + z-index: 2; + } + + .block_cpf_txt { + //width: 153px; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 12px; + line-height: 17px; + /* identical to box height */ + + text-transform: uppercase; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .react-share__ShareButton { + width: 2rem !important; + text-align: left; + } + + .css-ryrseu-MuiRating-root { + font-size: 1.3rem; + } + + .div_row_droite_cpf { + float: right; + width: 50%; + text-align: right; + } + + .div_row_gauche_critere { + padding: 10px; + width: 100% !important; + padding-left: 1px; + padding-right: 1px; + } + + + .div_row_droite_critere { + padding: 5px; + width: 100% !important; + margin-top: 1px; + } + + + .bton_se_renseinger { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 95%; + background: #FFFFFF; + color: #104277; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .bton_voir_detail { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 95%; + background: #104277; + color: white; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .bton_sinscrire { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 95%; + background: #619E31; + color: white; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .ftion_tab_gauche { + width: 50%; + } + + .ftion_tab_droite { + width: 50%; + } + + .discounted_price { + font-weight: 600; + font-size: 18px; + color: #ff8c00; + } + + .training_price_barre { + font-weight: 500; + font-size: 16px; + color: #647585; + text-decoration: line-through; + margin-left: 2rem; + } + + .discount_block { + font-weight: 400; + margin-left: 1rem; + color: red; + font-size: 18px; + } + + + + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + + .ftion_tab_gauche { + width: 50%; + float: left; + text-align: left; + font-weight: bold; + + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 19px; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .ftion_tab_droite { + width: 50%; + float: left; + text-align: center; + + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 19px; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .div_row { + float: left; + //border:1px solid black; + //border-width:0.01rem; + width: 100%; + margin-bottom: 5px !important; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 50% !important; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 50%; + border-radius: 1rem; + } + + .forma_container { + width: 90%; + height: 200px; + background: aqua; + margin: auto; + padding: 10px; + border-radius: 30px; + } + + .forma_leftbox { + float: left; + border-width: 2px; + width: 20%; + height: 100%; + margin: auto; + padding: 10px; + border-radius: 30px; + margin-right: 0.5%; + } + + .forma_rightbox { + float: right; + border-width: 2px; + width: 76%; + margin: auto; + padding: 0.5rem; + font-size: small; + text-align: left; + color: rgb(10, 42, 77); + cursor: pointer; + overflow-wrap: break-word; + } + + .criteres { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #104277; + font-size: 0.70rem; + padding-bottom: 0rem; + margin-bottom: 0rem; + } + + .h1_forma { + color: #ff4411; + font-size: medium; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + .p_forma { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: 0.74rem; + line-height: 1.3rem; + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: #3b3e40; + padding-bottom: 0rem; + text-align: justify; + word-break: break-word; + } + + .imgcoeur { + width: 60%; + } + + .forma_img_gauche { + float: left; + border-width: 2px; + width: 24%; + padding: 0.3rem; + font-size: 11px; + text-align: center; + color: rgb(10, 42, 77); + margin-top: 1px; + cursor: pointer; + } + + .training_img { + max-width: 100%; + border-radius: 10px; + } + + .div_row_critere { + float: left; + //border:1px solid black; + //border-width:0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + + .training_title { + color: #619e31; + font-size: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + text-align: left; + letter-spacing: 1px; + margin-bottom: 0.6rem !important; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 18px; + line-height: 20px; + /* identical to box height */ + + font-feature-settings: 'liga' off; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + } + + .training_price { + color: #619e31; + font-size: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + text-align: left; + letter-spacing: 1px; + margin-bottom: 0.6rem !important; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 22px; + + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + + } + + .bton_inscris { + position: relative; + background: red; + -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white)); + + } + + bton_inscris:after, + bton_inscris:before { + content: ""; + position: absolute; + display: block; + width: inherit; + height: 50%; + bottom: -52%; + } + + bton_inscris:after {} + + bton_inscris:before { + z-index: 1; + background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff); + } + + //---- + + .block_cpf { + /* Tag */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 10px; + gap: 10px; + + //position: absolute; + //width: 173px; + //height: 37px; + //right: -16px; + top: 0px; + + background: #FFE7DA; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + z-index: 2; + } + + .block_cpf_txt { + //width: 153px; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 900; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + text-transform: uppercase; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .react-share__ShareButton { + width: 2rem !important; + text-align: left; + } + + .css-ryrseu-MuiRating-root { + font-size: 1.3rem; + } + + .div_row_droite_cpf { + float: right; + width: 40%; + text-align: right; + } + + .div_row_gauche_critere { + padding: 10px; + width: 66% !important; + padding-left: 5px; + padding-right: 5px; + } + + + .div_row_droite_critere { + padding: 10px; + width: 34% !important; + margin-top: 15px; + } + + + .bton_se_renseinger { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 90%; + background: #FFFFFF !important; + color: #104277 !important; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .bton_voir_detail { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 90%; + background-color: #104277 !important; + color: white !important; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .bton_sinscrire { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 90%; + background-color: #619E31 !important; + color: white !important; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .row_formation_desc { + min-height: 5rem !important; + } + + .row_formation_title { + min-height: 3rem !important; + } + + .row_formation_crit { + min-height: 10rem !important; + } + + .discounted_price { + font-weight: 600; + font-size: 20px; + color: #ff8c00; + } + + .training_price_barre { + font-weight: 500; + font-size: 18px; + color: #647585; + text-decoration: line-through; + margin-left: 2rem; + } + + .discount_block { + font-weight: 400; + margin-left: 1rem; + color: red; + } + + + + } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + .div_row { + float: left; + //border:1px solid black; + //border-width:0.01rem; + width: 100%; + margin-bottom: 2px !important; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .forma_container { + width: 90%; + height: 200px; + background: aqua; + margin: auto; + padding: 10px; + border-radius: 30px; + } + + .forma_leftbox { + float: left; + border-width: 2px; + width: 20%; + height: 100%; + margin: auto; + padding: 10px; + border-radius: 30px; + margin-right: 0.5%; + } + + .forma_rightbox { + float: right; + border-width: 2px; + width: 76%; + margin: auto; + padding: 0.5rem; + font-size: small; + text-align: left; + color: rgb(10, 42, 77); + cursor: pointer; + overflow-wrap: break-word; + } + + .criteres { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #104277; + font-size: 0.8rem; + padding-bottom: 0rem; + margin-bottom: 0rem; + } + + .h1_forma { + color: #ff4411; + font-size: medium; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + .p_forma { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: 0.77rem; + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: #3b3e40; + padding-bottom: 0rem; + text-align: justify; + word-break: break-word; + line-height: 1.3rem; + } + + .imgcoeur { + width: 45%; + } + + .forma_img_gauche { + float: left; + border-width: 2px; + width: 24%; + padding: 0.3rem; + font-size: 11px; + text-align: center; + color: rgb(10, 42, 77); + margin-top: 1px; + cursor: pointer; + } + + .training_img { + max-width: 100%; + border-radius: 10px; + } + + .div_row_critere { + float: left; + //border:1px solid black; + //border-width:0.01rem; + width: 95%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + + .training_title { + color: #619e31; + font-size: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + text-align: left; + letter-spacing: 1px; + margin-bottom: 0.6rem !important; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 18px; + line-height: 20px; + /* identical to box height */ + + font-feature-settings: 'liga' off; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + } + + .training_price { + color: #619e31; + font-size: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + text-align: left; + letter-spacing: 1px; + margin-bottom: 0.6rem !important; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 22px; + + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + + } + + .bton_inscris { + position: relative; + background: red; + -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white)); + + } + + bton_inscris:after, + bton_inscris:before { + content: ""; + position: absolute; + display: block; + width: inherit; + height: 50%; + bottom: -52%; + } + + bton_inscris:after {} + + bton_inscris:before { + z-index: 1; + background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff); + } + + //---- + + .block_cpf { + /* Tag */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 10px; + gap: 10px; + + //position: absolute; + //width: 173px; + //height: 37px; + //right: -16px; + top: 0px; + + background: #FFE7DA; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + z-index: 2; + } + + .block_cpf_txt { + //width: 153px; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 900; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + text-transform: uppercase; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .react-share__ShareButton { + width: 2rem !important; + text-align: left; + } + + .css-ryrseu-MuiRating-root { + font-size: 1.3rem; + } + + .div_row_droite_cpf { + float: right; + width: 30%; + text-align: right; + } + + .div_row_gauche_critere { + padding: 10px; + width: 60% !important; + padding-left: 5%; + } + + .div_row_droite_critere { + padding: 10px; + width: 40% !important; + margin-top: 5px; + } + + + .bton_se_renseinger { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 60%; + background: #FFFFFF !important; + color: #104277 !important; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .bton_voir_detail { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 60%; + background-color: #104277 !important; + color: white !important; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .bton_sinscrire { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 60%; + background-color: #619E31 !important; + color: white !important; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .ftion_tab_gauche { + width: 70%; + } + + .ftion_tab_droite { + width: 30%; + } + + .row_formation_desc { + min-height: 5rem !important; + } + + .row_formation_title { + min-height: 3rem !important; + } + + .row_formation_crit { + min-height: 10rem !important; + } + + .discounted_price { + font-weight: 600; + font-size: 20px; + color: #ff8c00; + } + + .training_price_barre { + font-weight: 500; + font-size: 18px; + color: #647585; + text-decoration: line-through; + margin-left: 2rem; + } + + .discount_block { + font-weight: 400; + margin-left: 1rem; + color: red; + } + + + + } + + @media only screen and (min-width: 1200px) { + .div_row { + float: left; + //border:1px solid black; + //border-width:0.01rem; + width: 100%; + //margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: left; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .forma_container { + width: 90%; + height: 200px; + background: aqua; + margin: auto; + padding: 10px; + border-radius: 30px; + } + + .forma_leftbox { + float: left; + border-width: 2px; + width: 20%; + height: 100%; + margin: auto; + padding: 10px; + border-radius: 30px; + margin-right: 0.5%; + } + + .forma_rightbox { + float: right; + border-width: 2px; + width: 79%; + margin: auto; + padding: 0.5rem; + font-size: small; + text-align: left; + color: rgb(10, 42, 77); + cursor: pointer; + overflow-wrap: break-word; + } + + .criteres { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #104277; + font-size: small; + padding-bottom: 0rem; + margin-bottom: 0rem; + + + } + + .h1_forma { + color: #ff4411; + font-size: medium; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + .p_forma { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + padding-bottom: 0rem; + text-align: justify; + word-break: break-word; + line-height: 1.3rem; + font-size: 0.8rem; + margin-bottom: 4px; + color: #3b3e40; + } + + .imgcoeur { + width: 20%; + } + + .forma_img_gauche { + float: left; + border-width: 2px; + width: 20%; + padding: 0.3rem; + font-size: 11px; + text-align: center; + color: rgb(10, 42, 77); + margin-top: 1px; + cursor: pointer; + } + + .training_img { + max-width: 100%; + border-radius: 10px; + } + + .div_row_critere { + float: left; + //border:1px solid black; + //border-width:0.01rem; + width: 98%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .training_title { + color: #619e31; + font-size: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + text-align: left; + letter-spacing: 1px; + margin-bottom: 0.6rem !important; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 20px; + line-height: 25px; + /* identical to box height */ + + font-feature-settings: 'liga' off; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + } + + .training_price { + color: #619e31; + font-size: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + text-align: left; + letter-spacing: 1px; + margin-bottom: 0.6rem !important; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 22px; + + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + + } + + .aaatraining_price_barre { + color: #619e31; + font-size: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + text-align: left; + letter-spacing: 1px; + margin-bottom: 0.6rem !important; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 22px; + + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + text-decoration: line-through; + + } + + .discounted_price { + font-weight: 600; + font-size: 20px; + color: #ff8c00; + } + + .training_price_barre { + font-weight: 500; + font-size: 18px; + color: #647585; + text-decoration: line-through; + margin-left: 2rem; + } + + .bton_inscris { + position: relative; + background: red; + -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white)); + + } + + bton_inscris:after, + bton_inscris:before { + content: ""; + position: absolute; + display: block; + width: inherit; + height: 50%; + bottom: -52%; + } + + bton_inscris:after {} + + bton_inscris:before { + z-index: 1; + background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff); + } + + //---- + + .block_cpf { + /* Tag */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 10px; + gap: 10px; + + //position: absolute; + //width: 173px; + //height: 37px; + //right: -16px; + top: 0px; + + background: #FFE7DA; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + z-index: 2; + } + + .block_cpf_txt { + //width: 153px; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 900; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + text-transform: uppercase; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .react-share__ShareButton { + width: 2rem !important; + text-align: left; + } + + .css-ryrseu-MuiRating-root { + font-size: 1.3rem; + } + + + .div_row_droite_cpf { + float: right; + width: 25%; + text-align: right; + } + + + .div_row_gauche_critere { + padding: 10px; + width: 55%; + padding-left: 5%; + } + + + .div_row_droite_critere { + padding: 10px; + width: 45% !important; + margin-top: 15px; + } + + + .bton_se_renseinger { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 70%; + background: #FFFFFF !important; + color: #104277 !important; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .bton_voir_detail { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 70%; + background-color: #104277 !important; + color: white !important; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .bton_sinscrire { + border-radius: 15px; + font-size: small; + padding: 0.2rem; + width: 70%; + background-color: #619E31 !important; + color: white !important; + margin-right: 10px; + height: 2rem; + margin: 5px; + + } + + .row_formation_desc { + min-height: 5rem !important; + } + + .row_formation_title { + min-height: 3rem !important; + } + + .row_formation_crit { + min-height: 10rem !important; + } + + .discount_block { + font-weight: 400; + margin-left: 1rem; + color: red; + } + } + + // end media +} \ No newline at end of file diff --git a/src/styles/components/_mon_catalogue_public.scss b/src/styles/components/_mon_catalogue_public.scss new file mode 100644 index 0000000..734128f --- /dev/null +++ b/src/styles/components/_mon_catalogue_public.scss @@ -0,0 +1,14380 @@ +.mon_catalogue_public { + + .css-1nmdiq5-menu { + background: transparent !important; + color: white !important; + z-index: 999; + } + + .css-qbdosj-Input { + background: transparent !important; + } + + + .h1_transparent { + color: transparent; + //color: red; + font-size: 0.1rem; + } + + @media only screen and (max-width: 600px) { + .calage { + display: none; + } + + /*style smartphones et petites tablettes en portrait*/ + + .text_head { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: small; + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .containerBox { + position: relative; + display: inline-block; + margin-top: 0.5rem; + } + + input::placeholder { + font-size: 0.7rem; + color: black; + } + + .align_gauche { + margin-left: 0rem; + width: 100%; + float: left; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: x-small; + } + + .btn-primary { + margin-top: 0.25rem !important; + } + + .filter_dist { + width: 70% !important; + text-align: left; + } + + .recherchedivgauche { + width: 90%; + border-radius: 0.5rem; + float: left; + text-align: center; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + } + + .okUpdateData { + font-size: 0.7rem; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .recherchedivdroite { + width: 5%; + border-radius: 0rem; + float: right; + align-content: flex-end; + border-left: 0.1rem solid; + border-left-color: #ced4da; + } + + .recherchefilter { + margin-top: 1.2rem; + display: inline-block; + width: 97%; + background-color: black; + color: white; + height: auto; + padding: 1px; + outline: 1px solid #ccc; + margin: 0; + text-align: left; + border-radius: 5px; + margin-bottom: 0.1rem; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + height: 2rem; + padding-top: 5px; + margin-bottom: 0.5rem; + //margin-top: 1rem; + } + + .rech_container { + width: 90%; + height: 200px; + background: aqua; + margin: auto; + padding: 2px; + border-radius: 30px; + } + + .rech_leftbox { + float: left; + border-width: 1px; + width: 98%; + //height: 100%; + margin: auto; + padding: 0.3rem; + //border-radius: 1rem; + + margin-bottom: 0.1rem; + font-family: "verdana", "Quicksand", "Signika", sans-serif !important; + background: white; + margin-left: 1%; + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + margin-top: 0.5rem; + margin-right: auto; + margin-bottom: 10px; + } + + .rech_middlebox { + float: left; + border-width: 2px; + width: 100%; + height: 100%; + margin: auto; + padding: 0.1rem; + border-radius: 30px; + margin-right: 0.5%; + //background-color: #f8f9f9; + } + + .rech_rightbox { + display: none; + } + + .textsurimage { + color: rgb(218, 207, 207); + background-color: transparent; + font-size: 1.5rem; + text-align: center; + position: absolute; + top: 30%; + left: 50%; + transform: translate(-50%, -50%); + position: re; + } + + .rech_list_formation2 { + display: inline-block; + width: 100%; + background-color: white; + height: auto; + padding: 1px; + outline: 1px solid #ccc; + //border: 1px solid #999; + margin: 0; + text-align: left; + border-radius: 10px; + margin-bottom: 10px; + //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%); + + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + } + + .rech_list_formation2:hover { + -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); + box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); + } + + input[type="submit"] { + width: 100%; + margin-top: 0; + } + + h3 { + font-size: 1rem; + } + + .form { + position: relative; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + text-align: left; + height: 3rem !important; + display: flex; + width: 98%; + display: flex; + + } + + .textsurimage23 { + color: rgb(218, 207, 207); + background-color: transparent; + text-align: center; + position: absolute; + top: 15%; + left: 20%; + width: 20rem; + } + + h4 { + display: inline-block; + font-size: medium; + /*or whatever you want*/ + color: white; + } + + .default_font { + color: #3c4043; + display: inline-block; + line-height: 28px; + font-size: small; + } + + .ch_recherche { + margin-left: 10%; + margin-right: 10%; + background-color: white; + align-items: center; + } + + .input-group-text2 { + padding: 0.25rem 0.5rem; + font-size: 0.7rem; + border-radius: 0.2rem; + } + + .rech_list_formation { + display: inline-block; + width: 100%; + background-color: #eee; + height: auto; + padding: 1em; + outline: 1px solid #ccc; + border: 1px solid #999; + background-color: #999; + margin: 0 auto; + text-align: left; + } + + .height { + height: 100vh; + } + + .form .fa-search { + position: absolute; + top: 20px; + left: 20px; + color: #9ca3af; + } + + .input-group-text { + font-size: 0.6rem !important; + } + + .form-select { + font-size: 1rem !important; + padding: auto; + } + + .mb-3 { + margin-bottom: 0.5rem !important; + cursor: pointer; + } + + .verti_middle { + margin-top: 2rem !important; + } + + .form span { + position: absolute; + right: 0.1rem; + top: 0.1rem; + padding: 1.5px; + //border-left: 0.2rem solid #d1d5db; + height: 1.9rem; + margin-top: 5px; + } + + form svg { + margin-top: 0.6rem !important; + cursor: pointer; + } + + .ch_form_svg { + svg { + margin-top: 0rem !important; + } + } + + .form span_clear { + position: absolute; + right: 1.5rem !important; + top: 0.1rem !important; + padding: 2px; + border-left: 0.2rem solid #d1d5db !important; + height: 1.9rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .left-pan { + padding-left: 7rem; + } + + .left-pan i { + padding-left: 10px; + } + + .form-input { + border-radius: 5px; + height: 3rem; + font-size: medium; + padding-bottom: 0.1rem; + padding-top: 0.1rem; + border: none; + box-shadow: 16px 16px 48px rgba(30, 30, 30, 0.08); + width: 90%; + padding-left: 1px; + padding-right: 1px; + } + + .text-box { + position: absolute; + height: 100%; + text-align: center; + width: 100%; + } + + .text-box:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; + } + + .img_logo { + display: block; + height: auto; + margin-left: auto; + margin-right: auto; + max-width: 50%; + } + + .filter_span { + padding-top: 0.3rem; + padding-bottom: auto; + word-break: break-word; + margin-right: 0.5rem; + color: #104277; + font-size: 0.75rem; + white-space: nowrap; + width: 30%; + margin-top: 0.3rem; + } + + .filter_val { + padding-top: 0.1rem; + padding-bottom: auto; + word-break: break-word; + margin-right: 0.5rem; + font-size: 0.75rem; + white-space: nowrap; + border: none; + background: transparent; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + border: 0.1rem solid black; + border-radius: 0.3rem !important; + width: 65%; + margin-top: 0.3rem; + margin-right: 0px; + } + + .div_row2 { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 0.1rem; + //border-radius: 1rem; + position: fixed; + z-index: 10; + top: 0px; + } + + .div_row_haut { + float: left; + //border:1px solid black; + //border-width: 0.01rem; + width: 100%; + //border-radius: 1rem; + background-color: #3b3e40; + z-index: 10; + } + + .div_row_bas { + float: right; + //border:1px solid black; + //border-width: 0.01rem; + width: 100%; + //border-radius: 1rem; + z-index: 10; + background-color: #e7f3fb; + background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); + + //border-bottom-left-radius: 25px; + //border-bottom-right-radius: 25px; + } + + .div_mobile { + position: relative; + top: 8rem; + z-index: 1; + width: 98%; + height: 100%; + margin: 0.3rem; + margin-left: auto; + margin-right: auto; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + color: white !important; + } + + .menuPrincipal { + font-family: "Quicksand", "Signika", "sans-serif"; + color: white; + width: 20%; + float: right; + font-weight: 500; + cursor: pointer; + } + + .menuPrincipal:hover { + color: #81bc3a; + font-weight: bold; + padding-left: 0; + transition: color 0.3s linear; + letter-spacing: 0.2rem; + text-decoration: solid; + text-underline-offset: 3px; + border-bottom-width: 1px; + border-bottom-style: solid; + text-decoration: underline; + } + + .div_001 { + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .div_002 { + width: 50%; + text-align: center; + margin-left: auto; + margin-right: auto; + } + + .div_003 { + display: none; + } + + .div_004 { + color: white; + width: 100%; + height: 0.1rem; + opacity: 100%; + margin-left: auto; + margin-right: auto; + float: left; + margin-bottom: 0.2rem; + margin-top: 0.2rem; + } + + .div_005 { + width: 100%; + margin-left: auto; + margin-right: auto; + color: black !important; + height: 4rem; + } + + .hilightsoustitre { + background: #113459; + color: #fff; + display: block; + font-size: 0.85rem; + margin-bottom: 0.5rem; + } + + .hilightsoustitre_v2 { + color: #3b3e40; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + background: #e9ecef; + border-radius: 5px; + background: #113459; + color: #fff; + letter-spacing: 2px; + } + + .hilightsoustitre_v2_metier { + color: #3b3e40; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + background: #e9ecef; + border-radius: 5px; + background: #113459; + color: #fff; + letter-spacing: 2px; + } + + .tab_gauche { + width: 50%; + float: left; + text-align: left; + } + + .tab_droite { + width: 50%; + float: right; + text-align: right; + } + + .tab_gauche_metier { + width: 20%; + float: left; + text-align: left; + } + + .tab_droite_metier { + width: 20%; + float: right; + text-align: right; + } + + .img_thematique_metier { + display: block; + border-radius: 10rem; + max-width: 360px; + } + + .met_polaroid_gauche { + width: 97%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 2px; + } + + .met_polaroid_droite { + width: 97%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + margin-left: 3%; + border-radius: 2px; + } + + .met_container { + text-align: center; + padding: 1px 2px; + letter-spacing: 2px; + font-size: small; + color: #3b3e40; + font-weight: bold; + } + + .met_text { + margin-bottom: 0.1rem; + font-size: x-small; + white-space: nowrap; + overflow: hidden; + font-weight: bold; + } + + .met_text_larg { + margin-bottom: 0.1rem; + font-size: xx-small; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + } + + .met_text_all_categories { + margin-bottom: 0.1rem; + font-size: x-small; + margin-top: 1rem; + } + + .met_container_all_categories { + text-align: center; + padding: 1px 2px; + letter-spacing: 2px; + font-size: small; + color: #3b3e40; + height: 4rem; + } + + .met_polaroid_gauche_all_categories { + width: 100%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .tab_gauche_all_categories { + width: 100%; + float: left; + text-align: left; + } + + .img_categorie { + width: 100%; + border-top-right-radius: 2px; + border-radius: 2px; + padding: 5px; + } + + .met_polaroid, + .met_polaroid_line2 { + display: none; + } + + .bienvenu { + display: none; + } + + .new_filter_zone { + float: left; + width: 35%; + display: flex; + align-items: center; + font-size: smaller; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + } + + .new_filter_zone_cerif_radio { + width: 30%; + float: left; + text-align: right; + font-size: smaller; + } + + .new_filter_zone_cerif_radio_right { + //width: 30%; + float: left; + text-align: left; + font-size: small; + padding-left: 5px; + } + + .new_filter_zone_cerif_radio_left { + //width: 30%; + float: left; + text-align: center; + font-size: small; + padding-right: 15px; + padding-left: 2px; + min-width: 30%; + } + + .range_prix_mobile { + margin-left: 1rem; + } + + .new_filter_zone_row { + margin-bottom: 0.7rem !important; + width: 100%; + padding-right: 5px; + } + + .tick_ok_ko { + max-width: 50%; + margin-top: 8px; + } + + .tab_logo_metier { + width: 100%; + padding-left: 5px; + } + + .tab_critere_espace { + margin-bottom: 1rem; + padding-bottom: 0rem; + width: 100%; + } + + // 07/01/23 + .Background_Header { + /* Background Header */ + + + position: absolute; + width: 100%; + height: 350px; + left: 0px; + top: 0px; + + /* Beige */ + + background: #FFF5DA; + } + + + .Partner_Catalog_Background_Header { + /* Background Header */ + position: absolute; + width: 100%; + height: 350px; + left: 0px; + top: 0px; + + } + + + + .Menu_Header { + display: none; + } + + .block_nos_service { + position: absolute; + width: 100%; + height: 100px; + left: 0px; + top: 474px; + + /* White */ + + background: #FFFFFF; + + display: none; + + } + + .logo { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + position: absolute; + width: 108px; + height: 52px; + left: 150px; + top: 30px; + } + + + .Logo_MySy { + width: 108px; + height: 36px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .training { + + width: 108px; + height: 12px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 900; + font-size: 10px; + line-height: 12px; + /* identical to box height */ + + letter-spacing: 0.83em; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .title_desc_header { + position: absolute; + width: 95%; + height: 120px; + //left: 24px; + top: 100px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 30px; + line-height: 40px; + /* or 125% */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + } + + .block_nos_formation { + /* Formations & Tutoriels */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 97%; + //height: 1486px; + left: 1%; + top: 495px; + } + + .pieddepage_v2 { + position: relative; + width: 100%; + //height: 450px; + left: 0px; + //top: 5850px; + top: 5800px; + background: #FFF5DA; + z-index: -1; + } + + .frame_153 {} + + .frame_153_txt { + position: absolute; + width: 100%; + text-align: left; + height: 34px; + //left: 24px; + top: 250px; + + font-family: 'Albert Sans'; + font-style: normal; + //font-weight: 600; + font-size: 12px; + line-height: 17px; + display: flex; + align-items: center; + + /* Deep Blue */ + + color: #0A043C; + } + + + + .title1 { + + position: absolute; + + height: 120px; + font-family: "Albert Sans"; + font-style: normal; + font-weight: 600; + font-size: 25px; + line-height: 30px; + text-align: center; + letter-spacing: -1px; + color: #0A043C; + } + + .title2 { + position: absolute; + height: 35px; + left: 5%; + top: 90px; + font-family: "Albert Sans"; + font-style: normal; + font-size: 14px; + line-height: 19px; + letter-spacing: 1px; + text-align: center; + color: #0A043C; + font-weight: 500; + + + } + + .content_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 100%; + height: 367px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + z-index: 1; + } + + .search_bar_h { + //display: flex; + flex-direction: column; + align-items: center; + padding: 20px 0px; + gap: 24px; + + position: absolute; + width: 86%; + height: 220px; + left: 7%; + top: 260px; + + /* White */ + + background: #FFFFFF; + box-shadow: 0px 16px 48px rgba(30, 30, 30, 0.08); + border-radius: 8px; + } + + + .search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 5px 0px 5px; + gap: 72px; + + width: 100%; + height: 80px; + + /* White */ + + background: #FFFFFF; + box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .input_search_bar { + /* Auto layout */ + + //display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 24px; + + width: 95%; + height: 80px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .cta_recherche { + cursor: pointer; + /* Auto layout */ + + //display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 3px; + gap: 10px; + + height: 46px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + //top: 90px; + position: absolute; + width: 95%; + left: 2%; + + } + + .cta_recherche_txt { + //width: 90px; + height: 30px; + margin-top: 5px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 17px; + line-height: 30px; + /* identical to box height, or 176% */ + + //display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .search_dropdown { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + //width: 30%; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + + .search_bar_rectangle { + width: 1px; + height: 80px; + + background: rgba(0, 0, 0, 0.08); + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + display: none; + + } + + .search_text { + /* Auto layout */ + + //display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 100%; + height: 32px; + position: absolute; + top: 80px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .forma_et_tuto { + display: none; + } + + .forma_et_tuto_mobile { + width: 99%; + margin-left: 5px; + height: 80px; + padding-top: 10px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 25px; + line-height: 38px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + background: #F7F7F7; + } + + + .domaine_icone { + margin-top: 5px; + width: 5%; + } + + .domaine_icone_fa { + margin-top: 8px; + width: 5%; + cursor: pointer; + } + + + .sous_filter { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + margin-bottom: 3rem; + } + + .sous_filter_metier { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .sous_filter_txt { + /* Les filtres */ + + + // width: 92px; + height: 24px; + letter-spacing: 1px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .sous_filter_separator { + width: 277px; + height: 0px; + + opacity: 0.08; + /* Deep Blue */ + + border: 1px solid #0A043C; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 12px; + + width: 277px; + height: 494px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_mertier { + /* Auto layout */ + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 277px; + height: 496px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .filter_valeur { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 100%; + height: 71px; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .filter_valeur_txt { + /* Eligible CPF */ + + + //width: 78px; + letter-spacing: 2px; + height: 19px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 19px; + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .filter_valeur_block_val { + /* List Checkbox */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 90%; + height: 48px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + margin-left: 5%; + } + + .frame_133 { + /* Frame 133 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 20px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 1; + } + + .frame_133_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 50px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_radio { + /* Radio Button */ + + cursor: pointer; + width: 16px; + height: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_txt { + /* Oui */ + + + width: 26px; + height: 22px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .frame_134 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 20px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_134_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 55px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_135 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 20px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_135_grp { + /* Checbox + Text */ + + margin-left: 10px; + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 30px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + + .filter_txt { + /* Les filtres */ + + + width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block { + /* Filter */ + + //cursor: pointer; + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 16px; + gap: 10px; + + width: 90%; + height: 70px; + + /* White */ + + background: #FFFFFF; + border: 1px solid #DFDFDF; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + + } + + .filter_metier_sous_block_content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 12px; + + width: 180px; + height: 40px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_radio { + + /* Radio Button */ + + + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_txt { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 144px; + height: 40px; + + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_formation { + width: 144px; + height: 22px; + + margin-top: 10px; + text-align: left; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_nb { + width: 85px; + height: 14px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + + /* Deep Blue */ + + color: #0A043C; + + opacity: 0.7; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .filter_metier_sous_block_plus_metier { + /* Icon + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 233px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_1 { + border: #0A043C solid; + width: 24px; + height: 24px; + cursor: pointer; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_2 { + width: 201px; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_actualite { + /* Actualité */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 100%; + height: 549px; + //left: 72px; + top: 4700px; + display: none; + } + + .block_actualite_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 100%; + height: 453px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_actualite_sous_block_text { + width: 261px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 30px; + line-height: 38px; + /* identical to box height */ + + text-align: center; + letter-spacing: 2px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 4%; + + width: 90%; + height: 365px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + + } + + .block_list_actu_actu1 { + //display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 23px; + + width: 32%; + height: 364px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_img { + width: 100%; + height: 250px; + + background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + //border: #0A043C solid 1px; + } + + .block_list_actu_actu1_date_text { + /* Date + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 1px; + gap: 8px; + + //width: 344px; + //height: 91px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_date { + //width: 152px; + height: 19px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 12px; + line-height: 1p5x; + text-transform: uppercase; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_txt { + + height: 64px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 22px; + /* or 133% */ + + letter-spacing: 0.2px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .bton_tout_nos_article { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .bton_tout_nos_article_account_box { + display: none; + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .bton_tout_nos_article_txt { + width: 156px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 20px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .block_partner { + /* Partner Block */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: center; + padding: 20px; + gap: 10px; + + position: absolute; + width: 95%; + height: 386px; + //top: 5300px; + top: 5200px; + + /* White */ + + background: #FFFFFF; + /* Shadow 01 */ + + box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); + border-radius: 8px; + + } + + .block_partner_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 24px; + + width: 100%; + height: 306px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + //gap: 16px; + + width: 100%; + height: 226px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_logo { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 4px; + + width: 160px; + height: 70px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_desc { + //width: 600px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 28px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_txt { + width: 100%; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_buton { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .logo_not_absolut { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .block_partner_sous_block_logo_desc_desc2 { + width: 100%; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 20px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + /*style petites-moyennes tablettes */ + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .align_gauche { + margin-left: 0rem; + overflow-y: hidden; + white-space: nowrap; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + width: 100%; + } + + .recherchefilter { + display: none; + } + + .filter_dist { + width: 70% !important; + text-align: left; + } + + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .rech_container { + width: 90%; + height: 200px; + background: aqua; + margin: auto; + padding: 10px; + border-radius: 30px; + } + + .rech_leftbox { + float: left; + //border: 0px solid black; + border-width: 1px; + width: 29%; + height: 100%; + padding: 1px; + border-radius: 1rem; + //margin-top: 1rem !important; + margin-bottom: 0.1rem; + font-family: "verdana", "Quicksand", "Signika", sans-serif !important; + background: white; + + //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + margin-top: 0.5rem; + } + + .rech_middlebox { + float: left; + border-width: 2px; + width: 71%; + height: 100%; + margin: auto; + margin-right: auto; + padding: 0.1rem; + padding-right: 5px; + padding-left: 5px; + border-radius: 30px; + margin-right: 0px; + padding-left: 1px; + padding-right: 5px; + } + + .textsurimage { + color: rgb(218, 207, 207); + background-color: transparent; + font-size: 40pt; + text-align: center; + position: absolute; + top: 30%; + left: 50%; + transform: translate(-50%, -50%); + position: absolute; + } + + .rech_list_formation2 { + display: inline-block; + width: 100%; + background-color: white; + height: auto; + padding: 1px; + outline: 1px solid #ccc; + //border: 1px solid #999; + margin: 0; + text-align: left; + border-radius: 10px; + margin-bottom: 10px; + //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%); + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + } + + .rech_list_formation2:hover { + -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); + box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); + } + + h3 { + font-size: 2rem; + } + + .form { + font-size: medium; + //width: 90%; + margin-left: auto; + margin-right: auto; + margin-bottom: 0.5rem; + position: relative; + margin-top: 1rem; + z-index: 11; + display: flex; + } + + .textsurimage23 { + color: rgb(218, 207, 207); + background-color: transparent; + text-align: center; + position: absolute; + top: 20%; + left: 30%; + width: 20rem; + } + + h4 { + display: inline-block; + font-size: x-large; + /*or whatever you want*/ + color: white; + } + + .default_font { + color: #3c4043; + display: inline-block; + line-height: 28px; + font-size: small; + } + + .form-input { + border-radius: 10rem; + height: 2.5rem; + font-size: medium; + + line-height: 1.5; + margin-bottom: 2px; + color: white; + border: 2px solid white; + background: transparent; + box-shadow: none; + } + + form svg { + margin-top: 0.8rem !important; + cursor: pointer; + } + + .form span { + position: absolute; + right: 0.2rem; + top: 0.1rem; + padding: 2px; + border-left: 0.2rem solid #d1d5db; + height: 2.4rem; + } + + form svg { + margin-top: 0.8rem !important; + cursor: pointer; + } + + .form span_clear { + position: absolute; + right: 2rem !important; + top: 0.1rem !important; + padding: 2px; + border-left: 0.2rem solid #d1d5db !important; + height: 2.4rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .left-pan { + padding-left: 7px; + } + + .left-pan i { + padding-left: 10px; + } + + .containerBox { + position: relative; + display: inline-block; + margin-top: 0.5rem; + } + + .text-box { + position: absolute; + height: 100%; + text-align: center; + width: 100%; + } + + .text-box:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; + } + + .img_logo { + display: block; + height: auto; + margin-left: 0px; + margin-right: auto; + max-width: 30%; + } + + + .form-select { + height: 1.5rem !important; + border-radius: 0px; + font-size: small; + } + + .mb-3 { + margin-bottom: 0.5rem !important; + cursor: pointer; + } + + .input-group-text { + font-size: 0.6rem !important; + padding-left: 0rem !important; + padding-right: 0.2rem !important; + } + + .rech_rightbox { + /* opacity: 1; + border: 1px; + outline: 0; + border-bottom: 2px solid transparent; + color: white; + font-size: medium !important; + border-radius: 1rem; + margin: 0px; + padding: 0px; + text-align: center; + margin-bottom: 0.5rem; + padding-top: 0.5rem;*/ + display: none; + } + + .rech_rightbox .button2 { + opacity: 1; + background: #619e31; + border: 1px; + outline: 0; + border-bottom: 2px solid transparent; + color: white; + font-size: medium !important; + border-radius: 1rem; + margin: 0px; + padding: 0px; + text-align: center; + margin-bottom: 0.5rem; + } + + .rech_rightbox_inside { + float: left; + width: 100%; + height: 100%; + margin: auto; + padding: 0px; + border-radius: 0px; + margin-right: 0%; + overflow-y: scroll; + height: 800px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: medium; + padding-right: 5px; + margin-right: 5px; + } + + .filter_span { + padding-top: 0.3rem; + padding-bottom: auto; + word-break: break-word; + margin-right: 0.5rem; + color: #104277; + font-size: 0.75rem; + white-space: nowrap; + width: 30%; + margin-top: 0.3rem; + } + + .filter_val { + padding-top: 0.1rem; + padding-bottom: auto; + word-break: break-word; + margin-right: 0.5rem; + font-size: 0.75rem; + white-space: nowrap; + border: none; + background: transparent; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + border: 0.1rem solid black; + border-radius: 0.3rem !important; + width: 65%; + margin-top: 0.3rem; + margin-right: 0px; + } + + .text_head { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.1rem; + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .div_row2 { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 0.1rem; + //border-radius: 1rem; + + z-index: 10; + min-height: 30rem; + } + + .div_row_haut { + float: left; + //border:1px solid black; + //border-width: 0.01rem; + width: 100%; + //border-radius: 1rem; + background-color: #3b3e40; + z-index: 10; + } + + .div_row_bas { + float: right; + width: 100%; + min-height: 100%; + height: 30rem; + + background-color: #e7f3fb; + z-index: 10; + background: url("../../mysy_img/mysy_home.jpg") no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + //border-bottom-left-radius: 25px; + //border-bottom-right-radius: 25px; + } + + .div_mobile { + z-index: -1; + width: 100%; + height: 100%; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + color: white !important; + } + + .menuPrincipal_bton { + margin-left: 0.9rem; + font-family: "Quicksand", "Signika", "sans-serif"; + color: white; + float: right; + cursor: pointer; + text-align: right; + font-size: small; + border: 2px solid transparent; + white-space: nowrap; + text-transform: uppercase; + } + + .menuPrincipal { + margin-left: 0.7rem; + font-family: "Quicksand", "Signika", "sans-serif"; + color: white; + float: right; + cursor: pointer; + text-align: right; + font-size: small; + border: 2px solid transparent; + white-space: nowrap; + text-transform: uppercase; + padding-top: 0.2rem; + } + + .menuPrincipal:hover { + color: #81bc3a; + padding-left: 0; + transition: color 0.3s linear; + letter-spacing: 0.1rem; + text-decoration: solid; + text-underline-offset: 3px; + border-bottom-width: 1px; + border-bottom-style: solid; + text-decoration: underline; + } + + .div_001 { + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .div_002 { + float: left; + width: 40%; + text-align: left; + } + + .div_003 { + float: left; + width: 60%; + text-align: right; + color: white; + } + + .div_004 { + color: white; + width: 100%; + height: 0.1rem; + opacity: 100%; + margin-left: auto; + margin-right: auto; + float: left; + margin: 0.2rem; + } + + .div_005 { + width: 100%; + float: left; + } + + .hilightsoustitre { + background: #113459; + color: #fff; + display: block; + font-size: 0.85rem; + margin-bottom: 0.5rem; + letter-spacing: 0.15rem; + } + + .hilightsoustitre_v2 { + color: #3b3e40; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + background: #e9ecef; + border-radius: 5px; + background: #113459; + color: #fff; + letter-spacing: 2px; + height: 2rem; + padding-top: 5px; + } + + .hilightsoustitre_v2_metier { + color: #3b3e40; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + background: #e9ecef; + border-radius: 5px; + background: #113459; + color: #fff; + letter-spacing: 2px; + margin-top: 3rem; + height: 2rem; + padding-top: 5px; + } + + .tab_gauche { + width: 50%; + float: left; + text-align: left; + } + + .tab_droite { + width: 50%; + float: right; + text-align: right; + } + + .tab_gauche_metier { + width: 48%; + float: left; + text-align: left; + text-align: left; + margin-right: 2%; + max-width: 48% !important; + min-width: 48% !important; + } + + .tab_droite_metier { + width: 48%; + float: right; + text-align: right; + } + + .img_thematique_metier { + display: block; + border-radius: 10rem; + max-width: 360px; + } + + .met_polaroid_gauche { + width: 95%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .met_polaroid_gauche:hover { + transition-duration: 0.5s; + transform: scale(1.1); + box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); + } + + .met_polaroid_droite { + width: 100%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .met_polaroid_droite:hover { + transition-duration: 0.5s; + transform: scale(1.1); + box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); + } + + .met_container { + text-align: center; + padding: 1px 2px; + letter-spacing: 2px; + font-size: small; + color: #3b3e40; + font-weight: bold; + } + + .met_text { + margin-bottom: 0.1rem; + font-size: x-small; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + font-weight: bold; + } + + .met_text_larg { + margin-bottom: 0.1rem; + font-size: xx-small; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + } + + .met_text_all_categories { + margin-bottom: 0.1rem; + font-size: x-small; + margin-top: 1rem; + } + + .met_container_all_categories { + text-align: center; + padding: 1px 2px; + letter-spacing: 2px; + font-size: small; + color: #3b3e40; + height: 4rem; + } + + .met_polaroid_gauche_all_categories { + width: 100%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .tab_gauche_all_categories { + width: 100%; + float: left; + text-align: left; + } + + .img_categorie { + width: 100%; + border-top-right-radius: 12px; + border-radius: 12px; + padding: 5px; + } + + .h1_transparent { + color: transparent; + //color: red; + font-size: 0.1rem; + } + + .mymenu_item { + font-size: 0.7rem !important; + } + + .MuiMenuItem-root { + font-size: 0.7rem !important; + } + + .new_filter_zone { + float: left; + width: 35%; + display: flex; + align-items: center; + font-size: 0.75rem; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + } + + .new_filter_zone_cerif_radio { + width: 30%; + float: left; + text-align: right; + font-size: 0.75rem; + } + + .new_filter_zone_cerif_radio_right { + float: left; + text-align: left; + font-size: 0.7rem; + padding-left: 5px; + } + + .new_filter_zone_cerif_radio_left { + //width: 30%; + float: left; + text-align: center; + font-size: 0.7rem; + padding-right: 5px; + padding-left: 2px; + } + + .new_filter_zone_row { + //margin-bottom: 10px !important; + width: 100%; + padding-right: 2px; + } + + .tick_ok_ko { + max-width: 50%; + + } + + .new_filter_zone_prix { + margin-top: 0.8rem; + margin-bottom: 0.8rem; + padding-right: 10px; + } + + .middle { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.2rem; + + margin-left: auto; + margin-right: auto; + padding-top: 15%; + } + + input::placeholder { + color: white; + } + + .bienvenu { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: large; + color: white; + } + + .categorie { + padding-top: 15%; + width: 80%; + margin-left: auto; + margin-right: auto; + } + + .met_polaroid { + text-align: center; + margin-top: 9rem; + } + + .met_polaroid_line2 { + text-align: center; + margin-top: 1rem; + } + + .img_categorie_v2 { + border-radius: 5px; + background: white; + min-width: 3rem; + width: 6rem; + font-size: smaller; + border: 3px solid black; + box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24); + cursor: pointer; + outline: none; + transition: 0.2s all; + margin-right: 1rem; + } + + .img_categorie_v2:active { + transform: scale(1.1); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + /* Lowering the shadow */ + } + + .img_categorie_v2:hover { + transform: scale(1.1); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + /* Lowering the shadow */ + } + + input:-webkit-autofill, + input:-webkit-autofill:hover, + input:-webkit-autofill:focus, + input:-webkit-autofill:active { + transition: background-color 5000000s ease-in-out 0s; + } + + .calage { + display: none; + } + + .tab_logo_metier { + width: 100%; + padding-left: 3%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + padding-left: 5px; + border-radius: 10px; + float: left; + padding-bottom: 0.5rem; + padding-top: 5px; + } + + + .tab_critere_espace { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 3px; + gap: 10px; + + width: 100%; + //height: 1110px; + + /* White */ + + background: #FFFFFF; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_nos_service { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 10px; + position: absolute; + width: 96%; + height: 204px; + left: 2%; + top: 500px; + + } + + .block_nos_formation { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + //height: 2574px; + left: 10px; + right: 5px; + top: 530px; + width: 98%; + } + + .logo { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + position: absolute; + width: 108px; + height: 52px; + left: 20px; + top: 52px; + } + + .Menu_Header { + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 0px; + gap: 3px; + + position: absolute; + //width: 843px; + height: 56px; + right: 5px; + top: 50px; + } + + .Header_Content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + isolation: isolate; + + position: absolute; + width: 95%; + height: 367px; + left: 20px; + top: 156px; + } + + .Background_Header { + position: absolute; + width: 100%; + height: 452px; + left: 0px; + top: 0px; + + /* Beige */ + + background: #FFF5DA; + + } + + .Partner_Catalog_Background_Header { + position: absolute; + width: 100%; + height: 452px; + left: 0px; + top: 0px; + + } + + + .Logo_MySy { + width: 108px; + height: 36px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .training { + + width: 108px; + height: 12px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 900; + font-size: 10px; + line-height: 12px; + /* identical to box height */ + + letter-spacing: 0.83em; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .header_menu { + /* Les formations */ + + cursor: pointer; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .bar_vert { + + width: 1px; + height: 24px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 10px; + + /* Inside auto layout */ + + flex: none; + order: 4; + flex-grow: 0; + } + + .cta1 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 5px; + + width: 258px; + height: 56px; + + + /* Inside auto layout */ + + flex: none; + order: 6; + flex-grow: 0; + + } + + .cta2 { + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px; + gap: 10px; + + width: 116px; + height: 56px; + + /* Deep Blue */ + + border: 1px solid #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .cta3 { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px; + gap: 10px; + + width: 114px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + } + + + .minscrire { + cursor: pointer; + //width: 74px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 30px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + font-weight: normal; + font-size: 12px; + + } + + .meconnecter { + cursor: pointer; + //width: 102px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 30px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + font-weight: normal; + font-size: 12px; + } + + .rectangle_8 { + /* Rectangle 8 */ + + + position: absolute; + width: 50%; + height: 350px; + //left: 596px; + right: 2rem; + top: 0px; + + background: url("../../mysy_img2/img_header.png") no-repeat; + filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05)); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + z-index: 0; + } + + .content_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 100%; + height: 367px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + z-index: 1; + } + + .title_desc_header { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 636px; + height: 230px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title1 { + + text-align: center; + width: 60%; + height: 180px; + + text-align: left; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 35px; + line-height: 40px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title2 { + width: 60%; + height: 22px; + + text-align: left; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .search_bar_h { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 95%; + height: 113px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 5px 0px 5px; + gap: 72px; + + width: 100%; + height: 80px; + + /* White */ + + background: #FFFFFF; + box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_153 { + /* Frame 153 */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px 27px; + gap: 10px; + + width: 588px; + height: 17px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_153_txt { + width: 534px; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + display: flex; + align-items: center; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .input_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 10px; + + width: 100%; + height: 80px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .cta_recherche { + cursor: pointer; + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 3px; + gap: 10px; + + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .cta_recherche_txt { + width: 90px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 17px; + line-height: 30px; + /* identical to box height, or 176% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .search_dropdown { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + //width: 30%; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + width: 28%; + + } + + .search_bar_rectangle { + width: 1px; + height: 80px; + + background: rgba(0, 0, 0, 0.08); + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .search_text { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 70%; + height: 32px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .nos_serv_background { + position: absolute; + width: 1440px; + height: 436px; + left: 0px; + top: 452px; + + /* White */ + + background: #FFFFFF; + } + + .nos_serv_txt { + width: 100%; + height: 28px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 28px; + line-height: 38px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .nos_serv_list { + display: flex; + flex-direction: row; + justify-content: start; + align-items: center; + padding: 0px; + gap: 15px; + + width: 100%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv1 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 31%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .nos_serv_serv2 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 28%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv3 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 28%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .block_filter { + /* Block Filters */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 16px; + gap: 24px; + + width: 309px; + height: 1110px; + + /* White */ + + background: #FFFFFF; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_list_formation { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 947px; + height: 2486px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + margin-bottom: 3rem; + } + + .sous_filter_metier { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + width: 100%; + } + + .sous_filter_txt { + /* Les filtres */ + + + // width: 92px; + height: 24px; + letter-spacing: 1px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .sous_filter_separator { + width: 277px; + height: 0px; + + opacity: 0.08; + /* Deep Blue */ + + border: 1px solid #0A043C; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 12px; + + width: 277px; + height: 494px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_mertier { + /* Auto layout */ + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 277px; + height: 496px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .filter_valeur { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 100%; + height: 71px; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .filter_valeur_txt { + /* Eligible CPF */ + + + //width: 78px; + letter-spacing: 2px; + height: 19px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 19px; + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .filter_valeur_block_val { + /* List Checkbox */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 90%; + height: 48px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_133 { + /* Frame 133 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 20px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 1; + } + + .frame_133_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 50px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_radio { + /* Radio Button */ + + cursor: pointer; + + width: 16px; + height: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_txt { + /* Oui */ + + + width: 26px; + height: 22px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .frame_134 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 20px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_134_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 55px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_135 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 20px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_135_grp { + /* Checbox + Text */ + + margin-left: 10px; + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 30px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + + .filter_txt { + /* Les filtres */ + + + width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block { + /* Filter */ + + cursor: pointer; + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 10px; + gap: 10px; + + width: 95%; + height: 70px; + + /* White */ + + background: #FFFFFF; + border: 1px solid #DFDFDF; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + + } + + .filter_metier_sous_block_content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 12px; + + width: 180px; + height: 40px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_radio { + + /* Radio Button */ + + + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_txt { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 144px; + height: 40px; + + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_formation { + width: 144px; + height: 22px; + margin-top: 10px; + text-align: left; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_nb { + width: 85px; + height: 14px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + + /* Deep Blue */ + + color: #0A043C; + + opacity: 0.7; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .filter_metier_sous_block_plus_metier { + /* Icon + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 233px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_1 { + border: #0A043C solid; + width: 24px; + height: 24px; + + cursor: pointer; + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_2 { + width: 201px; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 15px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .block_actualite { + /* Actualité */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 100%; + height: 549px; + //left: 72px; + top: 4550px; + display: none; + } + + .block_actualite_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 100%; + height: 453px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_actualite_sous_block_text { + width: 261px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 30px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 90%; + height: 365px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + + } + + .block_list_actu_actu1 { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 23px; + + width: 32%; + height: 364px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_img { + width: 100%; + height: 250px; + + background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + //border: #0A043C solid 1px; + } + + .block_list_actu_actu1_date_text { + /* Date + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px 0px 0px 8px; + gap: 8px; + + //width: 344px; + height: 91px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_date { + width: 152px; + height: 19px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 19px; + text-transform: uppercase; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_txt { + + height: 64px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: medium; + line-height: 32px; + /* or 133% */ + + letter-spacing: -0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .pieddepage_v2 { + position: relative; + width: 100%; + //height: 450px; + left: 0px; + //top: 6300px; + top: 6000px; + background: #FFF5DA; + z-index: -1; + } + + .bton_tout_nos_article { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .bton_tout_nos_article_account_box { + display: none; + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .bton_tout_nos_article_txt { + //width: 156px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 20px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .block_partner { + /* Partner Block */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: center; + padding: 40px; + gap: 10px; + + position: absolute; + width: 95%; + height: 386px; + //top: 5100px; + top: 4750px; + + /* White */ + + background: #FFFFFF; + /* Shadow 01 */ + + box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); + border-radius: 8px; + + } + + .block_partner_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 24px; + + width: 100%; + height: 306px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 16px; + + width: 100%; + height: 226px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_logo { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 4px; + + width: 160px; + height: 76px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_desc { + width: 600px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 28px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_txt { + width: 100%; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_buton { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .logo_not_absolut { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .block_partner_sous_block_logo_desc_desc2 { + width: 100%; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .domaine_icone { + margin-top: 5px; + width: 10%; + } + + .domaine_icone_fa { + margin-top: 5px; + width: 5%; + cursor: pointer; + } + + + .fron_search { + border: none; + font-size: medium; + padding-right: 5px; + } + + .service1_img { + //position: absolute; + //width: 76px; + //height: 76px; + left: 0px; + top: 0px; + + background: #D6EBE4; + opacity: 1; + border-radius: 1rem; + margin-top: 1rem; + display: none; + } + + .service1_title_desc { + /* Title + Description */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 100%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .service1_title { + + width: 100%; + //height: 32px; + text-align: left; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + //line-height: 32px; + /* identical to box height, or 133% */ + + letter-spacing: 0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .service1_desc { + //width: 260px; + text-align: left; + height: 80px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 20px; + width: 100%; + /* or 143% */ + + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .img_service { + width: 100%; + height: 4rem; + border-radius: 1rem; + } + + .forma_et_tuto { + width: 99%; + margin-left: 5px; + height: 80px; + padding-top: 10px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + background: #F7F7F7; + } + + .forma_et_tuto_mobile { + display: none; + } + + .cta_publication { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 2px 2px; + gap: 5px; + + width: 120px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 12px; + } + + .cta_hebergement { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 2px 2px; + gap: 5px; + + width: 120px; + height: 56px; + + /* Deep Blue */ + + background: rebeccapurple; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 12px; + } + + .search_bar_2 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 5px 0px 5px; + gap: 1px; + + width: 100%; + height: 10px; + + + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + margin-bottom: 2rem !important; + text-align: left; + padding-left: 1rem; + + } + + .bton_ensavoir_plus { + border-radius: 5rem; + font-size: medium; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-top: 10px; + cursor: pointer; + } + + } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + /*style grande tablettes & Pc portable */ + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .align_gauche { + margin-left: 0rem; + width: 100%; + float: right; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + } + + .recherchefilter { + display: none; + } + + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .rech_container { + width: 90%; + height: 200px; + background: aqua; + margin: auto; + padding: 10px; + border-radius: 30px; + } + + .rech_leftbox { + float: left; + //border: 0px solid black; + border-width: 1px; + width: 35%; + height: 100%; + padding: 0.1rem; + border-radius: 1rem; + //margin-top: 1rem !important; + margin-bottom: 0.1rem; + font-family: "verdana", "Quicksand", "Signika", sans-serif !important; + background: white; + margin-left: 5px; + //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + margin-top: 0.5rem; + padding-left: 5px; + } + + .rech_middlebox { + float: left; + border-width: 2px; + width: 64%; + height: 100%; + margin: auto; + padding: 0rem; + border-radius: 30px; + margin-right: 0%; + padding-left: 1rem; + padding-right: 10px; + //background-color: #f8f9f9; + //overflow-y: scroll; + } + + .rech_rightbox { + /* float: right; + //border: 0px solid black; + border-width: 0px; + width: 20%; + height: 100%; + margin: auto; + padding: 0px; + border-radius: 0px; + margin-right: 0%; + overflow-y: scroll; + padding-top: 0.5rem;*/ + display: none; + } + + .rech_rightbox .button2 { + opacity: 1; + background: #619e31; + border: 1px; + outline: 0; + border-bottom: 2px solid transparent; + color: white; + font-size: medium !important; + border-radius: 1rem; + margin: 0px; + padding: 0px; + text-align: center; + margin-bottom: 0.5rem; + } + + .rech_rightbox_inside { + float: left; + width: 100%; + height: 100%; + margin: auto; + padding: 0px; + border-radius: 0px; + margin-right: 0%; + overflow-y: scroll; + height: 800px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: medium; + padding-right: 5px; + margin-right: 5px; + } + + .textsurimage { + color: rgb(218, 207, 207); + background-color: transparent; + font-size: 40pt; + text-align: center; + position: absolute; + top: 30%; + left: 50%; + transform: translate(-50%, -50%); + position: absolute; + } + + .rech_list_formation2 { + display: inline-block; + width: 100%; + height: auto; + padding: 1px; + outline: 1px solid #ccc; + //border: 1px solid #999; + margin: 0; + text-align: left; + border-radius: 10px; + margin-bottom: 10px; + background-color: white; + //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%); + + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + } + + .rech_list_formation2:hover { + -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); + box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); + } + + .textsurimage23 { + color: rgb(218, 207, 207); + background-color: transparent; + text-align: center; + position: absolute; + top: 20%; + left: 30%; + width: 30rem; + } + + .form-input { + border-radius: 10rem; + height: 2.8rem; + font-size: medium; + line-height: 1.5; + margin-bottom: 4px; + color: white; + border: 2px solid white; + background: transparent; + box-shadow: none; + } + + h4 { + display: inline-block; + font-size: x-large; + /*or whatever you want*/ + color: white; + } + + .default_font { + color: #3c4043; + display: inline-block; + line-height: 28px; + font-size: medium; + } + + .form { + font-size: medium; + width: 100%; + margin-left: auto; + margin-right: auto; + margin-bottom: 0.5rem; + position: relative; + margin-top: 1rem; + z-index: 11; + display: flex; + } + + .form span { + position: absolute; + right: 0.2rem; + top: 0.1rem; + padding: 2px; + border-left: 0.2rem solid white; + height: 2.7rem; + } + + form svg { + margin-top: 0.8rem !important; + cursor: pointer; + } + + .form span_clear { + position: absolute; + right: 1.5rem !important; + top: 0.1rem !important; + padding: 2px; + border-left: 0.2rem solid white !important; + height: 2.7rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .left-pan { + padding-left: 7px; + } + + .left-pan i { + padding-left: 10px; + } + + .containerBox { + position: relative; + display: inline-block; + margin-top: 0.5rem; + } + + .text-box { + position: absolute; + height: 100%; + text-align: center; + width: 100%; + } + + .text-box:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; + } + + .img_logo { + display: block; + height: auto; + margin-left: 0px; + margin-right: auto; + max-width: 20%; + max-height: 3rem; + } + + + .form-select { + height: 2.5rem !important; + border-radius: 0px; + font-size: small; + } + + + .mb-3 { + margin-bottom: 0.5rem !important; + font-size: small !important; + cursor: pointer; + } + + .input-group-text { + font-size: 0.8rem !important; + padding-left: 0px !important; + } + + .filter_span { + padding-top: 0.5rem; + padding-bottom: auto; + word-break: break-word; + margin-right: 0.5rem; + color: #104277; + font-size: 0.9rem; + white-space: nowrap; + width: 30%; + margin-top: 0.6rem; + } + + .filter_val { + padding-top: 0.1rem; + padding-bottom: auto; + word-break: break-word; + margin-right: 0.5rem; + font-size: 0.75rem; + white-space: nowrap; + border: none; + background: transparent; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + border: 0.1rem solid black; + border-radius: 0.3rem !important; + width: 65%; + margin-top: 0.3rem; + margin-right: 0px; + } + + .text_head { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.1rem; + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .div_row2 { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 0.1rem; + //border-radius: 1rem; + + z-index: 10; + min-height: 30rem; + } + + .div_row_haut { + float: left; + //border:1px solid black; + //border-width: 0.01rem; + width: 100%; + //border-radius: 1rem; + background-color: #3b3e40; + z-index: 10; + } + + .div_row_bas { + float: right; + width: 100%; + min-height: 100%; + height: 30rem; + + background-color: #e7f3fb; + z-index: 10; + background: url("../../mysy_img/mysy_home.jpg") no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + //border-bottom-left-radius: 25px; + //border-bottom-right-radius: 25px; + } + + .div_mobile { + z-index: -1; + width: 100%; + height: 100%; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + color: white !important; + margin-top: 5rem; + } + + .menuPrincipal_bton { + margin-left: 0.9rem; + font-family: "Quicksand", "Signika", "sans-serif"; + color: white; + float: right; + cursor: pointer; + text-align: right; + font-size: small; + border: 2px solid transparent; + white-space: nowrap; + text-transform: uppercase; + } + + .menuPrincipal { + margin-left: 0.8rem; + font-family: "Quicksand", "Signika", "sans-serif"; + color: white; + float: right; + cursor: pointer; + text-align: right; + font-size: small; + border: 2px solid transparent; + white-space: nowrap; + text-transform: uppercase; + padding-top: 0.2rem; + } + + .menuPrincipal:hover { + color: #81bc3a; + padding-left: 0; + transition: color 0.3s linear; + letter-spacing: 0.1rem; + text-decoration: solid; + text-underline-offset: 3px; + border-bottom-width: 1px; + border-bottom-style: solid; + text-decoration: underline; + } + + .div_001 { + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .div_002 { + float: left; + width: 50%; + text-align: left; + } + + .div_003 { + float: left; + width: 50%; + text-align: right; + color: white; + } + + .div_004 { + color: white; + width: 100%; + height: 0.1rem; + opacity: 100%; + margin-left: auto; + margin-right: auto; + float: left; + margin: 0.2rem; + } + + .div_005 { + width: 100%; + float: left; + } + + .hilightsoustitre { + background: #113459; + color: #fff; + display: block; + font-size: 0.9rem; + margin-bottom: 0.5rem; + letter-spacing: 0.15rem; + } + + .hilightsoustitre_v2 { + color: #3b3e40; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + background: #e9ecef; + border-radius: 5px; + background: #113459; + color: #fff; + margin-top: 0.5rem; + letter-spacing: 2px; + height: 2rem; + padding-top: 5px; + } + + .hilightsoustitre_v2_metier { + color: #3b3e40; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + background: #e9ecef; + border-radius: 5px; + background: #113459; + color: #fff; + letter-spacing: 2px; + margin-top: 3rem; + height: 2rem; + padding-top: 5px; + } + + .tab_gauche { + width: 50%; + float: left; + text-align: left; + } + + .tab_droite { + width: 50%; + float: right; + text-align: right; + } + + .tab_gauche_metier { + width: 48%; + float: left; + text-align: left; + } + + .tab_droite_metier { + width: 48%; + float: right; + text-align: right; + } + + .img_thematique_metier { + display: block; + border-radius: 10rem; + max-width: 360px; + } + + .met_polaroid_gauche { + width: 95%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .met_polaroid_gauche:hover { + transition-duration: 0.5s; + transform: scale(1.1); + box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); + } + + .met_polaroid_droite { + width: 100%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .met_polaroid_droite:hover { + transition-duration: 0.5s; + transform: scale(1.1); + box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); + } + + .met_container { + text-align: center; + padding: 1px 2px; + letter-spacing: 2px; + font-size: small; + color: #3b3e40; + font-weight: bold; + } + + .met_text { + margin-bottom: 0.1rem; + font-size: small; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + font-weight: bold; + } + + .met_text_larg { + margin-bottom: 0.1rem; + font-size: xx-small; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + } + + .met_text_all_categories { + margin-bottom: 0.1rem; + font-size: x-small; + margin-top: 1rem; + } + + .met_container_all_categories { + text-align: center; + padding: 1px 2px; + letter-spacing: 2px; + font-size: small; + color: #3b3e40; + height: 3rem; + } + + .met_polaroid_gauche_all_categories { + width: 100%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .tab_gauche_all_categories { + width: 100%; + float: left; + text-align: left; + } + + .img_categorie { + width: 100%; + border-top-right-radius: 12px; + border-radius: 12px; + padding: 5px; + } + + .h1_transparent { + color: transparent; + //color: red; + font-size: 0.1rem; + } + + .mymenu_item { + font-size: 0.7rem !important; + } + + .MuiMenuItem-root { + font-size: 0.7rem !important; + } + + .new_filter_zone { + float: left; + width: 35%; + display: flex; + align-items: center; + font-size: small; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + } + + .new_filter_zone_cerif_radio { + width: 30%; + float: left; + text-align: right; + font-size: smaller; + } + + .new_filter_zone_cerif_radio_right { + //width: 30%; + float: left; + text-align: left; + font-size: small; + padding-left: 5px; + } + + .new_filter_zone_cerif_radio_left { + //width: 30%; + float: left; + text-align: center; + font-size: small; + padding-right: 5px; + padding-left: 2px; + } + + .new_filter_zone_row { + width: 100%; + padding-right: 5px; + } + + .tick_ok_ko { + max-width: 50%; + } + + .new_filter_zone_prix { + margin-top: 0.7rem; + margin-bottom: 0.7rem; + padding-right: 10px; + } + + .middle { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.2rem; + + margin-left: auto; + margin-right: auto; + padding-top: 15%; + } + + input::placeholder { + color: white; + } + + .bienvenu { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: large; + color: white; + } + + .categorie { + padding-top: 15%; + width: 80%; + margin-left: auto; + margin-right: auto; + } + + .met_polaroid { + text-align: center; + margin-top: 9rem; + } + + .met_polaroid_line2 { + text-align: center; + margin-top: 1rem; + } + + .img_categorie_v2 { + border-radius: 5px; + background: white; + min-width: 3rem; + width: 8rem; + font-size: smaller; + border: 2px solid black; + box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24); + cursor: pointer; + outline: none; + transition: 0.2s all; + margin-right: 1rem; + } + + .img_categorie_v2:active { + transform: scale(1.1); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + /* Lowering the shadow */ + } + + .img_categorie_v2:hover { + transform: scale(1.1); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + /* Lowering the shadow */ + } + + input:-webkit-autofill, + input:-webkit-autofill:hover, + input:-webkit-autofill:focus, + input:-webkit-autofill:active { + transition: background-color 5000000s ease-in-out 0s; + } + + .calage { + display: none; + } + + .tab_logo_metier { + width: 100%; + padding-left: 5px; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + padding-left: 10px; + border-radius: 10px; + float: left; + padding-bottom: 0.5rem; + padding-top: 10px; + } + + + .tab_critere_espace { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 16px; + gap: 10px; + + width: 100%; + //height: 1110px; + + /* White */ + + background: #FFFFFF; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_nos_service { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 10px; + + position: absolute; + width: 97%; + height: 204px; + left: 20px; + top: 510px; + background: white; + + } + + .block_nos_formation { + //display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 96%; + //height: 2574px; + left: 2%; + top: 550px; + } + + .logo { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + position: absolute; + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .Menu_Header { + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 0px; + gap: 10px; + + position: absolute; + width: 843px; + height: 56px; + right: 5px; + top: 50px; + } + + .Header_Content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + isolation: isolate; + + position: absolute; + width: 95%; + height: 367px; + left: 5%; + top: 156px; + } + + .Background_Header { + position: absolute; + width: 100%; + height: 452px; + left: 0px; + top: 0px; + + /* Beige */ + + background: #FFF5DA; + + } + + .Partner_Catalog_Background_Header { + position: absolute; + width: 100%; + height: 452px; + left: 0px; + top: 0px; + + } + + .Logo_MySy { + width: 108px; + height: 36px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .training { + + width: 108px; + height: 12px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 900; + font-size: 10px; + line-height: 12px; + /* identical to box height */ + + letter-spacing: 0.83em; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .header_menu { + /* Les formations */ + cursor: pointer; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .bar_vert { + + width: 1px; + height: 24px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 10px; + + /* Inside auto layout */ + + flex: none; + order: 4; + flex-grow: 0; + } + + .cta1 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 288px; + height: 56px; + + + /* Inside auto layout */ + + flex: none; + order: 6; + flex-grow: 0; + + } + + .cta2 { + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 126px; + height: 56px; + + /* Deep Blue */ + + border: 1px solid #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .cta3 { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + } + + + .minscrire { + cursor: pointer; + //width: 74px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 30px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .meconnecter { + cursor: pointer; + //width: 102px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 30px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .rectangle_8 { + /* Rectangle 8 */ + + + position: absolute; + width: 500px; + height: 400px; + //left: 596px; + right: 1rem; + top: 0px; + + background: url("../../mysy_img2/img_header.png") no-repeat; + filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05)); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + z-index: 0; + } + + .content_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 900px; + height: 367px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + z-index: 1; + } + + .title_desc_header { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 636px; + height: 230px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title1 { + width: 60%; + text-align: left; + height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 44px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title2 { + width: 60%; + text-align: left; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .search_bar_h { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 100%; + height: 113px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 2px 0px 4px; + gap: 72px; + + width: 100%; + height: 80px; + + /* White */ + + background: #FFFFFF; + box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_153 { + /* Frame 153 */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px 27px; + gap: 10px; + + width: 100%; + height: 17px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_153_txt { + width: 50%; + height: 17px; + text-align: left; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + display: flex; + align-items: center; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .input_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 5px; + + width: 80%; + height: 80px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .cta_recherche { + cursor: pointer; + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 142px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .cta_recherche_txt { + width: 90px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 17px; + line-height: 30px; + /* identical to box height, or 176% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .search_dropdown { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 2px; + + //width: 211px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + width: 30%; + + } + + .search_bar_rectangle { + width: 1px; + height: 80px; + + background: rgba(0, 0, 0, 0.08); + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .search_text { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 93%; + height: 32px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .nos_serv_background { + position: absolute; + width: 1440px; + height: 436px; + left: 0px; + top: 452px; + + /* White */ + + background: #FFFFFF; + } + + .nos_serv_txt { + width: 227px; + height: 28px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 30px; + line-height: 38px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .nos_serv_list { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 0px; + gap: 56px; + + width: 95%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv1 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .nos_serv_serv2 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv3 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .block_filter { + /* Block Filters */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 16px; + gap: 24px; + + width: 309px; + height: 1110px; + + /* White */ + + background: #FFFFFF; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_list_formation { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 947px; + height: 2486px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + margin-bottom: 3rem; + } + + .sous_filter_metier { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + width: 100%; + } + + .sous_filter_txt { + /* Les filtres */ + + + // width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .sous_filter_separator { + width: 277px; + height: 0px; + + opacity: 0.08; + /* Deep Blue */ + + border: 1px solid #0A043C; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 12px; + + width: 277px; + height: 494px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_mertier { + /* Auto layout */ + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 277px; + height: 496px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .filter_valeur { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 100%; + height: 71px; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .filter_valeur_txt { + /* Eligible CPF */ + + + //width: 78px; + letter-spacing: 2px; + height: 19px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 19px; + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .filter_valeur_block_val { + /* List Checkbox */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 100%; + height: 48px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_133 { + /* Frame 133 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 90px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 1; + } + + .frame_133_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 50px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_radio { + /* Radio Button */ + + cursor: pointer; + width: 16px; + height: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_txt { + /* Oui */ + + + width: 26px; + height: 22px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .frame_134 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 90px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_134_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 55px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_135 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 50px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_135_grp { + /* Checbox + Text */ + + margin-left: 10px; + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 30px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + + .filter_txt { + /* Les filtres */ + + + width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block { + /* Filter */ + + //cursor: pointer; + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 16px; + gap: 10px; + + width: 90%; + height: 72px; + + /* White */ + + background: #FFFFFF; + border: 1px solid #DFDFDF; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + + } + + .filter_metier_sous_block_content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 12px; + + width: 180px; + height: 40px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_radio { + + /* Radio Button */ + + + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_txt { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 144px; + height: 40px; + + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_formation { + width: 144px; + height: 22px; + + text-align: left; + margin-top: 10px; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_nb { + width: 85px; + height: 14px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + + /* Deep Blue */ + + color: #0A043C; + + opacity: 0.7; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .filter_metier_sous_block_plus_metier { + /* Icon + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 233px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_1 { + border: #0A043C solid; + width: 24px; + height: 24px; + + cursor: pointer; + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_2 { + width: 201px; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .block_actualite { + /* Actualité */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 100%; + height: 549px; + //left: 72px; + top: 4450px; + display: none; + } + + .block_actualite_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 100%; + height: 453px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_actualite_sous_block_text { + width: 261px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 95%; + height: 365px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + + } + + .block_list_actu_actu1 { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 23px; + + width: 32%; + height: 364px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_img { + width: 100%; + height: 250px; + + background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + //border: #0A043C solid 1px; + } + + .block_list_actu_actu1_date_text { + /* Date + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px 0px 0px 8px; + gap: 8px; + + //width: 344px; + height: 91px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_date { + width: 152px; + height: 19px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 19px; + text-transform: uppercase; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_txt { + + height: 64px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: medium; + line-height: 32px; + /* or 133% */ + + letter-spacing: -0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .pieddepage_v2 { + position: relative; + width: 100%; + //height: 450px; + left: 0px; + //top: 6200px; + top: 5850px; + background: #FFF5DA; + z-index: -1; + + } + + .bton_tout_nos_article { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .bton_tout_nos_article_account_box { + display: none; + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .bton_tout_nos_article_txt { + //width: 156px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .block_partner { + /* Partner Block */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: center; + padding: 40px; + gap: 10px; + + position: absolute; + width: 90%; + height: 386px; + left: 72px; + //top: 5000px; + top: 4650px; + + /* White */ + + background: #FFFFFF; + /* Shadow 01 */ + + box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); + border-radius: 8px; + + } + + .block_partner_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 24px; + + width: 858px; + height: 306px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 16px; + + width: 858px; + height: 226px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_logo { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 4px; + + width: 160px; + height: 76px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_desc { + width: 600px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 28px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_txt { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_buton { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .logo_not_absolut { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .block_partner_sous_block_logo_desc_desc2 { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .domaine_icone { + margin-top: 5px; + } + + .domaine_icone_fa { + margin-top: 5px; + margin-right: 5px; + cursor: pointer; + } + + .fron_search { + border: none; + font-size: medium; + padding-right: 5px; + } + + .service1_img { + //position: absolute; + //width: 76px; + //height: 76px; + left: 0px; + top: 0px; + + background: #D6EBE4; + opacity: 1; + border-radius: 1rem; + margin-top: 1rem; + } + + .service1_title_desc { + /* Title + Description */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 60%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .service1_title { + + width: 100%; + height: 62px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 18px; + line-height: 25px; + /* identical to box height, or 133% */ + + letter-spacing: 0.3px; + text-align: left; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .service1_desc { + //width: 260px; + text-align: left; + height: 80px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 20px; + /* or 143% */ + + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .img_service { + width: 100%; + height: 4rem; + border-radius: 1rem; + } + + .forma_et_tuto { + width: 99%; + margin-left: 5px; + height: 80px; + padding-top: 10px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + background: #F7F7F7; + } + + .forma_et_tuto_mobile { + display: none; + } + + .cta_publication { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 2px 2px; + gap: 10px; + + width: 130px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-size: 12px; + font-weight: 600; + } + + + .cta_hebergement { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 130px; + height: 56px; + + /* Deep Blue */ + + background: rebeccapurple; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-size: 12px; + font-weight: 600; + } + + .search_bar_2 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 2px 0px 4px; + gap: 1px; + + width: 100%; + height: 10px; + + + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + margin-bottom: 2rem !important; + text-align: left; + padding-left: 1rem; + + } + + .bton_ensavoir_plus { + border-radius: 5rem; + font-size: medium; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 90%; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-top: 10px; + cursor: pointer; + } + + } + + @media only screen and (min-width: 1200px) and (max-width: 1919px) { + + /* Ordi de bureau et grands ecrans*/ + .align_gauche { + margin-left: 0rem; + width: 100%; + float: right; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + } + + .recherchefilter { + display: none; + } + + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .rech_container { + width: 90%; + height: 200px; + background: aqua; + margin: auto; + padding: 10px; + border-radius: 30px; + } + + .rech_leftbox { + float: left; + //border: 0px solid black; + border-width: 1px; + width: 24%; + height: 100%; + padding: 0.5rem; + //border-radius: 1rem; + //margin-top: 1rem !important; + margin-bottom: 0.1rem; + font-size: small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif !important; + background: #F7F7F7; + margin-left: 5px; + //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding-left: 5px; + } + + .rech_middlebox { + float: left; + border-width: 2px; + width: 75%; + height: 100%; + margin: auto; + padding: 0rem; + //border-radius: 30px; + margin-right: 0%; + padding-left: 1rem; + padding-right: 10px; + background: #F7F7F7; + //background-color: #f8f9f9; + //overflow-y:scroll; + } + + .rech_rightbox { + /* float: right; + //border-left: 0px solid black; + width: 20%; + height: 100%; + margin: 0px; + padding: 0px; + border-radius: 0px; + margin-right: 0%; + height: 100%; + margin-top: 0.5rem !important;*/ + display: none; + } + + .rech_rightbox .button2 { + opacity: 1; + background: #619e31; + border: 1px; + outline: 0; + border-bottom: 2px solid transparent; + color: white; + font-size: medium !important; + border-radius: 1rem; + margin: 0px; + padding: 0px; + text-align: center; + margin-bottom: 0.5rem; + } + + .rech_rightbox_inside { + float: left; + width: 100%; + height: 100%; + margin: auto; + padding: 0px; + border-radius: 0px; + margin-right: 0%; + overflow-y: scroll; + height: 800px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-right: 5px; + margin-right: 5px; + } + + .textsurimage { + color: rgb(218, 207, 207); + background-color: transparent; + font-size: 40pt; + text-align: center; + position: absolute; + top: 30%; + left: 50%; + transform: translate(-50%, -50%); + position: absolute; + } + + .rech_list_formation2 { + display: inline-block; + width: 100%; + background-color: white; + height: auto; + padding: 1px; + outline: 1px solid #ccc; + //border: 1px solid #999; + margin: 0; + text-align: left; + border-radius: 10px; + margin-bottom: 10px; + background-color: white; + //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%); + + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + } + + .rech_list_formation2:hover { + -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); + box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); + } + + .textsurimage23 { + color: rgb(218, 207, 207); + background-color: transparent; + text-align: center; + position: absolute; + top: 20%; + left: 40%; + } + + h4 { + display: inline-block; + font-size: xx-large; + /*or whatever you want*/ + color: white; + } + + .default_font { + color: #3c4043; + display: inline-block; + line-height: 28px; + font-size: medium; + } + + .form-input { + border-radius: 10rem; + height: 3rem; + font-size: medium; + line-height: 1.5; + margin-bottom: 4px; + color: white; + border: 2.5px solid white; + background: transparent; + box-shadow: none; + } + + .form { + font-size: medium; + width: 100%; + margin-left: auto; + margin-right: auto; + position: relative; + + z-index: 11; + height: 3rem; + display: flex; + } + + .form span { + position: absolute; + right: 0.2rem; + top: 0.1rem; + padding: 2px; + border-left: 0.2rem solid white; + height: 2.9rem; + } + + .form span_clear { + position: absolute; + right: 1.5rem !important; + top: 0.1rem !important; + padding: 2px; + border-left: 0.2rem solid white !important; + height: 2.9rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + form svg { + margin-top: 0.8rem !important; + cursor: pointer; + } + + .left-pan { + padding-left: 7px; + } + + .left-pan i { + padding-left: 10px; + } + + .containerBox { + position: fixed; + margin-top: 0.5rem; + height: 10rem; + border: 0.2rem solid #0d0e10; + width: 100%; + background-color: #999; + } + + .containerBox0 { + float: left; + width: 30%; + } + + .text_head_droite { + color: #3b3e40; + font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + font-weight: bold; + text-align: right; + } + + .text_head_gauche { + color: #3b3e40; + font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + font-weight: bold; + text-align: left; + } + + .text_head { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.2rem; + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .text-box { + position: absolute; + height: 100%; + text-align: center; + width: 100%; + } + + .text-box:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; + } + + .img_logo { + display: block; + height: auto; + margin-left: 0px; + margin-right: auto; + max-width: 18%; + max-height: 3rem; + } + + .form-select { + height: 2.5rem !important; + border-radius: 0px; + font-size: small; + } + + .mb-3 { + margin-bottom: 0.7rem !important; + font-size: xx-small !important; + cursor: pointer; + } + + .input-group-text { + font-size: x-small !important; + padding-left: 0px !important; + } + + .filter_span { + padding-top: 0.5rem; + padding-bottom: auto; + word-break: break-word; + margin-right: 0.5rem; + color: #104277; + font-size: 0.9rem; + white-space: nowrap; + width: 30%; + margin-top: 0.5rem; + } + + .filter_val { + padding-top: 0.1rem; + padding-bottom: auto; + word-break: break-word; + margin-right: 0.5rem; + font-size: 0.9rem; + white-space: nowrap; + border: none; + background: transparent; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + border: 0.1rem solid black; + border-radius: 0.3rem !important; + width: 65%; + margin-top: 0.3rem; + margin-right: 0px; + } + + .div_row2 { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 0.1rem; + //border-radius: 1rem; + + z-index: 10; + //min-height: 30rem; + } + + .div_row_haut { + float: left; + //border:1px solid black; + //border-width: 0.01rem; + width: 100%; + //border-radius: 1rem; + background-color: #3b3e40; + z-index: 10; + } + + .div_row_bas { + float: right; + width: 100%; + min-height: 100%; + //height: 35rem; + + background-color: #e7f3fb; + z-index: 10; + background: url("../../mysy_img/mysy_home.jpg") no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + //border-bottom-left-radius: 25px; + //border-bottom-right-radius: 25px; + } + + .div_mobile { + z-index: -1; + width: 100%; + height: 100%; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + color: white !important; + margin-top: 5rem; + } + + .menuPrincipal_bton { + margin-left: 0.9rem; + font-family: "Quicksand", "Signika", "sans-serif"; + color: white; + float: right; + cursor: pointer; + text-align: right; + font-size: small; + border: 2px solid transparent; + white-space: nowrap; + text-transform: uppercase; + } + + .menuPrincipal { + margin-left: 0.9rem; + font-family: "Quicksand", "Signika", "sans-serif"; + color: white; + float: right; + cursor: pointer; + text-align: right; + font-size: small; + border: 2px solid transparent; + white-space: nowrap; + text-transform: uppercase; + padding-top: 0.2rem; + } + + .menuPrincipal:hover { + color: #81bc3a; + padding-left: 0; + transition: color 0.3s linear; + letter-spacing: 0.1rem; + text-decoration: solid; + text-underline-offset: 3px; + border-bottom-width: 1px; + border-bottom-style: solid; + text-decoration: underline; + } + + .div_001 { + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .div_002 { + float: left; + width: 50%; + text-align: left; + } + + .div_003 { + float: left; + width: 50%; + text-align: right; + color: white; + } + + .div_004 { + color: white; + width: 100%; + height: 0.25rem; + opacity: 100%; + margin-left: auto; + margin-right: auto; + float: left; + margin: 0.2rem; + } + + .div_005 { + width: 100%; + float: left; + } + + .hilightsoustitre { + background: #113459; + color: #fff; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + letter-spacing: 0.2rem; + } + + .hilightsoustitre_v2 { + color: #3b3e40; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + background: #e9ecef; + border-radius: 5px; + background: #113459; + color: #fff; + letter-spacing: 2px; + height: 2rem; + padding-top: 5px; + } + + .hilightsoustitre_v2_metier { + color: #3b3e40; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + background: #e9ecef; + border-radius: 5px; + background: #113459; + color: #fff; + letter-spacing: 2px; + margin-top: 4rem; + height: 2rem; + padding-top: 5px; + } + + .tab_gauche { + width: 50%; + float: left; + text-align: left; + } + + .tab_droite { + width: 50%; + float: right; + text-align: right; + } + + .tab_gauche_metier { + width: 30%; + float: left; + text-align: left; + margin-right: 2%; + max-width: 30% !important; + min-width: 30% !important; + } + + .tab_droite_metier { + width: 50%; + float: right; + text-align: right; + } + + .img_thematique_metier { + display: block; + border-radius: 10rem; + max-width: 360px; + } + + .met_polaroid_gauche { + width: 100%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .met_polaroid_gauche:hover { + transition-duration: 0.5s; + transform: scale(1.1); + box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); + } + + .met_polaroid_droite { + width: 97%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + margin-left: 3%; + cursor: pointer; + border-radius: 12px; + } + + .met_polaroid_droite:hover { + transition-duration: 0.5s; + transform: scale(1.1); + box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); + } + + .met_container { + text-align: center; + padding: 1px 2px; + letter-spacing: 2px; + font-size: small; + color: #3b3e40; + font-weight: bold; + } + + .met_text { + margin-bottom: 0.1rem; + font-size: small; + font-weight: normal; + white-space: nowrap; + overflow: hidden; + letter-spacing: 1px; + //font-weight: bold; + } + + .met_text_larg { + margin-bottom: 0.1rem; + font-size: xx-small; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + } + + .met_text_all_categories { + margin-bottom: 0.1rem; + font-size: x-small; + margin-top: 1rem; + } + + .met_container_all_categories { + text-align: center; + padding: 1px 2px; + letter-spacing: 2px; + font-size: small; + color: #3b3e40; + height: 3rem; + } + + .met_polaroid_gauche_all_categories { + width: 100%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .tab_gauche_all_categories { + width: 100%; + float: left; + text-align: left; + } + + .img_categorie { + width: 100%; + border-top-right-radius: 12px; + border-radius: 12px; + padding: 5px; + } + + .h1_transparent { + color: transparent; + //color: red; + font-size: 0.1rem; + } + + .mymenu_item { + font-size: 0.8rem !important; + } + + .MuiMenuItem-root { + font-size: 0.8rem !important; + } + + .new_filter_zone { + float: left; + width: 35%; + display: flex; + align-items: center; + font-size: small; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + } + + .new_filter_zone_cerif_radio { + width: 30%; + float: left; + text-align: right; + font-size: smaller; + } + + .new_filter_zone_cerif_radio_right { + //width: 30%; + float: left; + text-align: left; + font-size: small; + padding-left: 5px; + } + + .new_filter_zone_cerif_radio_left { + //width: 30%; + float: left; + text-align: center; + font-size: small; + padding-right: 15px; + padding-left: 2px; + min-width: 30%; + } + + .new_filter_zone_row { + height: 3.5rem; + width: 100%; + padding-right: 5px; + } + + .tick_ok_ko { + max-width: 55%; + } + + .new_filter_zone_prix { + margin-bottom: 1.2rem; + margin-top: 1.2rem; + padding-right: 15px; + } + + .middle { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.2rem; + + margin-left: auto; + margin-right: auto; + padding-top: 15%; + } + + input::placeholder { + color: white; + } + + .bienvenu { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: x-large; + color: white; + } + + .categorie { + padding-top: 15%; + width: 80%; + margin-left: auto; + margin-right: auto; + } + + .met_polaroid { + text-align: center; + margin-top: 9rem; + } + + .met_polaroid_line2 { + text-align: center; + margin-top: 1rem; + margin-bottom: 1rem; + } + + .img_categorie_v2 { + border-radius: 5px; + background: white; + min-width: 3rem; + width: 9rem; + font-size: small; + border: 5px solid black; + box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24); + cursor: pointer; + outline: none; + transition: 0.2s all; + margin-right: 1.5rem; + } + + .img_categorie_v2:active { + transform: scale(1.1); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + /* Lowering the shadow */ + } + + .img_categorie_v2:hover { + transform: scale(1.1); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + /* Lowering the shadow */ + } + + input:-webkit-autofill, + input:-webkit-autofill:hover, + input:-webkit-autofill:focus, + input:-webkit-autofill:active { + transition: background-color 5000000s ease-in-out 0s; + } + + .calage { + width: 2%; + } + + .tab_logo_metier { + width: 100%; + padding-left: 5px; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + padding-left: 10px; + border-radius: 10px; + padding-top: 10px; + } + + .tab_critere_espace { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 16px; + gap: 20px; + + width: 100%; + //height: 1110px; + + /* White */ + + background: #FFFFFF; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_nos_service { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 20px; + + position: absolute; + width: 96%; + height: 204px; + left: 2%; + top: 510px; + + } + + .block_nos_formation { + // display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 96%; + //height: 2574px; + left: 2%; + top: 550px; + } + + .logo { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + position: absolute; + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .Menu_Header { + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 0px; + gap: 24px; + + position: absolute; + width: 843px; + height: 56px; + right: 72px; + top: 50px; + } + + .Header_Content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + isolation: isolate; + + position: absolute; + width: 95%; + height: 367px; + left: 5%; + top: 156px; + } + + .Background_Header { + position: absolute; + width: 100%; + height: 452px; + left: 0px; + top: 0px; + + /* Beige */ + + background: #FFF5DA; + + } + + .Partner_Catalog_Background_Header { + position: absolute; + width: 100%; + height: 452px; + left: 0px; + top: 0px; + + } + + + .Logo_MySy { + width: 108px; + height: 36px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .training { + + width: 108px; + height: 12px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 900; + font-size: 10px; + line-height: 12px; + /* identical to box height */ + + letter-spacing: 0.83em; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .header_menu { + /* Les formations */ + cursor: pointer; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 17px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .bar_vert { + + width: 1px; + height: 24px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 10px; + + /* Inside auto layout */ + + flex: none; + order: 4; + flex-grow: 0; + } + + .cta1 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 288px; + height: 56px; + + + /* Inside auto layout */ + + flex: none; + order: 6; + flex-grow: 0; + + } + + .cta2 { + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 126px; + height: 56px; + + /* Deep Blue */ + + border: 1px solid #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .cta3 { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + } + + + .minscrire { + cursor: pointer; + //width: 74px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 30px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .meconnecter { + cursor: pointer; + width: 112px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 30px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .rectangle_8 { + /* Rectangle 8 */ + + + position: absolute; + width: 500px; + height: 400px; + //left: 596px; + right: 5%; + top: 0px; + + background: url("../../mysy_img2/img_header.png") no-repeat; + filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05)); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + z-index: 0; + } + + .content_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 80%; + height: 367px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + z-index: 1; + } + + .title_desc_header { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 636px; + height: 230px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title1 { + width: 90%; + text-align: left; + height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 50px; + line-height: 54px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title2 { + width: 90%; + text-align: left; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .search_bar_h { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 10px; + + width: 100%; + height: 113px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 12px 0px 24px; + gap: 72px; + + width: 100%; + height: 80px; + + /* White */ + + background: #FFFFFF; + box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_153 { + /* Frame 153 */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px 27px; + gap: 10px; + + width: 588px; + height: 17px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_153_txt { + width: 534px; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + display: flex; + align-items: center; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .input_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 24px; + + width: 100%; + height: 80px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .cta_recherche { + cursor: pointer; + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 142px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .cta_recherche_txt { + width: 90px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 17px; + line-height: 30px; + /* identical to box height, or 176% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .search_dropdown { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 20%; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .search_bar_rectangle { + width: 1px; + height: 80px; + + background: rgba(0, 0, 0, 0.08); + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .search_text { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 75%; + height: 32px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .nos_serv_background { + position: absolute; + width: 1440px; + height: 436px; + left: 0px; + top: 452px; + + /* White */ + + background: #FFFFFF; + } + + .nos_serv_txt { + width: 227px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .nos_serv_list { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 0px; + gap: 56px; + + width: 95%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv1 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .nos_serv_serv2 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv3 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .block_filter { + /* Block Filters */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 16px; + gap: 24px; + + width: 309px; + height: 1110px; + + /* White */ + + background: #FFFFFF; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_list_formation { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 947px; + height: 2486px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + margin-bottom: 3rem; + } + + .sous_filter_metier { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + width: 100%; + } + + .sous_filter_txt { + /* Les filtres */ + + + // width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .sous_filter_separator { + width: 277px; + height: 0px; + + opacity: 0.08; + /* Deep Blue */ + + border: 1px solid #0A043C; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 12px; + + width: 277px; + height: 494px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_mertier { + /* Auto layout */ + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 277px; + height: 496px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .filter_valeur { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 100%; + height: 71px; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .filter_valeur_txt { + /* Eligible CPF */ + + + //width: 78px; + letter-spacing: 2px; + height: 19px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 19px; + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .filter_valeur_block_val { + /* List Checkbox */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 100%; + height: 48px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_133 { + /* Frame 133 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 90px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 1; + } + + .frame_133_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 50px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_radio { + /* Radio Button */ + + cursor: pointer; + width: 16px; + height: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_txt { + /* Oui */ + + + width: 26px; + height: 22px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .frame_134 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 90px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_134_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 55px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_135 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 50px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_135_grp { + /* Checbox + Text */ + + margin-left: 10px; + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 30px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + + .filter_txt { + /* Les filtres */ + + + width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block { + /* Filter */ + + //cursor: pointer; + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 16px; + gap: 10px; + + width: 90%; + height: 72px; + + /* White */ + + background: #FFFFFF; + border: 1px solid #DFDFDF; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + + } + + .filter_metier_sous_block_content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 12px; + + width: 180px; + height: 40px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_radio { + + /* Radio Button */ + + + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_txt { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 144px; + height: 40px; + + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_formation { + width: 144px; + height: 22px; + + text-align: left; + margin-top: 10px; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_nb { + width: 85px; + height: 14px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + + /* Deep Blue */ + + color: #0A043C; + + opacity: 0.7; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .filter_metier_sous_block_plus_metier { + /* Icon + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 233px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_1 { + border: #0A043C solid; + width: 24px; + height: 24px; + + cursor: pointer; + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_2 { + width: 201px; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .block_actualite { + /* Actualité */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 100%; + height: 549px; + //left: 72px; + top: 4150px; + display: none; + } + + .block_actualite_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 100%; + height: 453px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_actualite_sous_block_text { + width: 261px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 95%; + height: 365px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + + } + + .block_list_actu_actu1 { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 23px; + + width: 32%; + height: 364px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_img { + width: 100%; + height: 250px; + + background: url(https://img.mysy-training.com/img_actu1.png) no-repeat; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + //border: #0A043C solid 1px; + } + + .block_list_actu_actu1_date_text { + /* Date + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px 0px 0px 8px; + gap: 8px; + + //width: 344px; + height: 91px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_date { + width: 152px; + height: 19px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 19px; + text-transform: uppercase; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_txt { + + height: 64px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: medium; + line-height: 32px; + /* or 133% */ + + letter-spacing: -0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .pieddepage_v2 { + position: relative; + width: 100%; + //height: 450px; + left: 0px; + //top: 5850px; + top: 5650px; + background: #FFF5DA; + z-index: -1; + + } + + .bton_tout_nos_article { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .bton_tout_nos_article_account_box { + display: none; + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .bton_tout_nos_article_txt { + //width: 156px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .block_partner { + /* Partner Block */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: center; + padding: 40px; + gap: 10px; + + position: absolute; + width: 90%; + height: 386px; + left: 72px; + //top: 4750px; + top: 4450px; + ; + + /* White */ + + background: #FFFFFF; + /* Shadow 01 */ + + box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); + border-radius: 8px; + + } + + .block_partner_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 24px; + + width: 858px; + height: 306px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 16px; + + width: 858px; + height: 226px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_logo { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 4px; + + width: 160px; + height: 76px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_desc { + width: 600px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 28px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_txt { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_buton { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .logo_not_absolut { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .block_partner_sous_block_logo_desc_desc2 { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .form-select { + height: 2.5rem !important; + border-radius: 0px; + font-size: small; + } + + .domaine_icone { + margin-top: 5px; + } + + .domaine_icone_fa { + margin-top: 5px; + margin-right: 5px; + cursor: pointer; + } + + .fron_search { + border: none; + font-size: medium; + padding-right: 5px; + } + + // -- 07/01 + .service1_img { + //position: absolute; + //width: 76px; + //height: 76px; + left: 0px; + top: 0px; + + background: #D6EBE4; + opacity: 1; + border-radius: 1rem; + margin-top: 1rem; + } + + .service1_title_desc { + /* Title + Description */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 70%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .service1_title { + + width: 100%; + //height: 32px; + text-align: left; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 20px; + line-height: 32px; + /* identical to box height, or 133% */ + + letter-spacing: -0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .service1_desc { + //width: 260px; + text-align: left; + height: 80px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 20px; + /* or 143% */ + + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .img_service { + width: 100%; + height: 4rem; + border-radius: 1rem; + } + + + .forma_et_tuto { + width: 99%; + margin-left: 5px; + height: 80px; + padding-top: 10px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + background: #F7F7F7; + } + + .forma_et_tuto_mobile { + display: none; + } + + .cta_publication { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 14px; + } + + .cta_hebergement { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: rebeccapurple; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 14px; + } + + .search_bar_2 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 1px 0px 2px; + gap: 72px; + + width: 100%; + height: 10px; + + /* White */ + + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + margin-bottom: 2rem !important; + text-align: left; + padding-left: 1rem; + } + + .bton_ensavoir_plus { + border-radius: 5rem; + font-size: medium; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-top: 10px; + cursor: pointer; + } + + } + + @media only screen and (min-width: 1920px) { + .calage { + width: 2%; + } + + /* Ordi de bureau et grands ecrans*/ + .align_gauche { + margin-left: 0rem; + width: 100%; + float: right; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + } + + .recherchefilter { + display: none; + } + + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .rech_container { + width: 90%; + height: 200px; + background: aqua; + margin: auto; + padding: 10px; + border-radius: 30px; + } + + .rech_leftbox { + float: left; + //border: 0px solid black; + border-width: 1px; + width: 24%; + height: 100%; + padding: 0.5rem; + border-radius: 1rem; + //margin-top: 1rem !important; + margin-bottom: 0.1rem; + font-size: small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif !important; + background: white; + margin-left: 5px; + // -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding-left: 5px; + } + + .rech_middlebox { + float: left; + border-width: 2px; + width: 75%; + height: 100%; + margin: auto; + padding: 0rem; + border-radius: 30px; + margin-right: 0%; + padding-left: 1rem; + padding-right: 10px; + //background-color: #f8f9f9; + //overflow-y:scroll; + } + + .rech_rightbox { + /* float: right; + //border-left: 0px solid black; + width: 20%; + height: 100%; + margin: 0px; + padding: 0px; + border-radius: 0px; + margin-right: 0%; + height: 100%; + margin-top: 0.5rem !important;*/ + display: none; + } + + .rech_rightbox .button2 { + opacity: 1; + background: #619e31; + border: 1px; + outline: 0; + border-bottom: 2px solid transparent; + color: white; + font-size: medium !important; + border-radius: 1rem; + margin: 0px; + padding: 0px; + text-align: center; + margin-bottom: 0.5rem; + } + + .rech_rightbox_inside { + float: left; + width: 100%; + height: 100%; + margin: auto; + padding: 0px; + border-radius: 0px; + margin-right: 0%; + overflow-y: scroll; + height: 800px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-right: 5px; + margin-right: 5px; + } + + .textsurimage { + color: rgb(218, 207, 207); + background-color: transparent; + font-size: 40pt; + text-align: center; + position: absolute; + top: 30%; + left: 50%; + transform: translate(-50%, -50%); + position: absolute; + } + + .rech_list_formation2 { + display: inline-block; + width: 100%; + background-color: white; + height: auto; + padding: 1px; + outline: 1px solid #ccc; + //border: 1px solid #999; + margin: 0; + text-align: left; + border-radius: 10px; + margin-bottom: 10px; + background-color: white; + //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%); + + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + } + + .rech_list_formation2:hover { + -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); + box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%); + } + + .textsurimage23 { + color: rgb(218, 207, 207); + background-color: transparent; + text-align: center; + position: absolute; + top: 20%; + left: 40%; + } + + h4 { + display: inline-block; + font-size: xx-large; + /*or whatever you want*/ + color: white; + } + + .default_font { + color: #3c4043; + display: inline-block; + line-height: 28px; + font-size: medium; + } + + .form-input { + border-radius: 10rem; + height: 3rem; + font-size: medium; + line-height: 1.5; + margin-bottom: 4px; + color: white; + border: 2.5px solid white; + background: transparent; + box-shadow: none; + } + + .form { + font-size: medium; + width: 100%; + margin-left: 0; + margin-right: 0; + margin-bottom: 0.5rem; + position: relative; + margin-top: 1rem; + z-index: 11; + display: flex; + } + + .form span { + position: absolute; + right: 0.2rem; + top: 0.1rem; + padding: 2px; + border-left: 0.2rem solid white; + height: 3rem; + } + + .form span_clear { + position: absolute; + right: 1.5rem !important; + top: 0.1rem !important; + padding: 2px; + border-left: 0.2rem solid white !important; + height: 3rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + form svg { + margin-top: 0.8rem !important; + height: 1.5rem !important; + cursor: pointer; + } + + .left-pan { + padding-left: 7px; + } + + .left-pan i { + padding-left: 10px; + } + + .containerBox { + position: fixed; + margin-top: 0.5rem; + height: 10rem; + border: 0.2rem solid #0d0e10; + width: 100%; + background-color: #999; + } + + .containerBox0 { + float: left; + width: 30%; + } + + .text_head_droite { + color: #3b3e40; + font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + font-weight: bold; + text-align: right; + } + + .text_head_gauche { + color: #3b3e40; + font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + font-weight: bold; + text-align: left; + } + + .text_head { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.2rem; + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .text-box { + position: absolute; + height: 100%; + text-align: center; + width: 100%; + } + + .text-box:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; + } + + .img_logo { + display: block; + height: auto; + margin-left: 0px; + margin-right: auto; + max-width: 18%; + max-height: 3rem; + } + + .form-select { + height: 2.5rem !important; + border-radius: 0px; + font-size: small; + } + + .mb-3 { + margin-bottom: 0.7rem !important; + font-size: xx-small !important; + cursor: pointer; + } + + .input-group-text { + font-size: x-small !important; + padding-left: 0px !important; + } + + .filter_span { + padding-top: 0.3rem; + padding-bottom: auto; + word-break: break-word; + margin-right: 0.5rem; + color: #104277; + font-size: 0.75rem; + white-space: nowrap; + width: 30%; + margin-top: 0.3rem; + } + + .filter_val { + padding-top: 0.1rem; + padding-bottom: auto; + word-break: break-word; + margin-right: 0.5rem; + font-size: 0.9rem; + white-space: nowrap; + border: none; + background: transparent; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + border: 0.1rem solid black; + border-radius: 0.3rem !important; + width: 65%; + margin-top: 0.3rem; + margin-right: 0px; + } + + .div_row2 { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 0.1rem; + //border-radius: 1rem; + + z-index: 10; + min-height: 30rem; + } + + .div_row_haut { + float: left; + //border:1px solid black; + //border-width: 0.01rem; + width: 100%; + //border-radius: 1rem; + background-color: #3b3e40; + z-index: 10; + } + + .div_mobile { + z-index: -1; + width: 100%; + height: 100%; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + color: white !important; + margin-top: 5rem; + } + + .menuPrincipal_bton { + margin-left: 0.9rem; + font-family: "Quicksand", "Signika", "sans-serif"; + color: white; + float: right; + cursor: pointer; + text-align: right; + font-size: small; + border: 2px solid transparent; + white-space: nowrap; + text-transform: uppercase; + } + + .menuPrincipal { + margin-left: 1rem; + font-family: "Quicksand", "Signika", "sans-serif"; + color: white; + float: right; + cursor: pointer; + text-align: right; + font-size: small; + border: 2px solid transparent; + white-space: nowrap; + text-transform: uppercase; + padding-top: 0.2rem; + } + + .menuPrincipal:hover { + color: #81bc3a; + padding-left: 0; + transition: color 0.3s linear; + letter-spacing: 0.1rem; + text-decoration: solid; + text-underline-offset: 3px; + border-bottom-width: 1px; + border-bottom-style: solid; + text-decoration: underline; + } + + .div_001 { + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .div_002 { + float: left; + width: 50%; + text-align: left; + } + + .div_003 { + float: left; + width: 50%; + text-align: right; + color: white; + } + + .div_004 { + color: white; + width: 100%; + height: 0.25rem; + opacity: 100%; + margin-left: auto; + margin-right: auto; + float: left; + margin: 0.2rem; + } + + .div_005 { + width: 100%; + float: left; + } + + .hilightsoustitre { + background: #113459; + color: #fff; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + letter-spacing: 0.2rem; + } + + .hilightsoustitre_v2 { + color: #3b3e40; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + background: #e9ecef; + border-radius: 5px; + background: #113459; + color: #fff; + letter-spacing: 2px; + height: 3rem; + padding-top: 5px; + } + + .hilightsoustitre_v2_metier { + color: #3b3e40; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + background: #e9ecef; + border-radius: 5px; + background: #113459; + color: #fff; + letter-spacing: 2px; + margin-top: 5rem; + height: 3rem; + padding-top: 5px; + } + + .tab_gauche { + width: 50%; + float: left; + text-align: left; + } + + .tab_droite { + width: 50%; + float: right; + text-align: right; + } + + .tab_gauche_metier { + width: 30%; + float: left; + text-align: left; + margin: 2px; + } + + .tab_droite_metier { + width: 50%; + float: right; + text-align: right; + } + + .img_thematique_metier { + display: block; + border-radius: 10rem; + max-width: 360px; + } + + .met_polaroid_gauche { + width: 100%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .met_polaroid_gauche:hover { + transition-duration: 0.5s; + transform: scale(1.1); + box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); + } + + .met_polaroid_droite { + width: 97%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + margin-left: 3%; + cursor: pointer; + border-radius: 12px; + } + + .met_polaroid_droite:hover { + transition-duration: 0.5s; + transform: scale(1.1); + box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); + } + + .met_container { + text-align: center; + padding: 1px 2px; + letter-spacing: 2px; + font-size: small; + color: #3b3e40; + font-weight: bold; + } + + .met_text { + margin-bottom: 0.1rem; + font-size: small; + font-weight: normal; + white-space: nowrap; + overflow: hidden; + letter-spacing: 1px; + //font-weight: bold; + } + + .met_text_larg { + margin-bottom: 0.1rem; + font-size: xx-small; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + } + + .met_text_all_categories { + margin-bottom: 0.1rem; + font-size: x-small; + margin-top: 1rem; + } + + .met_container_all_categories { + text-align: center; + padding: 1px 2px; + letter-spacing: 2px; + font-size: small; + color: #3b3e40; + height: 3rem; + } + + .met_polaroid_gauche_all_categories { + width: 100%; + background-color: white; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-bottom: 5px; + cursor: pointer; + border-radius: 12px; + } + + .tab_gauche_all_categories { + width: 100%; + float: left; + text-align: left; + } + + .img_categorie { + width: 100%; + border-top-right-radius: 12px; + border-radius: 12px; + padding: 5px; + } + + .h1_transparent { + color: transparent; + //color: red; + font-size: 0.1rem; + } + + .mymenu_item { + font-size: 1rem !important; + } + + .MuiMenuItem-root { + font-size: 1rem !important; + + } + + .new_filter_zone { + float: left; + width: 35%; + display: flex; + align-items: center; + font-size: small; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + margin-top: 5px; + } + + .new_filter_zone_cerif_radio { + width: 30%; + float: left; + text-align: right; + font-size: smaller; + } + + .new_filter_zone_cerif_radio_right { + //width: 30%; + float: left; + text-align: left; + font-size: small; + padding-left: 5px; + } + + .new_filter_zone_cerif_radio_left { + //width: 30%; + float: left; + text-align: center; + font-size: small; + padding-right: 15px; + padding-left: 2px; + min-width: 30%; + } + + .new_filter_zone_row { + margin-bottom: 0.7rem !important; + width: 100%; + padding-right: 5px; + } + + .tick_ok_ko { + max-width: 55%; + + } + + .new_filter_zone_prix { + margin-bottom: 1.2rem; + margin-top: 1.2rem; + padding-right: 15px; + } + + .middle { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.2rem; + + margin-left: auto; + margin-right: auto; + padding-top: 15%; + } + + input::placeholder { + color: white; + } + + .bienvenu { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: x-large; + color: white; + } + + .categorie { + padding-top: 15%; + width: 80%; + margin-left: auto; + margin-right: auto; + } + + .met_polaroid { + text-align: center; + margin-top: 9rem; + } + + .met_polaroid_line2 { + text-align: center; + margin-top: 1rem; + margin-bottom: 1rem; + } + + .img_categorie_v2 { + border-radius: 5px; + background: white; + min-width: 3rem; + width: 9rem; + font-size: small; + border: 5px solid black; + box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24); + cursor: pointer; + outline: none; + transition: 0.2s all; + margin-right: 1.5rem; + } + + .img_categorie_v2:active { + transform: scale(1.1); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + /* Lowering the shadow */ + } + + .img_categorie_v2:hover { + transform: scale(1.1); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + /* Lowering the shadow */ + } + + input:-webkit-autofill, + input:-webkit-autofill:hover, + input:-webkit-autofill:focus, + input:-webkit-autofill:active { + transition: background-color 5000000s ease-in-out 0s; + } + + .div_row_bas { + float: right; + width: 100%; + min-height: 100%; + height: 60rem; + + background-color: #e7f3fb; + z-index: 10; + background: url("../../mysy_img/mysy_home.jpg") no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + //border-bottom-left-radius: 25px; + //border-bottom-right-radius: 25px; + } + + .tab_logo_metier { + width: 100%; + padding-left: 15px; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + padding-left: 20px; + border-radius: 10px; + padding-top: 10px; + } + + /*.tab_critere_espace { + margin-bottom: 1.5rem; + padding-bottom: 1.5rem; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); + padding-left: 10px; + border-radius: 10px; + padding-top: 10px; + }*/ + + .tab_critere_espace { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 16px; + gap: 20px; + + width: 100%; + //height: 1110px; + + /* White */ + + background: #FFFFFF; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_nos_service { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 30px; + + position: absolute; + width: 96%; + height: 204px; + left: 2%; + top: 510px; + + } + + .block_nos_formation { + //display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 96%; + //height: 2574px; + left: 2%; + top: 550px; + } + + .logo { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + position: absolute; + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .Menu_Header { + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 0px; + gap: 24px; + + position: absolute; + width: 843px; + height: 56px; + right: 72px; + top: 50px; + } + + .Header_Content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + isolation: isolate; + + position: absolute; + width: 95%; + height: 367px; + left: 5%; + top: 156px; + } + + .Background_Header { + position: absolute; + width: 100%; + height: 452px; + left: 0px; + top: 0px; + + /* Beige */ + + background: #FFF5DA; + + } + + .Partner_Catalog_Background_Header { + position: absolute; + width: 100%; + height: 452px; + left: 0px; + top: 0px; + + + } + + + + .Logo_MySy { + width: 108px; + height: 36px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .training { + + width: 108px; + height: 12px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 900; + font-size: 10px; + line-height: 12px; + /* identical to box height */ + + letter-spacing: 0.83em; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .header_menu { + /* Les formations */ + cursor: pointer; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 17px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .bar_vert { + + width: 1px; + height: 24px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 10px; + + /* Inside auto layout */ + + flex: none; + order: 4; + flex-grow: 0; + } + + .cta1 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 288px; + height: 56px; + + + /* Inside auto layout */ + + flex: none; + order: 6; + flex-grow: 0; + + } + + .cta2 { + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 126px; + height: 56px; + + /* Deep Blue */ + + border: 1px solid #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .cta3 { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + } + + + .minscrire { + cursor: pointer; + //width: 74px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 30px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .meconnecter { + cursor: pointer; + width: 112px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 30px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .rectangle_8 { + /* Rectangle 8 */ + + + position: absolute; + width: 500px; + height: 400px; + //left: 596px; + right: 10rem; + top: 0px; + + background: url("../../mysy_img2/img_header.png") no-repeat; + filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05)); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + z-index: 0; + } + + .content_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 85%; + height: 367px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + z-index: 1; + } + + .title_desc_header { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 636px; + height: 230px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title1 { + width: 100%; + text-align: left; + height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 50px; + line-height: 54px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title2 { + width: 100%; + text-align: left; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .search_bar_h { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 100%; + height: 113px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 12px 0px 24px; + gap: 72px; + + width: 100%; + height: 80px; + + /* White */ + + background: #FFFFFF; + box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_153 { + /* Frame 153 */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px 27px; + gap: 10px; + + width: 588px; + height: 17px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_153_txt { + width: 534px; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + display: flex; + align-items: center; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .input_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 24px; + + width: 100%; + height: 80px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .cta_recherche { + + cursor: pointer; + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 142px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .cta_recherche_txt { + width: 90px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 17px; + line-height: 30px; + /* identical to box height, or 176% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .search_dropdown { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 20%; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .search_bar_rectangle { + width: 1px; + height: 80px; + + background: rgba(0, 0, 0, 0.08); + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .search_text { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 75%; + height: 32px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .nos_serv_background { + position: absolute; + width: 1440px; + height: 436px; + left: 0px; + top: 452px; + + /* White */ + + background: #FFFFFF; + } + + .nos_serv_txt { + width: 227px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .nos_serv_list { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 0px; + gap: 56px; + + width: 95%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv1 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .nos_serv_serv2 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv3 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .block_filter { + /* Block Filters */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 16px; + gap: 24px; + + width: 309px; + height: 1110px; + + /* White */ + + background: #FFFFFF; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_list_formation { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 947px; + height: 2486px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + margin-bottom: 3rem; + } + + .sous_filter_metier { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + width: 100%; + } + + .sous_filter_txt { + /* Les filtres */ + + + // width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .sous_filter_separator { + width: 277px; + height: 0px; + + opacity: 0.08; + /* Deep Blue */ + + border: 1px solid #0A043C; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 12px; + + width: 277px; + height: 494px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_mertier { + /* Auto layout */ + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 277px; + height: 496px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .filter_valeur { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 100%; + height: 71px; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .filter_valeur_txt { + /* Eligible CPF */ + + + //width: 78px; + letter-spacing: 2px; + height: 19px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 19px; + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .filter_valeur_block_val { + /* List Checkbox */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 100%; + height: 48px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_133 { + /* Frame 133 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 90px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 1; + } + + .frame_133_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 50px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_radio { + /* Radio Button */ + cursor: pointer; + + width: 16px; + height: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_txt { + /* Oui */ + + + width: 26px; + height: 22px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .frame_134 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 90px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_134_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 55px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_135 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 50px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_135_grp { + /* Checbox + Text */ + + margin-left: 10px; + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 30px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + + .filter_txt { + /* Les filtres */ + + + width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block { + /* Filter */ + + //cursor: pointer; + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 16px; + gap: 10px; + + width: 90%; + height: 72px; + + /* White */ + + background: #FFFFFF; + border: 1px solid #DFDFDF; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + + } + + .filter_metier_sous_block_content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 12px; + + width: 180px; + height: 40px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_radio { + + /* Radio Button */ + + + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_txt { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 144px; + height: 40px; + + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_formation { + width: 144px; + height: 22px; + + text-align: left; + margin-top: 10px; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_nb { + width: 85px; + height: 14px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + + /* Deep Blue */ + + color: #0A043C; + + opacity: 0.7; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .filter_metier_sous_block_plus_metier { + /* Icon + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 233px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_1 { + border: #0A043C solid; + width: 24px; + height: 24px; + cursor: pointer; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_2 { + width: 201px; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .block_actualite { + /* Actualité */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 100%; + height: 549px; + //left: 72px; + top: 4300px; + display: none; + + } + + .block_actualite_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 100%; + height: 453px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_actualite_sous_block_text { + width: 261px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 95%; + height: 365px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + + } + + .block_list_actu_actu1 { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 23px; + + width: 32%; + height: 364px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_img { + width: 100%; + height: 250px; + + background: url(https://img.mysy-training.com/img_actu1.png) no-repeat; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + //border: #0A043C solid 1px; + } + + .block_list_actu_actu1_date_text { + /* Date + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px 0px 0px 8px; + gap: 8px; + + //width: 344px; + height: 91px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_date { + width: 152px; + height: 19px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 19px; + text-transform: uppercase; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_txt { + + height: 64px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: medium; + line-height: 32px; + /* or 133% */ + + letter-spacing: -0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .pieddepage_v2 { + position: relative; + width: 100%; + //height: 450px; + left: 0px; + //top: 6050px; + top: 5450px; + background: #FFF5DA; + z-index: -1; + + } + + .bton_tout_nos_article { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .bton_tout_nos_article_account_box { + display: none; + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .bton_tout_nos_article_txt { + //width: 156px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .block_partner { + /* Partner Block */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: center; + padding: 40px; + gap: 10px; + + position: absolute; + width: 90%; + height: 386px; + left: 72px; + //top: 4950px; + top: 4500px; + + /* White */ + + background: #FFFFFF; + /* Shadow 01 */ + + box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); + border-radius: 8px; + + } + + .block_partner_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 24px; + + width: 858px; + height: 306px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 16px; + + width: 858px; + height: 226px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_logo { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 4px; + + width: 160px; + height: 76px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_desc { + width: 600px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 28px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_txt { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_buton { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .logo_not_absolut { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .block_partner_sous_block_logo_desc_desc2 { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .form-select { + height: 2.5rem !important; + border-radius: 0px; + font-size: small; + } + + .domaine_icone { + margin-top: 5px; + } + + .domaine_icone_fa { + margin-top: 5px; + margin-right: 5px; + cursor: pointer; + } + + .fron_search { + border: none; + font-size: medium; + padding-right: 5px; + } + + // -- 07/01 + .service1_img { + //position: absolute; + //width: 76px; + //height: 76px; + left: 0px; + top: 0px; + + background: #D6EBE4; + opacity: 1; + border-radius: 1rem; + margin-top: 1rem; + } + + .service1_title_desc { + /* Title + Description */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 70%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .service1_title { + + + width: 100%; + height: 32px; + text-align: left; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 20px; + line-height: 32px; + /* identical to box height, or 133% */ + + letter-spacing: 0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .service1_desc { + //width: 260px; + text-align: left; + height: 80px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 20px; + /* or 143% */ + + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .img_service { + width: 100%; + height: 4rem; + border-radius: 1rem; + } + + .forma_et_tuto { + width: 99%; + margin-left: 5px; + height: 80px; + padding-top: 10px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + background: #F7F7F7; + } + + .forma_et_tuto_mobile { + display: none; + } + + .cta_publication { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 14px; + } + + .cta_hebergement { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: rebeccapurple; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 14px; + } + + + .search_bar_2 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 1px 0px 2px; + gap: 72px; + + width: 100%; + height: 10px; + + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + margin-bottom: 1rem; + text-align: left; + + + } + + .bton_ensavoir_plus { + border-radius: 5rem; + font-size: medium; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-top: 10px; + cursor: pointer; + } + + .bton_menu_v2 { + background-color: white; + width: 100%; + border: 0px; + text-align: left; + color: black; + letter-spacing: 2px; + margin: 10px; + //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); + } + + .bton_menu_v2:hover { + //color: white; + letter-spacing: 3px; + //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); + } + + + } + + // end media + + + + .message_hili { + color: #619e31; + font-weight: bold; + opacity: 0.8; + background: transparent; + //background: linear-gradient(90deg, rgba(2,1,18,1) 100%, rgba(121,35,9,0.39539565826330536) 35%); + border-radius: 5px; + } + + .buton_ch22 { + border: 2px solid white; + background-color: transparent; + color: white; + padding: 0px; + font-size: 16px; + cursor: pointer; + font-size: small; + border-radius: 4rem; + width: 6rem; + min-width: 6rem; + height: 1.7rem; + text-align: left; + } + + .ch_form-input { + border-radius: 10rem; + height: 3rem; + font-size: medium; + line-height: 1.5; + margin-bottom: 4px; + color: white; + border: 2.5px solid white; + background: transparent; + width: 5rem; + } + + .MuiPaper-rounded { + top: 60px !important; + } + + .bton_menu_v2 { + background-color: white; + width: 100%; + border: 0px; + text-align: left; + color: black; + letter-spacing: 2px; + margin: 10px; + //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); + } + + .bton_menu_v2:hover { + //color: white; + letter-spacing: 3px; + //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); + } + + + +} + +.header_img_logo22 { + display: block; + height: auto; + margin-left: 0px; + margin-right: auto; + //max-width: 18%; + max-height: 3rem; +} + +.header_menuPrincipal_left { + @media only screen and (max-width: 600px) { + display: none; + } + + margin-left: 0.9rem; + font-family: "Quicksand", + "Signika", + "sans-serif"; + color: white; + cursor: pointer; + text-align: left; + font-size: small; + border: 2px solid transparent; + white-space: nowrap; + text-transform: uppercase; + padding-top: 0.2rem; + //border:2px solid white; + width: 20%; + float: left; +} + +.header_menuPrincipal_left:hover { + color: #81bc3a; + padding-left: 0; + transition: color 0.3s linear; + letter-spacing: 0.1rem; + text-decoration: solid; + text-underline-offset: 3px; + border-bottom-width: 1px; + border-bottom-style: solid; + text-decoration: underline; +} + +.MuiPaper-rounded { + border-radius: 0px !important; +} + + + + + +.iSfofc { + width: 90% !important; + margin-left: auto !important; + margin-right: auto !important; + margin-top: 0.2rem !important; + background: white; + padding-top: 0.5rem !important; +} + +.dHtlYi { + background: #104277; +} + +.bQSvsY { + background: white !important; +} + +.MuiMenu-paper { + border-radius: 10px !important; +} + +.MuiListItem-button { + background: white !important; +} \ No newline at end of file diff --git a/src/styles/components/_reherche_new_v2.scss b/src/styles/components/_reherche_new_v2.scss index b02be37..2002f89 100644 --- a/src/styles/components/_reherche_new_v2.scss +++ b/src/styles/components/_reherche_new_v2.scss @@ -16,7 +16,7 @@ //color: red; font-size: 0.1rem; } - + @media only screen and (max-width: 600px) { .calage { display: none; diff --git a/src/styles/components/_updateparnterinfo.scss b/src/styles/components/_updateparnterinfo.scss index cc2ad13..75479ea 100644 --- a/src/styles/components/_updateparnterinfo.scss +++ b/src/styles/components/_updateparnterinfo.scss @@ -245,6 +245,7 @@ letter-spacing: 0.1rem; font-weight: normal; width: 100%; + height: 2rem !important; } @@ -480,6 +481,7 @@ font-size: small; letter-spacing: 0.1rem; font-weight: normal; + height: 2rem !important; } @@ -714,6 +716,7 @@ font-size: small; letter-spacing: 0.1rem; font-weight: normal; + height: 2rem !important; } @@ -965,6 +968,7 @@ font-size: small; letter-spacing: 0.1rem; font-weight: normal; + height: 2rem !important; } diff --git a/src/styles/index.scss b/src/styles/index.scss index 61659b8..525163b 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -119,4 +119,6 @@ @import "./components/emarge_qr_code"; @import "./components/partner_product_service"; @import "./components/module_email_management"; -@import "./components/groupe_apprenant_dialog"; \ No newline at end of file +@import "./components/groupe_apprenant_dialog"; +@import "./components/mon_catalogue_public"; +@import "./components/formation_partner_catalog"; \ No newline at end of file