-
-
+ Nos Formations
+
Nos Formations
({
+
+ dialog: {
+ position: 'absolute',
+ // left: 10,
+ top: 400
+ },
+
+ paper: {
+ overflowY: 'unset',
+ },
+ customizedButton: {
+ position: 'absolute',
+ left: '98%',
+ top: '-3%',
+ backgroundColor: 'lightgray',
+ color: 'gray',
+ },
+}));
+
+function PaperComponent(props) {
+ return (
+
+
+ );
+}
+
+
+
+const Module_Relance_Client_Facture = (props) => {
+ const classes = useStyles();
+ const history = useHistory();
+ const [submenu, setsubmenu] = useState("");
+ const [rowss, setRows] = useState([]);
+
+
+ var date_today_90j = new Date();
+ date_today_90j.setDate(date_today_90j.getDate() + 90);
+
+ const [mouse_x, setmouse_x] = useState("");
+ const [mouse_y, setmouse_y] = useState("");
+
+ const [p_filtre1, setp_filtre1] = useState("Inscrit ");
+ const [p_filtre1_value, setp_filtre1_value] = useState("");
+
+ const [p_filtre2, setp_filtre2] = useState("Type de groupe");
+ 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("");
+
+ const [selectionModel, setSelectionModel] = React.useState([]);
+
+ function ExpandableCell_50({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+
+ );
+ }
+ function Display_Colunm_text({ value }) {
+
+ return (
+
+
+
+ );
+ }
+
+ function getExcelData(apiRef) {
+ // Select rows and columns
+ const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(apiRef);
+ const visibleColumnsField = gridVisibleColumnFieldsSelector(apiRef).filter((data) => (data) !== "__check__");
+
+ // Format the data. Here we only keep the value
+
+ const data = filteredSortedRowIds.map((id) => {
+ const row = {};
+ visibleColumnsField.forEach((field) => {
+ var val = apiRef.current.getCellParams(id, field).value;
+ if (String(field) !== "__check__")
+ row[field] = apiRef.current.getCellParams(id, field).value;
+ });
+ return row;
+ });
+
+
+ return data;
+ }
+
+
+ function ExportButton(props) {
+ return (
+
+
+ );
+ }
+
+
+ function handleExport(apiRef, data_colums) {
+ const data = getExcelData(apiRef);
+ const visibleColumnsField = gridVisibleColumnFieldsSelector(apiRef).filter((data) => (data) !== "__check__");
+
+ const local_config = {
+ keys: visibleColumnsField,
+
+ columnNames: data_colums.filter((mydata) => (mydata).disableExport !== true).map(function (mydata) {
+
+ if (mydata.headerName && visibleColumnsField.includes(mydata.field)) {
+ if (mydata.headerName) {
+ return mydata.headerName;
+ }
+ }
+
+ }),
+
+ fileName: 'data_' + String(new Date().toJSON().slice(0, 10)).replaceAll("-", "_") + '.xlsx',
+ sheetName: 'Export_' + String(new Date().toJSON().slice(0, 10)).replaceAll("-", "_"),
+ };
+
+
+ local_config.columnNames = local_config.columnNames.filter(function (element) {
+ return element !== undefined;
+ });
+
+
+ const rows = data.map((row) => {
+ const mRow = {};
+ for (const key of local_config.keys) {
+ mRow[key] = row[key];
+ }
+ return mRow;
+ });
+
+ const worksheet = XLSX.utils.json_to_sheet(rows);
+ XLSX.utils.sheet_add_aoa(worksheet, [[...local_config.columnNames]], {
+ origin: 'A1',
+ });
+
+ const workbook = XLSX.utils.book_new();
+ XLSX.utils.book_append_sheet(workbook, worksheet, local_config.sheetName);
+ XLSX.writeFile(workbook, local_config.fileName, { compression: true });
+ }
+
+ function ExportMenuItem(props) {
+ const apiRef = useGridApiContext();
+ const { hideMenu } = props;
+
+ return (
+
+ );
+ }
+
+ // FIN EXPORT EXCEL DATAGRID
+
+
+ const [display_alert_mysy, setdisplay_alert_mysy] = useState("");
+ const [alert_message, setalert_message] = useState("");
+ const [alert_type, setalert_type] = useState("");
+
+ function clear_alert_message() {
+ setalert_message("");
+ }
+ function clear_alert_type() {
+ setalert_type("");
+ }
+ function clear_display_alert_mysy() {
+ setdisplay_alert_mysy("");
+ }
+
+ const [selectionModel_relance, setselectionModel_relance] = React.useState([]);
+
+ return (
+
-
+ value={p_detail_code_banque}
-
-
- ),
+ onChange={(e) => {
+ setp_detail_code_banque(e.target.value);
+ setbank_data_edit("1");
}}
+ sx={{ m: 1, width: '50%' }}
+
/>
{
id="code_guichet"
name="code_guichet"
type={'text'}
- value={values.current_insert_key}
- onChange={handleChange_current_insert_key('current_insert_key')}
- sx={{ m: 1, width: '50%' }}
- InputProps={{
- startAdornment: (
-
-
+ value={p_detail_code_guichet}
-
-
- ),
+ onChange={(e) => {
+ setp_detail_code_guichet(e.target.value);
+ setbank_data_edit("1");
}}
+ sx={{ m: 1, width: '50%' }}
+
/>
{
id="compte_bancaire"
name="compte_bancaire"
type={'text'}
- value={values.current_insert_key}
- onChange={handleChange_current_insert_key('current_insert_key')}
- sx={{ m: 1, width: '65%', float:'left', }}
- InputProps={{
- startAdornment: (
-
-
+ value={p_detail_compte_bancaire}
-
-
- ),
+ onChange={(e) => {
+ setp_detail_compte_bancaire(e.target.value);
+ setbank_data_edit("1");
}}
+ sx={{ m: 1, width: '65%', float: 'left', }}
+
/>
{
id="code_cle"
name="code_cle"
type={'text'}
- value={values.current_insert_key}
- onChange={handleChange_current_insert_key('current_insert_key')}
- sx={{ m: 1, width: '23%', float:'left', }}
- InputProps={{
- startAdornment: (
-
-
+ value={p_detail_code_cle}
-
-
- ),
+ onChange={(e) => {
+ setp_detail_code_cle(e.target.value);
+ setbank_data_edit("1");
}}
+ sx={{ m: 1, width: '23%', float: 'left', }}
+
/>
{
name="code_iban"
type={'text'}
value={values.current_insert_key}
- onChange={handleChange_current_insert_key('current_insert_key')}
- sx={{ m: 1, width: '90%' }}
- InputProps={{
- startAdornment: (
-
-
+ value={p_detail_code_iban}
-
-
- ),
+ onChange={(e) => {
+ setp_detail_code_iban(e.target.value);
+ setbank_data_edit("1");
}}
+ sx={{ m: 1, width: '90%' }}
+
/>
{
id="code_bic"
name="code_bic"
type={'text'}
- value={values.current_insert_key}
- onChange={handleChange_current_insert_key('current_insert_key')}
- sx={{ m: 1, width: '90%' }}
- InputProps={{
- startAdornment: (
-
-
+ value={p_detail_code_bic}
-
-
- ),
+ onChange={(e) => {
+ setp_detail_code_bic(e.target.value);
+ setbank_data_edit("1");
}}
+ sx={{ m: 1, width: '90%' }}
+
/>
+ {value}
+
+
+ );
+ }
+ function ExpandableCell_String_to_monetaire({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ const number = parseFloat(value);
+ var new_value = ""
+ if (isNaN(number)) {
+ new_value = "—"
+ } else {
+ new_value = new Intl.NumberFormat('fr-FR', {
+ minimumFractionDigits: 2,
+ maximumFractionDigits: 2,
+ }).format(number);
+ }
+
+
+
+ return (
+
+ );
+ }
+
+ function local_format_monetaire(local_amount) {
+ return new Intl.NumberFormat('fr-FR', {
+ style: 'currency',
+ currency: 'EUR',
+ }).format(Number(local_amount));
+ }
+
+ const [selected_id, setselected_id] = useState("");
+
+ const [gridline_id, setgridline_id] = useState("");
+ const [isLoading, setLoading] = useState();
+
+ const columns_relances = [
+ { field: '_id', headerName: '_id', hide: true, disableExport: true, },
+ { field: 'id', headerName: 'id', hide: true, disableExport: true },
+ { field: 'client_id', headerName: 'client_id', hide: true, disableExport: true },
+ { field: 'relance_date', headerName: 'Date Relance', width: 150, hide: false, editable: false },
+ { field: 'relance_level', headerName: 'relance_level', hide: false, minWidth: 200, flex: 1, editable: false, renderCell: (params) =>
+
+ {isLoading &&
+
+ );
+}
+
+export default Module_Relance_Client_Facture;
+
+const local_css = `
+:root {
+ --bg: #f6f8fb;
+ --card: #ffffff;
+ --text: #0f172a;
+ --muted: #64748b;
+ --border: #e5e7eb;
+ --shadow: 0 10px 25px rgba(2, 6, 23, .06);
+ --green-700: #0f6b53;
+ --green-600: #167a5e;
+ --green-100: #e9f7f1;
+ --blue-600: #2563eb;
+ --radius: 14px;
+ --radius-sm: 10px;
+}
+ .Grid_2_col{
+ margin-top: 12px;
+ display:grid;
+ grid-template-columns: 1.2fr 1fr;
+ gap: 14px;
+}
+
+.Grid_2_col_sub_colone {
+ background: #fff;
+ border: 1px solid #e5e7eb;
+ border-radius: 14px;
+ box-shadow: 0 6px 18px rgba(2,6,23,.04);
+ padding: 0px;
+ display: flex;
+ flex-direction: column;
+ gap: 14px;
+}
+
+ .Grid_1_col{
+ margin-top: 12px;
+ display:grid;
+ grid-template-columns: 1fr;
+ gap: 14px;
+ padding:5px;
+}
+
+.Grid_2_col_sub_colone_header {
+ background: #dbeafe;
+ border-top-right-radius: 10px;
+ border-top-left-radius: 10px;
+ text-align: center;
+ font-family: DM Sans;
+ font-weight: 700;
+ height: 2rem;
+ padding-top: 5px;
+ font-size: 15px;
+}
+
+.Grid_2_col_sub_colone_bottom_menu{
+
+}
+
+.card__header{
+background: #e2e8f0;
+ font-size: small;
+ text-align: center;
+}
+
+.card__title{
+ display:flex;
+ align-items:center;
+ gap: 10px;
+}
+
+.card__icon{
+ width: 34px;
+ height: 34px;
+ display:grid;
+ place-items:center;
+ border-radius: 12px;
+ background:#eff6ff;
+ border:1px solid #dbeafe;
+}
+
+.card__header h2{
+ margin:0;
+ font-size: 15px;
+ letter-spacing: -0.01em;
+}
+
+.card__actions{ display:flex; align-items:center; gap:8px; }
+
+.block_detail_action{
+width: 100%;
+ float: left;
+ background: #fafafa;
+ padding: 10px;
+ border: unset;
+ border-radius: 10px;
+ }
+`;
diff --git a/src/components/New_C_Sign_In_2025.js b/src/components/New_C_Sign_In_2025.js
index b88624d..a592f08 100644
--- a/src/components/New_C_Sign_In_2025.js
+++ b/src/components/New_C_Sign_In_2025.js
@@ -309,7 +309,7 @@ function New_C_Sign_In_2025() {
//setCookie("tokenmysypart", result['message']);
- console.log("## last_visite_menu = ", last_visite_menu);
+ // console.log("## last_visite_menu = ", last_visite_menu);
if (last_visite_menu && last_visite_menu.length > 3)
history.push(last_visite_menu);
diff --git a/src/components/Partner.js b/src/components/Partner.js
index e8d26e3..7b0a9a7 100644
--- a/src/components/Partner.js
+++ b/src/components/Partner.js
@@ -1293,6 +1293,38 @@ const Partner = (props) => {
}
+ const [Server_Logout_api, setServer_Logout_api] = useState();
+ const [Server_Logout_message, setServer_Logout_message] = useState();
+ const [Server_Logout_result, setServer_Logout_result] = useState([]);
+ function Server_Logout(local_token) {
+
+ var form = new FormData();
+
+ form.append("token", local_token);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/partner_logout/";
+
+ axios.post(myurl, form).then(res => {
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Server_Logout res.data.status = " + res.data.status);
+ // console.log(" In Server_Logout res.data.message r_class = " + res.data.message);
+ setServer_Logout_api("true");
+ setServer_Logout_result(res.data.message);
+ }
+ else {
+ setServer_Logout_api("false");
+ setServer_Logout_message(res.data.message);
+
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Server_Logout = ', error);
+ setServer_Logout_api("false");
+ //alert("Impossible de récuperer la liste des emails");
+ //setmyApimyApiMessage("")
+ })
+ }
+
// Cette fontion desactive tous les menu header et reactive just le menu_header concerné
function inactive_active_menu_header(current_menu_header) {
@@ -1651,7 +1683,7 @@ const Partner = (props) => {
function mes_suivi_paiement_func(event) {
var security_retval = check_user_acces_right("facture_client", "read");
if (security_retval === 1) {
- console.log(" OKKK ")
+ // console.log(" OKKK ")
setmenu("suivi_paiement");
setapiexcelimportmessage();
setformation_file_name();
@@ -2831,6 +2863,8 @@ const Partner = (props) => {
const stored_cookie = getCookie('tokenmysypart');
var acces_right_token_name = stored_cookie + "_uar";
+ Server_Logout(stored_cookie);
+
setCookie_part("tokenmysypart", "", { path: '/' });
setCookie_part(acces_right_token_name, "", { path: '/' });
removeCookie_part(acces_right_token_name, { path: '/' });
@@ -2849,6 +2883,9 @@ const Partner = (props) => {
}
// setsomeoneconnected("0");
setDialog_deconnexion_open(false);
+
+
+
history.push("/recherche-formation");
}
diff --git a/src/components/Partner_Securite_Data.js b/src/components/Partner_Securite_Data.js
index 95b90e1..8e1889a 100644
--- a/src/components/Partner_Securite_Data.js
+++ b/src/components/Partner_Securite_Data.js
@@ -4,7 +4,7 @@ import { getCookie, setCookie } from 'react-use-cookie';
import Box from '@mui/material/Box';
import InputAdornment from '@mui/material/InputAdornment';
import TextField from '@mui/material/TextField';
-
+import axios from "axios";
import EmailIcon from '@mui/icons-material/Email'
import { Button, Form, FormGroup, Label } from "reactstrap";
import Visibility from '@mui/icons-material/Visibility';
@@ -629,7 +629,158 @@ const Partner_Securite_Data = (props) => {
};
+
+ const [p_detail_code_banque, setp_detail_code_banque] = useState("");
+ const [p_detail_code_guichet, setp_detail_code_guichet] = useState("");
+ const [p_detail_compte_bancaire, setp_detail_compte_bancaire] = useState("");
+ const [p_detail_code_cle, setp_detail_code_cle] = useState("");
+ const [p_detail_code_iban, setp_detail_code_iban] = useState("");
+ const [p_detail_code_bic, setp_detail_code_bic] = useState("");
+
+ const [bank_data_changed, setbank_data_changed] = useState("");
+ const [bank_data_edit, setbank_data_edit] = useState("");
+
+
+ const [New_Get_Partner_Bank_Data_result, setNew_Get_Partner_Bank_Data_result] = useState([]);
+
+ const [Get_Partner_Bank_Data_api, setGet_Partner_Bank_Data_api] = useState();
+ const [Get_Partner_Bank_Data_message, setGet_Partner_Bank_Data_message] = useState();
+ const [Get_Partner_Bank_Data_result, setGet_Partner_Bank_Data_result] = useState([]);
+ function Get_Partner_Bank_Data(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_bank_data/";
+
+ setLoading(true);
+ axios.post(myurl, form).then(res => {
+
+ setLoading(false);
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Get_Partner_Bank_Data res.data.status = " + res.data.status);
+ console.log(" In Get_Partner_Bank_Data res.data.message r_class = " + res.data.message);
+ setGet_Partner_Bank_Data_api("true");
+ setGet_Partner_Bank_Data_result(res.data.message);
+
+ if (res.data.message.length > 0) {
+ var mylocal_data = JSON.parse(res.data.message);
+
+ if (mylocal_data.code_banque)
+ setp_detail_code_banque(mylocal_data.code_banque);
+ else
+ setp_detail_code_banque("");
+
+ if (mylocal_data.code_guichet)
+ setp_detail_code_guichet(mylocal_data.code_guichet);
+ else
+ setp_detail_code_guichet("");
+
+ if (mylocal_data.compte_bancaire)
+ setp_detail_compte_bancaire(mylocal_data.compte_bancaire);
+ else
+ setp_detail_compte_bancaire("");
+
+ if (mylocal_data.code_cle)
+ setp_detail_code_cle(mylocal_data.code_cle);
+ else
+ setp_detail_code_cle("");
+
+ if (mylocal_data.code_iban)
+ setp_detail_code_iban(mylocal_data.code_iban);
+ else
+ setp_detail_code_iban("");
+
+ if (mylocal_data.code_bic)
+ setp_detail_code_bic(mylocal_data.code_bic);
+ else
+ setp_detail_code_bic("");
+ }
+
+ desablesecurty_bank_fields();
+
+ }
+ else {
+ setGet_Partner_Bank_Data_api("false");
+ setGet_Partner_Bank_Data_message(res.data.message);
+ // alert(res.data.message);
+ setdisplay_alert_mysy("1");
+ setalert_message(res.data.message);
+ setalert_type("error");
+ }
+
+ }).catch((error) => {
+ setLoading(false);
+ console.warn('Not good man :( Get_Partner_Bank_Data = ', error);
+ setGet_Partner_Bank_Data_api("false");
+ alert(" Impossible de recuperer les données bancaires");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
+ const [Update_Partner_Bank_Data_api, setUpdate_Partner_Bank_Data_api] = useState();
+ const [Update_Partner_Bank_Data_message, setUpdate_Partner_Bank_Data_message] = useState();
+ const [Update_Partner_Bank_Data_result, setUpdate_Partner_Bank_Data_result] = useState([]);
+ function Update_Partner_Bank_Data(event) {
+ var form = new FormData();
+
+
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+
+ form.append("code_banque", p_detail_code_banque);
+ form.append("code_guichet", p_detail_code_guichet);
+ form.append("compte_bancaire", p_detail_compte_bancaire);
+ form.append("code_cle", p_detail_code_cle);
+ form.append("code_iban", p_detail_code_iban);
+ form.append("code_bic", p_detail_code_bic);
+
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/update_partner_bank_data/";
+
+ setLoading(true);
+ axios.post(myurl, form).then(res => {
+
+ setLoading(false);
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Get_Partner_Bank_Data res.data.status = " + res.data.status);
+ // console.log(" In Get_Partner_Bank_Data res.data.message r_class = " + res.data.message);
+ setUpdate_Partner_Bank_Data_api("true");
+ setUpdate_Partner_Bank_Data_result(res.data.message);
+
+ setdisplay_alert_mysy("1");
+ setalert_message(res.data.message);
+ setalert_type("succes");
+
+ desablesecurty_bank_fields();
+
+ }
+ else {
+ setUpdate_Partner_Bank_Data_api("false");
+ setUpdate_Partner_Bank_Data_message(res.data.message);
+ // alert(res.data.message);
+ setdisplay_alert_mysy("1");
+ setalert_message(res.data.message);
+ setalert_type("error");
+ }
+
+ }).catch((error) => {
+ setLoading(false);
+ console.warn('Not good man :( Get_Partner_Bank_Data = ', error);
+ setUpdate_Partner_Bank_Data_api("false");
+ alert(" Impossible de mettre à jour les données bancaires");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
useEffect(() => {
+ Get_Partner_Bank_Data();
desablesecurtymailfields();
desablesecurtypwdfields();
@@ -637,6 +788,45 @@ const Partner_Securite_Data = (props) => {
}, [])
+
+
+ async function enablesecurty_bank_fields() {
+ setbank_data_edit("1");
+ await sleep(5);
+ var liste_champs = ['code_banque', 'code_guichet', 'compte_bancaire', 'code_cle', 'code_iban', 'code_bic']
+
+ 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 desablesecurty_bank_fields() {
+ setbank_data_edit("0");
+ setbank_data_changed("0");
+
+ await sleep(5);
+
+ var liste_champs = ['code_banque', 'code_guichet', 'compte_bancaire', 'code_cle', 'code_iban', 'code_bic']
+
+ 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";
+ }
+ }
+
+
+ }
+
+
+
const [p_current_pwd, setp_current_pwd] = useState("");
const [p_new_pwd, setp_new_pwd] = useState("");
const [p_new_pwd_conf, setp_new_pwd_conf] = useState("");
@@ -1099,22 +1289,14 @@ const Partner_Securite_Data = (props) => {
id="code_banque"
name="code_banque"
type={'text'}
- value={values.current_insert_key}
- onChange={handleChange_current_insert_key('current_insert_key')}
- sx={{ m: 1, width: '50%' }}
- InputProps={{
- startAdornment: (
-
+ 
+
}
+
+ {/*** Affichage des messages d'alerte*/}
+ {display_alert_mysy && String(display_alert_mysy) === "1" &&
+ Module de gestion des relance client
+
+ Total Relance +
+
+
+
+
+
+
+
+ {/*rowss_total_data && rowss_total_data.length > 0 && rowss_total_data.map((val) => ())*/}
+
+
+
+ ICIII FAIRE UN HISTOGRAMME DES PAIEMENT SUR LES 6 DERNIMER MOIS
+
+
+
+
+
+
+
+ {
+ setselectionModel_relance(newSelectionModel);
+ /*if (newSelectionModel.length === 1)
+ handleClick_edit_invoice_From_Line(newSelectionModel);*/
+ if (newSelectionModel.length !== 1) {
+ //clean_order_detail_fields();
+ //setsubmenu();
+ // setdisplay_detail_invoice();
+
+ }
+ }}
+
+
+
+ onRowDoubleClick={(newSelectionModel) => {
+
+ }
+ }
+ selectionModel={selectionModel_relance}
+
+ localeText={frFR.components.MuiDataGrid.defaultProps.localeText}
+ rows={Get_List_Relance_Client_Facture_result.map((item, index) => (
+ {
+ id: index,
+ _id: JSON.parse(item)._id,
+ clien_id: JSON.parse(item).clien_id,
+ tab_invoice: JSON.parse(item).tab_invoice,
+ relance_date: JSON.parse(item).relance_date,
+ relance_level: JSON.parse(item).relance_level,
+ total_reste_to_paye: JSON.parse(item).total_reste_to_paye,
+
+ }
+ ))}
+
+ columns={columns_relances}
+ pageSize={10}
+ className="datagridclass"
+
+ 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';
+ }
+ }}
+
+
+ />
+
+
+ +
+
+
+ + +
- {insert_keyfieldsdesabled == false &&
- {process.env.REACT_APP_ENV !== 'PROD' &&
+ {bank_data_edit === "1" &&
}
- {insert_keyfieldsdesabled == true &&
-
+ {bank_data_edit !== "1" &&
+
}
diff --git a/src/components/header_automatic_files/Header.jsx b/src/components/header_automatic_files/Header.jsx
index 26d9b22..65ef9d7 100644
--- a/src/components/header_automatic_files/Header.jsx
+++ b/src/components/header_automatic_files/Header.jsx
@@ -3,7 +3,7 @@ import './Header.css';
import moment from "moment";
import { getCookie } from 'react-use-cookie';
import { useHistory } from "react-router-dom";
-
+import axios from "axios";
import Header_MySy_Logo from '../../img_new_design_2025/header_mysy_logo.png';
import Header_User from '../../img_new_design_2025/header_user.png';
import Dialog from '@mui/material/Dialog';
@@ -134,13 +134,50 @@ const Header = () => {
setDialog_1_open(false);
};
+ const [Server_Logout_api, setServer_Logout_api] = useState();
+ const [Server_Logout_message, setServer_Logout_message] = useState();
+ const [Server_Logout_result, setServer_Logout_result] = useState([]);
+ function Server_Logout(local_token) {
+
+ var form = new FormData();
+
+ //const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", local_token);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/partner_logout/";
+
+ axios.post(myurl, form).then(res => {
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Server_Logout res.data.status = " + res.data.status);
+ // console.log(" In Server_Logout iii res.data.message r_class = " + res.data.message);
+ setServer_Logout_api("true");
+ setServer_Logout_result(res.data.message);
+ }
+ else {
+ setServer_Logout_api("false");
+ setServer_Logout_message(res.data.message);
+
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Server_Logout = ', error);
+ setServer_Logout_api("false");
+ //alert("Impossible de récuperer la liste des emails");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
function part_logout_confirmation() {
/* si c'est une connexion partner qui est active */
+
if (typeof (stored_part) != "undefined") {
const stored_cookie = getCookie('tokenmysypart');
var acces_right_token_name = stored_cookie + "_uar";
+ Server_Logout(stored_cookie);
+
setpartCookie("tokenmysypart", "", { path: '/' });
setpartCookie(acces_right_token_name, "", { path: '/' });
removeCookie(acces_right_token_name, { path: '/' });
@@ -159,6 +196,8 @@ const Header = () => {
}
setsomeoneconnected("0");
setDialog_1_open(false);
+
+
history.push("/recherche-formation");
}
@@ -284,7 +323,7 @@ const Header = () => {
-
+
-
+
Environnement : {process.env.REACT_APP_ENV}
+ {process.env.REACT_APP_ENV !== 'PROD' &&
Environnement : {process.env.REACT_APP_ENV}
}
diff --git a/src/components/header_automatic_files/Header_Client_Intranet.jsx b/src/components/header_automatic_files/Header_Client_Intranet.jsx
index 4031911..e49e583 100644
--- a/src/components/header_automatic_files/Header_Client_Intranet.jsx
+++ b/src/components/header_automatic_files/Header_Client_Intranet.jsx
@@ -202,6 +202,38 @@ const Header_Client_Intranet = () => {
setDialog_1_open(false);
};
+ const [Server_Logout_api, setServer_Logout_api] = useState();
+ const [Server_Logout_message, setServer_Logout_message] = useState();
+ const [Server_Logout_result, setServer_Logout_result] = useState([]);
+ function Server_Logout(local_token) {
+
+ var form = new FormData();
+
+ form.append("token", local_token);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/partner_logout/";
+
+ axios.post(myurl, form).then(res => {
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Server_Logout res.data.status = " + res.data.status);
+ // console.log(" In Server_Logout res.data.message r_class = " + res.data.message);
+ setServer_Logout_api("true");
+ setServer_Logout_result(res.data.message);
+ }
+ else {
+ setServer_Logout_api("false");
+ setServer_Logout_message(res.data.message);
+
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Server_Logout = ', error);
+ setServer_Logout_api("false");
+ //alert("Impossible de récuperer la liste des emails");
+ //setmyApimyApiMessage("")
+ })
+ }
+
function part_logout_confirmation() {
/* si c'est une connexion partner qui est active */
@@ -209,6 +241,8 @@ const Header_Client_Intranet = () => {
const stored_cookie = getCookie('tokenmysypart');
var acces_right_token_name = stored_cookie + "_uar";
+ Server_Logout(stored_cookie);
+
setpartCookie("tokenmysypart", "", { path: '/' });
setpartCookie(acces_right_token_name, "", { path: '/' });
removeCookie(acces_right_token_name, { path: '/' });
@@ -227,6 +261,7 @@ const Header_Client_Intranet = () => {
}
setsomeoneconnected("0");
setDialog_1_open(false);
+
history.push("/recherche-formation");
}
diff --git a/src/components/header_automatic_files/Header_ENT_Student.jsx b/src/components/header_automatic_files/Header_ENT_Student.jsx
index f8b7652..0ece6c5 100644
--- a/src/components/header_automatic_files/Header_ENT_Student.jsx
+++ b/src/components/header_automatic_files/Header_ENT_Student.jsx
@@ -252,6 +252,39 @@ const Header_ENT_Student = () => {
setDialog_1_open(false);
};
+ const [Server_Logout_api, setServer_Logout_api] = useState();
+ const [Server_Logout_message, setServer_Logout_message] = useState();
+ const [Server_Logout_result, setServer_Logout_result] = useState([]);
+ function Server_Logout(local_token) {
+
+ var form = new FormData();
+
+ form.append("token", local_token);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/partner_logout/";
+
+ axios.post(myurl, form).then(res => {
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Server_Logout res.data.status = " + res.data.status);
+ // console.log(" In Server_Logout res.data.message r_class = " + res.data.message);
+ setServer_Logout_api("true");
+ setServer_Logout_result(res.data.message);
+ }
+ else {
+ setServer_Logout_api("false");
+ setServer_Logout_message(res.data.message);
+
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Server_Logout = ', error);
+ setServer_Logout_api("false");
+ //alert("Impossible de récuperer la liste des emails");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
function part_logout_confirmation() {
/* si c'est une connexion partner qui est active */
@@ -259,6 +292,8 @@ const Header_ENT_Student = () => {
const stored_cookie = getCookie('tokenmysypart');
var acces_right_token_name = stored_cookie + "_uar";
+ Server_Logout(stored_cookie);
+
removeCookie(acces_right_token_name,);
@@ -279,6 +314,7 @@ const Header_ENT_Student = () => {
}
setsomeoneconnected("0");
setDialog_1_open(false);
+
history.push("/recherche-formation");
}
diff --git a/src/components/marketplace_automatic_files/new_marketplace_2025.js b/src/components/marketplace_automatic_files/new_marketplace_2025.js
index b84304f..dc06205 100644
--- a/src/components/marketplace_automatic_files/new_marketplace_2025.js
+++ b/src/components/marketplace_automatic_files/new_marketplace_2025.js
@@ -1559,7 +1559,7 @@ const New_C_Marketplace_2025 = () => {
axios.post(myurl, form).then(res => {
if (String(res.data.status) != String("false")) {
//console.log(" In test res.data.status = " + res.data.status);
- console.log(" In DisplayXfirstClas res.data.message = " + res.data.message);
+ // console.log(" In DisplayXfirstClas res.data.message = " + res.data.message);
setmyApiResponse("True");
setResult(res.data.message)
diff --git a/src/styles/components/_module_relance_client_facture.scss b/src/styles/components/_module_relance_client_facture.scss
new file mode 100644
index 0000000..a9865b8
--- /dev/null
+++ b/src/styles/components/_module_relance_client_facture.scss
@@ -0,0 +1,2537 @@
+.module_relance_client_facture{
+ .tooltip_css {
+ background: #81BC3A;
+ z-index: 9999;
+ font-family: "DM Sans", "sans-serif";
+ font-size: "13px";
+ }
+
+
+ .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;
+ }
+
+ .block_archive {
+ background-color: #774a10;
+ width: calc(100% - 20px);
+ margin-left: 10px;
+ margin-right: 10px;
+ border-radius: 5px;
+ text-align: center;
+ font-family: DM sans;
+ color: white;
+ margin-bottom: 0.5rem;
+ font-style: italic;
+ opacity: 80%;
+ font-weight: 600;
+ font-size: 14px;
+ }
+
+
+ .spinner {
+ width: 20rem;
+ height: 10rem;
+ border: 8px solid;
+ border-color: #3d5af1 transparent #3d5af1 transparent;
+ border-radius: 50%;
+ animation: spin-anim 1.2s linear infinite;
+ background-color: red;
+ color: black;
+ }
+
+ .mysy_spinner {
+ border-radius: 5px;
+ //border: 1px solid #d5d8dc;
+ opacity: 100%;
+ }
+
+
+
+ .Mui-disabled {
+ font-family: 'DM Sans', 'Sans-serif';
+ 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 #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "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: #107758;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #107758;
+ 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: "DM Sans", "sans-serif";
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: #0a2a4d !important;
+ 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-family: 'DM Sans', 'Sans-serif';
+ 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;
+ padding-right: 10px;
+
+
+ }
+
+ .session_caract {
+ font-family: DM Sans;
+ 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;
+ }
+
+ .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: 2rem;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ width: 100%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2rem;
+ 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: 2rem;
+ 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: "DM Sans", "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 #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "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: 2rem;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ width: 100%;
+ color: white;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2rem;
+ width: 100%;
+ color: white;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2rem;
+ 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: #0a2a4d !important;
+ 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-family: 'DM Sans', 'Sans-serif';
+ 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;
+ }
+
+
+ .div_row_list_pj {
+ width: 100%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_en_mass {
+ width: 100%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-left: 15px;
+ }
+
+ .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;
+ }
+
+ .tuteur_field {
+ width: 100%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+ }
+
+ @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: "DM Sans", "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: 12rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "DM Sans", "sans-serif";
+ font-size: 11px;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #107758;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #107758;
+ 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: "DM Sans", "sans-serif";
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: #0a2a4d !important;
+ 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-family: 'DM Sans', 'Sans-serif';
+ 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 {
+ font-family: DM Sans;
+ 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: #107758 !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: 2rem;
+ width: 80%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ width: 80%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2rem;
+ 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: 2rem;
+ 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: "DM Sans", "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: 300%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 168px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "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 #d5d8dc;
+ 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: 2rem;
+ width: 40%;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ width: 40%;
+ 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: 2rem;
+ 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: 2rem;
+ 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: #0a2a4d !important;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ padding-top: 0px !important;
+ border: none !important;
+ }
+
+ .training_caract {
+ width: 30%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font-family: 'DM Sans', 'Sans-serif';
+ 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;
+ }
+
+
+ .div_row_list_pj {
+ width: 50%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-left: 15px;
+ }
+
+ .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;
+ }
+
+ .tuteur_field {
+ width: 50%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ }
+
+ @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 #d5d8dc;
+ 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: "DM Sans", "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: 12rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "DM Sans", "sans-serif";
+ font-size: 11px;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #107758;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #107758;
+ 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: "DM Sans", "sans-serif";
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: #0a2a4d !important;
+ 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-family: 'DM Sans', 'Sans-serif';
+ 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 {
+ font-family: DM Sans;
+ 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: #107758 !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: 2rem;
+ width: 65%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ width: 65%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2rem;
+ 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: 2rem;
+ 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: "DM Sans", "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: 200%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 168px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "sans-serif";
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: default;
+ 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_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-left: 15px;
+ }
+
+ .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;
+ }
+
+ .tuteur_field {
+ width: 50%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ }
+
+ @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 #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "sans-serif";
+ font-size: 11px;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #107758;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #107758;
+ 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: "DM Sans", "sans-serif";
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: #0a2a4d !important;
+ 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-family: 'DM Sans', 'Sans-serif';
+ 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 {
+ font-family: DM Sans;
+ 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: 2rem;
+ }
+
+
+
+ .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: 2rem;
+ color: white;
+
+ }
+
+ .bton_fermer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background-color: white;
+ color: #107758 !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;
+ height: 2rem !important;
+ font-size: 11px;
+ 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: 2rem;
+ width: 40%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ width: 40%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2rem;
+ 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: 2rem;
+ 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: "DM Sans", "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: 200%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 170px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "sans-serif";
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: default;
+ 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_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-left: 15px;
+ }
+
+ .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;
+ }
+
+ .tuteur_field {
+ width: 50%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ }
+
+ .mysy_gris {
+ background: #ECEFF1 !important;
+ }
+
+
+ // end media
+
+ .separator {
+ display: flex;
+ align-items: center;
+ text-align: center;
+ margin-bottom: 0.5rem !important;
+ }
+
+ .separator::before {
+ content: '';
+ flex: 1;
+ border-top: 4px double #999;
+ }
+
+
+ .separator::after {
+ content: '';
+ flex: 1;
+ border-top: 4px double #999;
+ }
+
+ .separator:not(:empty)::before {
+ margin-right: .35em;
+ }
+
+ .separator:not(:empty)::after {
+ margin-left: .35em;
+ }
+
+
+ .separator_label {
+ width: 10rem;
+ float: left;
+ font-family: 'DM Sans';
+ color: blue;
+ font-weight: 600;
+ font-size: 14px;
+ background: #d5d8dc;
+ text-align: center;
+ border: none;
+ }
+
+
+
+
+ .disabled_style_with_visualiser {
+ width: 80% !important;
+ }
+
+ .disabled_style_with_visualiser_icone {
+ float: left;
+ text-align: center;
+ width: 100%;
+ font-size: large;
+ padding-top: 10px;
+ }
+
+ .disabled_style_left_text_with_visualiser_icone {
+ width: 80% !important;
+ float: left;
+ }
+
+ .disabled_style_right_bton_visualiser {
+ width: 9% !important;
+ float: left;
+ cursor: pointer;
+ }
+
+ .css-1v4ccyo {
+ height: 3.5rem !important;
+ font-size: small;
+ color: #0a2a4d !important;
+ }
+
+
+ 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;
+ }
+
+
+}
+
+.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 {
+ font-family: "DM Sans" !important;
+ height: 3.5rem !important;
+}
+
+
+
+.react-datepicker__input-container {
+ width: 110%;
+}
+
+.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input {
+ color: #0a2a4d !important;
+
+ font-size: small !important;
+ font-family: "DM Sans" !important;
+ padding-left: 5px !important;
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index b36d960..9f5b250 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -223,6 +223,7 @@
@import "./components/module_domaine_competence_pedagogique";
@import "./components/module_gestion_stage";
@import "./components/module_inscrit_suivi_paiement";
+@import "./components/module_relance_client_facture";
// New Design 2025