07/05/2026 - 17h

branche_01062025
Cherif 2026-05-07 16:46:01 +02:00
parent 6dba6d312b
commit 7cfeaefafe
13 changed files with 1631 additions and 5994 deletions

View File

@ -2403,7 +2403,7 @@ const AddParnerClient = (props) => {
document.getElementsByName("client_invoice_nom")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("field_client_facture_id")) {
if (document.getElementsByName("field_client_facture_id") && document.getElementsByName("field_client_facture_id")[0]) {
document.getElementsByName("field_client_facture_id")[0].disabled = true;
document.getElementsByName("field_client_facture_id")[0].style.backgroundColor = "#ECEFF1";
}

File diff suppressed because it is too large Load Diff

View File

@ -818,7 +818,11 @@ const DisplayPartnerPromotion = (props) => {
);
},
},
{ field: 'amount', headerName: 'Montant Formation', minWidth: 100, flex: 1, maxWidth: 150, type: 'number', flex: 1, editable: true, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'amount', headerName: 'Prix', minWidth: 100, flex: 1, maxWidth: 150, type: 'number', flex: 1, editable: true,
align:'right',
renderCell: (params) => <ExpandableCell_String_to_monetaire {...params} />,
},
{
field: "update", headerName: 'Mise à jour',
renderCell: (cellValues) => {
@ -25408,7 +25412,14 @@ const DisplayPartnerPromotion = (props) => {
setp_one_detail_client_rattachement_id(value._id);
setp_one_detail_client_rattachement_nom(value.nom);
Dialog_1_handle_change_participant_session(" Attention, vous allez modifier le client de rattachement du participant. Pensez à mettre à jour le client à facturer s'il est différent du client principal");
setp_one_detail_facture_client_rattachement_id(value._id);
if (value.client_facturation_id && value.client_facturation_id !== "") {
setp_one_detail_facture_client_rattachement_id(value.client_facturation_id);
} else {
setp_one_detail_facture_client_rattachement_id(value._id);
}
} else {
setp_one_detail_client_rattachement_id("");
@ -26512,7 +26523,12 @@ const DisplayPartnerPromotion = (props) => {
setp_one_detail_client_rattachement_id(value._id);
setp_one_detail_client_rattachement_nom(value.nom);
Dialog_1_handle_change_participant_session(" Attention, vous allez modifier le client de rattachement du participant. Pensez à mettre à jour le client à facturer s'il est différent du client principal");
setp_one_detail_facture_client_rattachement_id(value._id);
if (value.client_facturation_id && value.client_facturation_id !== "") {
setp_one_detail_facture_client_rattachement_id(value.client_facturation_id);
} else {
setp_one_detail_facture_client_rattachement_id(value._id);
}
} else {
setp_one_detail_client_rattachement_id("");
@ -27389,7 +27405,13 @@ const DisplayPartnerPromotion = (props) => {
Dialog_1_handle_change_participant_session(" Attention, vous allez modifier le client de rattachement du participant. Pensez à mettre à jour le client à facturer s'il est différent du client principal");
if (value._id !== p_detail_client_rattachement_id) {
setp_detail_facture_client_rattachement_id(value._id);
if (value.client_facturation_id && value.client_facturation_id !== "") {
setp_detail_facture_client_rattachement_id(value.client_facturation_id);
} else {
setp_detail_facture_client_rattachement_id(value._id);
}
}
} else {

View File

@ -289,55 +289,55 @@ const DisplayPartnerSession = (props) => {
);
}
function local_format_monetaire(local_amount) {
function local_format_monetaire(local_amount) {
return new Intl.NumberFormat('fr-FR', {
style: 'currency',
currency: 'EUR',
}).format(Number(local_amount));
}
function local_format_monetaire_v2(local_amount) {
if (isNaN(parseFloat(local_amount))) {
return "—"
} else {
return new Intl.NumberFormat('fr-FR', {
style: 'currency',
currency: 'EUR',
}).format(Number(local_amount));
minimumFractionDigits: 0,
maximumFractionDigits: 0,
}).format(parseFloat(local_amount));
}
function local_format_monetaire_v2(local_amount) {
if (isNaN(parseFloat(local_amount))) {
return "—"
} else {
return new Intl.NumberFormat('fr-FR', {
minimumFractionDigits: 0,
maximumFractionDigits: 0,
}).format(parseFloat(local_amount));
}
}
function ExpandableCell_String_to_monetaire({ value }) {
const [expanded, setExpanded] = React.useState(false);
const number = parseFloat(value);
var new_value = ""
if (isNaN(number)) {
new_value = "—"
} else {
new_value = new Intl.NumberFormat('fr-FR', {
minimumFractionDigits: 0,
maximumFractionDigits: 0,
}).format(number);
}
function ExpandableCell_String_to_monetaire({ value }) {
const [expanded, setExpanded] = React.useState(false);
const number = parseFloat(value);
var new_value = ""
if (isNaN(number)) {
new_value = "—"
} else {
new_value = new Intl.NumberFormat('fr-FR', {
minimumFractionDigits: 0,
maximumFractionDigits: 0,
}).format(number);
}
return (
<nav>
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all", paddingTop: '5px' }}>
{new_value}
</div>}
{!value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
&nbsp;
</div>
}
</nav>
);
}
return (
<nav>
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all", paddingTop: '5px' }}>
{new_value}
</div>}
{!value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
&nbsp;
</div>
}
</nav>
);
}
const [datagrid_columns_size_model1, setdatagrid_columns_size_model1] = useState(200);
@ -499,7 +499,7 @@ const DisplayPartnerSession = (props) => {
{ field: 'nb_inscrit', headerName: 'Insc', minWidth: 20, align: "center", hide: true, hideable: true, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'nb_preinscrit', headerName: 'Preinsc.', minWidth: 20, align: "center", hide: false, hideable: true, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{
field: 'prix_session', headerName: 'Prix', minWidth: 50, align:'right',
field: 'prix_session', headerName: 'Prix', minWidth: 50, align: 'right',
renderCell: (params) => <ExpandableCell_String_to_monetaire {...params} />,
},
{ field: 'title', headerName: 'Formation', minWidth: 250, flex: 1, align: "center", hide: true, hideable: true, renderCell: (params) => <ExpandableCell_50 {...params} />, },
@ -891,7 +891,11 @@ const DisplayPartnerSession = (props) => {
);
},
},
{ field: 'amount', headerName: 'Montant Formation', minWidth: 100, flex: 1, maxWidth: 150, type: 'number', flex: 1, editable: true, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{
field: 'amount', headerName: 'Prix', minWidth: 100, flex: 1, maxWidth: 150, type: 'number', flex: 1, editable: true,
align: 'right',
renderCell: (params) => <ExpandableCell_String_to_monetaire {...params} />,
},
{
field: 'comment_or_memo', headerName: 'Memo & Comment.', Width: 50, hide: false, editable: false,
@ -3038,6 +3042,8 @@ const DisplayPartnerSession = (props) => {
var local_id = JSON.parse(x)._id;
var local_nom = JSON.parse(x).nom;
var local_raison_sociale = JSON.parse(x).raison_sociale;
var local_client_facturation_id = JSON.parse(x).client_facturation_id;
var local_client_facturation_raison_sociale = JSON.parse(x).client_facturation_raison_sociale;
//---
var node = {
@ -3046,6 +3052,8 @@ const DisplayPartnerSession = (props) => {
"label": local_nom,
"nom": local_nom,
"raison_sociale": local_raison_sociale,
"client_facturation_id": local_client_facturation_id,
"client_facturation_raison_sociale": local_client_facturation_raison_sociale,
};
new_data2.push(node);
@ -3057,6 +3065,8 @@ const DisplayPartnerSession = (props) => {
"label": "",
"nom": "",
"raison_sociale": "",
"client_facturation_id": "",
"client_facturation_raison_sociale": "",
};
new_data2.push(node);
@ -25849,7 +25859,7 @@ const DisplayPartnerSession = (props) => {
<div className="session_caract">
<Tooltip className="tooltip_css" id="tooltip_client_ordre" style={{ "fontSize": "12px", fontFamily: "DM Sans" }} />
<a data-tooltip-id="tooltip_client_ordre" data-tooltip-html="Le client donneur dordre est celui qui demande la formation.">
Client &nbsp; <FcInfo />
Client &nbsp; <FcInfo />
</a>
<br />
<Autocomplete
@ -25862,8 +25872,13 @@ const DisplayPartnerSession = (props) => {
if (value && value._id) {
setp_one_detail_client_rattachement_id(value._id);
setp_one_detail_client_rattachement_nom(value.nom);
Dialog_1_handle_change_participant_session(" Attention, vous allez modifier le client de rattachement du participant. Pensez à mettre à jour le client à facturer s'il est différent du client principal");
setp_one_detail_facture_client_rattachement_id(value._id);
if (value.client_facturation_id && value.client_facturation_id !== "") {
setp_one_detail_facture_client_rattachement_id(value.client_facturation_id);
} else {
setp_one_detail_facture_client_rattachement_id(value._id);
}
} else {
setp_one_detail_client_rattachement_id("");
@ -26967,7 +26982,13 @@ const DisplayPartnerSession = (props) => {
setp_one_detail_client_rattachement_id(value._id);
setp_one_detail_client_rattachement_nom(value.nom);
Dialog_1_handle_change_participant_session(" Attention, vous allez modifier le client de rattachement du participant. Pensez à mettre à jour le client à facturer s'il est différent du client principal");
setp_one_detail_facture_client_rattachement_id(value._id);
if (value.client_facturation_id && value.client_facturation_id !== "") {
setp_one_detail_facture_client_rattachement_id(value.client_facturation_id);
} else {
setp_one_detail_facture_client_rattachement_id(value._id);
}
} else {
setp_one_detail_client_rattachement_id("");
@ -27846,7 +27867,11 @@ const DisplayPartnerSession = (props) => {
Dialog_1_handle_change_participant_session(" Attention, vous allez modifier le client de rattachement du participant. Pensez à mettre à jour le client à facturer s'il est différent du client principal");
if (value._id !== p_detail_client_rattachement_id) {
setp_detail_facture_client_rattachement_id(value._id);
if (value.client_facturation_id && value.client_facturation_id !== "") {
setp_detail_facture_client_rattachement_id(value.client_facturation_id);
} else {
setp_detail_facture_client_rattachement_id(value._id);
}
}
} else {
@ -27854,10 +27879,8 @@ const DisplayPartnerSession = (props) => {
setp_detail_client_rattachement_nom("");
setparticipant_data_changed("1");
Dialog_1_handle_change_participant_session(" Attention, vous allez modifier le client de rattachement du participant. Pensez à mettre à jour le client à facturer s'il est différent du client principal");
setp_detail_facture_client_rattachement_id("")
if (value._id !== p_detail_client_rattachement_id) {
setp_detail_facture_client_rattachement_id(value._id);
}
}
}}

View File

@ -4183,7 +4183,7 @@ const DisplayPartnerStagiaires = (props) => {
if (String(res.data.status) === "true") {
// console.log(" In GetAttendee res.data.status = " + res.data.status);
// console.log(" In GetAttendee res.data.message r_class = " + res.data.message);
// console.log(" In GetAttendee res.data.message r_class = " + res.data.message);
setGetAttendee_api("true");
setGetAttendee_result(res.data.message);
@ -5609,6 +5609,8 @@ const DisplayPartnerStagiaires = (props) => {
var local_id = JSON.parse(x)._id;
var local_nom = JSON.parse(x).nom;
var local_raison_sociale = JSON.parse(x).raison_sociale;
var local_client_facturation_id = JSON.parse(x).client_facturation_id;
var local_client_facturation_raison_sociale = JSON.parse(x).client_facturation_raison_sociale;
//---
var node = {
@ -5617,6 +5619,8 @@ const DisplayPartnerStagiaires = (props) => {
"label": local_nom,
"nom": local_nom,
"raison_sociale": local_raison_sociale,
"client_facturation_id": local_client_facturation_id,
"client_facturation_raison_sociale": local_client_facturation_raison_sociale,
};
new_data2.push(node);
@ -5629,6 +5633,8 @@ const DisplayPartnerStagiaires = (props) => {
"label": "",
"nom": "",
"raison_sociale": "",
"client_facturation_id": "",
"client_facturation_raison_sociale": "",
};
new_data2.push(node);
@ -12705,7 +12711,7 @@ const DisplayPartnerStagiaires = (props) => {
</div>}
{((selected_id && String(selected_id).length > 2) || (String(addOneParticipant) === "1")) && <div className="div_row" ref={myRef}>
@ -12990,6 +12996,8 @@ const DisplayPartnerStagiaires = (props) => {
setp_one_detail_session_class('');
setp_one_detail_session_class("");
setp_one_formation_is_ftion_initiale(value.is_ftion_initiale);
} else {
setp_one_formation("");
setp_one_detail_session_class('');
@ -13101,9 +13109,13 @@ const DisplayPartnerStagiaires = (props) => {
setp_one_detail_client_rattachement_id(value._id);
setp_one_detail_client_rattachement_nom(value.nom);
Dialog_1_handle_change_participant_session(" Pensez à mettre à jour le client à facturer s'il est différent du client principal");
setp_one_detail_facture_client_rattachement_id(value._id);
if (value.client_facturation_id && value.client_facturation_id !== "") {
setp_one_detail_facture_client_rattachement_id(value.client_facturation_id);
} else {
setp_one_detail_facture_client_rattachement_id(value._id);
}
}
@ -13113,7 +13125,12 @@ const DisplayPartnerStagiaires = (props) => {
Dialog_1_handle_change_participant_session(" Pensez à mettre à jour le client à facturer s'il est différent du client principal");
setp_one_detail_facture_client_rattachement_id("");
if (value.client_facturation_id && value.client_facturation_id !== "") {
setp_one_detail_facture_client_rattachement_id(value.client_facturation_id);
} else {
setp_one_detail_facture_client_rattachement_id(value._id);
}
}
@ -14216,7 +14233,12 @@ const DisplayPartnerStagiaires = (props) => {
Dialog_1_handle_change_participant_session(" Attention, vous allez modifier le client de rattachement du participant. Pensez à mettre à jour le client à facturer s'il est différent du client principal");
if (value._id !== p_detail_client_rattachement_id) {
setp_detail_facture_client_rattachement_id(value._id);
if (value.client_facturation_id && value.client_facturation_id !== "") {
setp_detail_facture_client_rattachement_id(value.client_facturation_id);
} else {
setp_detail_facture_client_rattachement_id(value._id);
}
}
} else {

View File

@ -6781,7 +6781,7 @@ const Intranet_Commande_Devis = (props) => {
<div className="div_row" style={{ "border": "None", paddingRight: '10px' }}>
<div className="session_data">
{rowss_total_data && rowss_total_data.length > 0 && rowss_total_data.map((val) => (<nav style={{ "textAlign": 'right', 'marginRight': '15px', "fontWeight": "600", "fontSize": "15px", "paddingTop": "2px" }}> {parseFloat(String(val.somme_order_ca_ht)).toLocaleString()} () / {val.nb_header_order} Commandes / Devis </nav>))}
{rowss_total_data && rowss_total_data.length > 0 && rowss_total_data.map((val) => (<nav style={{ "textAlign": 'right', 'marginRight': '15px', "fontWeight": "600", "fontSize": "15px", "paddingTop": "2px" }}> {parseFloat(String(val.somme_order_ca_ht)).toLocaleString()} () / {val.nb_header_order} Devis </nav>))}
<div style={{ "border": "None" }}>

View File

@ -831,7 +831,7 @@
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
@ -885,7 +885,7 @@
top: 250px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-size: 12px;
line-height: 17px;
@ -902,7 +902,7 @@
.title1 {
width: 100%;
text-align: center;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -1003,7 +1003,7 @@
.cta_recherche_txt {
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 17px;
@ -1139,7 +1139,7 @@
height: 24px;
letter-spacing: 1px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 18px;
@ -1242,7 +1242,7 @@
letter-spacing: 2px;
height: 19px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -1360,7 +1360,7 @@
width: 26px;
height: 22px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -1495,7 +1495,7 @@
width: 92px;
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -1611,7 +1611,7 @@
margin-top: 10px;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -1636,7 +1636,7 @@
width: 85px;
height: 14px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -1706,7 +1706,7 @@
width: 201px;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
@ -1773,7 +1773,7 @@
width: 261px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
@ -1869,7 +1869,7 @@
.block_list_actu_actu1_date_text_date {
height: 19px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 12px;
@ -1892,7 +1892,7 @@
height: 64px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -1955,7 +1955,7 @@
width: 156px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -2068,7 +2068,7 @@
.block_partner_sous_block_logo_desc_desc {
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 25px;
@ -2094,7 +2094,7 @@
width: 100%;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -2156,7 +2156,7 @@
width: 100%;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -3193,7 +3193,7 @@
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
@ -3220,7 +3220,7 @@
cursor: pointer;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -3337,7 +3337,7 @@
cursor: pointer;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -3367,7 +3367,7 @@
cursor: pointer;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -3431,7 +3431,7 @@
width: 100%;
text-align: center;
height: 120px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -3449,7 +3449,7 @@
text-align: left;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 18px;
@ -3547,7 +3547,7 @@
width: 534px;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -3620,7 +3620,7 @@
width: 90px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 17px;
@ -3712,7 +3712,7 @@
width: 100%;
height: 28px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 28px;
@ -3904,7 +3904,7 @@
height: 24px;
letter-spacing: 1px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 18px;
@ -4007,7 +4007,7 @@
letter-spacing: 2px;
height: 19px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -4125,7 +4125,7 @@
width: 26px;
height: 22px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -4260,7 +4260,7 @@
width: 92px;
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -4376,7 +4376,7 @@
height: 22px;
margin-top: 10px;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -4401,7 +4401,7 @@
width: 85px;
height: 14px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -4461,7 +4461,7 @@
width: 201px;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 15px;
@ -4529,7 +4529,7 @@
width: 261px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
@ -4630,7 +4630,7 @@
width: 152px;
height: 19px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
@ -4653,7 +4653,7 @@
height: 64px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: medium;
@ -4726,7 +4726,7 @@
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -4840,7 +4840,7 @@
width: 600px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 25px;
@ -4866,7 +4866,7 @@
width: 100%;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -4928,7 +4928,7 @@
width: 100%;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -5006,7 +5006,7 @@
width: 100%;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -5030,7 +5030,7 @@
text-align: left;
height: 80px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 14px;
@ -5063,7 +5063,7 @@
height: 80px;
padding-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -6283,7 +6283,7 @@
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
@ -6309,7 +6309,7 @@
cursor: pointer;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -6426,7 +6426,7 @@
cursor: pointer;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -6454,7 +6454,7 @@
cursor: pointer;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -6519,7 +6519,7 @@
width: 100%;
text-align: center;
height: 120px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -6537,7 +6537,7 @@
text-align: left;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 18px;
@ -6612,7 +6612,7 @@
height: 17px;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -6685,7 +6685,7 @@
width: 90px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 17px;
@ -6780,7 +6780,7 @@
width: 227px;
height: 28px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
@ -6970,7 +6970,7 @@
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -7073,7 +7073,7 @@
letter-spacing: 2px;
height: 19px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -7190,7 +7190,7 @@
width: 26px;
height: 22px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -7325,7 +7325,7 @@
width: 92px;
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -7441,7 +7441,7 @@
text-align: left;
margin-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -7466,7 +7466,7 @@
width: 85px;
height: 14px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -7526,7 +7526,7 @@
width: 201px;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
@ -7595,7 +7595,7 @@
width: 261px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -7698,7 +7698,7 @@
width: 152px;
height: 19px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
@ -7721,7 +7721,7 @@
height: 64px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: medium;
@ -7795,7 +7795,7 @@
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -7910,7 +7910,7 @@
width: 600px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 25px;
@ -7936,7 +7936,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -7998,7 +7998,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -8074,7 +8074,7 @@
width: 100%;
height: 62px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 18px;
@ -8100,7 +8100,7 @@
text-align: left;
height: 80px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 14px;
@ -8132,7 +8132,7 @@
height: 80px;
padding-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -9364,7 +9364,7 @@
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
@ -9390,7 +9390,7 @@
cursor: pointer;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -9507,7 +9507,7 @@
cursor: pointer;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -9536,7 +9536,7 @@
width: 112px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -9601,7 +9601,7 @@
width: 100%;
text-align: center;
height: 192px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 50px;
@ -9619,7 +9619,7 @@
text-align: left;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 18px;
@ -9716,7 +9716,7 @@
width: 534px;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -9789,7 +9789,7 @@
width: 90px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 17px;
@ -9882,7 +9882,7 @@
width: 227px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -10072,7 +10072,7 @@
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -10176,7 +10176,7 @@
letter-spacing: 2px;
height: 19px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -10293,7 +10293,7 @@
width: 26px;
height: 22px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -10428,7 +10428,7 @@
width: 92px;
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -10544,7 +10544,7 @@
text-align: left;
margin-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 18px;
@ -10569,7 +10569,7 @@
width: 85px;
height: 14px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -10629,7 +10629,7 @@
width: 201px;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
@ -10697,7 +10697,7 @@
width: 261px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -10798,7 +10798,7 @@
width: 152px;
height: 19px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
@ -10821,7 +10821,7 @@
height: 64px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: medium;
@ -10893,7 +10893,7 @@
.bton_tout_nos_article_txt {
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -11009,7 +11009,7 @@
width: 600px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 25px;
@ -11035,7 +11035,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -11097,7 +11097,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -11181,7 +11181,7 @@
width: 100%;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 20px;
@ -11207,7 +11207,7 @@
text-align: left;
height: 80px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 14px;
@ -11240,7 +11240,7 @@
height: 80px;
padding-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -12476,7 +12476,7 @@
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
@ -12502,7 +12502,7 @@
cursor: pointer;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -12620,7 +12620,7 @@
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -12649,7 +12649,7 @@
width: 112px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -12717,7 +12717,7 @@
width: 100%;
text-align: center;
height: 192px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 50px;
@ -12735,7 +12735,7 @@
text-align: left;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 18px;
@ -12832,7 +12832,7 @@
width: 534px;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -12906,7 +12906,7 @@
width: 90px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 17px;
@ -13000,7 +13000,7 @@
width: 227px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -13190,7 +13190,7 @@
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -13294,7 +13294,7 @@
letter-spacing: 2px;
height: 19px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -13411,7 +13411,7 @@
width: 26px;
height: 22px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -13546,7 +13546,7 @@
width: 92px;
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -13662,7 +13662,7 @@
text-align: left;
margin-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 18px;
@ -13687,7 +13687,7 @@
width: 85px;
height: 14px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -13747,7 +13747,7 @@
width: 201px;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
@ -13817,7 +13817,7 @@
width: 261px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -13919,7 +13919,7 @@
width: 152px;
height: 19px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
@ -13942,7 +13942,7 @@
height: 64px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: medium;
@ -14013,7 +14013,7 @@
.bton_tout_nos_article_txt {
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -14128,7 +14128,7 @@
width: 600px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 25px;
@ -14154,7 +14154,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -14216,7 +14216,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -14301,7 +14301,7 @@
width: 100%;
height: 32px;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 20px;
@ -14326,7 +14326,7 @@
text-align: left;
height: 80px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 14px;
@ -14358,7 +14358,7 @@
height: 80px;
padding-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;

View File

@ -328,15 +328,20 @@ const New_C_Formation_2025 = (props) => {
},
};
const maxStars = 5;
return (
<div className="new_formation_2025">
<div style={styles.card}>
{/*<div style={styles.card}>
<div style={{ width: '100%', textAlign: 'right', zIndex: '9999' }}>
<div style={{ width: '50%', float: 'left' }}> &nbsp; </div>
<div style={{ width: '50%', float: 'left', textAlign: 'left', maxWidth: '3rem', paddingLeft:'2px', }}>
{props.formation.domaine_code && <span className="tag_cpf_txt_ok_cpf" style={{border:'1px solid', borderRadius:'10px'}}>{String(props.formation.domaine_code)}</span>}
</div>
{props.formation.cpf && String(props.formation.cpf) === String("1") && <div className="case_cpf" >
<span className="tag_cpf_txt_ok_cpf" >{"OUI CPF"}</span>
@ -350,6 +355,8 @@ const New_C_Formation_2025 = (props) => {
<span className="tag_cpf_txt_no_ok_cpf">{"NON CPF"}</span>
</div>}
</div>
@ -405,21 +412,21 @@ const New_C_Formation_2025 = (props) => {
<div>
<img src={userimgclassprofil} alt="autre" style={styles.image} />
{/*props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par :<br />
{String(props.formation.institut_formation)} </div>*/}
{String(props.formation.institut_formation)} </div>* /}
</div>}
{(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" && String(userimgclassprofil).length <= 100 &&
<div>
<img src={img_met_autre} alt="autre" style={styles.image} />
{/*props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par :<br />
{String(props.formation.institut_formation)} </div>*/}
{String(props.formation.institut_formation)} </div>* /}
</div>}
{(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "1" &&
<div>
<img src={props.formation.img_url} alt="autre" style={styles.image} />
{/*props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par : <br />
{String(props.formation.institut_formation)} </div>*/}
{String(props.formation.institut_formation)} </div>* /}
</div>}
@ -441,13 +448,13 @@ const New_C_Formation_2025 = (props) => {
&nbsp; </p>}
{props.formation.business_prices && props.formation.business_prices.length <= 0
&& <p className="formation_prix">
{parseFloat(String(props.formation.price)) <= 0 && <font style={{color:'#39b7a5'}}> Gratuit</font>}
{parseFloat(String(props.formation.price)) > 0 && <> {props.formation.price} </>}
&& <p className="formation_prix">
{parseFloat(String(props.formation.price)) <= 0 && <font style={{ color: '#39b7a5' }}> Gratuit </font>}
{parseFloat(String(props.formation.partnaire_tva)) > 0 && parseFloat(String(props.formation.price)) > 0 && <> HT </>}
{parseFloat(String(props.formation.partnaire_tva)) <= 0 && parseFloat(String(props.formation.price)) > 0 && <> TTC </>}
{parseFloat(String(props.formation.price)) > 0 && <> {props.formation.price} </>}
{parseFloat(String(props.formation.partnaire_tva)) > 0 && parseFloat(String(props.formation.price)) > 0 && <> HT </>}
{parseFloat(String(props.formation.partnaire_tva)) <= 0 && parseFloat(String(props.formation.price)) > 0 && <> TTC </>}
&nbsp; </p>}
@ -491,14 +498,451 @@ const New_C_Formation_2025 = (props) => {
}}> Voir les détails </nav></button>
</div>
</div>
</div>*/}
<article className="elyos-card">
<div className="elyos-card__image-wrapper">
{/*<img className="elyos-card__image" src={userimgclassprofil} alt={`Formation ${props.formation.title}`} />*/}
{class_img_stored_in_bdd && String(class_img_stored_in_bdd).length > 50 &&
<img src={class_img_stored_in_bdd} alt="Formation" style={styles.image} />
}
{(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) &&
(!props.formation.img_url || String(props.formation.img_url).length <= 10) &&
String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
<div >
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("it") &&
String(isclassimage) === "False" && <img src={img_met_program} alt="informatique" style={styles.image} />}
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("graphisme") &&
String(isclassimage) === "False" && <img src={img_met_graphisme} alt="graphisme" style={styles.image} />}
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("management") &&
String(isclassimage) === "False" && <img src={img_met_management} alt="management" style={styles.image} />}
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("digital") &&
String(isclassimage) === "False" && <img src={img_met_digital} alt="digital" style={styles.image} />}
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("office") &&
String(isclassimage) === "False" && <img src={img_met_bureautic} alt="office" style={styles.image} />}
{!props.formation.img_url || String(props.formation.img_url).length <= 0 &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("rh") &&
String(isclassimage) === "False" && <img src={img_met_rh} alt="ressources humaines" style={styles.image} />}
{!props.formation.img_url || String(props.formation.img_url).length <= 0 &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("vente") &&
String(isclassimage) === "False" && <img src={img_met_vente} alt="vente" style={styles.image} />}
{!props.formation.img_url || String(props.formation.img_url).length <= 0 &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("dev_perso") &&
String(isclassimage) === "False" && <img src={img_met_dev_perso} alt="developpement personnel" style={styles.image} />}
{String(isclassimage) === "True" && <img src={userimgclassprofil} alt="developpement personnel" style={styles.image} />}
</div>
}
{(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" && String(userimgclassprofil).length > 100 &&
<div>
<img src={userimgclassprofil} alt="autre" style={styles.image} />
{/*props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par :<br />
{String(props.formation.institut_formation)} </div>*/}
</div>}
{(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" && String(userimgclassprofil).length <= 100 &&
<div>
<img src={img_met_autre} alt="autre" style={styles.image} />
{/*props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par :<br />
{String(props.formation.institut_formation)} </div>*/}
</div>}
{(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "1" &&
<div>
<img src={props.formation.img_url} alt="autre" style={styles.image} />
{/*props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par : <br />
{String(props.formation.institut_formation)} </div>*/}
</div>}
{props.formation.domaine_code && String(props.formation.domaine_code) !== "" && <div className="elyos-card__badge elyos-card__badge--left">
{props.formation.domaine_code}
</div>}
{String(props.formation.cpf) === String("1") && (
<div className="elyos-card__badge elyos-card__badge--right">
<span className="elyos-card__badge-icon" aria-hidden="true"></span>
OUI CPF
</div>
)}
</div>
<div className="elyos-card__content">
<div className="elyos-card__header">
<h3 className="elyos-card__title">{String(parse(String(props.formation.title).replace(/(<([^>]+)>)/ig, ''))).substring(0, 45)}</h3>
{parseFloat(String(props.formation.price)) <= 0 && <span className="elyos-card__price" style={{ color: '#39b7a5' }}> Gratuit </span>}
{parseFloat(String(props.formation.price)) > 0 && <span className="elyos-card__price">{Intl.NumberFormat("fr-FR").format(props.formation.price)}
{parseFloat(String(props.formation.partnaire_tva)) > 0 && <> HT </>}
{parseFloat(String(props.formation.partnaire_tva)) <= 0 && <> TTC </>}
</span>}
</div>
<div className="elyos-card__rating" aria-label={`Note ${props.formation.note} sur 5`}>
<div className="elyos-card__stars" aria-hidden="true">
{Array.from({ length: maxStars }).map((_, index) => (
<span key={index} className={index < props.formation.note ? "active" : ""}>
{index < props.formation.note ? "★" : "☆"}
</span>
))}
</div>
<span className="elyos-card__rating-text">
{Number(props.formation.note).toFixed(1).replace(".", ",")}
</span>
</div>
<p className="elyos-card__description">{String(parse(String(props.formation.description).replace(/(<([^>]+)>)/ig, ''))).substring(0, 80)}</p>
<button className="elyos-card__button" type="button"
onClick={(e) => {
e.preventDefault();
if (props.formation.url && props.formation.url.length > 5) {
window.open(
props.formation.url,
'_blank'
);
} else {
window.open(
"/detail-formation/" + props.formation.internal_url,
'_blank'
);
}
}}>
Voir les détails
<span aria-hidden="true"></span>
</button>
</div>
</article>
<style>{local_css}</style>
</div >
)
}
export default New_C_Formation_2025;
export default New_C_Formation_2025;
const local_css = `
.block_formation{
border: none;
}
.elyos-page {
min-height: 100vh;
padding: 60px 24px;
background:
radial-gradient(circle at top left, rgba(20, 177, 160, 0.12), transparent 35%),
linear-gradient(135deg, #f7fafc 0%, #edf3f8 100%);
display: flex;
align-items: center;
justify-content: center;
font-family: "DM Sans", Arial, Helvetica, sans-serif;
}
.elyos-card {
width: 100%;
max-width: 430px;
background: #ffffff;
border-radius: 28px;
overflow: hidden;
box-shadow:
0 24px 60px rgba(16, 66, 119, 0.13),
0 4px 16px rgba(16, 66, 119, 0.06);
border: 1px solid rgba(16, 66, 119, 0.08);
transition: all 0.28s ease;
}
.elyos-card:hover {
transform: translateY(-8px);
box-shadow:
0 34px 80px rgba(16, 66, 119, 0.18),
0 8px 22px rgba(16, 66, 119, 0.08);
}
.elyos-card__image-wrapper {
position: relative;
height: 260px;
overflow: hidden;
background: #eef3f7;
}
.elyos-card__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.elyos-card__image-wrapper::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(8, 35, 66, 0.08) 0%,
rgba(8, 35, 66, 0.02) 45%,
rgba(255, 255, 255, 0.04) 100%
);
pointer-events: none;
}
.elyos-card__badge {
position: absolute;
z-index: 2;
top: 22px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 15px;
border-radius: 999px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
backdrop-filter: blur(14px);
box-shadow: 0 8px 22px rgba(16, 66, 119, 0.12);
}
.elyos-card__badge--left {
left: 22px;
color: #13a998;
background: rgba(255, 255, 255, 0.86);
background: rgb(218, 242, 238);
max-width: 8rem;
}
.elyos-card__badge--right {
right: 22px;
color: #104277;
background: rgba(255, 255, 255, 0.9);
}
.elyos-card__badge-icon {
width: 22px;
height: 22px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #13a998;
font-size: 13px;
}
.elyos-card__content {
padding: 10px 10px 20px;
}
.elyos-card__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
margin-bottom: 14px;
}
.elyos-card__title {
margin: 0;
color: #0a2a4d;
font-size: 16px !important;
line-height: 1.15;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2px;
text-align: left;
height: 4rem;
}
.elyos-card__price {
flex: 0 0 auto;
color: #13a998;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: -0.02em;
margin-top: 3px;
}
.elyos-card__rating {
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 20px;
border-bottom: 1px solid #e8eef5;
}
.elyos-card__stars {
display: flex;
gap: 2px;
font-size: 22px;
line-height: 1;
color: #b8c1cc;
}
.elyos-card__stars .active {
color: #f6ad24;
}
.elyos-card__rating-text {
color: #6b7a90;
font-size: 14px;
font-weight: 600;
}
.elyos-card__description {
margin: 5px 0;
color: #31445f;
font-size: 15px;
line-height: 1.65;
padding: 0px;
height: 5rem;
text-align: left;
}
.elyos-card__meta {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: 1px solid #e8eef5;
border-bottom: 1px solid #e8eef5;
margin-bottom: 24px;
}
.elyos-card__meta-item {
padding: 16px 8px;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
color: #263b58;
font-size: 14px;
font-weight: 700;
text-align: center;
}
.elyos-card__meta-item:not(:last-child) {
border-right: 1px solid #e8eef5;
}
.elyos-card__meta-icon {
color: #104277;
font-size: 17px;
}
.elyos-card__button {
width: 100%;
border: none;
cursor: pointer;
padding: 17px 20px;
border-radius: 17px;
background: linear-gradient(135deg, #104277 0%, #062b5f 100%);
color: #ffffff;
font-size: 16px;
font-weight: 850;
letter-spacing: -0.01em;
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
box-shadow: 0 16px 30px rgba(16, 66, 119, 0.25);
transition: all 0.25s ease;
background: rgb(49, 140, 127);
}
.elyos-card__button span {
font-size: 24px;
line-height: 1;
transition: transform 0.25s ease;
}
.elyos-card__button:hover {
transform: translateY(-2px);
box-shadow: 0 20px 38px rgba(16, 66, 119, 0.32);
}
.elyos-card__button:hover span {
transform: translateX(5px);
}
@media (max-width: 520px) {
.elyos-page {
padding: 32px 14px;
}
.elyos-card {
max-width: 100%;
border-radius: 22px;
font-family: 'DM sans';
}
.elyos-card__image-wrapper {
height: 220px;
}
.elyos-card__content {
padding: 22px;
}
.elyos-card__header {
flex-direction: column;
gap: 8px;
}
.elyos-card__title {
font-size: 16px !important;
height: 4rem;
}
.elyos-card__meta {
grid-template-columns: 1fr;
}
.elyos-card__meta-item:not(:last-child) {
border-right: none;
border-bottom: 1px solid #e8eef5;
}
.elyos-card__badge {
top: 16px;
font-size: 11px;
padding: 8px 12px;
}
.elyos-card__badge--left {
left: 16px;
}
.elyos-card__badge--right {
right: 16px;
}
}
`;

View File

@ -0,0 +1,791 @@
import React, { useState, useEffect } from "react";
import { useHistory } from "react-router-dom";
import { useCookies } from "react-cookie";
import { confirmAlert } from 'react-confirm-alert';
import img_met_program from "../mysy_img/met_programmation.jpg";
import img_met_graphisme from "../mysy_img/metier_graphisme.jpg";
import img_met_autre from "../mysy_img/met_autre.jpg";
import img_met_digital from "../mysy_img/met_digital.jpg";
import img_met_management from "../mysy_img/met_management.jpg";
import img_met_dev_perso from "../mysy_img/metier_dev_perso.jpg";
import img_met_rh from "../mysy_img/met_rh.jpg";
import img_met_bureautic from "../mysy_img/met_burautic.jpg";
import img_met_vente from "../mysy_img/met_vente.jpg";
import axios from "axios";
//import { Rating } from 'react-simple-star-rating'
import Rating from '@mui/material/Rating';
import parse from 'html-react-parser'
import { CiLocationOn } from "react-icons/ci";
const New_C_Formation_2025_ARG_070526 = (props) => {
const [userconnected, setuserconnected] = useState("0");
const [partnerconnected, setpartnerconnected] = useState("0");
const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']);
const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart']);
const history = useHistory();
const [myfilter, setmyfilter] = useState(props.formation.price);
const [profileimg, setprofileimg] = useState(props.formation.price);
// Gestion des Cookies
const stored_partner = cookie_part.tokenmysypart;
const stored_user = cookie.tokenmysych;
function test(val) {
if (userconnected === "0" && partnerconnected === "0") {
confirmAlert({
title: 'Activer votre session ?',
message: 'Merci de vous connecter pour acceder au detail de cette formation',
buttons: [
{
label: 'Oui',
onClick: () => { history.push("/mysy-training-login/training/" + props.formation.internal_url) }
},
{
label: 'Non',
onClick: () => { return }
}
],
closeOnEscape: false,
closeOnClickOutside: false,
keyCodeForClose: [8, 32],
willUnmount: () => { },
afterClose: () => { },
onClickOutside: () => { },
onKeypress: () => { },
onKeypressEscape: () => { },
});
} else {
window.open(
"/Display-Detail-formation/" + props.formation.internal_url,
'_blank'
);
}
}
const [myclassimage, setmyclassimage] = useState();
const [isclassimage, setisclassimage] = useState("False");
const [userimgclassprofil, setuserimgclassprofil] = useState("");
const [class_img_stored_in_bdd, setclass_img_stored_in_bdd] = useState("");
function getClassImage_no_token() {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedClassImage_no_token/";
var form = new FormData();
form.append("type", "partner");
form.append("related_collection", "myclass");
form.append("related_collection_recid", props.formation._id);
form.append("class_external_code", props.formation.external_code);
axios.post(myurl, form).then(res => {
// console.log(" getClassImage_no_token : In test res.data.status = ", res.data.status);
if (String(res.data.status) === "true") {
//console.log(" getClassImage_no_token: res.data.message.img = ", res.data.message);
if (res.data.message.img.length > 0) {
setisclassimage("True");
}
else {
setisclassimage("False");
}
setisclassimage(res.data.message.img);
var ch_img = "data:image/png;base64," + res.data.message.img;
setclass_img_stored_in_bdd(ch_img);
// console.log(" getClassImage_no_token: setclass_img_stored_in_bdd = ", setclass_img_stored_in_bdd);
}
else {
// console.log(" In Erreur res.data.status = " + res.data.status);
//console.log(" In Erreur res.data.message = " + res.data.message);
setisclassimage("False");
setuserimgclassprofil();
setclass_img_stored_in_bdd();
}
}).catch((error) => {
console.warn('getClassImage ee: Not good man :( getClassImage = ');
setisclassimage("False");
setuserimgclassprofil("");
setclass_img_stored_in_bdd("");
})
}
/* Cette variable accompagne la gestion des images par defaut.
idée : si la valeur de "DetailTraining.metier" != "management, digital, office, rh, vente, dev_perso"
alors l'utilisateur à créer une formation avec un metier qui n'est pas geré, donc on met une image par defaut
*/
const [ismetiermanaged, setismetiermanaged] = useState();
const liste_metier = ["management", "digital", "office", "rh", "vente", "dev_perso"];
useEffect(() => {
setmyfilter(props.myfil);
// console.log(" #### useEffect props.formation = ", props.formation);
if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
setuserconnected("0");
} else {
setuserconnected("1");
}
if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') {
setpartnerconnected("0");
} else {
setpartnerconnected("1");
}
getClassImage_no_token();
GetCurrentClass_trainingsession();
GetCurrentClass_trainingsession_cities();
// Verifier si le metier est geré
if (props.formation.metier) {
if (!liste_metier.includes(props.formation.metier)) {
setismetiermanaged("0"); // j'ai une valeur dans metier, mais qui n'est pas geré
}
}
else {
setismetiermanaged("0");
}
if (props.formation.img_url && String(props.formation.img_url).length > 0) {
setismetiermanaged("1");
}
}, []);
const [GetCurrentClass_api, setGetCurrentClass_api] = useState();
const [GetCurrentClass_message, setGetCurrentClass_message] = useState();
const [GetCurrentClass_result, setGetCurrentClass_result] = useState();
function GetCurrentClass_trainingsession(event) {
var form = new FormData();
form.append("class_internal_url", props.formation.internal_url);
form.append("token", stored_partner);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetActiveSessionFormation_List/";
axios.post(myurl, form).then(res => {
if (res.data.status != "false") {
//console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status);
//console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message);
setGetCurrentClass_api("true");
setGetCurrentClass_result(res.data.message);
}
else {
setGetCurrentClass_api("false");
setGetCurrentClass_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( GetCurrentClass_trainingsession = ', error);
setGetCurrentClass_api("false");
//setmyApimyApiMessage("")
})
}
const [GetCurrentClass_trainingsession_cities_api, setGetCurrentClass_trainingsession_cities_api] = useState();
const [GetCurrentClass_trainingsession_cities_message, setGetCurrentClass_trainingsession_cities_message] = useState();
const [GetCurrentClass_trainingsession_cities_result, setGetCurrentClass_trainingsession_cities_result] = useState([]);
function GetCurrentClass_trainingsession_cities(event) {
var form = new FormData();
form.append("class_internal_url", props.formation.internal_url);
form.append("token", stored_partner);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetActiveSession_Cities_And_Distance_Formation_List/";
axios.post(myurl, form).then(res => {
if (res.data.status != "false") {
//console.log(" In GetCurrentClass_trainingsession_cities res.data.status = " + res.data.status);
//console.log(" In GetCurrentClass_trainingsession_cities res.data.message r_class = " + res.data.message);
setGetCurrentClass_trainingsession_cities_api("true");
setGetCurrentClass_trainingsession_cities_result(res.data.message);
}
else {
setGetCurrentClass_trainingsession_cities_api("false");
setGetCurrentClass_trainingsession_cities_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( GetCurrentClass_trainingsession_cities = ', error);
setGetCurrentClass_trainingsession_cities_api("false");
//setmyApimyApiMessage("")
})
}
const styles = {
list: {
display: 'flex',
flexDirection: 'column',
gap: '32px',
width: '100%',
},
row: {
display: 'flex',
flexDirection: 'row',
gap: '24px',
width: '100%',
},
card: {
flexGrow: 1,
backgroundColor: '#fff',
borderRadius: '8px',
overflow: 'hidden',
display: 'flex',
flexDirection: 'column',
},
image: {
maxWidth: '100%',
height: '200px',
overflow: 'hidden',
margin: "auto",
},
content: {
padding: '16px',
},
header: {
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
},
eligibility: {
backgroundColor: '#e2e9fb',
padding: '4px 8px',
borderRadius: '4px',
fontSize: '12px',
fontWeight: 'bold',
},
title: {
fontSize: '14px',
fontWeight: 'bold',
margin: '8px 0',
},
price: {
fontSize: '14px',
fontWeight: 'bold',
color: '#000',
},
description: {
fontSize: '12px',
color: '#666',
margin: '8px 0',
height: "40px",
overflow: "hidden",
},
details: {
display: 'flex',
justifyContent: 'space-between',
marginTop: '16px',
},
button: {
backgroundColor: '#007bff',
color: '#fff',
padding: '8px 16px',
border: 'none',
borderRadius: '4px',
cursor: 'pointer',
},
buttonOutline: {
backgroundColor: '#fff',
color: '#007bff',
padding: '8px 16px',
border: '1px solid #007bff',
borderRadius: '4px',
cursor: 'pointer',
},
};
return (
<div className="new_formation_2025">
<div style={styles.card}>
<div style={{ width: '100%', textAlign: 'right', zIndex: '9999' }}>
<div style={{ width: '50%', float: 'left', textAlign: 'left', maxWidth: '3rem', paddingLeft:'2px', }}>
{props.formation.domaine_code && <span className="tag_cpf_txt_ok_cpf" style={{border:'1px solid', borderRadius:'10px'}}>{String(props.formation.domaine_code)}</span>}
</div>
{props.formation.cpf && String(props.formation.cpf) === String("1") && <div className="case_cpf" >
<span className="tag_cpf_txt_ok_cpf" >{"OUI CPF"}</span>
</div>
}
{props.formation.cpf && String(props.formation.cpf) !== String("1") && <div className="case_cpf">
<span className="tag_cpf_txt_no_ok_cpf">{"NON CPF"}</span>
</div>
}
{!props.formation.cpf && String(props.formation.cpf) !== String("1") && <div className="case_cpf">
<span className="tag_cpf_txt_no_ok_cpf">{"NON CPF"}</span>
</div>}
</div>
{class_img_stored_in_bdd && String(class_img_stored_in_bdd).length > 50 &&
<img src={class_img_stored_in_bdd} alt="Formation" style={styles.image} />
}
{(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) &&
(!props.formation.img_url || String(props.formation.img_url).length <= 10) &&
String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
<div >
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("it") &&
String(isclassimage) === "False" && <img src={img_met_program} alt="informatique" style={styles.image} />}
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("graphisme") &&
String(isclassimage) === "False" && <img src={img_met_graphisme} alt="graphisme" style={styles.image} />}
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("management") &&
String(isclassimage) === "False" && <img src={img_met_management} alt="management" style={styles.image} />}
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("digital") &&
String(isclassimage) === "False" && <img src={img_met_digital} alt="digital" style={styles.image} />}
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("office") &&
String(isclassimage) === "False" && <img src={img_met_bureautic} alt="office" style={styles.image} />}
{!props.formation.img_url || String(props.formation.img_url).length <= 0 &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("rh") &&
String(isclassimage) === "False" && <img src={img_met_rh} alt="ressources humaines" style={styles.image} />}
{!props.formation.img_url || String(props.formation.img_url).length <= 0 &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("vente") &&
String(isclassimage) === "False" && <img src={img_met_vente} alt="vente" style={styles.image} />}
{!props.formation.img_url || String(props.formation.img_url).length <= 0 &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("dev_perso") &&
String(isclassimage) === "False" && <img src={img_met_dev_perso} alt="developpement personnel" style={styles.image} />}
{String(isclassimage) === "True" && <img src={userimgclassprofil} alt="developpement personnel" style={styles.image} />}
</div>
}
{(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" && String(userimgclassprofil).length > 100 &&
<div>
<img src={userimgclassprofil} alt="autre" style={styles.image} />
{/*props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par :<br />
{String(props.formation.institut_formation)} </div>*/}
</div>}
{(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" && String(userimgclassprofil).length <= 100 &&
<div>
<img src={img_met_autre} alt="autre" style={styles.image} />
{/*props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par :<br />
{String(props.formation.institut_formation)} </div>*/}
</div>}
{(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "1" &&
<div>
<img src={props.formation.img_url} alt="autre" style={styles.image} />
{/*props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par : <br />
{String(props.formation.institut_formation)} </div>*/}
</div>}
<div className="block_main_contente">
<div className="block_top_content">
<div className="div_row_gauche" >
{props.formation.note && String(props.formation.note).length === 1 &&
parseInt(String(props.formation.note)) <= 5 &&
<Rating name="half-rating-read" defaultValue={props.formation.note} precision={0.5} readOnly style={{ fontSize: '15px' }} />
}
</div>
<h3 className="formation_titre">{String(parse(String(props.formation.title).replace(/(<([^>]+)>)/ig, ''))).substring(0, 50)}</h3>
{props.formation.discounted_price && props.formation.business_prices && <p className="formation_prix">{props.formation.discounted_price}
{parseFloat(String(props.formation.partnaire_tva)) > 0 && <> HT </>}
{parseFloat(String(props.formation.partnaire_tva)) <= 0 && <> TTC </>}
&nbsp; </p>}
{props.formation.business_prices && props.formation.business_prices.length <= 0
&& <p className="formation_prix">
{parseFloat(String(props.formation.price)) <= 0 && <font style={{ color: '#39b7a5' }}> Gratuit </font>}
{parseFloat(String(props.formation.price)) > 0 && <> {props.formation.price} </>}
{parseFloat(String(props.formation.partnaire_tva)) > 0 && parseFloat(String(props.formation.price)) > 0 && <> HT </>}
{parseFloat(String(props.formation.partnaire_tva)) <= 0 && parseFloat(String(props.formation.price)) > 0 && <> TTC </>}
&nbsp; </p>}
{props.formation.business_prices && props.formation.business_prices.length > 0 &&
<p style={{ width: '100%', float: 'left' }}>
<p className="formation_prix" style={{ width: '100%', float: 'left' }}>{props.formation.business_prices[0].discounted_price}
{parseFloat(String(props.formation.partnaire_tva)) > 0 && <> HT </>}
{parseFloat(String(props.formation.partnaire_tva)) <= 0 && <> TTC </>}
&nbsp;
<font className='training_price_barre' style={{ fontSize: '14px' }}> {props.formation.price}
{parseFloat(String(props.formation.partnaire_tva)) > 0 && <> HT </>}
{parseFloat(String(props.formation.partnaire_tva)) <= 0 && <> TTC </>}
&nbsp;</font>
<font className='discount_block' style={{ fontSize: '14px' }}> ({props.formation.business_prices[0].discount} %) </font></p>
</p>}
<p className="formation_description"> {String(parse(String(props.formation.description).replace(/(<([^>]+)>)/ig, ''))).substring(0, 80)}...</p>
</div>
</div>
<div className="block_cats">
<button className="block_cats_bton_detail">
<nav className="block_cats_bton_detail_text"
onClick={(e) => {
e.preventDefault();
if (props.formation.url && props.formation.url.length > 5) {
window.open(
props.formation.url,
'_blank'
);
} else {
window.open(
"/detail-formation/" + props.formation.internal_url,
'_blank'
);
}
}}> Voir les détails </nav></button>
</div>
</div>
<style>{local_css}</style>
</div >
)
}
export default New_C_Formation_2025_ARG_070526;
const local_css = `
.elyos-page {
min-height: 100vh;
padding: 60px 24px;
background:
radial-gradient(circle at top left, rgba(20, 177, 160, 0.12), transparent 35%),
linear-gradient(135deg, #f7fafc 0%, #edf3f8 100%);
display: flex;
align-items: center;
justify-content: center;
font-family: "DM Sans", Arial, Helvetica, sans-serif;
}
.elyos-card {
width: 100%;
max-width: 430px;
background: #ffffff;
border-radius: 28px;
overflow: hidden;
box-shadow:
0 24px 60px rgba(16, 66, 119, 0.13),
0 4px 16px rgba(16, 66, 119, 0.06);
border: 1px solid rgba(16, 66, 119, 0.08);
transition: all 0.28s ease;
}
.elyos-card:hover {
transform: translateY(-8px);
box-shadow:
0 34px 80px rgba(16, 66, 119, 0.18),
0 8px 22px rgba(16, 66, 119, 0.08);
}
.elyos-card__image-wrapper {
position: relative;
height: 260px;
overflow: hidden;
background: #eef3f7;
}
.elyos-card__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.elyos-card__image-wrapper::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(8, 35, 66, 0.08) 0%,
rgba(8, 35, 66, 0.02) 45%,
rgba(255, 255, 255, 0.04) 100%
);
pointer-events: none;
}
.elyos-card__badge {
position: absolute;
z-index: 2;
top: 22px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 15px;
border-radius: 999px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
backdrop-filter: blur(14px);
box-shadow: 0 8px 22px rgba(16, 66, 119, 0.12);
}
.elyos-card__badge--left {
left: 22px;
color: #13a998;
background: rgba(255, 255, 255, 0.86);
}
.elyos-card__badge--right {
right: 22px;
color: #104277;
background: rgba(255, 255, 255, 0.9);
}
.elyos-card__badge-icon {
width: 22px;
height: 22px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #13a998;
font-size: 13px;
}
.elyos-card__content {
padding: 28px 28px 30px;
}
.elyos-card__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
margin-bottom: 14px;
}
.elyos-card__title {
margin: 0;
color: #0f2d4f;
font-size: 24px;
line-height: 1.15;
font-weight: 900;
text-transform: uppercase;
letter-spacing: -0.03em;
}
.elyos-card__price {
flex: 0 0 auto;
color: #13a998;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: -0.02em;
margin-top: 3px;
}
.elyos-card__rating {
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 20px;
border-bottom: 1px solid #e8eef5;
}
.elyos-card__stars {
display: flex;
gap: 2px;
font-size: 22px;
line-height: 1;
color: #b8c1cc;
}
.elyos-card__stars .active {
color: #f6ad24;
}
.elyos-card__rating-text {
color: #6b7a90;
font-size: 14px;
font-weight: 600;
}
.elyos-card__description {
margin: 22px 0;
color: #31445f;
font-size: 15.5px;
line-height: 1.65;
}
.elyos-card__meta {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: 1px solid #e8eef5;
border-bottom: 1px solid #e8eef5;
margin-bottom: 24px;
}
.elyos-card__meta-item {
padding: 16px 8px;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
color: #263b58;
font-size: 14px;
font-weight: 700;
text-align: center;
}
.elyos-card__meta-item:not(:last-child) {
border-right: 1px solid #e8eef5;
}
.elyos-card__meta-icon {
color: #104277;
font-size: 17px;
}
.elyos-card__button {
width: 100%;
border: none;
cursor: pointer;
padding: 17px 20px;
border-radius: 17px;
background: linear-gradient(135deg, #104277 0%, #062b5f 100%);
color: #ffffff;
font-size: 16px;
font-weight: 850;
letter-spacing: -0.01em;
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
box-shadow: 0 16px 30px rgba(16, 66, 119, 0.25);
transition: all 0.25s ease;
}
.elyos-card__button span {
font-size: 24px;
line-height: 1;
transition: transform 0.25s ease;
}
.elyos-card__button:hover {
transform: translateY(-2px);
box-shadow: 0 20px 38px rgba(16, 66, 119, 0.32);
}
.elyos-card__button:hover span {
transform: translateX(5px);
}
@media (max-width: 520px) {
.elyos-page {
padding: 32px 14px;
}
.elyos-card {
max-width: 100%;
border-radius: 22px;
}
.elyos-card__image-wrapper {
height: 220px;
}
.elyos-card__content {
padding: 22px;
}
.elyos-card__header {
flex-direction: column;
gap: 8px;
}
.elyos-card__title {
font-size: 21px;
}
.elyos-card__meta {
grid-template-columns: 1fr;
}
.elyos-card__meta-item:not(:last-child) {
border-right: none;
border-bottom: 1px solid #e8eef5;
}
.elyos-card__badge {
top: 16px;
font-size: 11px;
padding: 8px 12px;
}
.elyos-card__badge--left {
left: 16px;
}
.elyos-card__badge--right {
right: 16px;
}
}
`;

View File

@ -7884,7 +7884,7 @@ const Partner_Commande = (props) => {
<div className="div_row" style={{ "border": "None", paddingRight: '10px' }}>
<div className="session_data">
{rowss_total_data && rowss_total_data.length > 0 && rowss_total_data.map((val) => (<nav style={{ "textAlign": 'right', 'marginRight': '15px', "fontWeight": "600", "fontSize": "15px", "paddingTop": "2px" }}> {parseFloat(String(val.somme_order_ca_ht)).toLocaleString()} () / {val.nb_header_order} Commandes / Devis </nav>))}
{rowss_total_data && rowss_total_data.length > 0 && rowss_total_data.map((val) => (<nav style={{ "textAlign": 'right', 'marginRight': '15px', "fontWeight": "600", "fontSize": "15px", "paddingTop": "2px" }}> {parseFloat(String(val.somme_order_ca_ht)).toLocaleString()} () / {val.nb_header_order} Devis </nav>))}
<div style={{ "border": "None" }}>

View File

@ -7823,7 +7823,7 @@ const Partner_Commande_ARG = (props) => {
<div className="div_row" style={{ "border": "None", paddingRight: '10px' }}>
<div className="session_data">
{rowss_total_data && rowss_total_data.length > 0 && rowss_total_data.map((val) => (<nav style={{ "textAlign": 'right', 'marginRight': '15px', "fontWeight": "600", "fontSize": "15px", "paddingTop": "2px" }}> {parseFloat(String(val.somme_order_ca_ht)).toLocaleString()} () / {val.nb_header_order} Commandes / Devis </nav>))}
{rowss_total_data && rowss_total_data.length > 0 && rowss_total_data.map((val) => (<nav style={{ "textAlign": 'right', 'marginRight': '15px', "fontWeight": "600", "fontSize": "15px", "paddingTop": "2px" }}> {parseFloat(String(val.somme_order_ca_ht)).toLocaleString()} () / {val.nb_header_order} Devis </nav>))}
<div style={{ "border": "None" }}>

View File

@ -1400,7 +1400,7 @@ const New_C_Marketplace_2025 = () => {
form.append("user_latitude", latitude);
form.append("user_longitude", longitude);
form.append("user_state", state);
var myurl = ""
if (displayAllClasses == true) {
@ -1415,7 +1415,7 @@ const New_C_Marketplace_2025 = () => {
axios.post(myurl, form).then(res => {
if (String(res.data.status) != String("false")) {
//console.log(" In test res.data.status = " + res.data.status);
// console.log(" In searchFunction res.data.message = " + res.data.message);
//console.log(" In searchFunction res.data.message = " + res.data.message);
setmyApiResponse("True");
setResult(res.data.message)
@ -1559,7 +1559,7 @@ const New_C_Marketplace_2025 = () => {
axios.post(myurl, form).then(res => {
if (String(res.data.status) != String("false")) {
//console.log(" In test res.data.status = " + res.data.status);
//console.log(" In DisplayXfirstClas res.data.message = " + res.data.message);
console.log(" In DisplayXfirstClas res.data.message = " + res.data.message);
setmyApiResponse("True");
setResult(res.data.message)

View File

@ -830,7 +830,7 @@
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
@ -884,7 +884,7 @@
top: 250px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-size: 12px;
line-height: 17px;
@ -901,7 +901,7 @@
.title1 {
width: 100%;
text-align: center;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -1013,7 +1013,7 @@
.cta_recherche_txt {
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 17px;
@ -1149,7 +1149,7 @@
height: 24px;
letter-spacing: 1px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 18px;
@ -1252,7 +1252,7 @@
letter-spacing: 2px;
height: 19px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -1370,7 +1370,7 @@
width: 26px;
height: 22px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -1505,7 +1505,7 @@
width: 92px;
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -1621,7 +1621,7 @@
margin-top: 10px;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -1646,7 +1646,7 @@
width: 85px;
height: 14px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -1716,7 +1716,7 @@
width: 201px;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
@ -1783,7 +1783,7 @@
width: 261px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
@ -1879,7 +1879,7 @@
.block_list_actu_actu1_date_text_date {
height: 19px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 12px;
@ -1902,7 +1902,7 @@
height: 64px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -1965,7 +1965,7 @@
width: 156px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -2078,7 +2078,7 @@
.block_partner_sous_block_logo_desc_desc {
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 25px;
@ -2104,7 +2104,7 @@
width: 100%;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -2166,7 +2166,7 @@
width: 100%;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -3186,7 +3186,7 @@
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
@ -3213,7 +3213,7 @@
cursor: pointer;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -3330,7 +3330,7 @@
cursor: pointer;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -3360,7 +3360,7 @@
cursor: pointer;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -3424,7 +3424,7 @@
width: 100%;
text-align: center;
height: 120px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -3442,7 +3442,7 @@
text-align: left;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 18px;
@ -3540,7 +3540,7 @@
width: 534px;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -3613,7 +3613,7 @@
width: 90px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 17px;
@ -3705,7 +3705,7 @@
width: 100%;
height: 28px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 28px;
@ -3897,7 +3897,7 @@
height: 24px;
letter-spacing: 1px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 18px;
@ -4000,7 +4000,7 @@
letter-spacing: 2px;
height: 19px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -4118,7 +4118,7 @@
width: 26px;
height: 22px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -4253,7 +4253,7 @@
width: 92px;
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -4369,7 +4369,7 @@
height: 22px;
margin-top: 10px;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -4394,7 +4394,7 @@
width: 85px;
height: 14px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -4454,7 +4454,7 @@
width: 201px;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 15px;
@ -4522,7 +4522,7 @@
width: 261px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
@ -4623,7 +4623,7 @@
width: 152px;
height: 19px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
@ -4646,7 +4646,7 @@
height: 64px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: medium;
@ -4719,7 +4719,7 @@
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -4833,7 +4833,7 @@
width: 600px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 25px;
@ -4859,7 +4859,7 @@
width: 100%;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -4921,7 +4921,7 @@
width: 100%;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -4999,7 +4999,7 @@
width: 100%;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -5023,7 +5023,7 @@
text-align: left;
height: 80px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 14px;
@ -5056,7 +5056,7 @@
height: 80px;
padding-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -6269,7 +6269,7 @@
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
@ -6295,7 +6295,7 @@
cursor: pointer;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -6412,7 +6412,7 @@
cursor: pointer;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -6440,7 +6440,7 @@
cursor: pointer;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -6505,7 +6505,7 @@
width: 100%;
text-align: center;
height: 120px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -6523,7 +6523,7 @@
text-align: left;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 18px;
@ -6598,7 +6598,7 @@
height: 17px;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -6671,7 +6671,7 @@
width: 90px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 17px;
@ -6766,7 +6766,7 @@
width: 227px;
height: 28px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
@ -6956,7 +6956,7 @@
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -7059,7 +7059,7 @@
letter-spacing: 2px;
height: 19px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -7176,7 +7176,7 @@
width: 26px;
height: 22px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -7311,7 +7311,7 @@
width: 92px;
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -7427,7 +7427,7 @@
text-align: left;
margin-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -7452,7 +7452,7 @@
width: 85px;
height: 14px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -7512,7 +7512,7 @@
width: 201px;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
@ -7581,7 +7581,7 @@
width: 261px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -7684,7 +7684,7 @@
width: 152px;
height: 19px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
@ -7707,7 +7707,7 @@
height: 64px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: medium;
@ -7781,7 +7781,7 @@
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -7896,7 +7896,7 @@
width: 600px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 25px;
@ -7922,7 +7922,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -7984,7 +7984,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -8060,7 +8060,7 @@
width: 100%;
height: 62px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 18px;
@ -8086,7 +8086,7 @@
text-align: left;
height: 80px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 14px;
@ -8118,7 +8118,7 @@
height: 80px;
padding-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -9343,7 +9343,7 @@
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
@ -9369,7 +9369,7 @@
cursor: pointer;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -9486,7 +9486,7 @@
cursor: pointer;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -9515,7 +9515,7 @@
width: 112px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -9580,7 +9580,7 @@
width: 100%;
text-align: center;
height: 192px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 50px;
@ -9598,7 +9598,7 @@
text-align: left;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 18px;
@ -9695,7 +9695,7 @@
width: 534px;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -9768,7 +9768,7 @@
width: 90px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 17px;
@ -9861,7 +9861,7 @@
width: 227px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -10051,7 +10051,7 @@
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -10155,7 +10155,7 @@
letter-spacing: 2px;
height: 19px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -10272,7 +10272,7 @@
width: 26px;
height: 22px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -10407,7 +10407,7 @@
width: 92px;
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -10523,7 +10523,7 @@
text-align: left;
margin-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 18px;
@ -10548,7 +10548,7 @@
width: 85px;
height: 14px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -10608,7 +10608,7 @@
width: 201px;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
@ -10676,7 +10676,7 @@
width: 261px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -10777,7 +10777,7 @@
width: 152px;
height: 19px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
@ -10800,7 +10800,7 @@
height: 64px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: medium;
@ -10872,7 +10872,7 @@
.bton_tout_nos_article_txt {
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -10988,7 +10988,7 @@
width: 600px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 25px;
@ -11014,7 +11014,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -11076,7 +11076,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -11160,7 +11160,7 @@
width: 100%;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 20px;
@ -11186,7 +11186,7 @@
text-align: left;
height: 80px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 14px;
@ -11219,7 +11219,7 @@
height: 80px;
padding-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -12449,7 +12449,7 @@
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
@ -12475,7 +12475,7 @@
cursor: pointer;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -12593,7 +12593,7 @@
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -12622,7 +12622,7 @@
width: 112px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -12690,7 +12690,7 @@
width: 100%;
text-align: center;
height: 192px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 50px;
@ -12708,7 +12708,7 @@
text-align: left;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 18px;
@ -12805,7 +12805,7 @@
width: 534px;
height: 17px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -12879,7 +12879,7 @@
width: 90px;
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 17px;
@ -12973,7 +12973,7 @@
width: 227px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -13163,7 +13163,7 @@
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -13267,7 +13267,7 @@
letter-spacing: 2px;
height: 19px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
@ -13384,7 +13384,7 @@
width: 26px;
height: 22px;
font-family: 'Manrope';
font-family: 'DM Sans', 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -13519,7 +13519,7 @@
width: 92px;
height: 24px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 800;
font-size: 20px;
@ -13635,7 +13635,7 @@
text-align: left;
margin-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 18px;
@ -13660,7 +13660,7 @@
width: 85px;
height: 14px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 12px;
@ -13720,7 +13720,7 @@
width: 201px;
height: 22px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
@ -13790,7 +13790,7 @@
width: 261px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -13892,7 +13892,7 @@
width: 152px;
height: 19px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
@ -13915,7 +13915,7 @@
height: 64px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: medium;
@ -13988,7 +13988,7 @@
.bton_tout_nos_article_txt {
height: 30px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -14103,7 +14103,7 @@
width: 600px;
height: 48px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 25px;
@ -14129,7 +14129,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -14191,7 +14191,7 @@
width: 858px;
height: 72px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
@ -14276,7 +14276,7 @@
width: 100%;
height: 32px;
text-align: left;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 20px;
@ -14301,7 +14301,7 @@
text-align: left;
height: 80px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 14px;
@ -14333,7 +14333,7 @@
height: 80px;
padding-top: 10px;
font-family: 'Albert Sans';
font-family: 'DM Sans', 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 40px;