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 = () => { +
+
+ MySy Training Marketing digital +
+ +
+
+ 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 = () => {
-
-
- MySy Training Marketing digital -
- -
-
- 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";