diff --git a/src/components/Apprenant.js b/src/components/Apprenant.js index 70dc50a..40f15ac 100644 --- a/src/components/Apprenant.js +++ b/src/components/Apprenant.js @@ -180,10 +180,10 @@ const Apprenant = (props) => { onClick={(event) => { if (cellValues.row._id && String(cellValues.row._id).length > 2) { - var tmp = cellValues.row.session_code+"&"+cellValues.row.session_id+"&"+cellValues.row.class_internal_url+"&"+p_detail_email; + var tmp = cellValues.row.session_code + "&" + cellValues.row.session_id + "&" + cellValues.row.class_internal_url + "&" + p_detail_email; window.open( - process.env.REACT_APP_FRONT_URL + "Partner/mes_stagiaires/" + String(cellValues.row._id)+"/"+String(tmp), + process.env.REACT_APP_FRONT_URL + "Partner/mes_stagiaires/" + String(cellValues.row._id) + "/" + String(tmp), '_blank' ); } @@ -2841,8 +2841,8 @@ const Apprenant = (props) => { const [Add_Inscription_List_Apprenant_message, setAdd_Inscription_List_Apprenant_message] = useState(); const [Add_Inscription_List_Apprenant_result, setAdd_Inscription_List_Apprenant_result] = useState(); function Add_Inscription_List_Apprenant() { - - + + var liste_apprenant = GetSelectedRowsSession(); var form = new FormData(); @@ -2869,7 +2869,7 @@ const Apprenant = (props) => { setAdd_Inscription_List_Apprenant_result(res.data.message); Dialog_add_inscription_handleClose_buton(); - + Get_All_Apprenant(); setp_dialog_session_id(''); @@ -3278,6 +3278,143 @@ const Apprenant = (props) => { ]; + const [New_Get_List_Apprenant_Modele_Courrier_result, setNew_Get_List_Apprenant_Modele_Courrier_result] = useState([]); + + const [Get_List_Apprenant_Modele_Courrier_api, setGet_List_Apprenant_Modele_Courrier_api] = useState(); + const [Get_List_Apprenant_Modele_Courrier_message, setGet_List_Apprenant_Modele_Courrier_message] = useState(); + const [Get_List_Apprenant_Modele_Courrier_result, setGet_List_Apprenant_Modele_Courrier_result] = useState(); + function Get_List_Apprenant_Modele_Courrier(event) { + + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + //form.append("inscription_id", selected_id); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Fiche_Apprenant/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("true")) { + //console.log(" In Get_List_Apprenant_Modele_Courrier res.data.status = " + res.data.status); + //console.log(" In Get_List_Apprenant_Modele_Courrier res.data.message r_class = " + res.data.message); + setGet_List_Apprenant_Modele_Courrier_api("true"); + setGet_List_Apprenant_Modele_Courrier_result(res.data.message); + + var new_data2 = []; + var node = { + "_id": "default_pdf", + "id": "default_pdf", + "label": "PDF par default", + "ref_interne": "", + "nom": "", + "sujet": "", + "type_doc": "", + "cible": "", + "joint_pdf": "", + + }; + new_data2.push(node); + + const new_data = res.data.message.map((x) => { + + //--- + var localid = JSON.parse(x).id; + var local_id = JSON.parse(x)._id; + var local_ref_interne = JSON.parse(x).ref_interne; + var local_nom = JSON.parse(x).nom; + var local_sujet = JSON.parse(x).sujet; + var local_type_doc = JSON.parse(x).type_doc; + var local_cible = JSON.parse(x).cible; + var local_joint_pdf = JSON.parse(x).joint_pdf; + + + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_nom, + "ref_interne": local_ref_interne, + "nom": local_nom, + "sujet": local_sujet, + "type_doc": local_type_doc, + "cible": local_cible, + "joint_pdf": local_joint_pdf, + + }; + new_data2.push(node); + }); + + if (new_data2.length > 0) + setNew_Get_List_Apprenant_Modele_Courrier_result(new_data2); + + } + else { + setGet_List_Apprenant_Modele_Courrier_api("false"); + setGet_List_Apprenant_Modele_Courrier_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Get_List_Apprenant_Modele_Courrier = ', error); + setGet_List_Apprenant_Modele_Courrier_api("false"); + alert("Impossible de récupérer les modèles de convention"); + //setmyApimyApiMessage("") + }) + } + + + + const [Download_Apprenant_Fiche_PDF_api, setDownload_Apprenant_Fiche_PDF_api] = useState(); + const [Download_Apprenant_Fiche_PDF_result, setDownload_Apprenant_Fiche_PDF_result] = useState(); + const [Download_Apprenant_Fiche_PDF_message, setDownload_Apprenant_Fiche_PDF_message] = useState(); + + const Download_Apprenant_Fiche_PDF = (event) => { + const stored_cookie = getCookie('tokenmysypart'); + + + var nom_fiche_detaillee = "Fiche_Detaillee.pdf"; + var token = stored_cookie; + + + var url = process.env.REACT_APP_API_URL + "myclass/api/Print_Apprenant_PDF/" + token + "/" + selected_apprenant_id+"/"+fiche_apprenant_id; + + setLoading(true); + axios.get(url, { responseType: 'blob', },) + .then((res) => { + setLoading(false); + fileDownload(res.data, nom_fiche_detaillee); + setDownload_Apprenant_Fiche_PDF_api("true"); + }).catch((error) => { + setLoading(false); + console.error('Error:', error); + setDownload_Apprenant_Fiche_PDF_api("false"); + + }); + } + + const [fiche_apprenant_id, setfiche_apprenant_id] = React.useState(""); + + const [Dialog_fiche_apprenant_message, setDialog_fiche_apprenant_message] = React.useState(false); + const [Dialog_fiche_apprenant_open, setDialog_fiche_apprenant_open] = React.useState(false); + + function Dialog_fiche_apprenant_handle_change(message) { + setDialog_fiche_apprenant_message(message); + setDialog_fiche_apprenant_open(true); + } + + + const Dialog_fiche_apprenant_handleClose_buton = () => { + setDialog_fiche_apprenant_open(false); + }; + + const Dialog_fiche_apprenant_handleClose = () => { + setDialog_fiche_apprenant_open(false); + }; + + return (
@@ -3817,6 +3954,72 @@ const Apprenant = (props) => { + + + MySy Information + + + + + +
Choisir un modèle de fiche + { + if (value && value._id) { + + if (String(value._id) === "default_pdf") { + setfiche_apprenant_id("default_pdf"); + } else { + setfiche_apprenant_id(value._id); + } + } + + }} + + + renderInput={(params) => + } + /> + +
+ +
+ + + +
+
+ + +
+ + + +
+ +
+
+ +
+ +
+ +

Vos apprenants

Utilisez les filtres !
@@ -4664,6 +4867,19 @@ const Apprenant = (props) => {
+ +
+
+ +
+
+ +
+ @@ -5591,7 +5807,6 @@ const Apprenant = (props) => { } {String(display_detail_absence) === "1" && String(add_One_Apprenant) !== "1" && selected_apprenant_id &&
- { var url = process.env.REACT_APP_API_URL + "myclass/api/Prepare_and_Send_Convention_From_Session_By_PDF/" + stored_cookie + "/" + selected_session_id + "/" + selected_convention_id; - console.log(" #### selected_convention_id = ", selected_convention_id); + if (String(selected_convention_id) === "default_pdf") { // Il s'agit d'envoyer les convention par defaut de type mail @@ -8637,58 +8637,7 @@ const DisplayPartnerSession = (props) => { MySy Information - {/*
Choisir une convention - { - - setselected_convention_id(e.target.value); - if (String(e.target.value) === "default_mail") { - setselected_convention_type("email"); - } - else if (String(e.target.value) === "default_pdf") { - setselected_convention_type("pdf"); - } else { - var result2 = Get_List_Stagiaire_Conventions_result.filter((local_mymanager) => JSON.parse(local_mymanager)._id === String(e.target.value)) - setselected_convention_type(JSON.parse(result2).type_doc); - } - settab_convention_pieces_jointes_result([]); - - } - } - - > - {Get_List_Stagiaire_Conventions_result && - Get_List_Stagiaire_Conventions_result.map((myclient) => ( - - {JSON.parse(myclient).nom}  {JSON.parse(myclient).type_doc} - - - ))} - - Email par default  Email - - - - - PDF par default  PDF - - - - - -
*/} +
Choisir une convention @@ -8704,9 +8653,7 @@ const DisplayPartnerSession = (props) => { if (value && value._id) { setselected_convention_id(value._id); - console.log(" €€ value = ", value); - console.log(" €€ value._id = ", value._id); - + if (String(value._id) === "default_mail") { setselected_convention_type("email"); } @@ -8716,7 +8663,7 @@ const DisplayPartnerSession = (props) => { var result2 = Get_List_Stagiaire_Conventions_result.filter((local_mymanager) => JSON.parse(local_mymanager)._id === String(value._id)) setselected_convention_type(JSON.parse(result2).type_doc); - console.log(" ### JSON.parse(result2).type_doc = ", JSON.parse(result2).type_doc); + } settab_convention_pieces_jointes_result([]); } diff --git a/src/components/Partner.js b/src/components/Partner.js index df9a314..07f8cb3 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -258,7 +258,7 @@ const Partner = (props) => { }) } - + // Cette fonction recuperer les droits d'acces stocké en cookie const [connected_user_access_right, setconnected_user_access_right] = React.useState(null); @@ -325,13 +325,13 @@ const Partner = (props) => { setmenu(action); - if (action && orderid && packs && String(action) === "ordervalide" ) { + if (action && orderid && packs && String(action) === "ordervalide") { CheckSalesOrder(); } - /* if (action && orderid && packs && String("abonnement")) { - //console.log(" abonnement : payement intent = ", orderid, " pack = ", packs); - }*/ + /* if (action && orderid && packs && String("abonnement")) { + //console.log(" abonnement : payement intent = ", orderid, " pack = ", packs); + }*/ } else { DiplaytrainingList(); @@ -1061,6 +1061,15 @@ const Partner = (props) => { setDialog_1_open(false); }; + const [left_menu, setleft_menu] = React.useState(true); + const open_close_left_menu = () => { + if (left_menu === true) + setleft_menu(false); + else + setleft_menu(true); + + }; + return ( @@ -1100,8 +1109,13 @@ const Partner = (props) => { -
+ {left_menu === true &&
+ + @@ -1169,8 +1183,8 @@ const Partner = (props) => { {String(menu) === "mes_stagiaires" &&
MES STAGIAIRES
}
- {String(menu) !== "mes_apprenants" &&
MES APPRENANTS
} - {String(menu) === "mes_apprenants" &&
MES APPRENANTS
} + {String(menu) !== "mes_apprenants" &&
MES APPRENANTS
} + {String(menu) === "mes_apprenants" &&
MES APPRENANTS
}
@@ -1354,303 +1368,839 @@ const Partner = (props) => { }
- - {String(menu) === "checkout" &&
- - -
- } + {left_menu === true &&
+ {String(menu) === "checkout" &&
+ + +
- {String(menu) === "creation" && -
+ } + + {String(menu) === "creation" && +
-
- {String(apiexcelimportmessage) === String("true") && -
- {excelimportmessage}
 
+
+ {String(apiexcelimportmessage) === String("true") && +
+ {excelimportmessage}
 
-
+
- } - {String(apiexcelimportmessage) === String("false") && -
- Impossible de traiter le fichier
- {excelimportmessage} -
 
-
+ } + {String(apiexcelimportmessage) === String("false") && +
+ Impossible de traiter le fichier
+ {excelimportmessage} +
 
+
- } + } - {String(apiexcelimportmessage) === String("-1") && -
- Impossible de traiter le fichier
 
-
+ {String(apiexcelimportmessage) === String("-1") && +
+ Impossible de traiter le fichier
 
+
- } + } -
-
+
+
- {String(partnerstatus) === String("0") &&
+ {String(partnerstatus) === String("0") &&
-
- {formation_file_name && } - +
+ {formation_file_name && } + - Télécharger un fichier modèle + Télécharger un fichier modèle -
+
- {/*
*/} -
  -
+ {/*
*/} +
  +
- - - Pour le reste,
-
    -
  • Il s'agit d'un fichier csv. Les colonnes sont separées par des ";"
  • -
  • A l'interieur d'une même colonne, les informations sont separées par des ";"
  • -
  • Champ 'Metier' : les valeurs acceptées sont : IT, RH, vente, dev_perso, Graphisme, Management, Digital, Office, Autre
  • -
  • ...
  • -
- Télécharger le guide complet pour plus d'informations
-
-
 
+ Télécharger le guide complet pour plus d'informations
+
+
 
-
} +
} - {String(partnerstatus) !== String("0") &&
+ {String(partnerstatus) !== String("0") &&
- Import excel d'une formation Télécharger un fichier modèle + Import excel d'une formation Télécharger un fichier modèle -
+
- + -
-
- -
+
+
+ +
+ +
} +
+ +
-
}
- -
-
-
-
-
Création manuelle d'une formation
+
+
Création manuelle d'une formation
- + +
+ +
+ } + + + {String(menu) === "infopartner" && +
+ + + +
+ } + + {String(menu) === "statistique" && +
+ +
+ } + + {String(menu) === "setuplms" && +
+ +
+ } + + + {String(menu) === "mes_sessions" && +
+ + +
+ } + + {String(menu) === "mes_employes" && +
+ +
+ } + + {String(menu) === "factures_client" && +
+ +
+ } + + {String(menu) === "prix_achat" && +
+ +
+ } + + + {String(menu) === "mon_materiel" && +
+ +
+ } + + {String(menu) === "mes_cmd" && +
+ +
+ } + + + {String(menu) === "facture" &&
+ + +
+ } + + {String(menu) === "pricing" &&
+ + +
+ } + + {String(menu) === "mes_stagiaires" &&
+ + +
+ } + + {String(menu) === "mes_apprenants" &&
+ + +
+ } + + + {String(menu) === "abonnement" &&
+ + +
+ } + + {String(menu) === "ordervalide" && orderid && packs &&
+ +
+ } + + {String(menu) === "mes_clients" &&
+ + +
+ } + + {String(menu) === "config_document" &&
+ + +
+ } + + {String(menu) === "config_technique" &&
+ + +
+ } + + + {String(menu) === "config_session_steps" &&
+ + +
+ } + + + + {String(menu) === "config_jours_heures" &&
+ + +
+ } + + {String(menu) === "config_champ_specific" &&
+ + +
+ } + + + {String(menu) === "module_agenda" &&
+ + +
+ } + + + {String(menu) === "dashbord_session" &&
+ + +
+ } + + {String(menu) === "dashbord_formation" &&
+ + +
+ } + + + + {String(menu) === "mon_tableau_de_bord" &&
+ + + + +
+ } + + +
} + + + {left_menu === false &&
+
+ + + + + + {String(menu) !== "infopartner" &&
 
} + {String(menu) === "infopartner" &&
 
} +
+ + + {String(menu) !== "mon_tableau_de_bord" &&
 
} + {String(menu) === "mon_tableau_de_bord" &&
 
} +
+ + + {String(menu) !== "module_agenda" &&
 
} + {String(menu) === "module_agenda" &&
 
} +
+ + {String(menu) !== "abonnement" &&
 
} + {String(menu) === "abonnement" &&
 
} +
+ + {String(menu) !== "facture" &&
 
} + {String(menu) === "facture" &&
 
} +
+ +
+ + {String(menu) !== "creation" &&
 
} + {String(menu) === "creation" &&
} +
+ + {String(menu) !== "affichage" &&
 
} + {String(menu) === "affichage" &&
 
} +
+ + {String(menu) !== "mes_sessions" &&
 
} + {String(menu) === "mes_sessions" &&
 
} +
+ + {String(menu) !== "mes_stagiaires" &&
 
} + {String(menu) === "mes_stagiaires" &&
 
} +
+ + {String(menu) !== "mes_apprenants" &&
 
} + {String(menu) === "mes_apprenants" &&
 
} +
+ + + {String(menu) !== "mes_employes" &&
 
} + {String(menu) === "mes_employes" &&
 
} +
+ + {String(menu) !== "mon_materiel" &&
 
} + {String(menu) === "mon_materiel" &&
 
} +
+ + + + {String(menu) !== "statistique" &&
 
} + {String(menu) === "statistique" &&
 
} +
+ + + + +
+ +
+
+ {String(menu) !== "mes_clients" &&
   
} + {String(menu) === "mes_clients" &&
    
}
-
- } +
+
+ {String(menu) !== "pricing" &&
   
} + {String(menu) === "pricing" &&
   
} +
+ +
+
+ {String(menu) !== "mes_cmd" &&
   
} + {String(menu) === "mes_cmd" &&
    
} +
+ +
+
+ {String(menu) !== "factures_client" &&
   
} + {String(menu) === "factures_client" &&
    
} +
+ +
+
+ {String(menu) !== "prix_achat" &&
   
} + {String(menu) === "prix_achat" &&
    
} +
- {String(menu) === "infopartner" && -
+
+ + + {String(has_partner_lms_url) === "1" &&
{ + e.preventDefault(); + window.open( + partner_lms_url, + '_blank' + ); + }}>  
} + + {String(has_partner_lms_url) === "1" &&
+
+ {String(menu) !== "statistique" &&
   
} + {String(menu) === "statistique" &&
    
} +
} + +
Configuration
+ + { + + }} + + onClose={(event) => { + + + }} + + > + + {String(menu) !== "config_document" &&
   
} + {String(menu) === "config_document" &&
   
} +
+ + + {String(menu) !== "config_champ_specific" &&
   
} + {String(menu) === "config_champ_specific" &&
    
} +
+ + {String(menu) !== "config_technique" &&
   
} + {String(menu) === "config_technique" &&
    
} + +
+ + + {String(menu) !== "config_session_steps" &&
   
} + {String(menu) === "config_session_steps" &&
    
} + +
+ + + {String(menu) !== "config_jours_heures" &&
   
} + {String(menu) === "config_jours_heures" &&
    
} + +
+ + + +
+ + + + + { + + }} + + onClose={(event) => { + + + }} + + > + + {String(menu) !== "dashbord_formation" &&
   
} + {String(menu) === "dashbord_formation" &&
   
} +
+ + + {String(menu) !== "dashbord_session" &&
   
} + {String(menu) === "dashbord_session" &&
    
} +
+ +
-
- } - {String(menu) === "statistique" && -
- + {String(firstConnexion) === "1" && String(part_is_partner_admin_account) === "1" && +
+
+ Cher partenaire, c'est votre première connexion,
 
+ Nous sommes ravis de vous accueillir dans notre aventure MySy. + Pour commencer à publier vos formations, veuillez choisir une formule d'abonnement en cliquant
+  
Merci. +
+ +
} + + {String(firstConnexion) === "1" && String(part_is_partner_admin_account) !== "1" && +
+
+ Cher Utilisateur, c'est votre première connexion,
 
+ Nous sommes ravis de vous accueillir dans notre aventure MySy.

+
+  
Merci. +
+ +
} + + + {String(myApiResponse) === String("false") &&
+
Impossible de contacter l'hote distant. Merci de contacter votre administrateur
+ + } + + {String(menu) === "affichage" && +
+ +
+ } + +
} - {String(menu) === "setuplms" && -
- + {left_menu === false &&
+ {String(menu) === "checkout" &&
+ +
- } + + } + + {String(menu) === "creation" && +
- {String(menu) === "mes_sessions" && -
+
+ {String(apiexcelimportmessage) === String("true") && +
+ {excelimportmessage}
 
- +
+ + } + {String(apiexcelimportmessage) === String("false") && +
+ Impossible de traiter le fichier
+ {excelimportmessage} +
 
+
+ + } + + {String(apiexcelimportmessage) === String("-1") && +
+ Impossible de traiter le fichier
 
+
+ + } + + +
+
+ + + {String(partnerstatus) === String("0") &&
+ +
+ {formation_file_name && } + + + + + Télécharger un fichier modèle + +
+ + {/*
*/} +
  +
+ + + + Pour le reste,
+
    +
  • Il s'agit d'un fichier csv. Les colonnes sont separées par des ";"
  • +
  • A l'interieur d'une même colonne, les informations sont separées par des ";"
  • +
  • Champ 'Metier' : les valeurs acceptées sont : IT, RH, vente, dev_perso, Graphisme, Management, Digital, Office, Autre
  • +
  • ...
  • +
+ Télécharger le guide complet pour plus d'informations
+
+
 
+ + + + + +
} + + {String(partnerstatus) !== String("0") &&
+ + + Import excel d'une formation Télécharger un fichier modèle + +
+ + + + +
+
+ +
+ +
} +
+ +
+ +
+
+
+
Création manuelle d'une formation
+ + +
+ +
+ } + + + {String(menu) === "infopartner" && +
+ + + +
+ } + + {String(menu) === "statistique" && +
+ +
+ } + + {String(menu) === "setuplms" && +
+ +
+ } + + + {String(menu) === "mes_sessions" && +
+ + +
+ } + + {String(menu) === "mes_employes" && +
+ +
+ } + + {String(menu) === "factures_client" && +
+ +
+ } + + {String(menu) === "prix_achat" && +
+ +
+ } + + + {String(menu) === "mon_materiel" && +
+ +
+ } + + {String(menu) === "mes_cmd" && +
+ +
+ } + + + {String(menu) === "facture" &&
+ +
- } + } - {String(menu) === "mes_employes" && -
- + {String(menu) === "pricing" &&
+ +
- } + } - {String(menu) === "factures_client" && -
- + {String(menu) === "mes_stagiaires" &&
+ +
- } + } - {String(menu) === "prix_achat" && -
- + {String(menu) === "mes_apprenants" &&
+ +
- } + } - {String(menu) === "mon_materiel" && -
- + {String(menu) === "abonnement" &&
+ +
- } + } - {String(menu) === "mes_cmd" && -
- + {String(menu) === "ordervalide" && orderid && packs &&
+
- } + } + + {String(menu) === "mes_clients" &&
+ + +
+ } + + {String(menu) === "config_document" &&
+ + +
+ } + + {String(menu) === "config_technique" &&
+ + +
+ } - {String(menu) === "facture" &&
+ {String(menu) === "config_session_steps" &&
- -
- } - - {String(menu) === "pricing" &&
- - -
- } - - {String(menu) === "mes_stagiaires" &&
- - -
- } - - {String(menu) === "mes_apprenants" &&
- - -
- } - - - {String(menu) === "abonnement" &&
- - -
- } - - {String(menu) === "ordervalide" && orderid && packs &&
- -
- } - - {String(menu) === "mes_clients" &&
- - -
- } - - {String(menu) === "config_document" &&
- - -
- } - - {String(menu) === "config_technique" &&
- - -
- } - - - {String(menu) === "config_session_steps" &&
- - -
- } + +
+ } - {String(menu) === "config_jours_heures" &&
+ {String(menu) === "config_jours_heures" &&
- -
- } + +
+ } - {String(menu) === "config_champ_specific" &&
+ {String(menu) === "config_champ_specific" &&
- -
- } + +
+ } - {String(menu) === "module_agenda" &&
+ {String(menu) === "module_agenda" &&
- -
- } + +
+ } - {String(menu) === "dashbord_session" &&
+ {String(menu) === "dashbord_session" &&
- -
- } + +
+ } - {String(menu) === "dashbord_formation" &&
+ {String(menu) === "dashbord_formation" &&
- -
- } + +
+ } - {String(menu) === "mon_tableau_de_bord" &&
+ {String(menu) === "mon_tableau_de_bord" &&
- + -
- } +
+ } +
}
diff --git a/src/styles/components/_partner.scss b/src/styles/components/_partner.scss index 9812960..3535215 100644 --- a/src/styles/components/_partner.scss +++ b/src/styles/components/_partner.scss @@ -523,6 +523,10 @@ width: 1rem; height: 1rem; } + + .not_display_mobile{ + display: none; + } } @media only screen and (min-width: 601px) and (max-width: 991px) { @@ -976,6 +980,14 @@ height: 1rem; } + .div_gauche_reduit{ + width: 5% !important; + } + + .div_droite_ralonge{ + width: 94% !important; + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -1470,6 +1482,13 @@ width: 1rem; height: 1rem; } + .div_gauche_reduit{ + width: 3% !important; + } + + .div_droite_ralonge{ + width: 96% !important; + } } @@ -1489,6 +1508,12 @@ margin-right: 2px; } + + + .div_droite_ralonge{ + width: 96% !important; + } + .img_user { margin-left: auto; margin-right: auto; @@ -1532,6 +1557,10 @@ margin-left: 5px; } + .div_gauche_reduit{ + width: 3% !important; + } + .koUpdateData { font-size: medium; color: red;