diff --git a/.vscode/launch.json b/.vscode/launch.json deleted file mode 100644 index 822e5d1..0000000 --- a/.vscode/launch.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - // Use IntelliSense to learn about possible attributes. - // Hover to view descriptions of existing attributes. - // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 - "version": "0.2.0", - "configurations": [ - { - "type": "node", - "request": "launch", - "name": "Launch Program", - "skipFiles": [ - "/**" - ], - "program": "${file}" - } - ] -} \ No newline at end of file diff --git a/src/App.js b/src/App.js index cd8b3df..d090748 100644 --- a/src/App.js +++ b/src/App.js @@ -11,6 +11,7 @@ import Recherche_new_v3 from "./pages/recherche_new_v3"; import Recherche_new_v4 from "./pages/recherche_new_v4"; import Mon_Catalogue_Public from "./pages/mon_catalogue_public"; +import Mon_Intranet_Public from "./pages/mon_intranet_public"; import TestUrl from "./pages/testurl"; import Account from "./pages/account"; @@ -38,7 +39,7 @@ import ContactezNous from "./pages/contactez_nous"; import CoupDeCoeur from "./pages/coupdecoeur"; import AccountUserActivated from "./pages/accountuseractivated"; import ProduitsService from "./pages/produitservice"; - + import Recherche_new from "./pages/recherche_new"; import Recherche_old from "./pages/recherche"; import UserSignFirst from "./pages/usersigninfirst"; @@ -52,7 +53,8 @@ import TestUrl_New from "./pages/testurl_new"; import QuiSommesNous_v3 from "./pages/quisommesnous_v3"; import Fonctionnalites from "./pages/fonctionnalite"; import Test_Drag_Drop from "./pages/test_drag_drop"; - + + import Test_Drag_Drop2 from "./pages/test_dnd"; import ESign from "./pages/eSigne"; @@ -90,9 +92,7 @@ function App() { let myurl = window.location.host; let myurl_pathname = window.location.pathname; - //console.log(" url 12 = ", myurl); - - //console.log(" action 12 = ", window.location.pathname); + var domain = myurl; if (domain.includes('://')) { @@ -114,21 +114,12 @@ function App() { if (tab_myurl_pathname.length > 0 && !tab_action.includes(tab_myurl_pathname[1]) && !tab_reserved_subdomain.includes(subdomain)) { - + var new_url = window.location.protocol + "//" + domain.split('.')[0] + "." + domain.split('.')[1] + "/moncatalog"; - - - /* - window.open( - new_url, - '_self' - ); - */ - } - } + } }, []); @@ -157,6 +148,7 @@ function App() { + @@ -177,29 +169,29 @@ function App() { - + - + - + - + - - + + @@ -212,7 +204,7 @@ function App() { - {/* */} + {/* */} @@ -242,7 +234,7 @@ function App() { -*/ + */ diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js index d7d45e6..a951b36 100644 --- a/src/components/DisplayPartnerSession.js +++ b/src/components/DisplayPartnerSession.js @@ -6256,6 +6256,7 @@ const DisplayPartnerSession = (props) => { const [SessionendDateInscription, setSessionendDateInscription] = useState(); const [New_GetCurrentPartnerClass_result, setNew_GetCurrentPartnerClass_result] = useState([]); + const [GetCurrentPartnerClass_api, setGetCurrentPartnerClass_api] = useState(); const [GetCurrentPartnerClass_message, setGetCurrentPartnerClass_message] = useState(); diff --git a/src/components/Fotter_Intranet_Client_Pub.js b/src/components/Fotter_Intranet_Client_Pub.js new file mode 100644 index 0000000..42767e1 --- /dev/null +++ b/src/components/Fotter_Intranet_Client_Pub.js @@ -0,0 +1,80 @@ +import React, { useRef, useState, useEffect } from "react"; +import { styled } from '@mui/material/styles'; +import Paper from '@mui/material/Paper'; +import Grid from '@mui/material/Grid'; +import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share"; +import { SocialIcon } from 'react-social-icons'; +import { + Box, + Container, + Row, + Column, + FooterLink, + Heading, +} from "./FooterStyles"; + +const Fotter_Intranet_Client_Pub = (props) => { + + const [partner_id, setpartner_id] = useState(props.partner_data); + // Integration du gestionnaire de cookie : axeptio + + window.axeptioSettings = { + clientId: "6273ecd99c50de9cfb190555", + cookiesVersion: "mysy training technology-fr", + }; + + (function (d, s) { + var t = d.getElementsByTagName(s)[0], e = d.createElement(s); + + e.async = true; e.src = "//static.axept.io/sdk-slim.js"; + t.parentNode.insertBefore(e, t); + })(document, "script"); + + function Display_CGV_File() { + + const downloadLink = document.createElement("a"); + const fileName = "file.pdf"; + downloadLink.href = props.partner_data.catalog_pub_cgv_pdf; + + downloadLink.download = fileName; + downloadLink.click(); + } + + function Display_CGU_File() { + const downloadLink = document.createElement("a"); + const fileName = "file.pdf"; + downloadLink.href = props.partner_data.catalog_pub_cgu_pdf; + downloadLink.download = fileName; + downloadLink.click(); + } + + function Display_Mention_Legale_File() { + const downloadLink = document.createElement("a"); + const fileName = "file.pdf"; + downloadLink.href = props.partner_data.catalog_pub_mention_legale_pdf; + downloadLink.download = fileName; + downloadLink.click(); + } + + + return ( +
+
+   +
+ +
+ + Copyright © 2024 {props.partner_data.nom} . Tous droits réservés.   + + + + + +
+ +
+ + ); +}; +export default Fotter_Intranet_Client_Pub; diff --git a/src/components/Header.js b/src/components/Header.js index cc49fc7..649c599 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -129,7 +129,7 @@ const Header = () => { const handleAvis = () => { setavisMenu(null); history.push("/Recherche-Article-formation") - }; + }; function user_logout_confirmation() { /* si c'est une connexion partner qui est active */ @@ -141,9 +141,11 @@ const Header = () => { setpartCookie(acces_right_token_name, "", { path: '/' }); removeCookie(acces_right_token_name, { path: '/' }); + removeCookie("tokenmysych", { path: '/' }); + } - history.push("/"); + history.push("/intranet"); } function user_logout() { @@ -176,6 +178,16 @@ const Header = () => { removeCookie(acces_right_token_name, { path: '/' }); + setpartCookie("mysy_session_display_view", "", { path: '/' }); + setpartCookie("mysy_menu_gauche_reduit", "", { path: '/' }); + setpartCookie("mysy_catalog_data_row_grouped_by", "", { path: '/' }); + + removeCookie("tokenmysypart", { path: '/' }); + removeCookie("mysy_session_display_view", { path: '/' }); + removeCookie("mysy_menu_gauche_reduit", { path: '/' }); + removeCookie("mysy_catalog_data_row_grouped_by", { path: '/' }); + + } setsomeoneconnected("0"); setDialog_1_open(false); @@ -549,7 +561,7 @@ const Header = () => { MySy Information - Confirmez la deconnexion + Confirmez la deconnexion diff --git a/src/components/Module_Connexion_Intranet_Client.js b/src/components/Module_Connexion_Intranet_Client.js new file mode 100644 index 0000000..c7a2f29 --- /dev/null +++ b/src/components/Module_Connexion_Intranet_Client.js @@ -0,0 +1,570 @@ +import React, { useState, useEffect } from "react"; +import { useForm } from "react-hook-form"; +import { useHistory } from "react-router-dom"; +import { Button, FormGroup, Label, Input } from "reactstrap"; +import { FacebookLoginButton, GoogleLoginButton } from "react-social-login-buttons"; +//import { getCookie, setCookie, removeCookie } from 'react-use-cookie'; +import { Helmet } from "react-helmet"; +import { useCookies } from "react-cookie"; +import { confirmAlert } from 'react-confirm-alert'; // Import +import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import axios from "axios"; +import { useParams } from 'react-router-dom' + +import Header from "./Header"; +import { useLocation } from "react-router-dom"; +import Visibility from '@mui/icons-material/Visibility'; +import VisibilityOff from '@mui/icons-material/VisibilityOff'; +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' +import Fotter_v3 from "./Fotter_v3"; + +function Module_Connexion_Intranet_Client() { + const [isconnected, setisconnected] = useState(""); + const [cookie_acces_right, setCookie_acces_right, removeCookie_acces_right] = useCookies(['mysy_user_access_right']); + const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych'], { path: '/' }); + const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart'], { path: '/' }); + const [retval, setretval] = useState("0"); + const [myApimyApiMessage, setmyApimyApiMessage] = useState(""); + const [initpasswd, setinitpasswd] = useState(); + const [result, setResult] = useState(""); + const [myApiResponse, setmyApiResponse] = useState("false"); + const url_login = process.env.REACT_APP_API_URL + "myclass/api/login/"; + + const random1 = Math.floor(Math.random() * 10); + const random2 = Math.floor(Math.random() * 10); + + const [closepopup, setclosepopup] = useState(0); + const { obj, objid } = useParams(); + const [menucompte, setmenucompte] = useState("user"); + const [currentpawdvisible, setcurrentpawdvisible] = useState(false); + const [typecompte, settypecompte] = useState(""); + + const { + register, + formState: { errors }, + handleSubmit, + } = useForm(); + + + const history = useHistory(); + + function logout_partner_confirmation() { + removeCookie_part('tokenmysypart', { path: '/' }); + } + + function retnull() { + setretval("-1"); + } + + + function logout_user_confirmation() { + removeCookie_part('tokenmysych', { path: '/' }); + } + + function Logout_User() { + confirmAlert({ + title: 'Deconnexion utilisateur ?', + message: 'Confirmez la deconnexion utilisateur', + buttons: [ + { + label: 'Oui', + onClick: () => logout_user_confirmation() + }, + /* { + label: 'Non', + onClick: () => retnull() + + }*/ + ] + }); + } + + + const onSubmit = async (data) => { + + //console.log(" CONNEXION DE = ",menucompte); + var partner_connexion = ""; + var url_login = ""; + + + + url_login = process.env.REACT_APP_API_URL + "myclass/api/login/"; + setmenucompte("user"); + partner_connexion = "user"; + + + + const stored_user = cookie.tokenmysych; + + const formData = new FormData(); + var mymail = document.getElementsByName("email")[0].value; + var mypwd = document.getElementsByName("pwd")[0].value; + + formData.append("email", mymail); + formData.append("pwd", mypwd); + + var re = /\S+@\S+\.\S+/; + if (re.test(mymail) === false) { + alert("l'adresse email est incorrecte"); + return; + } + + if (mypwd.length <= 0) { + alert("Vous n'avez pas saisi de mot de passe"); + return; + } + + + + // si c'est une connexion user qui est active + if (typeof (stored_user) != "undefined" && String(stored_user) !== String('')) { + //alert(" c'est une connexion USERR qui est active"); + Logout_User(); + } + + + fetch( + url_login, + { + method: 'POST', + body: formData, + } + ).then((response) => response.json()) + .then((result) => { + //console.log('Success:', result['message'], "result['status'] = ", result['status']); + + var val = result['status']; + + if (String(val) === String("true")) { + + if (String(partner_connexion) === String("partner")) { + + // recuperation et stockage des cookies sur les droit d'acces + setCookie("tokenmysypart", JSON.parse(result['message']).token, { path: '/' }); + + var acces_right_token_name = String(JSON.parse(result['message']).token) + "_uar"; + var acces_right_token_val = JSON.parse(result['message']).user_access_right; + + //acces_right_token_val = [{'key1':'val1'}, {'key2':'val2'}]; + + ///console.log(" acces_right_token_val = ", acces_right_token_val); + + setCookie_acces_right(acces_right_token_name, acces_right_token_val, { path: '/' }); + + // recuperation et stockage des cookie sur les paramettres de connexion + var returned_connexion_data = JSON.parse(result['message']) + if (returned_connexion_data.list_connexion_context) { + + const new_data = returned_connexion_data.list_connexion_context.map((x) => { + // recuperation et stockage des cookies sur les droit d'acces + if (x['code'] && x['code_value']) { + setCookie(String(x['code']), String(x['code_value']), { path: '/' }); + + } + + + }); + + } + + //setCookie("tokenmysypart", result['message']); + history.push("/Partner"); + + } + + else if (String(partner_connexion) === String("user")) { + setCookie("tokenmysych", result['message']); + + // Verification vers quelle page les renvoyer + if (obj === "training" && String(objid).length > 0) { + // redirection vers l'affichage d'une formation + history.push("/Display-Detail-formation/" + objid); + } + else { + // Redirection par defaut vers la compte utilisateur + history.push("/mysy-user-account"); + } + } + } + else { + setisconnected("false"); + setmyApimyApiMessage(result['message']); + } + }) + .catch((error) => { + console.error('Error:', error); + setisconnected("false"); + setmyApimyApiMessage("Le service est momentanément indisponible, merci de ressayer plus tard. "); + + }); + } + + const location = useLocation(); + + useEffect(() => { + setmenucompte("partner"); + + const listener = event => { + if (event.code === "Enter" || event.code === "NumpadEnter") { + + event.preventDefault(); + + onSubmit(); + } + }; + document.addEventListener("keydown", listener); + + if (String(menucompte) === String("user")) { + menu_user_account(); + } + else { + menu_parter_account(); + } + + if (location && location.state && location.state.mysy_arg && String(location.state.mysy_arg) === "partner") { + menu_parter_account(); + } + + + }, []); + + + + function menu_parter_account() { + //alert(" menu_parter_account = "+String(menucompte)); + setmenucompte("partner"); + + if (document.getElementsByName("partner_account") && document.getElementsByName("partner_account")[0]) + document.getElementsByName("partner_account")[0].style.backgroundColor = "#81BC3A"; + + if (document.getElementsByName("user_account") && document.getElementsByName("user_account")[0]) + document.getElementsByName("user_account")[0].style.backgroundColor = "#ffffff"; + + + } + + function menu_user_account() { + + setmenucompte("user"); + + if (document.getElementsByName("user_account") && document.getElementsByName("user_account")[0]) + document.getElementsByName("user_account")[0].style.backgroundColor = "#81BC3A"; + + + } + + + function resetpasswd_ok(e) { + + var total = " ?? "; + if (document.getElementsByName("sommerandom")[0].value) { + total = document.getElementsByName("sommerandom")[0].value; + } + var calcaul_total = parseInt(random1) + parseInt(random2); + if (parseInt(total) != parseInt(calcaul_total)) { + document.getElementsByName("pasrobot")[0].style.backgroundColor = "red"; + + alert(" Le total dans la zone 'je ne suis pas un robot' est incohérent. Recommencez svp :) !!!"); + return; + } + + + // Controle du mail + var mymail = document.getElementsByName("resetemailvalue")[0].value; + //alert(" le mail de reset = "+mymail); + var re = /\S+@\S+\.\S+/; + if (re.test(mymail) === false) { + alert("l'adresse email est incorrecte"); + return; + } + + var form = new FormData(); + + form.append("email", mymail); + + + // Controle du type de compte + if (String(typecompte) !== "partner" && String(typecompte) !== "user") { + alert("Le type de compte est inconnu"); + document.getElementsByName("is_user_or_pro")[0].style.backgroundColor = "orangered"; + return; + } + form.append("account_type", typecompte); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/InitUserPasswd/"; + + //alert("myurl = "+myurl); + axios.post(myurl, form).then(res => { + setclosepopup(1); + setinitpasswd("true"); + if (String(res.data.status) != String("false")) { + //console.log(" In test res.data.status = " + res.data.status); + //console.log(" In test res.data.message = " + res.data.message); + setmyApiResponse("true"); + + setResult(res.data.message); + + } + else { + //console.log(" In test res.data.status = " + res.data.status); + //console.log(" In test res.data.message = " + res.data.message); + setmyApiResponse("false"); + setResult(res.data.message); + } + + + }).catch((error) => { + console.warn('Not good man :( mysearchtext = '); + setmyApiResponse("false"); + setinitpasswd("false"); + //setmyApimyApiMessage("") + }) + + + } + + function resetpasswd(e) { + confirmAlert({ + title: 'Reinitialisation Mot de Passe?', + message: 'Confirmez la reinitialisation', + buttons: [ + { + label: 'Oui', + onClick: () => resetpasswd_ok() + }, + { + label: 'Non', + onClick: () => { return } + + }, + + ], + closeOnEscape: false, + closeOnClickOutside: false, + keyCodeForClose: [8, 32], + willUnmount: () => { }, + afterClose: () => { }, + onClickOutside: () => { }, + onKeypress: () => { }, + onKeypressEscape: () => { }, + }); + + } + + + function closepopupinitpwd() { + setclosepopup("1"); + } + + // Cette fonction permet de cacher le mot de passer et eviter les + // autocompletion + const [realpwdvalue, setrealpwdvalue] = useState(""); + const [realpwdhidenvalue, setrealpwdhidenvalue] = useState(""); + function realpwd(e) { + const val = e.target.value; + const last = val.charAt(val.length - 1); + var new_val = realpwdvalue; + var new_val_hiden = realpwdhidenvalue; + + //alert(" new_val avant saisie= "+new_val); + new_val = new_val + last; + new_val_hiden = new_val_hiden + "*"; + + //alert(" - new_val apres sisie = "+new_val+" new_val_hiden = "+new_val_hiden); + setrealpwdhidenvalue(new_val_hiden); + setrealpwdvalue(new_val); + + //setrealpwdvalue(val); + //document.getElementById("cle_secrete").value = new_val_hiden; + + } + + /* function displayvlaue(){ + alert(" la valeur secrete = "+realpwdvalue); + }*/ + + + const handleClickShowPassword = () => { + if (currentpawdvisible == false) { + document.getElementsByName("pwd")[0].type = "text"; + setcurrentpawdvisible(true); + } + else if (currentpawdvisible == true) { + document.getElementsByName("pwd")[0].type = "password"; + setcurrentpawdvisible(false); + } + }; + + return ( +
+ +
+ + +
+
+ +
+
+
+ + + + +
+ +
+ +
+ + + + + + +
 
+ + + +
+
+ +
+
+ {currentpawdvisible ? : } +
+ +
+ +
+ + + {String(initpasswd) === String("true") && closepopup === 1 &&
+ La demande reinitialisation a bien ete prise en compte. + Verifiez votre boite email. +
} +
+ {String(initpasswd) !== String("true") && String(closepopup) !== String("1") + && Mot de passe oublié} + position="center" className="signin popup-reset-pwd"> +
+
Modifier le mot de passe
+
+ + +
+ + +
+ + + + + + +
+ Je ne suis pas un robot
+
+ + +
{random1} + {random2} = + + {errors.sommerandom && ( + la sommes est incorrect + )} +
+
+
+ +       + +
+ +
+ } +
+
+ +   + + +
+ +
+ + +
+
+ {isconnected === "false" &&
+
+ {myApimyApiMessage}
+ } + + + +
+ +
+ + +
+ +
+ + {/*
+ +
*/} + +
+ + ); +} + +export default Module_Connexion_Intranet_Client; diff --git a/src/components/Mon_Catalogue_Public.js b/src/components/Mon_Catalogue_Public.js index 04f6a1e..b56501b 100644 --- a/src/components/Mon_Catalogue_Public.js +++ b/src/components/Mon_Catalogue_Public.js @@ -951,8 +951,6 @@ const Mon_Catalogue_Public = (props) => { Get_Subdomain_Partner_Data(window.location.host) - - async function fetchData() { // const result = await axios('https://geolocation-db.com/json/',); @@ -2604,11 +2602,11 @@ const Mon_Catalogue_Public = (props) => { domain = url.split('://')[1]; } - console.log(" ### local_url_subdomain = ", local_url_subdomain); + // console.log(" ### local_url_subdomain = ", local_url_subdomain); const subdomain = domain.split('.')[0]; - console.log(" ### subdomain = ", subdomain); + // console.log(" ### subdomain = ", subdomain); var form = new FormData(); @@ -2620,7 +2618,7 @@ const Mon_Catalogue_Public = (props) => { 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); + // 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); @@ -2834,7 +2832,7 @@ const Mon_Catalogue_Public = (props) => { "theme_code": theme_code, }; - console.log(" --- node = ", node); + // console.log(" --- node = ", node); new_data2.push(node); }); @@ -2845,7 +2843,6 @@ const Mon_Catalogue_Public = (props) => { if (res.data.message.length > 0) { var mylocal_materiel = JSON.parse(res.data.message); - if (mylocal_materiel.recid) setsubdomain_recid(mylocal_materiel.recid); else diff --git a/src/components/Mon_Intranet_Public.js b/src/components/Mon_Intranet_Public.js new file mode 100644 index 0000000..20c9b7b --- /dev/null +++ b/src/components/Mon_Intranet_Public.js @@ -0,0 +1,3012 @@ +import React, { useRef, useState, useMemo, useEffect } from "react"; +import { useForm } from "react-hook-form"; +import axios from "axios"; +import Formation_Partner_Catalog from "./Formation_Partner_Catalog"; +import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa'; +import { BsFillXCircleFill } from "react-icons/bs"; +import { IoAppsSharp, IoListSharp } from "react-icons/io5"; +import Formation_Grid_2Col from "./Formation_Grid_2Col"; +import Pagination from "./TestPagination"; +import data from "./data/mock-data.json"; +import { useHistory } from "react-router-dom"; +import { getCookie, removeCookie } from 'react-use-cookie'; +import { Helmet } from "react-helmet"; + +import AideRecherche from "./AideRecherche" +import { useParams } from 'react-router-dom' +import Fotter_Catalog_Pub from "./Fotter_Catalog_Pub"; +import Footer from "./Fotter"; +import LogoutOutlinedIcon from '@mui/icons-material/LogoutOutlined'; +import Button from '@mui/material/Button'; +import MenuItem from "@material-ui/core/MenuItem"; +import Menu from "@material-ui/core/Menu"; +import Header from "./Header"; + +import connect_white from "../mysy_img/connect_white_v2.png"; +import connect_green from "../mysy_img/connect_green.png"; +import { confirmAlert } from 'react-confirm-alert'; // Import +import { useCookies } from "react-cookie"; +import InputRange from 'react-input-range'; +import 'react-input-range/lib/css/index.css'; +import tick_ko from "../mysy_img/tick_KO.png"; + + +import { SelectChangeEvent } from '@mui/material/Select'; +import Chip from '@mui/material/Chip'; +import Select, { StylesConfig } from 'react-select'; + +import img_header from "../mysy_img2/img_header.png" + +import mysy_logo2 from "../mysy_img2/Logo_MySy.png" + +import { AiTwotoneFolder } from "react-icons/ai"; +import serv_img_market_digi from "../mysy_img/market_digi.jpg"; +import serv_img_gestion_admin from "../mysy_img/gestion_admin_2.jpg"; +import serv_img_publication from "../mysy_img/publication.jpg"; + +import mysy_search from "../mysy_img2/mysy_search.jpg"; +import mysy_lms from "../mysy_img2/mysy_e_learning.jpg"; +import mysy_consulting from "../mysy_img2/mysy_consulting.jpg"; +import mysy_datacenter from "../mysy_img2/mysy_datacenter.png"; +import Dialog from '@mui/material/Dialog'; +import DialogActions from '@mui/material/DialogActions'; +import DialogContent from '@mui/material/DialogContent'; +import DialogContentText from '@mui/material/DialogContentText'; +import DialogTitle from '@mui/material/DialogTitle'; + +import Module_Connexion_Intranet_Client from "./Module_Connexion_Intranet_Client"; + +import Fotter_Intranet_Client_Pub from "./Fotter_Intranet_Client_Pub" + +import { CiCircleRemove, CiCircleMinus } from "react-icons/ci"; +import Fotter_v3 from "./Fotter_v3"; + +let PageSize = 10; +const Mon_Intranet_Public = (props) => { + + const { type, categorie } = useParams(); + const { NewSearchText } = useParams(); + const [v11, setv11] = useState(""); + const [userconnected, setuserconnected] = useState("0"); + const [TrainingSupport, setTrainingSupport] = useState(""); + const [TrainingType, setTrainingType] = useState(""); + const [TrainingCertif, setTrainingCertif] = useState(""); + const [TrainingCPF, setTrainingCPF] = useState(""); + const [TrainingLang, setTrainingLang] = useState(""); + const [TrainingPrice, setTrainingPrice] = useState(""); + const [SearchText, setSearchText] = useState(""); + const [SearchcitiesText, setSearchcitiesText] = useState(""); + const [result, setResult] = useState(""); + const [myApiResponse, setmyApiResponse] = useState("false"); + const [displayAllClasses, setdisplayAllClasses] = useState("0"); + const [showelement, setshowelement] = useState("init"); + const [country_code, setcountry_code] = useState("FR"); + const [country_name, setcountry_name] = useState("France"); + const [city, setcity] = useState("Paris"); + const [postal, setpostal] = useState("75001"); + const [latitude, setlatitude] = useState("48.861000061035156"); + const [longitude, setlongitude] = useState("2.3380000591278076"); + const [IPv4, setIPv4] = useState("172.71.122.128"); + const [state, setstate] = useState("France"); + const [userIp, setuserIp] = useState("172.71.122.128"); + const [currentPage, setCurrentPage] = useState(1); + const [currentPage2, setCurrentPage2] = useState(1); + const [fin, setfin] = useState(0); + const [ismobilephone, setismobilephone] = useState(); + const [TrainingDistanciel, setTrainingDistanciel] = useState(); + const textInput = useRef(null); + const scrollDiv = useRef(null); + + const [url_subdomain, seturl_subdomain] = useState(window.location.host.split(".")[0]); + + + const [textplaceholder, settextplaceholder] = useState(""); + const [empltysearch, setempltysearch] = useState("1"); + const [empltycitiessearch, setempltycitiessearch] = useState("1"); + + const [filtredistance, setfiltredistance] = useState("0"); + const continent = ['oui', 'non']; + const [selectedcontinent, setselectedcontinent] = useState(""); + const [newresult, setnewresult] = useState(); + const stored_user = getCookie('tokenmysych'); + const history = useHistory(); + const [besoinaiderecherche, setbesoinaiderecherche] = useState(""); + const [istrier, setistrier] = useState(); + const [selectmetier, setselectmetier] = useState(); + const [initAllfiter, setinitAllfiter] = useState(); + const testDivRef = useRef(null); + const [partcookie, setpartCookie, removepartCookie] = useCookies(['tokenmysypart']); + const inputEl = useRef(null); + + + + + const url = process.env.REACT_APP_API_URL + "myclass/api/add_user_account/"; + const { + register, + formState: { errors }, + handleSubmit, + watch, + } = useForm(); + const pwd = useRef({}); + pwd.current = watch("pwd", ""); + + + + const onSubmit = async (data) => { + + searchFunction(); + }; + + const [Trainingdistance, setTrainingdistance] = useState(0); + const handleInput = (e) => { + setTrainingdistance(e.target.value); + } + + const [Trainingduration, setTrainingduration] = useState(0); + const handleInputDuration = (e) => { + setTrainingduration(e.target.value); + } + + + function showdisplayfilter(event) { + + if (showelement == "true") { + setshowelement("false"); + document.getElementById('block_partner').style.top = "5200px" + document.getElementById('pieddepage_v2').style.top = "5800px" + } + else if (showelement == "false") { + setshowelement("true"); + document.getElementById('block_partner').style.top = "6300px" + document.getElementById('pieddepage_v2').style.top = "6800px" + } + + + } + + function clearsearchtext(event) { + setSearchText(""); + setResult([]); + document.getElementById("SearchText").value = ""; + setempltysearch("1") + setbesoinaiderecherche(""); + settext(""); + DisplayXfirstClas(); + } + + const [suggestion2, setsuggestion2] = useState([]); + const [suggestioncities, setsuggestioncities] = useState([]); + + function SearchTextHandle(event) { + setempltysearch("0"); + setSearchText(event.target.value); + + var val = String(event.target.value).toLocaleLowerCase(); + let matches = []; + // 13/01 : A faire absolument. j'ai bloqué car bug d'affichage (pas au bon endroit) + + if (String(val).length > 2) { + matches = suggestedwords.filter(usr => { + //alert(JSON.parse(usr).name ); + const regex = new RegExp(`${val}`, "gi"); + return JSON.parse(usr).name.match(regex); + } + + ) + + } + + //console.log("matches = " + matches); + setsuggestion2(matches); + settext(event.target.value); + } + + function SearchcitiesHandle(event) { + setempltycitiessearch("0"); + setSearchcitiesText(event.target.value); + + var val = String(event.target.value).toLocaleLowerCase().trimStart(); + const regex = new RegExp(`^${val}`, "gi"); + + let matches = []; + + if (String(val).length > 2) { + matches = suggestedcities.filter(usr => { + return JSON.parse(usr).ville.match(regex); + }) + } + + //console.log("matches = " + matches); + setsuggestioncities(matches); + setcities(event.target.value); + + } + + + const [v1, setv1] = useState(); + const [v2, setv2] = useState(); + + + function TrainingSupportHandle(event) { + setsupportchecked("1"); + var toto = ""; + var filtre1 = ""; + var filtre2 = ""; + var filtre3 = ""; + + var crit_TrainingSupport = ""; + var crit_TrainingSupport22 = ""; + + + if (document.getElementById("supoort_list_derou")) { + crit_TrainingSupport = document.getElementById("supoort_list_derou").value; + + //console.log("crit_TrainingSupport = ", crit_TrainingSupport); + + if (crit_TrainingSupport.length > 0) { + filtre1 = result.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + setv11(filtre1); + } + else if (crit_TrainingSupport.length <= 0) { + /* l'utilisateur a choisi d'annuler le filter */ + annulefiltresupportchecked(); + return; + //filtre1 = result; + //setv11(filtre1); + } + } + + /* + + + + if (document.querySelector('input[name="TrainingSupport"]:checked')) { + crit_TrainingSupport = document.querySelector('input[name="TrainingSupport"]:checked').value; + if (crit_TrainingSupport.length > 0) { + filtre1 = result.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + setv11(filtre1); + } + else if (crit_TrainingSupport.length <= 0 || String(crit_TrainingSupport) === String("NA")) { + filtre1 = result; + setv11(filtre1); + } + + } + */ + + + var crit_TrainingCertif = ""; + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; + if (crit_TrainingCertif.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); + + } + + // recuperation du filtre du type (cours, tuto, etc) + var crit_TrainingType = ""; + if (document.querySelector('input[name="TrainingType"]:checked')) { + crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value; + if (crit_TrainingType.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); + + } + + // recuperation du filtre de la distance + var crit_Trainingdistance = ""; + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value; + if (crit_Trainingdistance.length > 0) { + // filtre presentiel = 1 + if (String(crit_Trainingdistance) === String("1")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); + setv11(filtre1); + + } + else if (String(crit_Trainingdistance) === String("0")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); + setv11(filtre1); + } + } + } + // Recup du filtre de prix + var crit_TrainingPrice = range_price.min + ":" + range_price.max; + + if (range_price.min && range_price.max) { + filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && + Number(JSON.parse(maformation).price) <= Number(range_price.max) + ); + + setv11(filtre1); + } + + + setnewresult(filtre1); + + //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); + //console.log("############################ filtre1 = " + filtre1); + setCurrentPage2(1); + //console.log(" ????????????????????????????filtre2 = "+filtre2); + + } + + + + function TrainingCertifHandle(event) { + + var ele = document.querySelector('input[name="TrainingCertif"]:checked').value + + var toto = ""; + var filtre1 = ""; + var filtre2 = ""; + var filtre3 = ""; + + setcertifchecked(""); + var crit_TrainingCertif = ""; + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + setcertifchecked("1"); + crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value + if (crit_TrainingCertif.length > 0) { + //alert(" laa = " + crit_TrainingCertif); + //console.log(result) + filtre1 = result.filter((maformation) => String(JSON.parse(maformation).certif) === String(crit_TrainingCertif)); + setv11(filtre1); + } + + } else { + + filtre1 = result; + setv11(filtre1); + } + + /* + // recuperation du filtre du support + var crit_TrainingSupport = ""; + if (document.querySelector('input[name="TrainingSupport"]:checked')) { + crit_TrainingSupport = document.querySelector('input[name="TrainingSupport"]:checked').value + if (crit_TrainingSupport.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + + } + */ + // recuperation du filtre du support + var crit_TrainingSupport = ""; + if (document.getElementById("supoort_list_derou")) { + crit_TrainingSupport = document.getElementById("supoort_list_derou").value; + if (crit_TrainingSupport.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + + } + + + // recuperation du filtre du CPF + var crit_TrainingCPF = ""; + if (document.querySelector('input[name="TrainingCPF"]:checked')) { + crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value + if (crit_TrainingCPF.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); + + } + + + // recuperation du filtre du type + var crit_TrainingType = ""; + if (document.querySelector('input[name="TrainingType"]:checked')) { + crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value + if (crit_TrainingType.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType); + + } + + // recuperation du filtre de la distance + var crit_Trainingdistance = ""; + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value + if (crit_Trainingdistance.length > 0) { + // filtre presentiel = 1 + if (String(crit_Trainingdistance) === String("1")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); + setv11(filtre1); + + } + else if (String(crit_Trainingdistance) === String("0")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); + setv11(filtre1); + } + } + + } + + // Recup du filtre de prix + var crit_TrainingPrice = range_price.min + ":" + range_price.max; + + if (range_price.min && range_price.max) { + filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && + Number(JSON.parse(maformation).price) <= Number(range_price.max) + ); + + setv11(filtre1); + } + + + setnewresult(filtre1); + //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); + //console.log("############################ filtre1 = " + filtre1); + setCurrentPage2(1); + //console.log(" ????????????????????????????filtre2 = "+filtre2); + + + return; + } + + + + // Pour le CPF + const [cpfchecked, setcpfchecked] = useState(); + function TrainingCPFHandle(event) { + + var ele = document.querySelector('input[name="TrainingCPF"]:checked').value + var myelement; + + if (document.getElementById('rech_middlebox')) { + myelement = document.getElementById('rech_middlebox'); + } + + + var toto = ""; + var filtre1 = ""; + var filtre2 = ""; + var filtre3 = ""; + + setcpfchecked(""); + var crit_TrainingCPF = ""; + if (document.querySelector('input[name="TrainingCPF"]:checked')) { + setcpfchecked("1"); + crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value + if (crit_TrainingCPF.length > 0) { + //alert(" crit_TrainingCPF = " + crit_TrainingCPF); + + filtre1 = result.filter((maformation) => String(JSON.parse(maformation).cpf) === String(crit_TrainingCPF)); + setv11(filtre1); + //console.log(" #### ",filtre1); + } + + } else { + + filtre1 = result; + setv11(filtre1); + } + + // recuperation du filtre du certificat + var crit_TrainingCertif = ""; + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value + if (crit_TrainingCertif.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); + + } + + + // recuperation du filtre du support + var crit_TrainingSupport = ""; + if (document.getElementById("supoort_list_derou")) { + crit_TrainingSupport = document.getElementById("supoort_list_derou").value; + if (crit_TrainingSupport.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + + } + + + // recuperation du filtre du type + var crit_TrainingType = ""; + if (document.querySelector('input[name="TrainingType"]:checked')) { + crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value + if (crit_TrainingType.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType); + + } + + // recuperation du filtre de la distance + var crit_Trainingdistance = ""; + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value + if (crit_Trainingdistance.length > 0) { + // filtre presentiel = 1 + if (String(crit_Trainingdistance) === String("1")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); + setv11(filtre1); + + } + else if (String(crit_Trainingdistance) === String("0")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); + setv11(filtre1); + } + } + + + + } + + // Recup du filtre de prix + var crit_TrainingPrice = range_price.min + ":" + range_price.max; + + if (range_price.min && range_price.max) { + filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && + Number(JSON.parse(maformation).price) <= Number(range_price.max) + ); + + setv11(filtre1); + } + + + setnewresult(filtre1); + //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); + //console.log("############################ filtre1 = " + filtre1); + setCurrentPage2(1); + //console.log(" ????????????????????????????filtre2 = "+filtre2); + if (myelement) { + myelement.scrollIntoView({ behavior: 'smooth' }); + } + + return; + } + + + // END PR CPF + function TrainingTypeHandle(event) { + + settypechecked("1"); + var toto = ""; + var filtre1 = ""; + var filtre2 = ""; + var filtre3 = ""; + + var myelement; + + if (document.getElementById('rech_middlebox')) { + myelement = document.getElementById('rech_middlebox'); + } + + var crit_TrainingPrice = ""; + + var crit_TrainingType = ""; + if (document.querySelector('input[name="TrainingType"]:checked')) { + crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value + if (crit_TrainingType.length > 0) { + filtre1 = result.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); + setv11(filtre1); + } + + } else { + + filtre1 = result; + setv11(filtre1); + } + + // recuperation du filtre du support + var crit_TrainingSupport = ""; + if (document.getElementById("supoort_list_derou")) { + crit_TrainingSupport = document.getElementById("supoort_list_derou").value; + if (crit_TrainingSupport.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + + } + + + // recuperation du filtre du CPF + var crit_TrainingCPF = ""; + if (document.querySelector('input[name="TrainingCPF"]:checked')) { + crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value + if (crit_TrainingCPF.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); + + } + + // recuperation du filtre du certificat + var crit_TrainingCertif = ""; + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value + if (crit_TrainingCertif.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); + + } + + // recuperation du filtre de la distance + var crit_Trainingdistance = ""; + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value + if (crit_Trainingdistance.length > 0) { + // filtre presentiel = 1 + if (String(crit_Trainingdistance) === String("1")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); + setv11(filtre1); + + } + else if (String(crit_Trainingdistance) === String("0")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); + setv11(filtre1); + } + } + + } + + // Recup du filtre de prix + var crit_TrainingPrice = range_price.min + ":" + range_price.max; + + if (range_price.min && range_price.max) { + filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && + Number(JSON.parse(maformation).price) <= Number(range_price.max) + ); + + setv11(filtre1); + } + + + setnewresult(filtre1); + //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); + //console.log("############################ filtre1 = " + filtre1); + setCurrentPage2(1); + //console.log(" ????????????????????????????filtre2 = "+filtre2); + + if (myelement) { + // 👇 Will scroll smoothly to the top of the next section + myelement.scrollIntoView({ behavior: 'smooth' }); + + } + + + return; + + + + + + } + + + function TrainingLangHandle(event) { + setTrainingLang(event.target.value); + alert("newresult newresultnewresultnewresult = " + newresult); + } + + + function TrainingPriceHandle(event) { + + + var crit_TrainingPrice = range_price.min + ":" + range_price.max; + + setTrainingPrice(event.target.value); + var toto = ""; + var filtre1 = ""; + + + var crit_TrainingPrice = range_price.min + ":" + range_price.max; + + var myprices = crit_TrainingPrice.split(':'); + if (range_price.min && range_price.max) { + filtre1 = result.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && + Number(JSON.parse(maformation).price) <= Number(range_price.max) + ); + //console.log(" PRICEEEEEEEEEEEEEEEE = "+filtre1); + setv11(filtre1); + } + else { + //alert(" Annulation du filtre prix"); + filtre1 = result; + setv11(filtre1); + } + + + + // Recuperation des autres filtres. + // recuperation du filtre du support + var crit_TrainingSupport = ""; + if (document.getElementById("supoort_list_derou")) { + crit_TrainingSupport = document.getElementById("supoort_list_derou").value; + if (crit_TrainingSupport.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + } + + // recuperation du filtre du CPF + var crit_TrainingCPF = ""; + if (document.querySelector('input[name="TrainingCPF"]:checked')) { + crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value + if (crit_TrainingCPF.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); + + } + + + // recuperation du filtre du certification + var crit_TrainingCertif = ""; + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; + if (crit_TrainingCertif.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); + } + + // recuperation du filtre du type (cours, tuto, etc) + var crit_TrainingType = ""; + if (document.querySelector('input[name="TrainingType"]:checked')) { + crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value; + if (crit_TrainingType.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); + } + + // recuperation du filtre de la distance + var crit_Trainingdistance = ""; + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value; + if (crit_Trainingdistance.length > 0) { + // filtre presentiel = 1 + if (String(crit_Trainingdistance) === String("1")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); + setv11(filtre1); + + } + else if (String(crit_Trainingdistance) === String("0")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); + setv11(filtre1); + } + } + + } + + + setnewresult(filtre1); + setCurrentPage2(1); + + } + + + // Traitement du filtre presentiel / distantiel + function TrainingDistancielHandle(event) { + + + isonsite(); + setlieuchecked("1"); + var toto = ""; + var filtre1 = ""; + var filtre0 = []; + var filtre01 = []; + var my_ville = ""; + var my_cp = ""; + + if (document.getElementById("ville")) { + my_ville = crit_TrainingSupport = document.getElementById("ville").value; + my_ville = my_ville.trim(); + + } + + if (document.getElementById("zip_code")) { + my_cp = crit_TrainingSupport = document.getElementById("zip_code").value; + my_cp = my_cp.trim(); + + } + + var crit_Trainingdistance = ""; + // Recuperation du filtre principale modifié dans ce event (distance) + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value; + //alert("crit_Trainingdistance = " + crit_Trainingdistance); + if (crit_Trainingdistance.length > 0) { + // filtre presentiel = 1 + + if (String(crit_Trainingdistance) === String("1")) { + + filtre1 = result.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); + setv11(filtre1); + + } + else if (String(crit_Trainingdistance) === String("0")) { + filtre1 = result.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); + + // Traitement du nom de la ville + if (my_ville.length > 3) { + + var filtre2 = filtre1.map(obj => { + + if (JSON.parse(obj).datelieu) { + + var tmp = JSON.parse(obj).datelieu.length + var i = 0; + while (i < tmp) { + //console.log(JSON.parse(obj).datelieu[i]); + //console.log(" ville =" + JSON.parse(obj).datelieu[i].ville) + if (JSON.parse(obj).datelieu[i].ville === my_ville) { + return obj + } + i++; + } + } + + }); + + var filtre3 = filtre2.filter(function (element) { + return element !== undefined; + }); + + + filtre1 = filtre3; + } + + // Traitement du zip code + if (my_cp.length > 2) { + + var filtre2 = filtre1.map(obj => { + + if (JSON.parse(obj).datelieu) { + + var tmp = JSON.parse(obj).datelieu.length + var i = 0; + while (i < tmp) { + //console.log(JSON.parse(obj).datelieu[i]); + //console.log(" ville =" + JSON.parse(obj).datelieu[i].ville) + if (JSON.parse(obj).datelieu[i].code_postal.startsWith(my_cp)) { + return obj + } + i++; + } + } + + }); + + var filtre3 = filtre2.filter(function (element) { + return element !== undefined; + }); + + + filtre1 = filtre3; + } + + setv11(filtre1); + + + } + else if (String(crit_Trainingdistance) === String("NA")) { + + filtre1 = result; + setv11(filtre1); + } + } + else if (crit_Trainingdistance.length <= 0) { + + filtre1 = result; + setv11(filtre1); + } + } + + + /* Recuperation des autres filtres */ + // recuperation du filtre du support + var crit_TrainingSupport = ""; + if (document.getElementById("supoort_list_derou")) { + crit_TrainingSupport = document.getElementById("supoort_list_derou").value; + if (crit_TrainingSupport.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + } + + // recuperation du filtre du certification + var crit_TrainingCertif = ""; + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; + if (crit_TrainingCertif.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); + } + + // recuperation du filtre du CPF + var crit_TrainingCPF = ""; + if (document.querySelector('input[name="TrainingCPF"]:checked')) { + crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value + if (crit_TrainingCPF.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); + + } + + + // recuperation du filtre du type (cours, tuto, etc) + var crit_TrainingType = ""; + if (document.querySelector('input[name="TrainingType"]:checked')) { + crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value; + if (crit_TrainingType.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); + } + + // Recup du filtre de prix + var crit_TrainingPrice = range_price.min + ":" + range_price.max; + + if (range_price.min && range_price.max) { + filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && + Number(JSON.parse(maformation).price) <= Number(range_price.max) + ); + + setv11(filtre1); + } + + + setnewresult(filtre1); + setCurrentPage2(1); + } + + + + function displayAllClassesHandle(event) { + setdisplayAllClasses(event.target.checked); + if (event.target.checked == true) + document.getElementById("SearchText").disabled = true; + else + document.getElementById("SearchText").disabled = false; + } + + + const [suggestedwords, setsuggestedwords] = useState([]); + const [texte, settext] = useState(""); + + const [cities, setcities] = useState(""); + + const [suggestedcities, setsuggestedcities] = useState([]); + + + + useEffect(() => { + + var ip = ""; + + Get_Subdomain_Partner_Data(window.location.host) + async function fetchData() { + // const result = await axios('https://geolocation-db.com/json/',); + + + + /* setuserIp("172.71.122.128"); + setcountry_code("FR"); + setcountry_name("France"); + setcity("Paris"); + setpostal("75001"); + setlatitude("48.861000061035156"); + setlongitude("2.3380000591278076"); + setIPv4("172.71.122.128"); + setstate("France");*/ + + let windowWidth = window.innerWidth; + + if (showelement === "init") { + + if (windowWidth < 601) { + setismobilephone(true); + setshowelement("false"); + settextplaceholder("Plus de 10 000 formations (gratuites, payantes...)"); + + } else if (windowWidth >= 601) { + setismobilephone(false); + setshowelement("true"); + //settextplaceholder("Ex : graphiste ...sur plus de 10 000 formations (gratuites, payantes,..)"); + settextplaceholder("Recherche par Titre, Description, Contenu video ... sur plus de 10 000 formations (gratuites, payantes,..)"); + } + } + + + if (categorie && String(categorie).length > 0) { + + getClassByMetier_categorie(categorie); + + } + else { + + DisplayXfirstClas(result.data); + + } + } + + + fetchData(); + async function loadSuggestedWord() { + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/"; + //alert(" URL = "+process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/"); + //console.log(" ### URL ##### = "+process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/"); + + var form = new FormData(); + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/", + { + method: 'POST', + + } + ).then((response) => response.json()) + .then((result) => { + //console.log('Success:', result['message']); + setsuggestedwords(result['message']); + + + }) + .catch((error) => { + console.error('Error:'); + }); + + } + loadSuggestedWord(); + + async function loadSuggestedFrCities() { + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Fr_Cities/", + { + method: 'POST', + + } + ).then((response) => response.json()) + .then((result) => { + //console.log(' loadSuggestedFrCities CITIES = Success:', result['message']); + setsuggestedcities(result['message']); + //console.log(" CITIES = " + result['message']); + + }) + .catch((error) => { + console.error('Error:'); + }); + + } + loadSuggestedFrCities(); + + + async function loadDomainMetier() { + + var form = new FormData(); + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/get_List_domaine_metier/", + { + method: 'POST', + + } + ).then((response) => response.json()) + .then((result) => { + //console.log('### loadDomainMetier Success:', result['message']); + setdomaine_metier(result['message']); + var tab = []; + + result.message.map(obj => { + + if (JSON.parse(obj).label) { + + + var month = {}; + month.label = JSON.parse(obj).label; + month.value = JSON.parse(obj).value; + month.domaine = JSON.parse(obj).domaine; + tab.push({ ...month }); + } + }); + + + setdomaine_v11(tab); + setdomaine_v11_orig(tab); + setdomaine_metier(tab); + setdomaine_metier_orig(tab); + + + }) + .catch((error) => { + console.error('Error:', error); + }); + + } + //loadDomainMetier(); + + + async function loadDomain() { + + var form = new FormData(); + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/get_List_domaine_formation/", + { + method: 'POST', + + } + ).then((response) => response.json()) + .then((result) => { + //console.log('### loadDomainMetier Success:', result['message']); + setdomaine_metier(result['message']); + + }) + .catch((error) => { + console.error('loadDomain :', error); + + }); + + } + + loadDomain(); + + const listener = event => { + if (event.code === "Enter" || event.code === "NumpadEnter") { + event.preventDefault(); + searchFunction(); + } + }; + document.addEventListener("keydown", listener); + + + if (typeof (stored_user) === "undefined" || String(stored_user) === '') { + setuserconnected("0"); + } else { + setuserconnected("1"); + } + + + setinitAllfiter(); + + whosisconnected(); + + if (categorie) { + //console.log(" ### categorie = ", categorie); + setmymetier(categorie); + } else { + setmymetier(); + } + + //document.getElementById("_1234").checked = true; + + + + }, [initAllfiter, categorie]); + + + // Cette fonction reinitialise les filtres + function InitAllfilters() { + //document.getElementById("TrainingCertif").selectedv = 0; + const $select = document.querySelector('#TrainingCertif'); + $select.value = '' + + const $select2 = document.querySelector('#TrainingSupport'); + $select2.value = '' + + const $select3 = document.querySelector('#TrainingType'); + $select3.value = '' + + const $select4 = document.querySelector('#TrainingPresentiel'); + $select4.value = 'NA' + + const $select5 = document.querySelector('#TrainingPrice'); + $select5.value = 'NA' + + + + } + + function DisplayClassByDomainFilter() { + var tab_domaine = list_domaine.split(";") + //console.log("tab_domaine = ", tab_domaine) + + if (tab_domaine.length <= 0) { + setdomaine_v11(domaine_v11_orig); + DisplayXfirstClas(); + return; + } + + + + } + + const handleChangeMetier = (event) => { + + var local_list_metier = "" + + + for (let i = 0; i < event.length; i++) { + const label = event[i].label; + const value = event[i].value; + + local_list_metier += value + ";" + + } + + //console.log(" ### local_list_metier = ",local_list_metier); + setlist_metier(local_list_metier); + //TrainingMetierHandle(); + + // Verification si on a une valeur + if (event.length > 0 && local_list_metier.trim().length > 0) { + getClassByMetier(local_list_metier); + } else { + DisplayClassByDomainFilter(); + } + + } + + + + const [domaine_metier, setdomaine_metier] = useState([]); + const [domaine_metier_orig, setdomaine_metier_orig] = useState([]); + + const [domaine_formation, setdomaine_formation] = useState([]); + + const [domaine_v11, setdomaine_v11] = useState(""); + const [domaine_v11_orig, setdomaine_v11_orig] = useState(""); + + const [list_domaine, setlist_domaine] = useState(""); + const [list_metier, setlist_metier] = useState(""); + + const handleChangeDomaine = (event) => { + + + if (event.length <= 0) { + setdomaine_v11(domaine_v11_orig); + DisplayXfirstClas(); + return; + } + //console.log(domaine_metier); + //console.log(" taille =" + event.length); + //console.log(domaine_v11_orig); + + var tt = domaine_v11_orig; + var dump = []; + var local_list_domaine = "" + + + for (let i = 0; i < event.length; i++) { + const label = event[i].label; + const value = event[i].value; + + local_list_domaine += value + ";" + + tt = domaine_v11_orig.filter((maformation) => maformation.domaine === String(value)); + //console.log(" TT = ", tt); + + for (let i2 = 0; i2 < tt.length; i2++) { + //console.log(" push de ", tt[i2]) + dump.push(tt[i2]); + } + + setlist_domaine(local_list_domaine); + setdomaine_v11(dump); + } + + getClassByDomaine(local_list_domaine); + + + + } + + + + const currentTableData2 = useMemo(() => { + if (newresult) { + const firstPageIndex = (currentPage2 - 1) * PageSize; + const lastPageIndex = firstPageIndex + PageSize; + setfin(1); + return newresult.slice(firstPageIndex, lastPageIndex); + } + + + if (result) { + const firstPageIndex = (currentPage2 - 1) * PageSize; + const lastPageIndex = firstPageIndex + PageSize; + setfin(1); + return result.slice(firstPageIndex, lastPageIndex); + } + else { + return []; + setfin(0); + } + }, [currentPage2]); + + function searchFunction(e) { + // Nettoyage du resultat precedent. + setResult([]); + + var crit_TrainingSupport = ""; + var crit_TrainingType = ""; + var crit_TrainingCertif = ""; + var crit_TrainingLang = ""; + var crit_TrainingPresentiel = ""; + var crit_TrainingPrice = ""; + var crit_TrainingDuration = ""; + var my_ville = ""; + + var my_cp = ""; + + var my_domaine = ""; + + + + if (document.getElementById("searchdomain")) + my_domaine = document.getElementById("searchdomain").value; + + + + //Get Criterias + var crit_SearchText = document.getElementById("SearchText").value; + + if (document.getElementById("TrainingSupport")) + crit_TrainingSupport = document.getElementById("TrainingSupport").value; + + if (document.getElementById("TrainingType")) + crit_TrainingType = document.getElementById("TrainingType").value; + + if (document.getElementById("TrainingCertif")) + crit_TrainingCertif = document.getElementById("TrainingCertif").value; + if (crit_TrainingCertif.length == 0) + crit_TrainingCertif = "NA"; + + + if (document.getElementById("TrainingLang")) + crit_TrainingLang = document.getElementById("TrainingLang").value; + + if (document.getElementById("TrainingPresentiel")) + crit_TrainingPresentiel = document.getElementById("TrainingPresentiel").value; + + if (document.getElementById("TrainingPrice")) + crit_TrainingPrice = document.getElementById("TrainingPrice").value; + + if (document.getElementById("duration")) + crit_TrainingDuration = document.getElementById("duration").value; + + + if (document.getElementById("ville")) { + my_ville = crit_TrainingSupport = document.getElementById("ville").value; + + } + + if (document.getElementById("zip_code")) { + my_cp = crit_TrainingSupport = document.getElementById("zip_code").value; + + } + + + var crit_Trainingdistance = Trainingdistance; + + //console.log(" my_domaine = ", my_domaine); + + /*console.log('SearchText = ' + crit_SearchText + ' - TrainingSupport = ' + crit_TrainingSupport + + ' - TrainingType = ' + crit_TrainingType + ' - TrainingCertif ' + crit_TrainingCertif + + " Langue = " + crit_TrainingLang + " TrainingPrice = " + crit_TrainingPrice + + " - Distance = " + crit_Trainingdistance + " -- Presentiel :" + crit_TrainingPresentiel + + " - Duration = " + crit_TrainingDuration + " - stored_user_cookie = " + stored_user);*/ + + + var form = new FormData(); + form.append("search_text", crit_SearchText); + + + 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_part) === "undefined" || String(stored_part) === '') { + 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_part); + form.append("connection_type", "partner"); + } + else { + form.append("token", ""); + form.append("connection_type", ""); + } + form.append("certif", crit_TrainingCertif); + form.append("support", crit_TrainingSupport); + form.append("type", crit_TrainingType); + form.append("lang", crit_TrainingLang); + form.append("price", crit_TrainingPrice); + form.append("distance", crit_Trainingdistance); + form.append("duration", crit_TrainingDuration); + + + // Ajout des info IP user + form.append("user_ip", IPv4); + form.append("user_country_code", country_code); + form.append("user_country_name", country_name); + form.append("user_city", city); + form.append("user_postal", postal); + form.append("user_latitude", latitude); + form.append("user_longitude", longitude); + form.append("user_state", state); + form.append("subdomain", window.location.host.split(".")[0]); + + + var myurl = "" + if (displayAllClasses == true) { + myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_class_Given_partner_owner_recid_No_Login/"; + } + else { + myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_text_simple_for_partner_catalog/"; + + } + + // alert("myurl = " + myurl); + axios.post(myurl, form).then(res => { + if (String(res.data.status) != String("false")) { + //console.log(" In test res.data.status = " + res.data.status); + //console.log(" In test res.data.message = " + res.data.message); + setmyApiResponse("True"); + setResult(res.data.message) + + //Verification si le resutlat est vide + if (res.data.message.length <= 0) { + setbesoinaiderecherche("1"); + } + /*if (scrollDiv.current) { + scrollDiv.current.scrollIntoView({ behavior: "smooth" }); + }*/ + + var myelement; + + if (document.getElementById('rech_middlebox')) { + myelement = document.getElementById('rech_middlebox'); + } + + if (myelement) { + myelement.scrollIntoView({ behavior: 'smooth' }); + } + + } + + else { + //console.log(" In test res.data.status = " + res.data.status); + //console.log(" In test res.data.message = " + res.data.message); + setmyApiResponse("False"); + //setmyApimyApiMessage("") + //textInput.current.focus(); + } + + + }).catch((error) => { + // console.warn('Not good man :( mysearchtext = '); + setmyApiResponse("False"); + //setmyApimyApiMessage("") + }) + + // window.scrollTo(0, 600); + + + + + } + + // Cette fonction affiche les X premieres formations + function DisplayXfirstClas(ip) { + + // Nettoyage du resultat precedent. + setResult([]); + + + + //Get Criterias + var crit_SearchText = ""; + var myurl = ""; + + var form = new FormData(); + form.append("search_text", crit_SearchText); + + + if (typeof (NewSearchText) === "undefined" || String(NewSearchText) === '') { + crit_SearchText = ""; + myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_class_Given_partner_owner_recid_No_Login/"; + form.append("subdomain", window.location.host.split(".")[0]); + + //console.log(" ######### laaaaaaaaaaaaa subdomain = ", window.location.host.split(".")[0]) + + + } else { + crit_SearchText = NewSearchText; + myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_text_simple_for_partner_catalog/"; + + } + + + + + + 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_part) === "undefined" || String(stored_part) === '') { + 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_part); + form.append("connection_type", "partner"); + } + else { + form.append("token", ""); + form.append("connection_type", ""); + } + + form.append("certif", ""); + form.append("support", ""); + form.append("type", ""); + form.append("lang", ""); + form.append("price", ""); + form.append("distance", ""); + form.append("duration", ""); + form.append("cpf", ""); + + + + // Ajout des info IP user + if (ip) { + //console.log(" ### with IP"); + form.append("user_ip", ip.IPv4); + form.append("user_country_code", ip.country_code); + form.append("user_country_name", ip.country_name); + form.append("user_city", ip.city); + form.append("user_postal", ip.postal); + form.append("user_latitude", ip.latitude); + form.append("user_longitude", ip.longitude); + form.append("user_state", ip.state); + } + else { + //console.log(" ### with OUT IP"); + form.append("user_ip", IPv4); + form.append("user_country_code", country_code); + form.append("user_country_name", country_name); + form.append("user_city", city); + form.append("user_postal", postal); + form.append("user_latitude", latitude); + form.append("user_longitude", longitude); + form.append("user_state", state); + // alert(" rrtt "); + } + + + //alert("myurl = " + myurl); + axios.post(myurl, form).then(res => { + if (String(res.data.status) != String("false")) { + //console.log(" In test res.data.status = " + res.data.status); + //console.log(" In DisplayXfirstClas res.data.message = " + res.data.message); + + setmyApiResponse("True"); + setResult(res.data.message) + // textInput.current.focus(); + setbesoinaiderecherche(""); + + } + else { + //console.log(" In test res.data.status = " + res.data.status); + //console.log(" In test res.data.message = " + res.data.message); + setmyApiResponse("False"); + //setmyApimyApiMessage("") + //textInput.current.focus(); + } + + + }).catch((error) => { + // console.warn('Not good man :( mysearchtext = '); + setmyApiResponse("False"); + //setmyApimyApiMessage("") + }) + + + } + + function trier(e) { + + setistrier(); + var trierpar = "" + if (document.getElementById("trierpar")) + trierpar = document.getElementById("trierpar").value; + + if (String(trierpar) === String("duration")) { + setCurrentPage2(1); + setCurrentPage(1); + + if (typeof (newresult) === "undefined" || String(newresult) === '') { + + //console.log(" AVANT TRIE : [0].duration = " + JSON.parse(result[0]).duration + " - [1].duration = " + JSON.parse(result[1]).duration) + result.sort(function (a, b) { + return JSON.parse(a).duration - JSON.parse(b).duration; + }); + + //console.log("APRES TRIE : [0].duration = " + JSON.parse(result[0]).duration + " - [1].duration = " + JSON.parse(result[1]).duration) + setistrier("1"); + } + else if (typeof (newresult) !== "undefined" || newresult.length > 0) { + newresult.sort(function (a, b) { + return JSON.parse(a).duration - JSON.parse(b).duration; + }); + } + } + + else if (String(trierpar) === String("price")) { + setCurrentPage2(1); + + if (typeof (newresult) === "undefined" || String(newresult) === '') { + //console.log(" AVANT TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price); + result.sort(function (a, b) { + return JSON.parse(a).price - JSON.parse(b).price; + }); + //console.log("APRES TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price); + setistrier("2"); + } + else if (typeof (newresult) !== "undefined" || newresult.length > 0) { + newresult.sort(function (a, b) { + return JSON.parse(a).price - JSON.parse(b).price; + }); + } + } + + else if (String(trierpar) === String("note")) { + setCurrentPage2(1); + + if (typeof (newresult) === "undefined" || String(newresult) === '') { + //console.log(" AVANT TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price); + result.sort(function (a, b) { + return JSON.parse(b).note - JSON.parse(a).note; + }); + //console.log("APRES TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price); + setistrier("2"); + } + else if (typeof (newresult) !== "undefined" || newresult.length > 0) { + newresult.sort(function (a, b) { + return JSON.parse(b).note - JSON.parse(a).note; + }); + } + } + + } + + + function getClassByMetier_categorie(mycate) { + + var mymetier = mycate; + + + // Nettoyage du resultat precedent. + setResult([]); + var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_by_metier/"; + + /*if (mymetier === "tout") { + //alert(" tout et sortir"); + setinitAllfiter("1"); + return; + + }*/ + + var form = new FormData(); + form.append("metier", mymetier); + form.append("token", ""); + + + //alert("myurl = "+myurl); + axios.post(myurl, form).then(res => { + if (String(res.data.status) != String("false")) { + + setmyApiResponse("True"); + setResult(res.data.message) + //textInput.current.focus(); + setbesoinaiderecherche(""); + setnewresult(""); + //console.log(" In getClassByMetier res.data.status = " + res.data.status); + //console.log(" In getClassByMetier res.data.message = " + res.data.message); + //setnewresult(res.data.message); + setCurrentPage2(1); + if (scrollDiv.current) { + scrollDiv.current.scrollIntoView({ behavior: "smooth" }); + } + + // reinitialisation de tous les filtre + + //setmyApimyApiMessage("OK") + //console.log("taille = "+res.data.message.length); + } + else { + //console.log(" In getClassByMetier res.data.status = " + res.data.status); + //console.log(" In getClassByMetier res.data.message = " + res.data.message); + setmyApiResponse("False"); + //setmyApimyApiMessage("") + //textInput.current.focus(); + } + + + }).catch((error) => { + console.warn(' getClassByMetier : Not good man :( mysearchtext = '); + setmyApiResponse("False"); + //setmyApimyApiMessage("") + }) + + } + + + function getClassByDomaine(List_Domaine) { + + // Nettoyage du resultat precedent. + setResult([]); + var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_by_domaine/"; + + /*if (mymetier === "tout") { + //alert(" tout et sortir"); + setinitAllfiter("1"); + return; + + }*/ + + var form = new FormData(); + form.append("domaine", List_Domaine); + form.append("token", ""); + + + //alert("myurl = "+myurl); + axios.post(myurl, form).then(res => { + if (String(res.data.status) != String("false")) { + + setmyApiResponse("True"); + setResult(res.data.message) + //textInput.current.focus(); + setbesoinaiderecherche(""); + setnewresult(""); + //console.log(" In getClassByDomaine res.data.status = " + res.data.status); + //console.log(" In getClassByDomaine res.data.message = " + res.data.message); + //setnewresult(res.data.message); + setCurrentPage2(1); + if (scrollDiv.current) { + scrollDiv.current.scrollIntoView({ behavior: "smooth" }); + } + + // reinitialisation de tous les filtre + + //setmyApimyApiMessage("OK") + //console.log("taille = "+res.data.message.length); + } + else { + //console.log(" In getClassByMetier res.data.status = " + res.data.status); + //console.log(" In getClassByMetier res.data.message = " + res.data.message); + setmyApiResponse("False"); + //setmyApimyApiMessage("") + //textInput.current.focus(); + } + + + }).catch((error) => { + console.warn(' getClassByMetier : Not good man :( mysearchtext = '); + setmyApiResponse("False"); + //setmyApimyApiMessage("") + }) + + } + + function ReinitFilters() { + // Reinitialisation des filtre + annulefiltrecertif(); + annulefiltresupportchecked(); + annulefiltretypechecked(); + annulefiltrelieuchecked(); + annulefiltrecpf(); + } + + const [mymetier, setmymetier] = useState(""); + + function getClassByMetier(my_liste_metier) { + + + if (NewSearchText && NewSearchText.length > 2) { + alert(" Réinitialiser les filtres pour utiliser cette fonctionalité"); + return; + } + var myelement; + + if (document.getElementById('rech_middlebox')) { + myelement = document.getElementById('rech_middlebox'); + } + + var check_metier = ""; + if (document.querySelector('input[name="metier_radio"]:checked')) { + + check_metier = document.querySelector('input[name="metier_radio"]:checked').value; + } + + setmymetier(check_metier); + ReinitFilters(); + + + if (check_metier === "tout") { + // Nettoyage du resultat precedent. + setResult([]); + setnewresult(""); + //alert(" tout et sortir"); + + setdomaine_v11(domaine_v11_orig); + DisplayXfirstClas(); + //setResult([]); + + /*const pieces = window.location.href.split("/") + const last = pieces[pieces.length - 1] + const last2 = pieces[pieces.length - 2] + + if (last === "Recherche_new_v2" || last2 === "Recherche_new_v2") { + console.log(" ## RELAOD"); + window.location.reload(true); + } else { + + + history.push("/Recherche_new_v2"); + } + */ + if (myelement) { + // 👇 Will scroll smoothly to the top of the next section + myelement.scrollIntoView({ behavior: 'smooth' }); + } + return; + + } + + + + // Nettoyage du resultat precedent. + setResult([]); + var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_by_metier/"; + + + var form = new FormData(); + form.append("metier", check_metier); + form.append("token", ""); + + //console.log(" recherif pour metier ", check_metier); + //alert("myurl = "+myurl); + axios.post(myurl, form).then(res => { + if (String(res.data.status) != String("false")) { + + setmyApiResponse("True"); + setResult(res.data.message) + //textInput.current.focus(); + setbesoinaiderecherche(""); + setnewresult(""); + //console.log(" In getClassByMetier res.data.status = " + res.data.status); + //console.log(" In getClassByMetier res.data.message = " + res.data.message); + //setnewresult(res.data.message); + setCurrentPage2(1); + if (scrollDiv.current) { + scrollDiv.current.scrollIntoView({ behavior: "smooth" }); + } + + // reinitialisation de tous les filtre + + //setmyApimyApiMessage("OK") + //console.log("taille = "+res.data.message.length); + } + else { + //console.log(" In getClassByMetier res.data.status = " + res.data.status); + //console.log(" In getClassByMetier res.data.message = " + res.data.message); + setmyApiResponse("False"); + //setmyApimyApiMessage("") + //textInput.current.focus(); + } + + + }).catch((error) => { + console.warn(' getClassByMetier : Not good man :( mysearchtext = '); + setmyApiResponse("False"); + //setmyApimyApiMessage("") + }) + + //console.log(" ICI MOVE TO "); + if (myelement) { + // 👇 Will scroll smoothly to the top of the next section + myelement.scrollIntoView({ behavior: 'smooth' }); + } + + } + + + const [PartnerMenu, setPartnerMenu] = React.useState(null); + const [AccountMenu, setAccountMenu] = React.useState(null); + const [ProduitMenu, setproduitMenu] = React.useState(null); + const [AvisMenu, setavisMenu] = React.useState(null); + + + + const PartnerMenu_Close = () => { + setPartnerMenu(null); + }; + + const AccountMenu_Close = () => { + setAccountMenu(null); + }; + + + const ProduitMenu_Close = () => { + setproduitMenu(null); + }; + + const handlePartnerMenu = (event) => { + setPartnerMenu(event.currentTarget); + }; + + const handleAccountMenu = (event) => { + setAccountMenu(event.currentTarget); + }; + + + const handleProduitMenu = (event) => { + setproduitMenu(event.currentTarget); + }; + + + + + const handleClose_Account = () => { + //alert(" my account"); + setAccountMenu(null); + }; + + const handleBlogMenu = (event) => { + setproduitMenu(event.currentTarget); + history.push("/Recherche-Article-formation") + }; + + const handleQuisommesNousMenu = (event) => { + setproduitMenu(event.currentTarget); + history.push("/qui-sommes-nous") + }; + + const handleAccountConnexion = () => { + setAccountMenu(null); + history.push("/Connexion") + }; + + const handleMyAccount = () => { + setAccountMenu(null); + history.push("/mysy-user-account") + }; + + + const handleMyPartnerAccount = () => { + setAccountMenu(null); + history.push("/Partner") + }; + + + const handleAccountCreation = () => { + setAccountMenu(null); + history.push("/create_account") + }; + + const handlePartnerConnexion = () => { + setAccountMenu(null); + history.push("/PartnerLogin") + }; + + + const handleProduitService = () => { + setproduitMenu(null); + history.push("/tarifs_produits_services/") + }; + + const handleAvis = () => { + setavisMenu(null); + history.push("/Recherche-Article-formation") + }; + + function test() { + alert(" coucou"); + } + + + const [someoneconnected, setsomeoneconnected] = useState("0"); + const [partnerconnected, setpartnerconnected] = useState("0"); + const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']); + + const stored_part = getCookie('tokenmysypart'); + + + + function whosisconnected() { + var local_user_connect = 0; + var local_part_connect = 0; + + if (typeof (stored_user) === "undefined" || String(stored_user) === '') { + setuserconnected("0"); + local_user_connect = 0; + } else { + setuserconnected("1"); + setsomeoneconnected("1"); + local_user_connect = 1; + //alert(" user connected OK"); + } + + if (typeof (stored_part) === "undefined" || String(stored_part) === '') { + setpartnerconnected("0"); + local_part_connect = 0; + } else { + setpartnerconnected("1"); + setsomeoneconnected("1"); + local_part_connect = 1; + //alert(" partner connected OK"); + } + } + + function handleAccountLogout() { + + if (String(userconnected) === String("1")) { + user_logout(); + } + else if (String(partnerconnected) === String("1")) { + part_logout(); + } + } + + function user_logout_confirmation() { + /* si c'est une connexion partner qui est active */ + if (typeof (stored_user) != "undefined") { + setCookie("tokenmysych", ""); + } + history.push("/recherche-formation"); + } + + function user_logout() { + confirmAlert({ + title: '', + message: 'Confirmez la deconnexion (user)', + buttons: [ + { + label: 'Oui', + onClick: () => user_logout_confirmation() + }, + { + label: 'Non', + onClick: () => { return } + } + ] + }); + } + + + + + function handleAccountConnexion_v2() { + + if (String(userconnected) === String("1")) { + handleMyAccount(); + } + else if (String(partnerconnected) === String("1")) { + handleMyPartnerAccount(); + } + } + + + function part_logout_confirmation() { + /* si c'est une connexion partner qui est active */ + if (typeof (stored_part) != "undefined") { + const stored_cookie = getCookie('tokenmysypart'); + var acces_right_token_name = stored_cookie + "_uar"; + + setpartCookie("tokenmysypart", "", { path: '/' }); + + setpartCookie(acces_right_token_name, "", { path: '/' }); + removeCookie(acces_right_token_name, { path: '/' }); + + } + setsomeoneconnected("0"); + setDialog_1_open(false); + history.push("/recherche-formation"); + } + + function part_logout() { + confirmAlert({ + title: '', + message: 'Confirmez la deconnexion (pro)', + buttons: [ + { + label: 'Oui', + onClick: () => part_logout_confirmation() + }, + { + label: 'Non', + onClick: () => { return } + } + ] + }); + } + + const [range_price, setrange_price] = useState({ min: 0, max: 9999, }); + function rangevalue() { + alert(range_price.max + " - " + range_price.min); + //console.log(" range = " + range_price); + } + + const [trainingonsite, settrainingonsite] = useState() + function isonsite() { + settrainingonsite(document.querySelector('input[name="TrainingPresentiel"]:checked').value) + + } + + const [certifchecked, setcertifchecked] = useState(); + function annulefiltrecertif() { + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + var radio = document.querySelector('input[name="TrainingCertif"]:checked'); + radio.checked = false; + setcertifchecked(""); + + var toto = ""; + var filtre1 = ""; + + + // Reinitialisation + filtre1 = result; + setv11(filtre1); + + + // recuperation du filtre du support + var crit_TrainingSupport = ""; + if (document.getElementById("supoort_list_derou")) { + crit_TrainingSupport = document.getElementById("supoort_list_derou").value; + if (crit_TrainingSupport.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + + } + + // recuperation du filtre du CPF + var crit_TrainingCPF = ""; + if (document.querySelector('input[name="TrainingCPF"]:checked')) { + crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value; + if (crit_TrainingCPF.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); + + } + + // recuperation du filtre du type + var crit_TrainingType = ""; + if (document.querySelector('input[name="TrainingType"]:checked')) { + crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value + if (crit_TrainingType.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType); + + } + + // recuperation du filtre de la distance + var crit_Trainingdistance = ""; + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value + if (crit_Trainingdistance.length > 0) { + // filtre presentiel = 1 + if (String(crit_Trainingdistance) === String("1")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); + setv11(filtre1); + + } + else if (String(crit_Trainingdistance) === String("0")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); + setv11(filtre1); + } + } + + } + + var crit_TrainingPrice = range_price.min + ":" + range_price.max; + + setnewresult(filtre1); + //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); + //console.log("############################ filtre1 = " + filtre1); + setCurrentPage2(1); + //console.log(" ????????????????????????????filtre2 = "+filtre2); + + } + return; + + + } + + + function annulefiltrecpf() { + if (document.querySelector('input[name="TrainingCPF"]:checked')) { + var radio = document.querySelector('input[name="TrainingCPF"]:checked'); + radio.checked = false; + setcpfchecked(""); + + var toto = ""; + var filtre1 = ""; + + + // Reinitialisation + filtre1 = result; + setv11(filtre1); + + // recuperation du filtre de la certification + var crit_TrainingCertif = ""; + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; + if (crit_TrainingCertif.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); + + } + + // recuperation du filtre du support + var crit_TrainingSupport = ""; + if (document.getElementById("supoort_list_derou")) { + crit_TrainingSupport = document.getElementById("supoort_list_derou").value; + if (crit_TrainingSupport.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + + } + + + // recuperation du filtre du type + var crit_TrainingType = ""; + if (document.querySelector('input[name="TrainingType"]:checked')) { + crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value + if (crit_TrainingType.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType); + + } + + // recuperation du filtre de la distance + var crit_Trainingdistance = ""; + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value + if (crit_Trainingdistance.length > 0) { + // filtre presentiel = 1 + if (String(crit_Trainingdistance) === String("1")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); + setv11(filtre1); + + } + else if (String(crit_Trainingdistance) === String("0")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); + setv11(filtre1); + } + } + + } + + var crit_TrainingPrice = range_price.min + ":" + range_price.max; + + setnewresult(filtre1); + //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); + //console.log("############################ filtre1 = " + filtre1); + setCurrentPage2(1); + //console.log(" ????????????????????????????filtre2 = "+filtre2); + + } + return; + + + } + + const [supportchecked, setsupportchecked] = useState(); + function annulefiltresupportchecked() { + //var radio = document.querySelector('input[name="TrainingSupport"]:checked'); + //radio.checked = false; + setsupportchecked(""); + var crit_TrainingSupport = ""; + var toto = ""; + var filtre1 = ""; + + + + // Reinitialisation + filtre1 = result; + setv11(filtre1); + + // recuperation du filtre de la certification + var crit_TrainingCertif = ""; + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; + if (crit_TrainingCertif.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); + + } + + + // recuperation du filtre du CPF + var crit_TrainingCPF = ""; + if (document.querySelector('input[name="TrainingCPF"]:checked')) { + crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value; + if (crit_TrainingCPF.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); + + } + + + // recuperation du filtre du type (cours, tuto, etc) + var crit_TrainingType = ""; + if (document.querySelector('input[name="TrainingType"]:checked')) { + crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value; + if (crit_TrainingType.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); + + } + + // recuperation du filtre de la distance + var crit_Trainingdistance = ""; + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value; + if (crit_Trainingdistance.length > 0) { + // filtre presentiel = 1 + if (String(crit_Trainingdistance) === String("1")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); + setv11(filtre1); + + } + else if (String(crit_Trainingdistance) === String("0")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); + setv11(filtre1); + } + } + } + // Recup du filtre de prix + var crit_TrainingPrice = ""; + + setnewresult(filtre1); + + //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); + //console.log("############################ filtre1 = " + filtre1); + setCurrentPage2(1); + //console.log(" ????????????????????????????filtre2 = "+filtre2); + } + + + const [typechecked, settypechecked] = useState(); + function annulefiltretypechecked() { + + if (document.querySelector('input[name="TrainingType"]:checked')) { + var radio = document.querySelector('input[name="TrainingType"]:checked'); + radio.checked = false; + settypechecked(""); + + var toto = ""; + var filtre1 = ""; + var filtre2 = ""; + var filtre3 = ""; + + + + // Reinitialisation + filtre1 = result; + setv11(filtre1); + //alert("rinitialisation") + ; + + // recuperation du filtre du support + var crit_TrainingSupport = ""; + if (document.getElementById("supoort_list_derou")) { + crit_TrainingSupport = document.getElementById("supoort_list_derou").value; + if (crit_TrainingSupport.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + + } + + // recuperation du filtre du certificat + var crit_TrainingCertif = ""; + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value + if (crit_TrainingCertif.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); + + } + + // recuperation du filtre du CPF + var crit_TrainingCPF = ""; + if (document.querySelector('input[name="TrainingCPF"]:checked')) { + crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value; + if (crit_TrainingCPF.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); + + } + + + // recuperation du filtre de la distance + var crit_Trainingdistance = ""; + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value + if (crit_Trainingdistance.length > 0) { + // filtre presentiel = 1 + if (String(crit_Trainingdistance) === String("1")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); + setv11(filtre1); + + } + else if (String(crit_Trainingdistance) === String("0")) { + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); + setv11(filtre1); + } + } + + } + + + setnewresult(filtre1); + //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); + //console.log("############################ filtre1 = " + filtre1); + setCurrentPage2(1); + //console.log(" ????????????????????????????filtre2 = "+filtre2); + } + return; + + } + + + const [lieuchecked, setlieuchecked] = useState(); + function annulefiltrelieuchecked() { + if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { + var radio = document.querySelector('input[name="TrainingPresentiel"]:checked'); + radio.checked = false; + setlieuchecked(""); + var toto = ""; + var filtre1 = ""; + settrainingonsite(''); + + + + //reinitialisation des filtres + filtre1 = result; + setv11(filtre1); + + // Annulation de la suggestion de villes + setsuggestioncities([]); + + + /* Recuperation des autres filtres */ + // recuperation du filtre du support + var crit_TrainingSupport = ""; + if (document.getElementById("supoort_list_derou")) { + crit_TrainingSupport = document.getElementById("supoort_list_derou").value; + if (crit_TrainingSupport.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); + } + + // recuperation du filtre du certification + var crit_TrainingCertif = ""; + if (document.querySelector('input[name="TrainingCertif"]:checked')) { + crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; + if (crit_TrainingCertif.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); + } + + // recuperation du filtre du CPF + var crit_TrainingCPF = ""; + if (document.querySelector('input[name="TrainingCPF"]:checked')) { + crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value; + if (crit_TrainingCPF.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); + + } + + // recuperation du filtre du type (cours, tuto, etc) + var crit_TrainingType = ""; + if (document.querySelector('input[name="TrainingType"]:checked')) { + crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value; + if (crit_TrainingType.length > 0) + filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); + } + setnewresult(filtre1); + setCurrentPage2(1); + } + } + + function OnblurHandle(e) { + setTimeout(() => { + setsuggestion2([]) + }, 100) + } + + + function OnSuggestionHandler(text) { + var val = text; + settext(val); + } + + function OnCitiesSuggestionHandler(text) { + var val = text; + setcities(val); + document.getElementById("ville").value = val; + LeaveCity(); + // Annulation de la suggestion de villes + setsuggestioncities([]); + } + + function publiecatalogue() { + + history.push("/Partner", { mysy_arg: 'partner' }); + } + + function LeaveCity() { + TrainingDistancielHandle(); + } + + function LeaveZipCode() { + TrainingDistancielHandle(); + } + + const Recherche_Domaine_Metier = (event) => { + + //console.log(" ### liste domaine = ", list_domaine); + //console.log(" ### liste metier = ", list_metier); + + } + + const [displayAllmetiers, setdisplayAllmetiers] = useState(); + + function DisplayAllmetier() { + if (displayAllmetiers) + setdisplayAllmetiers(false); + else + setdisplayAllmetiers(true); + } + + + function init_Filter_Change_url() { + history.push("/"); + window.location.reload(); + + /* window.scrollTo({ + top: 0, + behavior: "smooth", + });*/ + + } + + function message_to_init_Filter_Change_url() { + alert(" Réinitialiser les filtres pour réactivier cette fonctionnalité") + + } + + + const [Dialog_1_message, setDialog_1_message] = React.useState(false); + const [Dialog_1_open, setDialog_1_open] = React.useState(false); + function Dialog_1_handle_change_participant_session(message) { + setDialog_1_message(message); + setDialog_1_open(true); + } + + const Dialog_1_handleClose = () => { + //alert(" Utiliser le bouton 'fermer' "); + //setOpen(false); + }; + + const Dialog_1_handleClose_buton = () => { + setDialog_1_open(false); + }; + + + //console.log(" c'est url_subdomain ", url_subdomain); + + const [subdomain_recid, setsubdomain_recid] = useState(""); + const [my_theme_code, setmy_theme_code] = 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) { + + let domain = local_url_subdomain; + if (local_url_subdomain.includes("://")) { + domain = url.split('://')[1]; + } + + console.log(" ### local_url_subdomain = ", local_url_subdomain); + + const subdomain = domain.split('.')[0]; + + console.log(" ### subdomain = ", subdomain); + + var form = new FormData(); + + form.append("subdomain", 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 = JSON.parse(x).catalog_pub_logo; + var catalog_pub_banniere_img = JSON.parse(x).catalog_pub_banniere_img; + + var theme_code = JSON.parse(x).theme_code; + + var catalog_pub_message_1_txt = JSON.parse(x).catalog_pub_message_1_txt; + + var catalog_pub_cgv_pdf = "" + if (JSON.parse(x).catalog_pub_cgv_pdf) + catalog_pub_cgv_pdf = JSON.parse(x).catalog_pub_cgv_pdf; + + + var catalog_pub_cgu_pdf = "" + if (JSON.parse(x).catalog_pub_cgu_pdf) + catalog_pub_cgu_pdf = JSON.parse(x).catalog_pub_cgu_pdf; + + var catalog_pub_mention_legale_pdf = "" + if (JSON.parse(x).catalog_pub_mention_legale_pdf) + catalog_pub_mention_legale_pdf = JSON.parse(x).catalog_pub_mention_legale_pdf; + + + + var catalog_pub_message_1_taille = "12" + if (JSON.parse(x).catalog_pub_message_1_taille) + catalog_pub_message_1_taille = JSON.parse(x).catalog_pub_message_1_taille; + + var catalog_pub_message_1_color = "#000000"; + if (JSON.parse(x).catalog_pub_message_1_color) + catalog_pub_message_1_color = JSON.parse(x).catalog_pub_message_1_color; + + var catalog_pub_message_1_gras = "400" + if (JSON.parse(x).catalog_pub_message_1_gras) + catalog_pub_message_1_gras = JSON.parse(x).catalog_pub_message_1_gras; + + + 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_message_2_taille = "12" + if (JSON.parse(x).catalog_pub_message_2_taille) + catalog_pub_message_2_taille = JSON.parse(x).catalog_pub_message_2_taille; + + var catalog_pub_message_2_color = "#000000" + if (JSON.parse(x).catalog_pub_message_2_color) + catalog_pub_message_2_color = JSON.parse(x).catalog_pub_message_2_color; + + var catalog_pub_message_2_gras = "400" + if (JSON.parse(x).catalog_pub_message_2_gras) + catalog_pub_message_2_gras = JSON.parse(x).catalog_pub_message_2_gras; + + + + var catalog_pub_message_3_txt = "" + if (JSON.parse(x).catalog_pub_message_3_txt) + catalog_pub_message_3_txt = JSON.parse(x).catalog_pub_message_3_txt; + + var catalog_pub_message_3_taille = "12" + if (JSON.parse(x).catalog_pub_message_3_taille) + catalog_pub_message_3_taille = JSON.parse(x).catalog_pub_message_3_taille; + + var catalog_pub_message_3_color = "#000000"; + if (JSON.parse(x).catalog_pub_message_3_color) + catalog_pub_message_3_color = JSON.parse(x).catalog_pub_message_3_color; + + var catalog_pub_message_3_gras = "400" + if (JSON.parse(x).catalog_pub_message_3_gras) + catalog_pub_message_3_gras = JSON.parse(x).catalog_pub_message_3_gras; + + // Indicateur 1 + var catalog_pub_indicateur_1_txt = "" + if (JSON.parse(x).catalog_pub_indicateur_1_txt) + catalog_pub_indicateur_1_txt = JSON.parse(x).catalog_pub_indicateur_1_txt; + + var catalog_pub_indicateur_1_color = "#000000"; + if (JSON.parse(x).catalog_pub_indicateur_1_color) + catalog_pub_indicateur_1_color = JSON.parse(x).catalog_pub_indicateur_1_color; + + var catalog_pub_indicateur_1_gras = "400" + if (JSON.parse(x).catalog_pub_indicateur_1_gras) + catalog_pub_indicateur_1_gras = JSON.parse(x).catalog_pub_indicateur_1_gras; + + var catalog_pub_indicateur_1_taille = "12" + if (JSON.parse(x).catalog_pub_indicateur_1_taille) + catalog_pub_indicateur_1_taille = JSON.parse(x).catalog_pub_indicateur_1_taille; + + // Indicateur 2 + var catalog_pub_indicateur_2_txt = "" + if (JSON.parse(x).catalog_pub_indicateur_2_txt) + catalog_pub_indicateur_2_txt = JSON.parse(x).catalog_pub_indicateur_2_txt; + + var catalog_pub_indicateur_2_color = "#000000"; + if (JSON.parse(x).catalog_pub_indicateur_2_color) + catalog_pub_indicateur_2_color = JSON.parse(x).catalog_pub_indicateur_2_color; + + var catalog_pub_indicateur_2_gras = "400" + if (JSON.parse(x).catalog_pub_indicateur_2_gras) + catalog_pub_indicateur_2_gras = JSON.parse(x).catalog_pub_indicateur_2_gras; + + var catalog_pub_indicateur_2_taille = "12" + if (JSON.parse(x).catalog_pub_indicateur_2_taille) + catalog_pub_indicateur_2_taille = JSON.parse(x).catalog_pub_indicateur_2_taille; + + // Indicateur 3 + var catalog_pub_indicateur_3_txt = "" + if (JSON.parse(x).catalog_pub_indicateur_3_txt) + catalog_pub_indicateur_3_txt = JSON.parse(x).catalog_pub_indicateur_3_txt; + + var catalog_pub_indicateur_3_color = "#000000"; + if (JSON.parse(x).catalog_pub_indicateur_3_color) + catalog_pub_indicateur_3_color = JSON.parse(x).catalog_pub_indicateur_3_color; + + var catalog_pub_indicateur_3_gras = "400" + if (JSON.parse(x).catalog_pub_indicateur_3_gras) + catalog_pub_indicateur_3_gras = JSON.parse(x).catalog_pub_indicateur_3_gras; + + var catalog_pub_indicateur_3_taille = "12" + if (JSON.parse(x).catalog_pub_indicateur_3_taille) + catalog_pub_indicateur_3_taille = JSON.parse(x).catalog_pub_indicateur_3_taille; + + + // Indicateur 4 + var catalog_pub_indicateur_4_txt = "" + if (JSON.parse(x).catalog_pub_indicateur_4_txt) + catalog_pub_indicateur_4_txt = JSON.parse(x).catalog_pub_indicateur_4_txt; + + var catalog_pub_indicateur_4_color = "#000000"; + if (JSON.parse(x).catalog_pub_indicateur_4_color) + catalog_pub_indicateur_4_color = JSON.parse(x).catalog_pub_indicateur_4_color; + + var catalog_pub_indicateur_4_gras = "400" + if (JSON.parse(x).catalog_pub_indicateur_4_gras) + catalog_pub_indicateur_4_gras = JSON.parse(x).catalog_pub_indicateur_4_gras; + + var catalog_pub_indicateur_4_taille = "12" + if (JSON.parse(x).catalog_pub_indicateur_4_taille) + catalog_pub_indicateur_4_taille = JSON.parse(x).catalog_pub_indicateur_4_taille; + + + var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id; + + setmy_theme_code(theme_code); + + + //--- + var node = { + "_id": _id, + "recid": recid, + "nom": nom, + "label": nom, + + "catalog_pub_cgv_pdf": catalog_pub_cgv_pdf, + "catalog_pub_cgu_pdf": catalog_pub_cgu_pdf, + "catalog_pub_mention_legale_pdf": catalog_pub_mention_legale_pdf, + + "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_1_taille": catalog_pub_message_1_taille, + "catalog_pub_message_1_color": catalog_pub_message_1_color, + "catalog_pub_message_1_gras": catalog_pub_message_1_gras, + + + "catalog_pub_message_2_txt": catalog_pub_message_2_txt, + "catalog_pub_message_2_taille": catalog_pub_message_2_taille, + "catalog_pub_message_2_color": catalog_pub_message_2_color, + "catalog_pub_message_2_gras": catalog_pub_message_2_gras, + + + "catalog_pub_message_3_txt": catalog_pub_message_3_txt, + "catalog_pub_message_3_taille": catalog_pub_message_3_taille, + "catalog_pub_message_3_color": catalog_pub_message_3_color, + "catalog_pub_message_3_gras": catalog_pub_message_3_gras, + + /// les indicateurs + "catalog_pub_indicateur_1_txt": catalog_pub_indicateur_1_txt, + "catalog_pub_indicateur_1_color": catalog_pub_indicateur_1_color, + "catalog_pub_indicateur_1_gras": catalog_pub_indicateur_1_gras, + "catalog_pub_indicateur_1_taille": catalog_pub_indicateur_1_taille, + + "catalog_pub_indicateur_2_txt": catalog_pub_indicateur_2_txt, + "catalog_pub_indicateur_2_color": catalog_pub_indicateur_2_color, + "catalog_pub_indicateur_2_gras": catalog_pub_indicateur_2_gras, + "catalog_pub_indicateur_2_taille": catalog_pub_indicateur_2_taille, + + "catalog_pub_indicateur_3_txt": catalog_pub_indicateur_3_txt, + "catalog_pub_indicateur_3_color": catalog_pub_indicateur_3_color, + "catalog_pub_indicateur_3_gras": catalog_pub_indicateur_3_gras, + "catalog_pub_indicateur_3_taille": catalog_pub_indicateur_3_taille, + + "catalog_pub_indicateur_4_txt": catalog_pub_indicateur_4_txt, + "catalog_pub_indicateur_4_color": catalog_pub_indicateur_4_color, + "catalog_pub_indicateur_4_gras": catalog_pub_indicateur_4_gras, + "catalog_pub_indicateur_4_taille": catalog_pub_indicateur_4_taille, + + + "catalog_pub_theme_id": catalog_pub_theme_id, + "theme_code": theme_code, + + }; + // 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 sous domaine"); + //setmyApimyApiMessage("") + }) + } + + const [display_mode_grid_or_list, setdisplay_mode_grid_or_list] = useState("list"); + + function func_display_grid_view() { + setdisplay_mode_grid_or_list("grid"); + } + + function func_display_list_view() { + setdisplay_mode_grid_or_list("list"); + } + + + + return ( +
+ + +
+ + + {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 + && String(my_theme_code) !== "MySy_Theme2" && +
+ + {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 + && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img &&
+ + +
} + +
+ +
+ {New_Get_Subdomain_Partner_Data_result[0].nom} +
+ +
+ + Contact
+ Tel : 0101010101
+ Email : email@email.com +
+ +
+ Indicateurs
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 + && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt && +
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt} +
} + + {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 + && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_2_txt && +
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_2_txt} +
} + + {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 + && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_3_txt && +
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_3_txt} +
} + + {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 + && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt && +
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt} +
} +
+
+ + +
+ +
+ {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && + } + + + {New_Get_Subdomain_Partner_Data_result[0] && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_2_txt && + } +
+
+ +
+
+ + +
+ +
+
} + + +
+ +
+ + {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && + } +
+ +
+ + ); +} + + +export default Mon_Intranet_Public; \ No newline at end of file diff --git a/src/components/Partner.js b/src/components/Partner.js index 846f381..f15a271 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -50,7 +50,7 @@ import { BsTools } from "react-icons/bs"; import DisplayPartnerSession from "./DisplayPartnerSession"; import DisplayPartnerStagiaires from "./DisplayPartnerStagiaires"; - +import Module_Alert_Confirmation from "./Module_Alert_Confirmation"; import Employes from "./Employes"; import Materiels from "./Materiels"; import Partner_Commande from "./Partner_Commande"; @@ -135,6 +135,9 @@ import Modules_Mes_Documents from "./Modules_Mes_Documents"; import FolderZipIcon from '@mui/icons-material/FolderZip'; const Partner = (props) => { + + const stored_cookie_menu_gauche_reduit = getCookie('mysy_menu_gauche_reduit'); + const { commingmenu, commingpack } = useParams(); const [myApiResponse, setmyApiResponse] = useState(""); const [result, setResult] = useState(""); @@ -455,9 +458,8 @@ const Partner = (props) => { useEffect(() => { - const stored_cookie_menu_gauche = getCookie('mysy_menu_gauche_reduit'); - if (String(stored_cookie_menu_gauche) === "1") + if (String(stored_cookie_menu_gauche_reduit) === "1") setleft_menu(false); else setleft_menu(true); @@ -1565,16 +1567,81 @@ const Partner = (props) => { setDialog_1_open(false); }; - const [left_menu, setleft_menu] = React.useState(true); + const [Update_Connexion_Context_api, setUpdate_Connexion_Context_api] = useState(); + const [Update_Connexion_Context_message, setUpdate_Connexion_Context_message] = useState(); + const [Update_Connexion_Context_result, setUpdate_Connexion_Context_result] = useState([]); + function Update_Connexion_Context(local_key, local_value) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("partner_id", conntected_account_id); + + var my_key = local_key; + + var local_node = {}; + + local_node[String(my_key)] = local_value; + + var tab_node = []; + tab_node.push(local_node) + + var tab_context_json_str = JSON.stringify(tab_node); + form.append("tab_context_json", tab_context_json_str); + + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_Context_Partner_Account/"; + setLoading(true); + axios.post(myurl, form).then(res => { + //console.log(" In Update_Connexion_Context res.data.status = " + res.data.status); + //console.log(" In Update_Connexion_Context res.data.message r_class = " + res.data.message); + + setLoading(false); + if (String(res.data.status) === String("true")) { + setUpdate_Connexion_Context_api("true"); + setUpdate_Connexion_Context_result(res.data.message); + + + /* alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("success");*/ + + } + else { + setUpdate_Connexion_Context_api("false"); + setUpdate_Connexion_Context_message(res.data.message); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); + } + + }).catch((error) => { + setLoading(false); + console.warn('Update_Connexion_Context : Not good man :( mysearchtext = ' + error); + setUpdate_Connexion_Context_api("false"); + alert(" Impossible de mettre à jour le contexte de connexion"); + + }) + } + + const [left_menu, setleft_menu] = React.useState(); const open_close_left_menu = () => { if (left_menu === true) { setleft_menu(false); setcookie_menu_gauche_reduit("mysy_menu_gauche_reduit", "1", { path: '/' }); + // Mettre à jour le context de connexion, coté backoffice + Update_Connexion_Context("mysy_menu_gauche_reduit", "1"); } else { setleft_menu(true); setcookie_menu_gauche_reduit("mysy_menu_gauche_reduit", "0", { path: '/' }); + // Mettre à jour le context de connexion, coté backoffice + Update_Connexion_Context("mysy_menu_gauche_reduit", "0"); } }; @@ -1601,7 +1668,21 @@ const Partner = (props) => { setconntected_employee_activite_new(String(new_val)); } + const [display_alert_mysy, setdisplay_alert_mysy] = useState(""); + const [alert_message, setalert_message] = useState(""); + const [alert_type, setalert_type] = useState(""); + function clear_alert_message() { + setalert_message(""); + } + function clear_alert_type() { + setalert_type(""); + } + function clear_display_alert_mysy() { + setdisplay_alert_mysy(""); + } + + return (
@@ -1620,6 +1701,19 @@ const Partner = (props) => { {isLoading &&
} + + + {/*** Affichage des messages d'alerte*/} + {display_alert_mysy && String(display_alert_mysy) === "1" && + + } + {/*** FIN Affichage des messages d'alerte*/} + { + // recuperation et stockage des cookies sur les droit d'acces + if (x['code'] && x['code_value']) { + setCookie(String(x['code']), String(x['code_value']), { path: '/' }); + + } + + + }); + + } + //setCookie("tokenmysypart", result['message']); history.push("/Partner"); } - if (String(partner_connexion) === String("user")) { + else if (String(partner_connexion) === String("user")) { setCookie("tokenmysych", result['message']); // Verification vers quelle page les renvoyer @@ -498,7 +515,7 @@ function SignIn() { -
 
+
 
@@ -507,7 +524,7 @@ function SignIn() {
- {currentpawdvisible ? : } + {currentpawdvisible ? : }
diff --git a/src/pages/Login.js b/src/pages/Login.js index 3601cfc..85ab660 100644 --- a/src/pages/Login.js +++ b/src/pages/Login.js @@ -2,7 +2,7 @@ import Link from "next/link"; import SignIn from "../components/SignIn"; import Navigation from "../components/Navigation"; - + export default function Login() { return ( diff --git a/src/pages/mon_intranet_public.js b/src/pages/mon_intranet_public.js new file mode 100644 index 0000000..afcf304 --- /dev/null +++ b/src/pages/mon_intranet_public.js @@ -0,0 +1,21 @@ +import Mon_Intranet_Public from "../components/Mon_Intranet_Public" +import Navigation from "../components/Navigation"; +import Footer from "./footer"; + +const mon_intranet_public = () => { + + + return ( +
+ +
+ +
+ +
+ + ) +} + + +export default mon_intranet_public; diff --git a/src/styles/components/_module_connexion_intranet_client.scss b/src/styles/components/_module_connexion_intranet_client.scss new file mode 100644 index 0000000..1e26964 --- /dev/null +++ b/src/styles/components/_module_connexion_intranet_client.scss @@ -0,0 +1,2270 @@ +.module_connexion_intranet_client { + + width: 100%; + float: left; + + .h1_transparent { + color: transparent; + font-size: 0.1rem; + } + + .popup { + width: 30rem !important; + } + + @media only screen and (max-width: 600px) { + /*style smartphones et petites tablettes en portrait*/ + + .okUpdateData { + font-size: x-small; + color: rgb(180, 247, 180); + font-style: italic; + } + + .koUpdateData { + font-size: x-small; + color: red; + font-style: italic; + } + + .forgot_pass { + text-align: right; + font-size: x-small; + color: rgb(234, 198, 198); + cursor: pointer; + font-style: italic; + } + + .img_logo { + display: block; + height: auto; + margin-left: auto; + margin-right: auto; + max-width: 50%; + } + + .erreurconnexion { + font-size: small; + color: red; + font-style: italic; + } + + .containerBox { + position: relative; + display: inline-block; + } + + h4 { + display: inline-block; + font-size: large; + /*or whatever you want*/ + color: white; + } + + .text-box { + position: absolute; + height: 100%; + text-align: center; + width: 100%; + } + + .div_centre { + float: center; + margin: auto; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + padding: 10px; + border-radius: 0rem; + text-align: left; + background-color: #104277; + color: white; + font-size: small; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + .div_row_create_account { + float: center; + margin: auto; + border-width: 0.01rem; + width: 90%; + height: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + background-color: white; + color: #3b3e40; + font-size: small; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + text-align: right; + cursor: pointer; + padding-left: 0; + letter-spacing: 0.5px; + } + + .div_row_create_account:hover { + padding-left: 0; + letter-spacing: 1px; + } + + .btn_login { + width: 10rem; + } + + .button { + width: 100% !important; + } + + .div_row22 { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 0.5rem; + border-radius: 1rem; + font-size: small; + } + + .mb-3 { + font-size: small !important; + margin: 0.2rem !important; + } + + .div_centre_social { + float: center; + border-width: 0.01rem; + width: 94%; + margin: auto; + height: auto; + padding: 0.2rem; + margin-top: 0.3rem; + border-radius: 1rem; + text-align: left; + background-color: white; + font-size: small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + .connect { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 0.1rem; + border-radius: 1rem; + font-size: small; + } + + .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"); + } + + .div_mobile { + // position: relative; + top: 7rem; + z-index: 1; + width: 100%; + height: 100%; + + margin-left: auto; + margin-right: auto; + } + + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 10rem; + + @media only screen and (min-height: 801px) { + margin-top: 15rem; + } + + + } + + .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; + margin: 0.5rem; + } + + .div_005 { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .text_head { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: small; + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .text_welcome { + box-sizing: border-box; + font-weight: 600; + font-size: medium; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + line-height: 2rem; + color: #3b3e40; + margin-bottom: 1rem; + margin-top: 1rem; + } + + .text_pwd_crit { + color: #3b3e40; + margin-bottom: 0px; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 0.7rem; + line-height: 0.85rem; + margin-top: 1rem; + margin-bottom: 1rem; + } + + .text_label { + color: #3b3e40; + margin-bottom: 0px; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 0.8rem; + } + + .div_centre_002 { + margin: auto; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + //background-color: #104277; + color: white; + font-size: small; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin-bottom: 1rem; + padding-left: 0px; + padding-right: 0px; + } + + .div_centre_master { + width: 94%; + background-color: white; + margin-left: auto; + margin-right: auto; + } + + .signin_menu { + width: 100%; + text-align: left; + font-size: 0.8rem; + //font-weight: bold; + background-color: whitesmoke; + color: white; + padding: 2px; + border-radius: 0px; + //border: 1px solid black; + } + + .signin_menu:hover:active, + .signin_menu:hover { + transform: scale(1.01); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + background-color: #b4e579; + text-transform: none; + /* Lowering the shadow */ + } + + .signin_menu:focus { + //border: 3px dotted green; + background-color: #e7f3fb; + } + + .div_menu_centre { + float: center; + margin: auto; + //border: 1px solid black; + //border-width: 0.01rem; + width: 30%; + padding-bottom: 10px; + border-radius: 0px; + text-align: left; + background-color: white; + color: black; + font-family: "Signika", sans-serif; + } + + .big_hr { + height: 4rem; + width: 5px; + border-width: 0; + color: black; + height: 2rem !important; + width: 5px !important; + border: 5px solid black; + } + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .texte_area { + width: 100% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + //height:2rem !important; + } + + .texte_area_adress { + width: 96% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + height: 1.8rem !important; + } + + .texte_area_passwd { + width: 95% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + height: 1.8rem !important; + } + + .label_pwd_div { + width: 100%; + } + + .label_div { + width: 50%; + float: left; + } + + + .show_pwd_div { + width: 50%; + float: right; + padding-right: 10px; + text-align: right; + + } + + + .block_entete { + margin-top: 3rem; + width: 100%; + float: left; + } + + .block_centrer { + margin: auto; + width: 100%; + float: left; + //margin-top: 2rem; + // border: 3px solid #73AD21; + padding: 10px; + } + + .Background-header { + // position: absolute; + width: 100%; + height: 3rem; + left: 0px; + + background: var(--Beige, #FFF5DA); + } + + .display_screen_600_901 { + width: 100%; + float: left; + padding: 5px; + min-height: 50vh; + margin-left: 0pc; + } + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + /*style petites-moyennes tablettes */ + + .okUpdateData { + font-size: x-small; + color: rgb(180, 247, 180); + font-style: italic; + } + + .koUpdateData { + font-size: x-small; + color: red; + font-style: italic; + } + + .forgot_pass { + text-align: right; + font-size: x-small; + color: rgb(234, 198, 198); + cursor: pointer; + font-style: italic; + } + + .img_logo { + display: block; + height: auto; + margin-left: 0px; + margin-right: auto; + max-width: 30%; + } + + .erreurconnexion { + font-size: small; + color: red; + font-style: italic; + } + + input { + width: 100%; + margin: 0 auto; + border: auto; + border-radius: 0.5rem; + margin-bottom: 0.5rem; + font-size: 0.75rem; + } + + .div_row_create_account { + float: center; + margin: auto; + border-width: 0.01rem; + width: 23rem; + height: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + background-color: white; + color: #3b3e40; + font-size: medium; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + text-align: right; + cursor: pointer; + padding-left: 0; + letter-spacing: 1px; + } + + .div_row_create_account:hover { + padding-left: 0; + letter-spacing: 2px; + } + + .div_centre { + float: center; + margin: auto; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + padding: 10px; + border-radius: 0rem; + text-align: left; + background-color: #104277; + color: white; + font-size: medium; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + .div_centre_social { + float: center; + border-width: 0.01rem; + width: 50%; + margin: auto; + height: 10rem; + padding: 10px; + margin-top: 0.5rem; + border-radius: 1rem; + text-align: left; + background-color: white; + font-size: large; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + .mb-3 { + font-size: small !important; + margin: 0.2rem !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + button:hover { + font-weight: bold; + padding-left: 0; + text-transform: uppercase; + } + + li:hover { + color: #33799b; + font-weight: bold; + padding-left: 0; + text-transform: uppercase; + } + + .div_gauche { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 25%; + height: 30rem; + margin: auto; + padding: 10px; + border-radius: 1rem; + margin-right: 0.5%; + background-color: #104277; + text-align: left; + color: white; + } + + .containerBox { + position: relative; + display: inline-block; + } + + .button { + width: 100% !important; + } + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row22 { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 1rem; + border-radius: 1rem; + font-size: small; + } + + .connect { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 1rem; + border-radius: 1rem; + font-size: small; + } + + .btn_login { + width: 10rem; + } + + .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; + } + + .div_droite { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 74%; + height: auto; + margin: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + color: rgb(10, 42, 77); + background-color: white; + } + + .div_droite_haut { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + margin: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + color: rgb(10, 42, 77); + background-color: white; + margin-bottom: 2rem; + } + + .div_filtrer_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_filtrer_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_filtrer_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_droite_bas { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + margin: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + color: rgb(10, 42, 77); + background-color: white; + } + + .div_droite_bas { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + margin: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + color: rgb(10, 42, 77); + background-color: white; + } + + .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; + } + + .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%; + height: 10rem; + background-color: #e7f3fb; + z-index: 10; + background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + } + + .div_mobile { + // position: absolute; + // top: 11rem; + z-index: 1; + width: 100%; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 2rem; + + @media only screen and (min-height: 1000px) { + /* Ipaid */ + margin-top: 20rem; + } + + @media only screen and (min-height: 1101px) { + /* Ipad Air */ + margin-top: 25rem; + } + + } + + .menuPrincipal { + box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 15%); + 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; + } + + .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 { + 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: 1rem; + margin-bottom: 0.5rem; + } + + .text_head { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.1rem; + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .text_welcome { + box-sizing: border-box; + font-weight: 600; + font-size: larger; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + line-height: 2rem; + color: #3b3e40; + margin-bottom: 3rem; + margin-top: 3rem; + } + + .text_pwd_crit { + color: #3b3e40; + margin-bottom: 0px; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 0.7rem; + line-height: 0.85rem; + margin-top: 1rem; + margin-bottom: 1rem; + } + + .text_label { + color: #3b3e40; + margin-bottom: 0px; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 0.8rem; + } + + .div_centre_002 { + margin: auto; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + //background-color: #104277; + color: white; + font-size: small; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin-bottom: 1rem; + padding-left: 0px; + padding-right: 0px; + } + + .div_centre_master { + width: 50%; + background-color: white; + margin-left: auto; + margin-right: auto; + } + + .signin_menu { + width: 100%; + text-align: left; + font-size: 0.7rem; + //font-weight: bold; + background-color: whitesmoke; + color: white; + padding: 2px; + border-radius: 0px; + //border: 1px solid black; + } + + .signin_menu:hover:active, + .signin_menu:hover { + transform: scale(1.01); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + background-color: #b4e579; + text-transform: none; + /* Lowering the shadow */ + } + + .signin_menu:focus { + //border: 3px dotted green; + background-color: #e7f3fb; + } + + .div_menu_centre { + float: center; + margin: auto; + //border: 1px solid black; + //border-width: 0.01rem; + width: 30%; + padding-bottom: 10px; + border-radius: 0px; + text-align: left; + background-color: white; + color: black; + font-family: "Signika", sans-serif; + } + + .big_hr { + height: 4rem; + width: 5px; + border-width: 0; + color: black; + height: 2rem !important; + width: 5px !important; + border: 5px solid black; + } + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .texte_area { + width: 100% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + //height:2rem !important; + } + + .texte_area_adress { + width: 96% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + height: 1.8rem !important; + } + + .texte_area_passwd { + width: 95% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + height: 1.8rem !important; + } + + .label_pwd_div { + width: 100%; + } + + .label_div { + width: 50%; + float: left; + } + + + .show_pwd_div { + width: 50%; + float: right; + padding-right: 10px; + text-align: right; + + } + + .block_entete { + height: 6rem; + float: left; + } + + .block_centrer { + margin: auto; + width: 100%; + // border: 3px solid #73AD21; + padding: 10px; + } + + .Background-header { + position: absolute; + width: 100%; + height: 100px; + left: 0px; + + background: var(--Beige, #FFF5DA); + } + .display_screen_600_901 { + width: 100%; + float: left; + padding: 5px; + min-height: 70vh; + margin-left: 0pc; + } } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + .okUpdateData { + font-size: small; + color: rgb(180, 247, 180); + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .forgot_pass { + text-align: right; + font-size: small; + color: rgb(234, 198, 198); + cursor: pointer; + font-style: italic; + } + + .mb-3 { + font-size: medium !important; + margin: 0.2rem !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + /*style grande tablettes & Pc portable */ + .img_logo { + display: block; + height: auto; + margin-left: 0px; + margin-right: auto; + max-width: 20%; + max-height: 3rem; + } + + .erreurconnexion { + font-size: medium; + color: red; + font-style: italic; + } + + input { + width: 100%; + height: 2rem; + margin: 0 auto; + border: auto; + border-radius: 0.5rem; + margin-bottom: 0.5rem; + font-size: 1rem; + } + + .div_row_create_account { + float: center; + margin: auto; + border-width: 0.01rem; + width: 23rem; + height: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + background-color: white; + color: #3b3e40; + font-size: medium; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + text-align: right; + cursor: pointer; + padding-left: 0; + letter-spacing: 1px; + } + + .div_row_create_account:hover { + padding-left: 0; + letter-spacing: 2px; + } + + .div_centre { + float: center; + margin: auto; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + padding: 10px; + //border-radius: 1rem; + text-align: left; + background-color: #104277; + color: white; + font-size: medium; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + .div_centre_social { + float: center; + border-width: 0.01rem; + width: 30%; + margin: auto; + height: 10rem; + padding: 10px; + margin-top: 0.5rem; + border-radius: 1rem; + text-align: left; + background-color: white; + font-size: x-large; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + button:hover { + font-weight: bold; + padding-left: 0; + text-transform: uppercase; + } + + li:hover { + color: #33799b; + font-weight: bold; + padding-left: 0; + text-transform: uppercase; + } + + .div_gauche { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 25%; + height: 30rem; + margin: auto; + padding: 10px; + border-radius: 1rem; + margin-right: 0.5%; + background-color: #104277; + text-align: left; + color: white; + } + + .containerBox { + position: relative; + display: inline-block; + } + + .button { + width: 100% !important; + } + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row22 { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 1rem; + border-radius: 1rem; + font-size: small; + } + + .connect { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 1rem; + border-radius: 1rem; + font-size: 1.2rem; + } + + .btn_login { + width: 10rem; + } + + .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; + } + + .div_droite { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 74%; + height: auto; + margin: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + color: rgb(10, 42, 77); + background-color: white; + } + + .div_droite_haut { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + margin: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + color: rgb(10, 42, 77); + background-color: white; + margin-bottom: 2rem; + } + + .div_filtrer_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_filtrer_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_filtrer_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_droite_bas { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + margin: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + color: rgb(10, 42, 77); + background-color: white; + } + + .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; + } + + .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%; + height: 10rem; + background-color: #e7f3fb; + z-index: 10; + background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + } + + .div_mobile { + // position: absolute; + // top: 11rem; + z-index: 1; + width: 100%; + } + + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 5rem; + + @media only screen and (min-height: 1000px) { + margin-top: 6rem; + } + } + + + .menuPrincipal { + box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 15%); + 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; + } + + .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: 1rem; + margin-bottom: 0.5rem; + } + + .text_head { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.1rem; + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .text_welcome { + box-sizing: border-box; + font-weight: 600; + font-size: x-large; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + line-height: 2rem; + color: #3b3e40; + margin-bottom: 2rem; + margin-top: 3rem; + } + + .text_pwd_crit { + color: #3b3e40; + margin-bottom: 0px; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 0.7rem; + line-height: 0.85rem; + margin-top: 1rem; + margin-bottom: 1rem; + } + + .text_label { + color: #3b3e40; + margin-bottom: 0px; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 0.8rem; + } + + .div_centre_002 { + margin: auto; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + //background-color: #104277; + color: white; + font-size: small; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin-bottom: 1rem; + padding-left: 0px; + padding-right: 0px; + } + + .div_centre_master { + width: 45%; + background-color: white; + margin-left: auto; + margin-right: auto; + } + + .signin_menu { + width: 100%; + text-align: left; + font-size: 0.8rem; + //font-weight: bold; + background-color: whitesmoke; + color: white; + padding: 2px; + border-radius: 0px; + //border: 1px solid black; + } + + .signin_menu:hover:active, + .signin_menu:hover { + transform: scale(1.01); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + background-color: #b4e579; + text-transform: none; + /* Lowering the shadow */ + } + + .signin_menu:focus { + //border: 3px dotted green; + background-color: #e7f3fb; + } + + .div_menu_centre { + float: center; + margin: auto; + //border: 1px solid black; + //border-width: 0.01rem; + width: 30%; + padding-bottom: 10px; + border-radius: 0px; + text-align: left; + background-color: white; + color: black; + font-family: "Signika", sans-serif; + } + + .big_hr { + height: 4rem; + width: 5px; + border-width: 0; + color: black; + height: 2rem !important; + width: 5px !important; + border: 5px solid black; + } + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .texte_area { + width: 100% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + //height:2rem !important; + } + + .texte_area_adress { + width: 96% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + height: 1.8rem !important; + } + + .texte_area_passwd { + width: 95% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + height: 1.8rem !important; + } + + .label_pwd_div { + width: 100%; + } + + .label_div { + width: 70%; + float: left; + } + + + .show_pwd_div { + width: 30%; + float: right; + padding-right: 10px; + text-align: right; + + } + + + .block_entete { + height: 8rem; + float: left; + } + + .block_centrer { + margin: auto; + width: 95%; + // border: 3px solid #73AD21; + padding: 10px; + } + + .Background-header { + position: absolute; + width: 100%; + height: 100px; + left: 0px; + + background: var(--Beige, #FFF5DA); + } + } + + @media only screen and (min-width: 1200px) { + /*style grande tablettes & Pc portable */ + + .okUpdateData { + font-size: small; + color: rgb(180, 247, 180); + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .forgot_pass { + text-align: right; + font-size: small; + color: rgb(234, 198, 198); + cursor: pointer; + font-style: italic; + } + + .img_logo { + display: block; + height: auto; + margin-left: 0px; + margin-right: auto; + max-width: 18%; + max-height: 3rem; + } + + .erreurconnexion { + font-size: medium; + color: red; + font-style: italic; + } + + input { + width: 100%; + height: 2.5rem; + border-radius: 5rem; + margin: 0 auto; + border: auto; + font-size: small; + } + + .div_centre { + float: center; + margin: auto; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + padding: 10px; + border-radius: 0rem; + text-align: left; + background-color: #104277; + color: white; + font-size: small; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + .div_centre_social { + float: center; + border-width: 0.01rem; + width: 25%; + margin: auto; + height: 10rem; + padding: 10px; + margin-top: 0.5rem; + border-radius: 1rem; + text-align: left; + background-color: white; + font-size: x-large; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + } + + button:hover { + padding-left: 0; + text-transform: uppercase; + } + + li:hover { + color: #33799b; + font-weight: bold; + padding-left: 0; + text-transform: uppercase; + } + + .div_gauche { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 25%; + height: 30rem; + margin: auto; + padding: 10px; + border-radius: 1rem; + margin-right: 0.5%; + background-color: #104277; + text-align: left; + color: white; + } + + .containerBox { + position: relative; + display: inline-block; + } + + .button { + width: 100% !important; + } + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row22 { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 0.2rem; + border-radius: 1rem; + font-size: small; + line-height: 1rem; + } + + .div_row_create_account { + float: center; + margin: auto; + margin-top: 1rem; + //border: 1px solid black; + border-width: 0.01rem; + width: 23rem; + height: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + background-color: white; + color: #3b3e40; + font-size: small; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + text-align: right; + cursor: pointer; + padding-left: 0; + letter-spacing: 1px; + } + + .div_row_create_account:hover { + padding-left: 0; + letter-spacing: 2px; + } + + .connect { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 1rem; + border-radius: 1rem; + font-size: 1.3rem; + } + + .btn_login { + width: 10rem; + height: 2.5rem; + border-radius: 5rem; + } + + .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; + } + + .div_droite { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 74%; + height: auto; + margin: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + color: rgb(10, 42, 77); + background-color: white; + } + + .div_droite_haut { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + margin: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + color: rgb(10, 42, 77); + background-color: white; + margin-bottom: 2rem; + } + + .div_filtrer_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_filtrer_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_filtrer_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_droite_bas { + float: left; + border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + margin: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + color: rgb(10, 42, 77); + background-color: white; + } + + .avisformation { + cursor: pointer; + opacity: 1; + border: 1px; + outline: 0; + padding: 0px; + white-space: nowrap; + text-align: right; + font-size: xx-small; + margin-left: auto !important; + margin-right: 0px !important; + height: 1.5rem; + width: 30%; + text-align: center; + color: white; + background: no-repeat; + font-size: small; + } + + .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; + } + + .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%; + height: 10rem; + background-color: #e7f3fb; + z-index: 10; + background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + } + + .div_mobile { + // position: absolute; + // top: 9rem; + z-index: 1; + width: 100%; + height: 100%; + padding-right: 2rem; + padding-left: 2rem; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 7rem; + + @media only screen and (min-height: 901px) { + margin-top: 18rem; + } + + @media only screen and (min-height: 1201px) { + margin-top: 28rem; + } + } + + .menuPrincipal { + box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 15%); + 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; + } + + .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: 1rem; + margin-bottom: 0.5rem; + } + + .text_head { + color: white; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 1.2rem; + width: 90%; + margin-left: auto; + margin-right: auto; + } + + .text_welcome { + box-sizing: border-box; + font-weight: 600; + font-size: x-large; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + line-height: 2rem; + color: #3b3e40; + margin-bottom: 2rem; + margin-top: 5rem; + } + + .text_pwd_crit { + color: #3b3e40; + margin-bottom: 0px; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 0.7rem; + line-height: 0.85rem; + margin-top: 1rem; + margin-bottom: 1rem; + } + + .text_label { + color: #3b3e40; + margin-bottom: 0px; + font-family: "verdana", "Quicksand", "Signika", "sans-serif"; + font-size: 0.8rem; + } + + .div_centre_002 { + margin: auto; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + height: auto; + padding: 10px; + border-radius: 1rem; + text-align: left; + //background-color: #104277; + color: white; + font-size: small; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin-bottom: 1rem; + padding-left: 0px; + padding-right: 0px; + } + + .div_centre_master { + width: 40%; + background-color: white; + margin-left: auto; + margin-right: auto; + } + + .signin_menu { + width: 100%; + text-align: left; + font-size: 1rem; + //font-weight: bold; + background-color: whitesmoke; + color: white; + padding: 2px; + border-radius: 0px; + //border: 1px solid black; + } + + .signin_menu:hover:active, + .signin_menu:hover { + transform: scale(1.01); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + background-color: #b4e579; + text-transform: none; + /* Lowering the shadow */ + } + + .signin_menu:focus { + //border: 3px dotted green; + background-color: #e7f3fb; + } + + .div_menu_centre { + float: center; + margin: auto; + //border: 1px solid black; + //border-width: 0.01rem; + width: 30%; + padding-bottom: 10px; + border-radius: 0px; + text-align: left; + background-color: white; + color: black; + font-family: "Signika", sans-serif; + } + + .big_hr { + height: 4rem; + width: 5px; + border-width: 0; + color: black; + height: 2rem !important; + width: 5px !important; + border: 5px solid black; + } + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .texte_area { + width: 100% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + //height:2rem !important; + } + + .texte_area_adress { + width: 96% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + height: 1.8rem !important; + } + + .texte_area_passwd { + width: 95% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + height: 1.8rem !important; + } + + .div_row_bis { + margin-top: 2rem; + } + + .label_pwd_div { + width: 100%; + } + + .label_div { + width: 50%; + float: left; + } + + + .show_pwd_div { + width: 50%; + float: right; + padding-right: 10px; + text-align: right; + + } + + .block_entete { + height: 10rem; + float: left; + } + + .block_centrer { + margin: auto; + width: 100%; + padding: 10px; + max-width: 1400px !important; + } + + + .Background-header { + position: absolute; + width: 100%; + height: 150px; + left: 0px; + background: var(--Beige, #FFF5DA); + } + } + + + + // end media + .css-slyssw { + margin-right: 10px !important; + padding: 0px !important; + } + + .css-vubbuv { + font-size: medium !important; + margin-right: 10px !important; + } + + .display_screen_600_901 { + width: 95%; + margin-left: 5%; + float: left; + padding: 10px; + min-height: 50vh; + } + +} \ No newline at end of file diff --git a/src/styles/components/_mon_intranet_public.scss b/src/styles/components/_mon_intranet_public.scss new file mode 100644 index 0000000..b959b0f --- /dev/null +++ b/src/styles/components/_mon_intranet_public.scss @@ -0,0 +1,15142 @@ +.mon_intranet_public { + + + width: 100%; + float: left; + + + .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; + } + + + .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; + } + + .display_grid_list_bton { + display: none; + } + + .indicateurs_data { + display: none; + } + + .bloc_logo_indic { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 1rem; + + } + + .bloc_logo_indic_logo { + width: 100%; + float: left; + text-align: left; + } + + + + .bloc_logo_indic_contact { + width: 100%; + float: right; + text-align: left; + margin-top: 1rem; + margin-bottom: 1rem; + } + + + .bloc_logo_indic_indic { + width: 100%; + float: left; + text-align: left; + } + + .bloc_milieu { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 25rem; + } + + .bloc_img_milieu_gauche { + display: none; + } + + .bloc_connexion { + width: 100%; + float: left; + min-height: 40vh; + margin-top: 35rem; + } + + .bloc_milieu_text { + width: 100%; + float: left; + text-align: left; + } + + .title1_nom { + width: 100%; + text-align: left; + //height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 35px; + line-height: 30px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title1_text1 { + width: 100%; + text-align: left; + // height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 22px !important; + line-height: normal; + /* 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; + margin-top: 2rem !important; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .bloc_logo_indic_contact_text { + text-align: left; + font-weight: 700; + } + + + .bloc_logo_indic_indic_text { + text-align: left; + font-weight: 700; + } + + } + + @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; + } + + .title1_nom { + width: 100%; + text-align: left; + // height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 34px; + line-height: 40px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title1_text1 { + width: 100%; + text-align: left; + height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 25px; + line-height: 44px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title2 { + width: 60%; + height: 22px; + + text-align: left; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .search_bar_h { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 95%; + height: 113px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 5px 0px 5px; + gap: 72px; + + width: 100%; + height: 80px; + + /* White */ + + background: #FFFFFF; + box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_153 { + /* Frame 153 */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px 27px; + gap: 10px; + + width: 588px; + height: 17px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_153_txt { + width: 534px; + height: 17px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + display: flex; + align-items: center; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .input_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 10px; + + width: 100%; + height: 80px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .cta_recherche { + cursor: pointer; + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 3px; + gap: 10px; + + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .cta_recherche_txt { + width: 90px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 17px; + line-height: 30px; + /* identical to box height, or 176% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .search_dropdown { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + //width: 30%; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + width: 28%; + + } + + .search_bar_rectangle { + width: 1px; + height: 80px; + + background: rgba(0, 0, 0, 0.08); + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .search_text { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 70%; + height: 32px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .nos_serv_background { + position: absolute; + width: 1440px; + height: 436px; + left: 0px; + top: 452px; + + /* White */ + + background: #FFFFFF; + } + + .nos_serv_txt { + width: 100%; + height: 28px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 28px; + line-height: 38px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .nos_serv_list { + display: flex; + flex-direction: row; + justify-content: start; + align-items: center; + padding: 0px; + gap: 15px; + + width: 100%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv1 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 31%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .nos_serv_serv2 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 28%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv3 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 28%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .block_filter { + /* Block Filters */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 16px; + gap: 24px; + + width: 309px; + height: 1110px; + + /* White */ + + background: #FFFFFF; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_list_formation { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 947px; + height: 2486px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + margin-bottom: 3rem; + } + + .sous_filter_metier { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + width: 100%; + } + + .sous_filter_txt { + /* Les filtres */ + + + // width: 92px; + height: 24px; + letter-spacing: 1px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 18px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .sous_filter_separator { + width: 277px; + height: 0px; + + opacity: 0.08; + /* Deep Blue */ + + border: 1px solid #0A043C; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 12px; + + width: 277px; + height: 494px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_mertier { + /* Auto layout */ + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 277px; + height: 496px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .filter_valeur { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 100%; + height: 71px; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .filter_valeur_txt { + /* Eligible CPF */ + + + //width: 78px; + letter-spacing: 2px; + height: 19px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 19px; + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .filter_valeur_block_val { + /* List Checkbox */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 90%; + height: 48px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_133 { + /* Frame 133 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 20px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 1; + } + + .frame_133_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 50px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_radio { + /* Radio Button */ + + cursor: pointer; + + width: 16px; + height: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_txt { + /* Oui */ + + + width: 26px; + height: 22px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .frame_134 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 20px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_134_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 55px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_135 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 20px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_135_grp { + /* Checbox + Text */ + + margin-left: 10px; + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 30px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + + .filter_txt { + /* Les filtres */ + + + width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block { + /* Filter */ + + cursor: pointer; + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 10px; + gap: 10px; + + width: 95%; + height: 70px; + + /* White */ + + background: #FFFFFF; + border: 1px solid #DFDFDF; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + + } + + .filter_metier_sous_block_content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 12px; + + width: 180px; + height: 40px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_radio { + + /* Radio Button */ + + + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_txt { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 144px; + height: 40px; + + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_formation { + width: 144px; + height: 22px; + margin-top: 10px; + text-align: left; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_nb { + width: 85px; + height: 14px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + + /* Deep Blue */ + + color: #0A043C; + + opacity: 0.7; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .filter_metier_sous_block_plus_metier { + /* Icon + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 233px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_1 { + border: #0A043C solid; + width: 24px; + height: 24px; + + cursor: pointer; + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_2 { + width: 201px; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 15px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .block_actualite { + /* Actualité */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 100%; + height: 549px; + //left: 72px; + top: 4550px; + display: none; + } + + .block_actualite_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 100%; + height: 453px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_actualite_sous_block_text { + width: 261px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 30px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 90%; + height: 365px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + + } + + .block_list_actu_actu1 { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 23px; + + width: 32%; + height: 364px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_img { + width: 100%; + height: 250px; + + background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + //border: #0A043C solid 1px; + } + + .block_list_actu_actu1_date_text { + /* Date + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px 0px 0px 8px; + gap: 8px; + + //width: 344px; + height: 91px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_date { + width: 152px; + height: 19px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 19px; + text-transform: uppercase; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_txt { + + height: 64px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: medium; + line-height: 32px; + /* or 133% */ + + letter-spacing: -0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .pieddepage_v2 { + position: relative; + width: 100%; + //height: 450px; + left: 0px; + //top: 6300px; + top: 6000px; + background: #FFF5DA; + z-index: -1; + } + + .bton_tout_nos_article { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .bton_tout_nos_article_account_box { + display: none; + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .bton_tout_nos_article_txt { + //width: 156px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 20px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .block_partner { + /* Partner Block */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: center; + padding: 40px; + gap: 10px; + + position: absolute; + width: 95%; + height: 386px; + //top: 5100px; + top: 4750px; + + /* White */ + + background: #FFFFFF; + /* Shadow 01 */ + + box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); + border-radius: 8px; + + } + + .block_partner_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 24px; + + width: 100%; + height: 306px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 16px; + + width: 100%; + height: 226px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_logo { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 4px; + + width: 160px; + height: 76px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_desc { + width: 600px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 28px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_txt { + width: 100%; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_buton { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .logo_not_absolut { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .block_partner_sous_block_logo_desc_desc2 { + width: 100%; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .domaine_icone { + margin-top: 5px; + width: 10%; + } + + .domaine_icone_fa { + margin-top: 5px; + width: 5%; + cursor: pointer; + } + + + .fron_search { + border: none; + font-size: medium; + padding-right: 5px; + } + + .service1_img { + //position: absolute; + //width: 76px; + //height: 76px; + left: 0px; + top: 0px; + + background: #D6EBE4; + opacity: 1; + border-radius: 1rem; + margin-top: 1rem; + display: none; + } + + .service1_title_desc { + /* Title + Description */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 100%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .service1_title { + + width: 100%; + //height: 32px; + text-align: left; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + //line-height: 32px; + /* identical to box height, or 133% */ + + letter-spacing: 0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .service1_desc { + //width: 260px; + text-align: left; + height: 80px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 20px; + width: 100%; + /* or 143% */ + + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .img_service { + width: 100%; + height: 4rem; + border-radius: 1rem; + } + + .forma_et_tuto { + width: 99%; + margin-left: 5px; + height: 80px; + padding-top: 10px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + background: #F7F7F7; + } + + .forma_et_tuto_mobile { + display: none; + } + + .cta_publication { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 2px 2px; + gap: 5px; + + width: 120px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 12px; + } + + .cta_hebergement { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 2px 2px; + gap: 5px; + + width: 120px; + height: 56px; + + /* Deep Blue */ + + background: rebeccapurple; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 12px; + } + + .search_bar_2 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 5px 0px 5px; + gap: 1px; + + width: 100%; + height: 10px; + + + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + margin-bottom: 2rem !important; + text-align: left; + padding-left: 1rem; + + } + + .bton_ensavoir_plus { + border-radius: 5rem; + font-size: medium; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-top: 10px; + cursor: pointer; + } + + .mode_affichage { + width: 15%; + float: right; + cursor: pointer; + + } + + .display_grid_list_bton { + display: none; + } + + .view_grid {} + + + .indicateurs_data { + position: fixed; + left: 65%; + top: 4rem; + width: auto; + } + + .bloc_logo_indic { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 1rem; + + } + + .bloc_logo_indic_logo { + width: 60%; + float: left; + text-align: left; + } + + + + .bloc_logo_indic_contact { + width: 18%; + float: right; + text-align: right; + } + + + + .bloc_logo_indic { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 1rem; + + } + + .bloc_logo_indic_logo { + width: 50%; + float: left; + text-align: left; + } + + + + .bloc_logo_indic_contact { + width: 18%; + float: right; + text-align: right; + } + + + .bloc_logo_indic_indic { + width: 18%; + float: left; + } + + + .bloc_milieu { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 10rem; + } + + .bloc_img_milieu_gauche { + width: 48%; + float: right; + text-align: right; + } + + .bloc_connexion { + width: 100%; + float: left; + min-height: 40vh; + margin-top: 30rem; + } + + .bloc_milieu_text { + width: 50%; + float: left; + text-align: left; + } + + .bloc_logo_indic_contact_text { + text-align: left; + font-weight: 700; + } + + + .bloc_logo_indic_indic_text { + text-align: left; + font-weight: 700; + } + } + + @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; + } + + .title1_nom { + width: 100%; + text-align: left; + height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 54px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title1_text1 { + width: 100%; + text-align: left; + height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 30px; + line-height: 54px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .title2 { + width: 60%; + text-align: left; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 20px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .search_bar_h { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 100%; + height: 113px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 2px 0px 4px; + gap: 72px; + + width: 100%; + height: 80px; + + /* White */ + + background: #FFFFFF; + box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08); + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_153 { + /* Frame 153 */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px 27px; + gap: 10px; + + width: 100%; + height: 17px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_153_txt { + width: 50%; + height: 17px; + text-align: left; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 17px; + /* identical to box height */ + + display: flex; + align-items: center; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .input_search_bar { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 5px; + + width: 80%; + height: 80px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .cta_recherche { + cursor: pointer; + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 142px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .cta_recherche_txt { + width: 90px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 17px; + line-height: 30px; + /* identical to box height, or 176% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .search_dropdown { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 2px; + + //width: 211px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + width: 30%; + + } + + .search_bar_rectangle { + width: 1px; + height: 80px; + + background: rgba(0, 0, 0, 0.08); + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .search_text { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 93%; + height: 32px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .nos_serv_background { + position: absolute; + width: 1440px; + height: 436px; + left: 0px; + top: 452px; + + /* White */ + + background: #FFFFFF; + } + + .nos_serv_txt { + width: 227px; + height: 28px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 30px; + line-height: 38px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .nos_serv_list { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 0px; + gap: 56px; + + width: 95%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv1 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .nos_serv_serv2 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .nos_serv_serv3 { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; + + width: 32%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .block_filter { + /* Block Filters */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 16px; + gap: 24px; + + width: 309px; + height: 1110px; + + /* White */ + + background: #FFFFFF; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_list_formation { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 947px; + height: 2486px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + margin-bottom: 3rem; + } + + .sous_filter_metier { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 16px; + + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + width: 100%; + } + + .sous_filter_txt { + /* Les filtres */ + + + // width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .sous_filter_separator { + width: 277px; + height: 0px; + + opacity: 0.08; + /* Deep Blue */ + + border: 1px solid #0A043C; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_filter_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 12px; + + width: 277px; + height: 494px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .sous_mertier { + /* Auto layout */ + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 277px; + height: 496px; + + + /* Inside auto layout */ + + flex: none; + order: 2; + flex-grow: 0; + } + + .filter_valeur { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 100%; + height: 71px; + + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + } + + .filter_valeur_txt { + /* Eligible CPF */ + + + //width: 78px; + letter-spacing: 2px; + height: 19px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 19px; + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .filter_valeur_block_val { + /* List Checkbox */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 8px; + + width: 100%; + height: 48px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .frame_133 { + /* Frame 133 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 90px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 1; + } + + .frame_133_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 50px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_radio { + /* Radio Button */ + + cursor: pointer; + width: 16px; + height: 16px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .frame_133_grp_txt { + /* Oui */ + + + width: 26px; + height: 22px; + + font-family: 'Manrope'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .frame_134 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 90px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_134_grp { + /* Checbox + Text */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 55px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .frame_135 { + /* Frame 134 */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 5px; + gap: 10px; + + width: 50px; + height: 35px; + + /* Light Grey */ + + background: #F7F7F7; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 1; + } + + .frame_135_grp { + /* Checbox + Text */ + + margin-left: 10px; + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 30px; + height: 22px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + + .filter_txt { + /* Les filtres */ + + + width: 92px; + height: 24px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 24px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block { + /* Filter */ + + //cursor: pointer; + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 16px; + gap: 10px; + + width: 90%; + height: 72px; + + /* White */ + + background: #FFFFFF; + border: 1px solid #DFDFDF; + border-radius: 4px; + + /* Inside auto layout */ + + flex: none; + flex-grow: 0; + + } + + .filter_metier_sous_block_content { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 12px; + + width: 180px; + height: 40px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_radio { + + /* Radio Button */ + + + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_content_txt { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 144px; + height: 40px; + + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_formation { + width: 144px; + height: 22px; + + text-align: left; + margin-top: 10px; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height */ + + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .filter_metier_sous_block_content_txt_nb { + width: 85px; + height: 14px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + + /* Deep Blue */ + + color: #0A043C; + + opacity: 0.7; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .filter_metier_sous_block_plus_metier { + /* Icon + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px; + gap: 8px; + + width: 233px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_1 { + border: #0A043C solid; + width: 24px; + height: 24px; + + cursor: pointer; + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .filter_metier_sous_block_plus_metier_2 { + width: 201px; + height: 22px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 18px; + line-height: 22px; + /* identical to box height */ + + display: flex; + align-items: center; + font-feature-settings: 'liga' off; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + + .block_actualite { + /* Actualité */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + position: absolute; + width: 100%; + height: 549px; + //left: 72px; + top: 4450px; + display: none; + } + + .block_actualite_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 40px; + + width: 100%; + height: 453px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .block_actualite_sous_block_text { + width: 261px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 24px; + + width: 95%; + height: 365px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + + + } + + .block_list_actu_actu1 { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 23px; + + width: 32%; + height: 364px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_img { + width: 100%; + height: 250px; + + background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + //border: #0A043C solid 1px; + } + + .block_list_actu_actu1_date_text { + /* Date + Title */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px 0px 0px 8px; + gap: 8px; + + //width: 344px; + height: 91px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_date { + width: 152px; + height: 19px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 19px; + text-transform: uppercase; + + /* Blue */ + + color: #3E6EE3; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_list_actu_actu1_date_text_txt { + + height: 64px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: medium; + line-height: 32px; + /* or 133% */ + + letter-spacing: -0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .pieddepage_v2 { + position: relative; + width: 100%; + //height: 450px; + left: 0px; + //top: 6200px; + top: 5850px; + background: #FFF5DA; + z-index: -1; + + } + + .bton_tout_nos_article { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .bton_tout_nos_article_account_box { + display: none; + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .bton_tout_nos_article_txt { + //width: 156px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .block_partner { + /* Partner Block */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: center; + padding: 40px; + gap: 10px; + + position: absolute; + width: 90%; + height: 386px; + left: 72px; + //top: 5000px; + top: 4650px; + + /* White */ + + background: #FFFFFF; + /* Shadow 01 */ + + box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); + border-radius: 8px; + + } + + .block_partner_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 24px; + + width: 858px; + height: 306px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 16px; + + width: 858px; + height: 226px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_logo { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 4px; + + width: 160px; + height: 76px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_desc { + width: 600px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 28px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_txt { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_buton { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .logo_not_absolut { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .block_partner_sous_block_logo_desc_desc2 { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .domaine_icone { + margin-top: 5px; + } + + .domaine_icone_fa { + margin-top: 5px; + margin-right: 5px; + cursor: pointer; + } + + .fron_search { + border: none; + font-size: medium; + padding-right: 5px; + } + + .service1_img { + //position: absolute; + //width: 76px; + //height: 76px; + left: 0px; + top: 0px; + + background: #D6EBE4; + opacity: 1; + border-radius: 1rem; + margin-top: 1rem; + } + + .service1_title_desc { + /* Title + Description */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 60%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .service1_title { + + width: 100%; + height: 62px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 18px; + line-height: 25px; + /* identical to box height, or 133% */ + + letter-spacing: 0.3px; + text-align: left; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .service1_desc { + //width: 260px; + text-align: left; + height: 80px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 20px; + /* or 143% */ + + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .img_service { + width: 100%; + height: 4rem; + border-radius: 1rem; + } + + .forma_et_tuto { + width: 99%; + margin-left: 5px; + height: 80px; + padding-top: 10px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + background: #F7F7F7; + } + + .forma_et_tuto_mobile { + display: none; + } + + .cta_publication { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 2px 2px; + gap: 10px; + + width: 130px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-size: 12px; + font-weight: 600; + } + + + .cta_hebergement { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 130px; + height: 56px; + + /* Deep Blue */ + + background: rebeccapurple; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-size: 12px; + font-weight: 600; + } + + .search_bar_2 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 2px 0px 4px; + gap: 1px; + + width: 100%; + height: 10px; + + + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + margin-bottom: 2rem !important; + text-align: left; + padding-left: 1rem; + + } + + .bton_ensavoir_plus { + border-radius: 5rem; + font-size: medium; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 90%; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-top: 10px; + cursor: pointer; + } + + .mode_affichage { + width: 12%; + float: right; + cursor: pointer; + + } + + .display_grid_list_bton { + width: 10%; + float: left; + } + + .view_grid { + width: 48% !important; + float: left !important; + margin-right: 2%; + } + + + .indicateurs_data { + position: fixed; + left: 65%; + top: 4rem; + width: auto; + } + + + .bloc_logo_indic { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 1rem; + + } + + .bloc_logo_indic_logo { + width: 60%; + float: left; + text-align: left; + } + + + + .bloc_logo_indic_contact { + width: 18%; + float: right; + text-align: right; + } + + + .bloc_logo_indic_indic { + width: 18%; + float: left; + } + + + .bloc_milieu { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 10rem; + } + + .bloc_img_milieu_gauche { + width: 48%; + float: right; + text-align: right; + } + + .bloc_connexion { + width: 100%; + float: left; + min-height: 40vh; + margin-top: 30rem; + } + + .bloc_milieu_text { + width: 50%; + float: left; + text-align: left; + } + + .bloc_logo_indic_contact_text { + text-align: left; + font-weight: 700; + } + + + .bloc_logo_indic_indic_text { + text-align: left; + font-weight: 700; + } + + } + + @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: 450px; + } + + .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; + } + + + .title1_nom { + width: 90%; + text-align: left; + height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 54px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + + .title1_text1 { + width: 90%; + text-align: left; + height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 30px; + line-height: 54px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title2 { + width: 90%; + text-align: left; + 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: 1650px; + background: #FFF5DA; + z-index: -1; + + } + + .bton_tout_nos_article { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .bton_tout_nos_article_account_box { + display: none; + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .bton_tout_nos_article_txt { + //width: 156px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .block_partner { + /* Partner Block */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: center; + padding: 40px; + gap: 10px; + + position: absolute; + width: 90%; + height: 386px; + left: 72px; + //top: 4750px; + top: 4450px; + ; + + /* White */ + + background: #FFFFFF; + /* Shadow 01 */ + + box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); + border-radius: 8px; + + } + + .block_partner_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 24px; + + width: 858px; + height: 306px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 16px; + + width: 858px; + height: 226px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_logo { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 4px; + + width: 160px; + height: 76px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_desc { + width: 600px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 28px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_txt { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_buton { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .logo_not_absolut { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .block_partner_sous_block_logo_desc_desc2 { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .form-select { + height: 2.5rem !important; + border-radius: 0px; + font-size: small; + } + + .domaine_icone { + margin-top: 5px; + } + + .domaine_icone_fa { + margin-top: 5px; + margin-right: 5px; + cursor: pointer; + } + + .fron_search { + border: none; + font-size: medium; + padding-right: 5px; + } + + // -- 07/01 + .service1_img { + //position: absolute; + //width: 76px; + //height: 76px; + left: 0px; + top: 0px; + + background: #D6EBE4; + opacity: 1; + border-radius: 1rem; + margin-top: 1rem; + } + + .service1_title_desc { + /* Title + Description */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 70%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .service1_title { + + width: 100%; + //height: 32px; + text-align: left; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 20px; + line-height: 32px; + /* identical to box height, or 133% */ + + letter-spacing: -0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .service1_desc { + //width: 260px; + text-align: left; + height: 80px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 20px; + /* or 143% */ + + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .img_service { + width: 100%; + height: 4rem; + border-radius: 1rem; + } + + + .forma_et_tuto { + width: 99%; + margin-left: 5px; + height: 80px; + padding-top: 10px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + background: #F7F7F7; + } + + .forma_et_tuto_mobile { + display: none; + } + + .cta_publication { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 14px; + } + + .cta_hebergement { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: rebeccapurple; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 14px; + } + + .search_bar_2 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 1px 0px 2px; + gap: 72px; + + width: 100%; + height: 10px; + + /* White */ + + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + margin-bottom: 2rem !important; + text-align: left; + padding-left: 1rem; + } + + .bton_ensavoir_plus { + border-radius: 5rem; + font-size: medium; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-top: 10px; + cursor: pointer; + } + + .mode_affichage { + width: 8%; + float: right; + cursor: pointer; + + } + + .display_grid_list_bton { + width: 10%; + float: left; + } + + .view_grid { + width: 48% !important; + float: left !important; + margin-right: 2%; + } + + .indicateurs_data { + position: fixed; + left: 70%; + top: 4rem; + width: auto; + } + + .bloc_logo_indic { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 1rem; + + } + + .bloc_logo_indic_logo { + width: 60%; + float: left; + text-align: left; + } + + + + .bloc_logo_indic_contact { + width: 18%; + float: right; + text-align: right; + } + + + .bloc_logo_indic_indic { + width: 18%; + float: left; + } + + .bloc_milieu { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 10rem; + } + + .bloc_img_milieu_gauche { + width: 48%; + float: right; + text-align: right; + } + + .bloc_connexion { + width: 100%; + float: left; + min-height: 40vh; + padding-top: 3rem; + } + + .bloc_milieu_text { + width: 50%; + float: left; + text-align: left; + } + + .bloc_logo_indic_contact_text { + text-align: left; + font-weight: 700; + } + + + .bloc_logo_indic_indic_text { + text-align: left; + font-weight: 700; + } + } + + @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: 450px; + } + + .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; + } + + .title1_nom { + width: 100%; + text-align: left; + height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 54px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title1_text1 { + width: 100%; + text-align: left; + height: 192px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 30px; + line-height: 54px; + /* or 107% */ + + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .title2 { + width: 100%; + text-align: left; + 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: 1450px; + background: #FFF5DA; + z-index: -1; + + } + + .bton_tout_nos_article { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Deep Blue */ + + background: #0A043C; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .bton_tout_nos_article_account_box { + display: none; + width: 24px; + height: 24px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + + } + + .bton_tout_nos_article_txt { + //width: 156px; + height: 30px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 22px; + /* identical to box height, or 188% */ + + display: flex; + align-items: center; + text-align: center; + + /* White */ + + color: #FFFFFF; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + + } + + .block_partner { + /* Partner Block */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: center; + padding: 40px; + gap: 10px; + + position: absolute; + width: 90%; + height: 386px; + left: 72px; + //top: 4950px; + top: 4500px; + + /* White */ + + background: #FFFFFF; + /* Shadow 01 */ + + box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08); + border-radius: 8px; + + } + + .block_partner_sous_block { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 24px; + + width: 858px; + height: 306px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc { + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 16px; + + width: 858px; + height: 226px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_logo { + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + gap: 4px; + + width: 160px; + height: 76px; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .block_partner_sous_block_logo_desc_desc { + width: 600px; + height: 48px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 28px; + /* identical to box height */ + + text-align: center; + letter-spacing: -1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_txt { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .block_partner_sous_block_buton { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 13px 26px; + gap: 10px; + + width: 299px; + height: 56px; + + /* Green */ + + background: #20BFA9; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .logo_not_absolut { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 108px; + height: 52px; + left: 72px; + top: 52px; + } + + .block_partner_sous_block_logo_desc_desc2 { + width: 858px; + height: 72px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + /* or 150% */ + + text-align: center; + font-feature-settings: 'liga' off; + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .form-select { + height: 2.5rem !important; + border-radius: 0px; + font-size: small; + } + + .domaine_icone { + margin-top: 5px; + } + + .domaine_icone_fa { + margin-top: 5px; + margin-right: 5px; + cursor: pointer; + } + + .fron_search { + border: none; + font-size: medium; + padding-right: 5px; + } + + // -- 07/01 + .service1_img { + //position: absolute; + //width: 76px; + //height: 76px; + left: 0px; + top: 0px; + + background: #D6EBE4; + opacity: 1; + border-radius: 1rem; + margin-top: 1rem; + } + + .service1_title_desc { + /* Title + Description */ + + + /* Auto layout */ + + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0px; + gap: 4px; + + width: 70%; + height: 116px; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .service1_title { + + + width: 100%; + height: 32px; + text-align: left; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 600; + font-size: 20px; + line-height: 32px; + /* identical to box height, or 133% */ + + letter-spacing: 0.3px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + } + + .service1_desc { + //width: 260px; + text-align: left; + height: 80px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 20px; + /* or 143% */ + + + /* Bold Grey */ + + color: #4B4B4B; + + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + } + + .img_service { + width: 100%; + height: 4rem; + border-radius: 1rem; + } + + .forma_et_tuto { + width: 99%; + margin-left: 5px; + height: 80px; + padding-top: 10px; + + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 48px; + /* identical to box height */ + + text-align: center; + letter-spacing: 1px; + + /* Deep Blue */ + + color: #0A043C; + + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + background: #F7F7F7; + } + + .forma_et_tuto_mobile { + display: none; + } + + .cta_publication { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 14px; + } + + .cta_hebergement { + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: rebeccapurple; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + font-weight: normal; + font-size: 14px; + } + + + .search_bar_2 { + /* Auto layout */ + + display: flex; + flex-direction: row; + align-items: center; + padding: 0px 1px 0px 2px; + gap: 72px; + + width: 100%; + height: 10px; + + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + flex-grow: 0; + margin-bottom: 1rem; + text-align: left; + + + } + + .bton_ensavoir_plus { + border-radius: 5rem; + font-size: medium; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-top: 10px; + cursor: pointer; + } + + .bton_menu_v2 { + background-color: white; + width: 100%; + border: 0px; + text-align: left; + color: black; + letter-spacing: 2px; + margin: 10px; + //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); + } + + .bton_menu_v2:hover { + //color: white; + letter-spacing: 3px; + //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); + } + + + .mode_affichage { + width: 8%; + float: right; + cursor: pointer; + + } + + .display_grid_list_bton { + width: 10%; + float: left; + } + + .view_grid { + width: 48% !important; + float: left !important; + margin-right: 2%; + } + + + .indicateurs_data { + // position: fixed; + left: 75%; + top: 4rem; + width: auto + } + + .bloc_logo_indic { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 1rem; + + } + + .bloc_logo_indic_logo { + width: 60%; + float: left; + text-align: left; + } + + + + .bloc_logo_indic_contact { + width: 18%; + float: right; + text-align: right; + } + + + .bloc_logo_indic_indic { + width: 18%; + float: left; + } + + + .bloc_milieu { + min-height: 5rem; + width: 90%; + margin-left: 5%; + float: left; + position: absolute; + top: 10rem; + } + + .bloc_img_milieu_gauche { + width: 48%; + float: right; + text-align: right; + } + + .bloc_connexion { + width: 100%; + float: left; + min-height: 40vh; + padding-top: 3rem; + } + + .bloc_milieu_text { + width: 50%; + float: left; + text-align: left; + } + + + + .bloc_logo_indic_contact_text { + text-align: left; + font-weight: 700; + } + + + .bloc_logo_indic_indic_text { + text-align: left; + font-weight: 700; + } + + } + + // 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/_signin.scss b/src/styles/components/_signin.scss index 08e01c4..16e4268 100644 --- a/src/styles/components/_signin.scss +++ b/src/styles/components/_signin.scss @@ -205,7 +205,7 @@ height: 2.5rem !important; } } -} +} .signin { diff --git a/src/styles/index.scss b/src/styles/index.scss index c1c63ce..839980f 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -138,4 +138,5 @@ @import "./components/intranet_tous_documents"; @import "./components/modules_mes_documents"; @import "./components/intranet_mes_stagiaires"; -@import "./components/module_alert_confirmation"; \ No newline at end of file +@import "./components/mon_intranet_public"; +@import "./components/module_connexion_intranet_client"; \ No newline at end of file