recette2
cherif 2024-09-30 12:47:24 +02:00
parent 7ccde89202
commit 4b57d4503e
9 changed files with 829 additions and 80 deletions

View File

@ -21,6 +21,8 @@ import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle';
import { format } from 'date-fns'
import moment from "moment";
const ButtonHilight = () => {
const history = useHistory();
@ -47,7 +49,7 @@ const ButtonHilight = () => {
const [userconnected, setuserconnected] = useState("0");
const [someoneconnected, setsomeoneconnected] = useState("0");
const [partnerconnected, setpartnerconnected] = useState("0");
var stored_user = getCookie('tokenmysych');
var stored_user = getCookie('tokenmysych');
var stored_part = getCookie('tokenmysypart');
function whosisconnected() {
@ -280,6 +282,11 @@ const ButtonHilight = () => {
}
function resserver_demo() {
history.push("/Partner", { mysy_arg: 'partner' });
}
const handleBlogMenu = (event) => {
history.push("/Recherche-Article-formation")
};
@ -473,10 +480,20 @@ const ButtonHilight = () => {
Qui Sommes nous ?
</div>
{/* <div className="hilight_menuPrincipal" onClick={publiecatalogue}
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
publier mes formations
</div>*/}
{<div className="hilight_menuPrincipal" onClick={(e) => {
// console.log(" oooooo ")
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
style={{ "background": "#53B7EB", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
Resa. Demo ?
</div>}
</div>

View File

@ -7,7 +7,8 @@ import bannerimg from "../mysy_img/MYSY_banner_compte.png";
import { useHistory } from "react-router-dom";
import { getCookie, removeCookie } from 'react-use-cookie';
import { useCookies } from "react-cookie";
import { format } from 'date-fns'
import moment from "moment";
import connect_white from "../mysy_img/connect_white_v2.png";
import connect_green from "../mysy_img/connect_green.png";
import Dialog from '@mui/material/Dialog';
@ -432,9 +433,18 @@ const Header = () => {
</div> */}
<div className="header_menuPrincipal" onClick={publiecatalogue}
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
publier mes formations
<div className="header_menuPrincipal" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
style={{ "background": "#53B7EB", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
Reserver une Demo
</div>
</div>
</div>

View File

@ -3,7 +3,8 @@ import { useForm } from "react-hook-form";
import axios from "axios";
import Articles from "../components/Article";
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
import { format } from 'date-fns'
import moment from "moment";
import Pagination from "./TestPagination";
import data from "./data/mock-data.json";
import { useHistory } from "react-router-dom";
@ -155,15 +156,15 @@ const RechercheArticles = (props) => {
var myurl = ""
/* if (document.getElementById("allelement").checked !== true &&
document.getElementById("SearchText").disabled !== true) {
//alert(" recherche classique laaa ");
myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_articles_avis/";
}
else if (document.getElementById("allelement").checked === true &&
document.getElementById("SearchText").disabled === true) {
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_articles_avis/";
}*/
/* if (document.getElementById("allelement").checked !== true &&
document.getElementById("SearchText").disabled !== true) {
//alert(" recherche classique laaa ");
myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_articles_avis/";
}
else if (document.getElementById("allelement").checked === true &&
document.getElementById("SearchText").disabled === true) {
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_articles_avis/";
}*/
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_articles_avis/";
axios.post(myurl, form).then(res => {
@ -208,7 +209,7 @@ const RechercheArticles = (props) => {
setdisplayAllClasses("true");
async function chloadfunction() {
document.getElementById("allelement").checked = true;
// document.getElementById("SearchText").disabled = true;
// document.getElementById("SearchText").disabled = true;
}
@ -378,7 +379,7 @@ const RechercheArticles = (props) => {
if (typeof (stored_part) != "undefined") {
const stored_cookie = getCookie('tokenmysypart');
var acces_right_token_name = stored_cookie+"_uar";
var acces_right_token_name = stored_cookie + "_uar";
setpartCookie("tokenmysypart", "", { path: '/' });
@ -426,8 +427,8 @@ const RechercheArticles = (props) => {
setproduitMenu(null);
};
function publiecatalogue(){
history.push("/Partner", {mysy_arg:'partner'});
function publiecatalogue() {
history.push("/Partner", { mysy_arg: 'partner' });
}
const handleFtionMenu = (event) => {
@ -519,7 +520,7 @@ const RechercheArticles = (props) => {
</div>}
<div className="menuPrincipal" onClick={handleQuisommesNousMenu}>
Qui Sommes nous ?
Qui Sommes nous ?
</div>
<div className="menuPrincipal" onClick={handleProduitMenu}>
@ -527,13 +528,22 @@ const RechercheArticles = (props) => {
</div>
<div className="menuPrincipal" onClick={handleFtionMenu}>
Les formations
Les formations
</div>
<div className="menuPrincipal" onClick={publiecatalogue}
style={{"background":"red", "borderRadius":"5px", "paddingLeft":"3px", "paddingRight":"3px"}}>
publier mes formations
<div className="menuPrincipal" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
Reserver une Demo
</div>
</div>
@ -547,7 +557,7 @@ const RechercheArticles = (props) => {
<form onSubmit={handleSubmit(onSubmit)} className="div_005">
<div class="form">
{/* <i class="fa fa-search"></i>
{/* <i class="fa fa-search"></i>
<input
type="text"
@ -613,7 +623,7 @@ const RechercheArticles = (props) => {
{result && myApiResponse == "True" && fin == 0 && result.slice(0, PageSize).map((article) => (
<div className="rech_list_formation2">
<Articles article={JSON.parse(article)} key={JSON.parse(article).title_formation} />
<Articles article={JSON.parse(article)} key={JSON.parse(article).title_formation} />
</div>

View File

@ -7,7 +7,8 @@ import { BsFillXCircleFill } from "react-icons/bs";
import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png";
import { format } from 'date-fns'
import moment from "moment";
import img_met_bureautic from "../mysy_img/met_burautic.jpg";
import img_met_vente from "../mysy_img/met_vente.jpg";
@ -2195,9 +2196,18 @@ const Recherche_new = () => {
Le blog
</div> */}
<div className="menuPrincipal" onClick={publiecatalogue}
<div className="menuPrincipal" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
publier mes formations
Reserver une Demo
</div>
</div>

View File

@ -32,6 +32,8 @@ import InputRange from 'react-input-range';
import 'react-input-range/lib/css/index.css';
import tick_ko from "../mysy_img/tick_KO.png";
import { format } from 'date-fns'
import moment from "moment";
import { SelectChangeEvent } from '@mui/material/Select';
import Chip from '@mui/material/Chip';
@ -53,12 +55,15 @@ import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle';
import Box from '@mui/material/Box';
import TextField from '@mui/material/TextField';
import { CiCircleRemove, CiCircleMinus } from "react-icons/ci";
let PageSize = 10;
const Recherche_new_v2 = () => {
const [email_newsletter, setemail_newsletter] = React.useState('');
const { type, categorie } = useParams();
const { NewSearchText } = useParams();
const [v11, setv11] = useState("");
@ -947,21 +952,21 @@ const Recherche_new_v2 = () => {
useEffect(() => {
/*
console.log(" zzzzzzzzzzzzzzzzzz ");
/*
console.log(" zzzzzzzzzzzzzzzzzz ");
// Verifier s'il y a un sous domaine
var tab_split_sous_domain = window.location.host.split(".");
// Verifier s'il y a un sous domaine
var tab_split_sous_domain = window.location.host.split(".");
if (tab_split_sous_domain.length > 2) {
var new_url = process.env.REACT_APP_FRONT_URL_CANONICAL_BASE + tab_split_sous_domain[0] + "." + process.env.REACT_APP_FRONT_URL_CANONICAL + "moncatalog";
window.open(String(new_url),
'_self'
);
}
if (tab_split_sous_domain.length > 2) {
var new_url = process.env.REACT_APP_FRONT_URL_CANONICAL_BASE + tab_split_sous_domain[0] + "." + process.env.REACT_APP_FRONT_URL_CANONICAL + "moncatalog";
window.open(String(new_url),
'_self'
);
}
*/
*/
var ip = "";
@ -2575,6 +2580,7 @@ const Recherche_new_v2 = () => {
}
const [Dialog_1_message, setDialog_1_message] = React.useState(false);
const [Dialog_1_open, setDialog_1_open] = React.useState(false);
function Dialog_1_handle_change_participant_session(message) {
@ -2591,6 +2597,54 @@ const Recherche_new_v2 = () => {
setDialog_1_open(false);
};
const [Update_Email_Newsletter_api, setUpdate_Email_Newsletter_api] = useState();
const [Update_Email_Newsletter_message, setUpdate_Email_Newsletter_message] = useState();
const [Update_Email_Newsletter_result, setUpdate_Email_Newsletter_result] = useState();
function Update_Email_Newsletter() {
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
var email = String(email_newsletter).toLocaleLowerCase().trim();
if (!email.match(validRegex)) {
alert("L'adresse email est invalide.");
return;
}
form.append("email", email);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Email_To_Newsletter/";
// setLoading(true);
axios.post(myurl, form).then(res => {
// setLoading(false);
//console.log(" In Update_Email_Newsletter res.data.status = " + res.data.status);
//console.log(" In Update_Email_Newsletter res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setemail_newsletter("");
alert(res.data.message);
}
else {
setUpdate_Email_Newsletter_api("false");
setUpdate_Email_Newsletter_message(res.data.message);
alert(res.data.message);
}
}).catch((error) => {
// setLoading(false);
console.warn('UpdateStagiaireData : Not good man :( Update_Email_Newsletter = ' + error);
setUpdate_Email_Newsletter_api("false");
alert(" Impossible d'inscrire l'adresse email à la newsletter ");
})
}
return (
@ -2858,9 +2912,18 @@ const Recherche_new_v2 = () => {
<div className="Menu_Header">
<nav className="header_menu cta_publication" onClick={publiecatalogue}
<nav className="header_menu cta_publication_v2" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
> publier mes formations </nav>
> Reserver une Demo </nav>
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
@ -2926,8 +2989,59 @@ const Recherche_new_v2 = () => {
<div className="title_desc_header">
<nav className="title1">Le guide des Formations &
Tutos pour tous.</nav>
<nav className="title2"> que vous soyez, trouvez la formation ou le tutoriel selon vos critères. </nav>
Tutos pour tous.
<br />
<nav className="block_newletter"> Restez informé de nos nouveautés <br />
<div className="block_newletter_email">
<Box
component="form"
sx={{ '& > :not(style)': { m: 1, width: '100%', height: "3rem", marginTop: '10px' } }}
noValidate
autoComplete="off"
>
<TextField
id="outlined-controlled"
label="Email"
value={email_newsletter}
placeholder="Filter..."
onChange={(event) => {
setemail_newsletter(event.target.value);
}}
sx={{
"& .MuiOutlinedInput-root": {
color: "#000",
fontFamily: "Arial",
fontWeight: "bold",
"& .MuiOutlinedInput-notchedOutline": {
borderColor: "#2e2e2e",
borderWidth: "2px",
},
"& .MuiInputLabel-outlined": {
color: "#2e2e2e",
fontWeight: "bold",
"&.Mui-focused": {
color: "secondary.main",
fontWeight: "bold",
},
},
},
}}
/>
</Box>
</div>
<div className="block_newletter_bton_ok">
<button className="block_newletter_bton_bton_ok" onClick={Update_Email_Newsletter}>OK</button>
</div>
</nav>
</nav>
{/* <nav className="title2"> Où que vous soyez, trouvez la formation ou le tutoriel selon vos critères. </nav>*/}
</div>
<div className="search_bar_h">

View File

@ -5,8 +5,8 @@ import Formation from "./Formation";
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
import { BsFillXCircleFill } from "react-icons/bs";
import { format } from 'date-fns'
import moment from "moment";
import Pagination from "./TestPagination";
import data from "./data/mock-data.json";
@ -2858,9 +2858,18 @@ const Recherche_new_v3 = () => {
<div className="Menu_Header">
<nav className="header_menu cta_publication" onClick={publiecatalogue}
<nav className="header_menu cta_publication" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
> publier mes formations </nav>
> Reserver une Demo </nav>
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}

View File

@ -5,8 +5,8 @@ import Formation from "./Formation";
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
import { BsFillXCircleFill } from "react-icons/bs";
import { format } from 'date-fns'
import moment from "moment";
import Pagination from "./TestPagination";
import data from "./data/mock-data.json";
@ -2870,9 +2870,18 @@ const Recherche_new_v4 = () => {
<div className="Menu_Header">
<nav className="header_menu cta_publication" onClick={publiecatalogue}
<nav className="header_menu cta_publication" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
> publier mes formations </nav>
> Reserver une Demo </nav>
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}

View File

@ -5,8 +5,8 @@ import Formation from "./Formation";
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
import { BsFillXCircleFill } from "react-icons/bs";
import { format } from 'date-fns'
import moment from "moment";
import Pagination from "./TestPagination";
import data from "./data/mock-data.json";
@ -1426,7 +1426,7 @@ const Subdomain_Recherche_new_v2 = () => {
axios.post(myurl, form).then(res => {
if (String(res.data.status) != String("false")) {
//console.log(" In test res.data.status = " + res.data.status);
// console.log(" In test res.data.message = " + res.data.message);
// console.log(" In test res.data.message = " + res.data.message);
setmyApiResponse("True");
setResult(res.data.message)
@ -2840,9 +2840,18 @@ const Subdomain_Recherche_new_v2 = () => {
<div className="Menu_Header">
<nav className="header_menu cta_publication" onClick={publiecatalogue}
<nav className="header_menu cta_publication" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
> publier mes formations </nav>
> Reserver une Demo </nav>
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}

View File

@ -2267,8 +2267,25 @@
order: 1;
flex-grow: 0;
}
.block_newletter {
display: none;
}
.block_newletter_email {
display: none;
}
.block_newletter_bton_ok {
display: none;
}
.block_newletter_bton_bton_ok {
display: none;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
/*style petites-moyennes tablettes */
@ -5184,6 +5201,112 @@
font-size: 12px;
}
.cta_publication_v2 {
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2px 2px;
gap: 5px;
width: 120px;
height: 56px;
/* Deep Blue */
background: #53B7EB;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
text-transform: uppercase;
color: white;
font-weight: normal;
font-size: 12px;
font-weight: 600;
text-decoration: none;
-webkit-animation: glowing 1500ms 4;
-moz-animation: glowing 1500ms 4;
-o-animation: glowing 1500ms 4;
animation: glowing 1500ms 4;
}
@-webkit-keyframes glowing {
0% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 3px #B20000;
}
}
@-moz-keyframes glowing {
0% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 3px #B20000;
}
}
@-o-keyframes glowing {
0% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
}
@keyframes glowing {
0% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
}
.cta_hebergement {
/* Auto layout */
@ -5238,6 +5361,7 @@
padding-left: 1rem;
}
.bton_ensavoir_plus {
border-radius: 5rem;
font-size: medium;
@ -5252,6 +5376,36 @@
cursor: pointer;
}
.block_newletter {
font-size: 18px;
font-weight: 400;
width: 100%;
line-height: 15px;
margin-top: 20px;
}
.block_newletter_email {
width: 80%;
float: left;
}
.block_newletter_bton_ok {
width: 20%;
float: left;
margin-top: 10px;
position: relative;
left: -5px;
}
.block_newletter_bton_bton_ok {
height: 3rem;
border: solid 1px black;
background: #0A043C;
color: white;
width: 80%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -8147,6 +8301,112 @@
}
.cta_publication_v2 {
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2px 2px;
gap: 10px;
width: 130px;
height: 56px;
/* Deep Blue */
background: #53B7EB;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
text-transform: uppercase;
color: white;
font-size: 12px;
font-weight: 600;
text-decoration: none;
-webkit-animation: glowing 1500ms 4;
-moz-animation: glowing 1500ms 4;
-o-animation: glowing 1500ms 4;
animation: glowing 1500ms 4;
}
@-webkit-keyframes glowing {
0% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 3px #B20000;
}
}
@-moz-keyframes glowing {
0% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 3px #B20000;
}
}
@-o-keyframes glowing {
0% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
}
@keyframes glowing {
0% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
}
.cta_hebergement {
/* Auto layout */
@ -8201,6 +8461,7 @@
padding-left: 1rem;
}
.bton_ensavoir_plus {
border-radius: 5rem;
font-size: medium;
@ -8215,6 +8476,36 @@
cursor: pointer;
}
.block_newletter {
font-size: 18px;
font-weight: 400;
width: 100%;
line-height: 15px;
margin-top: 20px;
}
.block_newletter_email {
width: 80%;
float: left;
}
.block_newletter_bton_ok {
width: 20%;
float: left;
margin-top: 10px;
position: relative;
left: -5px;
}
.block_newletter_bton_bton_ok {
height: 3rem;
border: solid 1px black;
background: #0A043C;
color: white;
width: 80%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
@ -11115,6 +11406,111 @@
font-size: 14px;
}
.cta_publication_v2 {
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 5px 5px;
gap: 10px;
width: 154px;
height: 56px;
/* Deep Blue */
background: #53B7EB;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
text-transform: uppercase;
color: white;
font-weight: normal;
font-size: 14px;
text-decoration: none;
-webkit-animation: glowing 1500ms 4;
-moz-animation: glowing 1500ms 4;
-o-animation: glowing 1500ms 4;
animation: glowing 1500ms 4;
}
@-webkit-keyframes glowing {
0% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 3px #B20000;
}
}
@-moz-keyframes glowing {
0% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 3px #B20000;
}
}
@-o-keyframes glowing {
0% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
}
@keyframes glowing {
0% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
}
.cta_hebergement {
/* Auto layout */
@ -11184,6 +11580,36 @@
cursor: pointer;
}
.block_newletter {
font-size: 18px;
font-weight: 400;
width: 100%;
line-height: 15px;
margin-top: 20px;
}
.block_newletter_email {
width: 80%;
float: left;
}
.block_newletter_bton_ok {
width: 20%;
float: left;
margin-top: 10px;
position: relative;
left: -5px;
}
.block_newletter_bton_bton_ok {
height: 3rem;
border: solid 1px black;
background: #0A043C;
color: white;
width: 80%;
}
}
@media only screen and (min-width: 1920px) {
@ -14093,6 +14519,111 @@
font-size: 14px;
}
.cta_publication_v2 {
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 5px 5px;
gap: 10px;
width: 154px;
height: 56px;
/* Deep Blue */
// background: red;
background: #53B7EB;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
text-transform: uppercase;
color: white;
font-weight: normal;
font-size: 14px;
text-decoration: none;
-webkit-animation: glowing 1500ms 4;
-moz-animation: glowing 1500ms 4;
-o-animation: glowing 1500ms 4;
animation: glowing 1500ms 4;
}
@-webkit-keyframes glowing {
0% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
-webkit-box-shadow: 0 0 3px #B20000;
}
}
@-moz-keyframes glowing {
0% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
-moz-box-shadow: 0 0 3px #B20000;
}
}
@-o-keyframes glowing {
0% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
}
@keyframes glowing {
0% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
50% {
background-color: #53B7EB;
box-shadow: 0 0 40px #FF0000;
}
100% {
background-color: #53B7EB;
box-shadow: 0 0 3px #B20000;
}
}
.cta_hebergement {
/* Auto layout */
@ -14179,6 +14710,36 @@
//background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
.block_newletter {
font-size: 18px;
font-weight: 400;
width: 100%;
line-height: 15px;
margin-top: 20px;
}
.block_newletter_email {
width: 80%;
float: left;
}
.block_newletter_bton_ok {
width: 20%;
float: left;
margin-top: 10px;
position: relative;
left: -5px;
}
.block_newletter_bton_bton_ok {
height: 3rem;
border: solid 1px black;
background: #0A043C;
color: white;
width: 80%;
}
}