recette2
cherif 2024-12-08 13:38:16 +01:00
parent 3cb154f5bb
commit 7041e28a94
5 changed files with 372 additions and 125 deletions

View File

@ -44,7 +44,7 @@ import { confirmAlert } from 'react-confirm-alert';
import Rating from '@mui/material/Rating'; import Rating from '@mui/material/Rating';
import parse from 'html-react-parser'; import parse from 'html-react-parser';
import Inscription from "./Inscription_Information"; import Inscription from "./Inscription_Information";
import SendIcon from '@mui/icons-material/Send';
import mysy_logo2 from "../mysy_img2/Logo_MySy.png" import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa'; import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
import { areOptionsEqual } from "@mui/base"; import { areOptionsEqual } from "@mui/base";
@ -56,6 +56,17 @@ import AccordionSummary from '@mui/material/AccordionSummary';
import Typography from '@mui/material/Typography'; import Typography from '@mui/material/Typography';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle';
import Box from '@mui/material/Box';
import TextField from '@mui/material/TextField';
import DescriptionIcon from '@mui/icons-material/Description';
const DisplayDetailClass_new_v3 = (props) => { const DisplayDetailClass_new_v3 = (props) => {
const { classId, action } = useParams(); const { classId, action } = useParams();
const [result, setResult] = useState(""); const [result, setResult] = useState("");
@ -398,7 +409,7 @@ const DisplayDetailClass_new_v3 = (props) => {
axios.post(myurl, form).then(res => { axios.post(myurl, form).then(res => {
// console.log(" In Display res.data.status = " + res.data.status); // console.log(" In Display res.data.status = " + res.data.status);
// console.log(" In Display res.data.message = " + res.data.message); // console.log(" In Display res.data.message = " + res.data.message);
if (String(res.data.status) === String("true")) { if (String(res.data.status) === String("true")) {
if (res.data.message.length > 0) { if (res.data.message.length > 0) {
@ -663,7 +674,7 @@ const DisplayDetailClass_new_v3 = (props) => {
} }
} else { } else {
console.log(" ON PASSE  au MIN"); //console.log(" ON PASSE  au MIN");
local_tmp = "1700px"; local_tmp = "1700px";
main_h_px = "2500px"; main_h_px = "2500px";
@ -1092,19 +1103,263 @@ const DisplayDetailClass_new_v3 = (props) => {
const myRef_informe = useRef(null) const myRef_informe = useRef(null)
const [Dialog_contact_message, setDialog_contact_message] = React.useState(false);
const [Dialog_contact_open, setDialog_contact_open] = React.useState(false);
function Dialog_contact_handle_change_participant_session(message) {
setDialog_contact_message(message);
setDialog_contact_open(true);
}
const Dialog_contact_handleClose = () => {
};
const Dialog_contact_handleClose_buton = () => {
setDialog_contact_open(false);
clear_contact_message_fields();
};
const [contact_message_nom_prenom, setcontact_message_nom_prenom] = React.useState("");
const [contact_message_email, setcontact_message_email] = React.useState("");
const [contact_message_phone, setcontact_message_phone] = React.useState("");
const [contact_message_sujet, setcontact_message_sujet] = React.useState("");
const [contact_message_message, setcontact_message_message] = React.useState("");
function clear_contact_message_fields() {
setcontact_message_nom_prenom("");
setcontact_message_email("");
setcontact_message_phone("");
setcontact_message_sujet("");
setcontact_message_sujet("");
setcontact_message_message("");
}
function Send_Contact_Message(e) {
var sender_mail = "";
var sender_tel = "";
var token = "";
////console.log("contacter " + sender_mail + " - " + sender_tel + " - ")
var mysubject = contact_message_sujet;
var mymessage = contact_message_message;
var mysender_name = contact_message_nom_prenom;
var mysender_email = contact_message_email;
//alert("contacter "+mysender_email+" - "+mymessage+" - url = "
//+process.env.REACT_APP_API_URL+" - user_ip ="+IPv4+" - "+latitude);
var re = /\S+@\S+\.\S+/;
if (re.test(mysender_email) == false) {
alert("l'email est incorrecte");
return;
}
var myurl = process.env.REACT_APP_API_URL + "myclass/api/add_user_message/";
var form = new FormData();
form.append("type", "email");
form.append("recever_mail", "contact@mysy-training.com");
form.append("recever_tel", "+33769203945");
form.append("sender_mail", mysender_email);
form.append("sender_tel", sender_tel);
form.append("object", mysubject);
form.append("message", mymessage);
form.append("sender_name", mysender_name);
form.append("token", "");
form.append("user_ip", IPv4);
form.append("user_country_code", country_code);
form.append("user_country_name", country_name);
form.append("user_city", city);
form.append("user_postal", postal);
form.append("user_latitude", latitude);
form.append("user_longitude", longitude);
form.append("user_state", state);
// console.log("## form = ", form);
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("false")) {
alert(res.data.message);
}
else if (String(res.data.status) === String("true")) {
Dialog_contact_handleClose_buton();
alert(res.data.message);
}
else {
}
}).catch((error) => {
console.warn('contact-nous Not good man :( mysearchtext = ');
})
}
/// ---- /// ----
return ( return (
<div className="displaydetailclass_new_v3"> <div className="displaydetailclass_new_v3">
<Helmet> <Helmet>
<meta name="description" content={`${DetailTraining["title"]}`+" - Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser laudit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé"} /> <meta name="description" content={`${DetailTraining["title"]}` + " - Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser laudit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé"} />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<meta name="title" content={DetailTraining["title"]} /> <meta name="title" content={DetailTraining["title"]} />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/" + `${DetailTraining["internal_url"]}`} /> <link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/" + `${DetailTraining["internal_url"]}`} />
<title> {`${DetailTraining["title"]}`} </title> <title> {`${DetailTraining["title"]}`} </title>
</Helmet> </Helmet>
{/*** GESTION Contact */}
<Dialog
open={Dialog_contact_open}
onClose={Dialog_contact_handleClose}
className="displaypartnersession"
>
<DialogTitle>Contactez Nous</DialogTitle>
<DialogContent className="DialogContent_width">
<div className="div_row_dialog">
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
Nom & Prénom
</div>
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
<input
type='text'
name='name'
value={contact_message_nom_prenom}
onChange={(e) => {
setcontact_message_nom_prenom(e.target.value);
}}
className='form-control formInput'
placeholder='Nom'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
E-mail
</div>
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
<input
type='email'
name='email'
id='email'
value={contact_message_email}
onChange={(e) => {
setcontact_message_email(e.target.value);
}}
className='form-control formInput'
placeholder='Adresse email'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
Téléphone
</div>
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
<input
type='text'
name='phone'
id='phone'
value={contact_message_phone}
onChange={(e) => {
setcontact_message_phone(e.target.value);
}}
className='form-control formInput'
placeholder='Numéro Tél'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
Sujet
</div>
<div className="div_row_dialog" >
<input
type='text'
name='subject'
value={contact_message_sujet}
onChange={(e) => {
setcontact_message_sujet(e.target.value);
}}
className='form-control formInput'
placeholder='Sujet'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
Votre message
</div>
<div className="div_row_dialog" >
<textarea
rows={3}
name='message'
value={contact_message_message}
onChange={(e) => {
setcontact_message_message(e.target.value);
}}
className='form-control formInput'
placeholder='Message'
></textarea>
</div>
</div>
<div className="div_row_dialog" >
<div>MySy Training Technology<br />
</div>
<div style={{ fontSize: "small" }}>
Adresse : 1 Cr du Havre, 75008 Paris <br />
Adresse email :
<a href="mailto: contact@mysy-training.com?subject=Mail from mysy website" target="_blank"> contact@mysy-training.com</a> <br />
Téléphone fixe : +331 77 00 38 57<br />
</div>
</div>
</DialogContent>
<DialogActions>
<div className="div_row">
<div className="div_row_gauche">
<Button onClick={Dialog_contact_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
</div>
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
<Button onClick={Send_Contact_Message} className="bton_enreg_dialog">Envoyer&nbsp; <SendIcon /></Button>
</div>
</div>
</DialogActions>
</Dialog>
{/*** FIN GESTION Contact */}
<div className="mobile"> <div className="mobile">
<div style={{ width: '100%', float: 'left', }}> <div style={{ width: '100%', float: 'left', }}>
@ -1203,7 +1458,7 @@ const DisplayDetailClass_new_v3 = (props) => {
&& DetailTraining["price"] && <div className="mob_price"> && DetailTraining["price"] && <div className="mob_price">
<nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} HT</nav> <nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} HT</nav>
<nav className="training_price_barre"> {String(DetailTraining["price"])} HT </nav> <nav className="training_price_barre"> {String(DetailTraining["price"])} HT </nav>
<nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav> <nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav>
</div>} </div>}
@ -1398,7 +1653,7 @@ const DisplayDetailClass_new_v3 = (props) => {
</div> </div>
<hr style={{ "width": "100%", border: "3px solid grey" }} id="myRef_informe" ref={myRef_informe}/> <hr style={{ "width": "100%", border: "3px solid grey" }} id="myRef_informe" ref={myRef_informe} />
<div className="mob_info_page" id="mob_info_page"> <div className="mob_info_page" id="mob_info_page">
@ -1540,11 +1795,11 @@ const DisplayDetailClass_new_v3 = (props) => {
</div> </div>
{DetailTraining["tab_ue_detail_data"] && <div> {DetailTraining["tab_ue_detail_data"] && <div style={{ width: '100%' }}>
<div> <div style={{ width: '100%' }}>
{DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => ( {DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => (
<div> <div style={{ width: '100%' }}>
<Accordion expanded={expanded === val._id} onChange={handleChange(val._id)}> <Accordion expanded={expanded === val._id} onChange={handleChange(val._id)}>
<AccordionSummary <AccordionSummary
@ -1739,108 +1994,14 @@ const DisplayDetailClass_new_v3 = (props) => {
<div className="desktop"> <div className="desktop">
<div style={{ width: '100%', float: 'left', }}> <div style={{ width: '100%', float: 'left', }}>
<div className="Background_Header">
<Header />
</div>
<div style={{ width: '100%', float: 'left', background: "rgb(247, 247, 247)" }}> <div style={{ width: '100%', float: 'left', background: "rgb(247, 247, 247)" }}>
<div style={{ width: '100%', }}> <div style={{ width: '100%', }}>
<div style={{ background: '#0A043C', width: '100%', color: '#FFF', height: '300px', }}> <div style={{ background: '#0A043C', width: '100%', color: '#FFF', height: '200px', }}>
<div className="block_header_menu">
<div className="header_menu">
<a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}>
<div className="hader_menu_logo_mysy">
<img className="logo_mysy" src={mysy_logo2} alt="MySy Training Technology" />
<nav className="training">TRAINING</nav>
</div>
</a>
<div className="menu_header">
<div className="menu_header_menu" onClick={(e) => { history.push("/") }}>
<FaSearch /> &nbsp; Les formations
</div>
{/* <div className="menu_header_menu" onClick={(e) => { history.push("/Recherche-Article-formation") }}>
Le blog
</div> */}
<div className="menu_header_menu" onClick={(e) => { history.push("/qui-sommes-nous") }}>
A propos
</div>
<div className="menu_header_menu" onClick={(e) => { history.push("/fonctionnalites") }}>
Solution
</div>
<div className="menu_header_menu" onClick={(e) => { history.push("/Produits-Services") }}>
Tarifs
</div>
<div className="menu_header_rectangle">
</div>
<div className="menu_header_cat">
<div className="menu_header_cat_buton_inscr">
<div className="menu_header_cat_buton_inscr_box">
</div>
<div className="menu_header_cat_buton_inscr_txt">
{String(someoneconnected) !== String("1") && <nav className="cta2">
<nav className="minscrire">
<div className="minscrire" onClick={handleAccountCreation}>
Minscrire
</div>
</nav>
</nav>}
</div>
</div>
<div className="menu_header_cat_buton_connex">
<div className="menu_header_cat_buton_connex_box">
</div>
<div className="menu_header_cat_buton_connex_txt">
{String(someoneconnected) !== String("1") && <nav className="meconnecter" onClick={handleAccountConnexion}>
Me connecter
</nav>}
{String(someoneconnected) === String("1") && <nav className="meconnecter" onClick={handleAccountLogout}>
Me deconnecter
</nav>}
</div>
</div>
</div>
</div>
</div>
</div>
<div className="block_sous_header_rate_title"> <div className="block_sous_header_rate_title">
<div className="rating"> <div className="rating">
@ -1920,8 +2081,8 @@ const DisplayDetailClass_new_v3 = (props) => {
<br /> <br />
<div className="block_info_page_pave_title_desc"> <div className="block_info_page_pave_title_desc">
<div className="block_info_page_pave_title_desc_title"> <div className="block_info_page_pave_title_desc_title"> Description
Description
</div> </div>
{DetailTraining["description"] && <div className="block_info_page_pave_title_desc description_block"> {DetailTraining["description"] && <div className="block_info_page_pave_title_desc description_block">
{parse(String(DetailTraining["description"]))} {parse(String(DetailTraining["description"]))}
@ -2043,11 +2204,11 @@ const DisplayDetailClass_new_v3 = (props) => {
</div> </div>
{DetailTraining["tab_ue_detail_data"] && <div> {DetailTraining["tab_ue_detail_data"] && <div style={{ width: '100%' }}>
<div> <div style={{ width: '100%' }}>
{DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => ( {DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => (
<div> <div style={{ width: '100%' }}>
<Accordion expanded={expanded === val._id} onChange={handleChange(val._id)}> <Accordion expanded={expanded === val._id} onChange={handleChange(val._id)}>
<AccordionSummary <AccordionSummary
@ -2190,13 +2351,13 @@ const DisplayDetailClass_new_v3 = (props) => {
} }
{String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0)
&& DetailTraining["price"] && <div className="block_sticky_info_price"> {String(DetailTraining["price"])} HT </div>} && DetailTraining["price"] && <div className="block_sticky_info_price"> {String(DetailTraining["price"])} HT </div>}
{String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0
&& DetailTraining["price"] && <div className="block_sticky_info_price"> && DetailTraining["price"] && <div className="block_sticky_info_price">
<nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} HT</nav> <nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} HT</nav>
<nav className="training_price_barre"> {String(DetailTraining["price"])} HT </nav> <nav className="training_price_barre"> {String(DetailTraining["price"])} HT </nav>
<nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav> <nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav>
</div>} </div>}

View File

@ -2761,8 +2761,6 @@ const Recherche_new_v2 = () => {
return ( return (
<div className="reherche_new_v2" > <div className="reherche_new_v2" >

View File

@ -792,7 +792,7 @@
order: 0; order: 0;
align-self: stretch; align-self: stretch;
flex-grow: 0; flex-grow: 0;
background-color: #4d4dff; background-color: #20BFA9;
text-align: center; text-align: center;
} }
@ -1270,6 +1270,7 @@
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px; font-size: 14px;
line-height: 30px;
} }
.description_block { .description_block {
@ -1278,6 +1279,7 @@
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px; font-size: 14px;
line-height: 30px;
} }
.objectif_block { .objectif_block {
@ -1286,6 +1288,7 @@
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px; font-size: 14px;
line-height: 30px;
} }
.session_block { .session_block {
@ -1294,6 +1297,7 @@
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px; font-size: 14px;
line-height: 30px;
} }
@ -1303,6 +1307,7 @@
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
font-size: 14px; font-size: 14px;
line-height: 30px;
} }
.sticky_div_hilight { .sticky_div_hilight {
@ -1363,6 +1368,22 @@
.css-wdmfcx { .css-wdmfcx {
width: 100% !important; width: 100% !important;
} }
// 07/01/23
.Background_Header {
/* Background Header */
position: absolute;
width: 100%;
height: 350px;
left: 0px;
top: 0px;
/* Beige */
background: #FFF5DA;
}
} }
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
@ -2128,7 +2149,7 @@
position: relative; position: relative;
width: 713px; width: 713px;
left: 80; left: 80px;
padding-top: 10px; padding-top: 10px;
} }
@ -2284,7 +2305,7 @@
align-self: stretch; align-self: stretch;
flex-grow: 0; flex-grow: 0;
background-color: #4d4dff; background-color: #20BFA9;
text-align: center; text-align: center;
color: white; color: white;
font-size: 20px; font-size: 20px;
@ -2326,6 +2347,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
.description_block { .description_block {
@ -2334,6 +2357,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
.objectif_block { .objectif_block {
@ -2342,6 +2367,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
.session_block { .session_block {
@ -2350,6 +2377,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
@ -2359,6 +2388,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
@ -3394,6 +3425,18 @@
} }
.Background_Header {
//position: absolute;
width: 100%;
//height: 452px;
left: 0px;
top: 0px;
/* Beige */
background: #FFF5DA;
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -4320,7 +4363,7 @@
order: 0; order: 0;
align-self: stretch; align-self: stretch;
flex-grow: 0; flex-grow: 0;
background-color: #4d4dff; background-color: #20BFA9;
text-align: center; text-align: center;
} }
@ -4358,6 +4401,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
.description_block { .description_block {
@ -4366,6 +4411,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
.objectif_block { .objectif_block {
@ -4374,6 +4421,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
.session_block { .session_block {
@ -4382,6 +4431,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
@ -4391,6 +4442,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
@ -5426,6 +5479,18 @@
} }
.Background_Header {
// position: absolute;
width: 100%;
// height: 452px;
left: 0px;
top: 0px;
/* Beige */
background: #FFF5DA;
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
@ -6371,7 +6436,7 @@
align-self: stretch; align-self: stretch;
flex-grow: 0; flex-grow: 0;
background-color: #4d4dff; background-color: #20BFA9;
text-align: center; text-align: center;
} }
@ -6409,6 +6474,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
.description_block { .description_block {
@ -6417,6 +6484,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
.objectif_block { .objectif_block {
@ -6425,6 +6494,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
.session_block { .session_block {
@ -6433,6 +6504,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
@ -6442,6 +6515,8 @@
overflow: auto; overflow: auto;
padding: 10px; padding: 10px;
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
line-height: 30px;
font-size: 14px;
} }
@ -7483,6 +7558,19 @@
width: 80%; width: 80%;
z-index: 50; z-index: 50;
} }
.Background_Header {
// position: absolute;
width: 100%;
// height: 452px;
left: 0px;
top: 0px;
/* Beige */
background: #FFF5DA;
}
} }
// end media // end media