qsdq
parent
7fbecc1d73
commit
9ea86778e2
|
@ -31,6 +31,12 @@ import img_5discovery from "../mysy_img/5discovery.png";
|
||||||
import img_aroma from "../mysy_img/aroma.png";
|
import img_aroma from "../mysy_img/aroma.png";
|
||||||
import img_potential from "../mysy_img/potential.png";
|
import img_potential from "../mysy_img/potential.png";
|
||||||
|
|
||||||
|
import img_qualiopi from "../mysy_img/qualiopi.png";
|
||||||
|
import img_solution_complete from "../mysy_img/solution_complete.png";
|
||||||
|
import img_euro from "../mysy_img/euro.png";
|
||||||
|
import img_france from "../mysy_img/france.png";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
import moment from "moment";
|
import moment from "moment";
|
||||||
import SendIcon from '@mui/icons-material/Send';
|
import SendIcon from '@mui/icons-material/Send';
|
||||||
|
@ -348,12 +354,12 @@ const QuiSommesNous_v4 = () => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="text_seul_1">
|
<div className="text_seul_1">
|
||||||
MySy Training Technogy est un éditeur de logiciels français qui developpement des solutions dédiées à la gestion des établissements de formation <br />
|
MySy Training est un éditeur de logiciels dédiés à la gestion des établissements de formation : Instituts de formation, Indépendants, Ecoles, Universités, etc.
|
||||||
<ul>
|
<br />
|
||||||
<li> Organismes de formation</li>
|
Nous conseillons, accompagnons nos clients dans la structuration, l’audit et l’organisation de leurs processus et outils.
|
||||||
<li> Ecoles</li>
|
<br />
|
||||||
<li> Universités</li>
|
Avec une équipe d’une dizaine de personnes, nous développons des solutions axées sur l’efficacité et le gain de productivité de nos clients, sans oublier la sécurisation de leurs systèmes.
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -363,6 +369,76 @@ const QuiSommesNous_v4 = () => {
|
||||||
</div>
|
</div>
|
||||||
<div className="div_mobile_v3_debut">
|
<div className="div_mobile_v3_debut">
|
||||||
|
|
||||||
|
<div className="content_mysy_4_point" >
|
||||||
|
|
||||||
|
|
||||||
|
<div className="content_mysy_4_point_txt" >
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<div className="detail_mysy_4_point_text_head_2" >
|
||||||
|
MySy Training en 4 points
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="tableau_mysy_4_point" style={{ width: '100%', float: 'left', background: '#FFF' }}>
|
||||||
|
<div className="tableau_mysy_4_point_case" >
|
||||||
|
<div className="tableau_mysy_4_point_case_img">
|
||||||
|
<img src={img_france} alt="MySy Training Gestion administrative" className="img_a_retenir" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="tableau_mysy_4_point_case_text">
|
||||||
|
Editeur Français Basé en Ile de France
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="tableau_mysy_4_point_case" >
|
||||||
|
|
||||||
|
<div className="tableau_mysy_4_point_case_img_droite" >
|
||||||
|
<img src={img_qualiopi} alt="MySy Training Gestion administrative" className="img_a_retenir" />
|
||||||
|
</div>
|
||||||
|
<div className="tableau_mysy_4_point_case_text_droite" >
|
||||||
|
Accompagnent à la l'obtention et au maintien de la certification Qualiopi
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="tableau_mysy_4_point_case" >
|
||||||
|
<div className="tableau_mysy_4_point_case_img">
|
||||||
|
<img src={img_solution_complete} alt="MySy Training Gestion administrative" className="img_a_retenir" />
|
||||||
|
</div>
|
||||||
|
<div className="tableau_mysy_4_point_case_text">
|
||||||
|
Solution Complete pour gérer votre Organisme de formation (Gestion administrative, CRM, E-Learning, Marketplace)
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="tableau_mysy_4_point_case" >
|
||||||
|
<div className="tableau_mysy_4_point_case_img_droite" >
|
||||||
|
<img src={img_euro} alt="MySy Training Gestion administrative" className="img_a_retenir" />
|
||||||
|
</div>
|
||||||
|
<div className="tableau_mysy_4_point_case_text_droite" >
|
||||||
|
La solution la moins chère du marché
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row" style={{ border: "none" }} >
|
||||||
|
<hr className="hr_break" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="gestion_elearning"> </div>
|
||||||
|
|
||||||
<div id="gestion_administrative"> </div>
|
<div id="gestion_administrative"> </div>
|
||||||
<div className="content_gestion_admin">
|
<div className="content_gestion_admin">
|
||||||
|
@ -375,16 +451,19 @@ const QuiSommesNous_v4 = () => {
|
||||||
|
|
||||||
<div className="content_gestion_admin_txt" >
|
<div className="content_gestion_admin_txt" >
|
||||||
<div>
|
<div>
|
||||||
<div className="detail_content_text_head_1">
|
|
||||||
GESTION
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="detail_content_text_head_2" >
|
<div className="detail_content_text_head_2" >
|
||||||
Notre objectif (pensez aux mots clés)
|
Notre objectif (pensez aux mots clés)
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="detail_content_text_head_3">
|
<div className="detail_content_text_head_3">
|
||||||
Permet de gérer le processus d’inscription des apprenants, les émargements à distance ou en présentiel et les évaluations. Cette solution permet également de gérer les enseignants, le matériel pédagogique, le planning de formation, les agendas, etc.
|
Notre objectif peut se résumer en ces quelques mots : <br />
|
||||||
|
« Une solution tout-en-un personnalisée pour chacun de nos partenaires ». <br />
|
||||||
|
|
||||||
|
Notre objectif est de développer des solutions de proximité qui permettront à chacun de nos clients d’être unique, de se distinguer. <br />
|
||||||
|
|
||||||
|
Avec une approche personnalisée, nous permettons à chacun de nos clients de disposer d’une solution adaptée à son besoin.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="detail_content_text_head_3">
|
<div className="detail_content_text_head_3">
|
||||||
|
@ -416,14 +495,21 @@ const QuiSommesNous_v4 = () => {
|
||||||
|
|
||||||
|
|
||||||
<div className="detail_content_text_head_2" >
|
<div className="detail_content_text_head_2" >
|
||||||
Notre positionnement (pensez aux mots clés)
|
Nos points forts (pensez aux mots clés)
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="detail_content_text_head_3_gauche">
|
<div className="detail_content_text_head_3_gauche">
|
||||||
Permet d’avoir votre espace de E-learning, de publier les formations en ligne. A l’aide de son login et mot de passe, chaque apprenant peut suivre la formation en ligne, interagir avec l’enseignant (email, réseaux social). </div>
|
Avec un marché de plus en plus carentiel, MySy Training Technology se positionne sur les segments suivants :<br />
|
||||||
|
<ul>
|
||||||
|
<li> Le tarif le moins cher du marché * (à périmètre identique) </li>
|
||||||
|
<li> Une tarification simple : Le cout de l’ensemble des options sont incluses dans le cout d’abonnement. </li>
|
||||||
|
<li> Une solution complète pour gérer les établissements de formation (aucun besoin d’outil externe) </li>
|
||||||
|
<li> Accompagnement la certification Qualiopi </li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div className="detail_content_text_head_3_gauche">
|
|
||||||
L’enseignant peut élaborer des travaux dirigés, suivre le temps de réponses des apprenants, corriger les TD.Un tableau de bord permet de suivre de manière détaillée chaque apprenant. </div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -462,16 +548,12 @@ const QuiSommesNous_v4 = () => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div className="div_row"> </div>
|
||||||
|
|
||||||
<div className="fonctionalite_header">
|
<div className="fonctionalite_header">
|
||||||
Ils nous ont fait confiance
|
Ils nous ont fait confiance
|
||||||
|
@ -481,146 +563,151 @@ const QuiSommesNous_v4 = () => {
|
||||||
<div style={{ "width": "100%", float: "left" }}>
|
<div style={{ "width": "100%", float: "left" }}>
|
||||||
<div className="block_centrer_client">
|
<div className="block_centrer_client">
|
||||||
|
|
||||||
<img src={img_uca} alt="MySy Training Gestion administrative" className="img_uca" />
|
<img src={img_uca} alt="MySy Training Gestion administrative" className="img_uca" />
|
||||||
<img src={img_5discovery} alt="MySy Training Gestion administrative" className="img_5discovery" />
|
<img src={img_5discovery} alt="MySy Training Gestion administrative" className="img_5discovery" />
|
||||||
<img src={img_aroma} alt="MySy Training Gestion administrative" className="img_aroma" />
|
<img src={img_aroma} alt="MySy Training Gestion administrative" className="img_aroma" />
|
||||||
<img src={img_potential} alt="MySy Training Gestion administrative" className="img_potential" />
|
<img src={img_potential} alt="MySy Training Gestion administrative" className="img_potential" />
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row"> </div>
|
||||||
|
|
||||||
<div className="fonctionalite_header">
|
<div className="fonctionalite_header">
|
||||||
Comment nous joindre ?
|
Comment nous joindre ?
|
||||||
</div>
|
</div>
|
||||||
<div className="div_row_where">
|
|
||||||
|
|
||||||
<div className="displaypartnersession">
|
<div className="block_contact">
|
||||||
<div style={{ width: "100%", float: "left" }}>
|
<div className="block_contact_formulaire">
|
||||||
|
|
||||||
|
<div className="displaypartnersession">
|
||||||
<div style={{ width: "100%", float: "left" }}>
|
<div style={{ width: "100%", float: "left" }}>
|
||||||
|
<div style={{ width: "100%", float: "left" }}>
|
||||||
|
|
||||||
<div className="div_row_dialog">
|
<div className="div_row_dialog">
|
||||||
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
|
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
|
||||||
Nom & Prénom
|
Nom & Prénom
|
||||||
</div>
|
</div>
|
||||||
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
|
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
|
||||||
|
|
||||||
<input
|
<input
|
||||||
type='text'
|
type='text'
|
||||||
name='name'
|
name='name'
|
||||||
value={contact_message_nom_prenom}
|
value={contact_message_nom_prenom}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
setcontact_message_nom_prenom(e.target.value);
|
setcontact_message_nom_prenom(e.target.value);
|
||||||
}}
|
}}
|
||||||
className='form-control formInput'
|
className='form-control formInput'
|
||||||
placeholder='Nom'
|
placeholder='Nom'
|
||||||
></input>
|
></input>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_dialog">
|
<div className="div_row_dialog">
|
||||||
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
|
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
|
||||||
E-mail
|
E-mail
|
||||||
|
</div>
|
||||||
|
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
|
||||||
|
<input
|
||||||
|
type='email'
|
||||||
|
name='email'
|
||||||
|
id='email'
|
||||||
|
value={contact_message_email}
|
||||||
|
onChange={(e) => {
|
||||||
|
setcontact_message_email(e.target.value);
|
||||||
|
}}
|
||||||
|
className='form-control formInput'
|
||||||
|
placeholder='Adresse email'
|
||||||
|
></input>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
|
|
||||||
<input
|
|
||||||
type='email'
|
|
||||||
name='email'
|
|
||||||
id='email'
|
|
||||||
value={contact_message_email}
|
|
||||||
onChange={(e) => {
|
|
||||||
setcontact_message_email(e.target.value);
|
|
||||||
}}
|
|
||||||
className='form-control formInput'
|
|
||||||
placeholder='Adresse email'
|
|
||||||
></input>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div className="div_row_dialog">
|
<div className="div_row_dialog">
|
||||||
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
|
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
|
||||||
Téléphone
|
Téléphone
|
||||||
|
</div>
|
||||||
|
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
|
||||||
|
<input
|
||||||
|
type='text'
|
||||||
|
name='phone'
|
||||||
|
id='phone'
|
||||||
|
value={contact_message_phone}
|
||||||
|
onChange={(e) => {
|
||||||
|
setcontact_message_phone(e.target.value);
|
||||||
|
}}
|
||||||
|
className='form-control formInput'
|
||||||
|
placeholder='Numéro Tél'
|
||||||
|
></input>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
|
|
||||||
<input
|
|
||||||
type='text'
|
|
||||||
name='phone'
|
|
||||||
id='phone'
|
|
||||||
value={contact_message_phone}
|
|
||||||
onChange={(e) => {
|
|
||||||
setcontact_message_phone(e.target.value);
|
|
||||||
}}
|
|
||||||
className='form-control formInput'
|
|
||||||
placeholder='Numéro Tél'
|
|
||||||
></input>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_dialog">
|
<div className="div_row_dialog">
|
||||||
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
|
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
|
||||||
Sujet
|
Sujet
|
||||||
|
</div>
|
||||||
|
<div className="div_row_dialog" >
|
||||||
|
<input
|
||||||
|
type='text'
|
||||||
|
name='subject'
|
||||||
|
value={contact_message_sujet}
|
||||||
|
onChange={(e) => {
|
||||||
|
setcontact_message_sujet(e.target.value);
|
||||||
|
}}
|
||||||
|
className='form-control formInput'
|
||||||
|
placeholder='Sujet'
|
||||||
|
></input>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row_dialog">
|
||||||
|
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
|
||||||
|
Votre message
|
||||||
|
</div>
|
||||||
|
<div className="div_row_dialog" >
|
||||||
|
<textarea
|
||||||
|
rows={3}
|
||||||
|
name='message'
|
||||||
|
value={contact_message_message}
|
||||||
|
onChange={(e) => {
|
||||||
|
setcontact_message_message(e.target.value);
|
||||||
|
}}
|
||||||
|
className='form-control formInput'
|
||||||
|
placeholder='Message'
|
||||||
|
></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="div_row_dialog" >
|
<div className="div_row_dialog" >
|
||||||
<input
|
|
||||||
type='text'
|
|
||||||
name='subject'
|
|
||||||
value={contact_message_sujet}
|
|
||||||
onChange={(e) => {
|
|
||||||
setcontact_message_sujet(e.target.value);
|
|
||||||
}}
|
|
||||||
className='form-control formInput'
|
|
||||||
placeholder='Sujet'
|
|
||||||
></input>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_dialog">
|
<div className="block_bouton_gauche">
|
||||||
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
|
<Button onClick={Dialog_contact_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
|
||||||
Votre message
|
</div>
|
||||||
</div>
|
<div className="block_bouton_droite" style={{ "textAlign": 'center' }}>
|
||||||
<div className="div_row_dialog" >
|
<Button onClick={Send_Contact_Message} className="bton_enreg_dialog">Envoyer <SendIcon /></Button>
|
||||||
<textarea
|
|
||||||
rows={3}
|
|
||||||
name='message'
|
|
||||||
value={contact_message_message}
|
|
||||||
onChange={(e) => {
|
|
||||||
setcontact_message_message(e.target.value);
|
|
||||||
}}
|
|
||||||
className='form-control formInput'
|
|
||||||
placeholder='Message'
|
|
||||||
></textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_dialog" >
|
</div>
|
||||||
|
|
||||||
<div className="block_bouton_gauche">
|
|
||||||
<Button onClick={Dialog_contact_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
|
|
||||||
</div>
|
|
||||||
<div className="block_bouton_droite" style={{ "textAlign": 'center' }}>
|
|
||||||
<Button onClick={Send_Contact_Message} className="bton_enreg_dialog">Envoyer <SendIcon /></Button>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row_dialog" >
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div className="block_contact_mysy">
|
||||||
<div className="div_row_dialog" >
|
|
||||||
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div className="block_centrer" >
|
|
||||||
|
|
||||||
<div className="contactez_nous_titre">MySy Training Technology</div>
|
<div className="contactez_nous_titre">MySy Training Technology</div>
|
||||||
|
|
||||||
|
@ -669,13 +756,16 @@ const QuiSommesNous_v4 = () => {
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div style={{ height: "5rem", width: "100%" }}>
|
<div style={{ height: "5rem", width: "100%" }}>
|
||||||
<Fotter_v3 />
|
<Fotter_v3 />
|
||||||
</div>
|
</div>
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
After Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
After Width: | Height: | Size: 10 KiB |
|
@ -483,7 +483,7 @@
|
||||||
|
|
||||||
.Background-header {
|
.Background-header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 30rem;
|
// height: 30rem;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
//opacity: 0.5;
|
//opacity: 0.5;
|
||||||
background: var(--Beige, #FFF5DA);
|
background: var(--Beige, #FFF5DA);
|
||||||
|
@ -684,11 +684,11 @@
|
||||||
|
|
||||||
|
|
||||||
.content_gestion_admin {
|
.content_gestion_admin {
|
||||||
width: 95%;
|
width: 100%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
height: 400px;
|
// height: 400px;
|
||||||
position: relative;
|
// position: relative;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -700,8 +700,8 @@
|
||||||
.content_gestion_admin_txt {
|
.content_gestion_admin_txt {
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 400px;
|
// height: 400px;
|
||||||
position: absolute;
|
// position: absolute;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
||||||
|
@ -777,11 +777,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_gestion_elearning {
|
.content_gestion_elearning {
|
||||||
width: 95%;
|
width: 100%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
height: 400px;
|
// height: 400px;
|
||||||
position: relative;
|
// position: relative;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -793,8 +793,8 @@
|
||||||
.content_gestion_elearning_txt {
|
.content_gestion_elearning_txt {
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 400px;
|
// height: 400px;
|
||||||
position: absolute;
|
// position: absolute;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
left: 0;
|
left: 0;
|
||||||
background: #FFF5DA;
|
background: #FFF5DA;
|
||||||
|
@ -976,6 +976,8 @@
|
||||||
|
|
||||||
.div_mobile_v3_debut {
|
.div_mobile_v3_debut {
|
||||||
// margin-top: -28rem;
|
// margin-top: -28rem;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.react-player__preview {
|
.react-player__preview {
|
||||||
|
@ -1124,6 +1126,128 @@
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content_mysy_4_point {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
//height: 500px;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
border-radius: 15px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.content_mysy_4_point_txt {
|
||||||
|
z-index: 9;
|
||||||
|
width: 100%;
|
||||||
|
//height: 480px;
|
||||||
|
// position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
left: 0;
|
||||||
|
//margin-right: 19%;
|
||||||
|
background: #FFF;
|
||||||
|
padding-top: 0.5rem;
|
||||||
|
padding-left: 1%;
|
||||||
|
padding-right: 1%;
|
||||||
|
text-align: justify;
|
||||||
|
border-radius: 15px;
|
||||||
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_mysy_4_point_head_3_gauche {
|
||||||
|
font-family: Verdana, Georgia, Arial;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 24px;
|
||||||
|
letter-spacing: 0em;
|
||||||
|
text-align: left;
|
||||||
|
color: #0A043C;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: justify;
|
||||||
|
width: 60%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_mysy_4_point_text_head_2 {
|
||||||
|
|
||||||
|
font-family: Albert Sans;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 48px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: center;
|
||||||
|
color: #0A043C;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid;
|
||||||
|
//height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_img {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_text {
|
||||||
|
width: 100%;
|
||||||
|
float: right;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_img_droite {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_text_droite {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.block_contact {
|
||||||
|
width: 95%;
|
||||||
|
margin: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_contact_formulaire {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_contact_mysy {
|
||||||
|
float: right;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img_a_retenir{
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -1611,7 +1735,7 @@
|
||||||
|
|
||||||
.Background-header {
|
.Background-header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 20rem;
|
// height: 20rem;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
//opacity: 0.5;
|
//opacity: 0.5;
|
||||||
background: var(--Beige, #FFF5DA);
|
background: var(--Beige, #FFF5DA);
|
||||||
|
@ -1816,10 +1940,10 @@
|
||||||
|
|
||||||
|
|
||||||
.content_gestion_admin {
|
.content_gestion_admin {
|
||||||
width: 80%;
|
width: 95%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
height: 500px;
|
height: 600px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
|
@ -1917,10 +2041,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_gestion_elearning {
|
.content_gestion_elearning {
|
||||||
width: 80%;
|
width: 95%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
height: 500px;
|
height: 600px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
|
@ -2125,6 +2249,8 @@
|
||||||
|
|
||||||
.div_mobile_v3_debut {
|
.div_mobile_v3_debut {
|
||||||
//margin-top: -28rem;
|
//margin-top: -28rem;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -2260,6 +2386,126 @@
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content_mysy_4_point {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
// height: 500px;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
margin-top: 1rem;
|
||||||
|
border-radius: 15px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.content_mysy_4_point_txt {
|
||||||
|
z-index: 9;
|
||||||
|
width: 100%;
|
||||||
|
height: 480px;
|
||||||
|
// position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
left: 0;
|
||||||
|
//margin-right: 19%;
|
||||||
|
background: #FFF;
|
||||||
|
padding-top: 0.5rem;
|
||||||
|
padding-left: 1%;
|
||||||
|
padding-right: 1%;
|
||||||
|
text-align: justify;
|
||||||
|
border-radius: 15px;
|
||||||
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_mysy_4_point_head_3_gauche {
|
||||||
|
font-family: Verdana, Georgia, Arial;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 24px;
|
||||||
|
letter-spacing: 0em;
|
||||||
|
text-align: left;
|
||||||
|
color: #0A043C;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: justify;
|
||||||
|
width: 60%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_mysy_4_point_text_head_2 {
|
||||||
|
|
||||||
|
font-family: Albert Sans;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 48px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: center;
|
||||||
|
color: #0A043C;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid;
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_img {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_text {
|
||||||
|
width: 50%;
|
||||||
|
float: right;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_img_droite {
|
||||||
|
width: 50%;
|
||||||
|
float: right;
|
||||||
|
text-align: right;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_text_droite {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.block_contact {
|
||||||
|
width: 95%;
|
||||||
|
margin: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_contact_formulaire {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_contact_mysy {
|
||||||
|
float: right;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img_a_retenir{
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
@ -2754,7 +3000,7 @@
|
||||||
|
|
||||||
.Background-header {
|
.Background-header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 20rem;
|
// height: 20rem;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
//opacity: 0.5;
|
//opacity: 0.5;
|
||||||
background: var(--Beige, #FFF5DA);
|
background: var(--Beige, #FFF5DA);
|
||||||
|
@ -2961,10 +3207,10 @@
|
||||||
|
|
||||||
|
|
||||||
.content_gestion_admin {
|
.content_gestion_admin {
|
||||||
width: 80%;
|
width: 95%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
height: 500px;
|
height: 600px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
|
@ -3062,10 +3308,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_gestion_elearning {
|
.content_gestion_elearning {
|
||||||
width: 80%;
|
width: 95%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
height: 500px;
|
height: 600px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
|
@ -3272,6 +3518,8 @@
|
||||||
|
|
||||||
.div_mobile_v3_debut {
|
.div_mobile_v3_debut {
|
||||||
//margin-top: -27rem;
|
//margin-top: -27rem;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -3405,6 +3653,126 @@
|
||||||
.img_potential {
|
.img_potential {
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content_mysy_4_point {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
// height: 500px;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
margin-top: 2rem;
|
||||||
|
border-radius: 15px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.content_mysy_4_point_txt {
|
||||||
|
z-index: 9;
|
||||||
|
width: 100%;
|
||||||
|
height: 480px;
|
||||||
|
// position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
left: 0;
|
||||||
|
//margin-right: 19%;
|
||||||
|
background: #FFF;
|
||||||
|
padding-top: 0.5rem;
|
||||||
|
padding-left: 2%;
|
||||||
|
padding-right: 2%;
|
||||||
|
text-align: justify;
|
||||||
|
border-radius: 15px;
|
||||||
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_mysy_4_point_head_3_gauche {
|
||||||
|
font-family: Verdana, Georgia, Arial;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 24px;
|
||||||
|
letter-spacing: 0em;
|
||||||
|
text-align: left;
|
||||||
|
color: #0A043C;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: justify;
|
||||||
|
width: 60%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_mysy_4_point_text_head_2 {
|
||||||
|
|
||||||
|
font-family: Albert Sans;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 48px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: center;
|
||||||
|
color: #0A043C;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid;
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_img {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_text {
|
||||||
|
width: 50%;
|
||||||
|
float: right;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_img_droite {
|
||||||
|
width: 50%;
|
||||||
|
float: right;
|
||||||
|
text-align: right;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_text_droite {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.block_contact {
|
||||||
|
width: 80%;
|
||||||
|
margin: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_contact_formulaire {
|
||||||
|
float: left;
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_contact_mysy {
|
||||||
|
float: right;
|
||||||
|
width: 28%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img_a_retenir{
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
@ -3900,7 +4268,7 @@
|
||||||
|
|
||||||
.Background-header {
|
.Background-header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 20rem;
|
// height: 20rem;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
//opacity: 0.5;
|
//opacity: 0.5;
|
||||||
background: var(--Beige, #FFF5DA);
|
background: var(--Beige, #FFF5DA);
|
||||||
|
@ -4534,6 +4902,125 @@
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.content_mysy_4_point {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
// height: 500px;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
margin-top: 2rem;
|
||||||
|
border-radius: 15px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.content_mysy_4_point_txt {
|
||||||
|
z-index: 9;
|
||||||
|
width: 100%;
|
||||||
|
height: 480px;
|
||||||
|
// position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
left: 0;
|
||||||
|
//margin-right: 19%;
|
||||||
|
background: #FFF;
|
||||||
|
padding-top: 3rem;
|
||||||
|
padding-left: 3%;
|
||||||
|
padding-right: 3%;
|
||||||
|
text-align: justify;
|
||||||
|
border-radius: 15px;
|
||||||
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_mysy_4_point_head_3_gauche {
|
||||||
|
font-family: Verdana, Georgia, Arial;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 24px;
|
||||||
|
letter-spacing: 0em;
|
||||||
|
text-align: left;
|
||||||
|
color: #0A043C;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: justify;
|
||||||
|
width: 60%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_mysy_4_point_text_head_2 {
|
||||||
|
|
||||||
|
font-family: Albert Sans;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 48px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: center;
|
||||||
|
color: #0A043C;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid;
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_img {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_text {
|
||||||
|
width: 50%;
|
||||||
|
float: right;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_img_droite {
|
||||||
|
width: 50%;
|
||||||
|
float: right;
|
||||||
|
text-align: right;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tableau_mysy_4_point_case_text_droite {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_contact {
|
||||||
|
width: 80%;
|
||||||
|
margin: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_contact_formulaire {
|
||||||
|
float: left;
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_contact_mysy {
|
||||||
|
float: right;
|
||||||
|
width: 28%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img_a_retenir{
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// end media
|
// end media
|
||||||
|
|
Loading…
Reference in New Issue