@@ -509,6 +512,12 @@ const RechercheArticles = (props) => {
Nos Services
+
+
+ Les formations
+
+
+
publier mes formations
diff --git a/src/components/Recherche_new.js b/src/components/Recherche_new.js
index e841159..92c524d 100644
--- a/src/components/Recherche_new.js
+++ b/src/components/Recherche_new.js
@@ -1550,11 +1550,18 @@ const Recherche_new = () => {
};
+
+
const handleClose_Account = () => {
//alert(" my account");
setAccountMenu(null);
};
+ const handleBlogMenu = (event) => {
+ setproduitMenu(event.currentTarget);
+ history.push("/Recherche-Article-formation")
+ };
+
const handleAccountConnexion = () => {
setAccountMenu(null);
history.push("/Connexion")
@@ -2201,6 +2208,10 @@ const Recherche_new = () => {
Nos Services
+
+ Le blog
+
+
publier mes formations
diff --git a/src/mysy_img/logo-stripe-secure.png b/src/mysy_img/logo-stripe-secure.png
new file mode 100644
index 0000000..2144e0f
Binary files /dev/null and b/src/mysy_img/logo-stripe-secure.png differ
diff --git a/src/styles/components/_abonnement.scss b/src/styles/components/_abonnement.scss
index c8837e8..fc95bee 100644
--- a/src/styles/components/_abonnement.scss
+++ b/src/styles/components/_abonnement.scss
@@ -1,668 +1,676 @@
.abonnement {
- .h1_transparent {
- color: transparent;
- font-size: 0.1rem;
- }
-
+ .h1_transparent {
+ color: transparent;
+ font-size: 0.1rem;
+ }
+
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .warninigUpdateData {
+ font-size: small;
+ color: #F5BB04;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+
+ @media only screen and (max-width: 600px) {
+ /*style smartphones et petites tablettes en portrait*/
+
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
- .warninigUpdateData {
- font-size: small;
- color: #F5BB04;
- font-style: italic;
- }
-
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
-
- @media only screen and (max-width: 600px) {
- /*style smartphones et petites tablettes en portrait*/
-
- .okUpdateData {
- font-size: small;
- color: green;
- font-style: italic;
- }
-
- .koUpdateData {
- font-size: small;
- color: red;
- font-style: italic;
- }
-
- .facture_menu {
- width: 10rem;
- text-align: left;
- padding: 0;
- border: 0px;
- }
-
- .facture_menu:hover:active,
- .facture_menu:hover {
- background-color: #e7f3fb;
- }
- .facture_menu:focus {
- //border: 3px dotted green;
- background-color: #e7f3fb;
- }
-
- .div_info_facturation {
- float: left;
- width: 50%;
- border: 1px solid black;
- margin-bottom: 1rem;
- }
-
- .div_info_plan_actuel {
- float: left;
- width: 50%;
- border: 1px solid black;
- margin-bottom: 1rem;
- }
-
- .div_info_pack {
- width: 100%;
- border: 1px solid black;
- }
-
- .texte_area {
- width: 47% !important;
- font-size: x-small !important;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- margin: 0rem !important;
- margin-right: 0.4rem !important;
- margin-top: 0.4rem !important;
- background-color: "#ECEFF1";
- background: "#ECEFF1";
- color: black;
- }
-
- .texte_area_adress {
- width: 94% !important;
- font-size: x-small !important;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- margin-right: 0.4rem !important;
- margin-top: 0.4rem !important;
- background-color: "#ECEFF1";
- background: "#ECEFF1";
- color: black;
- }
-
- .titre1 {
- font-family: "Quicksand", "Signika", sans-serif;
- font-size: medium;
- text-align: center;
- margin-bottom: 0.8rem;
- color: white;
- cursor: pointer;
- font-style: italic;
- background-color: gray;
- font-weight: normal;
- }
-
- .div_row {
- float: left;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 100%;
- margin-bottom: 1rem;
- }
-
- .div_row_gauche {
- float: left;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 95%;
- border-radius: 0px;
- margin-bottom: 1rem;
- }
-
- .div_row_droite {
- float: right;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 95%;
- padding-left: 2%;
- border-radius: 0px;
- }
-
- .div_row22 {
- text-align: center;
- border-width: 0.01rem;
- margin-bottom: 0.1rem;
- margin-top: 0.3rem;
- border-radius: 1rem;
- font-size: small;
- }
-
- .btn_modif {
- width: 10rem;
- background-color: #212121 !important;
- color: white;
- }
-
- .btn_enreg {
- width: 10rem;
- background-color: green !important;
- color: white;
- }
-
- .accountsatatus {
- font-size: small;
- color: black;
- font-style: italic;
- background-color: #FFA07A;
- margin-bottom: 0.5rem;
- text-align: center;
- }
-
- .css-1ptx2yq-MuiInputBase-root-MuiInput-root{
- font-size: small;
- }
-
- .list_produits_service{
- font-size: small;
- }
-
-
- .btn_retour_ps {
- background-color: rgb(228, 236, 228) !important;
- padding-left: 5px;
- padding-right: 5px;
- }
-
+ .facture_menu {
+ width: 10rem;
+ text-align: left;
+ padding: 0;
+ border: 0px;
}
-
- @media only screen and (min-width: 601px) and (max-width: 991px) {
- /*style petites-moyennes tablettes */
-
- .okUpdateData {
- font-size: small;
- color: green;
- font-style: italic;
- }
-
-
- .koUpdateData {
- font-size: small;
- color: red;
- font-style: italic;
- }
-
- .facture_menu {
- width: 8rem;
- text-align: left;
- padding: 0;
- border: 0px;
- }
-
- .facture_menu:hover:active,
- .facture_menu:hover {
- background-color: #e7f3fb;
- }
- .facture_menu:focus {
- //border: 3px dotted green;
- background-color: #e7f3fb;
- }
-
- .div_info_facturation {
- float: left;
- width: 50%;
- border: 1px solid black;
- margin-bottom: 1rem;
- }
-
- .div_info_plan_actuel {
- float: left;
- width: 50%;
- border: 1px solid black;
- margin-bottom: 1rem;
- }
-
- .div_info_pack {
- width: 100%;
- border: 1px solid black;
- }
-
- .texte_area {
- width: 47% !important;
- font-size: x-small !important;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- margin: 0rem !important;
- margin-right: 0.4rem !important;
- margin-top: 0.4rem !important;
- background-color: "#ECEFF1";
- background: "#ECEFF1";
- color: black;
- }
-
- .texte_area_adress {
- width: 94% !important;
- font-size: x-small !important;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- margin-right: 0.4rem !important;
- margin-top: 0.4rem !important;
- background-color: "#ECEFF1";
- background: "#ECEFF1";
- color: black;
- }
-
- .titre1 {
- font-family: "Quicksand", "Signika", sans-serif;
- font-size: medium;
- text-align: center;
- margin-bottom: 0.8rem;
- color: white;
- cursor: pointer;
- font-style: italic;
- background-color: gray;
- font-weight: normal;
- }
-
- .div_row {
- float: left;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 100%;
- margin-bottom: 1rem;
- }
-
- .div_row_gauche {
- float: left;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 45%;
- border-radius: 0px;
- }
-
- .div_row_droite {
- border-left: 1rem solid;
- float: right;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 55%;
- padding-left: 2%;
- border-radius: 0px;
- }
-
- .div_row22 {
- text-align: center;
- border-width: 0.01rem;
- margin-bottom: 0.1rem;
- margin-top: 0.3rem;
- border-radius: 1rem;
- font-size: small;
- }
-
- .btn_modif {
- width: 10rem;
- background-color: #212121 !important;
- color: white;
- }
-
- .btn_enreg {
- width: 10rem;
- background-color: green !important;
- color: white;
- }
-
- .accountsatatus {
- font-size: small;
- color: black;
- font-style: italic;
- background-color: #FFA07A;
- margin-bottom: 0.5rem;
- text-align: center;
- }
-
- .css-1ptx2yq-MuiInputBase-root-MuiInput-root{
- font-size: small;
- }
-
- .list_produits_service{
- font-size: small;
- }
-
- .btn_retour_ps {
- background-color: rgb(228, 236, 228) !important;
- padding-left: 5px;
- padding-right: 5px;
- }
+ .facture_menu:hover:active,
+ .facture_menu:hover {
+ background-color: #e7f3fb;
}
-
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
- .okUpdateData {
- font-size: small;
- color: green;
- font-style: italic;
- }
-
-
- .koUpdateData {
- font-size: small;
- color: red;
- font-style: italic;
- }
-
- .facture_menu {
- width: 10rem;
- text-align: left;
- padding: 0;
- border: 0px;
- }
-
- .facture_menu:hover:active,
- .facture_menu:hover {
- background-color: #e7f3fb;
- }
- .facture_menu:focus {
- //border: 3px dotted green;
- background-color: #e7f3fb;
- }
-
- .div_info_facturation {
- float: left;
- width: 50%;
- border: 1px solid black;
- margin-bottom: 1rem;
- }
-
- .div_info_plan_actuel {
- float: left;
- width: 50%;
- border: 1px solid black;
- margin-bottom: 1rem;
- }
-
- .div_info_pack {
- width: 100%;
- border: 1px solid black;
- }
-
- .texte_area {
- width: 47% !important;
- font-size: x-small !important;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- margin: 0rem !important;
- margin-right: 0.4rem !important;
- margin-top: 0.4rem !important;
- background-color: "#ECEFF1";
- background: "#ECEFF1";
- color: black;
- }
-
- .texte_area_adress {
- width: 94% !important;
- font-size: x-small !important;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- margin-right: 0.4rem !important;
- margin-top: 0.4rem !important;
- background-color: "#ECEFF1";
- background: "#ECEFF1";
- color: black;
- }
-
- .titre1 {
- font-family: "Quicksand", "Signika", sans-serif;
- font-size: medium;
- text-align: center;
- margin-bottom: 0.8rem;
- color: white;
- cursor: pointer;
- font-style: italic;
- background-color: gray;
- font-weight: normal;
- }
-
- .div_row {
- float: left;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 100%;
- margin-bottom: 1rem;
- }
-
- .div_row_gauche {
- float: left;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 45%;
- border-radius: 0px;
- }
-
- .div_row_droite {
- border-left: 1rem solid;
- float: right;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 55%;
- padding-left: 2%;
- border-radius: 0px;
- }
-
- .div_row22 {
- text-align: center;
- border-width: 0.01rem;
- margin-bottom: 0.1rem;
- margin-top: 0.3rem;
- border-radius: 1rem;
- font-size: small;
- }
-
- .btn_modif {
- width: 10rem;
- background-color: #212121 !important;
- color: white;
- }
-
- .btn_enreg {
- width: 10rem;
- background-color: green !important;
- color: white;
- }
-
- .accountsatatus {
- font-size: small;
- color: black;
- font-style: italic;
- background-color: #FFA07A;
- margin-bottom: 0.5rem;
- text-align: center;
- }
-
- .css-1ptx2yq-MuiInputBase-root-MuiInput-root{
- font-size: small;
- }
-
- .list_produits_service{
- font-size: small;
- }
-
-
- .btn_retour_ps {
- background-color: rgb(228, 236, 228) !important;
- padding-left: 5px;
- padding-right: 5px;
- }
+ .facture_menu:focus {
+ //border: 3px dotted green;
+ background-color: #e7f3fb;
}
-
- @media only screen and (min-width: 1200px) {
- /*style grande tablettes & Pc portable */
-
- .okUpdateData {
- font-size: small;
- color: green;
- font-style: italic;
- }
-
- .koUpdateData {
- font-size: small;
- color: red;
- font-style: italic;
- }
-
- .facture_menu {
- width: 10rem;
- text-align: left;
- padding: 0;
- border: 0px;
- }
-
- .facture_menu:hover:active,
- .facture_menu:hover {
- background-color: #e7f3fb;
- }
- .facture_menu:focus {
- //border: 3px dotted green;
- background-color: #e7f3fb;
- }
-
- .div_info_facturation {
- float: left;
- width: 50%;
- border: 1px solid black;
- margin-bottom: 1rem;
- }
-
- .div_info_plan_actuel {
- float: left;
- width: 50%;
- border: 1px solid black;
- margin-bottom: 1rem;
- }
-
- .div_info_pack {
- width: 100%;
- border: 1px solid black;
- }
-
- .texte_area {
- width: 47% !important;
- font-size: x-small !important;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- margin: 0rem !important;
- margin-right: 0.4rem !important;
- margin-top: 0.4rem !important;
- background-color: "#ECEFF1";
- background: "#ECEFF1";
- color: black;
- }
-
- .texte_area_adress {
- width: 94% !important;
- font-size: x-small !important;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- margin-right: 0.4rem !important;
- margin-top: 0.4rem !important;
- background-color: "#ECEFF1";
- background: "#ECEFF1";
- color: black;
- }
-
- .titre1 {
- font-family: "Quicksand", "Signika", sans-serif;
- font-size: medium;
- text-align: center;
- margin-bottom: 0.8rem;
- color: white;
- cursor: pointer;
- font-style: italic;
- background-color: gray;
- font-weight: normal;
- }
-
- .div_row {
- float: left;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 100%;
- margin-bottom: 1rem;
- }
-
- .div_row_gauche {
- float: left;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 45%;
- border-radius: 0px;
- }
-
- .div_row_droite {
- border-left: 1rem solid;
- float: right;
- //border:0px solid black;
- border-width: 0.01rem;
- width: 55%;
- padding-left: 2%;
- border-radius: 0px;
- }
-
- .div_row22 {
- text-align: center;
- border-width: 0.01rem;
- margin-bottom: 0.1rem;
- margin-top: 0.3rem;
- border-radius: 1rem;
- font-size: small;
- }
-
- .btn_modif {
- width: 10rem;
- background-color: #212121 !important;
- color: white;
- }
-
- .btn_enreg {
- width: 10rem;
- background-color: green !important;
- color: white;
- }
-
- .div_row_central {
- border: 0px;
- border-width: 0.01rem;
-
- margin-bottom: 3rem;
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- }
-
- .accountsatatus {
- font-size: small;
- color: black;
- font-style: italic;
- background-color: #FFA07A;
- margin-bottom: 0.5rem;
- text-align: center;
- }
-
- .css-1ptx2yq-MuiInputBase-root-MuiInput-root{
- font-size: small;
- }
-
- .list_produits_service{
- font-size: small;
- }
-
- .btn_retour_ps {
- background-color: rgb(228, 236, 228) !important;
- padding-left: 5px;
- padding-right: 5px;
- }
-
-
+ .div_info_facturation {
+ float: left;
+ width: 50%;
+ border: 1px solid black;
+ margin-bottom: 1rem;
+ }
+
+ .div_info_plan_actuel {
+ float: left;
+ width: 50%;
+ border: 1px solid black;
+ margin-bottom: 1rem;
+ }
+
+ .div_info_pack {
+ width: 100%;
+ border: 1px solid black;
+ }
+
+ .texte_area {
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0rem !important;
+ margin-right: 0.4rem !important;
+ margin-top: 0.4rem !important;
+ background-color: "#ECEFF1";
+ background: "#ECEFF1";
+ color: black;
+ }
+
+ .texte_area_adress {
+ width: 94% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin-right: 0.4rem !important;
+ margin-top: 0.4rem !important;
+ background-color: "#ECEFF1";
+ background: "#ECEFF1";
+ color: black;
+ }
+
+ .titre1 {
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 95%;
+ border-radius: 0px;
+ margin-bottom: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 95%;
+ padding-left: 2%;
+ border-radius: 0px;
+ }
+
+ .div_row22 {
+ text-align: center;
+ border-width: 0.01rem;
+ margin-bottom: 0.1rem;
+ margin-top: 0.3rem;
+ border-radius: 1rem;
+ font-size: small;
+ }
+
+ .btn_modif {
+ width: 10rem;
+ background-color: #212121 !important;
+ color: white;
+ }
+
+ .btn_enreg {
+ width: 10rem;
+ background-color: green !important;
+ color: white;
+ }
+
+ .accountsatatus {
+ font-size: small;
+ color: black;
+ font-style: italic;
+ background-color: #FFA07A;
+ margin-bottom: 0.5rem;
+ text-align: center;
+ }
+
+ .css-1ptx2yq-MuiInputBase-root-MuiInput-root {
+ font-size: small;
+ }
+
+ .list_produits_service {
+ font-size: small;
+ }
+
+
+ .btn_retour_ps {
+ background-color: rgb(228, 236, 228) !important;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+
+ }
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+ /*style petites-moyennes tablettes */
+
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .facture_menu {
+ width: 8rem;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ }
+
+ .facture_menu:hover:active,
+ .facture_menu:hover {
+ background-color: #e7f3fb;
+ }
+
+ .facture_menu:focus {
+ //border: 3px dotted green;
+ background-color: #e7f3fb;
+ }
+
+ .div_info_facturation {
+ float: left;
+ width: 50%;
+ border: 1px solid black;
+ margin-bottom: 1rem;
+ }
+
+ .div_info_plan_actuel {
+ float: left;
+ width: 50%;
+ border: 1px solid black;
+ margin-bottom: 1rem;
+ }
+
+ .div_info_pack {
+ width: 100%;
+ border: 1px solid black;
+ }
+
+ .texte_area {
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0rem !important;
+ margin-right: 0.4rem !important;
+ margin-top: 0.4rem !important;
+ background-color: "#ECEFF1";
+ background: "#ECEFF1";
+ color: black;
+ }
+
+ .texte_area_adress {
+ width: 94% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin-right: 0.4rem !important;
+ margin-top: 0.4rem !important;
+ background-color: "#ECEFF1";
+ background: "#ECEFF1";
+ color: black;
+ }
+
+ .titre1 {
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 45%;
+ border-radius: 0px;
+ }
+
+ .div_row_droite {
+ border-left: 1rem solid;
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 55%;
+ padding-left: 2%;
+ border-radius: 0px;
+ }
+
+ .div_row22 {
+ text-align: center;
+ border-width: 0.01rem;
+ margin-bottom: 0.1rem;
+ margin-top: 0.3rem;
+ border-radius: 1rem;
+ font-size: small;
+ }
+
+ .btn_modif {
+ width: 10rem;
+ background-color: #212121 !important;
+ color: white;
+ }
+
+ .btn_enreg {
+ width: 10rem;
+ background-color: green !important;
+ color: white;
+ }
+
+ .accountsatatus {
+ font-size: small;
+ color: black;
+ font-style: italic;
+ background-color: #FFA07A;
+ margin-bottom: 0.5rem;
+ text-align: center;
+ }
+
+ .css-1ptx2yq-MuiInputBase-root-MuiInput-root {
+ font-size: small;
+ }
+
+ .list_produits_service {
+ font-size: small;
+ }
+
+ .btn_retour_ps {
+ background-color: rgb(228, 236, 228) !important;
+ padding-left: 5px;
+ padding-right: 5px;
}
}
-
\ No newline at end of file
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .facture_menu {
+ width: 10rem;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ }
+
+ .facture_menu:hover:active,
+ .facture_menu:hover {
+ background-color: #e7f3fb;
+ }
+
+ .facture_menu:focus {
+ //border: 3px dotted green;
+ background-color: #e7f3fb;
+ }
+
+ .div_info_facturation {
+ float: left;
+ width: 50%;
+ border: 1px solid black;
+ margin-bottom: 1rem;
+ }
+
+ .div_info_plan_actuel {
+ float: left;
+ width: 50%;
+ border: 1px solid black;
+ margin-bottom: 1rem;
+ }
+
+ .div_info_pack {
+ width: 100%;
+ border: 1px solid black;
+ }
+
+ .texte_area {
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0rem !important;
+ margin-right: 0.4rem !important;
+ margin-top: 0.4rem !important;
+ background-color: "#ECEFF1";
+ background: "#ECEFF1";
+ color: black;
+ }
+
+ .texte_area_adress {
+ width: 94% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin-right: 0.4rem !important;
+ margin-top: 0.4rem !important;
+ background-color: "#ECEFF1";
+ background: "#ECEFF1";
+ color: black;
+ }
+
+ .titre1 {
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 45%;
+ border-radius: 0px;
+ }
+
+ .div_row_droite {
+ border-left: 1rem solid;
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 55%;
+ padding-left: 2%;
+ border-radius: 0px;
+ }
+
+ .div_row22 {
+ text-align: center;
+ border-width: 0.01rem;
+ margin-bottom: 0.1rem;
+ margin-top: 0.3rem;
+ border-radius: 1rem;
+ font-size: small;
+ }
+
+ .btn_modif {
+ width: 10rem;
+ background-color: #212121 !important;
+ color: white;
+ }
+
+ .btn_enreg {
+ width: 10rem;
+ background-color: green !important;
+ color: white;
+ }
+
+ .accountsatatus {
+ font-size: small;
+ color: black;
+ font-style: italic;
+ background-color: #FFA07A;
+ margin-bottom: 0.5rem;
+ text-align: center;
+ }
+
+ .css-1ptx2yq-MuiInputBase-root-MuiInput-root {
+ font-size: small;
+ }
+
+ .list_produits_service {
+ font-size: small;
+ }
+
+
+ .btn_retour_ps {
+ background-color: rgb(228, 236, 228) !important;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+ }
+
+ @media only screen and (min-width: 1200px) {
+ /*style grande tablettes & Pc portable */
+
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .facture_menu {
+ width: 10rem;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ }
+
+ .facture_menu:hover:active,
+ .facture_menu:hover {
+ background-color: #e7f3fb;
+ }
+
+ .facture_menu:focus {
+ //border: 3px dotted green;
+ background-color: #e7f3fb;
+ }
+
+ .div_info_facturation {
+ float: left;
+ width: 50%;
+ border: 1px solid black;
+ margin-bottom: 1rem;
+ }
+
+ .div_info_plan_actuel {
+ float: left;
+ width: 50%;
+ border: 1px solid black;
+ margin-bottom: 1rem;
+ }
+
+ .div_info_pack {
+ width: 100%;
+ border: 1px solid black;
+ }
+
+ .texte_area {
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0rem !important;
+ margin-right: 0.4rem !important;
+ margin-top: 0.4rem !important;
+ background-color: "#ECEFF1";
+ background: "#ECEFF1";
+ color: black;
+ }
+
+ .texte_area_adress {
+ width: 94% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin-right: 0.4rem !important;
+ margin-top: 0.4rem !important;
+ background-color: "#ECEFF1";
+ background: "#ECEFF1";
+ color: black;
+ }
+
+ .titre1 {
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 45%;
+ border-radius: 0px;
+ }
+
+ .div_row_droite {
+ border-left: 1rem solid;
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 55%;
+ padding-left: 2%;
+ border-radius: 0px;
+ }
+
+ .div_row22 {
+ text-align: center;
+ border-width: 0.01rem;
+ margin-bottom: 0.1rem;
+ margin-top: 0.3rem;
+ border-radius: 1rem;
+ font-size: small;
+ }
+
+ .btn_modif {
+ width: 10rem;
+ background-color: #212121 !important;
+ color: white;
+ }
+
+ .btn_enreg {
+ width: 10rem;
+ background-color: green !important;
+ color: white;
+ }
+
+ .div_row_central {
+ border: 0px;
+ border-width: 0.01rem;
+
+ margin-bottom: 3rem;
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+ }
+
+ .accountsatatus {
+ font-size: small;
+ color: black;
+ font-style: italic;
+ background-color: #FFA07A;
+ margin-bottom: 0.5rem;
+ text-align: center;
+ }
+
+ .css-1ptx2yq-MuiInputBase-root-MuiInput-root {
+ font-size: small;
+ }
+
+ .list_produits_service {
+ font-size: small;
+ }
+
+ .btn_retour_ps {
+ background-color: rgb(228, 236, 228) !important;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+
+
+
+ }
+
+ .img_payment {
+ max-width: 30%;
+ }
+}
\ No newline at end of file
diff --git a/src/styles/components/_checkout.scss b/src/styles/components/_checkout.scss
index b7d9a10..58ea2f0 100644
--- a/src/styles/components/_checkout.scss
+++ b/src/styles/components/_checkout.scss
@@ -628,14 +628,17 @@
scroll-behavior: smooth;
}
- .img_payment{
- max-width: 30%;
- margin-bottom: 5rem;
- }
+
}
+
+
}
+.img_payment_checkout{
+ max-width: 25%;
+ margin-top: 1rem;
+}
.Mui-disabled{
font-size: small !important;
diff --git a/src/styles/components/_displaydetailarticle.scss b/src/styles/components/_displaydetailarticle.scss
index 50a88c8..6128bfc 100644
--- a/src/styles/components/_displaydetailarticle.scss
+++ b/src/styles/components/_displaydetailarticle.scss
@@ -111,7 +111,6 @@
width: 100%;
text-align: left;
margin: auto;
- padding: 0.8rem;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
@@ -295,7 +294,7 @@
//border:1px solid black;
//border-width: 0.01rem;
//background-color: #e6ebe2;
- top: 4rem;
+ top: 5rem;
z-index: 1;
width: 98%;
diff --git a/src/styles/components/_displaydetailclass_new.scss b/src/styles/components/_displaydetailclass_new.scss
index 5e8e932..12e1f4d 100644
--- a/src/styles/components/_displaydetailclass_new.scss
+++ b/src/styles/components/_displaydetailclass_new.scss
@@ -52,6 +52,11 @@
}
@media only screen and (max-width: 600px) {
+
+ .css-iljtu2-MuiRating-root {
+ font-size: 1rem !important;
+ }
+
.left_box {
display: none;
}
@@ -196,7 +201,7 @@
}
.div_row_critere_gauche {
- width: 55%;
+ width: 56%;
float: left;
text-align: right;
font-weight: bold;
@@ -824,7 +829,7 @@
border-radius: 5px;
background: #113459;
color: #fff;
-
+
}
.autres_formations {
@@ -1471,7 +1476,7 @@
z-index: 10000;
}
- .bton_recontact{
+ .bton_recontact {
color: white;
text-align: right;
padding-right: 2rem;
@@ -1490,7 +1495,7 @@
z-index: 10000;
}
-
+
.row_inscription {
color: white;
text-align: right;
diff --git a/src/styles/components/_gestionadministrative.scss b/src/styles/components/_gestionadministrative.scss
index 2e8467e..535fb58 100644
--- a/src/styles/components/_gestionadministrative.scss
+++ b/src/styles/components/_gestionadministrative.scss
@@ -827,7 +827,7 @@
}
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
- border-color: white !important;
+ border-color: transparent !important;
border-radius: 20px !important;
}