16/11/2024 - 13h

recette2
cherif 2024-11-16 12:54:29 +01:00
parent 61d6445b6c
commit 99e0b2cef1
32 changed files with 1145 additions and 868 deletions

View File

@ -32,6 +32,16 @@
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-37423053-2"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VQJL28S28H"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-VQJL28S28H');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

View File

@ -1,3 +1,4 @@
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:
Sitemap: https://www.mysy-training.com/sitemap.xml

View File

@ -68,6 +68,14 @@
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/logiciel-de-gestion-pour-organisme-de-formation-pourquoi-est-ce-essentiel-pour-votre-succes</loc>
<lastmod>2024-11-13T09:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/6281eae593f66d1a10ac2248</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
@ -180,10 +188,10 @@
</url>
<url>
<loc>https://www.mysy-training.com/Produits-Services</loc>
<loc>https://www.mysy-training.com/tarifs_produits_services</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
<priority>1.0000</priority>
</url>
<url>

View File

@ -211,7 +211,8 @@ function App() {
<Route path="/ContactezNous" exact component={ContactezNous} />
<Route path="/mysy-training-login/:obj/:objid" exact component={Login} />
<Route path="/mysy-account-activated/" exact component={AccountUserActivated} />
<Route path="/Produits-Services/" exact component={ProduitsService} />
{/* <Route path="/Produits-Services/" exact component={ProduitsService} />*/}
<Route path="/tarifs_produits_services/" exact component={ProduitsService} />
<Route path="/Recherche_new/" exact component={Recherche_new} />
<Route path="/GestionAdministrative/:internal_url" exact component={GestionAdministrative} />
<Route path="/Recherche_new/:type/:categorie" exact component={Recherche_new} />

View File

@ -311,10 +311,10 @@ function Account() {
return (
<div className="account">
<Helmet>
<title>Compte utilisateur MySy Trainig Technology</title>
<title>Création compte MySy Trainig Technology</title>
<meta name="description" content="É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="title" content="Compte utilisateur MySy Trainig Technology" />
<meta name="title" content="Création compte MySy Trainig Technology" />
<link rel="canonical" href={window.location.href} />
</Helmet>

View File

@ -186,7 +186,7 @@ const ButtonHilight = () => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleAvis = () => {

View File

@ -913,7 +913,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleQuisommesNousMenu = () => {

View File

@ -527,7 +527,7 @@ const DisplayDetailClassAction = (props) => {
<Helmet>
<meta name="description" content="Liste des articles sur les formations" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="noindex,nofollow" />
<meta name="title" content={DetailTraining["title"]} />
<link rel="canonical" href={window.location.href} />
<title> {`${DetailTraining["title"]}`} </title>

View File

@ -102,17 +102,17 @@ const Fonctionnalites_V1 = () => {
behavior: "smooth",
});
}, []);
return (
<div className="fonctionnalite_v1">
<Helmet>
<title>Fonctionnalites pour les organismes de formation </title>
<title>Fonctionnalites et Modules du logiciel de gestion des organismes de formation</title>
<meta name="description" content="Avec notre logiciel Tout-en-Un, Nous automatisons les étapes Qualiopi (Inscription, Documents personnalisés, Les émargements sécurisés, Les évaluations, etc). Votre Le bilan pédagogique et financier est généré automatiquement." />
<meta name="robots" content="index,follow" />
<meta name="title" content="Fonctionnalites du logiciel de gestion des organismes de formation" />
<meta name="title" content="Fonctionnalites et Modules du logiciel de gestion des organismes de formation" />
<link rel="canonical" href={window.location.href} />
</Helmet>
@ -132,7 +132,7 @@ const Fonctionnalites_V1 = () => {
A propos
</div>
<div className="Title_txt2">
Logiciel de gestion des organismes de formation - Les Fonctionnalites
Fonctionnalités & Modules
</div>
</div>

View File

@ -29,7 +29,7 @@ const Fotter_v3 = () => {
t.parentNode.insertBefore(e, t);
})(document, "script");
return (
<div className='footer'>
<div style={{ "minHeight": "5rem", "width":"100%" }}>

View File

@ -20,7 +20,7 @@ import Button from '@mui/material/Button';
import SendIcon from '@mui/icons-material/Send';
import axios from "axios";
import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
const Header = () => {
const history = useHistory();
@ -123,7 +123,7 @@ const Header = () => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleAvis = () => {
@ -656,7 +656,7 @@ const Header = () => {
<h1 className="header_h1_transparent">Connexion MySy Training Technology </h1>
<div className="vvv" >
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive header_img_logo22" src={logowhite} alt="MySy Training Technology" /> </a>
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive header_img_logo22" src={mysy_logo2} alt="MySy Training Technology" /> </a>
</div>
<div className="header_menuPrincipal_left" onClick={handleMarketplace}>
@ -669,12 +669,17 @@ const Header = () => {
<div className="header_menuPrincipal_bton" >
<div style={{ "textAlign": "left" }}>
{String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white} alt="connexion"
style={{ "width": "25%" }} /> Connexion
</button>}
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={(e) => setDialog_1_open(true)}> Deconnexion <img src={connect_green} alt="deconnexion"
style={{ "width": "25%" }} />
</button>}
{String(someoneconnected) !== String("1") &&
<div className="header_menuPrincipal" onClick={(event) => {
handleAccountConnexion();
}}>
Connexion
</div>}
{String(someoneconnected) === String("1") && <div className="header_menuPrincipal" onClick={(e) => setDialog_1_open(true)}>
<font style={{ color: "rgb(129, 188, 58)" }}> Deconnexion </font>
</div>}
</div>
</div>
@ -702,19 +707,19 @@ const Header = () => {
</div>
<div className="header_menuPrincipal" onClick={(event) => {
setDialog_contact_open(true);
setDialog_contact_open(true);
}}>
Contact
</div>
<div className="header_menuPrincipal" onClick={handleProduitService} >
Tarifs
<div className="header_menuPrincipal" onClick={handleProduitService} >
Tarifs
</div>
<div className="header_menuPrincipal" onClick={(e) => { history.push("/fonctionnalites") }}>
Solution
Fonctionnalites
</div>
<div className="header_menuPrincipal" onClick={handleQuisommesNousMenu}>
@ -727,7 +732,7 @@ const Header = () => {
<div className="header_text_head">
<hr className="header_div_004" />
<font style={{ "color": "#81BC3A", "fontWeight": "bold" }}>Recherche </font> de Formations & Tutoriels
{/*<font style={{ "color": "#81BC3A", "fontWeight": "bold" }}>Recherche </font> de Formations & Tutoriels*/}
</div>
</div>

View File

@ -1997,7 +1997,7 @@ const Mon_Catalogue_Public = (props) => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleAvis = () => {

File diff suppressed because it is too large Load Diff

View File

@ -47,7 +47,9 @@ import img_vision from "../mysy_img/vision.png";
import moment from "moment";
import SendIcon from '@mui/icons-material/Send';
import axios from "axios";
import pack_independant from "../mysy_img/pack_independant.png";
import pack_standart from "../mysy_img/pack_standart.png";
import pack_gold from "../mysy_img/pack_gold.png";
const QuiSommesNous_v4 = () => {
@ -216,7 +218,9 @@ const QuiSommesNous_v4 = () => {
</Helmet>
<Header />
<h1 style={{ fontSize: '0.1px', opacity: '0', height: '0.1px' }}>Éditeur Français de logiciels pour organismes 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,
<h1 style={{ fontSize: '0.1px', opacity: '0', height: '0.1px' }}>Éditeur Français de logiciels pour organismes 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é </h1>
{/*** GESTION Contact */}
<Dialog
@ -325,8 +329,7 @@ const QuiSommesNous_v4 = () => {
<div className="div_row_dialog" >
<div>MySy Training Technology<br />
</div>
<div style={{ fontSize: "small" }}>
Adresse : 1 Cr du Havre, 75008 Paris <br />
@ -365,15 +368,15 @@ const QuiSommesNous_v4 = () => {
<div className="block_centrer">
<div className="Title_txt2">
MySy Training Technology
Qui sommes nous ?
</div>
<div className="text_seul_1">
MySy Training est un éditeur de logiciels dédiés à la gestion des établissements de formation : <b> Organisme de formation, Indépendants, Ecoles, Universités </b>, etc.
<br />
Nous conseillons, accompagnons nos clients dans la structuration, laudit et lorganisation de leurs processus et outils.
<br />
Avec une équipe dune dizaine de personnes, nous développons des solutions axées sur lefficacité et le gain de productivité de nos clients, sans oublier la sécurisation de leurs systèmes.
<br /><br/>
Avec une équipe dune dizaine de personnes, nous développons des solutions axées sur l' <b> efficacité </b> et le <b> gain de productivité </b> de nos clients, sans oublier la <b> sécurité de leurs données </b>.
</div>
@ -386,6 +389,33 @@ const QuiSommesNous_v4 = () => {
<div className="block_centrer_new_v2">
<div className="div_mobile_v3_debut">
<div className="fonctionalite_header">
Ils nous ont fait confiance
</div>
<div style={{ "width": "100%", float: "left" }}>
<div className="block_centrer_client">
<img src={img_uca} alt="Université Clermont Auvergne" className="img_uca" />
<img src={img_5discovery} alt="5 discovery" className="img_5discovery" />
<img src={img_aroma} alt="aromathérapie" className="img_aroma" />
</div>
</div>
<div style={{ "width": "100%", float: "left" }}>
<div className="block_centrer_client">
<img src={img_potential} alt="Potentials" className="img_potential" />
<img src={img_capl} alt="Groupe CAPL" className="img_capl" />
<img src={img_hr} alt="HR consultant" className="img_hr" />
</div>
</div>
<div className="div_row"> &nbsp; </div>
<div className="content_mysy_4_point" >
@ -454,7 +484,7 @@ const QuiSommesNous_v4 = () => {
</div>
<div className="div_row" style={{ border: "none" }} >
<hr className="hr_break" />
</div>
@ -495,7 +525,7 @@ const QuiSommesNous_v4 = () => {
<div className="div_row" style={{ border: "none" }} >
<hr className="hr_break" />
</div>
@ -575,34 +605,120 @@ const QuiSommesNous_v4 = () => {
<div className="div_row"> &nbsp; </div>
<div className="fonctionalite_header">
Ils nous ont fait confiance
Découvrez nos formules
</div>
<div style={{ "width": "100%", float: "left" }}>
<div className="block_centrer_client">
<div className="div_row">
<img src={img_uca} alt="Université Clermont Auvergne" className="img_uca" />
<img src={img_5discovery} alt="5 discovery" className="img_5discovery" />
<img src={img_aroma} alt="aromathérapie" className="img_aroma" />
</div>
<div className="div_block_fonction">
</div>
<div style={{ "width": "100%", float: "left" }}>
<div className="block_centrer_client">
<img src={img_potential} alt="Potentials" className="img_potential" />
<img src={img_capl} alt="Groupe CAPL" className="img_capl" />
<img src={img_hr} alt="HR consultant" className="img_hr" />
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Pack Indépendant
<hr className="hr_break" />
</div>
<div className="div_block_fonction_detail_img">
<img src={pack_independant} alt="pack indépendant : Destiné aux organismes de formation qui démarrent et qui moins de 25 sessions de formation par an. Nous automatisons Qualiopi. Lensemble de nos options : signature électronique, Gestion avis participants, Les émargements sécurisés, les contrats des formateurs, la gestion des financeurs sont inclus dans nos tarifs de base. Le bilan pédagogique et financier (PBF) est généré automatiquement" className="div_block_fonction_detail_img_inside" />
<nav className="div_block_prix" > 150 HT /mois </nav>
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
<ul className="div_ul_detail_pack">
<li> <b> Jusqu'à 25 Sessions / an </b></li>
<li> Sans engagement</li>
<li> 2 Utilisateurs</li>
</ul>
</div>
<div style={{ width: '100%' }}>
<Button variant="contained"
className="btn_abonnement_v2"
onClick={(e) => {
e.preventDefault();
window.location.href = "/Produits-Services/#detail_produit_service";
}}
> En savoir + </Button>
</div>
</div>
<div className="div_block_fonction_detail" style={{ background: '#F8F9F9' }}>
<div className="div_block_fonction_detail_titre">
Pack Standard
<hr className="hr_break" />
</div>
<div className="div_block_fonction_detail_img">
<img src={pack_standart} alt="pack standard : Destiné aux organismes de formation qui ont entre 26 et 200 sessions de formation par an. Nous automatisons Qualiopi. Lensemble de nos options : signature électronique, Gestion avis participants, Les émargements sécurisés, les contrats des formateurs, la gestion des financeurs sont inclus dans nos tarifs de base. Le bilan pédagogique et financier (PBF) est généré automatiquement" className="div_block_fonction_detail_img_inside" />
<nav className="div_block_prix"> 299 HT/mois </nav>
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
<ul className="div_ul_detail_pack">
<li> <b> De 26 à 200 Sessions / an </b> </li>
<li> Sans engagement </li>
<li> Utilisateurs illimités </li>
</ul>
</div>
<div style={{ width: '100%' }}>
<Button variant="contained"
className="btn_abonnement_v2"
onClick={(e) => {
e.preventDefault();
window.location.href = "/Produits-Services/#detail_produit_service";
}}
> En savoir + </Button>
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Pack Gold
<hr className="hr_break" />
</div>
<div className="div_block_fonction_detail_img">
<img src={pack_gold} alt="pack Gold : Destiné aux organismes de formation qui ont plus de 200 sessions de formation par an. Nous automatisons Qualiopi. Lensemble de nos options : signature électronique, Gestion avis participants, Les émargements sécurisés, les contrats des formateurs, la gestion des financeurs sont inclus dans nos tarifs de base. Le bilan pédagogique et financier (PBF) est généré automatiquement" className="div_block_fonction_detail_img_inside" />
<nav className="div_block_prix"> 599 HT/mois </nav>
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
<ul className="div_ul_detail_pack">
<li><b> A partir de 201 Sessions / an </b> </li>
<li>Sans engagement </li>
<li>Utilisateurs illimités </li>
</ul>
</div>
<div style={{ width: '100%' }}>
<Button variant="contained"
className="btn_abonnement_v2"
onClick={(e) => {
e.preventDefault();
window.location.href = "/Produits-Services/#detail_produit_service";
}}
> En savoir + </Button>
</div>
</div>
</div>
</div>
<div className="div_row"> &nbsp; </div>
<div className="fonctionalite_header">
Comment nous joindre ?
Nous contacter
</div>
<div className="block_contact">
@ -735,7 +851,7 @@ const QuiSommesNous_v4 = () => {
</div>
<div className="block_contact_mysy">
<div className="contactez_nous_titre">MySy Training Technology</div>
<div className="contactez_nous_titre">&nbsp;</div>
<div className="contactez_nous_info">

View File

@ -415,7 +415,7 @@ const RechercheArticles = (props) => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleQuisommesNousMenu = () => {

View File

@ -425,7 +425,7 @@ const RechercheArticles_new_v2 = (props) => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleQuisommesNousMenu = () => {

View File

@ -1576,7 +1576,7 @@ const Recherche_new = () => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleAvis = () => {

View File

@ -2016,7 +2016,7 @@ const Recherche_new_v2 = () => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleAvis = () => {
@ -3252,7 +3252,7 @@ const Recherche_new_v2 = () => {
<div className="title_desc_header">
<nav className="title1">Le guide des Formations &
Tutos pour tous.
Tutos pour tous
<br />
<nav className="block_newletter"> Restez informé de nos nouveautés <br />
<div className="block_newletter_email">

View File

@ -2003,7 +2003,7 @@ const Recherche_new_v3 = () => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleAvis = () => {
@ -2633,7 +2633,7 @@ const Recherche_new_v3 = () => {
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/recherche-formation"} />
<meta name="title" content="Formation & Tutoriel Gratuit ou payant Excellente qualité" />
</Helmet>
<Menu
keepMounted
anchorEl={PartnerMenu}
@ -2935,7 +2935,7 @@ const Recherche_new_v3 = () => {
<div className="title_desc_header">
<nav className="title1">Le guide des Formations &
Tutos pour tous.</nav>
Tutos pour tous</nav>
<nav className="title2"> que vous soyez, trouvez la formation ou le tutoriel selon vos critères. </nav>
</div>

View File

@ -2005,7 +2005,7 @@ const Recherche_new_v4 = () => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleAvis = () => {
@ -2954,7 +2954,7 @@ const Recherche_new_v4 = () => {
<div className="title_desc_header">
<nav className="title1">Le guide des Formations &
Tutos pour tous.</nav>
Tutos pour tous</nav>
<nav className="title2"> que vous soyez, trouvez la formation ou le tutoriel selon vos critères. </nav>
</div>

View File

@ -419,10 +419,10 @@ function SignUp() {
return (
<div className="signup">
<Helmet>
<title>Creation compte utilisateur</title>
<meta name="description" content="creation utisateur formation connexion" />
<title>Créer le compte de votre organisme de formation</title>
<meta name="description" content="Créer le compte de votre organisme de formation. " />
<meta name="robots" content="index,follow" />
<meta name="title" content="Creation compte utilisateur" />
<meta name="title" content="Créer le compte de votre organisme de formation" />
<link rel="canonical" href={window.location.href} />
</Helmet>
<Header />

View File

@ -1985,7 +1985,7 @@ const Subdomain_Recherche_new_v2 = () => {
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
history.push("/tarifs_produits_services/")
};
const handleAvis = () => {

View File

@ -13,11 +13,11 @@ const NotFound = () => {
<Navigation />
</div>
<Helmet>
<title>MySy Training, qui sommes nous ?</title>
<title>MySy Training, Page inconnue</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="index,follow" />
<meta name="title" content="Trouver des Formations.Acces libre.Qualité top" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/qui-sommes-nous"} />
<meta name="robots" content="noindex, nofollow" />
<meta name="title" content="Page inconnue" />
<link rel="canonical" href={window.location.href} />
</Helmet>
<Header />

View File

@ -13,9 +13,9 @@ const NotFound = () => {
<Navigation />
</div>
<Helmet>
<title>MySy Training, qui sommes nous ?</title>
<title>Page introuvable</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="noindex, nofollow" />
<meta name="title" content="Trouver des Formations.Acces libre.Qualité top" />
<link rel="canonical" href={window.location.href}/>

View File

@ -36,7 +36,7 @@ const quisommesnous = () => {
<Helmet>
<title>MySy Training, qui sommes nous ?</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="noindex, nofollow" />
<meta name="title" content="Trouver des Formations.Acces libre.Qualité top" />
<link rel="canonical" href={window.location.href}/>

View File

@ -683,7 +683,20 @@
margin-right: auto;
}
@media only screen and (min-width: 601px) {
@media only screen and (min-width: 601px) and (max-width: 991px) {
width: 50%;
float: left;
color: white;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
width: 50%;
float: left;
color: white;
}
@media only screen and (min-width: 1200px){
width: 30%;
float: left;
color: white;

View File

@ -221,7 +221,7 @@
// height: 100px;
left: 0px;
background: #FFFAED;
background: var(--Beige, #FFF5DA);
}
/* Title */
@ -728,7 +728,7 @@
height: 150px;
left: 0px;
background: #FFFAED;
background: var(--Beige, #FFF5DA);
}
/* Title */
@ -1181,7 +1181,7 @@
height: 150px;
left: 0px;
background: #FFFAED;
background: var(--Beige, #FFF5DA);
}
/* Title */
@ -1618,7 +1618,7 @@
height: 150px;
left: 0px;
background: #FFFAED;
background: var(--Beige, #FFF5DA);
}
/* Title */

View File

@ -3,11 +3,11 @@
color: transparent;
font-size: 0.1rem;
}
.only_mobile {
display: none;
}
@media only screen and (max-width: 600px) {
.only_mobile {
@ -461,7 +461,7 @@
// debut iciii
.div_mobile_v3 {
position: absolute;
// position: absolute;
top: 5rem;
z-index: 1;
width: 100%;
@ -528,16 +528,18 @@
font-size: 30px;
font-style: normal;
//font-weight: 700;
line-height: 60px;
// line-height: 60px;
/* 120% */
letter-spacing: -1px;
width: 319px;
height: 60px;
// height: 60px;
//position: fixed;
width: 100%;
margin-left: auto;
margin-right: auto;
top: 15rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
@ -550,7 +552,7 @@
font-style: normal;
font-weight: 400;
line-height: 1.5em;
// height: 44px;
// height: 44px;
top: 20rem;
width: 90%;
margin-right: auto;
@ -1502,8 +1504,8 @@
// debut iciii
.div_mobile_v3 {
position: absolute;
top: 8rem;
// position: absolute;
// top: 8rem;
z-index: 1;
width: 100%;
//background: #104277;
@ -1568,17 +1570,13 @@
font-family: Albert Sans;
font-size: 40px;
font-style: normal;
//font-weight: 700;
line-height: 60px;
/* 120% */
letter-spacing: -1px;
width: 319px;
height: 60px;
//position: fixed;
width: 100%;
margin-left: auto;
margin-right: auto;
top: 15rem;
margin-top: 4rem;
margin-bottom: 1rem;
}
@ -1593,7 +1591,7 @@
line-height: 1.5em;
/* 157.143% */
// height: 44px;
// height: 44px;
top: 20rem;
//position: fixed;
@ -1711,7 +1709,7 @@
font-weight: normal;
line-height: 32px;
letter-spacing: 0px;
//position: fixed;
color: #0A043C;
letter-spacing: 1px;
@ -2564,8 +2562,8 @@
// debut iciii
.div_mobile_v3 {
position: absolute;
top: 7rem;
// position: absolute;
top: 4.3rem;
z-index: 1;
width: 100%;
//background: #104277;
@ -2632,17 +2630,13 @@
font-family: Albert Sans;
font-size: 40px;
font-style: normal;
//font-weight: 700;
line-height: 60px;
/* 120% */
letter-spacing: -1px;
width: 319px;
height: 60px;
//position: fixed;
width: 100%;
margin-left: auto;
margin-right: auto;
top: 15rem;
margin-top: 4rem;
margin-bottom: 1rem;
}
@ -2657,7 +2651,7 @@
line-height: 1.5em;
/* 157.143% */
// height: 44px;
// height: 44px;
top: 20rem;
//position: fixed;
@ -2774,7 +2768,7 @@
font-weight: normal;
line-height: 32px;
letter-spacing: 0px;
//position: fixed;
color: #0A043C;
letter-spacing: 1px;
@ -3630,8 +3624,8 @@
// debut iciii
.div_mobile_v3 {
position: absolute;
top: 7rem;
// position: absolute;
top: 3.2rem;
z-index: 1;
width: 100%;
//background: #104277;
@ -3699,16 +3693,18 @@
font-size: 40px;
font-style: normal;
//font-weight: 700;
line-height: 60px;
// line-height: 60px;
/* 120% */
letter-spacing: -1px;
width: 319px;
height: 60px;
// height: 60px;
//position: fixed;
width: 100%;
margin-left: auto;
margin-right: auto;
top: 15rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
@ -3841,7 +3837,7 @@
font-weight: normal;
line-height: 32px;
letter-spacing: 0px;
//position: fixed;
color: #0A043C;
letter-spacing: 1px;
@ -4211,7 +4207,7 @@
color: #0A043C;
}
}
// end media

View File

@ -5,6 +5,10 @@
font-size: 0.1rem;
}
.header_menuPrincipal_left {
color: #0A043C;
}
@media only screen and (max-width: 600px) {
.header_text_head_droite {
color: #3b3e40;
@ -44,7 +48,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 0.1rem;
// margin-bottom: 0.1rem;
//border-radius: 1rem;
position: fixed;
z-index: 10;
@ -69,7 +73,9 @@
//border-radius: 1rem;
z-index: 10;
background-color: #e7f3fb;
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
background-color: #FFF5DA;
color: #0A043C;
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px;
@ -91,7 +97,7 @@
.header_menuPrincipal {
font-family: "Quicksand", "Signika", "sans-serif";
color: white;
color: #0A043C;
width: 20%;
float: right;
font-weight: 500;
@ -129,7 +135,7 @@
}
.header_div_004 {
color: white;
color: #0A043C;
width: 100%;
height: 0.1rem;
opacity: 100%;
@ -186,7 +192,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 0.1rem;
// margin-bottom: 0.1rem;
//border-radius: 1rem;
//position: fixed;
z-index: 10;
@ -208,10 +214,12 @@
//border-width: 0.01rem;
width: 100%;
//border-radius: 1rem;
height: 8rem;
// height: 8rem;
background-color: #e7f3fb;
background-color: #FFF5DA;
color: #0A043C;
z-index: 10;
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px;
@ -244,7 +252,7 @@
.header_menuPrincipal {
margin-left: 0.7rem;
font-family: "Quicksand", "Signika", "sans-serif";
color: white;
color: #0A043C;
float: right;
cursor: pointer;
text-align: right;
@ -259,7 +267,7 @@
color: #81bc3a;
padding-left: 0;
transition: color 0.3s linear;
letter-spacing: 0.1rem;
letter-spacing: 0.1px;
text-decoration: solid;
text-underline-offset: 3px;
border-bottom-width: 1px;
@ -268,26 +276,26 @@
}
.header_div_001 {
width: 90%;
width: 98%;
margin-left: auto;
margin-right: auto;
}
.header_div_002 {
float: left;
width: 40%;
width: 30%;
text-align: left;
}
.header_div_003 {
float: left;
width: 60%;
width: 70%;
text-align: right;
color: white;
}
.header_div_004 {
color: white;
color: #0A043C;
width: 100%;
height: 0.1rem;
opacity: 100%;
@ -343,7 +351,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 0.1rem;
// margin-bottom: 0.1rem;
//border-radius: 1rem;
//position: fixed;
z-index: 10;
@ -365,10 +373,11 @@
//border-width: 0.01rem;
width: 100%;
//border-radius: 1rem;
height: 8rem;
background-color: #e7f3fb;
// height: 8rem;
background-color: #FFF5DA;
color: #0A043C;
z-index: 10;
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px;
@ -401,7 +410,7 @@
.header_menuPrincipal {
margin-left: 0.8rem;
font-family: "Quicksand", "Signika", "sans-serif";
color: white;
color: #0A043C;
float: right;
cursor: pointer;
text-align: right;
@ -416,7 +425,7 @@
color: #81bc3a;
padding-left: 0;
transition: color 0.3s linear;
letter-spacing: 0.1rem;
letter-spacing: 0.1px;
text-decoration: solid;
text-underline-offset: 3px;
border-bottom-width: 1px;
@ -425,26 +434,26 @@
}
.header_div_001 {
width: 90%;
width: 98%;
margin-left: auto;
margin-right: auto;
}
.header_div_002 {
float: left;
width: 50%;
width: 35%;
text-align: left;
}
.header_div_003 {
float: left;
width: 50%;
width: 65%;
text-align: right;
color: white;
}
.header_div_004 {
color: white;
color: #0A043C;
width: 100%;
height: 0.1rem;
opacity: 100%;
@ -507,7 +516,7 @@
}
.header_text_head {
color: white;
color: #0A043C;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 1.2rem;
width: 90%;
@ -529,7 +538,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 0.1rem;
// margin-bottom: 0.1rem;
//border-radius: 1rem;
//position: fixed;
z-index: 10;
@ -548,10 +557,11 @@
.header_div_row_bas {
float: right;
width: 100%;
height: 8rem;
background-color: #e7f3fb;
// height: 8rem;
background-color: #FFF5DA;
color: #0A043C;
z-index: 10;
background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
// background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
@ -584,7 +594,8 @@
.header_menuPrincipal {
margin-left: 0.9rem;
font-family: "Quicksand", "Signika", "sans-serif";
color: white;
//color: white;
color: #0A043C;
float: right;
cursor: pointer;
text-align: right;
@ -596,10 +607,10 @@
}
.header_menuPrincipal:hover {
color: #81bc3a;
// color: #81bc3a;
padding-left: 0;
transition: color 0.3s linear;
letter-spacing: 0.1rem;
letter-spacing: 0.1px;
text-decoration: solid;
text-underline-offset: 3px;
border-bottom-width: 1px;
@ -608,26 +619,27 @@
}
.header_div_001 {
width: 90%;
width: 95%;
margin-left: auto;
margin-right: auto;
}
.header_div_002 {
float: left;
width: 50%;
width: 30%;
text-align: left;
}
.header_div_003 {
float: left;
width: 50%;
width: 70%;
text-align: right;
color: white;
}
.header_div_004 {
color: white;
//color: white;
color: #0A043C;
width: 100%;
height: 0.1rem;
opacity: 100%;
@ -701,7 +713,20 @@
margin-right: auto;
}
@media only screen and (min-width: 601px) {
@media only screen and (min-width: 601px) and (max-width: 991px) {
width: 50%;
float: left;
color: white;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
width: 50%;
float: left;
color: white;
}
@media only screen and (min-width: 1200px){
width: 30%;
float: left;
color: white;
@ -726,7 +751,8 @@
font-family: "Quicksand",
"Signika",
"sans-serif";
color: white;
// color: white;
color: #0A043C;
cursor: pointer;
text-align: left;
font-size: small;
@ -740,7 +766,7 @@
}
.header_menuPrincipal_left:hover {
color: #81bc3a;
// color: #81bc3a;
padding-left: 0;
transition: color 0.3s linear;
letter-spacing: 0.1rem;

View File

@ -94,12 +94,12 @@
}
.div_mobile {
position: relative;
// position: relative;
top: 6rem;
z-index: 1;
width: 98%;
width: 100%;
height: 100%;
margin: 0.3rem;
// margin: 0.3rem;
margin-left: auto;
margin-right: auto;
}
@ -108,7 +108,7 @@
z-index: 50;
width: 100%;
float: left;
margin-top: 2rem;
margin-top: 9rem;
}
.menuPrincipal {
@ -565,15 +565,15 @@
font-family: Verdana, Georgia, Arial;
background: #81BC3A;
}
.div_ul_detail_pack {
color: #424f61;
line-height: 2;
font-size: 14px;
font-family: Verdana, Georgia, Arial;
}
.div_block_header {
font-family: Verdana, Georgia, Arial;
color: #424f61;
@ -581,7 +581,7 @@
font-size: 1.5rem;
justify-content: center;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
@ -589,27 +589,27 @@
font-size: 1.4rem;
justify-content: center;
}
.div_block_fonction {
width: 100%;
float: left;
}
.div_block_fonction_detail {
width: 100%;
float: left;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
margin-bottom: 5px;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #073462;
@ -623,17 +623,17 @@
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 100%;
float: left;
}
.div_block_fonction_detail_img_inside {
width: 4rem;
}
.div_block_fonction_detail_desc {
width: 100%;
float: left;
@ -642,8 +642,17 @@
font-size: small;
color: #0A043C;
}
}
.Background-header {
width: 100%;
height: 30rem;
flex-shrink: 0;
//opacity: 0.5;
background: var(--Beige, #FFF5DA);
padding: 20px;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
.img_logo {
@ -735,7 +744,7 @@
}
.div_mobile {
position: absolute;
// position: absolute;
top: 11rem;
z-index: 1;
width: 100%;
@ -745,7 +754,7 @@
z-index: 50;
width: 100%;
float: left;
margin-top: 2rem;
margin-top: 6rem;
}
.menuPrincipal {
@ -1232,6 +1241,7 @@
.block_vide_produit_service {
height: 7rem;
}
.btn_abonnement_v2 {
white-space: nowrap;
padding-left: 0px;
@ -1244,23 +1254,24 @@
font-family: Verdana, Georgia, Arial;
background: #81BC3A;
}
.div_ul_detail_pack {
color: #424f61;
line-height: 2;
font-size: 14px;
font-family: Verdana, Georgia, Arial;
}
.div_block_header {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.8rem;
justify-content: center;
padding-top: 1rem;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
@ -1268,26 +1279,26 @@
font-size: 1.24rem;
justify-content: center;
}
.div_block_fonction {
width: 100%;
float: left;
}
.div_block_fonction_detail {
width: 30%;
float: left;
margin: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #073462;
@ -1301,17 +1312,17 @@
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 100%;
float: left;
}
.div_block_fonction_detail_img_inside {
width: 4rem;
}
.div_block_fonction_detail_desc {
width: 100%;
float: left;
@ -1320,7 +1331,18 @@
font-size: small;
color: #0A043C;
}
}
.Background-header {
width: 100%;
height: 30rem;
flex-shrink: 0;
//opacity: 0.5;
background: var(--Beige, #FFF5DA);
padding: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.img_logo {
@ -1414,7 +1436,7 @@
}
.div_mobile {
position: absolute;
// position: absolute;
top: 11rem;
z-index: 1;
width: 100%;
@ -1424,7 +1446,7 @@
z-index: 50;
width: 100%;
float: left;
margin-top: 2rem;
margin-top: 6rem;
}
.menuPrincipal {
@ -1913,6 +1935,7 @@
.block_vide_produit_service {
height: 8rem;
}
.btn_abonnement_v2 {
white-space: nowrap;
padding-left: 0px;
@ -1925,23 +1948,23 @@
font-family: Verdana, Georgia, Arial;
background: #81BC3A;
}
.div_ul_detail_pack {
color: #424f61;
line-height: 2;
font-size: 14px;
font-family: Verdana, Georgia, Arial;
}
.div_block_header {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 2.3125rem;
font-size: 1.8rem;
justify-content: center;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
@ -1949,26 +1972,26 @@
font-size: 1.8rem;
justify-content: center;
}
.div_block_fonction {
width: 100%;
float: left;
}
.div_block_fonction_detail {
width: 30%;
float: left;
margin: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #073462;
@ -1982,17 +2005,17 @@
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 100%;
float: left;
}
.div_block_fonction_detail_img_inside {
width: 4rem;
}
.div_block_fonction_detail_desc {
width: 100%;
float: left;
@ -2001,7 +2024,16 @@
font-size: small;
color: #0A043C;
}
.Background-header {
width: 100%;
height: 30rem;
flex-shrink: 0;
//opacity: 0.5;
background: var(--Beige, #FFF5DA);
padding: 20px;
}
}
@media only screen and (min-width: 1200px) {
@ -2096,7 +2128,7 @@
}
.div_mobile {
position: absolute;
// position: absolute;
top: 11rem;
z-index: 1;
width: 100%;
@ -2106,7 +2138,7 @@
z-index: 50;
width: 100%;
float: left;
margin-top: 2rem;
margin-top: 6rem;
}
.menuPrincipal {
@ -2601,23 +2633,23 @@
font-family: Verdana, Georgia, Arial;
background: #81BC3A;
}
.div_ul_detail_pack {
color: #424f61;
line-height: 2;
font-size: 14px;
font-family: Verdana, Georgia, Arial;
}
.div_block_header {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 2.3125rem;
font-size: 2rem;
justify-content: center;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
@ -2625,26 +2657,26 @@
font-size: 1.8rem;
justify-content: center;
}
.div_block_fonction {
width: 100%;
float: left;
}
.div_block_fonction_detail {
width: 30%;
float: left;
margin: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #073462;
@ -2658,17 +2690,17 @@
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 100%;
float: left;
}
.div_block_fonction_detail_img_inside {
width: 4rem;
}
.div_block_fonction_detail_desc {
width: 100%;
float: left;
@ -2677,18 +2709,30 @@
font-size: small;
color: #0A043C;
}
.block_centrer {
margin: auto;
width: 100%;
padding: 10px;
max-width: 1400px !important;
}}
}
.Background-header {
width: 100%;
height: 30rem;
flex-shrink: 0;
//opacity: 0.5;
background: var(--Beige, #FFF5DA);
padding: 20px;
}
}
// end media
.hr_break {
border: 5px solid grey;

View File

@ -2,7 +2,7 @@
width: 100%;
float: left;
.h1_transparent {
color: transparent;
font-size: 0.1rem;
@ -489,7 +489,7 @@
background: var(--Beige, #FFF5DA);
padding: 2px;
float: left;
margin-top: 6rem;
margin-top: 2.5rem;
}
@ -958,7 +958,8 @@
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: center;
text-align: left;
}
@ -989,36 +990,39 @@
width: 100%;
}
.div_block_fonction {
width: 100%;
float: left;
}
.div_block_fonction_detail {
width: 96%;
width: 100%;
float: left;
margin: 10px;
-webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #F8F9F9;
height: 20rem;
padding: 15px;
border-radius: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
margin-bottom: 5px;
}
.div_block_fonction_detail_titre {
font-family: Roboto, Verdana, Georgia, Arial;
color: #3E6EE3;
font-family: Verdana, Georgia, Arial;
color: #073462;
line-Height: 29px;
font-size: 18px;
font-size: 20px;
margin-bottom: 5px;
width: 100%;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
height: 4rem;
padding-left: 10px;
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
@ -1027,7 +1031,7 @@
}
.div_block_fonction_detail_img_inside {
width: 5rem;
width: 4rem;
}
@ -1038,8 +1042,6 @@
line-height: 1.8em;
font-size: small;
color: #0A043C;
text-align: center;
margin-top: 10px;
}
.block_centrer {
@ -1107,34 +1109,45 @@
}
.img_uca {
width: 100%;
width: 80%;
margin-left: 10%;
padding: 5px;
margin-bottom: 2rem;
}
.img_5discovery {
width: 100%;
padding: 5px;
margin-bottom: 2rem;
}
.img_aroma {
width: 100%;
width: 80%;
padding: 5px;
margin-bottom: 2rem;
margin-left: 10%;
}
.img_potential {
width: 100%;
width: 70%;
padding: 5px;
margin-bottom: 2rem;
margin-left: 15%;
}
.img_capl {
width: 100%;
width: 70%;
margin-left: 15%;
padding: 5px;
margin-bottom: 2rem;
}
.img_hr {
width: 100%;
width: 80%;
padding: 5px;
margin-bottom: 2rem;
margin-left: 10%;
}
@ -1331,6 +1344,13 @@
width: 100%;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.4rem;
justify-content: center;
}
}
@ -1826,6 +1846,7 @@
background: var(--Beige, #FFF5DA);
padding: 20px;
float: left;
padding-top: 5px;
}
@ -1867,10 +1888,10 @@
color: var(--Green, #20BFA9);
text-align: center;
font-family: Albert Sans;
font-size: 40px;
font-size: 34px;
font-style: normal;
//font-weight: 700;
line-height: 60px;
line-height: 20px;
/* 120% */
letter-spacing: -1px;
width: 319px;
@ -2316,7 +2337,8 @@
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: center;
text-align: left;
}
@ -2349,32 +2371,32 @@
float: left;
margin: 10px;
-webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #F8F9F9;
height: 22rem;
padding: 15px;
border-radius: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
}
.div_block_fonction_detail_titre {
font-family: Roboto, Verdana, Georgia, Arial;
color: #3E6EE3;
font-family: Verdana, Georgia, Arial;
color: #073462;
line-Height: 29px;
font-size: 18px;
font-size: 20px;
margin-bottom: 5px;
width: 100%;
font-weight: 400;
text-align: left;
text-align: center;
letter-spacing: 1px;
height: 6rem;
padding-left: 1rem;
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 100%;
float: left;
margin-bottom: 10px;
}
.div_block_fonction_detail_img_inside {
@ -2689,6 +2711,14 @@
padding-top: 3rem;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.24rem;
justify-content: center;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -3239,7 +3269,7 @@
/* 120% */
letter-spacing: -1px;
width: 319px;
height: 60px;
height: 80px;
//position: fixed;
width: 100%;
margin-left: auto;
@ -3683,7 +3713,8 @@
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: center;
text-align: left;
}
@ -3716,30 +3747,31 @@
float: left;
margin: 10px;
-webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #F8F9F9;
height: 20rem;
padding: 15px;
border-radius: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #3E6EE3;
color: #073462;
line-Height: 29px;
font-size: 18px;
font-size: 20px;
margin-bottom: 5px;
width: 100%;
font-weight: 400;
text-align: left;
text-align: center;
letter-spacing: 1px;
height: 6rem;
padding-left: 2rem;
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 30%;
width: 100%;
float: left;
}
@ -3749,7 +3781,7 @@
.div_block_fonction_detail_desc {
width: 70%;
width: 100%;
float: left;
text-align: left;
line-height: 1.8em;
@ -3778,7 +3810,7 @@
.bton_enreg_dialog {
border-radius: 5rem;
font-size: small;
background: #81BC3A !important;
background: #81bc3a !important;
text-align: center;
height: 2.5rem;
width: 80%;
@ -4053,6 +4085,13 @@
padding-top: 3rem;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.8rem;
justify-content: center;
}
}
@media only screen and (min-width: 1200px) {
@ -4554,6 +4593,7 @@
background: var(--Beige, #FFF5DA);
padding: 20px;
float: left;
padding-top: 0px;
}
@ -4609,6 +4649,7 @@
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
// top: 15rem;
}
@ -5034,7 +5075,7 @@
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: center;
text-align: left;
}
@ -5062,29 +5103,29 @@
margin: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #F8F9F9;
height: 12rem;
padding: 15px;
background: #FFF;
min-height: 25rem;
// padding: 15px;
border-radius: 8px;
border: solid 2px #ebedef;
border: 2px solid #708f8f;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #3E6EE3;
color: #073462;
line-Height: 29px;
font-size: 20px;
margin-bottom: 5px;
width: 100%;
font-weight: 400;
text-align: left;
text-align: center;
letter-spacing: 1px;
height: 4rem;
padding-left: 2rem;
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 30%;
width: 100%;
float: left;
}
@ -5094,7 +5135,7 @@
.div_block_fonction_detail_desc {
width: 70%;
width: 100%;
float: left;
text-align: left;
line-height: 1.8em;
@ -5123,7 +5164,7 @@
.bton_enreg_dialog {
border-radius: 5rem;
font-size: small;
background: #81BC3A !important;
background: #81bc3a !important;
text-align: center;
height: 2.5rem;
width: 80%;
@ -5415,6 +5456,15 @@
padding: 10px;
max-width: 1400px !important;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.8rem;
justify-content: center;
}
}
// end media

View File

@ -223,7 +223,7 @@
height: 7rem;
left: 0px;
background: #FFFAED;
background: var(--Beige, #FFF5DA);
}
/* Title */
@ -630,7 +630,7 @@
height: 100px;
left: 0px;
background: #FFFAED;
background: var(--Beige, #FFF5DA);
}
/* Title */
@ -980,7 +980,7 @@
height: 100px;
left: 0px;
background: #FFFAED;
background: var(--Beige, #FFF5DA);
}
/* Title */
@ -1316,7 +1316,7 @@
height: 150px;
left: 0px;
background: #FFFAED;
background: var(--Beige, #FFF5DA);
}
/* Title */