diff --git a/src/App.js b/src/App.js
index 83ee9df..099d957 100644
--- a/src/App.js
+++ b/src/App.js
@@ -40,6 +40,7 @@ import SeDesabonner from './pages/sedesabonner';
import OrderConfirmation_3DS from "./pages/orderconfirmation_3DS";
import Training_Inactive_Or_Not_Found from "./pages/Traning_Inactif_Or_Not_Exist";
import TestUrl_New from "./pages/testurl_new";
+import QuiSommesNous_v3 from "./components/QuisSommesNous_V3";
function App() {
@@ -92,6 +93,7 @@ function App() {
+
diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js
index e54e083..1d76f78 100644
--- a/src/components/DisplayPartnerSession.js
+++ b/src/components/DisplayPartnerSession.js
@@ -1541,21 +1541,31 @@ const DisplayPartnerSession = (props) => {
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#104277";
document.getElementById("preinscrit").style.color = "white";
+ document.getElementById("preinscrit").style.fontWeight = "bold";
+ }
+
+ if (document.getElementById("editique")) {
+ document.getElementById("editique").style.backgroundColor = "#d8edfc";
+ document.getElementById("editique").style.color = "black";
+ document.getElementById("editique").style.fontWeight = "normal";
}
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
+ document.getElementById("detail_session").style.fontWeight = "normal";
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
+ document.getElementById("inscrit").style.fontWeight = "normal";
}
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
+ document.getElementById("sequence_session").style.fontWeight = "normal";
}
}
@@ -1566,26 +1576,37 @@ const DisplayPartnerSession = (props) => {
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#104277";
document.getElementById("inscrit").style.color = "white";
+ document.getElementById("inscrit").style.fontWeight = "bold";
+ }
+
+ if (document.getElementById("editique")) {
+ document.getElementById("editique").style.backgroundColor = "#d8edfc";
+ document.getElementById("editique").style.color = "black";
+ document.getElementById("editique").style.fontWeight = "normal";
}
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
+ document.getElementById("detail_session").style.fontWeight = "normal";
}
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#d8edfc";
document.getElementById("preinscrit").style.color = "black";
+ document.getElementById("preinscrit").style.fontWeight = "normal";
}
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
+ document.getElementById("sequence_session").style.fontWeight = "normal";
}
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#d8edfc";
document.getElementById("historique").style.color = "black";
+ document.getElementById("historique").style.fontWeight = "normal";
}
}
@@ -1601,26 +1622,37 @@ const DisplayPartnerSession = (props) => {
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#104277";
document.getElementById("detail_session").style.color = "white";
+ document.getElementById("detail_session").style.fontWeight = "bold";
+ }
+
+ if (document.getElementById("editique")) {
+ document.getElementById("editique").style.backgroundColor = "#d8edfc";
+ document.getElementById("editique").style.color = "black";
+ document.getElementById("editique").style.fontWeight = "normal";
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
+ document.getElementById("inscrit").style.fontWeight = "normal";
}
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#d8edfc";
document.getElementById("preinscrit").style.color = "black";
+ document.getElementById("preinscrit").style.fontWeight = "normal";
}
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
+ document.getElementById("sequence_session").style.fontWeight = "normal";
}
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#d8edfc";
document.getElementById("historique").style.color = "black";
+ document.getElementById("historique").style.fontWeight = "normal";
}
}
@@ -1635,28 +1667,38 @@ const DisplayPartnerSession = (props) => {
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#104277";
document.getElementById("sequence_session").style.color = "white";
+ document.getElementById("sequence_session").style.fontWeight = "bold";
}
+ if (document.getElementById("editique")) {
+ document.getElementById("editique").style.backgroundColor = "#d8edfc";
+ document.getElementById("editique").style.color = "black";
+ document.getElementById("editique").style.fontWeight = "normal";
+ }
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
+ document.getElementById("detail_session").style.fontWeight = "normal";
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
+ document.getElementById("inscrit").style.fontWeight = "normal";
}
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#d8edfc";
document.getElementById("preinscrit").style.color = "black";
+ document.getElementById("preinscrit").style.fontWeight = "normal";
}
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#d8edfc";
document.getElementById("historique").style.color = "black";
+ document.getElementById("historique").style.fontWeight = "normal";
}
}
@@ -1665,7 +1707,7 @@ const DisplayPartnerSession = (props) => {
async function submenu_emargement() {
setsubmenu("emargement");
- await sleep(5);
+ //await sleep(5);
if (!edit_session_form) {
desableSessionFields();
}
@@ -1673,34 +1715,45 @@ const DisplayPartnerSession = (props) => {
if (document.getElementById("emargement")) {
document.getElementById("emargement").style.backgroundColor = "#104277";
document.getElementById("emargement").style.color = "white";
+ document.getElementById("emargement").style.fontWeight = "bold";
}
+ if (document.getElementById("editique")) {
+ document.getElementById("editique").style.backgroundColor = "#d8edfc";
+ document.getElementById("editique").style.color = "black";
+ document.getElementById("editique").style.fontWeight = "normal";
+ }
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
+ document.getElementById("sequence_session").style.fontWeight = "normal";
}
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
+ document.getElementById("detail_session").style.fontWeight = "normal";
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
+ document.getElementById("inscrit").style.fontWeight = "normal";
}
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#d8edfc";
document.getElementById("preinscrit").style.color = "black";
+ document.getElementById("preinscrit").style.fontWeight = "normal";
}
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#d8edfc";
document.getElementById("historique").style.color = "black";
+ document.getElementById("historique").style.fontWeight = "normal";
}
}
@@ -1708,37 +1761,81 @@ const DisplayPartnerSession = (props) => {
async function submenu_historique() {
setsubmenu("historique");
- await sleep(5);
+ // await sleep(5);
if (!edit_session_form) {
desableSessionFields();
}
+
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#104277";
document.getElementById("historique").style.color = "white";
+ document.getElementById("historique").style.fontWeight = "bold";
}
+ if (document.getElementById("editique")) {
+ document.getElementById("editique").style.backgroundColor = "#d8edfc";
+ document.getElementById("editique").style.color = "black";
+ document.getElementById("editique").style.fontWeight = "normal";
+ }
if (document.getElementById("emargement")) {
document.getElementById("emargement").style.backgroundColor = "#d8edfc";
document.getElementById("emargement").style.color = "black";
+ document.getElementById("emargement").style.fontWeight = "normal";
}
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
+ document.getElementById("sequence_session").style.fontWeight = "normal";
}
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
+ document.getElementById("detail_session").style.fontWeight = "normal";
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
+ document.getElementById("inscrit").style.fontWeight = "normal";
+ }
+
+ if (document.getElementById("preinscrit")) {
+ document.getElementById("preinscrit").style.backgroundColor = "#d8edfc";
+ document.getElementById("preinscrit").style.color = "black";
+ document.getElementById("preinscrit").style.fontWeight = "normal";
+ }
+
+
+
+
+ }
+
+
+ function submenu_editique() {
+ setsubmenu("editique");
+
+ if (document.getElementById("editique")) {
+ document.getElementById("editique").style.backgroundColor = "#104277";
+ document.getElementById("editique").style.color = "white";
+ document.getElementById("editique").style.fontWeight = "bold";
+ console.log(" editique");
+ }
+
+ if (document.getElementById("inscrit")) {
+ document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
+ document.getElementById("inscrit").style.color = "black";
+ document.getElementById("inscrit").style.fontWeight = "normal";
+ }
+
+ if (document.getElementById("detail_session")) {
+ document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
+ document.getElementById("detail_session").style.color = "black";
}
if (document.getElementById("preinscrit")) {
@@ -1746,8 +1843,16 @@ const DisplayPartnerSession = (props) => {
document.getElementById("preinscrit").style.color = "black";
}
+ if (document.getElementById("sequence_session")) {
+ document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
+ document.getElementById("sequence_session").style.color = "black";
+ }
-
+ if (document.getElementById("historique")) {
+ document.getElementById("historique").style.backgroundColor = "#d8edfc";
+ document.getElementById("historique").style.color = "black";
+ document.getElementById("historique").style.fontWeight = "normal";
+ }
}
@@ -9802,8 +9907,9 @@ const DisplayPartnerSession = (props) => {
Séquences ({String(nb_sequence)})
Preinscription ({String(nb_stagiaire_Preinscrit)})
Inscription ({String(nb_stagiaire_Inscrit)})
- Emargement
- Historique
+ Editique
+ Emargement
+ Historique
}
@@ -9823,7 +9929,7 @@ const DisplayPartnerSession = (props) => {
-
+
{
Get_List_Stagiaire_Conventions();
@@ -9837,6 +9943,7 @@ const DisplayPartnerSession = (props) => {
}} > Editer une convention
+
@@ -14251,6 +14358,11 @@ const DisplayPartnerSession = (props) => {
write_access={props.write_access} />
}
+ {String(submenu) === String("editique") &&
+
+
+
}
+
diff --git a/src/components/QuisSommesNous_V3.js b/src/components/QuisSommesNous_V3.js
new file mode 100644
index 0000000..6a32c54
--- /dev/null
+++ b/src/components/QuisSommesNous_V3.js
@@ -0,0 +1,597 @@
+import Navigation from "./Navigation";
+import { Helmet } from "react-helmet";
+
+import ousommesnousimg from "../mysy_img/mysy_training_technology_ici.png"
+
+import React, { Component } from 'react';
+import { withScriptjs, withGoogleMap, GoogleMap, Marker } from "react-google-maps"
+import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share";
+import { SocialIcon } from 'react-social-icons';
+import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png";
+import Footer from "./Fotter";
+import Header from "./Header";
+import Button from '@mui/material/Button';
+import img_1_old from "../mysy_img/1.jpg";
+import gestion_admin_img from "../mysy_img/gestion_admin_img.png";
+import e_learning_lms from "../mysy_img/e_learning_lms.png";
+import img_2 from "../mysy_img/lms.png";
+import img_3_old from "../mysy_img/3.jpg";
+import mysy_crm from "../mysy_img/mysy_crm.png";
+import { Link } from "react-router-dom";
+import ReactPlayer from 'react-player/lazy'
+import tick_circle_ok from "../mysy_img/tick_circle_ok.png";
+
+
+
+const QuiSommesNous_v3 = () => {
+
+ const ButtonMailto = ({ mailto, label }) => {
+ return (
+ {
+ window.location.href = mailto;
+ e.preventDefault();
+ }}
+ >
+ {label}
+
+ );
+ };
+
+ const MyMapComponent = withScriptjs(withGoogleMap((props) =>
+
+ {props.isMarkerShown && }
+
+ ))
+
+ function sendEmail() {
+ window.location.assign("mailto:contact@mysy-training.com");
+
+ };
+
+ return (
+
+
+ MySy Training, qui sommes nous ?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Qui sommes-nous ?
+
+
+ MySy Training
+
+
+
+
+
+ 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.
+
+
+
+
+
+
+
+
+
+ Gestion Administrative
+
+
En savoir plus
+
+
+
+
+
+
+
+
+
+ E-Learning
+
+
En savoir plus
+
+
+
+
+
+
+
+
+ Relation Client (CRM)
+
+
En savoir plus
+
+
+
+
+ Nous conseillons, accompagnons nos clients dans la structuration , l’audit et l’organisation de leurs processus et outils. 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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ GESTION
+
+
+
+ MySy Gestion Administrative
+
+
+
+ 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.
+
+
+
+ Elle vous permet également de produire en un clic votre Bilan Pédagogique et Financier (BPF) Un intranet intégré permet de publier et de partager les formations sur internet.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ E-LEARNING
+
+
+
+ MySy E-Learning (LMS)
+
+
+
+ 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).
+
+
+ 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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ RELATION CLIENT (CRM)
+
+
+
+ MySy Gestion Relation Client
+
+
+
+ Permet de gérer vos clients, les activités en cours, à venir, en retards. Ce module permet d’éditer, d’envoyer les devis, de les convertir en commande et de les facturer.
+
+
+ Un tableau de bord vous permet de suivre vos revenus en cours, ceux à venir et de prendre les bonnes décisions de gestion
+
+
+
+
+
+
+
+
+ MySy Training Technology
+ Fonctionnalités
+
+
+
+
+
+
+
+ Gestion Administrative
+
+
+
+
+
+
Gestion catalogue formations (intranet / API)
+
+
+
+
+
+
Gestion des inscriptions (mise en attente, motif annulation, etc)
+
+
+
+
+
Gestion automatique et manuelle des séquences de formations
+
+
+
+
+
Gestion avis participants
+
+
+
+
+
Gestion absences
+
+
+
+
+
Émargement électronique
+
+
+
+
+
Gestion des employés et du matériel pédagogique
+
+
+
+
+
Gestion des agendas & réservation de matériel (salles, projecteurs, etc)
+
+
+
+
+
Tableau de bord de pilotage
+
+
+
+
+
Intranet intégré pour la publication des formations
+
+
+
+
+
+
+
+
+
+
+ E-Learning (LMS)
+
+
+
+
Hébergement des formations
+
+
+
+
+
Classe virtuelle
+
+
+
+
+
Gestion des prérequis
+
+
+
+
+
Echange enseignants / apprenants
+
+
+
+
+
Cours en ligne avec exercices
+
+
+
+
+
Evaluations (notes)
+
+
+
+
+
Gestion planning
+
+
+
+
+
Forums de discussion
+
+
+
+
+
Réseau Social
+
+
+
+
+
Profil et droit d'accès par utilisateur
+
+
+
+
+
Export format SCORM
+
+
+
+
+
+
+
+ Gestion Relation Client
+
+
+
+
Création clients
+
+
+
+
+
Gestion des différentes contacts client
+
+
+
+
+
Gestion des activités par collaborateur (tâches en cours, en retards, à venir)
+
+
+
+
+
Gestion des devis (envoi automatique)
+
+
+
+
+
Validation automatique des devis
+
+
+
+
+
Conversion devis en commandes
+
+
+
+
+
Facturation et envoi automatique
+
+
+
+
+
Suivi des commandes en cours, des factures à venir
+
+
+
+
+
+
Tableau de bord de suivi client
+
+
+
+
+
+
+ Découvrez nos fonctionnalités
+
+
+
+
+
+ Le catalogue de formation
+
+
+
+
+
+
Hébergement des formations
+
+
+
+
+
Classe virtuelle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Les sessions de formation
+
+
+
+
+
+
Hébergement des formations
+
+
+
+
+
Classe virtuelle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Les séquences de Formation
+
+
+
+
+
+
Hébergement des formations
+
+
+
+
+
Classe virtuelle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
MySy Training Technology
+
+
+
+ Adresse : 1 Cr du Havre, 75008 Paris
+ Adresse email :
+
contact@mysy-training.com
+
+ Téléphone fixe : +331 77 00 38 57
+ Téléphone : +337 69 20 39 45
+
+
+
+
Sur nos reseaux sociaux
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+
+export default QuiSommesNous_v3;
diff --git a/src/mysy_img/e_learning_lms.png b/src/mysy_img/e_learning_lms.png
new file mode 100644
index 0000000..b711501
Binary files /dev/null and b/src/mysy_img/e_learning_lms.png differ
diff --git a/src/mysy_img/gestion_admin_img.png b/src/mysy_img/gestion_admin_img.png
new file mode 100644
index 0000000..5cdc912
Binary files /dev/null and b/src/mysy_img/gestion_admin_img.png differ
diff --git a/src/mysy_img/mysy_crm.png b/src/mysy_img/mysy_crm.png
new file mode 100644
index 0000000..76fe4bf
Binary files /dev/null and b/src/mysy_img/mysy_crm.png differ
diff --git a/src/mysy_img/tick_circle_ok.png b/src/mysy_img/tick_circle_ok.png
new file mode 100644
index 0000000..b563106
Binary files /dev/null and b/src/mysy_img/tick_circle_ok.png differ
diff --git a/src/pages/quisommesnous_v3.js b/src/pages/quisommesnous_v3.js
new file mode 100644
index 0000000..e20e27c
--- /dev/null
+++ b/src/pages/quisommesnous_v3.js
@@ -0,0 +1,19 @@
+import QuisSommesNous from "../components/QuisSommesNous";
+import Navigation from "../components/Navigation";
+import QuiSommesNous_v3 from "../components/QuisSommesNous_V3";
+
+const recherche_draft = () => {
+
+ return (
+
+
+ )
+}
+
+
+export default recherche_draft;
diff --git a/src/styles/components/_displaypartnersession.scss b/src/styles/components/_displaypartnersession.scss
index dced747..92d885a 100644
--- a/src/styles/components/_displaypartnersession.scss
+++ b/src/styles/components/_displaypartnersession.scss
@@ -766,15 +766,17 @@
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
- width: 11rem;
+ //width: 11rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-size: small;
+ //font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
height: 2rem !important;
+ font-size: 11px;
+ min-width: 10rem;
}
.detail_class_submenu:hover:active,
@@ -1437,15 +1439,17 @@
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
- width: 11rem;
+ // width: 11rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-size: small;
+ //font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
height: 2rem !important;
+ font-size: 11px;
+ min-width: 10rem;
}
.detail_class_submenu:hover:active,
@@ -1995,15 +1999,17 @@
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
- min-width: 12rem;
+ //min-width: 12rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-size: small;
+ //font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
height: 2rem !important;
+ font-size: 11px;
+ min-width: 10rem;
}
.detail_class_submenu:hover:active,
diff --git a/src/styles/components/_quisommesnous_v3.scss b/src/styles/components/_quisommesnous_v3.scss
new file mode 100644
index 0000000..a965cb9
--- /dev/null
+++ b/src/styles/components/_quisommesnous_v3.scss
@@ -0,0 +1,2419 @@
+.quisommesnous_v3 {
+ .h1_transparent {
+ color: transparent;
+ font-size: 0.1rem;
+ }
+
+ .only_mobile {
+ display: none;
+ }
+
+ @media only screen and (max-width: 600px) {
+
+ .only_mobile {
+ width: 100%;
+ display: block;
+ }
+
+ .media_sociaux {
+ svg {
+ margin-top: 0 !important;
+ text-align: left !important;
+ }
+
+ .SocialIcon {
+ height: 25px !important;
+ width: 25px !important;
+ }
+ }
+
+ .div_carte {
+ width: 95%;
+ }
+
+ .div_adresse {
+ width: 95%;
+ text-justify: auto;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 50%;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .div_row {
+ float: left;
+ //border: 0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 20%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 80%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .nom_prenom {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ font-weight: bold;
+ text-align: center;
+ margin-bottom: 1rem;
+ }
+
+ .img_gauche_taille {
+ max-width: 50%;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ position: fixed;
+ z-index: 10;
+ top: 0px;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ z-index: 10;
+ background-color: #e7f3fb;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ }
+
+ .div_mobile {
+ position: relative;
+ top: 7rem;
+ z-index: 1;
+ width: 98%;
+ height: 100%;
+ margin: 0.3rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 2rem;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 20%;
+ float: right;
+ font-weight: 500;
+ cursor: pointer;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ font-weight: bold;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.2rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ width: 50%;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_003 {
+ display: none;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin-bottom: 0.2rem;
+ margin-top: 0.2rem;
+ }
+
+ .div_005 {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: small;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row_center {
+ width: 90%;
+ margin-bottom: 0.5rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 0.5rem;
+ }
+
+ .div_row_center_contact {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 0.5rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: 4rem;
+ background: #ed902f;
+ text-align: center;
+ font-size: medium;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 1rem;
+ }
+
+ .div_row_center_text {
+ font-size: medium;
+ margin-top: 0.2rem;
+ font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
+ }
+
+ .div_row_center_enphasis {
+ font-size: medium;
+ color: #113459;
+ margin-top: 0.2rem;
+ text-align: justify;
+ line-height: 2rem;
+ letter-spacing: 1px;
+ }
+
+ .div_row_line1 {
+ //float: left;
+ width: 100%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 40rem;
+ min-height: 20rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row_line2 {
+ //float: left;
+ width: 100%;
+ text-align: center;
+ background: #f0f0f5;
+ margin: 5px;
+ height: 40rem;
+ min-height: 20rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row_line3 {
+ float: left;
+ width: 100%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 40rem;
+ min-height: 20rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row_presenation {
+ //border: 0.01rem solid #000;
+ width: 100%;
+ margin-bottom: 1rem;
+ margin-left: auto;
+ margin-right: auto;
+ height: 6rem;
+ }
+
+ .text_head_new {
+ font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
+ sans-serif;
+ font-size: 20 px;
+ margin-top: 1rem;
+ margin-bottom: 00.5rem;
+ padding-right: 1rem;
+ padding-left: 2rem;
+ text-transform: uppercase;
+ }
+
+ .text_desc {
+ overflow-wrap: break-word;
+ text-align: start;
+ font-size: small;
+ padding-right: 10px;
+ padding-left: 10px;
+ font-style: italic;
+ text-align: justify;
+ }
+
+ .myli {
+ margin-bottom: 0.8rem;
+ }
+
+ .div_row_where {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-top: 2rem;
+ }
+
+ .bton_contact_nous {
+ width: 100%;
+ text-align: center;
+ padding: 0;
+ border: 0px;
+ font-weight: bold;
+ font-size: small;
+ color: white;
+ padding-top: 5px;
+ }
+
+
+
+ .img_1 {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%;
+ }
+
+ .div_row_img1 {
+ float: left;
+ width: 100%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ }
+
+ .div_row_img2 {
+ float: left;
+ width: 100%;
+ text-align: center;
+ //background: #f0f0f5;
+ margin: 5px;
+ }
+
+ .div_row_img3 {
+ float: left;
+ width: 100%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ }
+
+ .main_sub_div {
+ height: 220rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%;
+ background: white;
+ }
+
+ .detail_block {
+ width: 100%;
+ float: left;
+ display: flex;
+ }
+
+ .detail_text {
+ width: 100%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+ margin-bottom: 1rem;
+
+ }
+
+ .detail_img {
+ display: none;
+
+ }
+
+
+ .detail_img_video_ftion {
+ width: 100%;
+ float: left;
+ margin: auto;
+
+ }
+
+ .div_row_center_video_ftion {
+ width: 100%;
+ text-align: left;
+ padding: 5px;
+ margin-bottom: 4rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 3rem;
+ }
+
+ .detail_block_video_ftion {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ display: flex;
+ border-bottom: 10px solid;
+ border-top: 10px solid;
+ padding-left: 10px;
+
+ }
+
+ .detail_text_video_ftion {
+ display: none;
+ }
+
+ }
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+ .media_sociaux {
+ svg {
+ margin-top: 0 !important;
+ text-align: left !important;
+ }
+
+ .SocialIcon {
+ height: 25px !important;
+ width: 25px !important;
+ }
+ }
+
+ .div_carte {
+ width: 70%;
+ float: left;
+ }
+
+ .div_adresse {
+ width: 29%;
+ float: left;
+ text-align: left;
+ font-size: medium;
+ text-justify: auto;
+ padding-left: 0.5rem;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 30%;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .div_row {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 20%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 80%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .nom_prenom {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: bold;
+ text-align: center;
+ margin-bottom: 1rem;
+ }
+
+ .img_gauche_taille {
+ max-width: 50%;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ position: fixed;
+ z-index: 10;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ height: 10rem;
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 9rem;
+ z-index: 1;
+ width: 100%;
+ background: white;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 2rem;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 23%;
+ float: right;
+ cursor: pointer;
+ text-align: center;
+ font-size: 1rem;
+ border: 2px solid transparent;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ font-weight: bold;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.2rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ margin-top: 1rem;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ margin-top: 1.2rem;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.1rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row_center {
+ width: 90%;
+ margin-bottom: 2rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 2rem;
+ }
+
+ .div_row_center_contact {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: 3rem;
+ background: #ed902f;
+ text-align: center;
+ font-size: medium;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+
+ .div_row_center_text {
+ font-size: large;
+ margin-top: 0.5rem;
+ font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
+ }
+
+ .div_row_center_enphasis {
+ font-size: medium;
+ color: #113459;
+ margin-top: 0.5rem;
+ text-align: justify;
+ line-height: 2rem;
+ letter-spacing: 1px;
+ }
+
+ .div_row_line1 {
+ float: left;
+ width: 31%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 50rem;
+ min-height: 20rem;
+ }
+
+ .div_row_line2 {
+ float: left;
+ width: 31%;
+ text-align: center;
+ background: #f0f0f5;
+ margin: 5px;
+ height: 50rem;
+ min-height: 20rem;
+ }
+
+ .div_row_line3 {
+ float: left;
+ width: 31%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 50rem;
+ min-height: 20rem;
+ }
+
+ .div_row_presenation {
+ //border: 0.01rem solid #000;
+ width: 98%;
+ margin-bottom: 2rem;
+ margin-left: auto;
+ margin-right: auto;
+ height: 10rem;
+ margin-top: 2rem;
+ }
+
+ .text_head_new {
+ font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
+ sans-serif;
+ font-size: medium;
+ margin-top: 1rem;
+ margin-bottom: 00.5rem;
+ padding-right: 1rem;
+ padding-left: 1rem;
+ text-transform: uppercase;
+ height: 4rem;
+ }
+
+ .text_desc {
+ overflow-wrap: break-word;
+ text-align: start;
+ font-size: small;
+ padding-right: 10px;
+ padding-left: 5px;
+ font-style: italic;
+ text-align: justify;
+ }
+
+ .myli {
+ margin-bottom: 0.8rem;
+ }
+
+ .div_row_where {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-top: 5rem;
+ }
+
+ .bton_contact_nous {
+ width: 100%;
+ text-align: center;
+ padding: 0;
+ border: 0px;
+ height: 3rem;
+ font-weight: bold;
+ font-size: medium;
+ color: white;
+ }
+
+ .img_1 {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ width: 100%;
+ }
+
+ .div_row_img1 {
+ float: left;
+ width: 30%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 10rem;
+ min-height: 8rem;
+ border-right: 1px solid;
+ }
+
+ .div_row_img2 {
+ float: left;
+ width: 30%;
+ text-align: center;
+ //background: #f0f0f5;
+ margin: 5px;
+ height: 10rem;
+ min-height: 8rem;
+
+ }
+
+ .div_row_img3 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 10rem;
+ min-height: 8rem;
+ border-left: 1px solid;
+ }
+
+ .main_sub_div {
+ height: 220rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%;
+ background: white;
+ }
+
+ .detail_block {
+ width: 100%;
+ float: left;
+ display: flex;
+ }
+
+ .detail_text {
+ width: 50%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+ margin-bottom: 1rem;
+
+ }
+
+ .detail_img {
+ width: 50%;
+ float: left;
+ margin: auto;
+
+ }
+
+
+ .detail_img_video_ftion {
+ width: 50%;
+ float: left;
+ margin: auto;
+
+ }
+
+
+ .div_row_center_video_ftion {
+ width: 100%;
+ text-align: left;
+ padding: 5px;
+ margin-bottom: 4rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 3rem;
+ }
+
+ .detail_block_video_ftion {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ display: flex;
+ border-bottom: 10px solid;
+ border-top: 10px solid;
+ padding-left: 10px;
+
+ }
+
+ .detail_text_video_ftion {
+ width: 50%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+ padding-left: 2rem;
+ }
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .media_sociaux {
+ svg {
+ margin-top: 0 !important;
+ text-align: left !important;
+ }
+
+ .SocialIcon {
+ height: 30px !important;
+ width: 30px !important;
+ }
+ }
+
+ .div_carte {
+ width: 70%;
+ float: left;
+ }
+
+ .div_adresse {
+ width: 29%;
+ float: left;
+ text-justify: auto;
+ padding-left: 0.5rem;
+ }
+
+ .nom_prenom {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 1rem;
+ font-weight: bold;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 20%;
+ max-height: 3rem;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .div_row {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 20%;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 80%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .img_gauche_taille {
+ max-width: 30%;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ position: fixed;
+ z-index: 10;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ height: 10rem;
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 9rem;
+ z-index: 1;
+ width: 100%;
+ background: #104277;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 10rem;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 20%;
+ float: right;
+ cursor: pointer;
+ text-align: center;
+ font-size: 1rem;
+ border: 2px solid transparent;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ margin-top: 1rem;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ margin-top: 1.2rem;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.1rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row_center {
+ width: 80%;
+ margin-bottom: 2rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 2rem;
+ }
+
+ .div_row_center_contact {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: 3rem;
+ background: #ed902f;
+ text-align: center;
+ font-size: medium;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+
+ .div_row_center_text {
+ font-size: large;
+ margin-top: 0.5rem;
+ font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
+ }
+
+ .div_row_center_enphasis {
+ font-size: medium;
+ color: #113459;
+ margin-top: 0.5rem;
+ text-align: justify;
+ line-height: 2rem;
+ letter-spacing: 1px;
+ }
+
+ .div_row_line1 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 44rem;
+ min-height: 20rem;
+ }
+
+ .div_row_line2 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f0f0f5;
+ margin: 5px;
+ height: 45rem;
+ min-height: 20rem;
+ }
+
+ .div_row_line3 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 45rem;
+ min-height: 20rem;
+ }
+
+ .div_row_presenation {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 3rem;
+ margin-left: auto;
+ margin-right: auto;
+ height: 13rem;
+ // margin-top: 5rem;
+ }
+
+ .text_head_new {
+ font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
+ sans-serif;
+ font-size: 18px;
+ margin-top: 1rem;
+ margin-bottom: 00.5rem;
+ padding-right: 1rem;
+ padding-left: 2rem;
+ text-transform: uppercase;
+ height: 4rem;
+ }
+
+ .text_desc {
+ overflow-wrap: break-word;
+ text-align: start;
+ font-size: small;
+ padding-right: 1.5rem;
+ padding-left: 2rem;
+ font-style: italic;
+ text-align: justify;
+ }
+
+ .myli {
+ margin-bottom: 0.8rem;
+ }
+
+ .div_row_where {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-top: 5rem;
+ }
+
+ .bton_contact_nous {
+ width: 100%;
+ text-align: center;
+ padding: 0;
+ border: 0px;
+ height: 3rem;
+ font-weight: bold;
+ font-size: medium;
+ color: white;
+ }
+
+ .img_1 {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ width: 100%;
+ }
+
+ .img_1_bis {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ width: 80% !important;
+ }
+
+ .div_row_img1 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 12rem;
+ min-height: 12rem;
+ border-right: 1px solid;
+ }
+
+ .div_row_img2 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f0f0f5;
+ margin: 5px;
+ height: 12rem;
+ min-height: 12rem;
+
+ }
+
+ .div_row_img3 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 12rem;
+ min-height: 12rem;
+ border-left: 1px solid;
+ }
+
+ .main_sub_div {
+ height: 350rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 90%;
+ background: white;
+ }
+
+ .detail_block {
+ width: 100%;
+ float: left;
+ display: flex;
+ }
+
+ .detail_text {
+ width: 50%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+
+ }
+
+ .detail_img {
+ width: 50%;
+ float: left;
+ margin: auto;
+
+ }
+
+
+ .detail_img_video_ftion {
+ width: 50%;
+ float: left;
+ margin: auto;
+
+ }
+
+
+ .div_row_center_video_ftion {
+ width: 100%;
+ text-align: left;
+ padding: 5px;
+ margin-bottom: 4rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 3rem;
+ }
+
+ .detail_block_video_ftion {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ display: flex;
+ border-bottom: 10px solid;
+ border-top: 10px solid;
+ padding-left: 10px;
+
+ }
+
+ .detail_text_video_ftion {
+ width: 50%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+ padding-left: 2rem;
+ }
+
+ }
+
+ @media only screen and (min-width: 1200px) {
+ .media_sociaux {
+ svg {
+ margin-top: 0 !important;
+ text-align: left !important;
+ }
+
+ .SocialIcon {
+ height: 35px !important;
+ width: 35px !important;
+ }
+ }
+
+ .div_carte {
+ width: 70%;
+ float: left;
+ }
+
+ .div_adresse {
+ width: 29%;
+ float: left;
+ text-justify: auto;
+ padding-left: 0.5rem;
+ }
+
+ .nom_prenom {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: large !important;
+ text-align: center;
+ margin-bottom: 1rem;
+ font-weight: bold;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 18%;
+ max-height: 3rem;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .div_row {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 20%;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 80%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .img_gauche_taille {
+ max-width: 30%;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ position: fixed;
+ z-index: 10;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ height: 10rem;
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 7rem;
+ z-index: 1;
+ width: 100%;
+ background: #104277;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 10rem;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 20%;
+ float: right;
+ cursor: pointer;
+ text-align: center;
+ font-size: 1.1rem;
+ border: 2px solid transparent;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ margin-top: 1rem;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ margin-top: 1.2rem;
+ margin-bottom: 2rem;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.5rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row_center {
+ width: 90%;
+ margin-bottom: 4rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 3rem;
+ }
+
+
+ .div_row_center_contact {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: 3rem;
+ background: #ed902f;
+ text-align: center;
+ font-size: medium;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+
+ .div_row_center_text {
+ font-size: large;
+ margin-top: 0.5rem;
+ font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
+ }
+
+ .div_row_center_enphasis {
+ font-size: medium;
+ color: #113459;
+ margin-top: 0.5rem;
+ margin-bottom: 1rem;
+ letter-spacing: 1px;
+ line-height: 2rem;
+ text-align: justify;
+ }
+
+ .div_row_line1 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 40rem;
+ min-height: 32rem;
+ }
+
+ .div_row_line2 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f0f0f5;
+ margin: 5px;
+ height: 40rem;
+ min-height: 32rem;
+ }
+
+ .div_row_line3 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 40rem;
+ min-height: 32rem;
+ }
+
+ .div_row_presenation {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 3rem;
+ margin-left: auto;
+ margin-right: auto;
+ height: 15rem;
+ //margin-top: 5rem;
+ }
+
+ .text_head_new {
+ font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
+ sans-serif;
+ font-size: 22px;
+ margin-top: 1rem;
+ margin-bottom: 00.5rem;
+ padding-right: 1rem;
+ padding-left: 2rem;
+ text-transform: uppercase;
+ }
+
+ .text_desc {
+ overflow-wrap: break-word;
+ text-align: start;
+ font-size: small;
+ padding-right: 1.5rem;
+ padding-left: 2rem;
+ font-style: italic;
+ text-align: justify;
+ }
+
+ .myli {
+ margin-bottom: 0.8rem;
+ }
+
+ .div_row_where {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-top: 5rem;
+ }
+
+ .bton_contact_nous {
+ width: 100%;
+ text-align: center;
+ padding: 0;
+ border: 0px;
+ height: 3rem;
+ font-weight: bold;
+ font-size: medium;
+ color: white;
+ }
+
+ .img_1 {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ width: 100%;
+ }
+
+ .img_1_bis {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ width: 80% !important;
+ }
+
+ .div_row_img1 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 15rem;
+ min-height: 15rem;
+ border-right: 1px solid;
+ }
+
+ .div_row_img2 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ // background: #f0f0f5;
+ margin: 5px;
+ height: 15rem;
+ min-height: 15rem;
+
+ }
+
+ .div_row_img3 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 15rem;
+ min-height: 15rem;
+ border-left: 1px solid;
+ }
+
+ .main_sub_div {
+ min-height: 350rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 90%;
+ background: white;
+ padding-top: 2rem !important;
+ }
+
+ .detail_block {
+ width: 100%;
+ float: left;
+ display: flex;
+ }
+
+ .detail_text {
+ width: 50%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+ }
+
+ .detail_img {
+ width: 50%;
+ float: left;
+ margin: auto;
+
+ }
+
+ .div_row_center_video_ftion {
+ width: 100%;
+ text-align: left;
+ padding: 5px;
+ margin-bottom: 4rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+
+ }
+
+ .detail_block_video_ftion {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ display: flex;
+ border-bottom: 10px solid;
+ border-top: 10px solid;
+ padding-left: 10px;
+ min-height: 25rem !important;
+
+ }
+
+ .detail_text_video_ftion {
+ width: 50%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+ padding-left: 2rem;
+ }
+
+ .detail_img_video_ftion {
+ width: 50%;
+ float: left;
+ margin: auto;
+
+ }
+
+ // debut iciii
+
+ .div_mobile_v3 {
+ position: absolute;
+ top: 7rem;
+ z-index: 1;
+ width: 100%;
+ //background: #104277;
+ height: 4000px;
+ }
+
+ .main_frame {
+ width: 100%;
+ height: 8007px;
+ background: var(--Light-Grey, #FCFCFC);
+
+ }
+
+
+ .Background-header {
+ width: 100%;
+ height: 30rem;
+ flex-shrink: 0;
+ //opacity: 0.5;
+ background: var(--Beige, #FFF5DA);
+ padding: 20px;
+ }
+
+
+ .Title {
+ display: block;
+ flex-direction: column;
+ align-items: center;
+ color: #0A043C;
+ width: Hug (319px);
+ height: Hug (80px);
+ top: 200px;
+ margin-left: auto;
+ margin-right: auto;
+ //position: fixed;
+ width: 100%;
+ }
+
+ .Title_txt1 {
+ color: var(--Deep-Blue, #0A043C);
+ text-align: center;
+ font-family: Albert Sans;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 20px;
+ /* 125% */
+ text-transform: uppercase;
+ width: 169px;
+ height: 20px;
+ //position: fixed;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ letter-spacing: 2px;
+
+ }
+
+ .Title_txt2 {
+ color: var(--Green, #20BFA9);
+ text-align: center;
+ font-family: Albert Sans;
+ font-size: 40px;
+ font-style: normal;
+ //font-weight: 700;
+ line-height: 60px;
+ /* 120% */
+ letter-spacing: -1px;
+ width: 319px;
+ height: 60px;
+ //position: fixed;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ top: 15rem;
+
+ }
+
+ .text_seul_1 {
+ width: 638px;
+ color: var(--Deep-Blue, #0A043C);
+ text-align: center;
+ font-family: Albert Sans;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ /* 157.143% */
+ width: 638px;
+ height: 44px;
+ top: 20rem;
+
+ //position: fixed;
+ width: 50%;
+ margin-left: 25%;
+ margin-right: auto;
+ letter-spacing: 2px;
+ }
+
+ .Card1 {
+ width: 450px;
+ height: 517px;
+ flex-shrink: 0;
+ border-radius: 8px;
+ background: var(--White, #FFF);
+ box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
+
+ height: 517px;
+ top: 400px;
+ left: 222px;
+ border-radius: 8px;
+ //position: fixed;
+
+ }
+
+ .Card2 {
+ width: 450px;
+ height: 517px;
+ flex-shrink: 0;
+ border-radius: 8px;
+ background: var(--White, #FFF);
+ box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
+
+ height: 517px;
+ top: 400px;
+ left: 750px;
+ border-radius: 8px;
+ //position: fixed;
+ }
+
+ .Card3 {
+
+ height: 517px;
+ flex-shrink: 0;
+ border-radius: 8px;
+ background: var(--White, #FFF);
+ box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
+ width: 450px;
+ height: 517px;
+ top: 400px;
+ left: 1280px;
+ border-radius: 8px;
+ //position: fixed;
+ }
+
+ .text_activite_head {
+ width: 100%;
+ height: 32px;
+ font-family: Albert Sans;
+ font-size: 24px;
+ font-weight: 700;
+ line-height: 32px;
+ letter-spacing: 0em;
+ text-align: center;
+ color: #0A043C;
+ letter-spacing: 1px;
+ margin-bottom: 1rem;
+
+ }
+
+ .image_activite_head {
+ height: 22rem;
+ }
+
+ .bton_en_savoir_plus_header {
+ margin-top: 1rem;
+ width: 339px;
+ height: 56px;
+
+ padding: 13px, 26px, 13px, 26px;
+ border-radius: 8px;
+ border: 1px;
+ gap: 10px;
+
+ background: white;
+ border: 1px solid #0A043C;
+ color: #0A043C;
+ font-family: Albert Sans;
+ font-size: 16px;
+ font-weight: 600;
+ line-height: 30px;
+ letter-spacing: 0px;
+ text-align: center;
+ }
+
+
+
+
+ // ici 2
+ .parent {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: 1fr;
+ grid-column-gap: 25px;
+ grid-row-gap: 5px;
+ margin: 2rem;
+ padding: 1rem;
+ margin-bottom: 5rem;
+ }
+
+ .div1 {
+ grid-area: 1 / 1 / 2 / 2;
+ border-radius: 8px;
+ background: var(--White, #FFF);
+ box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
+ padding-bottom: 2rem;
+ }
+
+ .div2 {
+ grid-area: 1 / 2 / 2 / 3;
+ border-radius: 8px;
+ background: var(--White, #FFF);
+ box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
+ padding-bottom: 2rem;
+ }
+
+ .div3 {
+ grid-area: 1 / 3 / 2 / 4;
+ border-radius: 8px;
+ background: var(--White, #FFF);
+ box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
+ padding-bottom: 2rem;
+ }
+
+ .text_nous_conseillons {
+ width: 50%;
+ margin-left: auto;
+ margin-right: auto;
+
+ font-family: Albert Sans;
+ font-size: 20px;
+ font-weight: normal;
+ line-height: 32px;
+ letter-spacing: 0px;
+ text-align: center;
+ //position: fixed;
+ color: #0A043C;
+ letter-spacing: 1px;
+ margin-bottom: 4rem;
+ }
+
+
+
+ .content_gestion_admin {
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 500px;
+ position: relative;
+ margin-bottom: 1rem;
+
+ }
+
+ .content_gestion_admin_img {
+ z-index: 10;
+ width: 40%;
+ height: 400px;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ margin-top: 50px;
+ background: white;
+ box-shadow: 50px 50px 80px 15px #1E1E1E0A;
+ border-radius: 15px;
+ }
+
+ .content_gestion_admin_txt {
+ z-index: 9;
+ width: 80%;
+ height: 480px;
+ position: absolute;
+ top: 10px;
+ left: 0;
+ margin-left: 19%;
+ background: #FFF5DA;
+ padding-top: 3rem;
+ padding-left: 25%;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
+ .detail_content_text_head_1 {
+
+ font-family: Albert Sans;
+ font-size: 20px;
+ font-weight: 700;
+ line-height: 20px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #3E6EE3;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ }
+
+ .detail_content_text_head_2 {
+
+ font-family: Albert Sans;
+ font-size: 24px;
+ font-weight: 500;
+ line-height: 48px;
+ letter-spacing: 1px;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ }
+
+ .detail_content_text_head_3 {
+
+ font-family: Albert Sans;
+ font-size: 18px;
+ font-weight: normal;
+ line-height: 24px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 80%;
+
+ }
+
+
+ .detail_content_text_head_3_gauche {
+
+ font-family: Albert Sans;
+ font-size: 18px;
+ 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%;
+
+ }
+
+ .content_gestion_elearning {
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 500px;
+ position: relative;
+ margin-bottom: 1rem;
+
+ }
+
+ .content_gestion_elearning_img {
+ z-index: 10;
+ width: 40%;
+ height: 400px;
+ position: absolute;
+ top: 0;
+ right: 50px;
+ margin-top: 50px;
+ background: white;
+ box-shadow: 50px 50px 80px 15px #1E1E1E0A;
+ border-radius: 15px;
+ }
+
+ .content_gestion_elearning_txt {
+ z-index: 9;
+ width: 80%;
+ height: 480px;
+ position: absolute;
+ top: 10px;
+ left: 0;
+ margin-right: 19%;
+ background: #FFF5DA;
+ padding-top: 3rem;
+ padding-left: 5%;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
+
+ .fonctionalite_header {
+ //width: 528px;
+ height: 96px;
+ font-family: Albert Sans;
+ font-size: 30px;
+ font-weight: 700;
+ line-height: 48px;
+ letter-spacing: 0em;
+ text-align: center;
+ color: #0A043C;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 5rem;
+ margin-bottom: 3rem;
+ letter-spacing: 1px;
+ }
+
+
+ .tick_fonctionalite {
+ font-family: Albert Sans;
+ font-size: 14px;
+ font-weight: 400;
+ letter-spacing: 1px;
+ text-align: left;
+ padding-left: 1rem;
+ color: #0A043C;
+ width: 100%;
+ height: 2rem;
+ padding-right: 10px;
+ text-align: justify;
+ }
+
+ .tick_fonctionalite_tick {
+ width: 5%;
+ float: left;
+ height: 2rem;
+ }
+
+ .tick_fonctionalite_txt {
+ width: 95%;
+ float: left;
+ height: 2rem;
+ padding-left: 10px;
+ }
+
+
+ .video_titre {
+ font-family: Albert Sans;
+ font-size: 26px;
+ font-weight: 600;
+ line-height: 48px;
+ letter-spacing: 0em;
+ text-align: left;
+ margin-top: 5rem;
+ color: #0A043C;
+ margin-left: 4rem;
+ padding: 10px;
+
+ }
+
+
+ .pave_video {
+ box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19);
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 30rem;
+ margin-bottom: 1rem;
+ padding-top: 2rem;
+ }
+
+ .video_sous_titre {
+ font-family: Albert Sans;
+ font-size: 32px;
+ font-weight: 700;
+ line-height: 48px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ margin-left: 4rem;
+ padding: 10px;
+
+ }
+
+ .video_mp4 {
+ width: 860px;
+ height: 520px;
+ }
+
+
+ .contactez_nous_new {
+
+ // width: 100%;
+ text-align: center;
+ padding: 0;
+ border: 0px;
+ font-weight: bold;
+ font-size: small;
+ color: white;
+ padding-top: 5px;
+
+
+ font-family: Albert Sans;
+ font-size: 16px;
+ font-weight: 700;
+ line-height: 20px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #3E6EE3;
+
+ }
+
+
+ .contactez_nous_titre {
+ // width: 392px;
+ //height: 40px;
+ font-family: Albert Sans;
+ font-size: 28px;
+ font-weight: 700;
+ line-height: 40px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ margin-bottom: 1rem;
+ margin-top: 1rem;
+
+ }
+
+ .contactez_nous_info {
+ //width: 392px;
+ //height: 28px;
+
+
+ font-family: Albert Sans;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 26px;
+ letter-spacing: 0em;
+ text-align: left;
+
+ }
+
+ .div_adresse_new {
+ padding-left: 2rem;
+ float: left;
+
+ }
+
+ }
+
+ // end media
+ .header_title {
+ background: gainsboro;
+ font-size: x-large;
+ font-weight: 700;
+ letter-spacing: 1px;
+ height: 3rem !important;
+ padding-top: 5px;
+ }
+
+ .chapitre {
+ font-size: 1.3rem;
+ line-height: 3rem;
+ }
+
+ .hr_break {
+ border: 10px solid grey;
+ }
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 6928ad9..8d627c4 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -94,4 +94,5 @@
@import "./components/partner_prix_achat";
@import "./components/apprenant";
@import "./components/quisommesnous_v2";
+@import "./components/quisommesnous_v3";