18/10/2024 - 12h00

recette2
cherif 2024-10-18 12:18:10 +02:00
parent 6e418e5320
commit ed35acae15
56 changed files with 791 additions and 61 deletions

View File

@ -3249,7 +3249,7 @@ const Notes_Evaluation = (props) => {
</div>}
{New_Get_Partner_List_EVALUATION_CONVOCATION_Model_Doc_result && New_Get_Partner_List_EVALUATION_CONVOCATION_Model_Doc_result.length > 0 &&
<div className="session_caract_Dialog" > Choisir un modèle d'émargement
<div className="session_caract_Dialog" > Choisir un modèle de convocation
<Autocomplete
disablePortal
name="event_dialog_version_CONVOCATION_EVAL"

View File

@ -14,6 +14,9 @@ import Button from '@mui/material/Button';
import img_1_old from "../mysy_img/1.jpg";
import gestion_admin_img from "../mysy_img/gestion_admin_img.png";
import e_learning_lms from "../mysy_img/e_learning_lms.png";
import img_2 from "../mysy_img/lms.png";
import img_3_old from "../mysy_img/3.jpg";
import mysy_crm from "../mysy_img/mysy_crm.png";
@ -21,6 +24,32 @@ 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_catalog from "../mysy_img/catalogue.png";
import img_inscription from "../mysy_img/inscription.png";
import img_emargement from "../mysy_img/emargement.png";
import img_checklistqualiopi from "../mysy_img/checklistqualiopi.png";
import img_avisparticipants from "../mysy_img/avisparticipants.png";
import img_evaluations from "../mysy_img/evaluations.png";
import img_stockdocuments from "../mysy_img/stockdocuments.png";
import img_personnalisationdoc from "../mysy_img/personnalisationdoc.png";
import img_planifsession from "../mysy_img/planifsession.png";
import img_materiel from "../mysy_img/materiel.png";
import img_enseignants from "../mysy_img/enseignants.png";
import img_tableaudebord from "../mysy_img/tableaudebord.png";
import img_devis from "../mysy_img/devis.png";
import img_client from "../mysy_img/client.png";
import img_collaborateur from "../mysy_img/collaborateur.png";
import img_paiement from "../mysy_img/paiement.png";
import img_opportunite from "../mysy_img/opportunite.png";
import img_facture from "../mysy_img/facture.png";
const QuiSommesNous_v3 = () => {
@ -193,33 +222,259 @@ const QuiSommesNous_v3 = () => {
</div>
</div>
<div id="gestion_elearning"> &nbsp; </div>
<div className="content_gestion_elearning" >
{/*** detail gestion admin */}
<div className="div_row" style={{ border: "none" }} >
<div className="div_block_fonction">
<div className="content_gestion_elearning_img">
<div className="image_activite_detail">
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" style={{ "width": "60%" }} className="image_illustration" />
</div>
</div>
<div className="content_gestion_elearning_txt" >
<div>
<div className="detail_content_text_head_1">
E-LEARNING
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Catalogue formations personnalisé
</div>
<div className="detail_content_text_head_2" >
E-Learning (LMS)
<div className="div_block_fonction_detail_img">
<img src={img_catalog} alt="Catalogue formations personnalisé" className="div_block_fonction_detail_img_inside" />
</div>
<div className="detail_content_text_head_3_gauche">
Permet davoir votre espace de E-learning, de publier les formations en ligne. A laide de son login et mot de passe, chaque apprenant peut suivre la formation en ligne, interagir avec lenseignant (email, réseaux social). </div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Catalogue formations <br />
Nom domaine personnalisé <br />
Modèle siteweb personnalisé
</div>
<div className="detail_content_text_head_3_gauche">
Lenseignant peut élaborer des travaux dirigés, suivre le temps de réponses des apprenants, corriger les TD.Un tableau de bord permet de suivre de manière détaillée chaque apprenant. </div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Gestion des inscriptions
</div>
<div className="div_block_fonction_detail_img">
<img src={img_inscription} alt=" Gestion des inscriptions" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Préinscription <br />
Annulation avec motif <br />
Import / export (excel et API)
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Gestion des Émargements
</div>
<div className="div_block_fonction_detail_img">
<img src={img_emargement} alt=" Gestion des Émargements" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Par QR code<br />
A distance par email <br />
Signature main levée<br />
En présentiel <br />
</div>
</div>
</div>
{/*** Ligne 2 */}
<div className="div_block_fonction">
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Check-list QUALIOPI
</div>
<div className="div_block_fonction_detail_img">
<img src={img_checklistqualiopi} alt="Check-list QUALIOPI" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Traitement automatisé <br />
Affichage du reste à faire <br />
Affichage ce qui a été fait
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Gestion avis participants
</div>
<div className="div_block_fonction_detail_img">
<img src={img_avisparticipants} alt="Gestion avis participants" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Avis sur la formation <br />
Avis sur le formateur <br />
Génération automatique des statistiques de satisfaction
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Gestion Evaluation
</div>
<div className="div_block_fonction_detail_img">
<img src={img_evaluations} alt="Gestion Evaluation" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Questionnaire Positionnement <br />
Evaluation à chaud <br />
Evaluation à froid <br />
Evaluation formateur
</div>
</div>
</div>
{/*** Ligne 3 */}
<div className="div_block_fonction">
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Stockage des documents
</div>
<div className="div_block_fonction_detail_img">
<img src={img_stockdocuments} alt="Stockage des documents" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Documents client (factures, devis, etc) <br />
Documents apprenant (convention, convocation, etc) <br />
Documents formateur (diplomes, certificats, etc)
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Personnalisation et édition documents
</div>
<div className="div_block_fonction_detail_img">
<img src={img_personnalisationdoc} alt="Personnalisation et édition automatique des documents " className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Personnalisation de tous les documents <br />
Utilisation de tous les champs en base <br />
Gestion des versions et restoration
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Gestion des Sessions de formation
</div>
<div className="div_block_fonction_detail_img">
<img src={img_planifsession} alt="Gestion des Sessions de formation" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Session inter / intra <br />
Personnalisation des étapes <br />
Affectation devis / ressources (matérielles et humaines)
</div>
</div>
</div>
{/*** Ligne 4 */}
<div className="div_block_fonction">
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Gestion des ressources
</div>
<div className="div_block_fonction_detail_img">
<img src={img_materiel} alt="Gestion des ressources" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Salle de classe <br />
Formateur & personnel administratif <br />
Matériel pédagogique
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Gestion formateurs
</div>
<div className="div_block_fonction_detail_img">
<img src={img_enseignants} alt="Gestion formateurs" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Contrat formateur (interne/vacataire) <br />
Edition et stockage des contrats<br />
Compétence, Accès aux système
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Tableau de bord & BPF
</div>
<div className="div_block_fonction_detail_img">
<img src={img_tableaudebord} alt="Tableau de bord & BPF" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Suivi dactivité<br />
BPF<br />
&nbsp;
</div>
</div>
</div>
</div>
<div className="div_row" style={{ border: "none" }} >
<hr className="hr_break" />
</div>
<div id="gestion_crm"> &nbsp; </div>
@ -251,8 +506,218 @@ const QuiSommesNous_v3 = () => {
</div>
</div>
{/*** detail crm */}
<div className="div_row" style={{ border: "none" }} >
<div className="div_block_fonction">
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Signature électronique
</div>
<div className="div_block_fonction_detail_img">
<img src={img_catalog} alt="Signature électronique" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Un module intégrée <br />
Permet de signer vos documents <br />
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Gestion des collaborateurs
</div>
<div className="div_block_fonction_detail_img">
<img src={img_collaborateur} alt=" Gestion des collaborateurs" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Affectation tâches <br />
Suivi avancement<br />
Notification par email
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Les Devis
</div>
<div className="div_block_fonction_detail_img">
<img src={img_devis} alt=" Les Devis " className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Envoi par email <br />
Validation automatique client
<br />
Relance automatique
</div>
</div>
</div>
{/** ligne 2 */}
<div className="div_block_fonction">
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Gestion Clients, Financeurs
</div>
<div className="div_block_fonction_detail_img">
<img src={img_catalog} alt="Gestion Clients, Financeurs" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Contacts <br />
Stockage documents <br />
Import / Export Excel
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Paiements
</div>
<div className="div_block_fonction_detail_img">
<img src={img_paiement} alt=" Gestion des Paiements" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Multi paiement <br />
Import / Export Excel <br />
Suivi du reste à payer
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Facturation et Avoir
</div>
<div className="div_block_fonction_detail_img">
<img src={img_devis} alt=" Facturation et Avoir " className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Envoi par email au client <br />
Fractionnement des factures <br />
Transformation en avoir et Annotation
</div>
</div>
</div>
{/** ligne 3 */}
<div className="div_block_fonction">
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
opportunités daffaire
</div>
<div className="div_block_fonction_detail_img">
<img src={img_opportunite} alt="opportunités daffaire" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Personnalisation des étapes <br />
Notification équipe <br />
Conversion en devis
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Tableau de bord
</div>
<div className="div_block_fonction_detail_img">
<img src={img_tableaudebord} alt="Tableau de bord" className="div_block_fonction_detail_img_inside" />
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
Suivi clients <br />
Suivi facturation <br />
Factures prévisionnelles
</div>
</div>
</div>
</div>
<div id="gestion_elearning"> &nbsp; </div>
<div className="content_gestion_elearning" >
<div className="content_gestion_elearning_img">
<div className="image_activite_detail">
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" style={{ "width": "60%" }} className="image_illustration" />
</div>
</div>
<div className="content_gestion_elearning_txt" >
<div>
<div className="detail_content_text_head_1">
E-LEARNING
</div>
<div className="detail_content_text_head_2" >
E-Learning (LMS)
</div>
<div className="detail_content_text_head_3_gauche">
Permet davoir votre espace de E-learning, de publier les formations en ligne. A laide de son login et mot de passe, chaque apprenant peut suivre la formation en ligne, interagir avec lenseignant (email, réseaux social). </div>
<div className="detail_content_text_head_3_gauche">
Lenseignant peut élaborer des travaux dirigés, suivre le temps de réponses des apprenants, corriger les TD.Un tableau de bord permet de suivre de manière détaillée chaque apprenant. </div>
</div>
</div>
</div>
</div>
<div className="fonctionalite_header">
MySy Training Technology
Fonctionnalités

BIN
src/mysy_img/accesuser.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

BIN
src/mysy_img/catalogue.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/mysy_img/client.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
src/mysy_img/devis.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/mysy_img/emargement.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
src/mysy_img/facture.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

BIN
src/mysy_img/materiel.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

BIN
src/mysy_img/paiement.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -2251,7 +2251,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -107,7 +107,7 @@
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
font-size: 11px;
letter-spacing: 0.1rem;
font-weight: normal;
width: 100%;
@ -661,7 +661,7 @@
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
font-size: 11px;
letter-spacing: 0.1rem;
font-weight: normal;
width: auto;
@ -1276,7 +1276,7 @@
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
font-size: 11px;
letter-spacing: 0.1rem;
font-weight: normal;
width: auto;
@ -1746,11 +1746,12 @@
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
width: auto;
height: 2rem !important;
font-size: 11px;
}
.detail_class_submenu:hover:active,

View File

@ -1971,7 +1971,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2203,7 +2203,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2291,6 +2291,7 @@
.bton_emarge {
border-radius: 5rem;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);

View File

@ -2092,7 +2092,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2065,7 +2065,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2223,7 +2223,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -1740,7 +1740,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2077,7 +2077,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2291,6 +2291,7 @@
.bton_emarge {
border-radius: 5rem;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);

View File

@ -1976,7 +1976,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -1964,7 +1964,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2198,7 +2198,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2201,7 +2201,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2223,7 +2223,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2229,7 +2229,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2223,7 +2223,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -1976,7 +1976,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2290,6 +2290,7 @@
.bton_emarge {
border-radius: 5rem;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);

View File

@ -2290,6 +2290,7 @@
.bton_emarge {
border-radius: 5rem;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);

View File

@ -2290,6 +2290,7 @@
.bton_emarge {
border-radius: 5rem;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);

View File

@ -2290,6 +2290,7 @@
.bton_emarge {
border-radius: 5rem;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);

View File

@ -122,7 +122,7 @@
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
font-size: 11px;
letter-spacing: 0.1rem;
font-weight: normal;
width: 100%;
@ -693,7 +693,7 @@
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
font-size: 11px;
letter-spacing: 0.1rem;
font-weight: normal;
height: 2rem !important;
@ -1322,7 +1322,7 @@
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
font-size: 11px;
letter-spacing: 0.1rem;
font-weight: normal;
height: 2rem !important;
@ -1846,7 +1846,7 @@
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
font-size: 11px;
letter-spacing: 0.1rem;
font-weight: normal;
height: 2rem !important;
@ -2077,11 +2077,12 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;
margin-right: 5px;
height: 2rem !important;
font-size: 11px;
}
.css-1x5jdm {

View File

@ -2018,7 +2018,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2053,7 +2053,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2018,7 +2018,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2026,7 +2026,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2026,7 +2026,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2053,7 +2053,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2026,7 +2026,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -2185,7 +2185,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -1964,7 +1964,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;

View File

@ -672,6 +672,7 @@
color: #0A043C;
letter-spacing: 1px;
margin-bottom: 3rem;
line-height: 1.8em;
}
@ -717,6 +718,9 @@
color: #3E6EE3;
padding-bottom: 1rem;
letter-spacing: 1px;
display: none;
}
.detail_content_text_head_2 {
@ -745,6 +749,7 @@
letter-spacing: 1px;
text-align: justify;
width: 95%;
font-family: Verdana, Georgia, Arial;
}
@ -973,6 +978,56 @@
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
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -1647,7 +1702,7 @@
margin-right: auto;
font-family: Albert Sans;
font-size: 20px;
font-size: 22px;
font-weight: normal;
line-height: 32px;
letter-spacing: 0px;
@ -1656,6 +1711,8 @@
color: #0A043C;
letter-spacing: 1px;
margin-bottom: 3rem;
line-height: 1.8em;
}
@ -1710,6 +1767,8 @@
color: #3E6EE3;
padding-bottom: 2rem;
letter-spacing: 1px;
display: none;
}
.detail_content_text_head_2 {
@ -1738,6 +1797,7 @@
letter-spacing: 1px;
text-align: justify;
width: 95%;
font-family: Verdana, Georgia, Arial;
}
@ -1966,6 +2026,59 @@
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: 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
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -2548,7 +2661,7 @@
width: 100%;
height: 32px;
font-family: Albert Sans;
font-size: 20px;
font-size: 16px;
//font-weight: 700;
line-height: 32px;
letter-spacing: 0em;
@ -2646,7 +2759,7 @@
margin-right: auto;
font-family: Albert Sans;
font-size: 20px;
font-size: 24px;
font-weight: normal;
line-height: 32px;
letter-spacing: 0px;
@ -2655,6 +2768,9 @@
color: #0A043C;
letter-spacing: 1px;
margin-bottom: 3rem;
line-height: 1.8em;
}
@ -2709,6 +2825,8 @@
color: #3E6EE3;
padding-bottom: 2rem;
letter-spacing: 1px;
display: none;
}
.detail_content_text_head_2 {
@ -2737,6 +2855,7 @@
letter-spacing: 1px;
text-align: justify;
width: 90%;
font-family: Verdana, Georgia, Arial;
}
@ -2967,6 +3086,58 @@
margin-top: -26rem;
}
.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
}
}
@media only screen and (min-width: 1200px) {
@ -3643,7 +3814,7 @@
margin-right: auto;
font-family: Albert Sans;
font-size: 20px;
font-size: 25px;
font-weight: normal;
line-height: 32px;
letter-spacing: 0px;
@ -3652,6 +3823,7 @@
color: #0A043C;
letter-spacing: 1px;
margin-bottom: 4rem;
line-height: 1.8em;
}
@ -3706,6 +3878,8 @@
color: #3E6EE3;
padding-bottom: 2rem;
letter-spacing: 1px;
display: none;
}
.detail_content_text_head_2 {
@ -3723,10 +3897,9 @@
.detail_content_text_head_3 {
font-family: Albert Sans;
font-size: 18px;
font-size: 16px;
font-weight: normal;
line-height: 24px;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@ -3734,6 +3907,7 @@
letter-spacing: 1px;
text-align: justify;
width: 80%;
font-family: Verdana, Georgia, Arial;
}
@ -3957,9 +4131,66 @@
.div_mobile_v3_debut {
margin-top: -26rem;
}
.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
}
}
// end media
.header_title {
background: gainsboro;
font-size: x-large;

View File

@ -2320,7 +2320,8 @@
.bton_emarge {
border-radius: 5rem;
font-size: small;
height: 2rem !important;
font-size: 11px;
padding: 0.5rem;
background: rgb(129, 188, 58);
margin-left: 5px;