27/01:23 - 19h

recette2
cherif 2023-01-27 19:33:25 +01:00
parent 971c1a994e
commit 7e1c2a8bbc
5 changed files with 396 additions and 305 deletions

View File

@ -311,7 +311,9 @@ const ButtonHilight = () => {
anchorEl={CategorieMenu}
onClose={CategorieMenu_Close}
open={Boolean(CategorieMenu)}
style={{ "top": "2rem" }} >
style={{ "top": "2rem" }}
className = "ButtonHilight"
>
<MenuItem onClick={handleClassCategorie} className="mymenu_item" >
<button className='bton_menu' id="IT" >Informatique</button>
</MenuItem>

View File

@ -2475,11 +2475,11 @@ const Recherche_new_v2 = () => {
onClose={ProduitMenu_Close}
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button className='bton_menu'>Nos produits & Services </button></MenuItem>
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button className='bton_menu_v2'>Nos produits & Services </button></MenuItem>
<MenuItem onClick={handleAvis} className="mymenu_item">
<button className='bton_menu'>Blog </button>
<button className='bton_menu_v2'>Blog </button>
</MenuItem>
@ -2829,6 +2829,21 @@ const Recherche_new_v2 = () => {
</div>
</div>
</div>
<div className="nos_serv_serv1">
<div className="service1_img">
<img className="img_service" src={serv_img_market_digi} alt="MySy Training Marketing digital" />
</div>
<div className="service1_title_desc">
<div className="service1_title">
Marketing digital sur mesure
</div>
<div className="service1_desc">
Accompagnement personnalisé dans vos communications et <br /> Un ciblage efficace lors de lenvoi demailings
</div>
</div>
</div>
<div className="nos_serv_serv1">
<div className="service1_img">
@ -2851,21 +2866,7 @@ const Recherche_new_v2 = () => {
</div>
</div>
<div className="nos_serv_serv1">
<div className="service1_img">
<img className="img_service" src={serv_img_market_digi} alt="MySy Training Marketing digital" />
</div>
<div className="service1_title_desc">
<div className="service1_title">
Marketing digital sur mesure
</div>
<div className="service1_desc">
Accompagnement personnalisé dans vos communications et <br /> Un ciblage efficace lors de lenvoi demailings
</div>
</div>
</div>
</div>

View File

@ -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;
}

View File

@ -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;
}

View File

@ -61,4 +61,4 @@
@import "./components/reherche_new_v2";
@import "./components/footer_v2";
@import "./components/displaydetailclass_new_v2";
@import "./components/sedesabonner";
@import "./components/sedesabonner";