branche_01062025
Cherif 2025-06-29 20:15:12 +02:00
parent 7d15517985
commit f3297331cc
20 changed files with 5240 additions and 1911 deletions

View File

@ -238,8 +238,8 @@ function App() {
<Route path="/display-detail-article/:articleId" exact component={New_Article_Detail_2025} />
<Route path="/Display-Detail-Article/:articleId" exact component={New_Article_Detail_2025} />
<Route path="/detaile-formation/:classId" exact component={New_Formation_Detail_2025} />
{/* ex : http://localhost:3009/detaile-formation/habilitation-electrique-882*/}
<Route path="/detail-formation/:classId" exact component={New_Formation_Detail_2025} />
{/* ex : http://localhost:3009/detail-formation/habilitation-electrique-882*/}
<Route path="/marketplace/" exact component={New_Marktplace_2025} />
<Route path="/fonctionnalites/" exact component={New_Fonctionnalite_2025} />

View File

@ -296,7 +296,7 @@ const Display_Action_And_Class = (props) => {
if (res.data.status != "False") {
//console.log(" getClassImage : In test res.data.status = " + res.data.status);
console.log(" getClassImage: res.data.message.img = " + res.data.message);
// console.log(" getClassImage: res.data.message.img = " + res.data.message);
if (res.data.message.img.length > 0) {
setisclassimage("True");

File diff suppressed because it is too large Load Diff

View File

@ -1,17 +1,6 @@
import React, { useRef, useState, useEffect } from "react";
import { styled } from '@mui/material/styles';
import Paper from '@mui/material/Paper';
import Grid from '@mui/material/Grid';
import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share";
import { SocialIcon } from 'react-social-icons';
import {
Box,
Container,
Row,
Column,
FooterLink,
Heading,
} from "./FooterStyles";
import moment from "moment";
const Fotter_Catalog_Pub = (props) => {
@ -56,6 +45,14 @@ const Fotter_Catalog_Pub = (props) => {
downloadLink.click();
}
const [current_year, setcurrent_year] = useState("");
useEffect(() => {
var date2 = new Date();
const format2 = "YYYY";
var dateTime2 = moment(date2).format(format2);
setcurrent_year(dateTime2)
}, []);
return (
<div className='footer_catalog_pub'>
@ -67,8 +64,8 @@ const Fotter_Catalog_Pub = (props) => {
<hr />
<i className='copyright'>
Copyright © 2024 {props.partner_data.nom} . Tous droits réservés. &nbsp;
Copyright © {current_year} {props.partner_data.nom} . Tous droits réservés. &nbsp;
<a> <nav onClick={Display_Mention_Legale_File} >| Mentions légales </nav> </a>
<a> <nav onClick={Display_CGU_File} >| Conditions générales dutilisation </nav> </a>
<a><nav onClick={Display_CGV_File} > | Conditions générales de vente </nav> </a>

File diff suppressed because it is too large Load Diff

View File

@ -1,10 +1,10 @@
import React, { useState, useEffect } from "react";
import { useHistory } from "react-router-dom";
import { useCookies } from "react-cookie";
import { confirmAlert } from 'react-confirm-alert';
import Fotter_Catalog_Pub from "../Fotter_Catalog_Pub";
import img_met_program from "../../mysy_img/met_programmation.jpg";
import img_met_graphisme from "../../mysy_img/metier_graphisme.jpg";
@ -23,7 +23,7 @@ import axios from "axios";
import Rating from '@mui/material/Rating';
import parse from 'html-react-parser'
import { CiLocationOn } from "react-icons/ci";
const Formation_Partner_Catalog_Special_JMJFormation = (props) => {
const [userconnected, setuserconnected] = useState("0");
const [partnerconnected, setpartnerconnected] = useState("0");
@ -420,7 +420,7 @@ const Formation_Partner_Catalog_Special_JMJFormation = (props) => {
{/*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">
@ -441,8 +441,8 @@ const Formation_Partner_Catalog_Special_JMJFormation = (props) => {
<p style={{ width: '100%', float: 'left' }}>
<p className="formation_prix" style={{ width: '100%', float: 'left' }}>{props.formation.business_prices[0].discounted_price} HT&nbsp;
<font className='training_price_barre' style={{ fontSize:'14px' }}> {props.formation.price} HT &nbsp;</font>
<font className='discount_block' style={{ fontSize:'14px' }}> ({props.formation.business_prices[0].discount} %) </font></p>
<font className='training_price_barre' style={{ fontSize: '14px' }}> {props.formation.price} HT &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>
@ -462,7 +462,7 @@ const Formation_Partner_Catalog_Special_JMJFormation = (props) => {
);
} else {
window.open(
"/detaile-formation/" + props.formation.internal_url,
"/Display-Partner-Catalog-Detail-formation/" + props.formation.internal_url,
'_blank'
);
}
@ -471,8 +471,6 @@ const Formation_Partner_Catalog_Special_JMJFormation = (props) => {
</div>
</div>
</div>
)

File diff suppressed because it is too large Load Diff

View File

@ -33,7 +33,7 @@ import img_header_jmg from "../../mysy_img2/img_jmj_modif.jpg"
import { TbArrowsDownUp } from "react-icons/tb";
let PageSize = 10;
const Jmjformation_Catalogue_Public = (props) => {
@ -4081,7 +4081,7 @@ const Jmjformation_Catalogue_Public = (props) => {
</div>
<div className="bloc_logo_indic_indic">
<font className="bloc_logo_indic_indic_text"> Indicateurs </font> <br />
<font className="bloc_logo_indic_indic_text"> Indicateurs </font> <br />
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
&& New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt &&
<div style={{
@ -4340,7 +4340,7 @@ const Jmjformation_Catalogue_Public = (props) => {
{result && myApiResponse === "True" && !newresult &&
<div className="okUpdateData">
<div style={{ "width": "100%" }}>
<div style={{ "width": "50%", "float": "left" }}>
<div style={{ "width": "40%", "float": "left" }}>
<Pagination
className="pagination-bar"
currentPage={currentPage2}
@ -4349,7 +4349,7 @@ const Jmjformation_Catalogue_Public = (props) => {
onPageChange={page => setCurrentPage2(page)}
/>
</div>
<div style={{ "width": "40%", "float": "right" }}>
<div style={{ "width": "60%", "float": "right" }}>
<div className="input-group input-group-sm mb-3 ">
<span className="filter_span">Trier par </span>
@ -4391,7 +4391,9 @@ const Jmjformation_Catalogue_Public = (props) => {
{result && myApiResponse == "True" && fin == 0 && !newresult &&
result.slice(0, PageSize).map((formation) => (
<div className="block_formation" ref={inputEl} id="inputEl_element">
<Formation_Partner_Catalog_Special_JMJFormation formation={JSON.parse(formation)} key={JSON.parse(formation).title} coeur={JSON.parse(formation).title} />
<Formation_Partner_Catalog_Special_JMJFormation formation={JSON.parse(formation)}
key={JSON.parse(formation).title} coeur={JSON.parse(formation).title}
partner_data={New_Get_Subdomain_Partner_Data_result[0]}/>
</div>
))}
@ -4399,7 +4401,8 @@ const Jmjformation_Catalogue_Public = (props) => {
{result && myApiResponse == "True" && fin == 0 && newresult &&
newresult.slice(0, PageSize).map((formation) => (
<div className="block_formation" >
<Formation_Partner_Catalog_Special_JMJFormation formation={JSON.parse(formation)} key={JSON.parse(formation).title} />
<Formation_Partner_Catalog_Special_JMJFormation formation={JSON.parse(formation)}
key={JSON.parse(formation).title} partner_data={New_Get_Subdomain_Partner_Data_result[0]}/>
</div>
))}
@ -4410,7 +4413,8 @@ const Jmjformation_Catalogue_Public = (props) => {
&& currentTableData2
&& currentTableData2.map((formation) => (
<div className="block_formation" >
<Formation_Partner_Catalog_Special_JMJFormation formation={JSON.parse(formation)} key={JSON.parse(formation).title} />
<Formation_Partner_Catalog_Special_JMJFormation formation={JSON.parse(formation)}
key={JSON.parse(formation).title} partner_data={New_Get_Subdomain_Partner_Data_result[0]}/>
</div>
))}
@ -4420,7 +4424,8 @@ const Jmjformation_Catalogue_Public = (props) => {
&& currentTableData2.map((formation) => (
<div className="block_formation" >
<Formation_Partner_Catalog_Special_JMJFormation formation={JSON.parse(formation)} key={JSON.parse(formation).title} />
<Formation_Partner_Catalog_Special_JMJFormation formation={JSON.parse(formation)} key={JSON.parse(formation).title}
partner_data={New_Get_Subdomain_Partner_Data_result[0]} />
</div>
))}
@ -4435,7 +4440,7 @@ const Jmjformation_Catalogue_Public = (props) => {
</div>
</div>
<div className="jmj_block_footer">
<div >
<Fotter_Catalog_Pub partner_data={New_Get_Subdomain_Partner_Data_result[0]} />
</div>

View File

@ -4,7 +4,7 @@
background: transparent !important;
color: white !important;
z-index: 999;
}
}
.css-qbdosj-Input {
background: transparent !important;
@ -918,18 +918,7 @@
.title2 {
position: absolute;
height: 35px;
left: 5%;
top: 90px;
font-family: "Albert Sans";
font-style: normal;
font-size: 14px;
line-height: 19px;
letter-spacing: 1px;
text-align: center;
color: #0A043C;
font-weight: 500;
display: none;
}

View File

@ -2701,7 +2701,7 @@ const Mon_Catalogue_Public = (props) => {
var catalog_pub_contact_public_telephone = ""
if (JSON.parse(x).catalog_pub_contact_public_telephone)
catalog_pub_contact_public_telephone = JSON.parse(x).catalog_pub_contact_public_telephone;
var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id;
@ -2823,7 +2823,7 @@ const Mon_Catalogue_Public = (props) => {
<Helmet>
<title>Formation & Tutoriel Gratuit ou payant Excellente qualité</title>
<meta name="description" content="(zzz)Trouver des Formations et Tutoriels d'excellente qualité : Gratuit ou payant / A distance ou en presentiel, etc." />
<meta name="description" content="Trouver des Formations et Tutoriels d'excellente qualité : Gratuit ou payant / A distance ou en presentiel, etc." />
<meta name="robots" content="index,follow" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/recherche-formation"} />
<meta name="title" content="Formation & Tutoriel Gratuit ou payant Excellente qualité" />

View File

@ -462,7 +462,7 @@ const New_C_Formation_2025 = (props) => {
);
} else {
window.open(
"/detaile-formation/" + props.formation.internal_url,
"/detail-formation/" + props.formation.internal_url,
'_blank'
);
}

View File

@ -1441,7 +1441,7 @@ const New_C_Detail_Formation_2025 = (props) => {
<img src={DetailTraining.img_url} alt="autre" className="mob_training_img" />
</div>}
</div>
<hr style={{ "width": "100%", border: "1px solid #E2E9FB", marginTop: '5px', marginBottom: '5px' }} />
<div style={{ width: '100%', float: 'left', height: '50px', marginBottom: '30px' }}>
@ -1654,6 +1654,39 @@ const New_C_Detail_Formation_2025 = (props) => {
</div>
</div>
< nav ref={myRef_informe} id="myRef_informe"> </nav>
{(String(inscritpion) === "2" || String(inscritpion) === "1") &&
<div style={{ width: '100%', marginLeft: 'auto', marginRight: 'auto', background: "#FFF", borderRadius: '10px' }}>
<div style={{ width: '100%', marginLeft: 'auto', marginRight: 'auto', background: "#FFF", marginTop: '1rem' }}>
<div className="mob_info_page" id="mob_info_page" >
<div className="mob_info_page_title_desc" ref={myRef_informe} id="myRef_informe" >
{String(inscritpion) === "2" && <div>
<Inscription internal_url={DetailTraining["internal_url"]} action="information"
Close_info_form={Close_info_form} trainig_price={class_sales_price} inscritpion={inscritpion} />
</div>
}
{String(inscritpion) === "1" && <div className="description detail_element">
<Inscription internal_url={DetailTraining["internal_url"]} action="inscription"
Close_info_form={Close_inscrip_form} trainig_price={class_sales_price} inscritpion={inscritpion} />
</div>
}
</div>
</div>
</div>
</div>}
<div style={{ width: '90%', marginLeft: 'auto', marginRight: 'auto', background: "#FFF", borderRadius: '10px' }}>
@ -1663,21 +1696,6 @@ const New_C_Detail_Formation_2025 = (props) => {
<div className="mob_info_page_title_desc" ref={myRef_informe} id="myRef_informe" >
{String(inscritpion) === "2" && <div>
<Inscription internal_url={DetailTraining["internal_url"]} action="information"
Close_info_form={Close_info_form} trainig_price={class_sales_price} inscritpion={inscritpion} />
</div>
}
{String(inscritpion) === "1" && <div className="description detail_element">
<Inscription internal_url={DetailTraining["internal_url"]} action="inscription"
Close_info_form={Close_inscrip_form} trainig_price={class_sales_price} inscritpion={inscritpion}/>
</div>
}
<div className="mob_info_page_title_desc_title">
Description
@ -1690,6 +1708,16 @@ const New_C_Detail_Formation_2025 = (props) => {
</div>
</div>
</div>
</div>
<div style={{ width: '90%', marginLeft: 'auto', marginRight: 'auto', background: "#FFF", borderRadius: '10px' }}>
<div style={{ width: '90%', marginLeft: 'auto', marginRight: 'auto', background: "#FFF", marginTop: '1rem' }}>
<div className="mob_info_page" id="mob_info_page">
{GetCurrentClass_result && GetCurrentClass_result.length > 0 &&
<div className="mob_info_page_title_desc">
@ -1702,7 +1730,7 @@ const New_C_Detail_Formation_2025 = (props) => {
{GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => (
<li style={{ "height": "2.8rem" }}>
<li style={{ marginBottom: "1rem" }}>
{(JSON.parse(formation).session_ondemande) && (JSON.parse(formation).session_ondemande) === "1" && <nav> Sessions de formation à la demande</nav>}
{(!(JSON.parse(formation).session_ondemande) || (JSON.parse(formation).session_ondemande) === "0") && <nav>
@ -1775,6 +1803,7 @@ const New_C_Detail_Formation_2025 = (props) => {
</div>
</div>
<div style={{ width: '90%', marginLeft: 'auto', marginRight: 'auto', background: "#FFF", borderRadius: '10px' }}>
<div style={{ width: '90%', marginLeft: 'auto', marginRight: 'auto', background: "#FFF", marginTop: '1rem' }}>
@ -2080,14 +2109,14 @@ const New_C_Detail_Formation_2025 = (props) => {
{String(inscritpion) === "1" && <div className="description detail_element">
<Inscription internal_url={DetailTraining["internal_url"]} action="inscription"
Close_info_form={Close_info_form} trainig_price={class_sales_price} inscritpion={inscritpion}/>
Close_info_form={Close_info_form} trainig_price={class_sales_price} inscritpion={inscritpion} />
</div>
}
{String(inscritpion) === "2" && <div className="description detail_element">
<Inscription internal_url={DetailTraining["internal_url"]} action="information"
Close_info_form={Close_inscrip_form} trainig_price={class_sales_price} inscritpion={inscritpion}/>
Close_info_form={Close_inscrip_form} trainig_price={class_sales_price} inscritpion={inscritpion} />
</div>
@ -2097,7 +2126,7 @@ const New_C_Detail_Formation_2025 = (props) => {
&& String(action).toLocaleLowerCase() !== "evaluation"
&& <div className="description detail_element" name='section_info'>
<Inscription internal_url={classId} action={action} trainig_price={class_sales_price} inscritpion={inscritpion}/>
<Inscription internal_url={classId} action={action} trainig_price={class_sales_price} inscritpion={inscritpion} />
</div>
}
@ -2105,7 +2134,7 @@ const New_C_Detail_Formation_2025 = (props) => {
&& <div className="description detail_element" name='section_info'>
<Inscription internal_url={classId} action={"evaluation"} eval_token={action} inscritpion={inscritpion}/>
<Inscription internal_url={classId} action={"evaluation"} eval_token={action} inscritpion={inscritpion} />
</div>
}

View File

@ -528,15 +528,13 @@
.div_row_gauche {
float: left;
width: 45%;
width: 100%;
border-radius: 1rem;
}
.div_row_droite {
float: left;
width: 45%;
width: 100%;
border-radius: 1rem;
}
@ -1007,7 +1005,6 @@
padding: 0px;
position: relative;
width: 96%;
left: 2%;
}
@ -1084,7 +1081,7 @@
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-family: "DM sans";
text-align: justify;
}
@ -1119,7 +1116,7 @@
height: 80px;
font-weight: 600;
text-align: center;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-family: "DM sans";
font-size: 24px;
color: rgb(62, 110, 227);
line-height: 29px;
@ -1450,7 +1447,7 @@
width: 100%;
height: 19px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-family: "DM sans";
font-style: normal;
font-weight: 600;
font-size: 16px;
@ -1473,7 +1470,7 @@
width: 100%;
height: 19px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-family: "DM sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
@ -1497,7 +1494,7 @@
border-radius: 10px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
max-height: 100px;
max-height: 200px;
max-width: 100%;
}
@ -1516,36 +1513,40 @@
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px;
line-height: 30px;
font-family: "DM sans";
font-size: 16px;
line-height: 180%;
min-height: 15rem;
}
.description_block {
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px;
line-height: 30px;
font-family: "DM sans";
font-size: 16px;
line-height: 180%;
min-height: 15rem;
}
.objectif_block {
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px;
line-height: 30px;
font-family: "DM sans";
font-size: 16px;
line-height: 180%;
min-height: 15rem;
}
.session_block {
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px;
line-height: 30px;
font-family: "DM sans";
font-size: 16px;
line-height: 120%;
min-height: 15rem;
}
@ -1553,9 +1554,10 @@
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px;
line-height: 30px;
font-family: "DM sans";
font-size: 16px;
line-height: 180%;
min-height: 15rem;
}
.sticky_div_hilight {
@ -2481,7 +2483,7 @@
top: 350px;
text-align: left;
}
.block_info_page_pave_title_desc {
/* Title + Description */
@ -2544,24 +2546,7 @@
.block_info_page_pave_title_desc_title {
/*
width: 100%;
height: 40px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 40px;
font-feature-settings: 'liga' off;
color: white;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
background-color: #20BFA9;
text-align: center;
*/
height: 24px;
@ -2897,7 +2882,7 @@
}
.block_sticky_info_caracteristique_list_title_desc_desc {
width: 100%;
width: 50%;
height: 12px;
text-align: right;
padding-right: 5px;
@ -3037,7 +3022,7 @@
gap: 8px;
width: 90%;
height: 120px;
margin-left: auto;
margin-left: 5%;
align-items: center;
justify-content: center;
}
@ -3051,10 +3036,10 @@
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 16px;
padding: 5px 5px;
height: 44px;
height: 35px;
/* Foundation /Blue/Normal */
background: #3E6EE3;
@ -3124,10 +3109,10 @@
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 16px;
padding: 5px 5px;
height: 44px;
height: 35px;
/* Foundation /Blue-Grey/Light :active */
border: 1px solid #C7C9CE;
@ -3419,6 +3404,7 @@
flex: none;
order: 0;
flex-grow: 0;
border: none;
}
@ -4727,24 +4713,7 @@
.block_info_page_pave_title_desc_title {
/*
width: 100%;
height: 40px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 40px;
font-feature-settings: 'liga' off;
color: white;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
background-color: #20BFA9;
text-align: center;
*/
height: 24px;
@ -5080,7 +5049,7 @@
}
.block_sticky_info_caracteristique_list_title_desc_desc {
width: 100%;
width: 50%;
height: 12px;
text-align: right;
padding-right: 5px;
@ -5602,6 +5571,7 @@
flex: none;
order: 0;
flex-grow: 0;
border: none;
}
@ -7238,7 +7208,7 @@
}
.block_sticky_info_caracteristique_list_title_desc_desc {
width: 100%;
width: 50%;
height: 12px;
text-align: right;
padding-right: 5px;
@ -7761,6 +7731,8 @@
flex: none;
order: 0;
flex-grow: 0;
border: none;
}

View File

@ -8,7 +8,7 @@ import Social_Link_icon from '../../img_new_design_2025/social_i_Link.png';
import Footer_Social_Fa_icon from '../../img_new_design_2025/Footer_social_i_Fa.png';
import logo_footer from '../../img_new_design_2025/logo_footer.png';
const FooterSection = ({ logoSrc, address, email, phone }) => {

View File

@ -1,6 +1,6 @@
import Display_Partner_Catalog_DetailClass_new_v2 from "../components/Display_Partner_Catalog_DetailClass_new_v2";
export default function display_partner_catalog_detailclass() {
return (
<div>

View File

@ -9,7 +9,7 @@ import New_Navigation_2025 from "../components/New_Navigation_2025";
const new_p_detail_formation_2025 = () => {
return (
<div>

View File

@ -711,7 +711,6 @@
color: #0A043C;
/* Inside auto layout */
flex: none;
@ -723,7 +722,6 @@
padding: 0px;
position: relative;
width: 96%;
height: 1470px;
left: 2%;
}
@ -738,7 +736,6 @@
gap: 16px;
width: 100%;
//height: 285px;
/* White */
@ -763,7 +760,6 @@
gap: 16px;
width: 100%;
//height: 285px;
/* White */
@ -778,22 +774,23 @@
}
.mob_info_page_title_desc_title {
width: 100%;
height: 30px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
height: 24px;
font-family: 'Albert Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 30px;
font-feature-settings: "liga" off;
color: white;
font-weight: 700;
font-size: 20px;
line-height: 120%;
letter-spacing: 0.02em;
text-transform: uppercase;
font-feature-settings: 'liga' off;
color: #3E6EE3;
flex: none;
flex-grow: 0;
order: 0;
align-self: stretch;
flex-grow: 0;
background-color: #20BFA9;
text-align: center;
background: #FFF;
text-align: left;
}
.mob_info_page_title_desc_desc {
@ -805,6 +802,7 @@
text-align: justify;
}
.mob_block_cross_sell_cat {
padding: 0px;
position: relative;
@ -1268,36 +1266,40 @@
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px;
line-height: 30px;
font-family: "DM sans";
font-size: 16px;
line-height: 180%;
min-height: 15rem;
}
.description_block {
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px;
line-height: 30px;
font-family: "DM sans";
font-size: 16px;
line-height: 180%;
min-height: 15rem;
}
.objectif_block {
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px;
line-height: 30px;
font-family: "DM sans";
font-size: 16px;
line-height: 180%;
min-height: 15rem;
}
.session_block {
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px;
line-height: 30px;
font-family: "DM sans";
font-size: 16px;
line-height: 120%;
min-height: 15rem;
}
@ -1305,11 +1307,13 @@
min-height: 8rem;
overflow: auto;
padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px;
line-height: 30px;
font-family: "DM sans";
font-size: 16px;
line-height: 180%;
min-height: 15rem;
}
.sticky_div_hilight {
flex-direction: column;
@ -2217,6 +2221,7 @@
text-align: left;
}
.block_info_page_pave_title_desc {
/* Title + Description */
@ -2230,7 +2235,7 @@
gap: 5px;
width: 100%;
//height: 165px;
/* White */
@ -2242,10 +2247,9 @@
flex: none;
order: 0;
flex-grow: 0;
font-size: 14px;
//max-height: 25rem;
//min-height: 20rem;
//overflow: hidden;
font-size: 16px;
padding: 24px;
}
@ -2262,7 +2266,7 @@
gap: 5px;
width: 100%;
//height: 165px;
/* White */
@ -2274,45 +2278,39 @@
flex: none;
order: 0;
flex-grow: 0;
//max-height: 55rem;
//min-height: 20rem;
//overflow: hidden;
padding: 24px;
}
.block_info_page_pave_title_desc_title {
/* Description */
width: 100%;
height: 40px;
height: 24px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-family: 'Albert Sans';
font-style: normal;
font-weight: 500;
font-weight: 700;
font-size: 20px;
line-height: 29px;
/* identical to box height */
line-height: 120%;
/* identical to box height, or 24px */
letter-spacing: 0.02em;
text-transform: uppercase;
font-feature-settings: 'liga' off;
/* Foundation /Blue/Normal */
color: #3E6EE3;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
background-color: #20BFA9;
text-align: center;
color: white;
font-size: 20px;
}
.block_info_page_pave_title_desc_desc {
width: 100%;
//height: 72px;
@ -2783,30 +2781,34 @@
}
.sticky_cats_buton_info {
/* Auto layout */
/* Button text */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px;
gap: 10px;
padding: 12px 16px;
width: 100%;
height: 40px;
border-radius: 8px;
height: 44px;
/* Foundation /Blue-Grey/Light :active */
border: 1px solid #C7C9CE;
backdrop-filter: blur(6px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 200px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
border: solid 1px lightblue;
cursor: pointer;
}
.sticky_cats_buton_info_box {
@ -2823,7 +2825,7 @@
}
.sticky_cats_buton_info_txt {
width: 202px;
height: 30px;
font-family: 'Albert Sans';
@ -2851,6 +2853,7 @@
}
.sticky_social_icone {
display: flex;
flex-direction: row;
@ -4285,8 +4288,8 @@
padding: 5px;
gap: 5px;
width: 98%;
//height: 165px;
width: 100%;
/* White */
@ -4299,9 +4302,8 @@
order: 0;
flex-grow: 0;
font-size: 16px;
// max-height: 15rem;
//min-height: 15rem;
//overflow: hidden;
padding: 24px;
}
@ -4317,8 +4319,8 @@
padding: 5px;
gap: 5px;
width: 98%;
//height: 165px;
width: 100%;
/* White */
@ -4330,41 +4332,36 @@
flex: none;
order: 0;
flex-grow: 0;
//max-height: 40rem;
//min-height: 20rem;
//overflow: hidden;
padding: 24px;
}
.block_info_page_pave_title_desc_title {
/* Description */
width: 100%;
height: 40px;
height: 24px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-family: 'Albert Sans';
font-style: normal;
font-weight: 500;
font-weight: 700;
font-size: 20px;
line-height: 40px;
/* identical to box height */
line-height: 120%;
/* identical to box height, or 24px */
letter-spacing: 0.02em;
text-transform: uppercase;
font-feature-settings: 'liga' off;
/* Blue */
color: white;
/* Foundation /Blue/Normal */
color: #3E6EE3;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
background-color: #20BFA9;
text-align: center;
}
.block_info_page_pave_title_desc_desc {
@ -4841,27 +4838,32 @@
.sticky_cats_buton_info {
/* Auto layout */
/* Button text */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px;
gap: 10px;
padding: 12px 16px;
width: 100%;
height: 40px;
border-radius: 8px;
height: 44px;
/* Foundation /Blue-Grey/Light :active */
border: 1px solid #C7C9CE;
backdrop-filter: blur(6px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 200px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
border: solid 1px lightblue;
cursor: pointer;
}
.sticky_cats_buton_info_box {
@ -4878,7 +4880,7 @@
}
.sticky_cats_buton_info_txt {
width: 202px;
height: 30px;
font-family: 'Albert Sans';
@ -6359,7 +6361,7 @@
gap: 5px;
width: 100%;
//height: 165px;
/* White */
@ -6372,11 +6374,9 @@
order: 0;
flex-grow: 0;
font-size: 16px;
//max-height: 15rem;
//min-height: 15rem;
//overflow: hidden;
}
padding: 24px;
}
.block_info_page_pave_title_desc_long_text {
/* Title + Description */
@ -6391,7 +6391,7 @@
gap: 5px;
width: 100%;
//height: 165px;
/* White */
@ -6403,41 +6403,35 @@
flex: none;
order: 0;
flex-grow: 0;
//max-height: 40rem;
//min-height: 20rem;
//overflow: hidden;
padding: 24px;
}
.block_info_page_pave_title_desc_title {
/* Description */
width: 100%;
height: 40px;
height: 24px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
font-family: 'Albert Sans';
font-style: normal;
font-weight: 500;
font-weight: 700;
font-size: 20px;
line-height: 40px;
/* identical to box height */
line-height: 120%;
/* identical to box height, or 24px */
letter-spacing: 0.02em;
text-transform: uppercase;
font-feature-settings: 'liga' off;
color: white;
/* Foundation /Blue/Normal */
color: #3E6EE3;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
background-color: #20BFA9;
text-align: center;
}
.block_info_page_pave_title_desc_desc {
@ -6916,27 +6910,32 @@
.sticky_cats_buton_info {
/* Auto layout */
/* Button text */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px;
gap: 10px;
padding: 12px 16px;
width: 100%;
height: 40px;
width: 286px;
height: 44px;
border-radius: 8px;
/* Foundation /Blue-Grey/Light :active */
border: 1px solid #C7C9CE;
backdrop-filter: blur(6px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 200px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
border: solid 1px lightblue;
cursor: pointer;
}
.sticky_cats_buton_info_box {
@ -6953,7 +6952,7 @@
}
.sticky_cats_buton_info_txt {
width: 202px;
height: 30px;
font-family: 'Albert Sans';

View File

@ -5,7 +5,7 @@
cursor: pointer;
color: white;
}
.social-svg-mask {
fill: white !important;
}

View File

@ -73,15 +73,16 @@
.field_gauche {
text-align: left;
width: 40%;
width: 100%;
float: left;
margin-bottom: 15px;
}
.field_droite {
text-align: right;
width: 60%;
float: right;
padding-right: 10px;
text-align: left;
width: 100%;
float: left;
margin-bottom: 15px;
}
.css-ijy3ji-MuiFormControl-root-MuiTextField-root {
@ -152,7 +153,7 @@
width: 100%;
color: white;
margin-bottom: 1rem !important;
width: auto;
border: none;
}
.bton_edit {
@ -175,7 +176,32 @@
width: 100%;
color: black;
margin-bottom: 1rem !important;
width: auto;
border: none;
}
.choisir_session {
width: 100%;
text-align: left;
font-family: "DM Sans";
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
.liste_session {
width: 100%;
text-align: left;
font-family: "DM Sans";
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
.training_caract {
width: 97%;
padding: 5px;
float: left;
}
}
@ -351,8 +377,35 @@
margin-right: 10px;
font-family: 'DM Sans';
border: none;
min-width: 10rem;
min-width: 10rem;
}
.choisir_session {
width: 100%;
text-align: left;
font-family: "DM Sans";
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
.liste_session {
width: 100%;
text-align: left;
font-family: "DM Sans";
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
.training_caract {
width: 48%;
padding: 5px;
float: left;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -500,7 +553,7 @@
margin-right: 10px;
font-family: 'DM Sans';
border: none;
min-width: 12rem;
min-width: 12rem;
}
.bton_edit {
@ -525,8 +578,34 @@
color: black;
margin-left: 10px;
margin-right: 10px;
min-width: 12rem;
min-width: 12rem;
}
.choisir_session {
width: 40%;
text-align: left;
font-family: "DM Sans";
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
.liste_session {
width: 60%;
text-align: left;
font-family: "DM Sans";
float: right;
padding-top: 10px;
padding-bottom: 10px;
}
.training_caract {
width: 50%;
padding: 5px;
float: left;
}
}
@media only screen and (min-width: 1200px) {
@ -734,6 +813,31 @@
border: none;
}
.choisir_session {
width: 40%;
text-align: left;
font-family: "DM Sans";
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
.liste_session {
width: 60%;
text-align: left;
font-family: "DM Sans";
float: right;
padding-top: 10px;
padding-bottom: 10px;
}
.training_caract {
width: 30%;
padding: 5px;
float: left;
}
}

View File

@ -2311,6 +2311,7 @@
width: 100%;
float: left;
text-align: center;
margin-bottom: 1rem;
}
@ -2334,14 +2335,14 @@
.bloc_milieu {
min-height: 5rem;
width: 100%;
margin-left: 5%;
float: left;
position: absolute;
top: 22rem;
padding: 10px;
}
.bloc_img_milieu_gauche {
width: 48%;
width: 100%;
float: right;
text-align: right;
}
@ -2386,7 +2387,7 @@
width: 100%;
float: left;
text-align: center;
font-family: "DM Sans";
font-family: "DM Sans";
}
.title1_nom_model_2 {
@ -2395,7 +2396,7 @@
text-align: center;
height: 150px;
font-family: "DM Sans";
font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -2506,10 +2507,10 @@
.title1_text1 {
width: 100%;
text-align: left;
text-align: center;
// height: 192px;
font-family: 'DM sans';
font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 22px !important;
@ -2534,7 +2535,7 @@
.title1_nom {
width: 100%;
text-align: left;
text-align: center;
//height: 192px;
font-family: 'DM Sans';
@ -2559,6 +2560,75 @@
}
.jmj_block_header {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100%;
flex-wrap: wrap;
min-height: 100vh;
// padding: 2px;
}
.jmj_block_header_img {
padding: 2px;
// min-height: 500px;
background: #f3f4fb;
z-index: -2;
border: none;
padding-top: 15px;
margin-bottom: 1rem;
}
.jmj_header_gauche {
width: 100%;
text-align: center;
height: 500px;
}
.jmj_header_droite {
display: none;
}
.jmj_block_milieu {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
flex-wrap: wrap;
margin: auto;
max-width: 1600px;
min-height: 100vh;
gap: 10px;
}
.jmj_block_footer {
margin-top: 15px;
min-height: 10rem;
}
.jmj_block_milieu_gauche {
padding: auto;
width: 100%;
margin-left: auto;
}
.jmj_block_milieu_droite {
margin: auto;
width: 100%;
}
.Partner_Catalog_Background_Header_jmj {
width: 100%;
height: 600px;
left: 0px;
top: 0px;
z-index: -1;
position: absolute;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -3808,7 +3878,7 @@
flex: none;
order: 0;
flex-grow: 0;
// height: 100px;
// height: 100px;
}
.title1_text1 {
@ -3816,7 +3886,7 @@
text-align: left;
height: 192px;
font-family: 'DM sans';
font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 30px;
@ -5705,14 +5775,14 @@
.bloc_logo_indic_contact_text {
text-align: left;
font-weight: 700;
font-family: "DM Sans";
font-family: "DM Sans";
}
.bloc_logo_indic_indic_text {
text-align: left;
font-weight: 700;
font-family: "DM Sans";
font-family: "DM Sans";
}
/*** Pour le modele 2 - MySy_Theme2 **/
@ -5731,7 +5801,7 @@
width: 100%;
float: left;
text-align: center;
font-family: "DM Sans";
font-family: "DM Sans";
}
.title1_nom_model_2 {
@ -5740,7 +5810,7 @@
text-align: center;
height: 150px;
font-family: "DM Sans";
font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -5860,12 +5930,12 @@
.jmj_block_header_img {
padding: 2px;
// min-height: 500px;
// min-height: 500px;
background: #f3f4fb;
z-index: -2;
border: none;
padding-top: 15px;
margin-bottom: 1rem;
margin-bottom: 1rem;
}
.jmj_header_gauche {
@ -5909,6 +5979,15 @@
width: 100%;
}
.Partner_Catalog_Background_Header_jmj {
width: 100%;
height: 452px;
left: 0px;
top: 0px;
z-index: -1;
position: absolute;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -7133,7 +7212,7 @@
.title1_nom {
width: 100%;
text-align: left;
// height: 192px;
// height: 192px;
font-family: 'DM Sans';
font-style: normal;
@ -9031,14 +9110,14 @@
.bloc_logo_indic_contact_text {
text-align: left;
font-weight: 700;
font-family: "DM Sans";
font-family: "DM Sans";
}
.bloc_logo_indic_indic_text {
text-align: left;
font-weight: 700;
font-family: "DM Sans";
font-family: "DM Sans";
}
/*** Pour le modele 2 - MySy_Theme2 **/
@ -9057,7 +9136,7 @@
width: 100%;
float: left;
text-align: center;
font-family: "DM Sans";
font-family: "DM Sans";
}
.title1_nom_model_2 {
@ -9065,7 +9144,7 @@
text-align: center;
height: 150px;
font-family: "DM Sans";
font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -9210,12 +9289,12 @@
.jmj_block_header_img {
padding: 2px;
// min-height: 500px;
// min-height: 500px;
background: #f3f4fb;
z-index: -2;
border: none;
padding-top: 15px;
margin-bottom: 1rem;
margin-bottom: 1rem;
}
.jmj_header_gauche {
@ -9262,6 +9341,15 @@
min-height: 100vh;
}
.Partner_Catalog_Background_Header_jmj {
width: 100%;
height: 452px;
left: 0px;
top: 0px;
z-index: -1;
position: absolute;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
@ -10488,7 +10576,7 @@
.title1_nom {
width: 90%;
text-align: left;
// height: 192px;
// height: 192px;
font-family: 'DM Sans';
font-style: normal;
@ -10517,7 +10605,7 @@
text-align: left;
height: 192px;
font-family: 'DM sans';
font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 30px;
@ -12387,14 +12475,14 @@
.bloc_logo_indic_contact_text {
text-align: left;
font-weight: 700;
font-family: "DM Sans";
font-family: "DM Sans";
}
.bloc_logo_indic_indic_text {
text-align: left;
font-weight: 700;
font-family: "DM Sans";
font-family: "DM Sans";
}
/*** Pour le modele 2 - MySy_Theme2 **/
@ -12413,7 +12501,7 @@
width: 100%;
float: left;
text-align: center;
font-family: "DM Sans";
font-family: "DM Sans";
}
.title1_nom_model_2 {
@ -12421,7 +12509,7 @@
text-align: center;
height: 150px;
font-family: "DM Sans";
font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -12541,7 +12629,7 @@
text-align: left;
height: 192px;
font-family: 'DM sans';
font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 30px;
@ -12589,12 +12677,12 @@
.jmj_block_header_img {
padding: 2px;
// min-height: 500px;
// min-height: 500px;
background: #f3f4fb;
z-index: -2;
border: none;
padding-top: 15px;
margin-bottom: 1rem;
margin-bottom: 1rem;
}
.jmj_header_gauche {
@ -12641,6 +12729,15 @@
min-height: 100vh;
}
.Partner_Catalog_Background_Header_jmj {
width: 100%;
height: 452px;
left: 0px;
top: 0px;
z-index: -1;
position: absolute;
}
}
@media only screen and (min-width: 1920px) {
@ -13876,7 +13973,7 @@
.title1_nom {
width: 100%;
text-align: left;
// height: 192px;
// height: 192px;
font-family: 'DM Sans';
font-style: normal;
@ -13904,7 +14001,7 @@
text-align: left;
height: 192px;
font-family: 'DM sans';
font-family: 'DM sans';
font-style: normal;
font-weight: 500;
font-size: 30px;
@ -15806,7 +15903,7 @@
.bloc_logo_indic_indic_text {
text-align: left;
font-weight: 700;
font-family: "DM Sans";
font-family: "DM Sans";
}
/*** Pour le modele 2 - MySy_Theme2 **/
@ -15825,7 +15922,7 @@
width: 100%;
float: left;
text-align: center;
font-family: "DM Sans";
font-family: "DM Sans";
}
.title1_nom_model_2 {
@ -15833,7 +15930,7 @@
text-align: center;
height: 150px;
font-family: "DM Sans";
font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-size: 40px;
@ -16002,7 +16099,7 @@
.jmj_block_header_img {
padding: 2px;
// min-height: 500px;
// min-height: 500px;
background: #f3f4fb;
z-index: -2;
border: none;
@ -16054,20 +16151,22 @@
min-height: 100vh;
}
.Partner_Catalog_Background_Header_jmj {
width: 100%;
height: 452px;
left: 0px;
top: 0px;
z-index: -1;
position: absolute;
}
}
// end media
.Partner_Catalog_Background_Header_jmj {
width: 100%;
height: 452px;
left: 0px;
top: 0px;
z-index: -1;
position: absolute;
}
.message_hili {
color: #619e31;