diff --git a/src/components/AddPartnerClient.js b/src/components/AddPartnerClient.js
index 02a000d..746e179 100644
--- a/src/components/AddPartnerClient.js
+++ b/src/components/AddPartnerClient.js
@@ -93,6 +93,17 @@ import {
     Plus,
     Download,
     Eye,
+    UserRound,
+    Landmark,
+    SlidersHorizontal,
+    ChevronDown,
+    Check,
+    Target,
+    BriefcaseBusiness,
+    Handshake,
+    ReceiptEuro,
+    CircleEllipsis
+
 } from "lucide-react";
 
 function PaperComponent(props) {
@@ -172,6 +183,9 @@ const AddParnerClient = (props) => {
 
     const [p_client_comment, setp_client_comment] = useState("");
 
+    const [p_client_responsable_compte_id, setp_client_responsable_compte_id] = useState("");
+
+    const [p_client_responsable_compte_nom_prenom, setp_client_responsable_compte_nom_prenom] = useState("");
 
     const [p_client_siret, setclient_siret] = useState("");
     const [p_client_tva, setclient_tva] = useState("");
@@ -412,6 +426,7 @@ const AddParnerClient = (props) => {
 
     const [importmessage, setimportmessage] = useState("");
     async function submenu_donnee_client() {
+        Get_Client_Diverses_Data();
         setsubmenu("submenu_donnee_client");
         /*
        Ceci est super crade, fair eun wait de pour attendre l'afficage avant de desacitcation si on a desactiver, mais bon ... on avance.
@@ -1040,7 +1055,226 @@ const AddParnerClient = (props) => {
         })
     }
 
+    const [New_Getall_Training_Employee_No_Filter_result, setNew_Getall_Training_Employee_No_Filter_result] = useState([{
+        "_id": "",
+        "id": "",
+        "label": "",
+        "nom": "",
+        "prenom": "",
+        "ismanager": ""
+    }]);
 
+    const [Getall_Training_Employee_No_Filter_api, setGetall_Training_Employee_No_Filter_api] = useState();
+    const [Getall_Training_Employee_No_Filter_message, setGetall_Training_Employee_No_Filter_message] = useState();
+    const [Getall_Training_Employee_No_Filter_result, setGetall_Training_Employee_No_Filter_result] = useState();
+    function Getall_Training_Employee_No_Filter(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_Ressource_Humaine_no_filter/";
+
+
+
+        axios.post(myurl, form).then(res => {
+
+            setLoading(true);
+
+            if (String(res.data.status) === String("true")) {
+                setLoading(false);
+                //console.log(" In Getall_Training_Employee_No_Filter  res.data.status = " + res.data.status);
+                //console.log(" In Getall_Training_Employee_No_Filter  res.data.message r_class = " + res.data.message);
+                setGetall_Training_Employee_No_Filter_api("true");
+                setGetall_Training_Employee_No_Filter_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_nom = JSON.parse(x).nom;
+                    var local_prenom = JSON.parse(x).prenom;
+                    var local_ismanager = JSON.parse(x).ismanager;
+
+
+                    //---
+                    var node = {
+                        "_id": local_id,
+                        "id": localid,
+                        "label": local_nom + " " + local_prenom,
+                        "nom": local_nom,
+                        "prenom": local_prenom,
+                        "ismanager": local_ismanager
+                    };
+                    new_data2.push(node);
+                });
+
+                //---
+                var node = {
+                    "_id": "",
+                    "id": "",
+                    "label": "",
+                    "nom": "",
+                    "prenom": "",
+                    "ismanager": ""
+                };
+                new_data2.push(node);
+
+                if (new_data2.length > 0)
+                    setNew_Getall_Training_Employee_No_Filter_result(new_data2);
+
+            }
+            else {
+                setGetall_Training_Employee_No_Filter_api("false");
+                setGetall_Training_Employee_No_Filter_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 :( Getall_Training_Employee_No_Filter = ', error);
+            setGetall_Training_Employee_No_Filter_api("false");
+            // alert(" Impossible de recuperer la liste des employés");
+
+            setdisplay_alert_mysy("1");
+            setalert_message(" Impossible de recuperer la liste des employés");
+            setalert_type("error");
+            //setmyApimyApiMessage("")
+        })
+    }
+
+
+    const [client_12_ca, setclient_12_ca] = useState("");
+    const [client_12_nb_invoice, setclient_12_nb_invoice] = useState("");
+    const [client_12_reste_a_payer, setclient_12_reste_a_payer] = useState("");
+    const [client_12_retard_a_payer, setclient_12_retard_a_payer] = useState("");
+    const [client_12_attente_paiement, setclient_12_attente_paiement] = useState("");
+    const [client_12_deja_paye, setclient_12_deja_paye] = useState("");
+    const [client_12_activite_3, setclient_12_activite_3] = useState([]);
+
+    const [client_12_taux_encaissement, setclient_12_taux_encaissement] = useState("");
+
+
+    const [New_Get_Client_Diverses_Data_result, setNew_Get_Client_Diverses_Data_result] = useState([]);
+
+    const [Get_Client_Diverses_Data_api, setGet_Client_Diverses_Data_api] = useState();
+    const [Get_Client_Diverses_Data_message, setGet_Client_Diverses_Data_message] = useState();
+    const [Get_Client_Diverses_Data_result, setGet_Client_Diverses_Data_result] = useState();
+    function Get_Client_Diverses_Data(event) {
+
+        var form = new FormData();
+        const stored_cookie = getCookie('tokenmysypart');
+
+
+        form.append("token", stored_cookie);
+        form.append("filter_client_id", props.client_id);
+
+        var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Parner_Divers_Invoice_Data_12/";
+
+        axios.post(myurl, form).then(res => {
+            //console.log(" In Get_Client_Diverses_Data  res.data.status = " + res.data.status);
+            //console.log(" In Get_Client_Diverses_Data  res.data.message r_class = " + res.data.message);
+
+            if (String(res.data.status) === String("true")) {
+                setGet_Client_Diverses_Data_api("true");
+                setGet_Client_Diverses_Data_result(res.data.message);
+
+                var new_data2 = [];
+                const new_data = res.data.message.map((x) => {
+
+                    if (JSON.parse(x).total_montant_CA_TTC) {
+                        setclient_12_ca(local_format_monetaire(JSON.parse(x).total_montant_CA_TTC))
+                    } else {
+                        setclient_12_ca("")
+                    }
+
+                    if (JSON.parse(x).total_nb_facture) {
+                        setclient_12_nb_invoice(JSON.parse(x).total_nb_facture)
+                    } else {
+                        setclient_12_nb_invoice("")
+                    }
+
+                    if (JSON.parse(x).total_montant_a_payer) {
+                        setclient_12_reste_a_payer(local_format_monetaire(JSON.parse(x).total_montant_a_payer))
+                    } else {
+                        setclient_12_reste_a_payer("")
+                    }
+
+                    if (JSON.parse(x).total_montant_deja_paye) {
+                        setclient_12_deja_paye(local_format_monetaire(JSON.parse(x).total_montant_deja_paye))
+                    } else {
+                        setclient_12_deja_paye("")
+                    }
+
+
+                    if (JSON.parse(x).total_montant_attente_payement) {
+                        setclient_12_attente_paiement(local_format_monetaire(JSON.parse(x).total_montant_attente_payement))
+                    } else {
+                        setclient_12_attente_paiement("")
+                    }
+
+                    if (JSON.parse(x).taux_encaissement) {
+                        setclient_12_taux_encaissement(JSON.parse(x).taux_encaissement)
+                    } else {
+                        setclient_12_taux_encaissement("")
+                    }
+
+                    if (JSON.parse(x).tab_activite) {
+                        setclient_12_activite_3(JSON.parse(x).tab_activite)
+                    } else {
+                        setclient_12_activite_3([])
+                    }
+
+                    if (JSON.parse(x).total_montant_en_retard) {
+                        setclient_12_retard_a_payer(local_format_monetaire(JSON.parse(x).total_montant_en_retard))
+                    } else {
+                        setclient_12_retard_a_payer("")
+                    }
+
+
+                    new_data2.push(x)
+
+                });
+
+
+                if (new_data2.length > 0)
+                    setNew_Get_Client_Diverses_Data_result(new_data2);
+                else
+                    setNew_Get_Client_Diverses_Data_result([])
+
+
+            }
+            else if (String(res.data.status) === String("Err_Connexion")) {
+                alert('Erreur: ' + res.data.message);
+                history.push("/Connexion");
+            }
+            else {
+                setGet_Client_Diverses_Data_api("false");
+                setGet_Client_Diverses_Data_message(res.data.message);
+                //alert(res.data.message);			
+                setdisplay_alert_mysy("1");
+                setalert_message(res.data.message);
+                setalert_type("error");
+            }
+
+        }).catch((error) => {
+            console.warn('Not good man :( Get_Client_Diverses_Data = ', error);
+            setGet_Client_Diverses_Data_api("false");
+            //alert(" Impossible de récupérer les types de clients");
+
+            setdisplay_alert_mysy("1");
+            setalert_message(" Impossible de récupérer les données diverses du client");
+            setalert_type("error");
+        })
+    }
 
     useEffect(() => {
         Get_List_Client_Type();
@@ -1049,7 +1283,7 @@ const AddParnerClient = (props) => {
         Get_List_Of_All_PJ(props.client_id);
         Get_List_Type_Financeur();
         Get_List_Type_Pouvoir_Public();
-
+        Getall_Training_Employee_No_Filter();
 
 
         if (String(props.new_customer) !== "1") {
@@ -1073,6 +1307,8 @@ const AddParnerClient = (props) => {
         setp_new_pwd("");
         setp_conf_new_login("");
 
+        Get_Client_Diverses_Data();
+
 
     }, [props.client_mail,]);
 
@@ -1098,7 +1334,7 @@ const AddParnerClient = (props) => {
         axios.post(myurl, form).then(res => {
             if (String(res.data.status) === String("true")) {
                 //console.log(" In fillfield  res.data.status = " + res.data.status);
-                //console.log(" In fillfield  res.data.message  = " + res.data.message);
+                //  console.log(" In fillfield  res.data.message  = " + res.data.message);
                 setfillfield_api("true");
                 setfillfield_result(res.data.message);
                 var mylocalclient = JSON.parse(res.data.message);
@@ -1132,33 +1368,55 @@ const AddParnerClient = (props) => {
                         setclient_raison_sociale("");
                     }
 
+
+
+
+
                     setp_client_is_company("0");
                     if (mylocalclient.is_company) {
                         setp_client_is_company(mylocalclient.is_company);
-                    }
 
+                        if (mylocalclient.is_company === "1")
+                            setSelectedType("entreprise");
+
+                        else if (mylocalclient.is_company === "0")
+                            setSelectedType("particulier");
+
+                        else if (mylocalclient.is_company === "2")
+                            setSelectedType("public");
+
+                    }
 
                     setp_detail_archive("0");
                     if (mylocalclient.archive) {
                         setp_detail_archive(mylocalclient.archive);
                     }
 
+                    if (mylocalclient.is_prospect && mylocalclient.is_prospect === "1") {
+                        setselected_Actor_Type("prospect")
+                    }
 
 
-                    if (String(mylocalclient.is_financeur) === "1")
+                    if (String(mylocalclient.is_financeur) === "1") {
                         setp_client_is_financeur(true);
+                        setselected_Actor_Type("financier")
+                    }
                     else
                         setp_client_is_financeur(false);
 
 
-                    if (String(mylocalclient.is_client) === "1")
+                    if (String(mylocalclient.is_client) === "1") {
                         setp_client_is_client(true);
+                        setselected_Actor_Type("client")
+                    }
                     else
                         setp_client_is_client(false);
 
 
-                    if (String(mylocalclient.is_fournisseur) === "1")
+                    if (String(mylocalclient.is_fournisseur) === "1") {
                         setp_client_is_fournisseur(true);
+                        setselected_Actor_Type("fournisseur")
+                    }
                     else
                         setp_client_is_fournisseur(false);
 
@@ -1220,6 +1478,19 @@ const AddParnerClient = (props) => {
                         setclient_tva("");
 
 
+
+                    if (mylocalclient.responsable_compte_id)
+                        setp_client_responsable_compte_id(mylocalclient.responsable_compte_id);
+                    else
+                        setp_client_responsable_compte_id("");
+
+
+                    if (mylocalclient.responsable_compte_nom_prenom)
+                        setp_client_responsable_compte_nom_prenom(mylocalclient.responsable_compte_nom_prenom);
+                    else
+                        setp_client_responsable_compte_nom_prenom("");
+
+
                     if (mylocalclient.type_financeur_id)
                         setp_client_type_financeur(mylocalclient.type_financeur_id);
                     else
@@ -1754,6 +2025,11 @@ const AddParnerClient = (props) => {
             document.getElementsByName("client_tva")[0].style.backgroundColor = "#ECEFF1";
         }
 
+        if (document.getElementsByName("client_responsable_compte") && document.getElementsByName("client_responsable_compte")[0]) {
+            document.getElementsByName("client_responsable_compte")[0].disabled = true;
+            document.getElementsByName("client_responsable_compte")[0].style.backgroundColor = "#ECEFF1";
+        }
+
         if (document.getElementsByName("client_website") && document.getElementsByName("client_website")[0]) {
             document.getElementsByName("client_website")[0].disabled = true;
             document.getElementsByName("client_website")[0].style.backgroundColor = "#ECEFF1";
@@ -1849,6 +2125,11 @@ const AddParnerClient = (props) => {
             document.getElementsByName("client_tva")[0].style.backgroundColor = "#FFFFFF";
         }
 
+        if (document.getElementsByName("client_responsable_compte")) {
+            document.getElementsByName("client_responsable_compte")[0].disabled = false;
+            document.getElementsByName("client_responsable_compte")[0].style.backgroundColor = "#FFFFFF";
+        }
+
         if (document.getElementsByName("client_website")) {
             document.getElementsByName("client_website")[0].disabled = false;
             document.getElementsByName("client_website")[0].style.backgroundColor = "#FFFFFF";
@@ -2121,6 +2402,9 @@ const AddParnerClient = (props) => {
         }
         form.append("tva", client_tva);
 
+
+        form.append("responsable_compte_id", p_client_responsable_compte_id);
+
         var client_website = ""
         if (document.getElementsByName("client_website")) {
             client_website = document.getElementsByName("client_website")[0].value;
@@ -2321,6 +2605,8 @@ const AddParnerClient = (props) => {
         }
         form.append("tva", client_tva);
 
+        form.append("responsable_compte_id", p_client_responsable_compte_id);
+
         var client_website = ""
         if (document.getElementsByName("client_website")) {
             client_website = document.getElementsByName("client_website")[0].value;
@@ -4173,6 +4459,92 @@ const AddParnerClient = (props) => {
             color: "purple",
         },
     ];
+
+    const clientTypes = [
+        {
+            id: "entreprise",
+            title: "Entreprise",
+            description: "Société privée, association ou organisation à but lucratif.",
+            icon: Building2,
+            mysy_id: "1",
+        },
+        {
+            id: "particulier",
+            title: "Particulier",
+            description: "Personne physique, indépendant ou particulier.",
+            icon: UserRound,
+            mysy_id: "0",
+        },
+        {
+            id: "public",
+            title: "Pouvoir Public",
+            description: "Organisme public, administration ou établissement public.",
+            icon: Landmark,
+            mysy_id: "2",
+        },
+    ];
+
+    const actorTypes = [
+        {
+            id: "prospect",
+            title: "Prospect",
+            description: "Contact ou organisation à convertir",
+            icon: Target,
+            color: "#F59E0B",
+            bgColor: "#FFF7E6",
+        },
+        {
+            id: "client",
+            title: "Client",
+            description: "Entreprise, particulier ou organisme client",
+            icon: BriefcaseBusiness,
+            color: "#104277",
+            bgColor: "#EAF2FF",
+        },
+        {
+            id: "fournisseur",
+            title: "Fournisseur",
+            description: "Prestataire, formateur ou sous-traitant",
+            icon: Handshake,
+            color: "#7C3AED",
+            bgColor: "#F3E8FF",
+        },
+        {
+            id: "financier",
+            title: "Financier",
+            description: "OPCO, financeur ou organisme payeur",
+            icon: Landmark,
+            color: "#008F5A",
+            bgColor: "#EAFBF3",
+        },
+    ];
+
+    const [selected_Actor_Type, setselected_Actor_Type] = useState("client");
+
+    const [selectedType, setSelectedType] = useState("entreprise");
+    function SelectField({ label, options = [] }) {
+        return (
+            <div className="elyos-field">
+                <label>{label}</label>
+
+                <div className="elyos-select-wrapper">
+                    <select defaultValue="">
+                        <option value="" disabled>
+                            Choisir...
+                        </option>
+
+                        {options.map((option) => (
+                            <option key={option} value={option}>
+                                {option}
+                            </option>
+                        ))}
+                    </select>
+
+                    <ChevronDown size={18} className="elyos-select-icon" />
+                </div>
+            </div>
+        );
+    }
     return (
         <div className="add_partner_client">
 
@@ -4337,7 +4709,7 @@ const AddParnerClient = (props) => {
             {/***  FIN GESTION Compte Intranet */}
 
 
-            {String(props.new_customer) === "1" && <div className="div_row" style={{ "paddingRight": "5px" }}>
+            {String(props.new_customer) === "1 ee" && <div className="div_row" style={{ "paddingRight": "5px" }}>
                 <div className="div_row">
                     <Button variant="outlined" onClick={submenu_donnee_client} className="detail_submenu client_menu" id='submenu_donnee_client' name='submenu_donnee_client'>Données Principales</Button>
                 </div>
@@ -4659,7 +5031,7 @@ const AddParnerClient = (props) => {
                                                 name="radio-buttons"
                                                 inputProps={{ 'aria-label': 'C' }}
 
-                                            /> &nbsp; P. Public
+                                            /> &nbsp; Pouvoir Public
 
                                         </nav>
                                     </div>
@@ -4949,8 +5321,8 @@ const AddParnerClient = (props) => {
             </div>
             }
 
-            {String(props.new_customer) !== "1" && <div className="div_row" style={{marginBottom:'0px'}}>
-                <div className="div_row" style={{marginBottom:'0px'}}>
+            {String(props.new_customer) !== "1" && <div className="div_row" style={{ marginBottom: '0px' }}>
+                <div className="div_row" style={{ marginBottom: '0px' }}>
 
                     <Button variant="outlined" onClick={submenu_donnee_client} className="detail_submenu client_menu" id='submenu_donnee_client' name='submenu_donnee_client'>Données Principales</Button>
                     <Button variant="outlined" onClick={submenu_donnee_facturation} className="detail_submenu client_menu" id='submenu_donnee_facturation' name='submenu_donnee_facturation'>Données Facturation &nbsp;
@@ -6661,17 +7033,596 @@ const AddParnerClient = (props) => {
             </div>}
 
             &nbsp;
-            <div className="elyos-layout">
+            {String(props.new_customer) === "1" && <div className="elyos-layout">
+                <main className="elyos-main">
+                    <section className="client-hero card bloc_titre_add_one">
+                        Nouveau client / partenaire
+                    </section>
+
+                    <section className="content-grid">
+
+                        <aside className="left-column">
+                            <section className="card info-card" style={{ minHeight: '80rem' }}>
+
+                                <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
+                                    <div style={{ width: '100%', float: 'left' }}>
+
+                                        <div className="Grid_2_col_sub_colone_header">
+                                            Informations générales
+                                        </div>
+
+                                        <div style={{
+                                            display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', width: '100%',
+                                            paddingLeft: '10px', flexWrap: 'wrap'
+                                        }}>
+
+
+
+                                            <div className="session_caract">  Raison sociale <br />
+                                                <TextField
+                                                    required
+                                                    name="client_raison_sociale"
+                                                    //label="Raison sociale"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style"
+                                                    value={p_client_raison_sociale}
+                                                    onChange={(e) => setclient_raison_sociale(e.target.value)}
+                                                />
+                                            </div>
+
+                                            <div className="session_caract">  <b>Nom </b> <br />
+                                                <TextField
+                                                    required
+                                                    name="client_nom"
+                                                    //label="Nom"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style"
+                                                    value={p_client_nom}
+                                                    onChange={(e) => setclient_nom(e.target.value)}
+
+                                                />
+                                            </div>
+
+
+                                            <div className="session_caract">  N° Siret <br />
+                                                <TextField
+                                                    required
+                                                    name="client_siret"
+                                                    //label="N° Siret"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style"
+                                                    value={p_client_siret}
+                                                    onChange={(e) => setclient_siret(e.target.value)}
+                                                />
+                                            </div>
+
+                                            <div className="session_caract">  N° TVA  <br />
+                                                <TextField
+                                                    required
+                                                    name="client_tva"
+                                                    //label="N° TVA"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style"
+                                                    value={p_client_tva}
+                                                    onChange={(e) => setclient_tva(e.target.value)}
+                                                />
+                                            </div>
+
+
+                                            <div className="session_caract">  Responsable compte  <br />
+
+                                                {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 &&
+                                                    <Autocomplete
+                                                        disablePortal
+                                                        name="client_responsable_compte3"
+                                                        id="client_responsable_compte3"
+                                                        className="disabled_style"
+                                                        options={New_Getall_Training_Employee_No_Filter_result}
+                                                        onChange={(event, value) => {
+
+                                                            if (value && value._id) {
+                                                                setp_client_responsable_compte_id(value._id);
+                                                            } else {
+                                                                setp_client_responsable_compte_id("");
+                                                            }
+
+                                                        }}
+
+                                                        renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
+                                                            inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                                        />
+                                                        }
+                                                    />}
+
+
+
+                                            </div>
+
+
+
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div className="div_row"> &nbsp; </div>
+
+                                <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
+                                    <div style={{ width: '100%', float: 'left' }}>
+
+                                        <div className="Grid_2_col_sub_colone_header">
+                                            Coordonnées
+                                        </div>
+
+                                        <div style={{
+                                            display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', width: '100%',
+                                            paddingLeft: '10px', flexWrap: 'wrap'
+                                        }}>
+
+                                            <div className="session_caract">
+                                                <b>Email</b> <br />
+                                                <TextField
+                                                    required
+                                                    name="client_email"
+                                                    //label="Email"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style"
+                                                    value={p_client_email}
+                                                    onChange={(e) => setclient_email(e.target.value)}
+
+                                                />
+                                            </div>
+
+                                            <div className="session_caract">  Téléphone <br />
+                                                <TextField
+                                                    required
+                                                    name="client_telephone"
+                                                    //label="Telephone"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style"
+                                                    value={p_client_telephone}
+                                                    onChange={(e) => setclient_telephone(e.target.value)}
+                                                />
+                                            </div>
+
+                                            <div className="session_caract">  Site web <br />
+                                                <TextField
+                                                    required
+                                                    name="client_website"
+                                                    //label="Site web"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style enable_style"
+                                                    value={p_client_website}
+                                                    onChange={(e) => setclient_website(e.target.value)}
+                                                />
+                                            </div>
+
+
+                                            <div className="session_caract">  Adresse <br />
+                                                <TextField
+                                                    required
+                                                    name="client_adresse"
+                                                    //label="Adresse"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style"
+                                                    value={p_client_adresse}
+                                                    onChange={(e) => setclient_adresse(e.target.value)}
+                                                />
+                                            </div>
+                                            <div className="session_caract"> ville <br />
+                                                <TextField
+                                                    required
+                                                    name="client_ville"
+                                                    //label="ville"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style"
+                                                    value={p_client_ville}
+                                                    onChange={(e) => setclient_ville(e.target.value)}
+                                                />
+                                            </div>
+                                            <div className="session_caract">  Code Postal <br />
+                                                <TextField
+                                                    required
+                                                    name="client_code_postal"
+                                                    //label="Code Postal"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style"
+                                                    value={p_client_code_postal}
+                                                    onChange={(e) => setclient_code_postal(e.target.value)}
+                                                />
+                                            </div>
+                                            <div className="session_caract">  Pays <br />
+                                                <TextField
+                                                    required
+                                                    name="client_pays"
+                                                    //label="Pays"
+                                                    InputLabelProps={{
+                                                        shrink: true,
+                                                    }}
+                                                    disabled={false}
+                                                    className="disabled_style"
+                                                    value={p_client_pays}
+                                                    onChange={(e) => setclient_pays(e.target.value)}
+                                                />
+                                            </div>
+
+                                            <div className="div_row"> &nbsp;</div>
+                                            <div style={{ width: '100%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px' }}> Commentaire<br />
+                                                <TextareaAutosize
+                                                    name="client_comment"
+                                                    id="client_comment"
+                                                    aria-label="minimum height"
+                                                    minRows={3}
+                                                    maxRows={5}
+                                                    //placeholder="Minimum 3 rows"
+                                                    style={{
+                                                        border: "1px solid gainsboro", width: '99%', padding: '2px',
+                                                        maxHeight: '5rem', height: '5rem', minHeight: '5rem', marginBottom: '3rem'
+                                                    }}
+                                                    value={p_client_comment}
+
+                                                    onChange={(e) => {
+                                                        setp_client_comment(e.target.value);
+
+                                                    }}
+                                                />
+                                            </div>
+
+
+
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </section>
+
+                            <div className="div_row" style={{ "border": "None" }}>
+                                &nbsp;
+                            </div>
+
+
+
+
+                        </aside>
+
+                        <aside className="right-column">
+
+                            <section className="card activity-card" style={{ minHeight: '80rem' }}>
+
+                                <div className="Grid_2_col_sub_colone_header">
+                                    Caracteristiques
+                                </div>
+                                <div className="div_row">  &nbsp;</div>
+
+
+                                <div className="elyos-client-grid">
+                                    {clientTypes.map((type) => {
+                                        const Icon = type.icon;
+                                        const isActive = selectedType === type.id;
+
+                                        return (
+                                            <button
+                                                key={type.id}
+                                                type="button"
+                                                className={`elyos-client-card ${isActive ? "active" : ""}`}
+
+                                                onClick={(e) => {
+                                                    setSelectedType(type.id)
+                                                    setp_client_is_company(String(type.mysy_id));
+                                                }}
+
+                                            >
+                                                <h3>{type.title}</h3>
+
+                                                <div style={{ width: '100%', float: 'left' }}>
+                                                    <div style={{ width: '50%', float: 'left' }}>
+                                                        <div className="elyos-icon-circle">
+                                                            <Icon size={20} />
+                                                        </div>
+                                                    </div>
+                                                    <div style={{ width: '50%', float: 'left' }}>
+                                                        <div style={{ width: '100%', paddingLeft: '20%', marginTop: '10px' }}>
+                                                            <div className="elyos-radio" style={{ marginTop: '10px', textAlign: "center" }}>
+                                                                {isActive && <Check size={14} />}
+                                                            </div> </div>
+                                                    </div>
+
+                                                </div>
+
+
+                                            </button>
+                                        );
+                                    })}
+                                </div>
+
+                                <div className="div_row">  &nbsp;</div>
+                                <div className="Grid_2_col_sub_colone_header">
+                                    Rôle principal
+                                </div>
+                                <div className="div_row">  &nbsp;</div>
+
+                                <div className="elyos-client-grid">
+                                    {actorTypes.map((type) => {
+                                        const Icon = type.icon;
+                                        const isActive = selected_Actor_Type === type.id;
+
+                                        return (
+                                            <button
+                                                key={type.id}
+                                                type="button"
+                                                className={`elyos-client-card ${isActive ? "active" : ""}`}
+
+
+                                                onClick={(e) => {
+                                                    setselected_Actor_Type(type.id)
+
+                                                    if (type.id === "financier") {
+                                                        setp_client_is_financeur(true);
+                                                        setp_client_is_fournisseur(false);
+                                                        setp_client_is_client(false)
+                                                    }
+                                                    else if (type.id === "fournisseur") {
+                                                        setp_client_is_fournisseur(true);
+                                                        setp_client_is_financeur(false);
+                                                        setp_client_is_client(false)
+                                                    }
+
+                                                    else if (type.id === "client") {
+                                                        setp_client_is_client(true);
+                                                        setp_client_is_fournisseur(false);
+                                                        setp_client_is_financeur(false);
+                                                    }
+                                                }}
+
+                                            >
+                                                <h3 style={{ color: `${type.color}`, }}>{type.title}</h3>
+
+                                                <div style={{ width: '100%', float: 'left' }}>
+                                                    <div style={{ width: '50%', float: 'left' }}>
+                                                        <div className="elyos-icon-circle" style={{ background: `${type.bgColor}` }}>
+                                                            <Icon size={20} />
+                                                        </div>
+                                                    </div>
+                                                    <div style={{ width: '50%', float: 'left' }}>
+                                                        <div style={{ width: '100%', paddingLeft: '20%', marginTop: '10px' }}>
+                                                            <div className="elyos-radio" style={{ marginTop: '10px', textAlign: "center" }}>
+                                                                {isActive && <Check size={14} />}
+                                                            </div> </div>
+                                                    </div>
+
+                                                </div>
+
+
+                                            </button>
+                                        );
+                                    })}
+                                </div>
+
+                                <div className="elyos-separator" />
+
+                                <div className="elyos-extra-section">
+                                    <div className="elyos-extra-title">
+                                        <span />
+                                        <div>
+                                            <h4>Informations complémentaires</h4>
+                                        </div>
+                                    </div>
+
+                                    <div className="elyos-fields-grid">
+                                        <Autocomplete
+                                            disablePortal
+                                            name="client_type_id"
+                                            id="client_type_id"
+                                            className="disabled_style"
+                                            options={New_Get_List_Client_Type_result}
+                                            onChange={(event, value) => {
+                                                if (value && value._id) {
+                                                    setp_client_type_id(value._id);
+
+                                                } else {
+                                                    setp_client_type_id("");
+                                                }
+                                            }}
+                                            //value={p_one_detail_client_rattachement_nom}
+
+                                            renderInput={(params) => <TextField {...params} label="Type Client" placeholder="Choisir une option"
+                                                inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                            />
+                                            }
+                                        />
+
+                                        <Autocomplete
+                                            disablePortal
+                                            name="client_groupe_id"
+                                            id="client_groupe_id"
+                                            className="disabled_style"
+                                            options={New_Get_List_Client_Groupe_result}
+                                            onChange={(event, value) => {
+                                                if (value && value._id) {
+                                                    setp_client_goupe_client_id(value._id);
+
+                                                } else {
+                                                    setp_client_goupe_client_id("");
+                                                }
+                                            }}
+                                            //value={p_one_detail_client_rattachement_nom}
+
+                                            renderInput={(params) => <TextField {...params} label="Groupe client" placeholder="Choisir une option"
+                                                inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                            />
+                                            }
+                                        />
+
+                                        {p_client_is_financeur === true &&
+
+                                            <Autocomplete
+                                                disablePortal
+                                                name="client_type_financeur_id"
+                                                id="client_type_financeur_id"
+                                                className="disabled_style"
+                                                options={New_Get_List_Type_Financeur_result}
+
+                                                onChange={(event, value) => {
+                                                    if (value && value._id) {
+                                                        setp_client_type_financeur(value._id);
+
+                                                    } else {
+
+                                                        setp_client_type_financeur("");
+
+                                                    }
+                                                }}
+                                                //value={p_one_detail_client_rattachement_nom}
+
+                                                renderInput={(params) => <TextField {...params} label="Type Financeur" placeholder="Choisir une option"
+                                                    inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                                />
+                                                }
+                                            />}
+
+                                        {p_client_is_company && String(p_client_is_company) === "2" &&
+                                            <Autocomplete
+                                                disablePortal
+                                                name="client_type_pouvoir_public_id"
+                                                id="client_type_pouvoir_public_id"
+                                                className="disabled_style"
+                                                options={New_Get_List_Type_Pouvoir_Public_result}
+
+                                                onChange={(event, value) => {
+                                                    if (value && value._id) {
+                                                        setp_client_type_pouvoir_public(value._id);
+
+                                                    } else {
+
+                                                        setp_client_type_pouvoir_public("");
+
+                                                    }
+                                                }}
+                                                //value={p_one_detail_client_rattachement_nom}
+
+                                                renderInput={(params) => <TextField {...params} label="Type P. Public " placeholder="Choisir une option"
+                                                    inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+                                                />
+                                                }
+                                            />}
+
+
+
+                                    </div>
+                                </div>
+                            </section>
+
+
+                        </aside>
+
+                    </section>
+
+                    <div className="div_row" style={{ "border": "None" }}>
+                        &nbsp;
+                    </div>
+                    <div className="div_row">
+                        <div className="div_row_gauche">
+                            <Popup
+                                trigger={
+                                    <Button variant="contained" color="success" className="bton_enreg " >Enregistrer  &nbsp; <AiTwotoneSave /> </Button>
+
+                                }
+                                modal
+                                nested
+                                position="center center"
+                            >
+                                {close => (
+                                    <div>
+                                        <button className="gest_close" onClick={close}>
+                                            &times;
+                                        </button>
+                                        <div className="gest_header"> MySy Information </div>
+                                        <div className="gest_content">
+                                            {' '}
+
+                                            Confirmez la création du nouveau partenaire <br />
+
+                                        </div>
+                                        <div className="gest_actions">
+                                            <div style={{ "width": "45%", "float": "left" }}>
+                                                <button className="gest_bton_popup" onClick={(event) => {
+                                                    Add_New_PartnerClient();
+                                                    //console.log('modal closed ');
+                                                    close();
+                                                }}> Valider </button>
+
+                                            </div>
+                                            <div style={{ "width": "45%", "float": "right" }}>
+                                                <button
+                                                    className="gest_bton_popup_annuler"
+                                                    onClick={() => {
+                                                        //console.log('modal closed ');
+                                                        close();
+                                                    }}
+                                                >
+                                                    Annuler
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                )}
+                            </Popup>
+
+
+                        </div>
+                        <div className="div_row_droite" style={{ "textAlign": "right" }}>
+                            <Button variant="contained" color="success" className="bton_annule" onClick={close_detail_client}>Fermer</Button>
+                        </div>
+                    </div>
+
+                </main>
+
+            </div>}
+
+            {String(props.new_customer) !== "1" && <div className="elyos-layout">
                 <main className="elyos-main">
                     <section className="client-hero card">
-                        <div className="client-avatar">JM</div>
+                        <div className="client-avatar">{String(p_client_raison_sociale).substring(0, 2).toUpperCase()}</div>
 
                         <div className="client-hero-content">
                             <div className="client-title-row">
                                 <div>
-                                    <h3>JMJ Formation</h3>
-                                    <div className="client-badges">
-                                        <span className="badge badge-green">Entreprise</span>
+                                    <h3 style={{ color: '#0a2a4d' }}>{p_client_raison_sociale}</h3>
+                                    <div className="client-badges" style={{ color: '#0a2a4d' }}>
+                                        <span className="badge badge-green">{p_client_is_company === "1" && "Entreprise"} {p_client_is_company !== "1" && "Particulier"}  </span>
                                         <span className="badge badge-orange">Compte prioritaire</span>
                                         {p_detail_archive && String(p_detail_archive) === "1" && <span className="badge badge-orange">Archivé</span>}
                                     </div>
@@ -6683,7 +7634,7 @@ const AddParnerClient = (props) => {
                                 <MetaItem icon={<Mail size={17} />} label="Email" value={p_client_email} />
                                 <MetaItem icon={<Phone size={17} />} label="Téléphone" value={p_client_telephone} />
                                 <MetaItem icon={<MapPin size={17} />} label="Ville" value={p_client_ville} />
-                                <MetaItem icon={<User size={17} />} label="Commercial référent" value="Julien Lefèvre" />
+                                <MetaItem icon={<User size={17} />} label="Resp. Compte " value={p_client_responsable_compte_nom_prenom} />
                             </div>
                         </div>
                     </section>
@@ -6772,6 +7723,48 @@ const AddParnerClient = (props) => {
                                                 </div>
 
 
+                                                <div className="session_caract">  Responsable compte <br />
+                                                    {formedit_mode !== "1" && New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 &&
+                                                        <TextField
+                                                            required
+                                                            name="client_responsable_compte"
+                                                            id="client_responsable_compte"
+                                                            InputLabelProps={{
+                                                                shrink: true,
+                                                            }}
+                                                            disabled={false}
+                                                            className="disabled_style"
+                                                            value={New_Getall_Training_Employee_No_Filter_result.filter((data) => (data)._id === String(p_client_responsable_compte_id))[0].label}
+                                                        />}
+
+                                                    {formedit_mode === "1" && New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 &&
+                                                        <Autocomplete
+                                                            disablePortal
+                                                            name="client_responsable_compte2"
+                                                            id="client_responsable_compte2"
+                                                            className="disabled_style"
+                                                            options={New_Getall_Training_Employee_No_Filter_result}
+                                                            value={New_Getall_Training_Employee_No_Filter_result.filter((data) => (data)._id === String(p_client_responsable_compte_id))[0].label}
+
+                                                            onChange={(event, value) => {
+                                                                DataUpdated();
+                                                                if (value && value._id) {
+                                                                    setp_client_responsable_compte_id(value._id);
+                                                                } else {
+                                                                    setp_client_responsable_compte_id("");
+                                                                }
+
+                                                            }}
+
+                                                            renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
+                                                                inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                                            />
+                                                            }
+                                                        />}
+                                                </div>
+
+
 
 
                                             </div>
@@ -6925,6 +7918,353 @@ const AddParnerClient = (props) => {
                                         </div>
                                     </div>
 
+                                    <div className="div_row"> &nbsp; </div>
+
+                                    <div className="div_row" >
+                                        <div className="Grid_2_col" >
+
+                                            <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
+                                                <div style={{ width: '100%', float: 'left' }}>
+
+                                                    <div className="Grid_2_col_sub_colone_header">
+                                                        Caracteristiques
+                                                    </div>
+                                                    <div className="div_row" style={{ paddingBottom: '0px' }}>  &nbsp;</div>
+
+
+                                                    <div className="elyos-client-grid">
+                                                        {clientTypes.map((type) => {
+                                                            const Icon = type.icon;
+                                                            const isActive = selectedType === type.id;
+
+                                                            return (
+                                                                <button
+                                                                    key={type.id}
+                                                                    type="button"
+                                                                    className={`elyos-client-card ${isActive ? "active" : ""}`}
+                                                                    disabled={!Boolean(parseInt(formedit_mode))}
+                                                                    onClick={(e) => {
+                                                                        setdatamodification("1");
+                                                                        setSelectedType(type.id)
+                                                                        setp_client_is_company(String(type.mysy_id));
+                                                                    }}
+
+                                                                >
+                                                                    <h3>{type.title}</h3>
+
+                                                                    <div style={{ width: '100%', float: 'left' }}>
+                                                                        <div style={{ width: '50%', float: 'left' }}>
+                                                                            <div className="elyos-icon-circle">
+                                                                                <Icon size={20} />
+                                                                            </div>
+                                                                        </div>
+                                                                        <div style={{ width: '50%', float: 'left' }}>
+                                                                            <div style={{ width: '100%', paddingLeft: '20%', marginTop: '10px' }}>
+                                                                                <div className="elyos-radio" style={{ marginTop: '10px', textAlign: "center" }}>
+                                                                                    {isActive && <Check size={14} />}
+                                                                                </div> </div>
+                                                                        </div>
+
+                                                                    </div>
+
+
+                                                                </button>
+                                                            );
+                                                        })}
+                                                    </div>
+
+                                                </div>
+                                            </div>
+
+                                            <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
+                                                <div style={{ width: '100%', float: 'left' }}>
+
+                                                    <div className="Grid_2_col_sub_colone_header">
+                                                        Rôle principal exist
+                                                    </div>
+                                                    <div className="div_row" style={{ paddingBottom: '0px' }}>  &nbsp;</div>
+
+                                                    <div className="elyos-client-grid">
+                                                        {actorTypes.map((type) => {
+                                                            const Icon = type.icon;
+                                                            const isActive = selected_Actor_Type === type.id;
+
+                                                            return (
+                                                                <button
+                                                                    key={type.id}
+                                                                    type="button"
+                                                                    className={`elyos-client-card ${isActive ? "active" : ""}`}
+                                                                    disabled={!Boolean(parseInt(formedit_mode))}
+
+                                                                    onClick={(e) => {
+                                                                        setselected_Actor_Type(type.id)
+                                                                        setdatamodification("1");
+                                                                        if (type.id === "financier") {
+                                                                            setp_client_is_financeur(true);
+                                                                            setp_client_is_fournisseur(false);
+                                                                            setp_client_is_client(false)
+                                                                        }
+                                                                        else if (type.id === "fournisseur") {
+                                                                            setp_client_is_fournisseur(true);
+                                                                            setp_client_is_financeur(false);
+                                                                            setp_client_is_client(false)
+                                                                        }
+
+                                                                        else if (type.id === "client") {
+                                                                            setp_client_is_client(true);
+                                                                            setp_client_is_fournisseur(false);
+                                                                            setp_client_is_financeur(false);
+                                                                        }
+                                                                    }}
+
+                                                                >
+                                                                    <h3 style={{ color: `${type.color}`, }}>{type.title}</h3>
+
+                                                                    <div style={{ width: '100%', float: 'left' }}>
+                                                                        <div style={{ width: '50%', float: 'left' }}>
+                                                                            <div className="elyos-icon-circle" style={{ background: `${type.bgColor}` }}>
+                                                                                <Icon size={20} />
+                                                                            </div>
+                                                                        </div>
+                                                                        <div style={{ width: '50%', float: 'left' }}>
+                                                                            <div style={{ width: '100%', paddingLeft: '20%', marginTop: '10px' }}>
+                                                                                <div className="elyos-radio" style={{ marginTop: '10px', textAlign: "center" }}>
+                                                                                    {isActive && <Check size={14} />}
+                                                                                </div> </div>
+                                                                        </div>
+
+                                                                    </div>
+
+
+                                                                </button>
+                                                            );
+                                                        })}
+                                                    </div>
+
+                                                    <div className="div_row">  &nbsp;</div>
+                                                </div>
+                                            </div>
+
+
+
+                                        </div>
+                                    </div>
+
+                                    <div className="div_row" >
+                                        <div className="Grid_1_col" >
+
+                                            {formedit_mode === "1" && <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
+                                                <div style={{ width: '100%', float: 'left' }}>
+
+                                                    <div className="Grid_2_col_sub_colone_header">
+                                                        Informations complémentaires
+                                                    </div>
+
+                                                    <div className="elyos-fields-grid" style={{ flexDirection: 'row', padding: '10px' }}>
+                                                        <Autocomplete
+                                                            disablePortal
+                                                            name="client_type_id"
+                                                            id="client_type_id"
+                                                            className="disabled_style"
+                                                            options={New_Get_List_Client_Type_result}
+                                                            value={New_Get_List_Client_Type_result.filter((data) => (data)._id === String(p_client_type_id))[0].label}
+
+                                                            onChange={(event, value) => {
+                                                                DataUpdated();
+                                                                if (value && value._id) {
+                                                                    setp_client_type_id(value._id);
+
+                                                                } else {
+                                                                    setp_client_type_id("");
+                                                                }
+                                                            }}
+                                                            //value={p_one_detail_client_rattachement_nom}
+
+                                                            renderInput={(params) => <TextField {...params} label="Type Client" placeholder="Choisir une option"
+                                                                inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                                            />
+                                                            }
+                                                        />
+
+                                                        <Autocomplete
+                                                            disablePortal
+                                                            name="client_groupe_id"
+                                                            id="client_groupe_id"
+                                                            className="disabled_style"
+                                                            options={New_Get_List_Client_Groupe_result}
+                                                            onChange={(event, value) => {
+                                                                DataUpdated();
+                                                                if (value && value._id) {
+                                                                    setp_client_goupe_client_id(value._id);
+
+                                                                } else {
+                                                                    setp_client_goupe_client_id("");
+                                                                }
+                                                            }}
+                                                            value={New_Get_List_Client_Groupe_result.filter((data) => (data)._id === String(p_client_goupe_client_id))[0].label}
+
+
+                                                            renderInput={(params) => <TextField {...params} label="Groupe client" placeholder="Choisir une option"
+                                                                inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                                            />
+                                                            }
+                                                        />
+
+                                                        {p_client_is_financeur === true &&
+
+                                                            <Autocomplete
+                                                                disablePortal
+                                                                name="client_type_financeur_id"
+                                                                id="client_type_financeur_id"
+                                                                className="disabled_style"
+                                                                options={New_Get_List_Type_Financeur_result}
+
+                                                                onChange={(event, value) => {
+                                                                    DataUpdated();
+                                                                    if (value && value._id) {
+                                                                        setp_client_type_financeur(value._id);
+
+                                                                    } else {
+
+                                                                        setp_client_type_financeur("");
+
+                                                                    }
+                                                                }}
+                                                                value={New_Get_List_Type_Financeur_result.filter((data) => (data)._id === String(p_client_type_financeur))[0].label}
+
+
+                                                                renderInput={(params) => <TextField {...params} label="Type Financeur" placeholder="Choisir une option"
+                                                                    inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                                                />
+                                                                }
+                                                            />}
+
+                                                        {p_client_is_company && String(p_client_is_company) === "2" &&
+                                                            <Autocomplete
+                                                                disablePortal
+                                                                name="client_type_pouvoir_public_id"
+                                                                id="client_type_pouvoir_public_id"
+                                                                className="disabled_style"
+                                                                options={New_Get_List_Type_Pouvoir_Public_result}
+
+                                                                onChange={(event, value) => {
+                                                                    if (value && value._id) {
+                                                                        setp_client_type_pouvoir_public(value._id);
+
+                                                                    } else {
+
+                                                                        setp_client_type_pouvoir_public("");
+
+                                                                    }
+                                                                }}
+                                                                value={New_Get_List_Type_Pouvoir_Public_result.filter((data) => (data)._id === String(p_client_type_pouvoir_public))[0].label}
+
+                                                                renderInput={(params) => <TextField {...params} label="Type P. Public " placeholder="Choisir une option"
+                                                                    inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+                                                                />
+                                                                }
+                                                            />}
+
+
+
+                                                    </div>
+
+                                                </div>
+                                            </div>}
+
+                                            {formedit_mode !== "1" && <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
+                                                <div style={{ width: '100%', float: 'left' }}>
+
+                                                    <div className="Grid_2_col_sub_colone_header">
+                                                        Informations complémentaires
+                                                    </div>
+
+                                                    <div className="elyos-fields-grid" style={{ flexDirection: 'row', padding: '10px' }}>
+
+                                                        {New_Get_List_Client_Type_result && New_Get_List_Client_Type_result.length > 0 &&
+                                                            <TextField
+                                                                required
+                                                                name="client_type_id"
+                                                                id="client_type_id"
+
+                                                                InputLabelProps={{
+                                                                    shrink: true,
+                                                                }}
+                                                                disabled={false}
+                                                                className="disabled_style"
+                                                                value={New_Get_List_Client_Type_result.filter((data) => (data)._id === String(p_client_type_id))[0].label}
+
+                                                            />}
+
+                                                        {New_Get_List_Client_Groupe_result && New_Get_List_Client_Groupe_result.length > 0 &&
+                                                            <TextField
+                                                                required
+                                                                name="client_groupe_id"
+                                                                id="client_groupe_id"
+
+                                                                InputLabelProps={{
+                                                                    shrink: true,
+                                                                }}
+                                                                disabled={false}
+                                                                className="disabled_style"
+                                                                value={New_Get_List_Client_Groupe_result.filter((data) => (data)._id === String(p_client_goupe_client_id))[0].label}
+
+                                                            />}
+
+
+
+
+
+                                                        {p_client_is_financeur === true && New_Get_List_Type_Financeur_result && New_Get_List_Type_Financeur_result.length > 0 &&
+
+                                                            <TextField
+                                                                required
+                                                                name="client_type_financeur_id"
+                                                                id="client_type_financeur_id"
+
+                                                                InputLabelProps={{
+                                                                    shrink: true,
+                                                                }}
+                                                                disabled={false}
+                                                                className="disabled_style"
+                                                                value={New_Get_List_Type_Financeur_result.filter((data) => (data)._id === String(p_client_type_financeur))[0].label}
+
+                                                            />}
+
+
+
+                                                        {p_client_is_company && String(p_client_is_company) === "2" && New_Get_List_Type_Pouvoir_Public_result && New_Get_List_Type_Pouvoir_Public_result.length > 0 &&
+
+                                                            <TextField
+                                                                required
+                                                                name="client_type_pouvoir_public_id"
+                                                                id="client_type_pouvoir_public_id"
+
+                                                                InputLabelProps={{
+                                                                    shrink: true,
+                                                                }}
+                                                                disabled={false}
+                                                                className="disabled_style"
+                                                                value={New_Get_List_Type_Pouvoir_Public_result.filter((data) => (data)._id === String(p_client_type_pouvoir_public))[0].label}
+
+                                                            />
+                                                        }
+
+                                                    </div>
+
+                                                </div>
+                                            </div>}
+
+
+
+
+                                        </div>
+                                    </div>
+
+
                                 </section>
 
                                 <div className="div_row" style={{ "border": "None" }}>
@@ -7788,56 +9128,67 @@ const AddParnerClient = (props) => {
 
                         </div>
 
-                        {String(submenu).trim() !== "submenu_activite" && <aside className="right-column">
-                            <section className="card activity-card">
-                                <div className="card-header-row">
-                                    <h4>Suivi & activité</h4>
-                                    <button className="link-button">Voir tout</button>
-                                </div>
+                        {String(submenu).trim() !== "submenu_activite" &&
+                            <aside className="right-column">
 
-                                <div className="activity-list">
-                                    {activities.map((activity, index) => (
-                                        <div className="activity-item" key={index}>
-                                            <div className={`activity-icon ${activity.color}`}>{activity.icon}</div>
+                                <section className="card activity-card">
+                                    <div className="card-header-row">
+                                        <h4 style={{ color: '#239B56', width: "100%", textAlign: 'center' }}>Suivi & activité</h4>
+                                    </div>
 
-                                            <div className="activity-content">
-                                                <div className="activity-top">
-                                                    <strong>{activity.title}</strong>
-                                                    <span>
-                                                        {activity.date}
-                                                        <br />
-                                                        {activity.time}
-                                                    </span>
+                                    <div className="activity-list">
+                                        {client_12_activite_3.length > 0 && client_12_activite_3.map((activity, index) => (
+                                            <div className="activity-item" key={index}>
+                                                {activity.type === "meeting" && <div className={`activity-icon purple`}><CalendarDays size={16} /></div>}
+                                                {activity.type === "call" && <div className={`activity-icon green`}><Phone size={16} /></div>}
+                                                {activity.type === "email" && <div className={`activity-icon blue`}><Mail size={16} /></div>}
+                                                {activity.type === "facture" && <div className={`activity-icon purple`}><ReceiptEuro size={16} /></div>}
+                                                {!["meeting", "call", "email", "facture"].includes(activity.type) && <div className={`activity-icon purple`}><CircleEllipsis size={16} /></div>}
+
+
+                                                <div className="activity-content">
+                                                    <div className="activity-top">
+                                                        <strong>{activity.description}</strong>
+                                                        <span>
+                                                            {activity.deadline.substring(0, 10)}
+                                                            <br />
+                                                            {activity.deadline.substring(10, 16)}
+                                                        </span>
+                                                    </div>
+                                                    <p>{activity.text}</p>
                                                 </div>
-                                                <p>{activity.text}</p>
                                             </div>
+                                        ))}
+
+                                        {client_12_activite_3.length <= 0 &&
+                                            <div> Aucune activité</div>}
+                                    </div>
+                                </section>
+
+
+
+
+                                <section className="card balance-card">
+                                    <h4 style={{ color: '#239B56', width: '100%', textAlign: 'center' }}>Solde client</h4>
+
+                                    <div className="balance-content">
+                                        <div className="donut">
+                                            <div className="donut-hole" />
                                         </div>
-                                    ))}
-                                </div>
-                            </section>
 
-
-                            <section className="card balance-card">
-                                <h4>Solde client</h4>
-
-                                <div className="balance-content">
-                                    <div className="donut">
-                                        <div className="donut-hole" />
+                                        <div className="balance-legend">
+                                            <BalanceLine color="blue" label="Total facturé" value={client_12_ca} />
+                                            <BalanceLine color="green" label="Total payé" value={client_12_deja_paye} />
+                                            <BalanceLine color="red" label="Reste dû" value={client_12_attente_paiement} />
+                                        </div>
                                     </div>
 
-                                    <div className="balance-legend">
-                                        <BalanceLine color="blue" label="Total facturé" value="76 845,30 €" />
-                                        <BalanceLine color="green" label="Total payé" value="67 365,30 €" />
-                                        <BalanceLine color="red" label="Reste dû" value="9 480,00 €" />
+                                    <div className="cash-rate">
+                                        <span>Taux d'encaissement</span>
+                                        <strong>{client_12_taux_encaissement} %</strong>
                                     </div>
-                                </div>
-
-                                <div className="cash-rate">
-                                    <span>Taux d’encaissement</span>
-                                    <strong>87,7 %</strong>
-                                </div>
-                            </section>
-                        </aside>}
+                                </section>
+                            </aside>}
                     </section>
 
                     <div className="div_row"> &nbsp;</div>
@@ -7846,32 +9197,38 @@ const AddParnerClient = (props) => {
                             <KpiCard
                                 icon={<Euro size={24} />}
                                 label="CA généré (12 mois)"
-                                value="76 845,30 €"
-                                detail="vs 67 210,00 € (N-1)"
-                                evolution="+14,4 %"
+                                value={client_12_ca}
                                 color="blue"
                             />
                             <KpiCard
                                 icon={<FileText size={24} />}
                                 label="Factures ouvertes"
-                                value="3"
-                                detail="dont 1 en retard"
+                                value={client_12_nb_invoice}
                                 color="orange"
                             />
                             <KpiCard
                                 icon={<Wallet size={24} />}
                                 label="Reste à encaisser"
-                                value="9 480,00 €"
-                                detail="12,3 % du CA"
+                                value={client_12_reste_a_payer}
                                 color="purple"
                             />
+
+                            <KpiCard
+                                icon={<Wallet size={24} />}
+                                label="Retard à encaisser"
+                                value={client_12_reste_a_payer}
+                                color="red"
+                            />
                         </section>
 
                     </div>
 
 
                 </main>
-            </div>
+            </div>}
+
+
+
             <div className="div_row" style={{
                 "border": "None", "marginLeft": "auto", "marginLeft": "auto", "marginRight": "auto", "textAlign": "center",
                 "marginTop": "1rem", "cursor": "pointer", "marginBottom": "1rem", "marginLeft": "auto", "marginRight": "auto"
@@ -8346,6 +9703,7 @@ button {
   display: flex;
   gap: 11px;
   align-items: flex-start;
+   color: #0a2a4d
 }
 
 .meta-icon {
@@ -8358,20 +9716,21 @@ button {
   color: var(--muted);
   font-size: 13px;
   margin-bottom: 4px;
+   color: #0a2a4d
 }
 
 .meta-item strong {
   display: block;
   font-size: 14px;
-  color: #111827;
+  color: #0a2a4d
 }
 
 /* KPI */
 
 .kpi-grid {
   display: grid;
-  grid-template-columns: repeat(3, minmax(180px, 1fr));
-  gap: 16px;
+  grid-template-columns: repeat(4, minmax(180px, 1fr));
+  gap: 8px;
   margin-bottom: 20px;
 }
 
@@ -8407,11 +9766,19 @@ button {
   background: var(--purple-bg);
 }
 
+
+.kpi-icon.red {
+  color: red;
+  background: #dc7777;
+}
+
+
 .kpi-card span {
   display: block;
   color: var(--muted);
   font-weight: 700;
   font-size: 13px;
+   color: #0a2a4d
 }
 
 .kpi-card strong {
@@ -8419,6 +9786,7 @@ button {
   margin-top: 5px;
   font-size: 24px;
   letter-spacing: -0.04em;
+   color: #0a2a4d
 }
 
 .kpi-card p {
@@ -8616,12 +9984,14 @@ button {
   display: flex;
   flex-direction: column;
   gap: 20px;
+   color: #0a2a4d
 }
 
 .activity-item {
   display: grid;
   grid-template-columns: 42px 1fr;
   gap: 14px;
+   color: #0a2a4d
 }
 
 .activity-icon {
@@ -8866,5 +10236,409 @@ button {
   }
 }
 
+.bloc_titre_add_one{
+  background: linear-gradient(135deg, #eaf2ff, #f6f9ff);
+  color: #0a2a4d;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  font-weight: 700;
+  letter-spacing: 1px;
+}
 
+:root {
+  --elyos-blue: #104277;
+  --elyos-blue-light: #edf5ff;
+  --elyos-green: #008f5a;
+  --elyos-bg: #eef3f8;
+  --elyos-text: #12213d;
+  --elyos-muted: #66738a;
+  --elyos-border: #dbe4f0;
+  --elyos-white: #ffffff;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.elyos-page {
+  min-height: 100vh;
+  padding: 48px;
+  background:
+    radial-gradient(circle at top right, rgba(16, 66, 119, 0.08), transparent 30%),
+    radial-gradient(circle at bottom left, rgba(0, 143, 90, 0.08), transparent 28%),
+    var(--elyos-bg);
+  font-family: "DM Sans", Arial, Helvetica, sans-serif;
+  color: var(--elyos-text);
+}
+
+.elyos-main-card {
+  max-width: 1040px;
+  margin: 0 auto;
+  background: rgba(255, 255, 255, 0.92);
+  border: 1px solid rgba(255, 255, 255, 0.85);
+  border-radius: 32px;
+  padding: 34px 38px 36px;
+  box-shadow: 0 28px 80px rgba(16, 66, 119, 0.14);
+  backdrop-filter: blur(18px);
+}
+
+.elyos-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 24px;
+  margin-bottom: 34px;
+}
+
+.elyos-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  height: 34px;
+  padding: 0 14px;
+  margin-bottom: 16px;
+  border-radius: 999px;
+  background: var(--elyos-blue-light);
+  color: var(--elyos-blue);
+  font-size: 13px;
+  font-weight: 800;
+}
+
+.elyos-header h2 {
+  margin: 0;
+  color: var(--elyos-blue);
+  font-size: 30px;
+  line-height: 1.15;
+  font-weight: 900;
+  letter-spacing: -0.04em;
+}
+
+.elyos-header p {
+  max-width: 720px;
+  margin: 12px 0 0;
+  color: var(--elyos-muted);
+  font-size: 15px;
+  line-height: 1.6;
+}
+
+.elyos-settings-btn {
+  width: 58px;
+  height: 58px;
+  border: 1px solid var(--elyos-border);
+  border-radius: 18px;
+  background: #ffffff;
+  color: var(--elyos-blue);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 10px 28px rgba(16, 66, 119, 0.08);
+  transition: all 0.2s ease;
+}
+
+.elyos-settings-btn:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 16px 36px rgba(16, 66, 119, 0.14);
+}
+
+.elyos-client-grid {
+flex-direction: revert;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  width: 100%;
+  padding: 10px;
+}
+
+.elyos-client-card {
+position: relative;
+  height: 120px;
+  padding: 14px 8px 8px;
+  border-radius: 24px;
+  border: 1px solid var(--elyos-border);
+  background: #fff;
+  color: var(--elyos-text);
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.24s ease;
+  flex: 1;
+  padding: 24px;
+  background: #fff;
+  border: 1px solid #dbe4f0;
+  border-radius: 16px;
+  text-align: center;
+  box-shadow: 0 10px 24px rgba(16, 66, 119, 0.08);
+}
+
+.elyos-client-card:hover {
+  transform: translateY(-4px);
+  border-color: rgba(16, 66, 119, 0.3);
+  box-shadow: 0 22px 48px rgba(16, 66, 119, 0.12);
+}
+
+.elyos-client-card.active {
+  border-color: #0b55d9;
+  background:
+    linear-gradient(180deg, rgba(237, 245, 255, 0.85), #ffffff),
+    #ffffff;
+  box-shadow:
+    0 24px 56px rgba(16, 66, 119, 0.16),
+    inset 0 0 0 1px rgba(11, 85, 217, 0.18);
+}
+
+.elyos-icon-circle {
+  width: 50px;
+  height: 50px;
+  margin: 0 auto 10px;
+  border-radius: 999px;
+  background: #f0f5fb;
+  color: #0b55d9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+}
+
+.elyos-client-card:nth-child(2) .elyos-icon-circle {
+  background: rgba(0, 143, 90, 0.1);
+  color: var(--elyos-green);
+}
+
+.elyos-client-card.active .elyos-icon-circle {
+  background: rgba(11, 85, 217, 0.12);
+  color: #0b55d9;
+}
+
+.elyos-client-card h3 {
+  margin: 0;
+  color: var(--elyos-blue);
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  margin-bottom: 10px;
+}
+
+.elyos-client-card p {
+  max-width: 100px;
+  margin: 14px auto 0;
+  color: var(--elyos-muted);
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.elyos-radio {
+  bottom: 24px;
+  width: 24px;
+  height: 24px;
+  border: 2px solid #8b98aa;
+  border-radius: 999px;
+  background: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #ffffff;
+}
+
+.elyos-client-card.active .elyos-radio {
+  border-color: #0b55d9;
+  background: #0b55d9;
+}
+
+.elyos-separator {
+  height: 1px;
+  margin: 38px -38px 0;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(16, 66, 119, 0.14),
+    transparent
+  );
+}
+
+.elyos-extra-section {
+  padding-top: 30px;
+}
+
+.elyos-extra-title {
+  display: flex;
+  align-items: flex-start;
+  gap: 14px;
+  margin-bottom: 26px;
+}
+
+.elyos-extra-title > span {
+  width: 9px;
+  height: 9px;
+  margin-top: 8px;
+  border-radius: 999px;
+  background: var(--elyos-green);
+  box-shadow: 0 0 0 6px rgba(0, 143, 90, 0.09);
+}
+
+.elyos-extra-title h4 {
+  margin: 0;
+  color: var(--elyos-blue);
+  font-size: 18px;
+  font-weight: 900;
+}
+
+.elyos-extra-title p {
+  margin: 6px 0 0;
+  color: var(--elyos-muted);
+  font-size: 14px;
+}
+
+.elyos-fields-grid {
+  display: flex;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 26px;
+  flex-direction: column;
+}
+
+.elyos-field {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.elyos-field label {
+  color: var(--elyos-blue);
+  font-size: 13px;
+  font-weight: 800;
+}
+
+.elyos-select-wrapper {
+  position: relative;
+}
+
+.elyos-select-wrapper select {
+  width: 100%;
+  height: 58px;
+  appearance: none;
+  border: 1px solid var(--elyos-border);
+  border-radius: 16px;
+  padding: 0 46px 0 18px;
+  background: #ffffff;
+  color: var(--elyos-muted);
+  font-size: 15px;
+  font-family: inherit;
+  outline: none;
+  cursor: pointer;
+  box-shadow: 0 10px 24px rgba(16, 66, 119, 0.05);
+  transition: all 0.2s ease;
+}
+
+.elyos-select-wrapper select:focus {
+  border-color: var(--elyos-blue);
+  box-shadow:
+    0 0 0 4px rgba(16, 66, 119, 0.1),
+    0 12px 28px rgba(16, 66, 119, 0.1);
+}
+
+.elyos-select-icon {
+  position: absolute;
+  top: 50%;
+  right: 18px;
+  transform: translateY(-50%);
+  color: #506176;
+  pointer-events: none;
+}
+
+.elyos-actions {
+  max-width: 1040px;
+  margin: 28px auto 0;
+  display: flex;
+  justify-content: space-between;
+  gap: 18px;
+}
+
+.elyos-btn-secondary,
+.elyos-btn-primary {
+  height: 58px;
+  border-radius: 16px;
+  padding: 0 32px;
+  font-family: inherit;
+  font-size: 15px;
+  font-weight: 800;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.elyos-btn-secondary {
+  border: 1px solid var(--elyos-border);
+  background: rgba(255, 255, 255, 0.7);
+  color: var(--elyos-blue);
+}
+
+.elyos-btn-secondary:hover {
+  background: #ffffff;
+  box-shadow: 0 12px 30px rgba(16, 66, 119, 0.1);
+}
+
+.elyos-btn-primary {
+  min-width: 260px;
+  border: none;
+  background: linear-gradient(135deg, #104277 0%, #0b55d9 100%);
+  color: #ffffff;
+  box-shadow: 0 20px 44px rgba(11, 85, 217, 0.28);
+}
+
+.elyos-btn-primary span {
+  margin-left: 14px;
+  font-size: 18px;
+}
+
+.elyos-btn-primary:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 26px 56px rgba(11, 85, 217, 0.34);
+}
+
+@media (max-width: 980px) {
+  .elyos-page {
+    padding: 28px;
+  }
+
+  .elyos-client-grid,
+  .elyos-fields-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .elyos-client-card {
+    min-height: 220px;
+  }
+}
+
+@media (max-width: 640px) {
+  .elyos-page {
+    padding: 18px;
+  }
+
+  .elyos-main-card {
+    padding: 24px;
+    border-radius: 24px;
+  }
+
+  .elyos-header {
+    flex-direction: column;
+  }
+
+  .elyos-header h2 {
+    font-size: 24px;
+  }
+
+  .elyos-separator {
+    margin-left: -24px;
+    margin-right: -24px;
+  }
+
+  .elyos-actions {
+    flex-direction: column;
+  }
+
+  .elyos-btn-primary,
+  .elyos-btn-secondary {
+    width: 100%;
+  }
 `;
diff --git a/src/components/AddPartnerClient_ARG_100526.js b/src/components/AddPartnerClient_ARG_100526.js
index 206872c..1f19090 100644
--- a/src/components/AddPartnerClient_ARG_100526.js
+++ b/src/components/AddPartnerClient_ARG_100526.js
@@ -4203,616 +4203,617 @@ const AddPartnerClient_ARG_100526 = (props) => {
             {/***  FIN GESTION Compte Intranet */}
 
 
-            {String(props.new_customer) === "1" && <div className="div_row" style={{ "paddingRight": "5px" }}>
-                <div className="div_row">
-                    <Button variant="outlined" onClick={submenu_donnee_client} className="detail_submenu client_menu" id='submenu_donnee_client' name='submenu_donnee_client'>Données Principales</Button>
-                </div>
-
-
-
-                <div className="div_row" >
-                    <div className="Grid_2_col" >
-
-                        <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
-                            <div style={{ width: '100%', float: 'left' }}>
-
-                                <div className="Grid_2_col_sub_colone_header">
-                                    Infos générales
-                                </div>
-
-                                <div style={{
-                                    display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', width: '100%',
-                                    paddingLeft: '10px', flexWrap: 'wrap'
-                                }}>
-
-
-
-                                    <div className="session_caract">  Raison sociale <br />
-                                        <TextField
-                                            required
-                                            name="client_raison_sociale"
-                                            //label="Raison sociale"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style"
-                                            value={p_client_raison_sociale}
-                                            onChange={(e) => setclient_raison_sociale(e.target.value)}
-                                        />
-                                    </div>
-
-                                    <div className="session_caract">  <b>Nom </b> <br />
-                                        <TextField
-                                            required
-                                            name="client_nom"
-                                            //label="Nom"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style"
-                                            value={p_client_nom}
-                                            onChange={(e) => setclient_nom(e.target.value)}
-
-                                        />
-                                    </div>
-
-
-                                    <div className="session_caract">  N° Siret <br />
-                                        <TextField
-                                            required
-                                            name="client_siret"
-                                            //label="N° Siret"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style"
-                                            value={p_client_siret}
-                                            onChange={(e) => setclient_siret(e.target.value)}
-                                        />
-                                    </div>
-
-                                    <div className="session_caract">  N° TVA  <br />
-                                        <TextField
-                                            required
-                                            name="client_tva"
-                                            //label="N° TVA"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style"
-                                            value={p_client_tva}
-                                            onChange={(e) => setclient_tva(e.target.value)}
-                                        />
-                                    </div>
-
-                                    <div className="div_row"> &nbsp;</div>
-
-                                    <div className="session_caract">
-                                        <b>Email</b> <br />
-                                        <TextField
-                                            required
-                                            name="client_email"
-                                            //label="Email"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style"
-                                            value={p_client_email}
-                                            onChange={(e) => setclient_email(e.target.value)}
-
-                                        />
-                                    </div>
-
-                                    <div className="session_caract">  Téléphone <br />
-                                        <TextField
-                                            required
-                                            name="client_telephone"
-                                            //label="Telephone"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style"
-                                            value={p_client_telephone}
-                                            onChange={(e) => setclient_telephone(e.target.value)}
-                                        />
-                                    </div>
-
-                                    <div className="session_caract">  Site web <br />
-                                        <TextField
-                                            required
-                                            name="client_website"
-                                            //label="Site web"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style enable_style"
-                                            value={p_client_website}
-                                            onChange={(e) => setclient_website(e.target.value)}
-                                        />
-                                    </div>
-
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
-                            <div style={{ width: '100%', float: 'left' }}>
-
-                                <div className="Grid_2_col_sub_colone_header">
-                                    Coordonnées
-                                </div>
-
-                                <div style={{
-                                    display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', width: '100%',
-                                    paddingLeft: '10px', flexWrap: 'wrap'
-                                }}>
-
-                                    <div className="session_caract">  Adresse <br />
-                                        <TextField
-                                            required
-                                            name="client_adresse"
-                                            //label="Adresse"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style"
-                                            value={p_client_adresse}
-                                            onChange={(e) => setclient_adresse(e.target.value)}
-                                        />
-                                    </div>
-                                    <div className="session_caract"> ville <br />
-                                        <TextField
-                                            required
-                                            name="client_ville"
-                                            //label="ville"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style"
-                                            value={p_client_ville}
-                                            onChange={(e) => setclient_ville(e.target.value)}
-                                        />
-                                    </div>
-                                    <div className="session_caract">  Code Postal <br />
-                                        <TextField
-                                            required
-                                            name="client_code_postal"
-                                            //label="Code Postal"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style"
-                                            value={p_client_code_postal}
-                                            onChange={(e) => setclient_code_postal(e.target.value)}
-                                        />
-                                    </div>
-                                    <div className="session_caract">  Pays <br />
-                                        <TextField
-                                            required
-                                            name="client_pays"
-                                            //label="Pays"
-                                            InputLabelProps={{
-                                                shrink: true,
-                                            }}
-                                            disabled={false}
-                                            className="disabled_style"
-                                            value={p_client_pays}
-                                            onChange={(e) => setclient_pays(e.target.value)}
-                                        />
-                                    </div>
-
-                                    <div className="div_row"> &nbsp;</div>
-                                    <div style={{ width: '100%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px' }}> Commentaire<br />
-                                        <TextareaAutosize
-                                            name="client_comment"
-                                            id="client_comment"
-                                            aria-label="minimum height"
-                                            minRows={3}
-                                            maxRows={5}
-                                            //placeholder="Minimum 3 rows"
-                                            style={{
-                                                border: "1px solid gainsboro", width: '99%', padding: '2px',
-                                                maxHeight: '5rem', height: '5rem', minHeight: '5rem', marginBottom: '3rem'
-                                            }}
-                                            value={p_client_comment}
-
-                                            onChange={(e) => {
-                                                setp_client_comment(e.target.value);
-
-                                            }}
-                                        />
-                                    </div>
-
-
-
-                                </div>
-                            </div>
-                        </div>
-
-
-
+            {String(props.new_customer) === "1" &&
+                <div className="div_row" style={{ "paddingRight": "5px" }}>
+                    <div className="div_row">
+                        <Button variant="outlined" onClick={submenu_donnee_client} className="detail_submenu client_menu" id='submenu_donnee_client' name='submenu_donnee_client'>Données Principales</Button>
                     </div>
-                </div>
-
-                <div className="div_row" >
-                    <div className="Grid_2_col" >
-
-                        <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
-                            <div style={{ width: '100%', float: 'left' }}>
-
-                                <div className="Grid_2_col_sub_colone_header">
-                                    Caracteristiques
-                                </div>
-
-                                <div style={{
-                                    display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', width: '100%',
-                                    paddingLeft: '10px', flexWrap: 'wrap'
-                                }}>
 
 
 
-                                    <div className="session_caract" >
-                                        &nbsp; <br /> <br />
-                                        <nav style={{ "paddingLeft": "10px" }}>
-                                            <Radio
-                                                disabled={!Boolean(String(props.check_user_acces_right("client", "write")))}
-                                                checked={p_client_is_company === '1'}
-                                                onChange={(e) => {
-                                                    DataEditMode();
-                                                    setp_client_is_company('1');
+                    <div className="div_row" >
+                        <div className="Grid_2_col" >
+
+                            <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
+                                <div style={{ width: '100%', float: 'left' }}>
+
+                                    <div className="Grid_2_col_sub_colone_header">
+                                        Infos générales
+                                    </div>
+
+                                    <div style={{
+                                        display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', width: '100%',
+                                        paddingLeft: '10px', flexWrap: 'wrap'
+                                    }}>
+
+
+
+                                        <div className="session_caract">  Raison sociale <br />
+                                            <TextField
+                                                required
+                                                name="client_raison_sociale"
+                                                //label="Raison sociale"
+                                                InputLabelProps={{
+                                                    shrink: true,
                                                 }}
-                                                value="1"
-                                                name="radio-buttons"
-                                                inputProps={{ 'aria-label': 'A' }}
-                                                sx={{
-                                                    color: '#FF1493',
-                                                    '&.Mui-checked': {
+                                                disabled={false}
+                                                className="disabled_style"
+                                                value={p_client_raison_sociale}
+                                                onChange={(e) => setclient_raison_sociale(e.target.value)}
+                                            />
+                                        </div>
+
+                                        <div className="session_caract">  <b>Nom </b> <br />
+                                            <TextField
+                                                required
+                                                name="client_nom"
+                                                //label="Nom"
+                                                InputLabelProps={{
+                                                    shrink: true,
+                                                }}
+                                                disabled={false}
+                                                className="disabled_style"
+                                                value={p_client_nom}
+                                                onChange={(e) => setclient_nom(e.target.value)}
+
+                                            />
+                                        </div>
+
+
+                                        <div className="session_caract">  N° Siret <br />
+                                            <TextField
+                                                required
+                                                name="client_siret"
+                                                //label="N° Siret"
+                                                InputLabelProps={{
+                                                    shrink: true,
+                                                }}
+                                                disabled={false}
+                                                className="disabled_style"
+                                                value={p_client_siret}
+                                                onChange={(e) => setclient_siret(e.target.value)}
+                                            />
+                                        </div>
+
+                                        <div className="session_caract">  N° TVA  <br />
+                                            <TextField
+                                                required
+                                                name="client_tva"
+                                                //label="N° TVA"
+                                                InputLabelProps={{
+                                                    shrink: true,
+                                                }}
+                                                disabled={false}
+                                                className="disabled_style"
+                                                value={p_client_tva}
+                                                onChange={(e) => setclient_tva(e.target.value)}
+                                            />
+                                        </div>
+
+                                        <div className="div_row"> &nbsp;</div>
+
+                                        <div className="session_caract">
+                                            <b>Email</b> <br />
+                                            <TextField
+                                                required
+                                                name="client_email"
+                                                //label="Email"
+                                                InputLabelProps={{
+                                                    shrink: true,
+                                                }}
+                                                disabled={false}
+                                                className="disabled_style"
+                                                value={p_client_email}
+                                                onChange={(e) => setclient_email(e.target.value)}
+
+                                            />
+                                        </div>
+
+                                        <div className="session_caract">  Téléphone <br />
+                                            <TextField
+                                                required
+                                                name="client_telephone"
+                                                //label="Telephone"
+                                                InputLabelProps={{
+                                                    shrink: true,
+                                                }}
+                                                disabled={false}
+                                                className="disabled_style"
+                                                value={p_client_telephone}
+                                                onChange={(e) => setclient_telephone(e.target.value)}
+                                            />
+                                        </div>
+
+                                        <div className="session_caract">  Site web <br />
+                                            <TextField
+                                                required
+                                                name="client_website"
+                                                //label="Site web"
+                                                InputLabelProps={{
+                                                    shrink: true,
+                                                }}
+                                                disabled={false}
+                                                className="disabled_style enable_style"
+                                                value={p_client_website}
+                                                onChange={(e) => setclient_website(e.target.value)}
+                                            />
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
+                                <div style={{ width: '100%', float: 'left' }}>
+
+                                    <div className="Grid_2_col_sub_colone_header">
+                                        Coordonnées
+                                    </div>
+
+                                    <div style={{
+                                        display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', width: '100%',
+                                        paddingLeft: '10px', flexWrap: 'wrap'
+                                    }}>
+
+                                        <div className="session_caract">  Adresse <br />
+                                            <TextField
+                                                required
+                                                name="client_adresse"
+                                                //label="Adresse"
+                                                InputLabelProps={{
+                                                    shrink: true,
+                                                }}
+                                                disabled={false}
+                                                className="disabled_style"
+                                                value={p_client_adresse}
+                                                onChange={(e) => setclient_adresse(e.target.value)}
+                                            />
+                                        </div>
+                                        <div className="session_caract"> ville <br />
+                                            <TextField
+                                                required
+                                                name="client_ville"
+                                                //label="ville"
+                                                InputLabelProps={{
+                                                    shrink: true,
+                                                }}
+                                                disabled={false}
+                                                className="disabled_style"
+                                                value={p_client_ville}
+                                                onChange={(e) => setclient_ville(e.target.value)}
+                                            />
+                                        </div>
+                                        <div className="session_caract">  Code Postal <br />
+                                            <TextField
+                                                required
+                                                name="client_code_postal"
+                                                //label="Code Postal"
+                                                InputLabelProps={{
+                                                    shrink: true,
+                                                }}
+                                                disabled={false}
+                                                className="disabled_style"
+                                                value={p_client_code_postal}
+                                                onChange={(e) => setclient_code_postal(e.target.value)}
+                                            />
+                                        </div>
+                                        <div className="session_caract">  Pays <br />
+                                            <TextField
+                                                required
+                                                name="client_pays"
+                                                //label="Pays"
+                                                InputLabelProps={{
+                                                    shrink: true,
+                                                }}
+                                                disabled={false}
+                                                className="disabled_style"
+                                                value={p_client_pays}
+                                                onChange={(e) => setclient_pays(e.target.value)}
+                                            />
+                                        </div>
+
+                                        <div className="div_row"> &nbsp;</div>
+                                        <div style={{ width: '100%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px' }}> Commentaire<br />
+                                            <TextareaAutosize
+                                                name="client_comment"
+                                                id="client_comment"
+                                                aria-label="minimum height"
+                                                minRows={3}
+                                                maxRows={5}
+                                                //placeholder="Minimum 3 rows"
+                                                style={{
+                                                    border: "1px solid gainsboro", width: '99%', padding: '2px',
+                                                    maxHeight: '5rem', height: '5rem', minHeight: '5rem', marginBottom: '3rem'
+                                                }}
+                                                value={p_client_comment}
+
+                                                onChange={(e) => {
+                                                    setp_client_comment(e.target.value);
+
+                                                }}
+                                            />
+                                        </div>
+
+
+
+                                    </div>
+                                </div>
+                            </div>
+
+
+
+                        </div>
+                    </div>
+
+                    <div className="div_row" >
+                        <div className="Grid_2_col" >
+
+                            <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
+                                <div style={{ width: '100%', float: 'left' }}>
+
+                                    <div className="Grid_2_col_sub_colone_header">
+                                        Caracteristiques
+                                    </div>
+
+                                    <div style={{
+                                        display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', width: '100%',
+                                        paddingLeft: '10px', flexWrap: 'wrap'
+                                    }}>
+
+
+
+                                        <div className="session_caract" >
+                                            &nbsp; <br /> <br />
+                                            <nav style={{ "paddingLeft": "10px" }}>
+                                                <Radio
+                                                    disabled={!Boolean(String(props.check_user_acces_right("client", "write")))}
+                                                    checked={p_client_is_company === '1'}
+                                                    onChange={(e) => {
+                                                        DataEditMode();
+                                                        setp_client_is_company('1');
+                                                    }}
+                                                    value="1"
+                                                    name="radio-buttons"
+                                                    inputProps={{ 'aria-label': 'A' }}
+                                                    sx={{
                                                         color: '#FF1493',
-                                                    },
-                                                }}
+                                                        '&.Mui-checked': {
+                                                            color: '#FF1493',
+                                                        },
+                                                    }}
 
-                                            />&nbsp;Société &nbsp;
+                                                />&nbsp;Société &nbsp;
 
 
-                                        </nav>
-                                    </div>
-
-
-                                    <div className="session_caract" >
-                                        &nbsp; <br /> <br />
-                                        <nav style={{ "paddingLeft": "10px" }}>
-
-
-                                            <Radio
-                                                checked={p_client_is_company === '0'}
-                                                disabled={!Boolean(String(props.check_user_acces_right("client", "write")))}
-                                                onChange={(e) => {
-                                                    DataEditMode();
-                                                    setp_client_is_company('0');
-                                                }}
-                                                value="0"
-                                                name="radio-buttons"
-                                                inputProps={{ 'aria-label': 'B' }}
-
-                                            /> &nbsp; Particulier
-
-                                        </nav>
-                                    </div>
-
-
-                                    <div className="session_caract" >
-                                        &nbsp; <br /> <br />
-                                        <nav style={{ "paddingLeft": "10px" }}>
-
-                                            <Radio
-                                                checked={p_client_is_company === '2'}
-                                                disabled={!Boolean(String(props.check_user_acces_right("client", "write")))}
-                                                onChange={(e) => {
-                                                    DataEditMode();
-                                                    setp_client_is_company('2');
-                                                }}
-                                                value="2"
-                                                name="radio-buttons"
-                                                inputProps={{ 'aria-label': 'C' }}
-
-                                            /> &nbsp; P. Public
-
-                                        </nav>
-                                    </div>
-
-
-
-
-
-                                    <div className="div_row"> &nbsp; </div>
-
-                                    <div className="session_caract"> Type client <br />
-
-                                        <Autocomplete
-                                            disablePortal
-                                            name="client_type_id"
-                                            id="client_type_id"
-                                            className="disabled_style"
-                                            options={New_Get_List_Client_Type_result}
-                                            onChange={(event, value) => {
-                                                if (value && value._id) {
-                                                    setp_client_type_id(value._id);
-
-                                                } else {
-                                                    setp_client_type_id("");
-                                                }
-                                            }}
-                                            //value={p_one_detail_client_rattachement_nom}
-
-                                            renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
-                                                inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
-
-                                            />
-                                            }
-                                        />
-
-
-                                    </div>
-
-                                    <div className="session_caract"> Groupe client <br />
-                                        <Autocomplete
-                                            disablePortal
-                                            name="client_groupe_id"
-                                            id="client_groupe_id"
-                                            className="disabled_style"
-                                            options={New_Get_List_Client_Groupe_result}
-                                            onChange={(event, value) => {
-                                                if (value && value._id) {
-                                                    setp_client_goupe_client_id(value._id);
-
-                                                } else {
-                                                    setp_client_goupe_client_id("");
-                                                }
-                                            }}
-                                            //value={p_one_detail_client_rattachement_nom}
-
-                                            renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
-                                                inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
-
-                                            />
-                                            }
-                                        />
-
-
-                                    </div>
-
-
-
-                                    {p_client_is_financeur === true && <div className="session_caract"> Type Financeur <br />
-
-                                        <Autocomplete
-                                            disablePortal
-                                            name="client_type_financeur_id"
-                                            id="client_type_financeur_id"
-                                            className="disabled_style"
-                                            options={New_Get_List_Type_Financeur_result}
-
-                                            onChange={(event, value) => {
-                                                if (value && value._id) {
-                                                    setp_client_type_financeur(value._id);
-
-                                                } else {
-
-                                                    setp_client_type_financeur("");
-
-                                                }
-                                            }}
-                                            //value={p_one_detail_client_rattachement_nom}
-
-                                            renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
-                                                inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
-
-                                            />
-                                            }
-                                        />
-
-
-                                    </div>}
-
-                                    {p_client_is_company && String(p_client_is_company) === "2" && <div className="session_caract"> Type P. Public <br />
-
-                                        <Autocomplete
-                                            disablePortal
-                                            name="client_type_pouvoir_public_id"
-                                            id="client_type_pouvoir_public_id"
-                                            className="disabled_style"
-                                            options={New_Get_List_Type_Pouvoir_Public_result}
-
-                                            onChange={(event, value) => {
-                                                if (value && value._id) {
-                                                    setp_client_type_pouvoir_public(value._id);
-
-                                                } else {
-
-                                                    setp_client_type_pouvoir_public("");
-
-                                                }
-                                            }}
-                                            //value={p_one_detail_client_rattachement_nom}
-
-                                            renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
-                                                inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
-                                            />
-                                            }
-                                        />
-
-
-                                    </div>}
-
-
-
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
-                            <div style={{ width: '100%', float: 'left' }}>
-
-                                <div className="Grid_2_col_sub_colone_header">
-                                    Typologie
-                                </div>
-
-                                <div style={{
-                                    display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', width: '100%',
-                                    paddingLeft: '10px', flexWrap: 'wrap'
-                                }}>
-
-                                    <div className="session_caract" >
-                                        <Tooltip className="tooltip_css" id="tooltip_financeur" style={{ "fontSize": "12px" }} />
-                                        <a data-tooltip-id="tooltip_financeur" data-tooltip-html="Si ce type s'applique aux organismes finaceurs, cliquez 'OUI' ">
-                                            <nav className="disabled_style" style={{ "height": '3rem', border: "none" }}
-                                                onChange={(e) => {
-
-                                                    DataEditMode();
-                                                    if (p_client_is_financeur === true)
-                                                        setp_client_is_financeur(false)
-                                                    else {
-
-                                                        setp_client_is_financeur(true);
-                                                    }
-
-                                                }}
-                                                id="toggleSwitchNav_1" name="toggleSwitchNav_1">
-                                                <ToggleSwitch
-                                                    label="Est il un financeur ?" id="toggleSwitch_1" name="toggleSwitch_1" checked={p_client_is_financeur} style={{ height: "2rem" }} />
                                             </nav>
-                                        </a>
+                                        </div>
 
 
-                                    </div>
+                                        <div className="session_caract" >
+                                            &nbsp; <br /> <br />
+                                            <nav style={{ "paddingLeft": "10px" }}>
 
-                                    <div className="session_caract" >
-                                        <Tooltip className="tooltip_css" id="tooltip_fsseur" style={{ "fontSize": "12px" }} />
-                                        <a data-tooltip-id="tooltip_fsseur" data-tooltip-html="Si ce type s'applique aux fournisseurs, cliquez 'OUI' ">
-                                            <nav className="disabled_style" style={{ "height": '3rem', border: "none" }}
-                                                onChange={(e) => {
-                                                    DataEditMode();
-                                                    if (p_client_is_fournisseur === true)
-                                                        setp_client_is_fournisseur(false)
-                                                    else {
 
-                                                        setp_client_is_fournisseur(true);
-                                                    }
+                                                <Radio
+                                                    checked={p_client_is_company === '0'}
+                                                    disabled={!Boolean(String(props.check_user_acces_right("client", "write")))}
+                                                    onChange={(e) => {
+                                                        DataEditMode();
+                                                        setp_client_is_company('0');
+                                                    }}
+                                                    value="0"
+                                                    name="radio-buttons"
+                                                    inputProps={{ 'aria-label': 'B' }}
+
+                                                /> &nbsp; Particulier
 
-                                                }}
-                                                id="toggleSwitchNav_2" name="toggleSwitchNav_2">
-                                                <ToggleSwitch
-                                                    label="Est il un fournisseur ?" id="toggleSwitch_2" name="toggleSwitch_2" checked={p_client_is_fournisseur} style={{ height: "2rem" }} />
                                             </nav>
-
-                                        </a>
+                                        </div>
 
 
+                                        <div className="session_caract" >
+                                            &nbsp; <br /> <br />
+                                            <nav style={{ "paddingLeft": "10px" }}>
 
-                                    </div>
+                                                <Radio
+                                                    checked={p_client_is_company === '2'}
+                                                    disabled={!Boolean(String(props.check_user_acces_right("client", "write")))}
+                                                    onChange={(e) => {
+                                                        DataEditMode();
+                                                        setp_client_is_company('2');
+                                                    }}
+                                                    value="2"
+                                                    name="radio-buttons"
+                                                    inputProps={{ 'aria-label': 'C' }}
 
+                                                /> &nbsp; P. Public
 
-                                    <div className="session_caract" >
-
-                                        <Tooltip className="tooltip_css" id="tooltip_is_client" style={{ "fontSize": "12px" }} />
-                                        <a data-tooltip-id="tooltip_is_client" data-tooltip-html="Si ce type s'applique aux clients, cliquez 'OUI' ">
-                                            <nav className="disabled_style" style={{ "height": '3rem', border: "none" }}
-                                                onChange={(e) => {
-                                                    DataEditMode();
-                                                    if (p_client_is_client === true)
-                                                        setp_client_is_client(false)
-                                                    else {
-
-                                                        setp_client_is_client(true);
-                                                    }
-
-                                                }}
-                                                id="toggleSwitchNav_3" name="toggleSwitchNav_3">
-                                                <ToggleSwitch
-                                                    label="Est il un client ?" id="toggleSwitch_3" name="toggleSwitch_3" checked={p_client_is_client} style={{ height: "2rem" }} />
                                             </nav>
-
-                                        </a>
-                                    </div>
-
-                                </div>
-                            </div>
-                        </div>
+                                        </div>
 
 
 
-                    </div>
-                </div>
 
 
-                <div className="div_row" style={{ "border": "None" }}>
-                    &nbsp;
-                </div>
-                <div className="div_row">
-                    <div className="div_row_gauche">
-                        <Popup
-                            trigger={
-                                <Button variant="contained" color="success" className="bton_enreg " >Enregistrer  &nbsp; <AiTwotoneSave /> </Button>
+                                        <div className="div_row"> &nbsp; </div>
 
-                            }
-                            modal
-                            nested
-                            position="center center"
-                        >
-                            {close => (
-                                <div>
-                                    <button className="gest_close" onClick={close}>
-                                        &times;
-                                    </button>
-                                    <div className="gest_header"> MySy Information </div>
-                                    <div className="gest_content">
-                                        {' '}
+                                        <div className="session_caract"> Type client <br />
 
-                                        Confirmez la création du nouveau partenaire <br />
+                                            <Autocomplete
+                                                disablePortal
+                                                name="client_type_id"
+                                                id="client_type_id"
+                                                className="disabled_style"
+                                                options={New_Get_List_Client_Type_result}
+                                                onChange={(event, value) => {
+                                                    if (value && value._id) {
+                                                        setp_client_type_id(value._id);
+
+                                                    } else {
+                                                        setp_client_type_id("");
+                                                    }
+                                                }}
+                                                //value={p_one_detail_client_rattachement_nom}
+
+                                                renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
+                                                    inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                                />
+                                                }
+                                            />
 
-                                    </div>
-                                    <div className="gest_actions">
-                                        <div style={{ "width": "45%", "float": "left" }}>
-                                            <button className="gest_bton_popup" onClick={(event) => {
-                                                Add_New_PartnerClient();
-                                                //console.log('modal closed ');
-                                                close();
-                                            }}> Valider </button>
 
                                         </div>
-                                        <div style={{ "width": "45%", "float": "right" }}>
-                                            <button
-                                                className="gest_bton_popup_annuler"
-                                                onClick={() => {
+
+                                        <div className="session_caract"> Groupe client <br />
+                                            <Autocomplete
+                                                disablePortal
+                                                name="client_groupe_id"
+                                                id="client_groupe_id"
+                                                className="disabled_style"
+                                                options={New_Get_List_Client_Groupe_result}
+                                                onChange={(event, value) => {
+                                                    if (value && value._id) {
+                                                        setp_client_goupe_client_id(value._id);
+
+                                                    } else {
+                                                        setp_client_goupe_client_id("");
+                                                    }
+                                                }}
+                                                //value={p_one_detail_client_rattachement_nom}
+
+                                                renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
+                                                    inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                                />
+                                                }
+                                            />
+
+
+                                        </div>
+
+
+
+                                        {p_client_is_financeur === true && <div className="session_caract"> Type Financeur <br />
+
+                                            <Autocomplete
+                                                disablePortal
+                                                name="client_type_financeur_id"
+                                                id="client_type_financeur_id"
+                                                className="disabled_style"
+                                                options={New_Get_List_Type_Financeur_result}
+
+                                                onChange={(event, value) => {
+                                                    if (value && value._id) {
+                                                        setp_client_type_financeur(value._id);
+
+                                                    } else {
+
+                                                        setp_client_type_financeur("");
+
+                                                    }
+                                                }}
+                                                //value={p_one_detail_client_rattachement_nom}
+
+                                                renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
+                                                    inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+
+                                                />
+                                                }
+                                            />
+
+
+                                        </div>}
+
+                                        {p_client_is_company && String(p_client_is_company) === "2" && <div className="session_caract"> Type P. Public <br />
+
+                                            <Autocomplete
+                                                disablePortal
+                                                name="client_type_pouvoir_public_id"
+                                                id="client_type_pouvoir_public_id"
+                                                className="disabled_style"
+                                                options={New_Get_List_Type_Pouvoir_Public_result}
+
+                                                onChange={(event, value) => {
+                                                    if (value && value._id) {
+                                                        setp_client_type_pouvoir_public(value._id);
+
+                                                    } else {
+
+                                                        setp_client_type_pouvoir_public("");
+
+                                                    }
+                                                }}
+                                                //value={p_one_detail_client_rattachement_nom}
+
+                                                renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
+                                                    inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
+                                                />
+                                                }
+                                            />
+
+
+                                        </div>}
+
+
+
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
+                                <div style={{ width: '100%', float: 'left' }}>
+
+                                    <div className="Grid_2_col_sub_colone_header">
+                                        Typologie
+                                    </div>
+
+                                    <div style={{
+                                        display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', width: '100%',
+                                        paddingLeft: '10px', flexWrap: 'wrap'
+                                    }}>
+
+                                        <div className="session_caract" >
+                                            <Tooltip className="tooltip_css" id="tooltip_financeur" style={{ "fontSize": "12px" }} />
+                                            <a data-tooltip-id="tooltip_financeur" data-tooltip-html="Si ce type s'applique aux organismes finaceurs, cliquez 'OUI' ">
+                                                <nav className="disabled_style" style={{ "height": '3rem', border: "none" }}
+                                                    onChange={(e) => {
+
+                                                        DataEditMode();
+                                                        if (p_client_is_financeur === true)
+                                                            setp_client_is_financeur(false)
+                                                        else {
+
+                                                            setp_client_is_financeur(true);
+                                                        }
+
+                                                    }}
+                                                    id="toggleSwitchNav_1" name="toggleSwitchNav_1">
+                                                    <ToggleSwitch
+                                                        label="Est il un financeur ?" id="toggleSwitch_1" name="toggleSwitch_1" checked={p_client_is_financeur} style={{ height: "2rem" }} />
+                                                </nav>
+                                            </a>
+
+
+                                        </div>
+
+                                        <div className="session_caract" >
+                                            <Tooltip className="tooltip_css" id="tooltip_fsseur" style={{ "fontSize": "12px" }} />
+                                            <a data-tooltip-id="tooltip_fsseur" data-tooltip-html="Si ce type s'applique aux fournisseurs, cliquez 'OUI' ">
+                                                <nav className="disabled_style" style={{ "height": '3rem', border: "none" }}
+                                                    onChange={(e) => {
+                                                        DataEditMode();
+                                                        if (p_client_is_fournisseur === true)
+                                                            setp_client_is_fournisseur(false)
+                                                        else {
+
+                                                            setp_client_is_fournisseur(true);
+                                                        }
+
+                                                    }}
+                                                    id="toggleSwitchNav_2" name="toggleSwitchNav_2">
+                                                    <ToggleSwitch
+                                                        label="Est il un fournisseur ?" id="toggleSwitch_2" name="toggleSwitch_2" checked={p_client_is_fournisseur} style={{ height: "2rem" }} />
+                                                </nav>
+
+                                            </a>
+
+
+
+                                        </div>
+
+
+                                        <div className="session_caract" >
+
+                                            <Tooltip className="tooltip_css" id="tooltip_is_client" style={{ "fontSize": "12px" }} />
+                                            <a data-tooltip-id="tooltip_is_client" data-tooltip-html="Si ce type s'applique aux clients, cliquez 'OUI' ">
+                                                <nav className="disabled_style" style={{ "height": '3rem', border: "none" }}
+                                                    onChange={(e) => {
+                                                        DataEditMode();
+                                                        if (p_client_is_client === true)
+                                                            setp_client_is_client(false)
+                                                        else {
+
+                                                            setp_client_is_client(true);
+                                                        }
+
+                                                    }}
+                                                    id="toggleSwitchNav_3" name="toggleSwitchNav_3">
+                                                    <ToggleSwitch
+                                                        label="Est il un client ?" id="toggleSwitch_3" name="toggleSwitch_3" checked={p_client_is_client} style={{ height: "2rem" }} />
+                                                </nav>
+
+                                            </a>
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </div>
+
+
+
+                        </div>
+                    </div>
+
+
+                    <div className="div_row" style={{ "border": "None" }}>
+                        &nbsp;
+                    </div>
+                    <div className="div_row">
+                        <div className="div_row_gauche">
+                            <Popup
+                                trigger={
+                                    <Button variant="contained" color="success" className="bton_enreg " >Enregistrer  &nbsp; <AiTwotoneSave /> </Button>
+
+                                }
+                                modal
+                                nested
+                                position="center center"
+                            >
+                                {close => (
+                                    <div>
+                                        <button className="gest_close" onClick={close}>
+                                            &times;
+                                        </button>
+                                        <div className="gest_header"> MySy Information </div>
+                                        <div className="gest_content">
+                                            {' '}
+
+                                            Confirmez la création du nouveau partenaire <br />
+
+                                        </div>
+                                        <div className="gest_actions">
+                                            <div style={{ "width": "45%", "float": "left" }}>
+                                                <button className="gest_bton_popup" onClick={(event) => {
+                                                    Add_New_PartnerClient();
                                                     //console.log('modal closed ');
                                                     close();
-                                                }}
-                                            >
-                                                Annuler
-                                            </button>
+                                                }}> Valider </button>
+
+                                            </div>
+                                            <div style={{ "width": "45%", "float": "right" }}>
+                                                <button
+                                                    className="gest_bton_popup_annuler"
+                                                    onClick={() => {
+                                                        //console.log('modal closed ');
+                                                        close();
+                                                    }}
+                                                >
+                                                    Annuler
+                                                </button>
+                                            </div>
                                         </div>
                                     </div>
-                                </div>
-                            )}
-                        </Popup>
+                                )}
+                            </Popup>
 
 
-                    </div>
-                    <div className="div_row_droite" style={{ "textAlign": "right" }}>
-                        <Button variant="contained" color="success" className="bton_annule" onClick={close_detail_client}>Fermer</Button>
+                        </div>
+                        <div className="div_row_droite" style={{ "textAlign": "right" }}>
+                            <Button variant="contained" color="success" className="bton_annule" onClick={close_detail_client}>Fermer</Button>
+                        </div>
                     </div>
                 </div>
-            </div>
             }
 
             {String(props.new_customer) !== "1" && <div className="div_row">
diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js
index 1ff40fb..cb2c143 100644
--- a/src/components/DisplayPartnerSession.js
+++ b/src/components/DisplayPartnerSession.js
@@ -25458,7 +25458,7 @@ const DisplayPartnerSession = (props) => {
                                     <div style={{ "border": "None" }}>
                                         <h3 style={{ fontFamily: 'DM Sans' }}> Affichage planning </h3>
                                         &nbsp;
-
+ 
                                         <div style={{ "width": "98%", "marginLeft": "5px", }}>
                                             <FullCalendar
                                                 height={550}
diff --git a/src/components/Module_Agenda.js b/src/components/Module_Agenda.js
index 9737b44..b59841d 100644
--- a/src/components/Module_Agenda.js
+++ b/src/components/Module_Agenda.js
@@ -975,7 +975,7 @@ const Module_Agenda = (props) => {
 
         form.append("event_type", p_detail_event_type);
         form.append("justified", p_detail_justified);
-        //console.log(" form == ", form);
+        //console.log(" form == ", form); 
 
         var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Agenda_Event/";
 
@@ -1237,7 +1237,7 @@ const Module_Agenda = (props) => {
         { "id": "1", "label": "Planning", "value": "planning" },
         { "id": "preparation", "label": "Préparation", "value": "preparation" },
         { "id": "suivi", "label": "Suivi/Correction", "value": "suivi" },
-         { "id": "eval", "label": "Evaluation", "value": "eval" },
+        { "id": "eval", "label": "Evaluation", "value": "eval" },
         { "id": "2", "label": "Autre", "value": "autre" },
     ]
 
@@ -1461,7 +1461,7 @@ const Module_Agenda = (props) => {
 
                     </div>
                     <nav style={{ "float": "left", "width": "100%" }}>
-                        <div className="session_caract_Dialog" style={{ width: '50%' }}> Debut  <br/>
+                        <div className="session_caract_Dialog" style={{ width: '50%' }}> Debut  <br />
                             <DatePicker
                                 name="event_dialog_start"
                                 id="event_dialog_start"
@@ -1486,7 +1486,7 @@ const Module_Agenda = (props) => {
                         </div>
 
 
-                        <div className="session_caract_Dialog" style={{ width: '50%' }}> Fin <br/>
+                        <div className="session_caract_Dialog" style={{ width: '50%' }}> Fin <br />
                             <DatePicker
                                 name="event_dialog_end"
                                 id="event_dialog_end"
@@ -1556,113 +1556,93 @@ const Module_Agenda = (props) => {
                     </IconButton>
 
 
-                    <div className="div_row">
-                        {/*** Si l'agenda d'une autre personne, je dois etre autorisé à ecrire */}
-                        {String(agenda_owner_name) !== "Mon Planning" && String(p_filtre1) === "ressource_humaine" && String(props.check_user_acces_right("agenda_employes", "write")) === "1" &&
-                            <div className="div_row_gauche">
-                                {p_detail_event_id && String(p_detail_event_id) !== "" && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog">Mettre à jour</Button>}
-                                {(!p_detail_event_id || String(p_detail_event_id) === "") && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog">Ajouter</Button>}
-
-                            </div>}
-
-
-                        {/*** Si l'agenda d'un materiel, je dois etre autorisé à ecrire */}
-                        {String(agenda_owner_name) !== "Mon Planning" && String(p_filtre1) === "ressource_materielle" && String(props.check_user_acces_right("agenda_materiel_salle", "write")) === "1" &&
-                            <div className="div_row_gauche">
-                                {p_detail_event_id && String(p_detail_event_id) !== "" && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog">Mettre à jour</Button>}
-                                {(!p_detail_event_id || String(p_detail_event_id) === "") && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog">Ajouter</Button>}
-
-                            </div>}
-
-                        {/*** Si c'est mon agenda, j'ai tous les droit */}
-                        {String(agenda_owner_name) === "Mon Planning" &&
-                            <div className="div_row_gauche">
-                                {p_detail_event_id && String(p_detail_event_id) !== "" && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog">Mettre à jour</Button>}
-                                {(!p_detail_event_id || String(p_detail_event_id) === "") && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog">Ajouter</Button>}
-
-                            </div>}
-
-
-                        <div className="div_row_droite" style={{ "textAlign": 'center' }}>
-                            <Button onClick={Close_Dialog_Detail_Event_open} className="bton_annule_dialog" >Fermer</Button>
-                        </div>
-                    </div>
-
-
-
-
-                    {/* <div className="div_row">
-                        {String(setagenda_owner_name) !== "setagenda_owner_name" && String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && <div className="div_row_gauche">
-                            {p_detail_event_id && String(p_detail_event_id) !== "" && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog">Mettre à jour</Button>}
-                            {(!p_detail_event_id || String(p_detail_event_id) === "") && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog">Ajouter</Button>}
-
 
+                    {/*** Si l'agenda d'une autre personne, je dois etre autorisé à ecrire */}
+                    {String(agenda_owner_name) !== "Mon Planning" && String(p_filtre1) === "ressource_humaine" && String(props.check_user_acces_right("agenda_employes", "write")) === "1" &&
+                        <div className="div_row_gauche">
+                            {p_detail_event_id && String(p_detail_event_id) !== "" && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog" style={{ width: '40%', float: 'left' }}>M.A.J</Button>}
+                            {(!p_detail_event_id || String(p_detail_event_id) === "") && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog" style={{ float: 'left' }}>Ajouter</Button>}
 
                         </div>}
-                        <div className="div_row_droite" style={{ "textAlign": 'center' }}>
-                            <Button onClick={Close_Dialog_Detail_Event_open} className="bton_annule_dialog" >Fermer</Button>
-                        </div>
-                    </div>*/}
+
+
+                    {/*** Si l'agenda d'un materiel, je dois etre autorisé à ecrire */}
+                    {String(agenda_owner_name) !== "Mon Planning" && String(p_filtre1) === "ressource_materielle" && String(props.check_user_acces_right("agenda_materiel_salle", "write")) === "1" &&
+                        <div className="div_row_gauche">
+                            {p_detail_event_id && String(p_detail_event_id) !== "" && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog" style={{ width: '40%', float: 'left' }}>M.A.J</Button>}
+                            {(!p_detail_event_id || String(p_detail_event_id) === "") && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog" style={{ float: 'left' }}>Ajouter</Button>}
+
+                        </div>}
+
+                    {/*** Si c'est mon agenda, j'ai tous les droit */}
+                    {String(agenda_owner_name) === "Mon Planning" &&
+                        <div className="div_row_gauche">
+                            {p_detail_event_id && String(p_detail_event_id) !== "" && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog" style={{ width: '40%', float: 'left' }}>M.A.J</Button>}
+                            {(!p_detail_event_id || String(p_detail_event_id) === "") && <Button onClick={Update_One_Agenda_Event} className="bton_enreg_dialog" style={{ float: 'left' }}>Ajouter</Button>}
+
+                        </div>}
+
+
+                    {String(p_detail_sequence_session_id) !== "" && <div className="div_row_droite" style={{ "textAlign": 'center' }}>
+                        <Button onClick={Close_Dialog_Detail_Event_open} className="bton_annule_dialog" style={{ width: '40%', float: 'right' }}>Fermer</Button>
+                    </div>}
+
+
+
+                    {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" &&
+                        String(agenda_owner_name) !== "Mon Planning" && String(p_filtre1) === "ressource_humaine" && String(props.check_user_acces_right("agenda_employes", "write")) === "1" &&
+
+                        <div className="div_row_droite" style={{ "textAlign": "center" }}>
+
+                            <Button onClick={Close_Dialog_Detail_Event_open} className="bton_annule_dialog" style={{ width: '40%', float: 'right' }}>Fermer</Button>
+
+                            <Button onClick={(e) => {
+                                const response = window.confirm("Confirmez-vous la suppression de l'événement ?");
+                                if (!response) {
+                                    return;
+                                }
+                                Delete_One_Agenda_Event();
+                            }
+                            } className="bton_supprime_dialog" style={{ width: '40%', float: 'right' }}>Supprimer</Button>
+                        </div>}
+
+                    {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" &&
+                        String(agenda_owner_name) !== "Mon Planning" && String(p_filtre1) === "ressource_materielle" && String(props.check_user_acces_right("agenda_materiel_salle", "write")) === "1" &&
+
+                        <div className="div_row_droite" style={{ "textAlign": "center" }}>
+                            <Button onClick={Close_Dialog_Detail_Event_open} className="bton_annule_dialog" style={{ width: '40%', float: 'right' }}>Fermer</Button>
+                            <Button onClick={(e) => {
+                                const response = window.confirm("Confirmez-vous la suppression de l'événement ?");
+                                if (!response) {
+                                    return;
+                                }
+                                Delete_One_Agenda_Event();
+                            }
+                            } className="bton_supprime_dialog" style={{ width: '40%', float: 'right' }}>Supprimer</Button>
+                        </div>}
+
+                    {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" &&
+                        String(agenda_owner_name) === "Mon Planning" &&
+                        <div className="div_row_droite" style={{ "textAlign": "center" }}>
+
+                            <Button onClick={Close_Dialog_Detail_Event_open} className="bton_annule_dialog" style={{ width: '40%', float: 'right' }}>Fermer</Button>
+                            <Button onClick={(e) => {
+                                const response = window.confirm("Confirmez-vous la suppression de l'événement ?");
+                                if (!response) {
+                                    return;
+                                }
+                                Delete_One_Agenda_Event();
+                            }
+                            } className="bton_supprime_dialog" style={{ width: '40%', float: 'right' }}>Supprimer</Button>
+                        </div>}
+
+
+
 
                 </DialogActions>
 
 
 
-
-                {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" &&
-                    String(agenda_owner_name) !== "Mon Planning" && String(p_filtre1) === "ressource_humaine" && String(props.check_user_acces_right("agenda_employes", "write")) === "1" &&
-                    <DialogActions>
-                        <div className="div_row" style={{ "textAlign": "center" }}>
-                            <Button onClick={(e) => {
-                                const response = window.confirm("Confirmez-vous la suppression de l'événement ?");
-                                if (!response) {
-                                    return;
-                                }
-                                Delete_One_Agenda_Event();
-                            }
-                            } className="bton_supprime_dialog">Supprimer l'événement</Button>
-                        </div>
-
-
-                    </DialogActions>}
-
-                {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" &&
-                    String(agenda_owner_name) !== "Mon Planning" && String(p_filtre1) === "ressource_materielle" && String(props.check_user_acces_right("agenda_materiel_salle", "write")) === "1" && <DialogActions>
-                        <div className="div_row" style={{ "textAlign": "center" }}>
-                            <Button onClick={(e) => {
-                                const response = window.confirm("Confirmez-vous la suppression de l'événement ?");
-                                if (!response) {
-                                    return;
-                                }
-                                Delete_One_Agenda_Event();
-                            }
-                            } className="bton_supprime_dialog">Supprimer l'événement</Button>
-                        </div>
-
-
-                    </DialogActions>}
-
-                {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" &&
-                    String(agenda_owner_name) === "Mon Planning" && <DialogActions>
-                        <div className="div_row" style={{ "textAlign": "center" }}>
-                            <Button onClick={(e) => {
-                                const response = window.confirm("Confirmez-vous la suppression de l'événement ?");
-                                if (!response) {
-                                    return;
-                                }
-                                Delete_One_Agenda_Event();
-                            }
-                            } className="bton_supprime_dialog">Supprimer l'événement</Button>
-                        </div>
-
-
-                    </DialogActions>}
-
-
-
-
-
-
                 {/*String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" &&
                     <DialogActions>
                         <div className="div_row" style={{ "textAlign": "center" }}>
@@ -1826,168 +1806,172 @@ const Module_Agenda = (props) => {
                 {agenda_owner_name && String(agenda_owner_name) !== "Mon Planning" && tab_selected_users.length === 1 && <h5> Vous êtes sur le planning de  <i> {agenda_owner_name}  - ({agenda_owner_type}) </i> </h5>}
             </div>}
 
-            {tab_selected_users.length <= 1 && <div style={{ "width": "98%", "marginLeft": "5px" }}>
-                &nbsp;
+            <div className="session_data" id='mysy_calendar' name="mysy_calendar" style={{height:'850', background:'#FFF'}}>
+                {tab_selected_users.length <= 1 && <div style={{ "width": "98%", "marginLeft": "5px", minHeight:'1100px' }}>
+                    &nbsp;
 
-                <FullCalendar
-                    locales={allLocales}
-                    locale={'fr'}
-                    editable
-                    selectable
-                    //events={events}
-                    contentHeight='auto'
-                    events={mysy_events}
+                    <FullCalendar
+                        locales={allLocales}
+                        locale={'fr'}
+                        editable
+                        selectable
+                        //events={events}
+                        contentHeight='auto'
+                        events={mysy_events}
 
-                    select={handleSelect}
-                    headerToolbar={{
-                        start: "today prev next",
-                        center: "title",
-                        end: "dayGridMonth,timeGridWeek,timeGridDay",
-                    }}
-                    //eventContent={(info) => <EventItem info={info} />}
-                    //plugins={[timeGridPlugin]}
-                    plugins={[timeGridPlugin, daygridPlugin, interactionPlugin,]}
-                    views={["dayGridMonth", "dayGridWeek", "dayGridDay"]}
-                    slotMinTime={Partner_Debut_Journee}
-                    slotMaxTime={Partner_Fin_Journee}
-                    scrollTime='08:00'
-                    displayEventEnd={true}
-                    eventContent={renderEventContent}
-                    eventClick={handleEventClick}
-                    eventColor='#378006'
-                />
-            </div>}
+                        select={handleSelect}
+                        headerToolbar={{
+                            start: "today prev next",
+                            center: "title",
+                            end: "dayGridMonth,timeGridWeek,timeGridDay",
+                        }}
+                        //eventContent={(info) => <EventItem info={info} />}
+                        //plugins={[timeGridPlugin]}
+                        plugins={[timeGridPlugin, daygridPlugin, interactionPlugin,]}
+                        views={["dayGridMonth", "dayGridWeek", "dayGridDay"]}
+                        slotMinTime={Partner_Debut_Journee}
+                        slotMaxTime={Partner_Fin_Journee}
+                        scrollTime='08:00'
+                        displayEventEnd={true}
+                        eventContent={renderEventContent}
+                        eventClick={handleEventClick}
+                        eventColor='#378006'
+                        hiddenDays={[0]}
+                    />
+                </div>}
 
-            {tab_selected_users.length > 1 && <div>
-                <Box
-                    sx={{
-                        height: 800,
-                        width: '100%',
-                        paddingRight: '1px',
-                        '& .cell--presentiel': {
-                            backgroundColor: '#a2cf6e',
-                            color: '#1a3e72',
-                            fontWeight: 'bold',
-                        },
+                {tab_selected_users.length > 1 && <div style={{ "width": "98%", "marginLeft": "5px", minHeight:'1100px' }}>
+                    <Box
+                        sx={{
+                            height: 800,
+                            width: '100%',
+                            paddingRight: '1px',
+                            '& .cell--presentiel': {
+                                backgroundColor: '#a2cf6e',
+                                color: '#1a3e72',
+                                fontWeight: 'bold',
+                            },
 
 
-                        [`& .${gridClasses.cell}`]: {
-                            py: 1,
-                        },
+                            [`& .${gridClasses.cell}`]: {
+                                py: 1,
+                            },
 
-                    }}
-                >
-                    <div className="div_row" style={{ width: "100%", float: "left", padding: "5px" }}>
-                        <div style={{ width: '100%', float: 'right', textAlign: 'right' }}>
+                        }}
+                    >
+                        <div className="div_row" style={{ width: "100%", float: "left", padding: "5px" }}>
+                            <div style={{ width: '100%', float: 'right', textAlign: 'right' }}>
 
-                            <div style={{ width: '15rem', float: 'right' }}>
-                                <Button onClick={(event) => {
-                                    setvisible_start(moment(visible_start).startOf("hour").add(-10, "hour").toDate());
-                                    setvisible_end(moment(visible_end).startOf("hour").add(-10, "hour").toDate());
+                                <div style={{ width: '15rem', float: 'right' }}>
+                                    <Button onClick={(event) => {
+                                        setvisible_start(moment(visible_start).startOf("hour").add(-10, "hour").toDate());
+                                        setvisible_end(moment(visible_end).startOf("hour").add(-10, "hour").toDate());
 
-                                }}  >  <ArrowBackIosNewIcon />   </Button> &nbsp; <Button onClick={(event) => {
-                                    setvisible_start(moment(visible_start).startOf("hour").add(+10, "hour").toDate());
-                                    setvisible_end(moment(visible_end).startOf("hour").add(+10, "hour").toDate());
+                                    }}  >  <ArrowBackIosNewIcon />   </Button> &nbsp; <Button onClick={(event) => {
+                                        setvisible_start(moment(visible_start).startOf("hour").add(+10, "hour").toDate());
+                                        setvisible_end(moment(visible_end).startOf("hour").add(+10, "hour").toDate());
 
-                                }}  >    <ArrowForwardIosIcon /> </Button>
+                                    }}  >    <ArrowForwardIosIcon /> </Button>
+
+                                </div>
+
+                            </div>
+
+                            <Timeline
+                                groups={tab_selected_users}
+                                items={New_Getall_Object_result_Timeline_Item}
+                                // defaultTimeStart={defaultTimeStart}
+                                // defaultTimeEnd={defaultTimeEnd}
+                                visibleTimeStart={visible_start}
+                                visibleTimeEnd={visible_end}
+
+                                fullUpdate
+                                itemTouchSendsClick={false}
+                                stackItems
+                                itemHeightRatio={0.75}
+                                canMove={true}
+                                canResize={"both"}
+                                onItemDoubleClick={(ItemId) => {
+                                }}
+
+                            >
+                                <TimelineHeaders>
+
+                                    <DateHeader unit="day"
+                                        labelFormat="DD/MM/YYYY"
+                                        style={{ height: 50 }} />
+
+
+                                    <DateHeader unit="hour"
+                                        labelFormat="HH:00"
+                                        style={{ height: 50 }} />
+
+
+                                </TimelineHeaders>
+
+                                <TimelineMarkers>
+                                    <TodayMarker />
+                                    <CustomMarker
+                                        date={moment().startOf("day").valueOf() + 1000 * 60 * 60 * 2}
+                                    />
+                                    <CustomMarker date={moment().add(3, "day").valueOf()}>
+                                        {({ styles }) => {
+                                            const newStyles = { ...styles, backgroundColor: "blue" };
+                                            return <div style={newStyles} />;
+                                        }}
+                                    </CustomMarker>
+                                    <CursorMarker />
+                                </TimelineMarkers>
+
+                            </Timeline>
+                            <br />
+
+                            <div style={{ width: '100%', float: 'right', textAlign: 'right' }}>
+
+                                <div style={{ float: 'right' }}>
+                                    <Button onClick={(event) => {
+                                        setvisible_start(moment(date_timeline_goto).startOf("hour").add(-3, "hour").toDate());
+                                        setvisible_end(moment(date_timeline_goto).startOf("hour").add(15, "hour").toDate());
+
+                                    }}  >  GO &nbsp;  <ExitToAppIcon /> </Button>
+
+                                </div>
+
+                                <div style={{ width: '15rem', float: 'right', paddingTop: '5px' }}>
+
+                                    <DatePicker
+                                        name="event_dialog_start"
+                                        id="event_dialog_start"
+                                        selected={date_timeline_goto}
+                                        onChange={(date) => {
+
+                                            return setdate_timeline_goto(date);
+                                        }
+                                        }
+
+
+                                        className="timeline_datepicker"
+                                        locale={'fr'}
+                                        showTimeSelect
+                                        timeFormat="HH:mm"
+                                        timeIntervals={15}
+                                        dateFormat="dd/MM/yyyy HH:mm"
+                                        is24Hour
+
+                                    />
+                                </div>
 
                             </div>
 
                         </div>
 
-                        <Timeline
-                            groups={tab_selected_users}
-                            items={New_Getall_Object_result_Timeline_Item}
-                            // defaultTimeStart={defaultTimeStart}
-                            // defaultTimeEnd={defaultTimeEnd}
-                            visibleTimeStart={visible_start}
-                            visibleTimeEnd={visible_end}
 
-                            fullUpdate
-                            itemTouchSendsClick={false}
-                            stackItems
-                            itemHeightRatio={0.75}
-                            canMove={true}
-                            canResize={"both"}
-                            onItemDoubleClick={(ItemId) => {
-                            }}
+                    </Box>
+                </div >}
 
-                        >
-                            <TimelineHeaders>
+            </div>
 
-                                <DateHeader unit="day"
-                                    labelFormat="DD/MM/YYYY"
-                                    style={{ height: 50 }} />
-
-
-                                <DateHeader unit="hour"
-                                    labelFormat="HH:00"
-                                    style={{ height: 50 }} />
-
-
-                            </TimelineHeaders>
-
-                            <TimelineMarkers>
-                                <TodayMarker />
-                                <CustomMarker
-                                    date={moment().startOf("day").valueOf() + 1000 * 60 * 60 * 2}
-                                />
-                                <CustomMarker date={moment().add(3, "day").valueOf()}>
-                                    {({ styles }) => {
-                                        const newStyles = { ...styles, backgroundColor: "blue" };
-                                        return <div style={newStyles} />;
-                                    }}
-                                </CustomMarker>
-                                <CursorMarker />
-                            </TimelineMarkers>
-
-                        </Timeline>
-                        <br />
-
-                        <div style={{ width: '100%', float: 'right', textAlign: 'right' }}>
-
-                            <div style={{ float: 'right' }}>
-                                <Button onClick={(event) => {
-                                    setvisible_start(moment(date_timeline_goto).startOf("hour").add(-3, "hour").toDate());
-                                    setvisible_end(moment(date_timeline_goto).startOf("hour").add(15, "hour").toDate());
-
-                                }}  >  GO &nbsp;  <ExitToAppIcon /> </Button>
-
-                            </div>
-
-                            <div style={{ width: '15rem', float: 'right', paddingTop: '5px' }}>
-
-                                <DatePicker
-                                    name="event_dialog_start"
-                                    id="event_dialog_start"
-                                    selected={date_timeline_goto}
-                                    onChange={(date) => {
-
-                                        return setdate_timeline_goto(date);
-                                    }
-                                    }
-
-
-                                    className="timeline_datepicker"
-                                    locale={'fr'}
-                                    showTimeSelect
-                                    timeFormat="HH:mm"
-                                    timeIntervals={15}
-                                    dateFormat="dd/MM/yyyy HH:mm"
-                                    is24Hour
-
-                                />
-                            </div>
-
-                        </div>
-
-                    </div>
-
-
-                </Box>
-            </div >}
-
-<style>{local_css}</style>
+            <style>{local_css}</style>
 
         </div >
     )
@@ -1999,10 +1983,25 @@ export default Module_Agenda;
 const local_css = `
 .react-datepicker-wrapper{
 width: 100%;
- 
   }
 
-   .fc-event-main{
+  .fc-event-main{
   word-wrap: break-word;
   }
+
+  .fc .fc-timegrid-slot {
+  height: 35px !important;
+}
+
+.fc .fc-timegrid-slot-label-cushion {
+  font-size: 13px;
+  font-weight: 700;
+  color: #475569;
+}
+
+.fc .fc-timegrid-axis-cushion {
+  font-size: 13px;
+  color: #64748b;
+}
+  
 `;
\ No newline at end of file
diff --git a/src/components/Module_Session_Planification.js b/src/components/Module_Session_Planification.js
index 8f1a4a7..92ae686 100644
--- a/src/components/Module_Session_Planification.js
+++ b/src/components/Module_Session_Planification.js
@@ -7457,7 +7457,7 @@ const Module_Session_Planification = (props) => {
                                         eventContent={renderEventContent}
                                         eventClick={handleEventClick}
                                         eventChange={handleEventChange}
-                                        hiddenDays={[0]}
+                                        hiddenDays={[0]} 
 
                                     />
                                 </div>
diff --git a/src/components/Partner.js b/src/components/Partner.js
index 7b0a9a7..afb908b 100644
--- a/src/components/Partner.js
+++ b/src/components/Partner.js
@@ -3750,11 +3750,7 @@ const Partner = (props) => {
                                         <span>Admin Platefome</span>
                                     </button>
 
-
-                                    <button type="button" className="footer-link">
-                                        <Settings size={16} />
-                                        <span>Paramètres</span>
-                                    </button>
+                                   
                                     <button type="button" className="footer-link footer-link-danger" onClick={(event) => {
                                         setDialog_deconnexion_open(true);
                                     }}>
diff --git a/src/components/PartnerClient_Activite_For_Client.js b/src/components/PartnerClient_Activite_For_Client.js
index 1c0ad7e..0aa7c17 100644
--- a/src/components/PartnerClient_Activite_For_Client.js
+++ b/src/components/PartnerClient_Activite_For_Client.js
@@ -508,7 +508,12 @@ const PartnerClient_Activite_For_Client = (props) => {
         }).catch((error) => {
             console.warn('Not good man :( Getall_Training_Employee_No_Filter = ', error);
             setGetall_Training_Employee_No_Filter_api("false");
-            alert(" Impossible de recuperer la liste des employés");
+
+            setdisplay_alert_mysy("1");
+            setalert_message(" Impossible de recuperer la liste des employés");
+            setalert_type("error");
+
+
             //setmyApimyApiMessage("")
         })
     }
@@ -531,7 +536,7 @@ const PartnerClient_Activite_For_Client = (props) => {
         var new_dead_line_format = "";
 
         if (typeof p_activite_deadline == "object") {
-            var act_deadline = format(p_activite_deadline, 'dd/MM/yyyy');
+            var act_deadline = format(p_activite_deadline, 'dd/MM/yyyy HH:mm:ss');
             new_dead_line_format = act_deadline;
         } else {
             new_dead_line_format = p_activite_deadline;
@@ -556,17 +561,31 @@ const PartnerClient_Activite_For_Client = (props) => {
 
 
         // Controle d'integrité des infos
+
+        if (p_activite_type.length == 0) {
+            setdisplay_alert_mysy("1");
+            setalert_message(" vous devez choisir une type d'activité ");
+            setalert_type("error");
+            return;
+        }
+
+
         var activite_description = ""
         if (document.getElementsByName("activite_description")) {
             activite_description = document.getElementsByName("activite_description")[0].value;
         }
         if (activite_description.length == 0) {
-            alert(" Le champ 'Description' est vide ");
+            setdisplay_alert_mysy("1");
+            setalert_message(" Le champ 'Description' est vide ");
+            setalert_type("error");
             return;
         }
 
         if (activite_description.length > 255) {
-            alert(" Le champ 'Description' comporte plus de 255 caractères ");
+
+            setdisplay_alert_mysy("1");
+            setalert_message(" Le champ 'Description' comporte plus de 255 caractères ");
+            setalert_type("error");
             return;
         }
 
@@ -576,7 +595,10 @@ const PartnerClient_Activite_For_Client = (props) => {
             activite_detail = document.getElementsByName("activite_detail")[0].value;
         }
         if (activite_detail.length > 500) {
-            alert(" Le champ 'Détail' comporte plus de 500 caractères ");
+
+            setdisplay_alert_mysy("1");
+            setalert_message(" Le champ 'Détail' comporte plus de 500 caractères ");
+            setalert_type("error");
             return;
         }
 
@@ -634,7 +656,9 @@ const PartnerClient_Activite_For_Client = (props) => {
             console.warn('Not good man :( recordPartnerClient_Activite_Data = ', error);
             setrecordPartnerClient_Activite_Data_result("false");
             setrecordPartnerClient_Activite_Data_message(" Impossible d'ajouter l'activité ")
-            alert(" Impossible d'ajouter/mettre à jour l'activité ");
+            setdisplay_alert_mysy("1");
+            setalert_message(" Impossible d'ajouter/mettre à jour l'activité ");
+            setalert_type("error");
 
         })
     }
@@ -1578,7 +1602,7 @@ const PartnerClient_Activite_For_Client = (props) => {
 
                     <div className="div_row" style={{ "width": "100%", }}>
                         {type_activite_list && type_activite_list.length > 0 && <div className="session_caract_Dialog" style={{ "textAlign": "left", "width": "50%", "height": "5rem", "float": "left" }}>
-                            Type d'activité <br />
+                            <b> Type d'activité </b> <br />
 
                             <Autocomplete
                                 disablePortal
@@ -1592,6 +1616,9 @@ const PartnerClient_Activite_For_Client = (props) => {
                                     if (value && value.value) {
                                         setp_activite_type(value.value);
                                         setdatamodification_activite("1");
+                                    } else {
+                                        setp_activite_type("");
+                                        setdatamodification_activite("1");
                                     }
                                 }}
                                 renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
@@ -1721,7 +1748,7 @@ const PartnerClient_Activite_For_Client = (props) => {
                                 Dialog_ACTIVITE_handleClose_buton();
 
                             }}
-                                className="bton_enreg_dialog">Mettre à jour </Button>}
+                                className="bton_enreg_dialog" style={{ width: '40%', float: 'left' }}>Mettre à jour </Button>}
 
 
                             {String(selected_id).length < 2 && <Button onClick={(e) => {
@@ -1729,26 +1756,27 @@ const PartnerClient_Activite_For_Client = (props) => {
                                 Dialog_ACTIVITE_handleClose_buton();
 
                             }}
-                                className="bton_enreg_dialog">Ajouter </Button>}
+                                className="bton_enreg_dialog" style={{ width: '40%', float: 'left' }}>Ajouter </Button>}
 
 
                         </div>
 
-                        <div className="div_row_droite" style={{ "textAlign": 'center' }}>
-                            <Button onClick={Dialog_ACTIVITE_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
-                        </div>
+                        {String(selected_id).length < 2 && <div className="div_row_droite" style={{ "textAlign": 'center' }}>
+                            <Button onClick={Dialog_ACTIVITE_handleClose_buton} className="bton_annule_dialog" style={{ width: '40%', float: 'right' }}>Fermer</Button>
+                        </div>}
 
-                        {selected_id && String(selected_id).length > 2 && <div className="div_row">
-                            <div className="div_row" style={{ "textAlign": "center", "marginTop": "10px" }}>
-                                <Button onClick={(e) => {
-                                    const response = window.confirm("Confirmez-vous la suppression de l'opportunité ?");
-                                    if (!response) {
-                                        return;
-                                    }
-                                    handleClick_delete_Activite_data_from_id(selected_id);
+                        {selected_id && String(selected_id).length > 2 && <div className="div_row_droite">
+                            <Button onClick={Dialog_ACTIVITE_handleClose_buton} className="bton_annule_dialog" style={{ width: '40%', float: 'left' }} >Fermer</Button>
+
+                            <Button onClick={(e) => {
+                                const response = window.confirm("Confirmez-vous la suppression de l'opportunité ?");
+                                if (!response) {
+                                    return;
                                 }
-                                } className="bton_supprime_dialog">Supprimer l'activité</Button>
-                            </div>
+                                handleClick_delete_Activite_data_from_id(selected_id);
+                            }
+                            } className="bton_supprime_dialog" style={{ width: '40%', float: 'left' }}>Supprimer</Button>
+
                         </div>}
                     </div>
 
@@ -2206,7 +2234,7 @@ const PartnerClient_Activite_For_Client = (props) => {
                     </div>}
 
                     {String(formedit_mode_activite) === "1" && type_activite_list && type_activite_list.length > 0 && <div className="training_caract">
-                        Type d'activité <br />
+                        <b> Type d'activité </b><br />
 
                         <Autocomplete
                             disablePortal
@@ -2219,6 +2247,8 @@ const PartnerClient_Activite_For_Client = (props) => {
                             onChange={(event, value) => {
                                 if (value && value.value) {
                                     setp_activite_type(value.value);
+                                } else {
+                                    setp_activite_type("");
                                 }
                             }}
                             renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
@@ -2232,7 +2262,7 @@ const PartnerClient_Activite_For_Client = (props) => {
                     </div>}
 
                     {String(formedit_mode_activite) === "0" && <div className="training_caract">
-                        Type d'activité <br />
+                        <b> Type d'activité </b> <br />
                         <TextField
                             required
                             name="activite_type"
diff --git a/src/components/Partner_Client.js b/src/components/Partner_Client.js
index 25ecf75..37d6a7c 100644
--- a/src/components/Partner_Client.js
+++ b/src/components/Partner_Client.js
@@ -138,20 +138,24 @@ const Partner_Client = (props) => {
     const columns_clients = [
         { field: 'id', headerName: 'id', hide: true },
         { field: '_id', headerName: '_id', hide: true },
-         { field: 'client_facturation_id', headerName: 'client_facturation_id', hide: true },
+        { field: 'client_facturation_id', headerName: 'client_facturation_id', hide: true },
+        { field: 'responsable_compte_id', headerName: 'responsable_compte_id', hide: true },
 
 
         { field: 'raison_sociale', headerName: 'Raison sociale', Width: 200, flex: 1, hide: false, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
-        { field: 'nom', headerName: 'nom', width: 100, hide: false, editable: false, Width: 200, flex: 1, renderCell: (params) => <ExpandableCell_50 {...params} />, },
-        { field: 'email', headerName: 'email', width: 100, width: 200, flex: 1, renderCell: (params) => <ExpandableCell_50 {...params} />, },
+        { field: 'nom', headerName: 'nom', width: 100, hide: true, editable: false, Width: 200, flex: 1, renderCell: (params) => <ExpandableCell_50 {...params} />, },
+        { field: 'email', headerName: 'email', width: 200, flex: 1, renderCell: (params) => <ExpandableCell_50 {...params} />, },
 
-        { field: 'telephone', headerName: 'Téléphone', width: 100, hide: false, editable: false, width: 100, renderCell: (params) => <ExpandableCell_50 {...params} />, },
-        { field: 'adr_adresse', headerName: 'Adresse', width: 100, hide: true, editable: false, width: 100, renderCell: (params) => <ExpandableCell_50 {...params} />, },
-        { field: 'adr_code_postal', headerName: 'Code Postal', width: 100, hide: false, editable: false, width: 100, renderCell: (params) => <ExpandableCell_50 {...params} />, },
+        { field: 'telephone', headerName: 'Téléphone', width: 150, hide: false, editable: false,  renderCell: (params) => <ExpandableCell_50 {...params} />, },
+        { field: 'adr_adresse', headerName: 'Adresse', width: 100, hide: true, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
+        { field: 'adr_code_postal', headerName: 'Code Postal', width: 100, hide: true, editable: false,  renderCell: (params) => <ExpandableCell_50 {...params} />, },
         { field: 'adr_ville', headerName: 'Ville', width: 100, hide: false, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
         { field: 'adr_pays', headerName: 'Pays', width: 100, hide: true, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
 
-        { field: 'client_facturation_raison_sociale', headerName: 'Cl. Facturé', width: 100, hide: false, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
+        { field: 'responsable_compte_nom_prenom', headerName: 'Resp. Compte', flex: 1, maxWidth: 250, hide: false, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
+
+
+        { field: 'client_facturation_raison_sociale', headerName: 'Cl. Facturé', width: 100, hide: true, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
 
 
         { field: 'siret', headerName: 'Siret', width: 100, hide: true, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
@@ -174,7 +178,7 @@ const Partner_Client = (props) => {
         },
 
         {
-            field: 'is_prospect', headerName: 'Pros/Cli', width: 100, hide: false, editable: false,
+            field: 'is_prospect', headerName: 'Pros/Cli', width: 100, hide: true, editable: false,
             renderCell: (cellValues) => {
                 return (
 
@@ -1347,7 +1351,7 @@ const Partner_Client = (props) => {
             <div className="div_row">
 
 
-                <h3 style={{ fontFamily: 'DM Sans' }}> Clients & Organismes Financeurs</h3>
+                <h3 style={{ fontFamily: 'DM Sans' }}> Clients & Partnenaires</h3>
 
                 <div className="titre1">  Utilisez les filtres !</div>
                 <div>
@@ -1853,6 +1857,10 @@ const Partner_Client = (props) => {
                                         client_facturation_id: JSON.parse(item).client_facturation_id,
                                         client_facturation_raison_sociale: JSON.parse(item).client_facturation_raison_sociale,
 
+                                        responsable_compte_id: JSON.parse(item).responsable_compte_id,
+                                        responsable_compte_nom_prenom: JSON.parse(item).responsable_compte_nom_prenom,
+
+
                                     }
                                 ))}
 
@@ -2027,7 +2035,7 @@ const Partner_Client = (props) => {
 
                     <Button variant="outlined" onClick={handleClick_add_new_client}
                         className="detail_class_submenu bton_add_session"
-                        id='menu_one_participant' name='menu_one_participant' style={{ maxWidth: '20rem' }}> Ajout 1 Client / Financeur &nbsp; <img src={participants} alt="ajout un client" className="icon_plus" /> &nbsp;
+                        id='menu_one_participant' name='menu_one_participant' style={{ maxWidth: '20rem' }}> Ajout 1 Client / Partnenaire &nbsp; <img src={participants} alt="ajout un client" className="icon_plus" /> &nbsp;
 
 
                     </Button>
@@ -2053,7 +2061,7 @@ const Partner_Client = (props) => {
             </div>
 
 
-            {String(Edite_Client) === "1" && <div className="div_row" style={{ "paddingRight": "10px" }}>              
+            {String(Edite_Client) === "1" && <div className="div_row" style={{ "paddingRight": "10px" }}>
 
                 <AddParnerClient client_mail={Client_email}
                     clien_nom={Client_nom}
@@ -2066,8 +2074,6 @@ const Partner_Client = (props) => {
             </div>}
 
             {String(Edite_Client) === "2" && <div className="div_row">
-
-                <div className="titre1"> Nouveau client / financeur</div>
                 <div ref={myRef_add_client}> &nbsp;</div>
                 <AddParnerClient client_mail={Client_email}
                     clien_nom={Client_nom}
diff --git a/src/components/Partner_Facture.js b/src/components/Partner_Facture.js
index ebd1abf..7682b89 100644
--- a/src/components/Partner_Facture.js
+++ b/src/components/Partner_Facture.js
@@ -10608,9 +10608,9 @@ const Partner_Facture = (props) => {
 
                                                 parseFloat(New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['remaining_amount']) > 0 && <nav className="block_paiement_montant" style={{ background: "#ffd600" }}>
 
-                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left', }}><b>  Montant Non réglé  </b> </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> <b> {New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['remaining_amount']} </b> </nav> <br />
-                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left' }}> Montant Réglé   </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> {New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['payed_amount']} </nav><br />
-                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left' }}> Montant Total Facture  </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> {New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['total_amount']} </nav> <br />
+                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left', }}><b>  Montant Non réglé  </b> </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> <b> {local_format_monetaire(New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['remaining_amount'])} </b> </nav> <br />
+                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left' }}> Montant Réglé   </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> {local_format_monetaire(New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['payed_amount'])} </nav><br />
+                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left' }}> Montant Total Facture  </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> {local_format_monetaire(New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['total_amount'])} </nav> <br />
 
                                                 </nav>}
 
@@ -10621,9 +10621,9 @@ const Partner_Facture = (props) => {
 
                                                 parseFloat(New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['remaining_amount']) <= 0 && <nav className="block_paiement_montant">
 
-                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left', 'fontWeight': '700px' }}> Montant Non réglé  </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> {New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['remaining_amount']} </nav> <br />
-                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left' }}> Montant Réglé   </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> {New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['payed_amount']} </nav><br />
-                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left' }}> Montant Total Facture  </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> {New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['total_amount']} </nav> <br />
+                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left', 'fontWeight': '700px' }}> Montant Non réglé  </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> {local_format_monetaire(New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['remaining_amount'])} </nav> <br />
+                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left' }}> Montant Réglé   </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> {local_format_monetaire(New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['payed_amount'])} </nav><br />
+                                                    <nav style={{ "width": '45%', 'float': 'left', "textAlign": 'left' }}> Montant Total Facture  </nav> <nav style={{ "width": '45%', 'float': 'right', "textAlign": 'right' }}> {local_format_monetaire(New_Getall_Invoice_Paiement_Payed_Remain_Amounts_result[0]['total_amount'])} </nav> <br />
 
                                                 </nav>}
                                         </div>}