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 = () => { MySy Training Technology
- 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); + }} + > + + + ); + }; + + 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
+
+ +
+ + +
+ + +
+
+ +
+
+ + +
+
+ +
+ + +
+ {/*** 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
  • +
+
+ +
+ + + +
+
+ + +
 
+
+ +
+
+ MySy Training Gestion administrative +
+
+ +
+
+
+ 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.
+
+ +
+
+ + + +
+
+
+ + + +
 
+
+ +
+
+ MySy Training E-Learning LMS +
+
+ +
+
+ + +
+ 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.
+
+ +
+
+ +
+
+
+ +
 
+
+ +
+
+ MySy Training gestion relation client CRM +
+
+ +
+
+ + +
+ 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 + + +
+
+
+ + MySy Training Gestion administrative + MySy Training Gestion administrative + MySy Training Gestion administrative + MySy Training Gestion administrative + + +
+ +
+ +
+ 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 +
+
+ +
+
+ +
+ +
+ +
+
+ + +
+ +
+ + +
+ + + +
+
+ +
+   +
+
+ +
+
+ +
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