diff --git a/src/components/ButtonHilight.js b/src/components/ButtonHilight.js
index 8e272ca..7241db0 100644
--- a/src/components/ButtonHilight.js
+++ b/src/components/ButtonHilight.js
@@ -311,7 +311,9 @@ const ButtonHilight = () => {
anchorEl={CategorieMenu}
onClose={CategorieMenu_Close}
open={Boolean(CategorieMenu)}
- style={{ "top": "2rem" }} >
+ style={{ "top": "2rem" }}
+ className = "ButtonHilight"
+ >
diff --git a/src/components/Recherche_new_v2.js b/src/components/Recherche_new_v2.js
index 6326ed5..308cab6 100644
--- a/src/components/Recherche_new_v2.js
+++ b/src/components/Recherche_new_v2.js
@@ -2475,11 +2475,11 @@ const Recherche_new_v2 = () => {
onClose={ProduitMenu_Close}
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
-
+
@@ -2829,6 +2829,21 @@ const Recherche_new_v2 = () => {
+
+
+

+
+
+
+
+ Marketing digital sur mesure
+
+
+
+ Accompagnement personnalisé dans vos communications et
Un ciblage efficace lors de l’envoi d’emailings
+
+
+
@@ -2851,21 +2866,7 @@ const Recherche_new_v2 = () => {
-
-
-

-
-
-
-
- Marketing digital sur mesure
-
-
-
- Accompagnement personnalisé dans vos communications et
Un ciblage efficace lors de l’envoi d’emailings
-
-
-
+
diff --git a/src/styles/components/_buttonhilight.scss b/src/styles/components/_buttonhilight.scss
index 3a4ba8f..dc1c296 100644
--- a/src/styles/components/_buttonhilight.scss
+++ b/src/styles/components/_buttonhilight.scss
@@ -1,4 +1,7 @@
.ButtonHilight {
+
+
+
.hidden {
width: 100%;
z-index: 40;
@@ -16,13 +19,14 @@
@media only screen and (max-width: 600px) {
- .mini_entete{
+ .mini_entete {
display: none;
}
- .header_menuPrincipal_left{
+ .header_menuPrincipal_left {
display: none;
}
+
.button1 {
position: fixed;
top: 0.5rem;
@@ -100,25 +104,25 @@
background-size: cover;
}
- a{
- padding: 0px;
- margin: 0px;
+ a {
+ padding: 0px;
+ margin: 0px;
}
.buton_ch22 {
- border: 2px solid white;
- background-color: transparent;
- color: white;
- padding: 0px;
- font-size: 16px;
- cursor: pointer;
- font-size: small;
- border-radius: 4rem;
- width: 6rem;
- min-width: 6rem;
- height: 1.7rem;
- text-align: left;
- }
+ border: 2px solid white;
+ background-color: transparent;
+ color: white;
+ padding: 0px;
+ font-size: 16px;
+ cursor: pointer;
+ font-size: small;
+ border-radius: 4rem;
+ width: 6rem;
+ min-width: 6rem;
+ height: 1.7rem;
+ text-align: left;
+ }
.img_logo {
display: block;
@@ -126,86 +130,86 @@
margin-left: 0px;
margin-right: auto;
max-width: 30%;
- }
+ }
- .div_001 {
- width: 90%;
- margin-left: auto;
- margin-right: auto;
- }
-
- .div_002 {
- float: left;
- width: 40%;
- text-align: left;
- }
-
- .div_003 {
- float: left;
- width: 60%;
- text-align: right;
- color: white;
- }
-
- .div_004 {
- color: white;
- width: 100%;
- height: 0.1rem;
- opacity: 100%;
- margin-left: auto;
- margin-right: auto;
- float: left;
- margin: 0.2rem;
- }
-
- .div_005 {
- width: 100%;
- float: left;
- }
-
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 40%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 60%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
.hilight_menuPrincipal {
-
- margin-left: 0.9rem;
- font-family: "Quicksand", "Signika", "sans-serif";
- color: white;
- float: right;
- cursor: pointer;
- text-align: right;
- font-size: small;
- border: 2px solid transparent;
- white-space: nowrap;
- text-transform: uppercase;
- padding-top: 0.2rem;
- }
-
- .hilight_menuPrincipal:hover {
- color: #81bc3a;
- padding-left: 0;
- transition: color 0.3s linear;
- letter-spacing: 0.1rem;
- text-decoration: solid;
- text-underline-offset: 3px;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- text-decoration: underline;
- }
- .hilight_menuPrincipal_bton {
-
- margin-left: 0.9rem;
- font-family: "Quicksand", "Signika", "sans-serif";
- color: white;
- float: right;
- cursor: pointer;
- text-align: right;
- font-size: small;
- border: 2px solid transparent;
- white-space: nowrap;
- text-transform: uppercase;
- }
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .hilight_menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .hilight_menuPrincipal_bton {
+
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
-
.button1 {
position: fixed;
@@ -282,113 +286,113 @@
background-size: cover;
}
- a{
- padding: 0px;
- margin: 0px;
+ a {
+ padding: 0px;
+ margin: 0px;
}
.buton_ch22 {
- border: 2px solid white;
- background-color: transparent;
- color: white;
- padding: 0px;
- font-size: 16px;
- cursor: pointer;
- font-size: small;
- border-radius: 4rem;
- width: 6rem;
- min-width: 6rem;
- height: 1.7rem;
- text-align: left;
- }
+ border: 2px solid white;
+ background-color: transparent;
+ color: white;
+ padding: 0px;
+ font-size: 16px;
+ cursor: pointer;
+ font-size: small;
+ border-radius: 4rem;
+ width: 6rem;
+ min-width: 6rem;
+ height: 1.7rem;
+ text-align: left;
+ }
.img_logo {
- display: block;
+ display: block;
height: auto;
margin-left: 0px;
margin-right: auto;
max-width: 20%;
max-height: 3rem;
- }
+ }
- .div_001 {
- width: 90%;
- margin-left: auto;
- margin-right: auto;
- }
-
- .div_002 {
- float: left;
- width: 50%;
- text-align: left;
- }
-
- .div_003 {
- float: left;
- width: 50%;
- text-align: right;
- color: white;
- }
-
- .div_004 {
- color: white;
- width: 100%;
- height: 0.1rem;
- opacity: 100%;
- margin-left: auto;
- margin-right: auto;
- float: left;
- margin: 0.2rem;
- }
-
- .div_005 {
- width: 100%;
- float: left;
- }
-
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
.hilight_menuPrincipal {
-
- margin-left: 0.9rem;
- font-family: "Quicksand", "Signika", "sans-serif";
- color: white;
- float: right;
- cursor: pointer;
- text-align: right;
- font-size: small;
- border: 2px solid transparent;
- white-space: nowrap;
- text-transform: uppercase;
- padding-top: 0.2rem;
- }
-
- .hilight_menuPrincipal:hover {
- color: #81bc3a;
- padding-left: 0;
- transition: color 0.3s linear;
- letter-spacing: 0.1rem;
- text-decoration: solid;
- text-underline-offset: 3px;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- text-decoration: underline;
- }
- .hilight_menuPrincipal_bton {
-
- margin-left: 0.9rem;
- font-family: "Quicksand", "Signika", "sans-serif";
- color: white;
- float: right;
- cursor: pointer;
- text-align: right;
- font-size: small;
- border: 2px solid transparent;
- white-space: nowrap;
- text-transform: uppercase;
- }
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .hilight_menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .hilight_menuPrincipal_bton {
+
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
-
.button1 {
@@ -463,114 +467,114 @@
background-size: cover;
}
- a{
- padding: 0px;
- margin: 0px;
+ a {
+ padding: 0px;
+ margin: 0px;
}
.buton_ch22 {
- border: 2px solid white;
- background-color: transparent;
- color: white;
- padding: 0px;
- font-size: 16px;
- cursor: pointer;
- font-size: small;
- border-radius: 4rem;
- width: 6rem;
- min-width: 6rem;
- height: 1.7rem;
- text-align: left;
- }
+ border: 2px solid white;
+ background-color: transparent;
+ color: white;
+ padding: 0px;
+ font-size: 16px;
+ cursor: pointer;
+ font-size: small;
+ border-radius: 4rem;
+ width: 6rem;
+ min-width: 6rem;
+ height: 1.7rem;
+ text-align: left;
+ }
.img_logo {
- display: block;
- height: auto;
- margin-left: 0px;
- margin-right: auto;
- max-width: 18%;
- max-height: 3rem;
- }
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 18%;
+ max-height: 3rem;
+ }
.div_001 {
- width: 90%;
- margin-left: auto;
- margin-right: auto;
- }
-
- .div_002 {
- float: left;
- width: 50%;
- text-align: left;
- }
-
- .div_003 {
- float: left;
- width: 50%;
- text-align: right;
- color: white;
- }
-
- .div_004 {
- color: white;
- width: 100%;
- height: 0.25rem;
- opacity: 100%;
- margin-left: auto;
- margin-right: auto;
- float: left;
- margin: 0.2rem;
- }
-
- .div_005 {
- width: 100%;
- float: left;
- }
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.25rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
-
.hilight_menuPrincipal {
-
- margin-left: 0.9rem;
- font-family: "Quicksand", "Signika", "sans-serif";
- color: white;
- float: right;
- cursor: pointer;
- text-align: right;
- font-size: small;
- border: 2px solid transparent;
- white-space: nowrap;
- text-transform: uppercase;
- padding-top: 0.2rem;
- }
-
- .hilight_menuPrincipal:hover {
- color: #81bc3a;
- padding-left: 0;
- transition: color 0.3s linear;
- letter-spacing: 0.1rem;
- text-decoration: solid;
- text-underline-offset: 3px;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- text-decoration: underline;
- }
- .hilight_menuPrincipal_bton {
-
- margin-left: 0.9rem;
- font-family: "Quicksand", "Signika", "sans-serif";
- color: white;
- float: right;
- cursor: pointer;
- text-align: right;
- font-size: small;
- border: 2px solid transparent;
- white-space: nowrap;
- text-transform: uppercase;
- }
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .hilight_menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .hilight_menuPrincipal_bton {
+
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
-
.button1 {
position: fixed;
@@ -619,9 +623,35 @@
}
}
-
+
+
+ .MuiPaper-rounded {
+ top: 20px !important;
+ }
+
+
+ .bton_menu {
+ background: white;
+ width: 100%;
+ border: 0px;
+ text-align: left;
+ color: black;
+ letter-spacing: 2px;
+ margin: 10px;
+ }
+
+ .bton_menu:hover {
+ color: black;
+ letter-spacing: 3px;
+ background: white;
+ //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ }
+
+
}
+// end buttonhi
+
.MuiList-padding {
background: white !important;
//color: #3b3e40 !important;
@@ -674,7 +704,9 @@
}
margin-left: 0.9rem;
- font-family: "Quicksand", "Signika", "sans-serif";
+ font-family: "Quicksand",
+ "Signika",
+ "sans-serif";
color: white;
cursor: pointer;
text-align: left;
@@ -699,12 +731,13 @@
border-bottom-style: solid;
text-decoration: underline;
}
+
.MuiPaper-rounded {
border-radius: 0px !important;
}
-.bton_menu {
+.bton_menu_old {
background-color: black;
width: 100%;
border: 0px;
@@ -714,9 +747,32 @@
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
-.bton_menu:hover {
+.bton_menu_old:hover {
color: white;
letter-spacing: 0.2rem;
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
+
+.bton_menu {
+ background-color: white;
+ width: 100%;
+ border: 0px;
+ text-align: left;
+ color: black;
+ letter-spacing: 2px;
+ margin: 10px;
+ //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+}
+
+.bton_menu:hover {
+ //color: white;
+ letter-spacing: 3px;
+ background-color: whitesmoke;
+ //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+}
+
+
+.MuiPaper-rounded {
+ top: 20px !important;
+}
\ No newline at end of file
diff --git a/src/styles/components/_reherche_new_v2.scss b/src/styles/components/_reherche_new_v2.scss
index 25ef872..4a7c2f1 100644
--- a/src/styles/components/_reherche_new_v2.scss
+++ b/src/styles/components/_reherche_new_v2.scss
@@ -11502,6 +11502,7 @@ cursor: pointer;
.MuiMenuItem-root {
font-size: 1rem !important;
+
}
.new_filter_zone {
@@ -13848,6 +13849,25 @@ cursor: pointer;
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
+.bton_menu_v2 {
+ background-color: white;
+ width: 100%;
+ border: 0px;
+ text-align: left;
+ color: black;
+ letter-spacing: 2px;
+ margin: 10px;
+ //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+}
+
+.bton_menu_v2:hover {
+ //color: white;
+ letter-spacing: 3px;
+ //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+}
+
+
+
.iSfofc {
width: 90% !important;
margin-left: auto !important;
@@ -13863,4 +13883,16 @@ cursor: pointer;
.bQSvsY {
background: white !important;
+}
+
+.MuiMenu-paper{
+ border-radius: 10px !important;
+}
+
+.MuiListItem-button{
+ background: white !important;
+}
+
+.MuiPaper-rounded{
+ top: 60px !important;
}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index bfe64f3..798fe29 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -61,4 +61,4 @@
@import "./components/reherche_new_v2";
@import "./components/footer_v2";
@import "./components/displaydetailclass_new_v2";
-@import "./components/sedesabonner";
\ No newline at end of file
+@import "./components/sedesabonner";