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) => { - - + + + } @@ -9823,7 +9929,7 @@ const DisplayPartnerSession = (props) => {
-
+

+
@@ -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(); + }} + > + + + ); + }; + + 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. +
+ +
+
+
+
+ MySy Training Gestion administrative +
+
+ Gestion Administrative +
+ +
+ +
+ +
+ MySy Training E-Learning LMS +
+
+
+ E-Learning +
+ +
+ +
+
+
+ MySy Training gestion relation client CRM +
+
+ Relation Client (CRM) +
+ +
+ +
+
+ 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. +
+ +
+ +
+
+ MySy Training Gestion administrative +
+
+ +
+
+
+ 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.
+
+ +
+
+ +
+ +
+
+ MySy Training E-Learning LMS +
+
+ +
+
+
+ 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.
+
+ +
+
+ +
+ +
+
+ MySy Training gestion relation client CRM +
+
+ +
+
+
+ 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 +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+ +
+ + +
+
+ E-Learning (LMS) +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+
+ +
+ Gestion Relation Client +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+ + +
+
+ +
+ +
+ Découvrez nos fonctionnalités +
+
+ +
+
+ Le catalogue de formation +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ +
+
+ + +
+
+ +
+
+ Les sessions de formation +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ +
+
+ + +
+
+ +
+
+ Les séquences de Formation +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ +
+
+ + +
+ +
+ +
+ + logo MySy Technology ou sommes nous + + + +
+ +
+
+ + + +
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";