diff --git a/src/components/Groupe_Apprenant.js b/src/components/Groupe_Apprenant.js
new file mode 100644
index 0000000..9042cad
--- /dev/null
+++ b/src/components/Groupe_Apprenant.js
@@ -0,0 +1,1412 @@
+import React, { useRef, useState, useEffect } from "react";
+import TextField from '@mui/material/TextField';
+import MenuItem from '@mui/material/MenuItem';
+import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css
+import Button from '@mui/material/Button';
+import axios from "axios";
+import { getCookie, setCookie } from 'react-use-cookie';
+import { useHistory } from "react-router-dom";
+import CheckOut from "./CheckOut";
+import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
+import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
+import { Editor } from '@tinymce/tinymce-react';
+import parse from 'html-react-parser';
+import { FcViewDetails, FcDisapprove } from "react-icons/fc";
+import { FcPodiumWithAudience } from "react-icons/fc";
+import { FcInfo } from "react-icons/fc";
+import { LiaDharmachakraSolid } from "react-icons/lia";
+import 'react-tooltip/dist/react-tooltip.css'
+import { Tooltip } from 'react-tooltip'
+import add_plus from "../mysy_img/plus.png";
+import excel_icone from "../mysy_img/excel_icone.png";
+import participants from "../mysy_img/participants.png";
+import fileDownload from 'js-file-download';
+import Popup from 'reactjs-popup';
+import 'reactjs-popup/dist/index.css';
+import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint, FcCheckmark } from "react-icons/fc";
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import { format } from 'date-fns'
+import moment from "moment";
+import InputAdornment from '@mui/material/InputAdornment';
+import { AiFillCloseCircle } from "react-icons/ai";
+import Box from '@mui/material/Box';
+import { Typography, LinearProgress } from '@mui/material';
+import styled from 'styled-components';
+import { CiTrash } from "react-icons/ci";
+import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md";
+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 Visibility from '@mui/icons-material/Visibility';
+import VisibilityOff from '@mui/icons-material/VisibilityOff';
+import { Fab } from "@material-ui/core";
+import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io";
+import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai";
+import Autocomplete from '@mui/material/Autocomplete';
+import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
+
+import { gridClasses } from '@mui/x-data-grid';
+import Link from '@mui/material/Link';
+import { PiDotsThree } from "react-icons/pi";
+import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
+import Rating from '@mui/material/Rating';
+import Module_Selection_Evaluation_Apprenants from "./Module_Selection_Evaluation_Apprenants";
+import AttachFileIcon from '@mui/icons-material/AttachFile';
+
+const Groupe_Apprenant = (props) => {
+ const history = useHistory();
+ const [submenu, setsubmenu] = useState("");
+ const [rowss, setRows] = useState([]);
+ const [selectionModel, setSelectionModel] = React.useState([]);
+ const [isLoading, setLoading] = useState();
+
+ var date_today_90j = new Date();
+ date_today_90j.setDate(date_today_90j.getDate() + 90);
+
+
+ const [p_filtre1, setp_filtre1] = useState("");
+ const [p_filtre1_value, setp_filtre1_value] = useState("");
+
+ const [p_filtre2, setp_filtre2] = useState("");
+ const [p_filtre2_value, setp_filtre2_value] = useState("");
+
+ const [p_filtre3, setp_filtre3] = useState("");
+ const [p_filtre3_value, setp_filtre3_value] = useState("");
+
+ const [p_filtre4, setp_filtre4] = useState("");
+ const [p_filtre4_value, setp_filtre4_value] = useState("");
+
+
+ function ExpandableCell_50({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+
+ );
+ }
+
+ function ExpandableCell_50_bg_hiligt({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+
+ {value &&
+
+ {expanded ? value : value.slice(0, 50)}
+ {value.length > 50 && (
+ // eslint-disable-next-line jsx-a11y/anchor-is-valid
+
setExpanded(!expanded)}
+ >
+ {expanded ?
Réduire :
Voir}
+
+ )}
+
}
+
+ {value &&
+
+
+ }
+
+ );
+ }
+
+
+ const columns_grp_apprenant = [
+ { field: '_id', headerName: '_id', hide: true, Width: 0 },
+ { field: 'id', headerName: 'id', hide: true, Width: 0 },
+
+ { field: 'code', headerName: 'Code', flex: 1, hide: false, minWidth: 180, renderCell: (params) => , },
+ { field: 'nom', headerName: 'Nom', flex: 1, hide: false, minWidth: 180, renderCell: (params) => , },
+ { field: 'type_groupe_code', headerName: 'Type GRoupe', flex: 1, hide: false, minWidth: 180, renderCell: (params) => , },
+ { field: 'class_id', headerName: 'class_id', hide: true, Width: 0 },
+
+ {
+ field: 'class_id_code', headerName: 'Ftion Code', minWidth: 150, flex: 1, renderCell: (params) => ,
+ renderCell: (cellValues) => {
+ return (
+
+ {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 &&
+ {New_Getall_Partner_Class_Reduice_Fields_result.filter((data) => (data)._id === String(cellValues.row.class_id))[0].label}
+ }
+
+
+
+
+ );
+ }
+ },
+
+ { field: 'session_id', headerName: 'session_id', hide: true, Width: 0 },
+ {
+ field: 'session_code', headerName: 'Classe', minWidth: 150, flex: 1, renderCell: (params) => ,
+ renderCell: (cellValues) => {
+ return (
+
+ {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 &&
+ {New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(cellValues.row.session_id))[0].label}
+ }
+
+
+
+
+ );
+ }
+ },
+
+ {
+ field: "Detail", headerName: 'Voir detail',
+ renderCell: (cellValues) => {
+ return (
+
+
+
+ );
+ }
+ },
+ {
+ field: "delete", headerName: 'Supprimer',
+ renderCell: (cellValues) => {
+ return (
+
+
+
+
+ }
+ modal
+ nested
+ position="center center"
+ >
+ {close => (
+
+
+
MySy Information
+
+ {' '}
+
+ En confirmant cette opération, l'employé sera définitivement supprimé.
+
+
+
+
+
+
+
+
+
+
+
+
+ )}
+
+
+
+ );
+ }
+ }
+
+ ]
+
+ const New_Option_Filter = [
+ { "id": "class_external_code", "label": "Lié a la Formation (code externe) ", "value": "class_external_code" },
+ { "id": "code_session", "label": "Lié a la Classe (code Classe) ", "value": "code_session" },
+ { "id": "code_ue", "label": "Lié a l'UE (code UE) ", "value": "code_ue" },
+ { "id": "", "label": "", "value": "" },
+ { "id": "1", "label": "", "value": "1" }, // Cette ligne pour couvrir l'ajout d'une ligne de filter. C'est fait expres.
+ ]
+
+
+ const [selectionModel_grp_apprenant, setselectionModel_grp_apprenant] = React.useState([]);
+ const [selectionModel_grp_apprenant_participant, setselectionModel_grp_apprenant_participant] = React.useState([]);
+ const [selected_id, setselected_id] = React.useState("");
+ const [display_grp_apprenant, setdisplay_grp_apprenant] = React.useState("");
+ const [grp_apprenant_data_changed, setgrp_apprenant_data_changed] = React.useState("");
+ const [grp_apprenant_data_edit_mode, setgrp_apprenant_data_edit_mode] = useState("");
+ const [add_one_grp_apprenant, setadd_one_grp_apprenant] = React.useState("");
+ const [gridline_id, setgridline_id] = useState("");
+
+
+
+ const [New_Getall_Partner_Session_Reduice_Fields_result, setNew_Getall_Partner_Session_Reduice_Fields_result] = useState([]);
+
+ const [Getall_Partner_Session_Reduice_Fields_api, setGetall_Partner_Session_Reduice_Fields_api] = useState();
+ const [Getall_Partner_Session_Reduice_Fields_message, setGetall_Partner_Session_Reduice_Fields_message] = useState();
+ const [Getall_Partner_Session_Reduice_Fields_result, setGetall_Partner_Session_Reduice_Fields_result] = useState();
+ function Getall_Partner_Session_Reduice_Fields(event) {
+
+ var form = new FormData();
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Session_Ftion_Reduice_Fields/";
+
+ axios.post(myurl, form).then(res => {
+
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Getall_Partner_Session_Reduice_Fields res.data.status = " + res.data.status);
+ //console.log(" In Getall_Partner_Session_Reduice_Fields res.data.message r_class = " + res.data.message);
+ setGetall_Partner_Session_Reduice_Fields_api("true");
+ setGetall_Partner_Session_Reduice_Fields_result(res.data.message);
+ setRows(res.data.message);
+
+ var new_data2 = [];
+ const new_data = res.data.message.map((x) => {
+
+ //---
+ var localid = JSON.parse(x).id;
+ var local_id = JSON.parse(x)._id;
+ var local_code_session = JSON.parse(x).code_session;
+ var local_titre = JSON.parse(x).titre;
+ var local_class_internal_url = JSON.parse(x).class_internal_url;
+
+ var local_date_debut = JSON.parse(x).date_debut;
+ var local_date_fin = JSON.parse(x).date_fin;
+
+
+
+
+ //---
+ var node = {
+ "_id": local_id,
+ "id": localid,
+ "label": local_code_session,
+ "code_session": local_code_session,
+ "titre": local_titre,
+ "class_internal_url": local_class_internal_url,
+ "date_debut": local_date_debut,
+ "date_fin": local_date_fin,
+ };
+ new_data2.push(node);
+ });
+
+
+ //---
+ var node = {
+ "_id": "",
+ "id": "",
+ "label": "",
+ "code_session": "",
+ "titre": "",
+ "class_internal_url": "",
+ "date_debut": "",
+ "date_fin": "",
+ };
+ new_data2.push(node);
+
+
+ if (new_data2.length > 0)
+ setNew_Getall_Partner_Session_Reduice_Fields_result(new_data2);
+
+ }
+ else {
+ setGetall_Partner_Session_Reduice_Fields_api("false");
+ setGetall_Partner_Session_Reduice_Fields_message(res.data.message);
+ alert(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Getall_Partner_Session_Reduice_Fields = ', error);
+ setGetall_Partner_Session_Reduice_Fields_api("false");
+ alert(" Impossible de recuperer la liste des sessions de formation (classe)");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+ const [New_Getall_Partner_Class_Reduice_Fields_result, setNew_Getall_Partner_Class_Reduice_Fields_result] = useState([]);
+
+ const [Getall_Partner_Class_Reduice_Fields_api, setGetall_Partner_Class_Reduice_Fields_api] = useState();
+ const [Getall_Partner_Class_Reduice_Fields_message, setGetall_Partner_Class_Reduice_Fields_message] = useState();
+ const [Getall_Partner_Class_Reduice_Fields_result, setGetall_Partner_Class_Reduice_Fields_result] = useState();
+ function Getall_Partner_Class_Reduice_Fields(event) {
+
+ var form = new FormData();
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_All_Class_Few_Fields/";
+
+ axios.post(myurl, form).then(res => {
+
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Getall_Partner_Class_Reduice_Fields res.data.status = " + res.data.status);
+ //console.log(" In Getall_Partner_Class_Reduice_Fields res.data.message r_class = " + res.data.message);
+ setGetall_Partner_Class_Reduice_Fields_api("true");
+ setGetall_Partner_Class_Reduice_Fields_result(res.data.message);
+ setRows(res.data.message);
+
+ var new_data2 = [];
+ const new_data = res.data.message.map((x) => {
+
+ //---
+ var localid = JSON.parse(x).id;
+ var local_id = JSON.parse(x)._id;
+ var local_external_code = JSON.parse(x).external_code;
+ var local_internal_code = JSON.parse(x).internal_code;
+ var local_internal_url = JSON.parse(x).internal_url;
+
+
+ //---
+ var node = {
+ "_id": local_id,
+ "id": localid,
+ "label": local_external_code,
+ "external_code": local_external_code,
+ "internal_code": local_internal_code,
+ "internal_url": local_internal_url
+ };
+ new_data2.push(node);
+ });
+
+
+ //---
+ var node = {
+ "_id": "",
+ "id": "",
+ "label": "",
+ "external_code": "",
+ "internal_code": "",
+ "internal_url": ""
+ };
+ new_data2.push(node);
+
+
+ if (new_data2.length > 0)
+ setNew_Getall_Partner_Class_Reduice_Fields_result(new_data2);
+
+ }
+ else {
+ setGetall_Partner_Class_Reduice_Fields_api("false");
+ setGetall_Partner_Class_Reduice_Fields_message(res.data.message);
+ alert(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Getall_Partner_Class_Reduice_Fields = ', error);
+ setGetall_Partner_Class_Reduice_Fields_api("false");
+ alert(" Impossible de recuperer la liste des formations");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
+ const [New_Getall_Partner_Groupe_Inscrit_result, setNew_Getall_Partner_Groupe_Inscrit_result] = useState([]);
+
+ const [Getall_Partner_Groupe_Inscrit_api, setGetall_Partner_Groupe_Inscrit_api] = useState();
+ const [Getall_Partner_Groupe_Inscrit_message, setGetall_Partner_Groupe_Inscrit_message] = useState();
+ const [Getall_Partner_Groupe_Inscrit_result, setGetall_Partner_Groupe_Inscrit_result] = useState([]);
+ function Getall_Partner_Groupe_Inscrit(event) {
+
+ var form = new FormData();
+
+
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Groupe_Inscrit_With_Filter/";
+
+ axios.post(myurl, form).then(res => {
+
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Getall_Partner_Groupe_Inscrit res.data.status = " + res.data.status);
+ //console.log(" In Getall_Partner_Groupe_Inscrit res.data.message r_class = " + res.data.message);
+ setGetall_Partner_Groupe_Inscrit_api("true");
+ setGetall_Partner_Groupe_Inscrit_result(res.data.message);
+
+
+ var new_data2 = [];
+ const new_data = res.data.message.map((x) => {
+
+ //---
+ var localid = JSON.parse(x).id;
+ var local_id = JSON.parse(x)._id;
+ var local_code = JSON.parse(x).code;
+ var local_nom = JSON.parse(x).nom;
+ var local_type_groupe_code = JSON.parse(x).type_groupe_code;
+ var local_class_id = JSON.parse(x).class_id;
+ var local_session_id = JSON.parse(x).session_id;
+
+
+
+ //---
+ var node = {
+ "_id": local_id,
+ "id": localid,
+ "label": local_code,
+ "code": local_code,
+ "nom": local_nom,
+ "type_groupe_code": local_type_groupe_code,
+ "class_id": local_class_id,
+ "session_id": local_session_id,
+
+
+ };
+ new_data2.push(node);
+ });
+
+ //---
+ var node = {
+ "_id": "",
+ "id": "",
+ "label": "",
+ "code": "",
+ "nom": "",
+ "type_groupe_code": "",
+ "class_id": "",
+ "session_id": "",
+
+ };
+ new_data2.push(node);
+
+ if (new_data2.length > 0)
+ setNew_Getall_Partner_Groupe_Inscrit_result(new_data2);
+
+ }
+ else {
+ setGetall_Partner_Groupe_Inscrit_api("false");
+ setGetall_Partner_Groupe_Inscrit_message(res.data.message);
+ alert(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Getall_Partner_Groupe_Inscrit = ', error);
+ setGetall_Partner_Groupe_Inscrit_api("false");
+ alert(" Impossible de recuperer la liste des groupes d'inscrits");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+ useEffect(() => {
+ Getall_Partner_Class_Reduice_Fields();
+ Getall_Partner_Session_Reduice_Fields();
+
+ Getall_Partner_Groupe_Inscrit();
+
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+
+ }, [])
+
+ const myRef_head = useRef(null);
+ const myRef = useRef(null)
+
+ const sleep = (milliseconds) => {
+ return new Promise(resolve => setTimeout(resolve, milliseconds))
+ }
+
+
+ function Enable_Grp_Apprenant_DetailFields() {
+ setgrp_apprenant_data_edit_mode("1");
+
+ var liste_champs = ['detail_code', 'detail_titre', 'detail_description', 'detail_classe',
+ 'detail_ftion', 'detail_ue', 'detail_type_eval', 'detail_debut', 'detail_fin', 'detail_adresse',
+ 'detail_cp', 'detail_ville', 'detail_pays', 'detail_responsable']
+
+ for (let i = 0; i < liste_champs.length; i++) {
+ if (document.getElementsByName(String(liste_champs[i])) && document.getElementsByName(String(liste_champs[i]))[0]) {
+ document.getElementsByName(String(liste_champs[i]))[0].disabled = false;
+ document.getElementsByName(String(liste_champs[i]))[0].style.backgroundColor = "#FFFFFF";
+
+ }
+ }
+ }
+
+
+
+ async function Disable_Grp_Apprenant_DetailFields() {
+ await sleep(5);
+ setgrp_apprenant_data_edit_mode("0");
+
+ var liste_champs = ['detail_code', 'detail_titre', 'detail_description', 'detail_classe',
+ 'detail_ftion', 'detail_ue', 'detail_type_eval', 'detail_debut', 'detail_fin', 'detail_adresse',
+ 'detail_cp', 'detail_ville', 'detail_pays', 'detail_responsable', 'detail_titre_01']
+
+
+ for (let i = 0; i < liste_champs.length; i++) {
+
+ if (document.getElementsByName(String(liste_champs[i])) && document.getElementsByName(String(liste_champs[i]))[0]) {
+ document.getElementsByName(String(liste_champs[i]))[0].disabled = true;
+ document.getElementsByName(String(liste_champs[i]))[0].style.backgroundColor = "#ECEFF1";
+
+ }
+ }
+
+ }
+
+ async function submenu_detail() {
+ await sleep(5);
+ setsubmenu("detail_evaluation");
+ inactive_active_menu_header("detail_evaluation");
+
+
+ if (String(grp_apprenant_data_edit_mode) !== "1") {
+ Disable_Grp_Apprenant_DetailFields();
+ }
+
+ }
+
+
+
+ async function submenu_apprenant() {
+ await sleep(5);
+ setsubmenu("apprenant");
+ inactive_active_menu_header("apprenant");
+
+ }
+
+ async function submenu_piece_jointe() {
+ await sleep(5);
+ setsubmenu("piece_jointe");
+ inactive_active_menu_header("piece_jointe");
+
+ // Refresh affichage des pièces jointes
+ Get_List_Of_All_PJ(props.client_id);
+
+ }
+
+
+
+ async function submenu_selection() {
+ await sleep(5);
+ setsubmenu("selection");
+ inactive_active_menu_header("selection");
+
+ }
+
+
+
+
+ // Cette fontion desactive tous les menu header et reactive just le menu_header concerné
+ function inactive_active_menu_header(current_menu_header) {
+ const list_menu_header_names = ['detail_evaluation', 'apprenant', 'piece_jointe', 'selection',]
+ for (let i = 0; i < list_menu_header_names.length; i++) {
+ if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) {
+ document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400";
+ }
+ }
+
+
+ if (document.getElementsByName(String(current_menu_header)) && document.getElementsByName(String(current_menu_header))[0]) {
+ document.getElementsByName(String(current_menu_header))[0].style.fontWeight = "700";
+ }
+ }
+
+
+ // -- Gestion pièces jointes
+
+ const [Download_one_attached_document_api, setDownload_one_attached_document_api] = useState();
+ const [Download_one_attached_document_result, setDownload_one_attached_document_result] = useState();
+ const [Download_one_attached_document_message, setDownload_one_attached_document_message] = useState();
+ const Download_one_attached_document = (event) => {
+ const stored_cookie = getCookie('tokenmysypart');
+
+
+ var nom_fiche_detaillee = "Fiche_Detaillee.pdf";
+ var token = stored_cookie;
+ var file_name = event.target.id;
+
+
+ var url = process.env.REACT_APP_API_URL + "myclass/api/Get_Stored_Downloaded_File/" + token + "/" + file_name;
+ setLoading(true);
+
+ axios.get(url, { responseType: 'blob', },)
+ .then((res) => {
+ setLoading(false);
+ fileDownload(res.data, nom_fiche_detaillee);
+ setDownload_one_attached_document_api("true");
+ }).catch((error) => {
+ setLoading(false);
+ console.error('Error:', error);
+ setDownload_one_attached_document_api("false");
+
+ });
+ }
+
+
+ const editorRef_competence = useRef(null);
+ const [editorRef_competence_limite, seteditorRef_competence_limite] = useState(800);
+
+
+ const [file_1_name, setfile_1_name] = useState();
+
+ const [sessions_file_change_1_api, setsessions_file_change_1_api] = useState();
+ const [sessions_file_change_1_result, setsessions_file_change_1_result] = useState();
+ const [sessions_file_change_1_message, setsessions_file_change_1_message] = useState();
+ const sessions_file_change_1 = event => {
+
+ const fileUploaded = event.target.files[0];
+ let file_size = event.target.files[0].size;
+ let file_type = event.target.files[0].type;
+
+
+
+
+ console.log("file_size = ", file_size, " file_type = ", file_type);
+ if (file_size > 10000000) {
+ alert("Le fichier ne doit pas depasser un 1 Méga octets");
+ console.log("Le fichier ne doit pas depasser un 1 Méga octets");
+ return;
+ }
+
+ setfile_1_name(event.target.files[0]);
+ const formData = new FormData();
+ formData.append('File', fileUploaded);
+ //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA');
+ const stored_cookie = getCookie('tokenmysypart');
+
+ //formData.append("token", stored_cookie);
+ //formData.append("class_internal_url", internal_url);
+ //console.log("token = " + stored_cookie);
+
+ return;
+
+ };
+
+
+ const [file_2_name, setfile_2_name] = useState();
+
+ const [sessions_file_change_2_api, setsessions_file_change_2_api] = useState();
+ const [sessions_file_change_2_result, setsessions_file_change_2_result] = useState();
+ const [sessions_file_change_2_message, setsessions_file_change_2_message] = useState();
+ const sessions_file_change_2 = event => {
+
+ const fileUploaded = event.target.files[0];
+ let file_size = event.target.files[0].size;
+ let file_type = event.target.files[0].type;
+
+
+
+
+ console.log("file_size = ", file_size, " file_type = ", file_type);
+ if (file_size > 10000000) {
+ alert("Le fichier ne doit pas depasser un 1 Méga octets");
+ console.log("Le fichier ne doit pas depasser un 1 Méga octets");
+ return;
+ }
+
+ setfile_2_name(event.target.files[0]);
+ const formData = new FormData();
+ formData.append('File', fileUploaded);
+ //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA');
+ const stored_cookie = getCookie('tokenmysypart');
+
+ //formData.append("token", stored_cookie);
+ //formData.append("class_internal_url", internal_url);
+ //console.log("token = " + stored_cookie);
+
+ return;
+
+ };
+
+ const [Record_All_PJ_api, setRecord_All_PJ_api] = useState();
+ const [Record_All_PJ_result, setRecord_All_PJ_result] = useState();
+ const [Record_All_PJ_message, setRecord_All_PJ_message] = useState();
+ function Record_All_PJ() {
+
+ if (!p_detail_one_file_to_download_type_name) {
+ alert(" Vous devez donner un nom à la pièce jointe");
+ return;
+ }
+
+ if (file_1_name && file_1_name.name) {
+ console.log(" ### Traitement de : ", file_1_name.name);
+
+ const formData = new FormData();
+ formData.append('File', file_1_name);
+ //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA');
+ const stored_cookie = getCookie('tokenmysypart');
+
+ formData.append("token", stored_cookie);
+ formData.append("file_business_object", p_detail_one_file_to_download_type_name);
+ formData.append("file_name", file_1_name.name);
+ formData.append("status", "0");
+ formData.append("object_owner_collection", "note_evaluation");
+ formData.append("object_owner_id", selected_id);
+
+ //formData.append("class_internal_url", internal_url);
+ //console.log("token = " + stored_cookie);
+
+
+ fetch(
+ process.env.REACT_APP_API_URL + "myclass/api/Store_User_Downloaded_File/",
+ {
+ method: 'POST',
+ body: formData,
+ }
+ )
+ .then((response) => response.json())
+ .then((result) => {
+
+ //console.log(" ## result['status'] = ", result['status'])
+ if (String(result['status']) === String("true")) {
+ //console.log('Success:', result['message']);
+ setRecord_All_PJ_result(result['message']);
+ setRecord_All_PJ_api("true");
+
+ Get_List_Of_All_PJ(props.client_id);
+ setfile_1_name();
+ setp_detail_one_file_to_download_type_name();
+ //GetCurrentClass_trainingsession();
+ alert(" La pièce jointe " + file_1_name.name + " a été bien enregistrée")
+
+ }
+ else {
+ setRecord_All_PJ_message(result['message']);
+ setRecord_All_PJ_api("false");
+ }
+
+ })
+ .catch((error) => {
+ console.error(' Record_All_PJ Error:', error);
+ setRecord_All_PJ_api("false");
+ });
+
+ }
+
+ if (file_2_name && file_2_name.name) {
+ console.log(" ### Traitement de : ", file_2_name.name);
+ }
+
+ }
+
+
+ const [Delete_one_attached_document_api, setDelete_one_attached_document_api] = useState();
+ const [Delete_one_attached_document_result, setDelete_one_attached_document_result] = useState();
+ const [Delete_one_attached_document_message, setDelete_one_attached_document_message] = useState();
+ const Delete_one_attached_document = (event) => {
+ const stored_cookie = getCookie('tokenmysypart');
+
+ var formData = new FormData();
+ var nom_fiche_detaillee = "Fiche_Detaillee.pdf";
+ var file_name = event.target.id;
+
+
+ formData.append("token", stored_cookie);
+ formData.append("file_name", file_name);
+
+ var url = process.env.REACT_APP_API_URL + "myclass/api/Delete_Stored_Downloaded_File/";
+
+
+ fetch(
+ process.env.REACT_APP_API_URL + "myclass/api/Delete_Stored_Downloaded_File/",
+ {
+ method: 'POST',
+ body: formData,
+ }
+ )
+ .then((response) => response.json())
+ .then((result) => {
+
+ //console.log(" ## result['status'] = ", result['status'])
+ if (String(result['status']) === String("true")) {
+ //console.log('Success:', result['message']);
+ setDelete_one_attached_document_result(result['message']);
+ setDelete_one_attached_document_api("true");
+ Get_List_Of_All_PJ(props.client_id);
+ alert(result['message'])
+
+ }
+ else {
+ setDelete_one_attached_document_message(result['message']);
+ setDelete_one_attached_document_api("false");
+ }
+
+ })
+ .catch((error) => {
+ console.error(' Record_All_PJ Error:', error);
+ setDelete_one_attached_document_api("false");
+ alert(" Impossible de supprimer le document")
+
+ });
+
+
+ }
+
+ const [Get_List_Of_All_PJ_api, setGet_List_Of_All_PJ_api] = useState();
+ const [Get_List_Of_All_PJ_result, setGet_List_Of_All_PJ_result] = useState();
+ const [Get_List_Of_All_PJ_message, setGet_List_Of_All_PJ_message] = useState();
+ function Get_List_Of_All_PJ(local_employee_id) {
+
+ const formData = new FormData();
+
+ //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA');
+ const stored_cookie = getCookie('tokenmysypart');
+
+ formData.append("token", stored_cookie);
+ formData.append("object_owner_collection", "note_evaluation");
+ formData.append("object_owner_id", selected_id);
+
+
+ //formData.append("class_internal_url", internal_url);
+ //console.log("token = " + stored_cookie);
+
+
+ fetch(
+ process.env.REACT_APP_API_URL + "myclass/api/Get_List_object_owner_collection_Stored_Files/",
+ {
+ method: 'POST',
+ body: formData,
+ }
+ )
+ .then((response) => response.json())
+ .then((result) => {
+
+ //console.log(" ## result['status'] = ", result['status'])
+ if (String(result['status']) === String("true")) {
+ //console.log('Message :', result['message']);
+ setGet_List_Of_All_PJ_result(result['message']);
+ setGet_List_Of_All_PJ_api("true");
+
+ }
+ else {
+ setGet_List_Of_All_PJ_message(result['message']);
+ setGet_List_Of_All_PJ_api("false");
+ }
+
+ })
+ .catch((error) => {
+ console.error(' Get_List_Of_All_PJ Error:', error);
+ setGet_List_Of_All_PJ_api("false");
+ });
+
+ }
+
+
+
+ function Delete_file_1_name() {
+ setfile_1_name();
+ }
+
+ function Delete_file_2_name() {
+ setfile_2_name();
+ }
+
+ const [p_detail_one_file_to_download_type_name, setp_detail_one_file_to_download_type_name] = useState();
+
+ // -- end gestion pièces jointes
+
+
+ return (
+
+ {isLoading &&
}
+
+
Les groupes d'apprenants
+
+
+
Utilisez les filtres !
+
+
+
+ {New_Option_Filter && New_Option_Filter.length > 0 &&
(data).value === String(p_filtre1))[0].label}
+ options={New_Option_Filter}
+ onChange={(event, value) => {
+ if (value && value.value) {
+ setp_filtre1(value.value);
+
+ }
+
+ }}
+
+ renderInput={(params) =>
+ }
+ />}
+
+
+
+
+
+
+
+ {p_filtre1 &&
+
{ setp_filtre1_value(e.target.value); }}
+ InputProps={{
+ endAdornment: (
+
+ {
+ setp_filtre1_value("");
+ }} />
+
+ ),
+ }}
+
+ />
+
+ }
+
+ {p_filtre1 &&
}
+ {p_filtre1 &&
}
+
+
+
+
+ {p_filtre2 &&
+
+
+
+ {New_Option_Filter && New_Option_Filter.length > 0 &&
(data).value === String(p_filtre2))[0].label}
+ options={New_Option_Filter}
+ onChange={(event, value) => {
+ if (value && value.value) {
+ setp_filtre2(value.value);
+
+ }
+
+ }}
+
+ renderInput={(params) =>
+ }
+ />}
+
+
+
+ {String(p_filtre2).length > 2 &&
+
setp_filtre2_value(e.target.value)}
+ InputProps={{
+ endAdornment: (
+
+ {
+ setp_filtre2_value("");
+ }} />
+
+ ),
+ }}
+
+ />}
+
+
+ {String(p_filtre2).length > 2 &&
}
+
+ {String(p_filtre2).length > 2 &&
}
+
+
+ }
+
+
+ {p_filtre3 &&
+
+
+
+ {New_Option_Filter && New_Option_Filter.length > 0 &&
(data).value === String(p_filtre3))[0].label}
+ options={New_Option_Filter}
+ onChange={(event, value) => {
+ if (value && value.value) {
+ setp_filtre3(value.value);
+
+ }
+
+ }}
+
+ renderInput={(params) =>
+ }
+ />}
+
+
+
+
+ {String(p_filtre3).length > 2 &&
+
setp_filtre3_value(e.target.value)}
+ InputProps={{
+ endAdornment: (
+
+ {
+ setp_filtre3_value("");
+ }} />
+
+ ),
+ }}
+
+ />}
+
+
+ {String(p_filtre2).length > 2 &&
}
+
+ {String(p_filtre3).length > 2 &&
}
+
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ setselectionModel_grp_apprenant(newSelectionModel);
+ /*if (newSelectionModel.length === 1)
+ handleClick_edit_employee_From_Line(newSelectionModel);*/
+ if (newSelectionModel.length !== 1) {
+ /* setsubmenu();
+ setdisplay_detail_employe();
+ setadd_One_Employee();*/
+ }
+ }}
+ selectionModel={selectionModel_grp_apprenant}
+
+ localeText={frFR.components.MuiDataGrid.defaultProps.localeText}
+ rows={Getall_Partner_Groupe_Inscrit_result.map((item, index) => (
+ {
+ id: index,
+ _id: JSON.parse(item)._id,
+ code: JSON.parse(item).code,
+ nom: JSON.parse(item).nom,
+ type_groupe_code: JSON.parse(item).type_groupe_code,
+ class_id: JSON.parse(item).class_id,
+ session_id: JSON.parse(item).session_id,
+
+
+ }
+ ))}
+
+ columns={columns_grp_apprenant}
+ pageSize={10}
+ className="datagridclass"
+
+ onRowDoubleClick={(newSelectionModel) => {
+
+ // Getall_Evaluation_Participant_List(newSelectionModel.row._id);
+
+ setselected_id(newSelectionModel.row._id);
+
+ setgridline_id(newSelectionModel.row.id);
+
+ // handleClick_edit_evaluation_From_Line(newSelectionModel.row.id);
+
+
+ }}
+
+ rowsPerPageOptions={[10]}
+ disableSelectionOnClick
+ components={{
+ Toolbar: GridToolbar,
+ }}
+ //sx={datagridSx}
+ getCellClassName={(params) => {
+
+
+
+ }}
+ getRowClassName={(params) => {
+ // Pour la gestion de la couleur de zone double cliquée
+ if (String(params.row.id) === String(gridline_id)) {
+ return 'line--statut--selected';
+ }
+ else if (parseInt(String(params.row.id)) % 2 === 0) {
+ return 'line--statut--pair';
+ }
+ else if (parseInt(String(params.row.id)) % 2 !== 0) {
+ return 'line--statut--impair';
+ }
+
+
+ }}
+ getEstimatedRowHeight={() => 200}
+ getRowHeight={() => "auto"}
+ sx={{
+ "& .MuiDataGrid-cellContent": {
+ minHeight: 50,
+
+ }
+ }}
+
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {selected_id && String(selected_id).length > 5 &&
+
+
+
+
+
+
}
+
+
+ );
+}
+
+export default Groupe_Apprenant;
diff --git a/src/components/Partner.js b/src/components/Partner.js
index 1172c0a..bcff39f 100644
--- a/src/components/Partner.js
+++ b/src/components/Partner.js
@@ -109,6 +109,8 @@ import Partner_Domaine_Categorie_Metier from "./Partner_Domaine_Categorie_Metier
import Partner_Config_Ftion_Initiale from "./Partner_Config_Ftion_Initiale";
import Notes_Evaluation from "./Notes_Evaluation";
import ScoreboardIcon from '@mui/icons-material/Scoreboard';
+import Groupe_Apprenant from "./Groupe_Apprenant";
+import Groups2Icon from '@mui/icons-material/Groups2';
const Partner = (props) => {
const { commingmenu, commingpack } = useParams();
@@ -418,7 +420,7 @@ const Partner = (props) => {
"config_champ_specific", "module_agenda", "config_session_steps", "config_jours_heures", "dashbord_formation",
"dashbord_session", "mon_tableau_de_bord", "prix_achat", "mes_apprenants", "dashbord_ressources_humaines",
"dashbord_inscriptions", "mes_salles", "mes_opportunites", "config_formulaires", "dashbord_factures", "mes_ue",
- "domaine_categorie_metier", "config_formation_initiale", "note_evaluation"]
+ "domaine_categorie_metier", "config_formation_initiale", "note_evaluation", "groupe_apprenant"]
if (action && list_menu.includes(action)) {
@@ -453,7 +455,7 @@ const Partner = (props) => {
function inactive_active_menu_header(current_menu_header) {
const list_menu_header_names = ['my_account', 'my_class', 'my_session', 'my_apprenant', 'my_ressource', 'my_planning',
'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier',
- 'config_formation_initiale', 'note_evaluation']
+ 'config_formation_initiale', 'note_evaluation', 'groupe_apprenant']
for (let i = 0; i < list_menu_header_names.length; i++) {
if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) {
document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400";
@@ -469,7 +471,7 @@ const Partner = (props) => {
function inactive_active_menu_header_from_url_action(url_action) {
const list_menu_header_names = ['my_account', 'my_class', 'my_session', 'my_apprenant', 'my_ressource', 'my_planning',
'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier',
- 'config_formation_initiale', 'note_evaluation']
+ 'config_formation_initiale', 'note_evaluation', 'groupe_apprenant']
for (let i = 0; i < list_menu_header_names.length; i++) {
if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) {
document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400";
@@ -876,6 +878,20 @@ const Partner = (props) => {
}
}
+ function groupe_apprenant_func(event) {
+ var security_retval = check_user_acces_right("stagiaire", "read");
+ if (security_retval === 1) {
+ setmenu("groupe_apprenant");
+ setapiexcelimportmessage();
+ setformation_file_name();
+ history.push("/Partner/groupe_apprenant");
+ document.body.style.backgroundColor = "#ffffff";
+ inactive_active_menu_header("groupe_apprenant");
+ } else {
+ Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des stagiaires");
+ }
+ }
+
function DisplayeEmployeList(event) {
var security_retval = check_user_acces_right("employe", "read");
if (security_retval === 1) {
@@ -1556,7 +1572,7 @@ const Partner = (props) => {
{String(formation_initiale) === "1" &&
-
+
{String(menu) !== "note_evaluation" && }
{String(menu) === "note_evaluation" && }
@@ -1572,6 +1588,11 @@ const Partner = (props) => {
{String(menu) !== "mes_apprenants" && }> PARCOURS APPRENANTS }
{String(menu) === "mes_apprenants" && }> PARCOURS APPRENANTS }
+
+ {String(formation_initiale) === "1" && String(menu) !== "groupe_apprenant" && }> GROUPE APPRENANTS }
+ {String(formation_initiale) === "1" && String(menu) === "groupe_apprenant" && }> GROUPE APPRENANTS }
+
+
@@ -1847,7 +1868,13 @@ const Partner = (props) => {
}
+ {String(menu) === "groupe_apprenant" &&
+
+
+
+ }
@@ -2307,6 +2334,12 @@ const Partner = (props) => {
+
+ {String(formation_initiale) === "1" &&
+ {String(menu) !== "groupe_apprenant" &&
}
+ {String(menu) === "groupe_apprenant" &&
}
+ }
+
@@ -2494,7 +2527,13 @@ const Partner = (props) => {
}
+ {String(menu) === "groupe_apprenant" &&
+
+
+
+ }
{String(menu) === "checkout" &&
@@ -2722,7 +2761,7 @@ const Partner = (props) => {
{String(menu) === "mes_apprenants" &&
}
diff --git a/src/components/Partner_Config_Technique.js b/src/components/Partner_Config_Technique.js
index 52e395c..c18ef62 100644
--- a/src/components/Partner_Config_Technique.js
+++ b/src/components/Partner_Config_Technique.js
@@ -2638,6 +2638,7 @@ const Partner_Configuration_Technique = (props) => {
Site de rattachement
+
{p_detail_code_site && New_Getall_Partner_Site_Formation_result && New_Getall_Partner_Site_Formation_result.length > 0 &&
{
if (value && value._id) {
setp_detail_site_rattachement_id(value._id);
+ }else{
+ setp_detail_site_rattachement_id("");
}
}}
renderInput={(params) => {
}
}
- />
+ />
diff --git a/src/styles/components/_groupe_apprenant.scss b/src/styles/components/_groupe_apprenant.scss
new file mode 100644
index 0000000..8e2ad1b
--- /dev/null
+++ b/src/styles/components/_groupe_apprenant.scss
@@ -0,0 +1,2516 @@
+.groupe_apprenant {
+
+ .loader-container {
+ width: 100%;
+ height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: fixed;
+ background: white;
+ background-color: transparent;
+ z-index: 1;
+ top: 0px;
+ opacity: 80%;
+ left: 0px;
+ }
+
+ .tooltip_css {
+ background: #81BC3A;
+ z-index: 9999;
+ }
+
+ .Mui-disabled {
+ font-size: small !important;
+ padding: 0px !important;
+ padding-left: 5px !important;
+ }
+
+
+
+ @media screen and (max-width: 600px) {
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .div_row {
+ float: left;
+ //border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+
+ width: 100%;
+ border-radius: 10rem !important;
+ text-align: left;
+
+ margin: 0px !important;
+ margin-bottom: 0.5rem !important;
+ margin-top: 0.5rem !important;
+ }
+
+ .div_row_droite {
+ width: 100%;
+ border-radius: 10rem !important;
+ text-align: left;
+
+ margin: 0px !important;
+ margin-bottom: 0.5rem !important;
+ margin-top: 0.5rem !important;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .titre1_aide_finance {
+ margin-top: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 12rem;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .zone_data {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .detail_class_submenu {
+ background: #d8edfc;
+ border-radius: 15px;
+ margin-right: 1rem;
+ padding: 0.3rem;
+ margin-bottom: 0.5rem;
+ width: 10.5rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ width: 100%;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu_data {
+ width: 100%;
+ min-height: 10rem;
+ background-color: #d8edfc;
+ padding-left: 5px;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ color: #3b3e40;
+ padding-left: 5px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 97% !important;
+ //border: none !important;
+ margin: 5px !important;
+ height: 3.5rem !important;
+ background: white;
+ border: solid gainsboro 1px;
+
+ }
+
+ .training_caract {
+ width: 100%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ }
+
+ .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
+ padding: 1px !important;
+ }
+
+ .selectsession {
+ width: 100%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .session_data {
+ float: left;
+ width: 100%;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ border-radius: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+
+
+ }
+
+ .session_caract {
+ width: 100%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ padding-bottom: 0px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 100%;
+ height: 180px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .hr_break {
+ border: 2px solid grey;
+ }
+
+ .icon_plus {
+ width: 6%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 100%;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 100%;
+ }
+
+ .icon_excel {
+ width: 6%;
+ }
+
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 100%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .div_row_gauche_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ padding-left: 0.2rem;
+ }
+
+ .tips_img_class {
+ font-size: smaller;
+ font-style: italic;
+ margin-left: 1rem !important;
+ text-align: left;
+ float: left;
+ width: 100%;
+ padding-right: 10px;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 128px;
+ height: 128px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .bton_supprime_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ background: white;
+ color: red;
+ margin-top: 0.5rem;
+ width: 10rem;
+ cursor: pointer;
+ }
+
+ .bton_supprime_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .bton_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ width: 10rem;
+ cursor: pointer;
+ }
+
+ .bton_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .tick_ok_ko {
+ max-width: 3%;
+ cursor: pointer;
+ padding-top: 4px;
+ }
+
+ .texte_area {
+ float: left;
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .texte_area_filter {
+ float: left;
+ width: 100% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ }
+
+ .texte_area_filter_value {
+ float: left !important;
+ width: 100% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+
+ }
+
+
+ .filter_bton_add {
+ float: left;
+ width: 40% !important;
+ font-size: xx-large !important;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ text-align: right;
+ cursor: pointer;
+ }
+
+
+ .div_row {
+ float: left;
+ border-width: 0.01rem;
+ width: 100%;
+
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ width: 100%;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite {
+ float: left;
+ width: 100%;
+ border-radius: 1rem;
+ text-align: left;
+
+ }
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_enreg {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-bottom: 1rem !important;
+ }
+
+
+ .bton_create_login {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 100%;
+ color: black;
+ margin-bottom: 1rem !important;
+ }
+
+
+ .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
+ border-color: transparent !important;
+ border-radius: 20px !important;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 3.5rem !important;
+
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+
+ }
+
+ .training_caract {
+ width: 100%;
+
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ }
+
+ .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
+ padding: 1px !important;
+ }
+
+ .block_en_mass {
+ width: 100%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .block_en_mass_select {
+ width: 100%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .block_en_mass_bton_action {
+ width: 100%;
+ float: left;
+ margin-bottom: 1rem;
+ padding-top: 0.5rem !important;
+ }
+
+ .div_row_list_pj {
+ width: 100%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_competence {
+ width: 50%;
+ float: left;
+ margin-bottom: 1.5rem;
+ }
+
+ .block_login_pwd {
+ padding-left: 5px;
+ width: 100%;
+ float: left;
+
+ }
+
+ }
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .titre1_aide_finance {
+ margin-top: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 12rem;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .zone_data {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .detail_class_submenu {
+ background: #d8edfc;
+ border-radius: 15px;
+ margin-right: 1rem;
+ padding: 0.3rem;
+ margin-bottom: 0.5rem;
+ min-width: 12rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu_data {
+ width: 100%;
+ min-height: 10rem;
+ background-color: #d8edfc;
+ padding-left: 5px;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ color: #3b3e40;
+ padding-left: 5px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ }
+
+ .training_caract {
+ width: 48%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ }
+
+ .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
+ padding: 1px !important;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .session_data {
+ float: left;
+ width: 100%;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ border-radius: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+
+
+ }
+
+ .session_caract {
+ width: 50%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+ .bton_envoyer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 80%;
+ background: #81BC3A;
+ }
+
+
+ .bton_fermer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 80%;
+ background-color: white;
+ color: #104277 !important;
+ }
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ padding-bottom: 0px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 90%;
+ height: 200px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .preview_certif:hover {
+ transform: scale(1.3);
+ margin-left: 5rem;
+ }
+
+ .hr_break {
+ border: 3px solid grey;
+ }
+
+ .icon_plus {
+ width: 6%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 50%;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 65% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 80% !important;
+ }
+
+ .icon_excel {
+ width: 6%;
+ }
+
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 80%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 80%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_annule {
+ 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;
+ }
+
+ .div_row_gauche_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ padding-left: 0.2rem;
+ }
+
+ .tips_img_class {
+ font-size: small;
+ font-style: italic;
+ margin-left: 1rem !important;
+ text-align: left;
+ float: left;
+ width: 100%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 168px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .bton_supprime_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ background: white;
+ color: red;
+ margin-top: 0.5rem;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_supprime_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .bton_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .tick_ok_ko {
+ max-width: 3%;
+ cursor: pointer;
+ padding-top: 4px;
+ }
+
+ .texte_area {
+ float: left;
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .texte_area_filter {
+ float: left;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ }
+
+ .texte_area_filter_value {
+ float: left !important;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+
+ }
+
+
+ .filter_bton_add {
+ float: left;
+ width: 5% !important;
+ font-size: large !important;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ text-align: right;
+ cursor: pointer;
+ margin-top: 1rem !important;
+ }
+
+ .div_row {
+ float: left;
+ //border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ //margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ // border:1px solid black;
+ // border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ text-align: right;
+ }
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 40%;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+ .bton_enreg {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 40%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+ .bton_create_login {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 90%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 40%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 40%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+
+ .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
+ border-color: transparent !important;
+ border-radius: 20px !important;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ padding-top: 0.5rem !important;
+ border: none !important;
+ }
+
+ .training_caract {
+ width: 30%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ }
+
+ .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
+ padding: 1px !important;
+ }
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .block_en_mass_select {
+ width: 45%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .block_en_mass_bton_action {
+ width: 45%;
+ float: left;
+ margin-bottom: 1rem;
+ padding-top: 0.5rem !important;
+ }
+
+ .div_row_list_pj {
+ width: 50%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_competence {
+ width: 50%;
+ float: left;
+ margin-bottom: 1.5rem;
+ }
+
+ .block_login_pwd {
+ padding-left: 5px;
+ width: 100%;
+ float: left;
+
+ }
+
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .div_row {
+ float: left;
+ //border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ // border:1px solid black;
+ // border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ text-align: right;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .titre1_aide_finance {
+ margin-top: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 12rem;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .zone_data {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .detail_class_submenu {
+ background: #d8edfc;
+ border-radius: 15px;
+ margin-right: 1rem;
+ padding: 0.3rem;
+ margin-bottom: 0.5rem;
+ min-width: 15rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu_data {
+ width: 100%;
+ min-height: 10rem;
+ background-color: #d8edfc;
+ padding-left: 5px;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ color: #3b3e40;
+ padding-left: 5px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ }
+
+ .training_caract {
+ width: 30%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5x !important;
+ }
+
+ .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
+ padding: 1px !important;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .session_data {
+ float: left;
+ width: 100%;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ border-radius: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+
+
+ }
+
+ .session_caract {
+ width: 33%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+ .bton_envoyer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background: #81BC3A;
+
+ }
+
+
+ .bton_fermer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background-color: white;
+ color: #104277 !important;
+ }
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ padding-bottom: 0px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 90%;
+ height: 180px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .preview_certif:hover {
+ transform: scale(1.3);
+ margin-left: 5rem;
+ }
+
+ .hr_break {
+ border: 3px solid grey;
+ }
+
+ .icon_plus {
+ width: 8%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 40%;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 50% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 80%;
+ }
+
+ .icon_excel {
+ width: 6%;
+ }
+
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 65%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 65%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_create_login {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 90%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 65%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 65%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+ .div_row_gauche_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ padding-left: 0.2rem;
+ }
+
+ .tips_img_class {
+ font-size: small;
+ font-style: italic;
+ margin-left: 1rem !important;
+ text-align: left;
+ float: left;
+ width: 100%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 168px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .bton_supprime_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ background: white;
+ color: red;
+ margin-top: 0.5rem;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_supprime_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .bton_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .tick_ok_ko {
+ max-width: 3%;
+ cursor: pointer;
+ padding-top: 4px;
+ }
+
+ .texte_area {
+ float: left;
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .texte_area_filter {
+ float: left;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ }
+
+ .texte_area_filter_value {
+ float: left !important;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+
+ }
+
+
+ .filter_bton_add {
+ float: left;
+ width: 5% !important;
+ font-size: xx-large !important;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ text-align: right;
+ cursor: pointer;
+ }
+
+
+ .titre1 {
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .div_row_list_pj {
+ width: 30%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_competence {
+ width: 50%;
+ float: left;
+ margin-bottom: 1.5rem;
+ }
+
+ .block_login_pwd {
+ padding-left: 5px;
+ width: 33%;
+ float: left;
+
+ }
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-top: 15px;
+ margin-left: 0px;
+ }
+
+ .block_en_mass_select {
+ width: 45%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .block_en_mass_bton_action {
+ width: 45%;
+ float: left;
+ margin-bottom: 1rem;
+ padding-top: 0.5rem !important;
+ }
+
+
+ }
+
+ @media only screen and (min-width: 1200px) {
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .div_row {
+ float: left;
+ //border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ //margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ // border:1px solid black;
+ // border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ text-align: right;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .titre1_aide_finance {
+ margin-top: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 12rem;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .zone_data {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .detail_class_submenu {
+ background: #d8edfc;
+ border-radius: 15px;
+ margin-right: 1rem;
+ padding: 0.3rem;
+ margin-bottom: 0.5rem;
+ min-width: 15rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu_data {
+ width: 100%;
+ min-height: 10rem;
+ background-color: #d8edfc;
+ padding-left: 5px;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ color: #3b3e40;
+ padding-left: 5px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ }
+
+ .training_caract {
+ width: 30%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ }
+
+
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .session_data {
+ float: left;
+ width: 100%;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ border-radius: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+
+
+ }
+
+ .session_caract {
+ width: 33%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 90%;
+ height: 200px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .preview_certif:hover {
+ transform: scale(1.4);
+ margin-left: 10rem;
+ }
+
+
+ .action_mass {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 40%;
+ background: #81BC3A;
+ height: 2.5rem;
+ }
+
+
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .session_open_close {
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ margin-right: 10px;
+ }
+
+ .hr_break {
+ border: 5px solid grey;
+ }
+
+ .icon_plus {
+ width: 8%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 25% !important;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 40% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 80%;
+ }
+
+ .icon_excel {
+ width: 4%;
+ }
+
+ .bton_envoyer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background: #81BC3A;
+ }
+
+
+ .bton_traiter_en_mass {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 40%;
+ background: #81BC3A;
+ margin-left: 5%;
+ height: 2.5rem;
+ color: white;
+
+ }
+
+ .bton_fermer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background-color: white;
+ color: #104277 !important;
+ }
+
+
+ .enable_style {
+ background-color: #FFFFFF;
+ }
+
+
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid {
+ padding-top: 5px !important;
+ padding-bottom: 5px !important;
+ padding-left: 5px !important;
+ }
+
+ .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
+ border-color: transparent !important;
+ border-radius: 20px !important;
+ }
+
+ .bton_emarge {
+ border-radius: 5rem;
+ font-size: small;
+ padding: 0.5rem;
+ background: rgb(129, 188, 58);
+ margin-left: 5px;
+ margin-right: 5px;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ height: 3rem ! important;
+ padding-bottom: 0px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 40%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 40%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_create_login {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 90%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 40%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 40%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+
+ .div_row_gauche_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ padding-left: 0.2rem;
+ }
+
+ .tips_img_class {
+ font-size: small;
+ font-style: italic;
+ margin-left: 1rem !important;
+ text-align: left;
+ float: left;
+ width: 100%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 170px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .bton_supprime_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ background: white;
+ color: red;
+ margin-top: 0.5rem;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_supprime_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .bton_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .tick_ok_ko {
+ max-width: 3%;
+ cursor: pointer;
+ padding-top: 4px;
+ }
+
+ .texte_area {
+ float: left;
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .texte_area_filter {
+ float: left;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ }
+
+ .texte_area_filter_value {
+ float: left !important;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+
+ }
+
+
+ .filter_bton_add {
+ float: left;
+ width: 5% !important;
+ font-size: xx-large !important;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ text-align: right;
+ cursor: pointer;
+ }
+
+
+ .titre1 {
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .file_ariane {
+ font-size: large;
+ font-weight: 600;
+ width: 100%;
+ text-align: center;
+ }
+
+ .div_row_list_pj {
+ width: 30%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_competence {
+ width: 30%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .detail_activite {
+ display: inline-block;
+ color: black;
+ border: none;
+ background: white;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ cursor: pointer;
+ vertical-align: middle;
+ padding: 5px;
+ text-align: left;
+ width: 20rem;
+ border-radius: 10px !important;
+ height: 7rem !important;
+ font-size: small;
+ padding-bottom: 10px;
+ }
+
+ .detail_activite:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+
+ .block_login_pwd {
+ padding-left: 5px;
+ width: 33%;
+ float: left;
+
+ }
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-top: 15px;
+ margin-left: 0px;
+ }
+
+ .block_en_mass_select {
+ width: 45%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .block_en_mass_bton_action {
+ width: 45%;
+ float: left;
+ margin-bottom: 1rem;
+ padding-top: 0.5rem !important;
+ }
+
+
+ }
+
+ .session_caract_Dialog_comment_2_lines {
+
+ width: 100%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ margin-bottom: 1rem !important;
+ }
+
+
+ // end media
+
+ .MuiDataGrid-cellContent {
+ padding-top: 0.5rem !important;
+ }
+
+ .bton_action1 {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A;
+ text-align: center;
+ width: 80%;
+ color: white;
+ font-size: 11px;
+ height: 1.5rem;
+ }
+
+ .session_caract_Dialog {
+ width: 100%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ margin-bottom: 1rem !important;
+ }
+
+ .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;
+ }
+
+ .css-1v4ccyo {
+ height: 3.5rem !important;
+ font-size: small;
+ }
+
+
+ option {
+ font-weight: normal;
+ display: block;
+ white-space-collapse: collapse;
+ text-wrap: nowrap;
+ padding: 0px !important;
+ }
+
+ .mysy_hr_text {
+ border: none;
+ border-top: 3px double #333;
+ color: #333;
+ overflow: visible;
+ text-align: center;
+ height: 5px;
+ }
+
+ .mysy_hr_text:after {
+ background: #fff;
+ content: 'Détails';
+ padding: 0 4px;
+ position: relative;
+ top: -13px;
+ }
+
+ .MuiMenu-paper {
+ max-width: 30% !important;
+ }
+
+ .show_pwd_div {
+ width: 50%;
+ float: right;
+ padding-right: 10px;
+ text-align: right;
+
+ }
+
+
+
+}
+
+.MuiMenu-paper {
+ max-width: 30% !important;
+}
+
+.tox-statusbar {
+ display: none !important;
+}
+
+
+
+
+.css-1x5jdmq {
+ height: 3rem !important;
+ font-size: small;
+}
+
+.select_option_css {
+ border-radius: 0px !important;
+}
+
+.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
+ height: 3.5rem !important;
+}
+
+
+
+.react-datepicker__input-container {
+ width: 110%;
+}
+
+.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input {
+ padding-left: 5px !important;
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 0c2cf1a..745fd7d 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -113,4 +113,5 @@
@import "./components/modulesessionevaluation";
@import "./components/partner_ftion_initiale_configuration";
@import "./components/note_evaluation";
-@import "./components/moduleselectionevaluationapprenants";
\ No newline at end of file
+@import "./components/moduleselectionevaluationapprenants";
+@import "./components/groupe_apprenant";
\ No newline at end of file