diff --git a/src/components/ButtonHilight.js b/src/components/ButtonHilight.js
index 87d0a56..efac3ad 100644
--- a/src/components/ButtonHilight.js
+++ b/src/components/ButtonHilight.js
@@ -703,7 +703,7 @@ const ButtonHilight = () => {
- Les formations
+ Marketplace
diff --git a/src/components/DisplayDetailArticle_new_v2.js b/src/components/DisplayDetailArticle_new_v2.js
index f5ac769..ecb2e3e 100644
--- a/src/components/DisplayDetailArticle_new_v2.js
+++ b/src/components/DisplayDetailArticle_new_v2.js
@@ -991,7 +991,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
- Les formations
+ Marketplace
@@ -1112,9 +1112,6 @@ const DisplayDetailArticle_new_v2 = (props) => {
-
-
-
)
diff --git a/src/components/Header.js b/src/components/Header.js
index 4b6ca68..b5fb942 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -392,7 +392,7 @@ const Header = () => {
- Les formations
+ Marketplace
diff --git a/src/components/QuisSommesNous_V4.js b/src/components/QuisSommesNous_V4.js
new file mode 100644
index 0000000..6273848
--- /dev/null
+++ b/src/components/QuisSommesNous_V4.js
@@ -0,0 +1,688 @@
+import Navigation from "./Navigation";
+import { Helmet } from "react-helmet";
+
+import ousommesnousimg from "../mysy_img/mysy_training_technology_ici.png"
+import Fotter_v3 from "./Fotter_v3";
+import React, { Component, useState, useEffect } 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 Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import 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";
+
+import img_uca from "../mysy_img/uca.png";
+import img_5discovery from "../mysy_img/5discovery.png";
+import img_aroma from "../mysy_img/aroma.png";
+import img_potential from "../mysy_img/potential.png";
+
+
+import moment from "moment";
+import SendIcon from '@mui/icons-material/Send';
+import axios from "axios";
+
+
+const QuiSommesNous_v4 = () => {
+
+ const ButtonMailto = ({ mailto, label }) => {
+ return (
+ {
+ setDialog_contact_open(true);
+ }}
+ >
+ {label}
+
+ );
+ };
+
+ const MyMapComponent = withScriptjs(withGoogleMap((props) =>
+
+ {props.isMarkerShown && }
+
+ ))
+
+ function sendEmail() {
+ window.location.assign("mailto:contact@mysy-training.com");
+
+ };
+
+ const [Dialog_contact_message, setDialog_contact_message] = React.useState(false);
+ const [Dialog_contact_open, setDialog_contact_open] = React.useState(false);
+ function Dialog_contact_handle_change_participant_session(message) {
+ setDialog_contact_message(message);
+ setDialog_contact_open(true);
+ }
+
+ const Dialog_contact_handleClose = () => {
+
+ };
+
+ const Dialog_contact_handleClose_buton = () => {
+
+ setDialog_contact_open(false);
+ clear_contact_message_fields();
+
+ };
+
+ function clear_contact_message_fields() {
+ setcontact_message_nom_prenom("");
+ setcontact_message_email("");
+ setcontact_message_phone("");
+ setcontact_message_sujet("");
+ setcontact_message_sujet("");
+ setcontact_message_message("");
+ }
+
+ const [contact_message_nom_prenom, setcontact_message_nom_prenom] = React.useState("");
+ const [contact_message_email, setcontact_message_email] = React.useState("");
+ const [contact_message_phone, setcontact_message_phone] = React.useState("");
+ const [contact_message_sujet, setcontact_message_sujet] = React.useState("");
+ const [contact_message_message, setcontact_message_message] = React.useState("");
+
+ function Send_Contact_Message(e) {
+
+ var sender_mail = "";
+ var sender_tel = "";
+ var token = "";
+
+ ////console.log("contacter " + sender_mail + " - " + sender_tel + " - ")
+
+ var mysubject = contact_message_sujet;
+ var mymessage = contact_message_message;
+ var mysender_name = contact_message_nom_prenom;
+ var mysender_email = contact_message_email;
+
+
+ //alert("contacter "+mysender_email+" - "+mymessage+" - url = "
+ //+process.env.REACT_APP_API_URL+" - user_ip ="+IPv4+" - "+latitude);
+
+ var re = /\S+@\S+\.\S+/;
+ if (re.test(mysender_email) == false) {
+ alert("l'email est incorrecte");
+ return;
+ }
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/add_user_message/";
+ var form = new FormData();
+ form.append("type", "email");
+ form.append("recever_mail", "contact@mysy-training.com");
+ form.append("recever_tel", "+33769203945");
+ form.append("sender_mail", mysender_email);
+ form.append("sender_tel", sender_tel);
+ form.append("object", mysubject);
+ form.append("message", mymessage);
+ form.append("sender_name", mysender_name);
+ form.append("token", "");
+ form.append("user_ip", IPv4);
+ form.append("user_country_code", country_code);
+ form.append("user_country_name", country_name);
+ form.append("user_city", city);
+ form.append("user_postal", postal);
+ form.append("user_latitude", latitude);
+ form.append("user_longitude", longitude);
+ form.append("user_state", state);
+
+
+ // console.log("## form = ", form);
+
+
+
+ axios.post(myurl, form).then(res => {
+
+ if (String(res.data.status) === String("false")) {
+
+ alert(res.data.message);
+ }
+
+ else if (String(res.data.status) === String("true")) {
+ Dialog_contact_handleClose_buton();
+ alert(res.data.message);
+
+ }
+ else {
+
+ }
+ }).catch((error) => {
+ console.warn('contact-nous Not good man :( mysearchtext = ');
+
+
+ })
+
+
+ }
+ const [country_code, setcountry_code] = useState("FR");
+ const [country_name, setcountry_name] = useState("France");
+ const [city, setcity] = useState("Paris");
+ const [postal, setpostal] = useState("75001");
+ const [latitude, setlatitude] = useState("48.861000061035156");
+ const [longitude, setlongitude] = useState("2.3380000591278076");
+ const [IPv4, setIPv4] = useState("172.71.122.128");
+ const [state, setstate] = useState("France");
+ const [userIp, setuserIp] = useState("172.71.122.128");
+
+
+
+ return (
+
+
+
+
+ MySy Training, qui sommes nous ?
+
+
+
+
+
+
+
+
+ {/*** GESTION Contact */}
+
+
+ Contactez Nous
+
+
+
+
+
+ Nom & Prénom
+
+
+
+ {
+ setcontact_message_nom_prenom(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Nom'
+ >
+
+
+
+
+
+ E-mail
+
+
+ {
+ setcontact_message_email(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Adresse email'
+ >
+
+
+
+
+
+
+ Téléphone
+
+
+ {
+ setcontact_message_phone(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Numéro Tél'
+ >
+
+
+
+
+
+ Sujet
+
+
+ {
+ setcontact_message_sujet(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Sujet'
+ >
+
+
+
+
+
+ Votre message
+
+
+
+
+
+
+
+
+
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
+
+
+
+
+
+
+
+
+
+
+ Fermer
+
+
+ Envoyer
+
+
+
+
+
+
+
+
+ {/*** FIN GESTION Contact */}
+
+
+
+
+
+
+
+
+ MySy Training Technogy
+
+
+
+ MySy Training Technogy est un éditeur de logiciels français qui developpement des solutions dédiées à la gestion des établissements de formation
+
+ Organismes de formation
+ Ecoles
+ Universités
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ GESTION
+
+
+
+ Notre objectif (pensez aux mots clés)
+
+
+
+ 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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Notre positionnement (pensez aux mots clés)
+
+
+
+ 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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ l'equipe (pensez aux mots clés)
+
+
+
+ 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
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Ils nous ont fait confiance
+
+
+
+
+
+
+ Comment nous joindre ?
+
+
+
+
+
+
+
+
+
+ Nom & Prénom
+
+
+
+ {
+ setcontact_message_nom_prenom(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Nom'
+ >
+
+
+
+
+
+ E-mail
+
+
+ {
+ setcontact_message_email(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Adresse email'
+ >
+
+
+
+
+
+
+ Téléphone
+
+
+ {
+ setcontact_message_phone(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Numéro Tél'
+ >
+
+
+
+
+
+ Sujet
+
+
+ {
+ setcontact_message_sujet(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Sujet'
+ >
+
+
+
+
+
+ Votre message
+
+
+
+
+
+
+
+
+
+ Fermer
+
+
+ Envoyer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
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
+
+
+
+
Sur nos reseaux sociaux
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+
+export default QuiSommesNous_v4;
diff --git a/src/components/RechercheArticles.js b/src/components/RechercheArticles.js
index d14db4e..b344269 100644
--- a/src/components/RechercheArticles.js
+++ b/src/components/RechercheArticles.js
@@ -528,7 +528,7 @@ const RechercheArticles = (props) => {
- Les formations
+ Marketplace
diff --git a/src/components/RechercheArticles_new_v2.js b/src/components/RechercheArticles_new_v2.js
index 623ea40..2426e91 100644
--- a/src/components/RechercheArticles_new_v2.js
+++ b/src/components/RechercheArticles_new_v2.js
@@ -539,7 +539,7 @@ const RechercheArticles_new_v2 = (props) => {
- Les formations
+ Marketplace
diff --git a/src/mysy_img/5discovery.png b/src/mysy_img/5discovery.png
new file mode 100644
index 0000000..ab34cd3
Binary files /dev/null and b/src/mysy_img/5discovery.png differ
diff --git a/src/mysy_img/aroma.png b/src/mysy_img/aroma.png
new file mode 100644
index 0000000..b123064
Binary files /dev/null and b/src/mysy_img/aroma.png differ
diff --git a/src/mysy_img/hr.png b/src/mysy_img/hr.png
new file mode 100644
index 0000000..cf84686
Binary files /dev/null and b/src/mysy_img/hr.png differ
diff --git a/src/mysy_img/potential.png b/src/mysy_img/potential.png
new file mode 100644
index 0000000..14c007f
Binary files /dev/null and b/src/mysy_img/potential.png differ
diff --git a/src/mysy_img/uca.png b/src/mysy_img/uca.png
new file mode 100644
index 0000000..6ba702a
Binary files /dev/null and b/src/mysy_img/uca.png differ
diff --git a/src/pages/quisommesnous_v3.js b/src/pages/quisommesnous_v3.js
index e20e27c..e5e4aca 100644
--- a/src/pages/quisommesnous_v3.js
+++ b/src/pages/quisommesnous_v3.js
@@ -1,6 +1,7 @@
import QuisSommesNous from "../components/QuisSommesNous";
import Navigation from "../components/Navigation";
import QuiSommesNous_v3 from "../components/QuisSommesNous_V3";
+import QuiSommesNous_v4 from "../components/QuisSommesNous_V4";
const recherche_draft = () => {
@@ -9,7 +10,7 @@ const recherche_draft = () => {
-
+
)
diff --git a/src/styles/components/_quisommesnous_v3.scss b/src/styles/components/_quisommesnous_v3.scss
index 0ad846b..90f38d5 100644
--- a/src/styles/components/_quisommesnous_v3.scss
+++ b/src/styles/components/_quisommesnous_v3.scss
@@ -3,11 +3,11 @@
color: transparent;
font-size: 0.1rem;
}
-
+
.only_mobile {
display: none;
}
-
+
@media only screen and (max-width: 600px) {
.only_mobile {
@@ -1585,7 +1585,7 @@
.text_seul_1 {
color: var(--Deep-Blue, #0A043C);
- text-align: center;
+ text-align: justify;
font-family: Albert Sans;
font-size: 20px;
font-style: normal;
@@ -2649,7 +2649,7 @@
.text_seul_1 {
color: var(--Deep-Blue, #0A043C);
- text-align: center;
+ text-align: justify;
font-family: Albert Sans;
font-size: 23px;
font-style: normal;
@@ -3715,7 +3715,7 @@
.text_seul_1 {
width: 638px;
color: var(--Deep-Blue, #0A043C);
- text-align: center;
+ text-align: justify;
font-family: Albert Sans;
font-size: 25px;
font-style: normal;
diff --git a/src/styles/components/_quisommesnous_v4.scss b/src/styles/components/_quisommesnous_v4.scss
new file mode 100644
index 0000000..9dc1f20
--- /dev/null
+++ b/src/styles/components/_quisommesnous_v4.scss
@@ -0,0 +1,4561 @@
+.quisommesnous_v4 {
+ width: 100%;
+ float: left;
+
+
+ .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: 100%;
+ }
+
+ .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;
+ }
+
+ .image_illustration {
+ width: 100%;
+ }
+
+
+ // ------------
+ // debut iciii
+
+ .div_mobile_v3 {
+ // position: absolute;
+ // top: 5rem;
+ // 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: 2px;
+ float: left;
+ margin-top: 6rem;
+ }
+
+
+ .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;
+ display: none;
+ }
+
+ .Title_txt2 {
+ color: var(--Green, #20BFA9);
+ text-align: center;
+ font-family: Albert Sans;
+ font-size: 30px;
+ 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 {
+
+ color: var(--Deep-Blue, #0A043C);
+ text-align: justify;
+ font-family: Albert Sans;
+ font-size: 20px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5em;
+ // height: 44px;
+ top: 20rem;
+ width: 90%;
+ margin-right: auto;
+ letter-spacing: 2px;
+ //height: 8rem;
+ margin-top: 1rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .text_activite_head {
+ text-transform: uppercase;
+ width: 100%;
+ height: 50px;
+ font-family: Albert Sans;
+ font-size: 18px;
+ // font-weight: 600;
+ line-height: 32px;
+ letter-spacing: 0em;
+ text-align: center;
+ color: #0A043C;
+ letter-spacing: 2px;
+ margin-bottom: 1rem;
+
+ letter-spacing: 1px;
+ margin-bottom: 1rem;
+ background: #0A043C;
+ letter-spacing: 1px;
+ margin-bottom: 1rem;
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+ height: 3rem;
+ color: white;
+ padding-top: 5px;
+
+
+ }
+
+ .image_activite_head {
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .image_activite_detail {
+ display: none;
+ }
+
+ .bton_en_savoir_plus_header {
+ margin-top: 1rem;
+ width: 100%;
+ 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: 1fr;
+ grid-template-rows: repeat(3, 1fr);
+ grid-column-gap: 11px;
+ grid-row-gap: 13px;
+
+ padding: 1rem;
+ margin-bottom: 2rem;
+ }
+
+ .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: 2 / 1 / 3 / 2;
+ 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: 3 / 1 / 4 / 2;
+ 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: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ font-family: Albert Sans;
+ font-size: medium;
+ font-weight: normal;
+ line-height: 28px;
+ letter-spacing: 0px;
+ text-align: justify;
+ color: #0A043C;
+ letter-spacing: 1px;
+ margin-bottom: 3rem;
+ line-height: 1.8em;
+ }
+
+
+
+ .content_gestion_admin {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 400px;
+ position: relative;
+ margin-bottom: 1rem;
+
+ }
+
+ .content_gestion_admin_img {
+ display: none;
+ }
+
+ .content_gestion_admin_txt {
+ z-index: 9;
+ width: 100%;
+ height: 400px;
+ position: absolute;
+ top: 10px;
+ left: 0;
+
+ background: #FFF5DA;
+ padding-top: 3rem;
+ padding: 5px;
+ 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: center;
+ color: #3E6EE3;
+ padding-bottom: 1rem;
+ letter-spacing: 1px;
+
+ display: none;
+
+ }
+
+ .detail_content_text_head_2 {
+
+ font-family: Albert Sans;
+ font-size: 20px;
+ font-weight: 500;
+ line-height: 40px;
+ letter-spacing: 1px;
+ text-align: center;
+ color: #0A043C;
+ padding-bottom: 1rem;
+ text-transform: uppercase;
+ }
+
+ .detail_content_text_head_3 {
+
+ font-family: Albert Sans;
+ font-size: small;
+ font-weight: normal;
+ line-height: 22px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 1.5rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 95%;
+ font-family: Verdana, Georgia, Arial;
+
+ }
+
+
+ .detail_content_text_head_3_gauche {
+
+ font-family: Verdana, Georgia, Arial;
+ font-size: small;
+ font-weight: normal;
+ line-height: 24px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 95%;
+
+ }
+
+ .content_gestion_elearning {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 400px;
+ position: relative;
+ margin-bottom: 1rem;
+
+ }
+
+ .content_gestion_elearning_img {
+ display: none;
+ }
+
+ .content_gestion_elearning_txt {
+ z-index: 9;
+ width: 100%;
+ height: 400px;
+ position: absolute;
+ top: 10px;
+ left: 0;
+ background: #FFF5DA;
+ padding-top: 3rem;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ padding: 5px;
+ }
+
+
+ .fonctionalite_header {
+
+ font-family: Albert Sans;
+ font-size: 24px;
+ font-weight: 700;
+ line-height: 40px;
+ letter-spacing: 0em;
+ text-align: center;
+ color: #0A043C;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 2rem;
+
+ letter-spacing: 1px;
+ width: 100%;
+ float: left;
+ }
+
+
+ .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: 4rem;
+ padding-left: 10px;
+ line-height: 1rem;
+ font-family: Verdana, Georgia, Arial;
+ }
+
+
+ .video_titre {
+ font-family: Albert Sans;
+ font-size: 18px;
+ font-weight: 600;
+ letter-spacing: 0em;
+ text-align: left;
+ // margin-top: 5rem;
+ color: #0A043C;
+ margin-left: 1rem;
+ padding: 10px;
+
+ }
+
+ .pave_video_gauche {
+ display: none;
+
+ }
+
+ .pave_video_droite {
+ width: 100%;
+ float: right;
+ height: 330px;
+ }
+
+
+
+
+ .pave_video {
+ box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19);
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 300px;
+ margin-bottom: 1rem;
+ padding-top: 2rem;
+ }
+
+ .video_sous_titre {
+ font-family: Albert Sans;
+ font-size: 32px;
+ font-weight: 700;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ margin-left: 1rem;
+ 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: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 20px;
+ font-weight: 700;
+ line-height: 30px;
+ letter-spacing: 0em;
+ text-align: center;
+ color: #0A043C;
+ margin-bottom: 1rem;
+ margin-top: 1rem;
+
+ }
+
+ .contactez_nous_info {
+ //width: 392px;
+ //height: 28px;
+
+
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 26px;
+ letter-spacing: 0em;
+ text-align: center;
+
+ }
+
+ .div_adresse_new {
+ padding-left: 2rem;
+ float: left;
+ width: 100%;
+
+ }
+
+ .image_illustration {
+ width: 100%;
+ height: 15rem;
+ }
+
+ .div_mobile_v3_debut {
+ // margin-top: -28rem;
+ }
+
+ .react-player__preview {
+ height: 230px !important;
+ }
+
+ .reactplayer_mysy_classname {
+ height: 250px !important;
+ width: 100%;
+ }
+
+ .div_block_fonction {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail {
+ width: 96%;
+ float: left;
+
+ margin: 10px;
+ -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ background: #F8F9F9;
+ height: 20rem;
+ padding: 15px;
+ border-radius: 10px;
+ }
+
+ .div_block_fonction_detail_titre {
+ font-family: Roboto, Verdana, Georgia, Arial;
+ color: #3E6EE3;
+ line-Height: 29px;
+ font-size: 18px;
+ margin-bottom: 5px;
+ width: 100%;
+ font-weight: 400;
+ text-align: center;
+ letter-spacing: 1px;
+ height: 4rem;
+ padding-left: 10px;
+ }
+
+ .div_block_fonction_detail_img {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail_img_inside {
+ width: 5rem;
+ }
+
+
+ .div_block_fonction_detail_desc {
+ width: 100%;
+ float: left;
+ text-align: left;
+ line-height: 1.8em;
+ font-size: small;
+ color: #464646;
+ text-align: center;
+ margin-top: 10px;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 100%;
+ // border: 3px solid #73AD21;
+ padding: 2px;
+
+ }
+
+ .block_centrer_client {
+ margin: auto;
+ width: 100%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ // box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
+ // height: 15rem;
+ text-align: left;
+ }
+
+ .bton_enreg_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 80%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+ .bton_annule_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 80%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .block_bouton_gauche {
+ float: left;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+
+ }
+
+ .block_bouton_droite {
+ float: right;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ text-align: right;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .img_uca {
+ width: 100%;
+ padding: 5px;
+ }
+
+ .img_5discovery {
+ width: 100%;
+ padding: 5px;
+ }
+
+ .img_aroma {
+ width: 100%;
+ padding: 5px;
+ }
+
+ .img_potential {
+ width: 100%;
+ padding: 5px;
+ }
+
+ }
+
+ @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: 60%;
+ 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;
+ }
+
+ // ------------
+ // debut iciii
+
+ .div_mobile_v3 {
+ //position: absolute;
+ //top: 8rem;
+ //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: 20rem;
+ flex-shrink: 0;
+ //opacity: 0.5;
+ background: var(--Beige, #FFF5DA);
+ padding: 20px;
+ float: left;
+ }
+
+
+ .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;
+ display: none;
+ }
+
+ .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 {
+
+ color: var(--Deep-Blue, #0A043C);
+ text-align: justify;
+ font-family: Albert Sans;
+ font-size: 20px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5em;
+ /* 157.143% */
+
+ // height: 44px;
+ top: 20rem;
+
+ //position: fixed;
+ width: 90%;
+ margin-left: 5%;
+ margin-right: auto;
+ letter-spacing: 2px;
+ }
+
+ .text_activite_head {
+ //text-transform: uppercase;
+ width: 100%;
+ height: 50px;
+ font-family: Albert Sans;
+ font-size: 18px;
+ //font-weight: 600;
+ line-height: 32px;
+ letter-spacing: 0em;
+ text-align: center;
+ color: #0A043C;
+ letter-spacing: 2px;
+ margin-bottom: 1rem;
+
+ letter-spacing: 1px;
+ margin-bottom: 1rem;
+ background: #0A043C;
+ letter-spacing: 1px;
+ margin-bottom: 1rem;
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+ height: 3rem;
+ color: white;
+ padding-top: 5px;
+
+ }
+
+ .image_activite_head {
+ //height: 22rem;
+ width: 100%;
+ }
+
+
+ .image_activite_detail {
+ //height: 22rem;
+ width: 100%;
+ }
+
+ .bton_en_savoir_plus_header {
+ margin-top: 1rem;
+ width: 100%;
+ 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: 3rem;
+ }
+
+ .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: 80%;
+ margin-left: auto;
+ margin-right: auto;
+
+ font-family: Albert Sans;
+ font-size: 22px;
+ font-weight: normal;
+ line-height: 32px;
+ letter-spacing: 0px;
+
+ //position: fixed;
+ color: #0A043C;
+ letter-spacing: 1px;
+ margin-bottom: 3rem;
+
+ line-height: 1.8em;
+ text-align: justify;
+ }
+
+
+
+ .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;
+
+ display: none;
+ }
+
+ .detail_content_text_head_2 {
+
+ font-family: Albert Sans;
+ font-size: 20px;
+ font-weight: 500;
+ line-height: 40px;
+ 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: 16px;
+ font-weight: normal;
+ line-height: 22px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 1.5rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 95%;
+ font-family: Verdana, Georgia, Arial;
+
+ }
+
+
+ .detail_content_text_head_3_gauche {
+
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 24px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 70%;
+
+ }
+
+ .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: 0px;
+ 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 {
+
+ font-family: Albert Sans;
+ font-size: 28px;
+ font-weight: 700;
+ line-height: 40px;
+ letter-spacing: 0em;
+ text-align: center;
+ color: #0A043C;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 3rem;
+ margin-bottom: 2rem;
+ letter-spacing: 1px;
+ width: 100%;
+ float: left;
+ }
+
+
+ .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: 4rem;
+ padding-left: 10px;
+ line-height: 1rem;
+ font-family: Verdana, Georgia, Arial;
+ }
+
+
+ .video_titre {
+ font-family: Albert Sans;
+ font-size: 18px;
+ font-weight: 600;
+ letter-spacing: 0em;
+ text-align: left;
+ margin-top: 8rem;
+ color: #0A043C;
+ margin-left: 1rem;
+ padding: 10px;
+
+ }
+
+ .pave_video_gauche {
+ width: 30%;
+ float: left;
+
+ }
+
+ .pave_video_droite {
+ width: 70%;
+ float: right;
+ 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;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ margin-left: 1rem;
+ 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: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 20px;
+ font-weight: 700;
+ line-height: 30px;
+ letter-spacing: 0em;
+ text-align: center;
+ color: #0A043C;
+ margin-bottom: 1rem;
+ margin-top: 1rem;
+
+ }
+
+ .contactez_nous_info {
+ //width: 392px;
+ //height: 28px;
+
+
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 26px;
+ letter-spacing: 0em;
+ text-align: center;
+
+ }
+
+ .div_adresse_new {
+ padding-left: 2rem;
+ float: left;
+ width: 35%;
+
+ }
+
+ .image_illustration {
+ width: 100%;
+ height: 15rem;
+ }
+
+ .div_mobile_v3_debut {
+ //margin-top: -28rem;
+ }
+
+
+ .div_block_fonction {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail {
+ width: 30%;
+ float: left;
+
+ margin: 10px;
+ -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ background: #F8F9F9;
+ height: 22rem;
+ padding: 15px;
+ border-radius: 10px;
+ }
+
+ .div_block_fonction_detail_titre {
+ font-family: Roboto, Verdana, Georgia, Arial;
+ color: #3E6EE3;
+ line-Height: 29px;
+ font-size: 18px;
+ margin-bottom: 5px;
+ width: 100%;
+ font-weight: 400;
+ text-align: left;
+ letter-spacing: 1px;
+ height: 6rem;
+ padding-left: 1rem;
+ }
+
+ .div_block_fonction_detail_img {
+ width: 100%;
+ float: left;
+ margin-bottom: 10px;
+ }
+
+ .div_block_fonction_detail_img_inside {
+ width: 4rem;
+ }
+
+
+ .div_block_fonction_detail_desc {
+ width: 100%;
+ float: left;
+ text-align: left;
+ line-height: 1.8em;
+ font-size: small;
+ color: #464646
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 90%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+
+ }
+
+ .block_centrer_client {
+ margin: auto;
+ width: 90%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ // box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
+ // height: 15rem;
+ text-align: left;
+ }
+
+ .bton_enreg_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 80%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+ .bton_annule_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 80%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .block_bouton_gauche {
+ float: left;
+ border-width: 0.01rem;
+ width: 40%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+
+ }
+
+ .block_bouton_droite {
+ float: right;
+ border-width: 0.01rem;
+ width: 40%;
+ border-radius: 1rem;
+ text-align: right;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .img_uca {
+ width: 10rem;
+ }
+
+ .img_5discovery {
+ width: 20rem;
+ }
+
+ .img_aroma {
+ width: 20rem;
+ }
+
+ .img_potential {
+ width: 20rem;
+ }
+
+ }
+
+ @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: 60%;
+ 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;
+ }
+
+ //-------------
+ // 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: 20rem;
+ flex-shrink: 0;
+ //opacity: 0.5;
+ background: var(--Beige, #FFF5DA);
+ padding: 20px;
+ float: left;
+ }
+
+
+ .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;
+
+ display: none;
+
+ }
+
+ .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 {
+
+ color: var(--Deep-Blue, #0A043C);
+ text-align: justify;
+ font-family: Albert Sans;
+ font-size: 20px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5em;
+ /* 157.143% */
+
+ // height: 44px;
+ top: 20rem;
+
+ //position: fixed;
+ width: 90%;
+ margin-left: 5%;
+ margin-right: auto;
+ letter-spacing: 2px;
+ }
+
+ .text_activite_head {
+ text-transform: uppercase;
+ width: 100%;
+ height: 32px;
+ font-family: Albert Sans;
+ font-size: 16px;
+ //font-weight: 700;
+ line-height: 32px;
+ letter-spacing: 0em;
+ text-align: center;
+ letter-spacing: 2px;
+ margin-bottom: 1rem;
+
+ letter-spacing: 1px;
+ margin-bottom: 1rem;
+ background: #0A043C;
+ letter-spacing: 1px;
+ margin-bottom: 1rem;
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+ height: 3rem;
+ color: white;
+ padding-top: 5px;
+
+
+ }
+
+ .image_activite_head {
+ //height: 22rem;
+ width: 100%;
+ }
+
+ .image_activite_detail {
+ //height: 22rem;
+ width: 100%;
+ }
+
+ .bton_en_savoir_plus_header {
+ margin-top: 1rem;
+ width: 100%;
+ 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: 3rem;
+ }
+
+ .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: 80%;
+ margin-left: auto;
+ margin-right: auto;
+
+ font-family: Albert Sans;
+ font-size: 24px;
+ font-weight: normal;
+ line-height: 32px;
+ letter-spacing: 0px;
+
+ //position: fixed;
+ color: #0A043C;
+ letter-spacing: 1px;
+ margin-bottom: 3rem;
+
+ line-height: 1.8em;
+ text-align: justify;
+
+ }
+
+
+
+ .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;
+
+ display: none;
+ }
+
+ .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: 16px;
+ font-weight: normal;
+ line-height: 24px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 1.5rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 90%;
+ font-family: Verdana, Georgia, Arial;
+
+ }
+
+
+ .detail_content_text_head_3_gauche {
+
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 24px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 60%;
+
+ }
+
+ .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: 10px;
+ 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 {
+
+ height: 50px;
+ 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: 2rem;
+ margin-bottom: 2rem;
+ letter-spacing: 1px;
+ width: 100%;
+ float: left;
+ }
+
+
+ .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: 4rem;
+ padding-left: 10px;
+ line-height: 1rem;
+ font-family: Verdana, Georgia, Arial;
+ }
+
+
+ .video_titre {
+ font-family: Albert Sans;
+ font-size: 26px;
+ font-weight: 600;
+ line-height: 48px;
+ letter-spacing: 0em;
+ text-align: left;
+ margin-top: 8rem;
+ color: #0A043C;
+ margin-left: 2rem;
+ padding: 10px;
+
+ }
+
+ .pave_video_gauche {
+ width: 30%;
+ float: left;
+
+ }
+
+ .pave_video_droite {
+ width: 70%;
+ float: right;
+
+ }
+
+ .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;
+
+ 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: 26px;
+ font-weight: 700;
+ line-height: 35px;
+ letter-spacing: 0em;
+ text-align: center;
+ color: #0A043C;
+ margin-bottom: 1rem;
+ margin-top: 1rem;
+
+ }
+
+ .contactez_nous_info {
+ //width: 392px;
+ //height: 28px;
+
+
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 26px;
+ letter-spacing: 0em;
+ text-align: center;
+
+ }
+
+ .div_adresse_new {
+ padding-left: 2rem;
+ float: left;
+
+ }
+
+
+ .image_illustration {
+ width: 100%;
+ height: 15rem;
+ }
+
+ .div_mobile_v3_debut {
+ //margin-top: -27rem;
+ }
+
+
+ .div_block_fonction {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail {
+ width: 30%;
+ float: left;
+
+ margin: 10px;
+ -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ background: #F8F9F9;
+ height: 20rem;
+ padding: 15px;
+ border-radius: 10px;
+ }
+
+ .div_block_fonction_detail_titre {
+ font-family: Verdana, Georgia, Arial;
+ color: #3E6EE3;
+ line-Height: 29px;
+ font-size: 18px;
+ margin-bottom: 5px;
+ width: 100%;
+ font-weight: 400;
+ text-align: left;
+ letter-spacing: 1px;
+ height: 6rem;
+ padding-left: 2rem;
+ }
+
+ .div_block_fonction_detail_img {
+ width: 30%;
+ float: left;
+ }
+
+ .div_block_fonction_detail_img_inside {
+ width: 4rem;
+ }
+
+
+ .div_block_fonction_detail_desc {
+ width: 70%;
+ float: left;
+ text-align: left;
+ line-height: 1.8em;
+ font-size: small;
+ color: #464646
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 90%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+
+ }
+
+ .block_centrer_client {
+ margin: auto;
+ width: 90%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ // box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
+ // height: 15rem;
+ text-align: left;
+ }
+
+ .bton_enreg_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 80%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+ .bton_annule_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 80%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .block_bouton_gauche {
+ float: left;
+ border-width: 0.01rem;
+ width: 40%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+
+ }
+
+ .block_bouton_droite {
+ float: right;
+ border-width: 0.01rem;
+ width: 40%;
+ border-radius: 1rem;
+ text-align: right;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .img_uca {
+ width: 10rem;
+ }
+
+ .img_5discovery {
+ width: 20rem;
+ }
+
+ .img_aroma {
+ width: 20rem;
+ }
+
+ .img_potential {
+ width: 20rem;
+ }
+ }
+
+ @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%;
+
+ }
+
+ .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: 20rem;
+ flex-shrink: 0;
+ //opacity: 0.5;
+ background: var(--Beige, #FFF5DA);
+ padding: 20px;
+ float: left;
+ }
+
+
+ .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;
+
+ display: none;
+
+ }
+
+ .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: justify;
+ font-family: Albert Sans;
+ font-size: 25px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5em;
+
+ // margin-left: 25%;
+ // margin-right: auto;
+ letter-spacing: 2px;
+ }
+
+ .text_activite_head {
+ text-transform: uppercase;
+ width: 100%;
+ height: 32px;
+ font-family: Albert Sans;
+ font-size: 20px;
+ //font-weight: 700;
+ line-height: 32px;
+ letter-spacing: 0em;
+ text-align: center;
+
+ letter-spacing: 2px;
+ margin-bottom: 1rem;
+ background: #0A043C;
+ letter-spacing: 1px;
+ margin-bottom: 1rem;
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+ height: 3rem;
+ color: white;
+ padding-top: 5px;
+
+ }
+
+ .image_activite_head {
+ height: 22rem;
+ }
+
+ .image_activite_detail {
+ 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: 25px;
+ font-weight: normal;
+ line-height: 32px;
+ letter-spacing: 0px;
+
+ //position: fixed;
+ color: #0A043C;
+ letter-spacing: 1px;
+ margin-bottom: 4rem;
+ line-height: 1.8em;
+ text-align: justify;
+ }
+
+
+
+ .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;
+
+ display: none;
+ }
+
+ .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-size: 16px;
+ font-weight: normal;
+ line-height: 28px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 80%;
+ font-family: Verdana, Georgia, Arial;
+
+ }
+
+
+ .detail_content_text_head_3_gauche {
+
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 24px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 60%;
+
+ }
+
+ .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: 0.5rem;
+ margin-bottom: 0.5rem;
+ letter-spacing: 1px;
+ width: 100%;
+ float: left;
+ }
+
+
+ .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: 3rem;
+ padding-left: 10px;
+ line-height: 1rem;
+ font-family: Verdana, Georgia, Arial;
+ }
+
+
+ .video_titre {
+ font-family: Albert Sans;
+ font-size: 26px;
+ font-weight: 600;
+ line-height: 48px;
+ letter-spacing: 0em;
+ text-align: left;
+ margin-top: 8rem;
+ color: #0A043C;
+ margin-left: 4rem;
+ padding: 10px;
+
+ }
+
+ .pave_video_gauche {
+ width: 30%;
+ float: left;
+
+ }
+
+ .pave_video_droite {
+ width: 70%;
+ float: right;
+
+ }
+
+ .pave_video {
+ box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19);
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 40rem;
+ margin-bottom: 1rem;
+ padding-top: 2rem;
+ }
+
+ .video_sous_titre {
+ font-family: Albert Sans;
+ font-size: 32px;
+ font-weight: 700;
+
+ 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: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 28px;
+ font-weight: 700;
+ line-height: 40px;
+ letter-spacing: 0em;
+ text-align: center;
+ color: #0A043C;
+ margin-bottom: 1rem;
+ margin-top: 1rem;
+
+ }
+
+ .contactez_nous_info {
+ //width: 392px;
+ //height: 28px;
+
+
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 26px;
+ letter-spacing: 0em;
+ text-align: center;
+
+ }
+
+ .div_adresse_new {
+ padding-left: 2rem;
+ float: left;
+
+ }
+
+ .div_mobile_v3_debut {
+ // margin-top: -27rem;
+ float: left;
+ width: 100%;
+ }
+
+ .div_block_fonction {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail {
+ width: 30%;
+ float: left;
+
+ margin: 10px;
+ // -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ // box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ background: #F8F9F9;
+ height: 12rem;
+ padding: 15px;
+ border-radius: 8px;
+ border: solid 2px #ebedef;
+ }
+
+ .div_block_fonction_detail_titre {
+ font-family: Verdana, Georgia, Arial;
+ color: #3E6EE3;
+ line-Height: 29px;
+ font-size: 20px;
+ margin-bottom: 5px;
+ width: 100%;
+ font-weight: 400;
+ text-align: left;
+ letter-spacing: 1px;
+ height: 4rem;
+ padding-left: 2rem;
+ }
+
+ .div_block_fonction_detail_img {
+ width: 30%;
+ float: left;
+ }
+
+ .div_block_fonction_detail_img_inside {
+ width: 4rem;
+ }
+
+
+ .div_block_fonction_detail_desc {
+ width: 70%;
+ float: left;
+ text-align: left;
+ line-height: 1.8em;
+ font-size: small;
+ color: #464646
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 70%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+
+ }
+
+ .block_centrer_client {
+ margin: auto;
+ width: 80%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ // box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
+ // height: 15rem;
+ text-align: left;
+ }
+
+ .bton_enreg_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 80%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+ .bton_annule_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 80%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .block_bouton_gauche {
+ float: left;
+ border-width: 0.01rem;
+ width: 25%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+
+ }
+
+ .block_bouton_droite {
+ float: right;
+ border-width: 0.01rem;
+ width: 25%;
+ border-radius: 1rem;
+ text-align: right;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .img_uca {
+ width: 10rem;
+ }
+
+ .img_5discovery {
+ width: 20rem;
+ }
+
+ .img_aroma {
+ width: 20rem;
+ }
+
+ .img_potential {
+ width: 20rem;
+ }
+
+ }
+
+ // 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 57346f8..69e17de 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -129,4 +129,5 @@
@import "./components/reherche_new_v4";
@import "./components/footer_catalog_pub";
@import "./components/displaydetailarticle_new_v2";
-@import "./components/recherchearticles_new_v2_style";
\ No newline at end of file
+@import "./components/recherchearticles_new_v2_style";
+@import "./components/quisommesnous_v4";
\ No newline at end of file