recette2
cherif 2024-11-19 11:39:41 +01:00
parent 99e0b2cef1
commit 6f11ed62c2
25 changed files with 1134 additions and 922 deletions

View File

@ -1,4 +1,4 @@
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:
Disallow: /google06c10352a49f1dc0
Sitemap: https://www.mysy-training.com/sitemap.xml

View File

@ -27,13 +27,20 @@
</url>
<url>
<loc>https://www.mysy-training.com//Display-Detail-Article/optimisation-des-processus-de-gestion-pour-les-organismes-de-formation-le-logiciel-mysy-training-technology</loc>
<loc>https://www.mysy-training.com/Display-Detail-Article/optimisation-des-processus-de-gestion-pour-les-organismes-de-formation-le-logiciel-mysy-training-technology</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/signature-electronique-et-organismes-de-formation</loc>
<lastmod>2024-11-38T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
@ -76,26 +83,6 @@
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/6281eae593f66d1a10ac2248</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/626fca8d62477b7b15a04b27</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/626fcada62477b7b15a04d97</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Recherche-Article-formation</loc>
@ -105,42 +92,6 @@
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/avis-aux-perfectionnistes-des-styles-css-aa1</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/analysez-vos-donnees-textuelles-98b</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation-Coeur/analysez-vos-donnees-textuelles-98b</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/comment-reussir-ses-premiers-pas-en-tant-que-manager-866</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/create_account</loc>
<lastmod>2024-11-08T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Connexion</loc>
@ -157,36 +108,6 @@
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/supply-chain-lessons-from-the-pandemic-11d</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/planification-de-projets--methode-pert-et-gantt-19f</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/techniques--methodes-pour-bien-negocier--bd6</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/reussir-vos-photos-de-vacances-comment---343</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/tarifs_produits_services</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
@ -194,255 +115,5 @@
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/les-metiers-d-avenir-959</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/actualite-sociale-10f</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/pratique-de-la-paie--initiation-b10</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/comptabilite-generale--initiation-56e</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/contrat-de-travail-de-a-a-z-809</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/droit-du-travail-928</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/droit-social-pour-managers-45b</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/la-duree-du-travail-et-gestion-des-absences-471</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/la-gestion-des-cdd-59b</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/entretien-professionnel-802</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/missions-rh-6e2</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/reglementation-rh--l-essentiel-eaf</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/reussir-ses-entretiens-de-recrutement-c40</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/cloturer-votre-annee-sociale-en-toute-securite-8</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/controle-urssaf-4b2</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/dads--declaration-annuelle-de-donnees-sociales-1</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/la-mise-en-oeuvre-de-la-dsn-3a0</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/les-outils-de-la-remuneration-9f5</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/pilotage-de-la-masse-salariale-301</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/pratique-de-la-paie--perfectionnement-d6c</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/digital-learning-et-developpement-manager-ec5</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/devenir-formateur-occasionnel-559</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/formation-de-tuteur-fc7</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/loi-sapin-7a9</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/prise-de-parole-en-public-6be</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/praticien-en-aromatherapie-integrative-c66</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/praticien-en-aromatherapie-integrative-8c1</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/praticien-en-olfactotherapie-628</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/se-mettre-a-niveau-en-orthographe--formule-en-e-learning--10-heures-de-tutorat-69c</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/se-mettre-a-niveau-en-orthographe-dans-un-contexte-professionnel--certificat-voltaire-ab9</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/technique-de-vente-2b3</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/rediger-avec-methode-et-efficacite-ses-courriers-et-ses-courriels-professionnels-664</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/les-fondamentaux-du-management-b47</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
</urlset>

View File

@ -25,6 +25,7 @@ import { format } from 'date-fns'
import moment from "moment";
import SendIcon from '@mui/icons-material/Send';
import axios from "axios";
import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
const ButtonHilight = () => {
const history = useHistory();
@ -707,9 +708,12 @@ const ButtonHilight = () => {
<div className={`mini_entete ${show && 'hidden'}`} >
<div className="div_001">
<div className="div_002">
<h1 className="h1_transparent">Connexion MySy Training Technology </h1>
<h1 className="h1_transparent">MySy Training Technology. Logiciel de gestion des organismes de formation </h1>
<div className="vvv" >
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive header_img_logo22" src={logowhite} alt="MySy Training Technology" /> </a>
<a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}> <img class="img-responsive header_img_logo22" src={logowhite} alt="MySy Training Technology" />
<nav className="training">TRAINING</nav>
</a>
</div>
<div className="header_menuPrincipal_left" onClick={handleMarketplace}>
Marketplace
@ -723,7 +727,7 @@ const ButtonHilight = () => {
style={{ "width": "25%" }} /> Connexion
</button>}
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={(e) => setDialog_1_open(true)}> Deconnexion <img src={connect_green}
alt="deconnexion" style={{ "width": "25%" }} />
alt="deconnexion" style={{ "width": "25%" }} />
</button>}
</div>
</div>
@ -765,7 +769,7 @@ const ButtonHilight = () => {
<div className="hilight_menuPrincipal" onClick={(e) => {
history.push("/fonctionnalites")
}}>
Solution
Fonctionnalites
</div>
<div className="hilight_menuPrincipal" onClick={handleQuisommesNousMenu}>

View File

@ -163,7 +163,7 @@ const Fonctionnalites_V1 = () => {
</div>
<div className="div2">
<div className="text_activite_head">
<div className="text_activite_head" id="lms">
E-Learning (LMS)
</div>
<div className="image_activite_head">
@ -1034,7 +1034,7 @@ const Fonctionnalites_V1 = () => {
<div className="div1">
<br />
<div className="text_activite_head">
<div className="text_activite_head" id="gestion_administrative">
Gestion Administrative
</div>
@ -1159,7 +1159,7 @@ const Fonctionnalites_V1 = () => {
<div className="div3">
<br />
<div className="text_activite_head">
<div className="text_activite_head" id="crm">
Gestion Relation Client
</div>
<div className="tick_fonctionalite">

View File

@ -656,7 +656,9 @@ const Header = () => {
<h1 className="header_h1_transparent">Connexion MySy Training Technology </h1>
<div className="vvv" >
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive header_img_logo22" src={mysy_logo2} alt="MySy Training Technology" /> </a>
<a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}> <img class="img-responsive header_img_logo22" src={mysy_logo2} alt="MySy Training Technology" />
<nav className="training">TRAINING</nav>
</a>
</div>
<div className="header_menuPrincipal_left" onClick={handleMarketplace}>

View File

@ -36,7 +36,7 @@ const quisommesnous = () => {
return (
<div className="quisommesnous">
<Helmet>
<title>MySy Training, qui sommes nous ?</title>
<title>MySy Training, qui sommes nous 1 ?</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="index,follow" />
<meta name="title" content="Trouver des Formations.Acces libre.Qualité top" />

View File

@ -52,7 +52,7 @@ const QuiSommesNous_v2 = () => {
return (
<div className="quisommesnous_v2">
<Helmet>
<title>MySy Training, qui sommes nous ?</title>
<title>MySy Training, qui sommes nous 3 ?</title>
<meta name="description" content="éditeur de logiciels pour établissements de formation. Nous proposons des solution de E-Learning, gestion administrative et gestion relation client" />
<meta name="robots" content="index,follow" />
<meta name="title" content="Formations.Gestion administrative.E-Learning.CRM" />

View File

@ -471,8 +471,6 @@ const QuiSommesNous_v4 = () => {
La solution la moins chère du marché
</div>
</div>
</div>

View File

@ -451,8 +451,8 @@ const RechercheArticles_new_v2 = (props) => {
<Helmet>
<title>Le blog, liste des artickes</title>
<meta name="description" content="Le blog, liste des artickes. Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser laudit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé. Nous sommes les moins cher du marché. Nous automatisons vos process : inscription, évaluation, émargement (qr-code), QUALIOPI, Personnalisation des documents, Gestion formateurs, Catalogue personnalisé, bilan pédagogique et financier (PBF). Nos options comme la signature électronique sont inclus dans le tarif de base." />
<title>Le blog, liste des articles</title>
<meta name="description" content="Le blog, liste des articles. Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser laudit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé. Nous sommes les moins cher du marché. Nous automatisons vos process : inscription, évaluation, émargement (qr-code), QUALIOPI, Personnalisation des documents, Gestion formateurs, Catalogue personnalisé, bilan pédagogique et financier (PBF). Nos options comme la signature électronique sont inclus dans le tarif de base." />
<meta name="robots" content="index,follow" />
<meta name="title" content="MySy Training, contactez-nous" />
<link rel="canonical" href={window.location.href} />
@ -469,10 +469,8 @@ const RechercheArticles_new_v2 = (props) => {
<div className="Title">
<div className="besoin_aide">
Restez informé. Quelques articles pour vous.
Restez informé. Quelques articles pour vous.
<div className="detail_text_aide">
&nbsp;
</div>

View File

@ -2731,7 +2731,7 @@ const Recherche_new_v2 = () => {
form.append("user_state", state);
// console.log("## form = ", form);
// console.log("## form = ", form);
@ -2892,10 +2892,10 @@ const Recherche_new_v2 = () => {
<DialogActions>
<div className="div_row">
<div className="div_row_gauche">
<Button onClick={Dialog_contact_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
<Button onClick={Dialog_contact_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
</div>
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
<Button onClick={Send_Contact_Message} className="bton_enreg_dialog">Envoyer&nbsp; <SendIcon /></Button>
<Button onClick={Send_Contact_Message} className="bton_enreg_dialog">Envoyer&nbsp; <SendIcon /></Button>
</div>
</div>
@ -3154,16 +3154,16 @@ const Recherche_new_v2 = () => {
</div>*/}
</div>
<div className="Background_Header">
<Header />
</div>
<a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}>
{/* <a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}>
<div className="logo">
<img className="Logo_MySy" src={mysy_logo2} alt="MySy Training Technology" />
<nav className="training">TRAINING</nav>
</div>
</a>
</a>*/}
<div className="Menu_Header">
{/* <div className="Menu_Header">
<nav className="header_menu cta_publication_v2" onClick={(e) => {
e.preventDefault();
@ -3180,17 +3180,17 @@ const Recherche_new_v2 = () => {
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
> Héberger mes formations </nav>*/}
> Héberger mes formations </nav>* /}
{/*<nav className="header_menu" onClick={handleBlogMenu}> Le blog </nav> */}
{/*<nav className="header_menu" onClick={handleBlogMenu}> Le blog </nav> * /}
<nav className="header_menu" onClick={handleQuisommesNousMenu}> A propos </nav>
<nav className="header_menu" onClick={handleSolutionMenu}> Solution </nav>
<nav className="header_menu" onClick={handleSolutionMenu}> Fonctionnalites </nav>
<nav className="header_menu" onClick={handleProduitMenu}>
Prix
Tarifs
</nav>
@ -3243,7 +3243,7 @@ const Recherche_new_v2 = () => {
</nav>
</div>
</div>*/}
<div className="Header_Content">
<div className="rectangle_8"> </div>

View File

@ -24,7 +24,7 @@ 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 SignIn() {
const [isconnected, setisconnected] = useState("");
@ -177,7 +177,7 @@ function SignIn() {
setCookie("tokenmysypart", JSON.parse(result['message']).token, { path: '/' });
var acces_right_token_name = String(JSON.parse(result['message']).token)+"_uar";
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'}];
@ -252,8 +252,12 @@ function SignIn() {
function menu_parter_account() {
//alert(" menu_parter_account = "+String(menucompte));
setmenucompte("partner");
document.getElementsByName("partner_account")[0].style.backgroundColor = "#81BC3A";
document.getElementsByName("user_account")[0].style.backgroundColor = "#ffffff";
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";
}
@ -261,8 +265,12 @@ function SignIn() {
function menu_user_account() {
setmenucompte("user");
document.getElementsByName("user_account")[0].style.backgroundColor = "#81BC3A";
document.getElementsByName("partner_account")[0].style.backgroundColor = "#ffffff";
if (document.getElementsByName("user_account") && document.getElementsByName("user_account")[0])
document.getElementsByName("user_account")[0].style.backgroundColor = "#81BC3A";
if (document.getElementsByName("partner_account") && document.getElementsByName("partner_account")[0])
document.getElementsByName("partner_account")[0].style.backgroundColor = "#ffffff";
}
@ -296,7 +304,7 @@ function SignIn() {
// Controle du type de compte
if( String(typecompte) !== "partner" && String(typecompte) !== "user"){
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;
@ -443,188 +451,200 @@ function SignIn() {
};
return (
<div className="signin">
<Helmet>
<title>Connexion MySy Training Technology</title>
<meta name="description" content="utisateur formation connexion" />
<meta name="robots" content="index,follow" />
<meta name="title" content="Connexion MySy Training Technology" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/mysy-training-login/0/0"} />
<div style={{ width: "100%", float: "left" }}>
</Helmet>
<Header />
<div className="signin">
<Helmet>
<title>Connexion MySy Training Technology</title>
<meta name="description" content="utisateur formation connexion" />
<meta name="robots" content="index,follow" />
<meta name="title" content="Connexion MySy Training Technology" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/mysy-training-login/0/0"} />
</Helmet>
<Header />
<div className="div_mobile">
<div>
<h1 className="text_welcome">Se connecter à MySy Training</h1>
</div>
<div className="display_screen_600_901">
<div className="div_centre_master">
<div className="div_centre_002">
<Button variant="outlined" onClick={menu_user_account} className="signin_menu"
id="user_account" name="user_account"
style={{ "float": "left", "textAlign": "center", "height": "3rem" }}>Utilisateur</Button>
<div className="div_mobile">
<Button variant="outlined" onClick={menu_parter_account} className="signin_menu"
id="partner_account" name="partner_account"
style={{ "float": "left", "textAlign": "center", "height": "3rem" }}>Organisme de formation</Button>
<div className="div_row block_entete" >
<div className="Background-header">
<div>
<h1 className="text_welcome">Connexion à MySy Training </h1>
</div>
</div>
<div className="div_centre">
<div className="div_row_bis" >
</div>
<FormGroup>
<Label>Votre adresse email</Label>
<Input type="email" placeholder="Email" name="email" />
</FormGroup>
<div className="block_centrer">
<FormGroup>
&nbsp;
</FormGroup>
<div className="display_screen_600_901">
<div className="div_centre_master">
<div className="div_centre_002">
<Button variant="outlined" onClick={menu_user_account} className="signin_menu"
id="user_account" name="user_account"
style={{ "float": "left", "textAlign": "center", "height": "3rem" }}>Utilisateur</Button>
<Button variant="outlined" onClick={menu_parter_account} className="signin_menu"
id="partner_account" name="partner_account"
style={{ "float": "left", "textAlign": "center", "height": "3rem" }}>Organisme de formation</Button>
</div>
<div className="div_centre">
<div className="div_row_bis" >
<FormGroup>
<Label>Votre adresse email</Label>
<Input type="email" placeholder="Email" name="email" />
</FormGroup>
<FormGroup>
&nbsp;
</FormGroup>
<FormGroup>
<div className="label_pwd_div">
<div className="label_div" >
<Label>Votre mot de passe </Label>
</div>
<div className="show_pwd_div" onClick={handleClickShowPassword}>
{currentpawdvisible ? <Visibility /> : <VisibilityOff />}
</div>
</div>
<Input type="password" placeholder="Password" name="pwd" />
</FormGroup>
{/*String(menucompte) === String("partner") && <FormGroup autocomplete="off">
<Label >Clé secrete*</Label>
<Input type="password" placeholder="" name="cle_secrete" id="cle_secrete"
autocomplete="new-password" />
</FormGroup>*/}
{String(initpasswd) === String("true") && closepopup === 1 && <div className="okUpdateData">
La demande reinitialisation a bien ete prise en compte.
Verifiez votre boite email.
</div>}
<div className="forgot_pass" >
{String(initpasswd) !== String("true") && String(closepopup) !== String("1")
&& <Popup trigger={<button className="avisformation"> Mot de passe oublié</button>}
position="center" className="signin popup-reset-pwd">
<div className="signin-content popup-reset-pwd-content">
<div className="div_row" style={{ "textAlign": "center", "background": "orangered",
"height":"2rem", "paddingTop":"5px", "fontSize":"14px", "fontWeight":"bold" }}
> Modifier le mot de passe</div>
<br />
<label for="exampleFormControlTextarea1">Saisir votre email</label>
<br />
<input type="text" id="resetemailvalue" name="resetemailvalue" rows="1" cols="20"
className="zone_mail" />
<br />
<div>
<br/>
<Tooltip className="tooltip_css" id="is_user_or_pro-tooltip" />
<a data-tooltip-id="is_user_or_pro-tooltip" data-tooltip-html="Compte partenaire : création et gestion de formation <br/>
compte utilisateur : non autorisé à la création et gestion de formation">
<label for="is_user_or_pro">Compte partenaire ou utilisateur * ?</label>
<br />
<select id="is_user_or_pro" name="is_user_or_pro" style={{"width":'100%', "height":"2.5rem",
'marginTop':'5px'}}
onChange={(event) => settypecompte(event.target.value)}>
<option selected value="">Choisir </option>
<option value="partner">Partenaire </option>
<option value="user">Utilisateur </option>
</select>
</a>
<br />
<FormGroup>
<div className="label_pwd_div">
<div className="label_div" >
<Label>Votre mot de passe </Label>
</div>
<div className="show_pwd_div" onClick={handleClickShowPassword}>
{currentpawdvisible ? <Visibility /> : <VisibilityOff />}
</div>
<div className="text_pwd_crit" style={{ "textAlign": "center" }}>
Je ne suis pas un robot <br />
<div >
<div name="pasrobot" > {random1} + {random2} = <input
type='text'
name='sommerandom'
id='sommerandom'
{...register('sommerandom', {
required: { value: true, message: 'sommes de valeurs' },
maxLength: {
value: 30,
}
})}
className="pasrobot_css"
placeholder='Le total est ?'
/>
{errors.sommerandom && (
<span className='koUpdateData'>la sommes est incorrect</span>
)}
</div>
</div>
</div>
<button type="submit" class="btn btn-secondary btn-sm" onClick={resetpasswd_ok}>Envoyer</button> &nbsp; &nbsp; &nbsp;
<button type="submit" class="btn btn-secondary btn-sm" onClick={closepopupinitpwd}> Annuler</button>
</div>
<Input type="password" placeholder="Password" name="pwd" />
</FormGroup>
{String(initpasswd) === String("true") && closepopup === 1 && <div className="okUpdateData">
La demande reinitialisation a bien ete prise en compte.
Verifiez votre boite email.
</div>}
<div className="forgot_pass" >
{String(initpasswd) !== String("true") && String(closepopup) !== String("1")
&& <Popup trigger={<button className="avisformation"> Mot de passe oublié</button>}
position="center" className="signin popup-reset-pwd">
<div className="signin-content popup-reset-pwd-content">
<div className="div_row" style={{
"textAlign": "center", "background": "orangered",
"height": "2rem", "paddingTop": "5px", "fontSize": "14px", "fontWeight": "bold"
}}
> Modifier le mot de passe</div>
<br />
<label for="exampleFormControlTextarea1">Saisir votre email</label>
<br />
<input type="text" id="resetemailvalue" name="resetemailvalue" rows="1" cols="20"
className="zone_mail" />
<br />
<div>
<br />
<Tooltip className="tooltip_css" id="is_user_or_pro-tooltip" />
<a data-tooltip-id="is_user_or_pro-tooltip" data-tooltip-html="Compte partenaire : création et gestion de formation <br/>
compte utilisateur : non autorisé à la création et gestion de formation">
<label for="is_user_or_pro">Compte partenaire ou utilisateur * ?</label>
<br />
<select id="is_user_or_pro" name="is_user_or_pro" style={{
"width": '100%', "height": "2.5rem",
'marginTop': '5px'
}}
onChange={(event) => settypecompte(event.target.value)}>
<option selected value="">Choisir </option>
<option value="partner">Partenaire </option>
<option value="user">Utilisateur </option>
</select>
</a>
<br />
</div>
<div className="text_pwd_crit" style={{ "textAlign": "center" }}>
Je ne suis pas un robot <br />
<div >
<div name="pasrobot" > {random1} + {random2} = <input
type='text'
name='sommerandom'
id='sommerandom'
{...register('sommerandom', {
required: { value: true, message: 'sommes de valeurs' },
maxLength: {
value: 30,
}
})}
className="pasrobot_css"
placeholder='Le total est ?'
/>
{errors.sommerandom && (
<span className='koUpdateData'>la sommes est incorrect</span>
)}
</div>
</div>
</div>
<button type="submit" class="btn btn-secondary btn-sm" onClick={resetpasswd_ok}>Envoyer</button> &nbsp; &nbsp; &nbsp;
<button type="submit" class="btn btn-secondary btn-sm" onClick={closepopupinitpwd}> Annuler</button>
</div>
</Popup>
}
</div>
</div>
<FormGroup>
&nbsp;
</FormGroup>
<div className="div_row22">
<Button variant="contained" color="success" className="div_row22 btn_login button" onClick={onSubmit}>Connectez-Vous</Button>
</div>
</Popup>
}
</div>
</div>
<FormGroup>
&nbsp;
</FormGroup>
<div className="div_row22">
<Button variant="contained" color="success" className="div_row22 btn_login button" onClick={onSubmit}>Connectez-Vous</Button>
</div>
{isconnected === "false" && <div className="erreurconnexion">
<br />
{myApimyApiMessage}</div>
}
<div className="div_row_create_account" onClick={(e) => {
e.preventDefault();
window.location.href = "/create_account";
}}> Vous n'avez pas de compte, Créez-le !!!</div>
</div>
</div>
{isconnected === "false" && <div className="erreurconnexion">
<br />
{myApimyApiMessage}</div>
}
{/*<div className="div_centre_social">
<FacebookLoginButton className="mt-3 mb-3" />
<GoogleLoginButton buttonText="Login" className="mt-3 mb-3" />
</div>*/}
<div className="div_row_create_account" onClick={(e) => {
e.preventDefault();
window.location.href = "/create_account";
}}> Vous n'avez pas de compte, Créez-le !!!</div>
</div>
<div className="pieddepage">
<Footer />
</div>
</div>
<div style={{ height: "5rem", width: "100%" }}>
<Fotter_v3 />
</div>
</div>
);
}

View File

@ -29,7 +29,7 @@ import TwitterIcon from '@mui/icons-material/Twitter';
import FacebookIcon from '@mui/icons-material/Facebook';
import LinkedInIcon from '@mui/icons-material/LinkedIn';
import axios from "axios";
import Fotter_v3 from "./Fotter_v3";
import { RiMailCheckLine, RiPhoneLine, RiCommunityLine } from "react-icons/ri";
@ -417,143 +417,155 @@ function SignUp() {
return (
<div className="signup">
<Helmet>
<title>Créer le compte de votre organisme de formation</title>
<meta name="description" content="Créer le compte de votre organisme de formation. " />
<meta name="robots" content="index,follow" />
<meta name="title" content="Créer le compte de votre organisme de formation" />
<link rel="canonical" href={window.location.href} />
</Helmet>
<Header />
<div style={{ width: "100%", float: "left" }}>
<div className="signup">
<Helmet>
<title>Créer le compte de votre organisme de formation</title>
<meta name="description" content="Créer le compte de votre organisme de formation. " />
<meta name="robots" content="index,follow" />
<meta name="title" content="Créer le compte de votre organisme de formation" />
<link rel="canonical" href={window.location.href} />
</Helmet>
<Header />
<div className="div_mobile">
{isconnected === "false" && <div className="erreurconnexion">
<br />
{myApimyApiMessage}</div>
}
{isconnected === "true" && String(myApimyApiMessage).length > 5 &&
<div className="okUpdateData">
<div className="div_mobile">
{isconnected === "false" && <div className="erreurconnexion">
<br />
Le compte a été correctement créé. Vous allez recevoir un email de validation sous peu.<br />
Pensez à regarder vos spam aussi.</div>
}
{myApimyApiMessage}</div>
}
<div className="display_screen_600_901">
<div>
<h1 className="text_welcome">Bien commencer avec MySy Training</h1>
</div>
<div className="div_menu_centre">
<div className="div_row">
<Button variant="outlined" onClick={menu_user_account} className="signin_menu"
id="user_account" name="user_account"
style={{ "float": "left", "textAlign": "center" }}>Utilisateur</Button>
{isconnected === "true" && String(myApimyApiMessage).length > 5 &&
<div className="okUpdateData">
<br />
Le compte a été correctement créé. Vous allez recevoir un email de validation sous peu.<br />
Pensez à regarder vos spam aussi.</div>
}
<Button variant="outlined" onClick={menu_parter_account} className="signin_menu"
id="partner_account" name="partner_account"
style={{ "float": "left", "textAlign": "center" }}>Organisme de formation</Button>
<div className="div_row block_entete" >
<div className="Background-header">
<div>
<h1 className="text_welcome">Bien commencer avec MySy Training</h1>
</div>
</div>
<div className="div_row_bis">
{/*String(menucompte) === String("partner") && <FormGroup>
</div>
<div className="block_centrer">
<div className="display_screen_600_901">
<div className="div_menu_centre">
<div className="div_row">
<Button variant="outlined" onClick={menu_user_account} className="signin_menu"
id="user_account" name="user_account"
style={{ "float": "left", "textAlign": "center" }}>Utilisateur</Button>
<Button variant="outlined" onClick={menu_parter_account} className="signin_menu"
id="partner_account" name="partner_account"
style={{ "float": "left", "textAlign": "center" }}>Organisme de formation</Button>
</div>
<div className="div_row_bis">
{/*String(menucompte) === String("partner") && <FormGroup>
<Label className="text_label">Raison Sociale*</Label>
<Input type="text" placeholder="" name="raison_sociale" />
</FormGroup>*/}
{String(menucompte) === String("partner") && <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="raison_sociale" style={{ "margin": "0px" }}>Raison Sociale*</InputLabel>
<OutlinedInput
id="raison_sociale"
name="raison_sociale"
type="text"
{String(menucompte) === String("partner") && <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="raison_sociale" style={{ "margin": "0px" }}>Raison Sociale*</InputLabel>
<OutlinedInput
id="raison_sociale"
name="raison_sociale"
type="text"
label="Raison Sociale*"
className="ch"
endAdornment={
<InputAdornment position="end">
<RiCommunityLine /> &nbsp;
label="Raison Sociale*"
className="ch"
endAdornment={
<InputAdornment position="end">
<RiCommunityLine /> &nbsp;
</InputAdornment>
}
</InputAdornment>
}
/>
/>
</FormControl>}
</FormControl>}
{/*String(menucompte) === String("partner") && <FormGroup>
{/*String(menucompte) === String("partner") && <FormGroup>
<Label className="text_label">Telephone*</Label>
<Input type="text" placeholder="" name="telephone" />
</FormGroup>*/}
{String(menucompte) === String("partner") && <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="raison_sociale" style={{ "margin": "0px" }}>Telephone*</InputLabel>
<OutlinedInput
id="telephone"
name="telephone"
type="text"
{String(menucompte) === String("partner") && <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="raison_sociale" style={{ "margin": "0px" }}>Telephone*</InputLabel>
<OutlinedInput
id="telephone"
name="telephone"
type="text"
label="Telephone*"
className="ch"
endAdornment={
<InputAdornment position="end">
<RiPhoneLine /> &nbsp;
label="Telephone*"
className="ch"
endAdornment={
<InputAdornment position="end">
<RiPhoneLine /> &nbsp;
</InputAdornment>
}
</InputAdornment>
}
/>
/>
</FormControl>}
</FormControl>}
<FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="email" style={{ "margin": "0px" }}>Email</InputLabel>
<OutlinedInput
id="email"
name="email"
type="email"
<FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="email" style={{ "margin": "0px" }}>Email</InputLabel>
<OutlinedInput
id="email"
name="email"
type="email"
label="email"
className="ch"
endAdornment={
<InputAdornment position="end">
<RiMailCheckLine /> &nbsp;
label="email"
className="ch"
endAdornment={
<InputAdornment position="end">
<RiMailCheckLine /> &nbsp;
</InputAdornment>
}
</InputAdornment>
}
/>
/>
</FormControl>
<br />
<FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="new_pwd" style={{ "margin": "0px" }}>Mot de passe</InputLabel>
<OutlinedInput
id="new_pwd"
name="new_pwd"
type={values.showPassword ? 'text' : 'password'}
value={values.password2}
label="Mot de passe"
onChange={handleChange2('password2')}
className="ch"
endAdornment={
<InputAdornment position="end">
<IconButton
aria-label="toggle password visibility"
onClick={handleClickShowPassword_new_pwd}
edge="end"
</FormControl>
<br />
<FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="new_pwd" style={{ "margin": "0px" }}>Mot de passe</InputLabel>
<OutlinedInput
id="new_pwd"
name="new_pwd"
type={values.showPassword ? 'text' : 'password'}
value={values.password2}
label="Mot de passe"
onChange={handleChange2('password2')}
className="ch"
endAdornment={
<InputAdornment position="end">
<IconButton
aria-label="toggle password visibility"
onClick={handleClickShowPassword_new_pwd}
edge="end"
>
{newpawdvisible ? <Visibility /> : <VisibilityOff />}
</IconButton>
</InputAdornment>
}
>
{newpawdvisible ? <Visibility /> : <VisibilityOff />}
</IconButton>
</InputAdornment>
}
/>
/>
</FormControl>
<br />
{/*<Label className="text_label"> Confirmer mot de passe </Label><br />
</FormControl>
<br />
{/*<Label className="text_label"> Confirmer mot de passe </Label><br />
<FormControl sx={{ m: 1, }} variant="standard" size="small" className="texte_area_passwd">
@ -581,184 +593,187 @@ function SignUp() {
/>
</FormControl>*/}
<FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="new_pwd_conf" style={{ "margin": "0px" }}>Confirmer mot de passe</InputLabel>
<OutlinedInput
id="new_pwd_conf"
name="new_pwd_conf"
type={values.showPassword ? 'text' : 'password'}
value={values.password2}
label="Confirmer mot de passe"
onChange={handleChange2('password2')}
className="ch"
endAdornment={
<InputAdornment position="end">
<IconButton
aria-label="toggle password visibility"
onClick={handleClickShowPassword_new_pwd_conf}
onMouseDown={handleMouseDownPassword}
edge="end"
>
{confpwdvisible ? <Visibility /> : <VisibilityOff />}
</IconButton>
</InputAdornment>
}
<FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="new_pwd_conf" style={{ "margin": "0px" }}>Confirmer mot de passe</InputLabel>
<OutlinedInput
id="new_pwd_conf"
name="new_pwd_conf"
type={values.showPassword ? 'text' : 'password'}
value={values.password2}
label="Confirmer mot de passe"
onChange={handleChange2('password2')}
className="ch"
endAdornment={
<InputAdornment position="end">
<IconButton
aria-label="toggle password visibility"
onClick={handleClickShowPassword_new_pwd_conf}
onMouseDown={handleMouseDownPassword}
edge="end"
>
{confpwdvisible ? <Visibility /> : <VisibilityOff />}
</IconButton>
</InputAdornment>
}
/>
</FormControl>
<br />
<div className="text_pwd_crit">
Créez un mot de passe contenant au moins :
<ul>
<li name="caractere">
8 caractères
</li>
<li name="nombre">
1 nombre
</li>
<li name="special">
1 caractère spécial p. ex., $, !, @, %, &
</li>
<li name="identique">
Identiques
</li>
</ul>
</div>
<div className="div_row22">
{String(menucompte) === String("partner") && <div style={{ "textAlign": "left" }}>
<div className="titre1"> Contact Principal </div>
&nbsp;
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<TextField
required
name="contact_nom"
label="Nom"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
</InputAdornment>
),
}}
variant="standard"
/>
<TextField
required
name="contact_prenom"
label="Prénom"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
</InputAdornment>
),
}}
variant="standard"
/>
</FormControl>
<br />
<div className="text_pwd_crit">
Créez un mot de passe contenant au moins :
<ul>
<li name="caractere">
8 caractères
</li>
<li name="nombre">
1 nombre
</li>
<li name="special">
1 caractère spécial p. ex., $, !, @, %, &
</li>
<TextField
required
name="contact_email"
label="Adresse mail"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<li name="identique">
Identiques
</li>
</ul>
</div>
</InputAdornment>
),
}}
variant="standard"
/>
<TextField
required
name="contact_telephone"
label="Téléphone"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<div className="div_row22">
</InputAdornment>
),
}}
variant="standard"
/>
{String(menucompte) === String("partner") && <div style={{ "textAlign": "left" }}>
<div className="titre1"> Contact Principal </div>
&nbsp;
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<br />
</Box>
</div>}
<div style={{ "textAlign": "left", "width": "100%", "marginTop": "0.5rem" }}>
<TextField
required
name="contact_nom"
label="Nom"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<input type={"checkbox"} unchecked
id="cgu"
name="cgu"
style={{ "textAlign": "left", "width": "auto", "height": "1rem" }} />
<label for="cgu" style={{ "textAlign": "left", maxWidth: "90%", "fontSize": "small" }}>Accepter <a href='/sample/MYSY_CGU.pdf' download>les conditions générales d'usage </a></label>
</InputAdornment>
),
}}
variant="standard"
/>
<TextField
required
name="contact_prenom"
label="Prénom"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
</div>
<div className="div_row22 text_pwd_crit" style={{ "textAlign": "center", "fontWeight": "bold" }}>
<nav className="pasrobot_block"> Je ne suis pas un robot <br />
<div >
</InputAdornment>
),
}}
variant="standard"
/>
<div name="pasrobot" > {random1} + {random2} = <input
type='text'
name='sommerandom'
id='sommerandom'
<TextField
required
name="contact_email"
label="Adresse mail"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
{...register('sommerandom', {
required: { value: true, message: 'sommes de valeurs' },
maxLength: {
value: 30,
}
})}
</InputAdornment>
),
}}
variant="standard"
/>
<TextField
required
name="contact_telephone"
label="Téléphone"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
className="pasrobot"
placeholder='Le total est ?'
/>
</InputAdornment>
),
}}
variant="standard"
/>
<br />
</Box>
</div>}
<div style={{ "textAlign": "left", "width": "100%", "marginTop": "0.5rem" }}>
<input type={"checkbox"} unchecked
id="cgu"
name="cgu"
style={{ "textAlign": "left", "width": "auto", "height": "1rem" }} />
<label for="cgu" style={{ "textAlign": "left", maxWidth: "90%", "fontSize": "small" }}>Accepter <a href='/sample/MYSY_CGU.pdf' download>les conditions générales d'usage </a></label>
{errors.sommerandom && (
<span className='koUpdateData'>la sommes est incorrect</span>
)}
</div>
</div>
</nav>
</div>
<Button variant="contained" color="success"
className="div_row22 btn_login button"
ref={textInput}
onClick={onSubmit}>S'inscrire</Button>
</div>
<div className="div_row22 text_pwd_crit" style={{ "textAlign": "center", "fontWeight": "bold" }}>
<nav className="pasrobot_block"> Je ne suis pas un robot <br />
<div >
<div name="pasrobot" > {random1} + {random2} = <input
type='text'
name='sommerandom'
id='sommerandom'
{...register('sommerandom', {
required: { value: true, message: 'sommes de valeurs' },
maxLength: {
value: 30,
}
})}
className="pasrobot"
placeholder='Le total est ?'
/>
{errors.sommerandom && (
<span className='koUpdateData'>la sommes est incorrect</span>
)}
</div>
</div>
</nav>
</div>
<Button variant="contained" color="success"
className="div_row22 btn_login button"
ref={textInput}
onClick={onSubmit}>S'inscrire</Button>
</div>
</div>
</div>
</div>
</div>
</div>
</div >
<div className="pieddepage">
<Footer />
</div>
<div style={{ height: "5rem", width: "100%" }}>
<Fotter_v3 />
</div>
</div >
</div>
);
}

View File

@ -3,15 +3,16 @@ import SignIn from "../components/SignIn";
import Navigation from "../components/Navigation";
export default function Login() {
return (
<div>
<Navigation />
<div>
<SignIn />
<div>
<div>
<Navigation />
</div>
<SignIn />
</div>
);
}

View File

@ -1,36 +1,80 @@
import React from "react";
import React, { useState, useEffect } from "react";
import Navigation from "../components/Navigation";
import bannerimg2 from "./../mysy_img/MYSY-LOGO-BLUE.png";
import { Helmet } from "react-helmet";
import Footer from "./../components/Fotter";
import Header from "./../components/Header";
import Fotter_v3 from "./../components/Fotter_v3";
const NotFound = () => {
const [tempo, settempo] = useState(".");
setInterval(check, 2000);
window.setTimeout(function () {
window.location.href = process.env.REACT_APP_BASE_URL
}, 9000);
function check() {
var val = tempo + " .";
//alert(" val = "+val);
settempo(val);
}
return (
<div className="notfound">
<div>
<Navigation />
</div>
<Helmet>
<title>MySy Training, Page inconnue</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="noindex, nofollow" />
<meta name="title" content="Page inconnue" />
<link rel="canonical" href={window.location.href} />
</Helmet>
<Header />
<div style={{ width: "100%", float: "left" }}>
<div className="notfound">
<div>
<Navigation />
</div>
<Helmet>
<title>MySy Training, Page inconnue</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="noindex, nofollow" />
<meta name="title" content="Page inconnue" />
<link rel="canonical" href={window.location.href} />
</Helmet>
<Header />
<div className="div_mobile">
<div className="nom_prenom"> Le site MySy Training Technology ne connait pas cette page</div>
<div className="nom_prenom"> <a href={process.env.REACT_APP_BASE_URL}> Retour vers le moteur de recherche </a> </div>
</div>
<div className="pieddepage">
<Footer />
<div className="div_mobile">
<div className="div_row block_entete" >
<div className="Background-header">
<div>
<h1 className="text_welcome"> MySy Training Technology</h1>
</div>
</div>
</div>
<div className="block_centrer">
<div className="display_screen_600_901">
<div className="nom_prenom"> Page inconnue</div>
<div className="nom_prenom"> Vous allez être redirigé vers le moteur de recherche dans quelques secondes. {tempo}</div>
<div className="nom_prenom"> <a href={process.env.REACT_APP_BASE_URL}> Retour vers le moteur de recherche </a> </div>
</div>
</div>
</div>
</div>
<div style={{ height: "5rem", width: "100%" }}>
<Fotter_v3 />
</div>
</div>
)

View File

@ -34,7 +34,7 @@ const quisommesnous = () => {
<Navigation />
</div>
<Helmet>
<title>MySy Training, qui sommes nous ?</title>
<title>MySy Training, qui sommes nous 2 ?</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="noindex, nofollow" />
<meta name="title" content="Trouver des Formations.Acces libre.Qualité top" />

View File

@ -5,8 +5,8 @@ import Navigation from "../components/Navigation";
export default function displaydetailarticle() {
return (
<div>
<div >
<Navigation />
<div >
<Navigation />
</div>
<RechercheArticle_new_v2 />

View File

@ -30,7 +30,7 @@
color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: small;
width: 90%;
width: 96%;
margin-left: auto;
margin-right: auto;
}
@ -48,7 +48,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
// margin-bottom: 0.1rem;
// margin-bottom: 0.1rem;
//border-radius: 1rem;
position: fixed;
z-index: 10;
@ -75,7 +75,7 @@
background-color: #e7f3fb;
background-color: #FFF5DA;
color: #0A043C;
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px;
@ -174,7 +174,7 @@
color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 1.1rem;
width: 90%;
width: 96%;
margin-left: auto;
margin-right: auto;
}
@ -192,7 +192,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
// margin-bottom: 0.1rem;
// margin-bottom: 0.1rem;
//border-radius: 1rem;
//position: fixed;
z-index: 10;
@ -214,12 +214,12 @@
//border-width: 0.01rem;
width: 100%;
//border-radius: 1rem;
// height: 8rem;
// height: 8rem;
background-color: #e7f3fb;
background-color: #FFF5DA;
color: #0A043C;
z-index: 10;
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px;
@ -332,7 +332,7 @@
color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 1.2rem;
width: 90%;
width: 96%;
margin-left: auto;
margin-right: auto;
}
@ -351,7 +351,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
// margin-bottom: 0.1rem;
// margin-bottom: 0.1rem;
//border-radius: 1rem;
//position: fixed;
z-index: 10;
@ -373,11 +373,11 @@
//border-width: 0.01rem;
width: 100%;
//border-radius: 1rem;
// height: 8rem;
// height: 8rem;
background-color: #FFF5DA;
color: #0A043C;
z-index: 10;
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px;
@ -519,7 +519,7 @@
color: #0A043C;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 1.2rem;
width: 90%;
width: 96%;
margin-left: auto;
margin-right: auto;
}
@ -538,7 +538,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
// margin-bottom: 0.1rem;
// margin-bottom: 0.1rem;
//border-radius: 1rem;
//position: fixed;
z-index: 10;
@ -557,7 +557,7 @@
.header_div_row_bas {
float: right;
width: 100%;
// height: 8rem;
// height: 8rem;
background-color: #FFF5DA;
color: #0A043C;
z-index: 10;
@ -711,26 +711,125 @@
color: white;
margin-left: auto;
margin-right: auto;
}
.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;
} }
@media only screen and (min-width: 601px) and (max-width: 991px) {
width: 50%;
float: left;
color: white;
}
.training {
@media only screen and (min-width: 992px) and (max-width: 1199px){
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;
}}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
width: 50%;
float: left;
color: white;
}
.training {
@media only screen and (min-width: 1200px){
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;
} }
@media only screen and (min-width: 1200px) {
width: 30%;
float: left;
color: white;
.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_img_logo22 {

View File

@ -1,5 +1,9 @@
.notfound {
width: 100%;
float: left;
.loader-container {
width: 100%;
height: 100vh;
@ -15,7 +19,7 @@
left: 0px;
}
.spinner {
.spinner {
width: 20rem;
height: 10rem;
border: 8px solid;
@ -24,13 +28,13 @@
animation: spin-anim 1.2s linear infinite;
background-color: red;
color: black;
}
}
.mysy_spinner {
.mysy_spinner {
border-radius: 5px;
//border: 1px solid black;
opacity: 100%;
}
}
@media only screen and (max-width: 600px) {
@ -103,12 +107,12 @@
}
.div_mobile {
position: relative;
// position: relative;
top: 7rem;
z-index: 1;
width: 98%;
width: 100%;
height: 100%;
margin: 0.3rem;
//margin: 0.3rem;
margin-left: auto;
margin-right: auto;
}
@ -123,6 +127,40 @@
}
.block_entete {
margin-top: 3rem;
width: 100%;
float: left;
border: none;
background: var(--Beige, #FFF5DA);
}
.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: 70vh;
margin-left: 0pc;
padding-top: 5rem;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -195,8 +233,8 @@
}
.div_mobile {
position: absolute;
top: 11rem;
// position: absolute;
// top: 11rem;
z-index: 1;
width: 100%;
}
@ -210,6 +248,27 @@
}
.block_entete {
height: 6rem;
float: left;
border: none;
}
.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);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -283,7 +342,7 @@
}
.div_mobile {
position: absolute;
// position: absolute;
top: 11rem;
z-index: 1;
width: 100%;
@ -298,6 +357,27 @@
position: absolute;
}
.block_entete {
height: 8rem;
float: left;
border: none;
}
.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) {
@ -368,7 +448,7 @@
.div_mobile {
position: absolute;
// position: absolute;
top: 11rem;
z-index: 1;
width: 100%;
@ -385,5 +465,42 @@
.img_ok {
max-width: 5%;
}
.block_entete {
height: 10rem;
float: left;
border: none;
}
.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
.display_screen_600_901 {
width: 95%;
margin-left: 5%;
float: left;
padding: 10px;
min-height: 70vh;
padding-top: 10rem;
}
.text_welcome{
margin-top: 2rem;
}
}

View File

@ -3189,7 +3189,7 @@
width: 95%;
height: 367px;
left: 20px;
top: 156px;
top: 136px;
}
.Background_Header {
@ -6296,7 +6296,7 @@
width: 95%;
height: 367px;
left: 5%;
top: 156px;
top: 136px;
}
.Background_Header {
@ -9396,7 +9396,7 @@
width: 95%;
height: 367px;
left: 5%;
top: 156px;
top: 136px;
}
.Background_Header {
@ -12508,7 +12508,7 @@
width: 95%;
height: 367px;
left: 5%;
top: 156px;
top: 136px;
}
.Background_Header {

View File

@ -208,6 +208,10 @@
}
.signin {
width: 100%;
float: left;
.h1_transparent {
color: transparent;
font-size: 0.1rem;
@ -393,12 +397,12 @@
}
.div_mobile {
position: relative;
// position: relative;
top: 7rem;
z-index: 1;
width: 98%;
width: 100%;
height: 100%;
margin: 0.3rem;
margin-left: auto;
margin-right: auto;
}
@ -483,6 +487,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 1rem;
margin-top: 1rem;
}
.text_pwd_crit {
@ -521,7 +526,7 @@
}
.div_centre_master {
width: 90%;
width: 94%;
background-color: white;
margin-left: auto;
margin-right: auto;
@ -637,6 +642,37 @@
}
.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: 70vh;
margin-left: 0pc;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -947,8 +983,8 @@
}
.div_mobile {
position: absolute;
top: 11rem;
// position: absolute;
// top: 11rem;
z-index: 1;
width: 100%;
}
@ -1058,6 +1094,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 3rem;
margin-top: 3rem;
}
.text_pwd_crit {
@ -1096,7 +1133,7 @@
}
.div_centre_master {
width: 40%;
width: 50%;
background-color: white;
margin-left: auto;
margin-right: auto;
@ -1211,6 +1248,26 @@
}
.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);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -1508,8 +1565,8 @@
}
.div_mobile {
position: absolute;
top: 11rem;
// position: absolute;
// top: 11rem;
z-index: 1;
width: 100%;
}
@ -1613,6 +1670,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 2rem;
margin-top: 3rem;
}
.text_pwd_crit {
@ -1651,7 +1709,7 @@
}
.div_centre_master {
width: 35%;
width: 45%;
background-color: white;
margin-left: auto;
margin-right: auto;
@ -1767,6 +1825,26 @@
}
.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) {
@ -2081,10 +2159,13 @@
}
.div_mobile {
position: absolute;
top: 11rem;
// position: absolute;
// top: 9rem;
z-index: 1;
width: 100%;
height: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
.pieddepage {
@ -2188,6 +2269,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 2rem;
margin-top: 5rem;
}
.text_pwd_crit {
@ -2226,7 +2308,7 @@
}
.div_centre_master {
width: 35%;
width: 40%;
background-color: white;
margin-left: auto;
margin-right: auto;
@ -2345,17 +2427,47 @@
}
.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{
.css-vubbuv {
font-size: medium !important;
margin-right: 10px !important;
}
// end media
.display_screen_600_901 {
width: 95%;
margin-left: 5%;
float: left;
padding: 10px;
min-height: 70vh;
}
}

View File

@ -1,7 +1,12 @@
.signup {
width: 100%;
float: left;
input {
background-color: transparent !important;
}
.MuiInputBase-inputAdornedEnd {
padding: 0px !important;
max-height: 1rem !important;
@ -49,7 +54,7 @@
}
.css-1pysi21-MuiFormLabel-root-MuiInputLabel-root{
.css-1pysi21-MuiFormLabel-root-MuiInputLabel-root {
font-size: small !important;
}
@ -67,6 +72,7 @@
color: red;
font-style: italic;
}
.okUpdateData {
font-size: small;
color: green;
@ -104,9 +110,11 @@
font-size: small;
font-family: "Signika", sans-serif;
}
.btn_login {
width: 10rem;
}
.button {
width: 100% !important;
}
@ -127,7 +135,8 @@
h4 {
display: inline-block;
font-size: large; /*or whatever you want*/
font-size: large;
/*or whatever you want*/
color: white;
}
@ -192,13 +201,13 @@
}
.div_mobile {
position: relative;
//position: relative;
top: 5rem;
//top: 5rem;
z-index: 1;
width: 98%;
width: 100%;
height: 100%;
margin: 0.3rem;
//margin: 0.3rem;
margin-left: auto;
margin-right: auto;
}
@ -240,7 +249,7 @@
.overlay-custom-class-name {
z-index: 101;
}
}
.div_001 {
@ -295,8 +304,8 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 1rem;
margin-top: 1rem;
}
.text_pwd_crit {
color: #3b3e40;
margin-bottom: 0px;
@ -314,6 +323,7 @@
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 0.8rem;
}
.signin_menu {
width: 50%;
text-align: left;
@ -335,6 +345,7 @@
text-transform: none;
/* Lowering the shadow */
}
.signin_menu:focus {
//border: 3px dotted green;
background-color: #e7f3fb;
@ -345,7 +356,7 @@
margin: auto;
//border: 1px solid black;
//border-width: 0.01rem;
width: 90%;
width: 95%;
padding-bottom: 10px;
border-radius: 0px;
text-align: left;
@ -436,7 +447,7 @@
color: #3b3e40;
}
.pasrobot_block{
.pasrobot_block {
border: 2px solid black;
width: 50%;
margin-left: auto;
@ -445,9 +456,44 @@
margin-top: 10px;
}
.block_entete {
// margin-top: 3rem;
width: 100%;
float: left;
background: var(--Beige, #FFF5DA);
}
.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);
margin-top: 5rem;
}
.display_screen_600_901 {
width: 100%;
float: left;
padding: 5px;
min-height: 70vh;
margin-left: 0pc;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
/*style petites-moyennes tablettes */
.img_logo {
display: block;
@ -633,8 +679,8 @@
}
.div_mobile {
position: absolute;
top: 11rem;
// position: absolute;
// top: 11rem;
z-index: 1;
width: 100%;
}
@ -645,11 +691,13 @@
float: left;
margin-top: 2rem;
@media only screen and (min-height: 1000px) { /* Ipad */
@media only screen and (min-height: 1000px) {
/* Ipad */
margin-top: 6rem;
}
@media only screen and (min-height: 1179px) { /* Ipad Air */
@media only screen and (min-height: 1179px) {
/* Ipad Air */
margin-top: 15rem;
}
@ -743,8 +791,10 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 3rem;
margin-top: 3rem;
}
.text_pwd_crit {
color: #3b3e40;
margin-bottom: 0px;
@ -784,6 +834,7 @@
text-transform: none;
/* Lowering the shadow */
}
.signin_menu:focus {
//border: 3px dotted green;
background-color: #e7f3fb;
@ -794,7 +845,7 @@
margin: auto;
//border: 1px solid black;
//border-width: 0.01rem;
width: 45%;
width: 70%;
padding-bottom: 10px;
border-radius: 0px;
text-align: left;
@ -852,6 +903,7 @@
margin: 0.4rem !important;
height: 1.8rem !important;
}
.css-1ptx2yq-MuiInputBase-root-MuiInput-root {
margin-top: 2px !important;
}
@ -865,7 +917,7 @@
color: #3b3e40;
}
.pasrobot_block{
.pasrobot_block {
border: 2px solid black;
width: 50%;
margin-left: auto;
@ -874,6 +926,26 @@
margin-top: 10px;
}
.block_entete {
height: 8rem;
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);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -942,7 +1014,7 @@
}
li:hover {
/* color: #33799b;
/* color: #33799b;
padding-left: 0;
text-transform: uppercase;*/
}
@ -1062,8 +1134,8 @@
}
.div_mobile {
position: absolute;
top: 11rem;
// position: absolute;
// top: 11rem;
z-index: 1;
width: 100%;
}
@ -1166,6 +1238,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 2rem;
margin-top: 3rem;
}
.text_pwd_crit {
@ -1207,6 +1280,7 @@
text-transform: none;
/* Lowering the shadow */
}
.signin_menu:focus {
//border: 3px dotted green;
background-color: #e7f3fb;
@ -1217,7 +1291,7 @@
margin: auto;
//border: 1px solid black;
//border-width: 0.01rem;
width: 40%;
width: 60%;
padding-bottom: 10px;
border-radius: 0px;
text-align: left;
@ -1289,7 +1363,7 @@
color: #3b3e40;
}
.pasrobot_block{
.pasrobot_block {
border: 2px solid black;
width: 50%;
margin-left: auto;
@ -1298,9 +1372,31 @@
margin-top: 10px;
}
.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 */
.img_logo {
display: block;
@ -1486,8 +1582,8 @@
}
.div_mobile {
position: absolute;
top: 11rem;
// position: absolute;
// top: 11rem;
z-index: 1;
width: 100%;
}
@ -1595,6 +1691,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 2rem;
margin-top: 5rem;
}
.text_pwd_crit {
@ -1618,7 +1715,7 @@
.signin_menu {
width: 50%;
text-align: left;
font-size: 1rem;
font-size: 1rem;
//font-weight: bold;
background-color: whitesmoke;
color: #3b3e40;
@ -1636,6 +1733,7 @@
text-transform: none;
/* Lowering the shadow */
}
.signin_menu:focus {
//border: 3px dotted green;
background-color: #e7f3fb;
@ -1646,7 +1744,7 @@
margin: auto;
//border: 1px solid black;
//border-width: 0.01rem;
width: 35%;
width: 40%;
padding-bottom: 10px;
border-radius: 0px;
text-align: left;
@ -1718,7 +1816,7 @@
color: #3b3e40;
}
.pasrobot_block{
.pasrobot_block {
border: 2px solid black;
width: 50%;
margin-left: auto;
@ -1727,28 +1825,61 @@
margin-top: 10px;
}
.css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root{
.css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root {
margin-right: 10px !important;
padding: 0px !important;
}
.MuiInputBase-inputAdornedEnd{
.MuiInputBase-inputAdornedEnd {
height: 2.5rem !important;
max-height: 2.5rem !important;
}
.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);
}
}
.css-i4bv87-MuiSvgIcon-root{
// end media
.css-i4bv87-MuiSvgIcon-root {
font-size: medium !important;
}
.css-1laqsz7-MuiInputAdornment-root{
.css-1laqsz7-MuiInputAdornment-root {
padding-right: 10px !important;
}
.css-vubbuv{
.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: 70vh;
}
}