sdqs
parent
3cb154f5bb
commit
7041e28a94
|
@ -44,7 +44,7 @@ import { confirmAlert } from 'react-confirm-alert';
|
|||
import Rating from '@mui/material/Rating';
|
||||
import parse from 'html-react-parser';
|
||||
import Inscription from "./Inscription_Information";
|
||||
|
||||
import SendIcon from '@mui/icons-material/Send';
|
||||
import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
|
||||
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
||||
import { areOptionsEqual } from "@mui/base";
|
||||
|
@ -56,6 +56,17 @@ import AccordionSummary from '@mui/material/AccordionSummary';
|
|||
import Typography from '@mui/material/Typography';
|
||||
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 { classId, action } = useParams();
|
||||
const [result, setResult] = useState("");
|
||||
|
@ -398,7 +409,7 @@ const DisplayDetailClass_new_v3 = (props) => {
|
|||
|
||||
axios.post(myurl, form).then(res => {
|
||||
// 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 (res.data.message.length > 0) {
|
||||
|
@ -663,7 +674,7 @@ const DisplayDetailClass_new_v3 = (props) => {
|
|||
}
|
||||
|
||||
} else {
|
||||
console.log(" ON PASSE au MIN");
|
||||
//console.log(" ON PASSE au MIN");
|
||||
local_tmp = "1700px";
|
||||
main_h_px = "2500px";
|
||||
|
||||
|
@ -1092,19 +1103,263 @@ const DisplayDetailClass_new_v3 = (props) => {
|
|||
|
||||
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 (
|
||||
|
||||
<div className="displaydetailclass_new_v3">
|
||||
<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 l’audit 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 l’audit 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="title" content={DetailTraining["title"]} />
|
||||
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/" + `${DetailTraining["internal_url"]}`} />
|
||||
<title> {`${DetailTraining["title"]}`} </title>
|
||||
</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 <SendIcon /></Button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</DialogActions>
|
||||
|
||||
|
||||
</Dialog>
|
||||
{/*** FIN GESTION Contact */}
|
||||
|
||||
<div className="mobile">
|
||||
<div style={{ width: '100%', float: 'left', }}>
|
||||
|
||||
|
@ -1203,7 +1458,7 @@ const DisplayDetailClass_new_v3 = (props) => {
|
|||
&& DetailTraining["price"] && <div className="mob_price">
|
||||
<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>
|
||||
</div>}
|
||||
|
||||
|
@ -1398,7 +1653,7 @@ const DisplayDetailClass_new_v3 = (props) => {
|
|||
|
||||
</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">
|
||||
|
||||
|
@ -1540,11 +1795,11 @@ const DisplayDetailClass_new_v3 = (props) => {
|
|||
</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) => (
|
||||
<div>
|
||||
<div style={{ width: '100%' }}>
|
||||
|
||||
<Accordion expanded={expanded === val._id} onChange={handleChange(val._id)}>
|
||||
<AccordionSummary
|
||||
|
@ -1739,108 +1994,14 @@ const DisplayDetailClass_new_v3 = (props) => {
|
|||
|
||||
<div className="desktop">
|
||||
<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%', }}>
|
||||
<div style={{ background: '#0A043C', width: '100%', color: '#FFF', height: '300px', }}>
|
||||
|
||||
|
||||
<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 /> 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}>
|
||||
M’inscrire
|
||||
</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 style={{ background: '#0A043C', width: '100%', color: '#FFF', height: '200px', }}>
|
||||
<div className="block_sous_header_rate_title">
|
||||
|
||||
<div className="rating">
|
||||
|
@ -1920,8 +2081,8 @@ const DisplayDetailClass_new_v3 = (props) => {
|
|||
|
||||
<br />
|
||||
<div className="block_info_page_pave_title_desc">
|
||||
<div className="block_info_page_pave_title_desc_title">
|
||||
Description
|
||||
<div className="block_info_page_pave_title_desc_title"> Description
|
||||
|
||||
</div>
|
||||
{DetailTraining["description"] && <div className="block_info_page_pave_title_desc description_block">
|
||||
{parse(String(DetailTraining["description"]))}
|
||||
|
@ -2043,11 +2204,11 @@ const DisplayDetailClass_new_v3 = (props) => {
|
|||
</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) => (
|
||||
<div>
|
||||
<div style={{ width: '100%' }}>
|
||||
|
||||
<Accordion expanded={expanded === val._id} onChange={handleChange(val._id)}>
|
||||
<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)
|
||||
&& 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
|
||||
&& DetailTraining["price"] && <div className="block_sticky_info_price">
|
||||
<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>
|
||||
</div>}
|
||||
|
||||
|
|
|
@ -2761,8 +2761,6 @@ const Recherche_new_v2 = () => {
|
|||
|
||||
|
||||
return (
|
||||
|
||||
|
||||
<div className="reherche_new_v2" >
|
||||
|
||||
|
||||
|
|
|
@ -792,7 +792,7 @@
|
|||
order: 0;
|
||||
align-self: stretch;
|
||||
flex-grow: 0;
|
||||
background-color: #4d4dff;
|
||||
background-color: #20BFA9;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
@ -1270,6 +1270,7 @@
|
|||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.description_block {
|
||||
|
@ -1278,6 +1279,7 @@
|
|||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.objectif_block {
|
||||
|
@ -1286,6 +1288,7 @@
|
|||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.session_block {
|
||||
|
@ -1294,6 +1297,7 @@
|
|||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
|
||||
|
@ -1303,6 +1307,7 @@
|
|||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.sticky_div_hilight {
|
||||
|
@ -1363,6 +1368,22 @@
|
|||
.css-wdmfcx {
|
||||
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) {
|
||||
|
@ -2128,7 +2149,7 @@
|
|||
|
||||
position: relative;
|
||||
width: 713px;
|
||||
left: 80;
|
||||
left: 80px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
|
@ -2284,7 +2305,7 @@
|
|||
align-self: stretch;
|
||||
flex-grow: 0;
|
||||
|
||||
background-color: #4d4dff;
|
||||
background-color: #20BFA9;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
|
@ -2326,6 +2347,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.description_block {
|
||||
|
@ -2334,6 +2357,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.objectif_block {
|
||||
|
@ -2342,6 +2367,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.session_block {
|
||||
|
@ -2350,6 +2377,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
@ -2359,6 +2388,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
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) {
|
||||
|
@ -4320,7 +4363,7 @@
|
|||
order: 0;
|
||||
align-self: stretch;
|
||||
flex-grow: 0;
|
||||
background-color: #4d4dff;
|
||||
background-color: #20BFA9;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
@ -4358,6 +4401,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.description_block {
|
||||
|
@ -4366,6 +4411,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.objectif_block {
|
||||
|
@ -4374,6 +4421,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.session_block {
|
||||
|
@ -4382,6 +4431,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
@ -4391,6 +4442,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
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) {
|
||||
|
@ -6371,7 +6436,7 @@
|
|||
align-self: stretch;
|
||||
flex-grow: 0;
|
||||
|
||||
background-color: #4d4dff;
|
||||
background-color: #20BFA9;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
@ -6409,6 +6474,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.description_block {
|
||||
|
@ -6417,6 +6484,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.objectif_block {
|
||||
|
@ -6425,6 +6494,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.session_block {
|
||||
|
@ -6433,6 +6504,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
@ -6442,6 +6515,8 @@
|
|||
overflow: auto;
|
||||
padding: 10px;
|
||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
@ -7483,6 +7558,19 @@
|
|||
width: 80%;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
.Background_Header {
|
||||
// position: absolute;
|
||||
width: 100%;
|
||||
// height: 452px;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
|
||||
/* Beige */
|
||||
|
||||
background: #FFF5DA;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// end media
|
||||
|
|
Loading…
Reference in New Issue