diff --git a/src.zip b/src.zip new file mode 100644 index 0000000..370e597 Binary files /dev/null and b/src.zip differ diff --git a/src/components/Abonnement.js b/src/components/Abonnement.js index 53d639a..782a32e 100644 --- a/src/components/Abonnement.js +++ b/src/components/Abonnement.js @@ -25,7 +25,8 @@ import PaymentMethod from "./PaymentMethode"; import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; import fileDownload from 'js-file-download' import PayementComponent_Carte from "./PaymentMethode_Carte" -import img_logo_stripe from "./../mysy_img/logo-stripe-secure.png"; +import img_logo_stripe from "./../mysy_img/logo-stripe-secure.png"; +import SendIcon from '@mui/icons-material/Send'; function Abonnement(props) { @@ -485,10 +486,10 @@ function Abonnement(props) { if (String(periode) === String("Mensuel")) { if (String(packs).toLowerCase() === String("standard")) { - setpackprice("350"); + setpackprice("50"); } else if (String(packs).toLowerCase() === String("gold")) { - setpackprice("550"); + setpackprice("90"); } else if (String(packs).toLowerCase() === String("decouverte")) { setpackprice("0"); @@ -497,10 +498,10 @@ function Abonnement(props) { if (String(periode) === String("Annuel")) { if (String(packs).toLowerCase() === String("standard")) { - setpackprice("1500"); + setpackprice("600"); } else if (String(packs).toLowerCase() === String("gold")) { - setpackprice("4950"); + setpackprice("1080"); } else if (String(packs).toLowerCase() === String("decouverte")) { setpackprice("0"); @@ -522,10 +523,10 @@ function Abonnement(props) { if (String(periode) === String("Mensuel")) { if (String(packs).toLowerCase() === String("standard")) { - setpackprice("350"); + setpackprice("50"); } else if (String(packs).toLowerCase() === String("gold")) { - setpackprice("550"); + setpackprice("90"); } else if (String(packs).toLowerCase() === String("decouverte")) { setpackprice("0"); @@ -534,10 +535,10 @@ function Abonnement(props) { if (String(periode) === String("Annuel")) { if (String(packs).toLowerCase() === String("standard")) { - setpackprice("1500"); + setpackprice("600"); } else if (String(packs).toLowerCase() === String("gold")) { - setpackprice("4950"); + setpackprice("1080"); } else if (String(packs).toLowerCase() === String("decouverte")) { setpackprice("0"); @@ -605,7 +606,7 @@ function Abonnement(props) { ))} - + {String(paymentmodeapi) === String("True") && Object.keys(paymentmode).length <= 0 &&
@@ -664,10 +665,10 @@ function Abonnement(props) { ))} - + {paymentmode && Object.keys(paymentmode).length > 0 && String(new_mode_payement) !== "1" &&
-   +  
} @@ -919,51 +920,127 @@ function Abonnement(props) { Produits & Services
- Publication des formations -
-
- Support téléphonique + Publication des + formations + +
-
- Customisation de l'affichage d'une formation + +
+ Reporting standard + automatique + +
    +
  • Nombre de fois que vos + formations ont été vues +
  • +
  • Les régions où elles ont été + vues
  • +
  • Top 5 des formations avec le + détail du nombre de vu
  • + +
+
+ +
+ Support téléphonique +
+ +
+ 3 Mots clés + supplémentaires + +
    +
  • Ajout de 3 mots clés + supplémentaires associés à la + formation.
  • +
  • Ces mots seront utilisés dans + la barre de recherche.
  • + +
- Mots clés par formation + Personnalisation de + l'affichage + d'une formation + +
    +
  • Ajout de vos propres images pour + communiquer sur votre structure + et votre marque.
  • +
  • Affichage de votre logo à côté + de la + formation.
  • +
  • Affichage votre bannière en + grand + sur la page détaillée.
  • + +
- Reporting standard + Gestion administrative + des + stagiaires (pré-inscriptions, + émargement, présence, etc) + +
    +
  • Date ouverture et fermeture des + inscriptions en ligne
  • +
  • Gestion du nombre de + participants
  • + + +
  • Gestion des pré-inscriptions / Inscriptions des stagiaires
  • + +
  • Les listes d’émargement / Fiche de présence
  • + +
+
+
+ Génération automatique de + leads + +
    +
  • L’intérêt des stagiaires génère + des leads qui vous sont envoyé + automatiquement.
  • + +
- Reporting Dynamique et personnalisé -
-
- Préférence/ Diffusion géographique -
-
- Publication d'un article - (plateforme + réseaux sociaux ) + Envoi de 1000 emails + markéting / mois pour votre + formation + +
    +
  • MySy crée un visuel de + communication sous forme d’email + markéting.
  • +
  • Avec votre validation, ce visuel + est envoyé 1000 contacts de + notre base de données (ou la + vôtre)
  • +
  • Un rapport vous ai envoyé avec + la liste des personnes ayant + manifesté un intérêt pour + votre formation.
  • + +
-
- Community management externalisé -
- -
- Accompagnement aux certifications ( NDA, QUALIOPI,…) - -
- -
- Design catalogue numérique - -
-
- --- - -
@@ -972,48 +1049,38 @@ function Abonnement(props) {
Découverte

-
-   +
+ Par Formation
- 5 Formations -
-
OK
+ +
+ OK +
+
+ KO +
+ +
+ KO +
+
+ KO +
+
+ KO +
+
+ KO +
KO
-
- KO -
-
- KO -
-
- KO -
-
- KO -
-
- KO -
-
- KO -
-
- KO -
-
- KO -
-
- ---- -
Gratuit 15 jours @@ -1037,22 +1104,22 @@ function Abonnement(props) {
Standard

-
-   -
- -
- 7 Formations +
+ Par Formation
OK
-
+ +
+ OK +
+
OK
-
+
OK
@@ -1061,29 +1128,16 @@ function Abonnement(props) {
KO
-
+
KO
KO
-
- KO -
-
- KO -
-
- KO -
-
- ---- -
+
- - {String(periode) === String("Mensuel") && "350 €/mois"} - {String(periode) === String("Annuel") && "1 500 €/an - (2 mois offerts)"} + 50 HT €/mois
@@ -1106,53 +1160,40 @@ function Abonnement(props) {
Gold

-
-   +
+ Par Formation
- 10 Formations + OK
+
+ OK +
+
+ OK +
+ +
+ OK +
OK
OK
+
+ OK +
+
+ OK +
-
- OK -
-
- OK -
-
- OK -
-
- OK -
-
- OK -
-
- KO -
-
- KO -
-
- KO -
- -
- ---- -
- {String(periode) === String("Mensuel") && "550 €/mois"} - {String(periode) === String("Annuel") && "4 950 €/an - (3 mois offerts)"} + 90 € HT /mois
@@ -1173,111 +1214,15 @@ function Abonnement(props) {
-
-
Sur mesure
-
-
-   -
-
- Illimité -
-
- OK -
-
- OK -
- -
- OK -
-
- OK -
-
- OK -
-
- OK -
-
- OK -
-
- OK -
-
- OK -
-
- OK -
- -
- ---- -
- -
-   -
-
-   -
- - {String(currentpack2).toLowerCase() !== "mesure" &&
- -
} - -
{
 
}
-
-
- -
- Devise - -
-
-
- Periodicité   - - - - - - -
- -
-
+
+
}
diff --git a/src/components/AddClassManual.js b/src/components/AddClassManual.js index f1df76e..b14a3e9 100644 --- a/src/components/AddClassManual.js +++ b/src/components/AddClassManual.js @@ -843,7 +843,7 @@ const AddClassManual = (props) => { history.push({ pathname: "/Partner/", state: { - current_pack: props.currentpack, local_sub_menu: 'checkout', price: "350", + current_pack: props.currentpack, local_sub_menu: 'checkout', price: "50", period: "mensuelle", new_pack: "standard" } }); @@ -855,7 +855,7 @@ const AddClassManual = (props) => { history.push({ pathname: "/Partner/", state: { - current_pack: props.currentpack, local_sub_menu: 'checkout', price: "350", + current_pack: props.currentpack, local_sub_menu: 'checkout', price: "50", period: "mensuelle", new_pack: "gold" } }); diff --git a/src/components/ComponentProduitsServices.js b/src/components/ComponentProduitsServices.js index 3723012..7aa458f 100644 --- a/src/components/ComponentProduitsServices.js +++ b/src/components/ComponentProduitsServices.js @@ -320,8 +320,8 @@ function ProduitsServices() {
- {String(periode) === String("Mensuel") && "350 €/mois"} - {String(periode) === String("Annuel") && "1 500 €/an - (2 mois offerts)"} + {String(periode) === String("Mensuel") && "50 €/mois"} +
diff --git a/src/components/Facture.js b/src/components/Facture.js index 0f31993..8a2f67e 100644 --- a/src/components/Facture.js +++ b/src/components/Facture.js @@ -469,22 +469,22 @@ function Facture(props) { if (String(periode) === String("Mensuel")) { if (String(packs).toLowerCase() === String("standard")) { - setpackprice("350"); + setpackprice("50"); } else if (String(packs).toLowerCase() === String("gold")) { - setpackprice("550"); + setpackprice("90"); } else if (String(packs).toLowerCase() === String("decouverte")) { setpackprice("0"); } } - if (String(periode) === String("Annuel")) { + if (String(periode) === String("Annuel")) { if (String(packs).toLowerCase() === String("standard")) { - setpackprice("1500"); + setpackprice("600"); } else if (String(packs).toLowerCase() === String("gold")) { - setpackprice("4950"); + setpackprice("1080"); } else if (String(packs).toLowerCase() === String("decouverte")) { setpackprice("0"); @@ -506,10 +506,10 @@ function Facture(props) { if (String(periode) === String("Mensuel")) { if (String(packs).toLowerCase() === String("standard")) { - setpackprice("350"); + setpackprice("50"); } else if (String(packs).toLowerCase() === String("gold")) { - setpackprice("550"); + setpackprice("90"); } else if (String(packs).toLowerCase() === String("decouverte")) { setpackprice("0"); @@ -518,10 +518,10 @@ function Facture(props) { if (String(periode) === String("Annuel")) { if (String(packs).toLowerCase() === String("standard")) { - setpackprice("1500"); + setpackprice("600"); } else if (String(packs).toLowerCase() === String("gold")) { - setpackprice("4950"); + setpackprice("1080"); } else if (String(packs).toLowerCase() === String("decouverte")) { setpackprice("0"); diff --git a/src/components/GestionAdministrative.js b/src/components/GestionAdministrative.js index 6d7752c..e8db1ff 100644 --- a/src/components/GestionAdministrative.js +++ b/src/components/GestionAdministrative.js @@ -25,6 +25,8 @@ import moment from "moment"; import fileDownload from 'js-file-download' import { ConsoleView } from "react-device-detect"; import { confirmAlert } from 'react-confirm-alert'; +import SendIcon from '@mui/icons-material/Send'; + function GestionAdministrative(props) { @@ -1378,6 +1380,29 @@ function GestionAdministrative(props) { onKeypressEscape: () => { }, }); } + + + const [participant_file_name, setparticipant_file_name] = useState(); + function submenu_import_participant() { + hiddenFileInput.current.click(); + } + + const hiddenFileInput = React.useRef(null); + + const liste_participants_file_change = event => { + const fileUploaded = event.target.files[0]; + let file_size = event.target.files[0].size; + let file_type = event.target.files[0].type; + + //console.log("file_size = ",file_size," file_type = ",file_type); + if (file_size > 1000000) { + alert("Le fichier ne doit pas depasser un 1 Méga octets"); + return; + } + + setparticipant_file_name(event.target.files[0].name); + }; + return (
@@ -2000,7 +2025,29 @@ function GestionAdministrative(props) {
}
+ +
+ {mysession &&
+ +
+ + {participant_file_name} + + + +
}
diff --git a/src/components/Partner.js b/src/components/Partner.js index 81a3ccc..049e516 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -295,7 +295,7 @@ const Partner = (props) => { //alert("file_size = "+file_size+" file_type = "+file_type+" a = "+a); if (file_size > 100000) { - alert("L'image doit faire moins de 100 Kilo Octets"); + alert("L'image doit faire moins de 1 mega Kilo Octets"); return; } setisimgSelectedfile(event.target.files[0]); @@ -537,7 +537,7 @@ const Partner = (props) => {
-
+

 
@@ -576,7 +576,7 @@ const Partner = (props) => {
- +
diff --git a/src/components/ProduitsServices.js b/src/components/ProduitsServices.js index 178dacd..c3aaeb4 100644 --- a/src/components/ProduitsServices.js +++ b/src/components/ProduitsServices.js @@ -19,7 +19,7 @@ import Footer from "./Fotter"; import MenuItem from "@material-ui/core/MenuItem"; import Menu from "@material-ui/core/Menu"; import Header from "./Header"; - +import SendIcon from '@mui/icons-material/Send'; function ProduitsServices() { const history = useHistory(); @@ -70,7 +70,7 @@ function ProduitsServices() { document.getElementsByName("bton_mensuel2")[0].style.backgroundColor = "#F8F9F9"; document.getElementsByName("bton_mensuel2")[0].style.opacity = "80%"; - + setperiode("Annuel"); } @@ -114,6 +114,10 @@ function ProduitsServices() { }; + function sendEmail(){ + window.location = "mailto:contact@mysy-training.com"; + } + return (
@@ -124,84 +128,7 @@ function ProduitsServices() { - {/* - - Mon Compte - Deconnexion - - - - - Connexion - Creation - Deconnexion - -
- -
-
-
- -

Produits et Services

-
-
- -
- Partenaire -
- -
- Mon Compte -
- - -
{ - e.preventDefault(); - window.location.href = "/recherche-formation"; - }}> - Accueil -
- -
{ - e.preventDefault(); - window.location.href = "/Recherche-Article-formation"; - }}> - Articles -
- -
- - -
- - -
-
- Nos Produits & Services -
- -
-
*/}
@@ -238,11 +165,7 @@ function ProduitsServices() {
- {/*
- -
*/} +
@@ -251,64 +174,129 @@ function ProduitsServices() {
Produits & Services
-
- Publication des formations -
-
- Support téléphonique +
+ Publication des + formations + +
    +
  • Mise en ligne de votre formation + (Description, Objectif, + Programme, etc).
  • +
  • Mise en forme des textes selon + votre souhait.
  • +
  • Définition du pays et la région + de + publication
  • +
  • Import/Export Excel
  • +
-
- Customisation de l'affichage d'une formation + +
+ Reporting standard + automatique + +
    +
  • Nombre de fois que vos + formations ont été vues +
  • +
  • Les régions où elles ont été + vues
  • +
  • Top 5 des formations avec le + détail du nombre de vu
  • + +
+
+ +
+ Support téléphonique +
+ +
+ 3 Mots clés + supplémentaires + +
    +
  • Ajout de 3 mots clés + supplémentaires associés à la + formation.
  • +
  • Ces mots seront utilisés dans + la barre de recherche.
  • + +
+
+
+ Personnalisation de + l'affichage + d'une formation + +
    +
  • Ajout de vos propres images pour + communiquer sur votre structure + et votre marque.
  • +
  • Affichage de votre logo à côté + de la + formation.
  • +
  • Affichage votre bannière en + grand + sur la page détaillée.
  • + +
- Mots clés par formation + Gestion administrative + des + stagiaires (pré-inscriptions, + émargement, présence, etc) + +
    +
  • Date ouverture et fermeture des + inscriptions en ligne
  • +
  • Gestion du nombre de + participants
  • + + +
  • Gestion des pré-inscriptions / Inscriptions des stagiaires
  • + +
  • Les listes d’émargement / Fiche de présence
  • + +
+
+
+ Génération automatique de + leads + +
    +
  • L’intérêt des stagiaires génère + des leads qui vous sont envoyé + automatiquement.
  • + +
- Reporting standard -
-
- Reporting Dynamique et personnalisé -
-
- Préférence/ Diffusion géographique -
-
- Publication d'un article - (plateforme + réseaux sociaux ) + Envoi de 1000 emails + markéting / mois pour votre + formation + +
    +
  • MySy crée un visuel de + communication sous forme d’email + markéting.
  • +
  • Avec votre validation, ce visuel + est envoyé 1000 contacts de + notre base de données (ou la + vôtre)
  • +
  • Un rapport vous ai envoyé avec + la liste des personnes ayant + manifesté un intérêt pour + votre formation.
  • + +
-
- Community management externalisé -
- -
- Accompagnement aux certifications ( NDA, QUALIOPI,…) - -
- -
- Design catalogue numérique - -
-
- --- - -
- {/*
- {String(periode) === String("Mensuel") &&
- Prix par Mois - -
} - - {String(periode) === String("Annuel") &&
- Prix par An - -
} - -
*/} +
@@ -316,48 +304,38 @@ function ProduitsServices() {
Découverte

-
-   +
+ Pour chaque Formation
-
- 5 Formations -
- -
+
+ OK
-
- KO + +
+ OK +
+
+ KO
-
+
+ KO +
+
+ KO +
+
+ KO +
+
KO
KO
-
- KO -
-
- KO -
-
- KO -
-
- KO -
-
- KO -
-
- KO -
-
- ---- -
+
Gratuit 15 jours @@ -382,53 +360,40 @@ function ProduitsServices() {
Standard

-
-   +
+ Pour chaque Formation
-
- 7 Formations +
+ OK
-
+
OK
-
+
OK
-
+
OK
-
+
OK
KO
-
+
KO
KO
-
- KO -
-
- KO -
-
- KO -
-
- ---- -
+
- - {String(periode) === String("Mensuel") && "350 €/mois"} - {String(periode) === String("Annuel") && "1 500 €/an - (2 mois offerts)"} + 50 HT €/mois
@@ -452,54 +417,41 @@ function ProduitsServices() {
Gold

-
-   +
+ Pour chaque Formation
-
- 10 Formations +
+ OK
-
+
OK
-
- OK +
+ OK
-
+
+ OK +
+
OK
OK
-
+
OK
OK
-
- OK -
-
- KO -
-
- KO -
-
- KO -
- -
- ---- -
+
- {String(periode) === String("Mensuel") && "550 €/mois"} - {String(periode) === String("Annuel") && "4 950 €/an - (3 mois offerts)"} - + 90 € HT /mois +
@@ -520,108 +472,24 @@ function ProduitsServices() {
-
-
Sur mesure
-
-
-   -
-
- Illimité -
- -
- OK -
-
- OK -
- -
- OK -
-
- OK -
-
- OK -
-
- OK -
-
- OK -
-
- OK -
-
- OK -
-
- OK -
- -
- ---- -
- -
-   -
-
-   -
- -
- -
- -
{
 
}
-
+ +
+ -
+
+ -
- Devise - +
+
-
- Periodicité   - - - - - - -
- -
{/*
{String(periode) === String("Mensuel") &&
diff --git a/src/styles/components/_produitsservices.scss b/src/styles/components/_produitsservices.scss index 7287d06..5680438 100644 --- a/src/styles/components/_produitsservices.scss +++ b/src/styles/components/_produitsservices.scss @@ -5,7 +5,7 @@ } @media only screen and (max-width: 600px) { - + .img_logo { display: block; height: auto; @@ -217,7 +217,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.5rem; margin-left: 0.5rem; font-size: 1rem; @@ -235,7 +235,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.5rem; margin-left: 0.5rem; font-size: 1rem; @@ -253,7 +253,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.5rem; margin-left: 0.5rem; font-size: 1rem; @@ -271,7 +271,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.5rem; margin-left: 0.5rem; //background: #F8F9F9; @@ -316,7 +316,7 @@ margin-left: auto; margin-right: auto; border-width: 0.01rem; - + } .critere_gauche { @@ -329,6 +329,7 @@ font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 0.6rem; } + .critere_droite { float: right; //border:0px solid black; @@ -453,7 +454,7 @@ float: left; //border: 0px solid black; border-width: 0.01rem; - width: 100%; + width: 0%; border-radius: 0.5rem; text-align: center; //height: 10rem; @@ -478,7 +479,7 @@ max-width: 5%; } - .abonnement{ + .abonnement { min-height: 3rem; padding-top: 1rem; //float: left; @@ -492,19 +493,19 @@ margin-bottom: 0.5rem; } - .btn_abonnement{ + .btn_abonnement { font-size: 0.9rem !important; width: 100%; background-color: #81BC3A; color: white; } - .btn_abonnement_sur_mesure{ + .btn_abonnement_sur_mesure { font-size: 0.7rem !important; width: 100%; - white-space:nowrap; + white-space: nowrap; padding-left: 2px; - background-color:#044a75; + background-color: #044a75; font-size: 0.9rem; color: white; } @@ -565,6 +566,7 @@ color: red; font-style: italic; } + .div_row2 { float: left; //border:0px solid black; @@ -705,8 +707,9 @@ border: 1px solid rgba(0, 0, 0, 0.06); padding-right: 3px; padding-left: 5px; - white-space: nowrap; + //white-space: nowrap; overflow: hidden; + height: 12rem; } .produits_service_tick { @@ -722,6 +725,7 @@ border: 1px solid rgba(0, 0, 0, 0.06); white-space: nowrap; overflow: hidden; + height: 12rem; } .div_row_basique_price { @@ -734,7 +738,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.2rem; margin-left: 0.2rem; font-size: 0.8rem; @@ -752,7 +756,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.2rem; margin-left: 0.2rem; font-size: 0.8rem; @@ -770,7 +774,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.2rem; margin-left: 0.2rem; font-size: 0.8rem; @@ -788,7 +792,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.2rem; margin-left: 0.2rem; //background: #F8F9F9; @@ -838,6 +842,7 @@ font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } + .critere_droite { float: right; //border:0px solid black; @@ -866,7 +871,7 @@ float: left; //border:0px solid black; border-width: 0.01rem; - width: 39%; + width: 37%; border-radius: 0.5rem; text-align: left; //background-color: #E9ECEF !important; @@ -876,7 +881,7 @@ float: left; //border: 0px solid black; border-width: 0.01rem; - width: 13%; + width: 18%; border-radius: 0.5rem; text-align: center; //height: 10rem; @@ -899,7 +904,7 @@ float: left; //border: 0px solid black; border-width: 0.01rem; - width: 13%; + width: 18%; border-radius: 0.5rem; text-align: center; //height: 10rem; @@ -921,7 +926,7 @@ float: left; //border: 0px solid black; border-width: 0.01rem; - width: 13%; + width: 18%; border-radius: 0.5rem; text-align: center; //height: 10rem; @@ -943,7 +948,7 @@ float: left; //border: 0px solid black; border-width: 0.01rem; - width: 13%; + width: 0%; border-radius: 0.5rem; text-align: center; //height: 10rem; @@ -962,10 +967,10 @@ } .tick_ok_ko { - max-width: 15%; + max-width: 12%; } - .abonnement{ + .abonnement { min-height: 3rem; padding-top: 1rem; //float: left; @@ -979,24 +984,51 @@ margin-bottom: 0.5rem; } - .btn_abonnement{ + .btn_abonnement { font-size: 0.7rem !important; width: 100%; background-color: #81BC3A; - white-space:nowrap; + white-space: nowrap; color: white; } - .btn_abonnement_sur_mesure{ + .btn_abonnement_sur_mesure { font-size: 0.6rem !important; width: 100%; background-color: #81BC3A; - white-space:nowrap; + white-space: nowrap; padding-left: 2px; - background-color:#044a75; + background-color: #044a75; font-size: 0.8rem; color: white; } + + + .height_support { + height: 3rem !important; + } + + .height_leads { + height: 6rem !important; + } + + .height_Reporting { + height: 8rem !important; + } + + + .height_publication { + height: 8rem !important; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 80%; + background: #81BC3A; + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -1195,8 +1227,9 @@ border: 1px solid rgba(0, 0, 0, 0.06); padding-right: 3px; padding-left: 5px; - white-space: nowrap; + //white-space: nowrap; overflow: hidden; + height: 10rem; } .produits_service_tick { @@ -1212,6 +1245,7 @@ border: 1px solid rgba(0, 0, 0, 0.06); white-space: nowrap; overflow: hidden; + height: 10rem; } .div_row_basique_price { @@ -1224,7 +1258,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.5rem; margin-left: 0.5rem; font-size: small; @@ -1242,7 +1276,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.5rem; margin-left: 0.5rem; font-size: small; @@ -1260,7 +1294,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.5rem; margin-left: 0.5rem; font-size: small; @@ -1278,7 +1312,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.5rem; margin-left: 0.5rem; //background: #F8F9F9; @@ -1328,6 +1362,7 @@ font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } + .critere_droite { float: right; //border:0px solid black; @@ -1356,7 +1391,7 @@ float: left; //border:0px solid black; border-width: 0.01rem; - width: 35%; + width: 45%; border-radius: 0.5rem; text-align: left; //background-color: #E9ECEF !important; @@ -1366,7 +1401,7 @@ float: left; //border: 0px solid black; border-width: 0.01rem; - width: 14%; + width: 15%; border-radius: 0.5rem; text-align: center; //height: 10rem; @@ -1389,7 +1424,7 @@ float: left; //border: 0px solid black; border-width: 0.01rem; - width: 14%; + width: 15%; border-radius: 0.5rem; text-align: center; //height: 10rem; @@ -1411,7 +1446,7 @@ float: left; //border: 0px solid black; border-width: 0.01rem; - width: 14%; + width: 15%; border-radius: 0.5rem; text-align: center; //height: 10rem; @@ -1433,7 +1468,7 @@ float: left; //border: 0px solid black; border-width: 0.01rem; - width: 14%; + width: 0%; border-radius: 0.5rem; text-align: center; //height: 10rem; @@ -1452,10 +1487,10 @@ } .tick_ok_ko { - max-width: 10%; + max-width: 15%; } - .abonnement{ + .abonnement { min-height: 3rem; padding-top: 1rem; //float: left; @@ -1465,7 +1500,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: auto; margin-left: auto; font-size: small; @@ -1474,23 +1509,49 @@ margin-bottom: 0.5rem; } - .btn_abonnement{ + .btn_abonnement { font-size: 0.7rem !important; width: 100%; background-color: #81BC3A; color: white; } - .btn_abonnement_sur_mesure{ + .btn_abonnement_sur_mesure { font-size: 0.8rem !important; width: 100%; background-color: #81BC3A; - white-space:nowrap; + white-space: nowrap; padding-left: 2px; - background-color:#044a75; + background-color: #044a75; font-size: 0.8rem; color: white; } + + + .height_support { + height: 3rem !important; + } + + .height_leads { + height: 6rem !important; + } + + .height_Reporting { + height: 8rem !important; + } + + .height_publication { + height: 9rem !important; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 80%; + background: #81BC3A; + } + } @media only screen and (min-width: 1200px) { @@ -1526,6 +1587,7 @@ border-radius: 1rem; text-align: left; } + .div_row_droite { float: right; //border:0px solid black; @@ -1687,6 +1749,32 @@ margin-bottom: -1px; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); + height: 10rem; + } + + + .height_support { + height: 3rem !important; + } + + .height_leads { + height: 6rem !important; + } + + .height_Reporting { + height: 8rem !important; + } + + .height_publication { + height: 8rem !important; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background: #81BC3A; } .produits_service_tick { @@ -1700,6 +1788,7 @@ margin-bottom: -1px; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); + height: 10rem; } .div_row_basique_price { @@ -1712,7 +1801,7 @@ //border-radius: 0.5rem; text-align: center; //height: 10rem; - + margin-right: 0.5rem; margin-left: 0.5rem; font-size: small; @@ -1816,6 +1905,7 @@ font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } + .critere_droite { float: right; //border:0px solid black; @@ -1844,7 +1934,7 @@ float: left; //border:0px solid black; border-width: 0.01rem; - width: 35%; + width: 45%; border-radius: 0.5rem; text-align: left; //background-color: #E9ECEF !important; @@ -1921,7 +2011,7 @@ float: left; //border: 0px solid black; border-width: 0.01rem; - width: 14%; + width: 0%; border-radius: 0.5rem; text-align: center; //height: 10rem; @@ -1943,7 +2033,7 @@ max-width: 8%; } - .abonnement{ + .abonnement { min-height: 3rem; padding-top: 1rem; border-width: 0.01rem; @@ -1956,30 +2046,30 @@ margin-bottom: 0.5rem; } - .btn_abonnement{ + .btn_abonnement { font-size: 0.8rem !important; width: 100%; - background-color: #81BC3A; + background-color: #104277; white-space: nowrap; padding-left: 0px; padding-right: 0px; color: white; } - .btn_abonnement_sur_mesure{ + .btn_abonnement_sur_mesure { font-size: 0.8rem !important; width: 100%; background-color: #81BC3A; - white-space:nowrap; + white-space: nowrap; padding-left: 2px; - background-color:#044a75; + background-color: #044a75; font-size: 0.8rem; color: white; } - .react-confirm-alert{ + .react-confirm-alert { background: red !important; } } -} +} \ No newline at end of file