recette2
cherif 2024-11-09 14:31:20 +01:00
parent 9fef8b632c
commit 36b25ef282
14 changed files with 285 additions and 360 deletions

View File

@ -22,6 +22,8 @@ const Article = (props) => {
const [title_resized, settitle_resized] = useState("") const [title_resized, settitle_resized] = useState("")
const [article_img, setarticle_img] = useState("")
useEffect(() => { useEffect(() => {
var local_title = ""; var local_title = "";
@ -35,6 +37,17 @@ const Article = (props) => {
settitle_resized(local_title); settitle_resized(local_title);
var img_article = "";
if (props.article.img_path && String(props.article.img_path).length > 10) {
img_article = String(props.article.img_path)
setarticle_img(img_article);
} else {
setarticle_img(img_met_digital);
}
window.scrollTo({ window.scrollTo({
top: 0, top: 0,
behavior: "smooth", behavior: "smooth",
@ -51,9 +64,11 @@ const Article = (props) => {
<div className="div_row_border" > <div className="div_row_border" >
<div style={{ "width": "100%", textAlign: "center" }}> <div style={{ "width": "100%", textAlign: "center" }}>
<div className="gauche_img"> <div className="gauche_img">
<img src={img_met_digital} alt="Formation gestion projets" className="img_categorie" id="projets" /> <img src={article_img} alt={props.article.title_formation} className="img_categorie" id="projets" />
</div> </div>
<div className="droite_txt"> <div className="droite_txt">
<div className="met_text" id="projets" onClick={(e) => { <div className="met_text" id="projets" onClick={(e) => {
e.preventDefault(); e.preventDefault();
@ -78,176 +93,19 @@ const Article = (props) => {
fontStyle: "italic" fontStyle: "italic"
}}> {(String(props.article.date_avis)).substring(0, 10)} </div> }}> {(String(props.article.date_avis)).substring(0, 10)} </div>
<div className="lire_plus" onClick={(e) => { <div className="grid8p" onClick={(e) => {
e.preventDefault(); e.preventDefault();
window.location.href = "/Display-Detail-Article/" + props.article.internal_url window.location.href = "/Display-Detail-Article/" + props.article.internal_url
}}> Lire plus </div> }}> En savoir plus &rsaquo; </div>
{/*<p className="met_text_detail" >
<div className="art_criteres">
&nbsp; </div>
<div className="art_criteres_value_left">
&nbsp;
</div>
<div className="art_criteres_value_right">
{(String(props.article.date_avis)).substring(0, 10)}
</div> </div>
<div style={{ width: "100%"}}>
<div style={{
"cursor": "pointer", width: "80%", marginLeft: "10%", textAlign: 'left',
border: "1px solid #d5d8dc"
}}> Lire plus </div>
</div> </div>
</p>*/}
</div> </div>
</div> </div>
</div>
{/* <div className="div_row_droite" onClick={(e) => {
e.preventDefault();
window.location.href = "/Display-Detail-Article/" + props.article.internal_url
}}>
<div style={{ "width": "100%", "height": "8rem" }}>
<div style={{ "width": "30%", "float": "left" }}>
<img src={img_met_digital} alt="Formation gestion projets" className="img_categorie" id="projets" />
</div>
<div style={{ "width": "70%", "float": "right" }}>
<p className="met_text" id="projets" >{props.article.title_formation} </p>
<p className="met_text_detail" >
<div className="art_criteres">
Avis :
</div>
<div className="art_criteres_value">
{parse(String(props.article.avis))}
</div>
</p>
<p className="met_text_detail" >
<div className="art_criteres">
Note :</div>
<div className="art_criteres_value">
<Rating onClick={handleRating}
ratingValue={rating}
readonly={true}
size={20} />
</div>
</p>
</div>
</div>
</div> */}
</div>
{/* <div className="forma_rightbox" onClick={(e) => {
e.preventDefault();
window.location.href = "/Display-Detail-Article/" + props.article.internal_url
}}>
<div className="p_forma">
<div>
<div style={{ 'float': "left", "width": "50%", marginBottom: '0.1rem', textAlign:'justify' }}>
<b>{props.article.title_formation} </b><br />
</div>
<div style={{ 'float': "left", "width": "20%", marginBottom: '0.1rem', textAlign:'center',
marginLeft:'auto', marginRight:'auto', fontWeight:'bolder', }}>
{(props.article).note}
{props.article.note > "4" &&
<img class="img_note_class" src={happyimg} align="right" alt="MySy Training profile image" />
}
{props.article.note <= "2" &&
<img class="img_note_class" src={unhappyimg} align="right" alt="MySy Training profile image" />
}
{props.article.note > "2" && props.article.note <= "4" &&
<img class="img_note_class" src={middleimg} align="right" alt="MySy Training profile image" />
}
</div>
<div style={{ 'float': "right", "width": "30%", marginBottom: '0.1rem', textAlign: "right", paddingRight: "0.3rem" }}>
{(String(props.article.date_avis)).substring(0, 10)} <br />
</div>
</div>
<div style={{ 'float': "left", "width": "98%", marginBottom: '0.1rem', textAlign:'justify' }}>
{parse(String(props.article.avis))} <br />
</div>
</div>
<div style={{ "width": "100%", "margin-top": "0.2rem" }}>
<div style={{ 'float': "right", "width": "30%", textAlign: "right", marginTop: "0.6rem", }}>
<Button variant="contained" color="success"
style={{
'borderRadius': "10rem", "width": "100%",
"width": "60% !important", background: "#104277"
}}
onClick={(e) => {
e.preventDefault();
window.location.href = "/Display-Detail-Article/" + props.article.internal_url
}}
>Voir detail</Button>
</div>
<div style={{ 'float': "left", "width": "30%", marginTop: "0.6rem", }}>
<div className="media_sociaux">
<FacebookShareButton
url={"https://www.mysy-training.com/Display-Detail-Article/" + props.article.internal_url}
quote={props.article.title_formation + " -- " + props.article.avis}
hashtag={"#MySyTraining"}
>
<SocialIcon network="facebook" className="SocialIcon" />
</FacebookShareButton>
&nbsp;
<TwitterShareButton
url={"https://www.mysy-training.com/Display-Detail-Article/" + props.article.internal_url}
hashtag={"#MySyTraining"}
>
<SocialIcon network="twitter" className="SocialIcon" />
</TwitterShareButton>
&nbsp;
<LinkedinShareButton
url={"https://www.mysy-training.com/Display-Detail-Article/" + props.article.internal_url}
title={" Un avis sur : " + props.article.title_formation}
summary={props.article.title_formation + " -- " + props.article.avis}
source={"https://www.mysy-training.com/"}
>
<SocialIcon network="linkedin" className="SocialIcon" />
</LinkedinShareButton>
</div>
</div>
</div>
</div>*/}
</div> </div>
) )
} }

View File

@ -601,9 +601,13 @@ const ButtonHilight = () => {
</Dialog> </Dialog>
<Helmet> <Helmet>
<title>Compte utilisateur</title>
<meta name="description" content="Compte utilisateur formation" />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<meta name="description" content="Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser laudit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé" />
<meta name="robots" content="index,follow" />
<meta name="title" content="Formations.Gestion administrative.E-Learning.CRM" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/qui-sommes-nous"} />
</Helmet> </Helmet>
<Menu <Menu

View File

@ -131,7 +131,6 @@ const ContactForm = () => {
<Helmet> <Helmet>
<title>MySy Training, contactez-nous</title> <title>MySy Training, contactez-nous</title>
<meta name="description" content="Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser laudit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé. Nous sommes les moins cher du marché. Nous automatisons vos process : inscription, évaluation, émargement (qr-code), QUALIOPI, Personnalisation des documents, Gestion formateurs, Catalogue personnalisé, bilan pédagogique et financier (PBF). Nos options comme la signature électronique sont inclus dans le tarif de base." /> <meta name="description" content="Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser laudit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé. Nous sommes les moins cher du marché. Nous automatisons vos process : inscription, évaluation, émargement (qr-code), QUALIOPI, Personnalisation des documents, Gestion formateurs, Catalogue personnalisé, bilan pédagogique et financier (PBF). Nos options comme la signature électronique sont inclus dans le tarif de base." />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<meta name="title" content="MySy Training, contactez-nous" /> <meta name="title" content="MySy Training, contactez-nous" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/ContactezNous"} /> <link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/ContactezNous"} />

View File

@ -257,11 +257,11 @@ const DisplayDetailArticle_new_v2 = (props) => {
const [pagecanoniktitle, setpagecanoniktitle] = useState(""); const [pagecanoniktitle, setpagecanoniktitle] = useState("");
const [pagecanonikurl, setpagecanonikurl] = useState(window.location.host); const [pagecanonikurl, setpagecanonikurl] = useState(window.location.host);
const [article_img, setarticle_img] = useState("")
useEffect(() => { useEffect(() => {
console.log(" ### murl = ", window.location.host);
setpagecanonikurl(window.location.host); setpagecanonikurl(window.location.host);
async function fetchData() { async function fetchData() {
@ -284,6 +284,8 @@ const DisplayDetailArticle_new_v2 = (props) => {
Get_3_Articles(); Get_3_Articles();
//alert("stored_user = "+stored_user); //alert("stored_user = "+stored_user);
if (typeof (articleId) === "undefined") { if (typeof (articleId) === "undefined") {
setaction("creation"); setaction("creation");
@ -350,6 +352,13 @@ const DisplayDetailArticle_new_v2 = (props) => {
console.log(process.env.REACT_APP_BASE_URL+"/"+my_avis.internal_url); console.log(process.env.REACT_APP_BASE_URL+"/"+my_avis.internal_url);
} }
if (my_avis && my_avis.img_path && String(my_avis.img_path).length > 10) {
setarticle_img(my_avis.img_path);
} else {
setarticle_img(img_met_digital);
}
// console.log(" ### my_avis.display_header_img = ", my_avis.display_header_img); // console.log(" ### my_avis.display_header_img = ", my_avis.display_header_img);
} }
else { else {
@ -983,7 +992,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
*/} */}
{String(display_header_img) !== "0" && <div style={{ "width": "100%", "height": "15rem", textAlign: "center" }}> {String(display_header_img) !== "0" && <div style={{ "width": "100%", "height": "15rem", textAlign: "center" }}>
<img src={img_met_digital} alt="Formation gestion projets" className="img_photo" id="projets" /> <img src={article_img} alt={pagecanoniktitle} className="img_photo" id="projets" />
</div>} </div>}
<div className="avis"> <div className="avis">

View File

@ -267,7 +267,7 @@ const Fonctionnalites_V1 = () => {
</div> </div>
<div className="div_block_fonction_detail_img"> <div className="div_block_fonction_detail_img">
<img src={img_inscription} alt=" Gestion des inscriptions" className="div_block_fonction_detail_img_inside" /> <img src={img_inscription} alt=" Gestion des inscriptions, Préinscription, Annulation avec motif" className="div_block_fonction_detail_img_inside" />
</div> </div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3"> <div className="div_block_fonction_detail_desc detail_content_text_head_3">
@ -288,7 +288,7 @@ const Fonctionnalites_V1 = () => {
</div> </div>
<div className="div_block_fonction_detail_img"> <div className="div_block_fonction_detail_img">
<img src={img_emargement} alt=" Gestion des Émargements" className="div_block_fonction_detail_img_inside" /> <img src={img_emargement} alt=" Gestion des Émargements, Par QR code, A distance par email, Signature main levée" className="div_block_fonction_detail_img_inside" />
</div> </div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3"> <div className="div_block_fonction_detail_desc detail_content_text_head_3">

View File

@ -174,8 +174,8 @@ const RechercheArticles_new_v2 = (props) => {
axios.post(myurl, form).then(res => { axios.post(myurl, form).then(res => {
if (String(res.data.status) != String("false")) { if (String(res.data.status) != String("false")) {
//console.log(" In test res.data.status = " + res.data.status); //console.log(" In searchFunction res.data.status = " + res.data.status);
//console.log(" In test res.data.message = " + res.data.message); console.log(" In searchFunction res.data.message = " + res.data.message);
setsearchFunction_api(res.data.status); setsearchFunction_api(res.data.status);
setsearchFunction_result(res.data.message); setsearchFunction_result(res.data.message);
setmyApiResponse("True"); setmyApiResponse("True");
@ -449,9 +449,15 @@ const RechercheArticles_new_v2 = (props) => {
<div style={{ width: "100%", float: "left" }}> <div style={{ width: "100%", float: "left" }}>
<div className="recherchearticles_new_v2_style"> <div className="recherchearticles_new_v2_style">
<Helmet> <Helmet>
<title>Recherche articles formation</title>
<meta name="description" content="Liste des articles sur les formations" />
<title>Le blog, liste des artickes</title>
<meta name="description" content="Le blog, liste des artickes. Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser laudit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé. Nous sommes les moins cher du marché. Nous automatisons vos process : inscription, évaluation, émargement (qr-code), QUALIOPI, Personnalisation des documents, Gestion formateurs, Catalogue personnalisé, bilan pédagogique et financier (PBF). Nos options comme la signature électronique sont inclus dans le tarif de base." />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<meta name="title" content="MySy Training, contactez-nous" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/Recherche-Article-formation"} />
</Helmet> </Helmet>
<Header /> <Header />
@ -466,7 +472,7 @@ const RechercheArticles_new_v2 = (props) => {
<div className="besoin_aide"> <div className="besoin_aide">
Puis-je vous aider ? Restez informé. Quelques articles pour vous.
<div className="detail_text_aide"> <div className="detail_text_aide">
&nbsp; &nbsp;
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 334 KiB

BIN
src/mysy_img/blog_img4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

View File

@ -87,8 +87,7 @@
.img_categorie { .img_categorie {
width: 100%; width: 100%;
border-top-right-radius: 12px; border-radius: 16px 16px 0 0 !important;
border-radius: 12px;
padding: 5px; padding: 5px;
} }
@ -148,12 +147,12 @@
.art_criteres_value { .art_criteres_value {
width: 100%; width: 100%;
float: left; float: left;
text-align: left;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: justify; text-align: left;
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
height: 12rem; //height: 20rem;
line-height: 25px; line-height: 30px;
font-size: 14px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -171,7 +170,8 @@
} }
.gauche_img { .gauche_img {
display: none; width: 100%;
float: left;
} }
.droite_txt { .droite_txt {
@ -183,14 +183,15 @@
.div_row_border { .div_row_border {
float: left; float: left;
border: 1px solid #d5d8dc; // border: 1px solid #d5d8dc;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
text-align: left; text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif; font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small; font-size: small;
margin-bottom: 5px; margin-bottom: 15px;
background: #FFF;
// padding: 5px; // padding: 5px;
// margin-right: 5px; // margin-right: 5px;
//cursor: pointer; //cursor: pointer;
@ -287,8 +288,7 @@
.img_categorie { .img_categorie {
width: 100%; width: 100%;
border-top-right-radius: 12px; border-radius: 16px 16px 0 0 !important;
border-radius: 12px;
padding: 5px; padding: 5px;
} }
@ -330,7 +330,7 @@
text-align: left; text-align: left;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; // margin-bottom: 1rem;
} }
.art_criteres { .art_criteres {
@ -348,12 +348,12 @@
.art_criteres_value { .art_criteres_value {
width: 100%; width: 100%;
float: left; float: left;
text-align: left;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: left;
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
height: 19.5rem; height: 20rem;
line-height: 25px; line-height: 30px;
font-size: 14px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -379,19 +379,19 @@
width: 100%; width: 100%;
float: right; float: right;
padding: 5px; padding: 5px;
height: 35rem; height: 38rem;
} }
.div_row_border { .div_row_border {
float: left; float: left;
border: 1px solid #d5d8dc; // border: 1px solid #d5d8dc;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
text-align: left; text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif; font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small; font-size: small;
margin-bottom: 5px; margin-bottom: 25px;
padding: 5px; padding: 5px;
margin-right: 5px; margin-right: 5px;
//cursor: pointer; //cursor: pointer;
@ -447,14 +447,14 @@
.div_row_border { .div_row_border {
float: left; float: left;
border: 1px solid #d5d8dc; // border: 1px solid #d5d8dc;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
text-align: left; text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif; font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small; font-size: small;
margin-bottom: 5px; margin-bottom: 25px;
padding: 5px; padding: 5px;
margin-right: 5px; margin-right: 5px;
// cursor: pointer; // cursor: pointer;
@ -502,8 +502,7 @@
.img_categorie { .img_categorie {
width: 100%; width: 100%;
border-top-right-radius: 12px; border-radius: 16px 16px 0 0 !important;
border-radius: 12px;
padding: 5px; padding: 5px;
} }
@ -545,7 +544,7 @@
text-align: left; text-align: left;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; // margin-bottom: 1rem;
} }
.art_criteres { .art_criteres {
@ -563,12 +562,12 @@
.art_criteres_value { .art_criteres_value {
width: 100%; width: 100%;
float: left; float: left;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: left; text-align: left;
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
height: 15rem; height: 20rem;
line-height: 25px; line-height: 28px;
font-size: 14px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -594,7 +593,7 @@
width: 100%; width: 100%;
float: right; float: right;
padding: 5px; padding: 5px;
height: 30rem; height: 33rem;
} }
} }
@ -646,14 +645,14 @@
.div_row_border { .div_row_border {
float: left; float: left;
border: 1px solid #d5d8dc; // border: 1px solid #d5d8dc;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
text-align: left; text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif; font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small; font-size: small;
margin-bottom: 5px; margin-bottom: 25px;
padding: 5px; padding: 5px;
margin-right: 5px; margin-right: 5px;
//cursor: pointer; //cursor: pointer;
@ -702,8 +701,7 @@
.img_categorie { .img_categorie {
width: 100%; width: 100%;
border-top-right-radius: 12px; border-radius: 16px 16px 0 0 !important;
border-radius: 12px;
padding: 5px; padding: 5px;
height: 15rem; height: 15rem;
} }
@ -748,10 +746,10 @@
text-align: left; text-align: left;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; // margin-bottom: 1rem;
width: 100%; width: 100%;
float: left; float: left;
height: 12rem; //height: 14rem;
} }
.art_criteres { .art_criteres {
@ -775,6 +773,8 @@
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
line-height: 25px; line-height: 25px;
height: 15rem; height: 15rem;
line-height: 30px;
font-size: 14px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -800,7 +800,9 @@
width: 100%; width: 100%;
float: right; float: right;
padding: 5px; padding: 5px;
height: 25rem; height: 28rem;
padding-left: 1rem;
padding-right: 1rem;
} }
} }
@ -828,3 +830,23 @@
// end media // end media
} }
.grid8p {
font-family: Roboto, sans-serif;
color: #005e5d;
font-size: 1rem;
line-height: 1.5rem;
width: 100%;
text-align: left;
padding-right: 10px;
float: left;
height: 2rem;
font-style: italic;
cursor: pointer;
}
.grid8p:hover {
font-style: italic;
letter-spacing: 1px;
}

View File

@ -390,7 +390,7 @@
/* or 167% */ /* or 167% */
/* Bold Grey */ /* Bold Grey */
color: #4B4B4B; color: #000;
/* Inside auto layout */ /* Inside auto layout */
@ -894,7 +894,7 @@
/* or 167% */ /* or 167% */
/* Bold Grey */ /* Bold Grey */
color: #4B4B4B; color: #000;
/* Inside auto layout */ /* Inside auto layout */
@ -1347,7 +1347,7 @@
/* or 167% */ /* or 167% */
/* Bold Grey */ /* Bold Grey */
color: #4B4B4B; color: #000;
/* Inside auto layout */ /* Inside auto layout */
@ -1624,12 +1624,11 @@
/* Title */ /* Title */
.Title { .Title {
padding: 0px; margin: auto;
width: 100%;
padding: 10px;
max-width: 1400px !important;
height: 80px; height: 80px;
left: 549px;
margin-top: 20px;
width: 70%;
margin-left: 15%;
} }
@ -1653,7 +1652,7 @@
font-family: "Albert Sans"; font-family: "Albert Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 00;
font-size: 50px; font-size: 50px;
line-height: 60px; line-height: 60px;
text-align: center; text-align: center;
@ -1784,7 +1783,7 @@
/* or 167% */ /* or 167% */
/* Bold Grey */ /* Bold Grey */
color: #4B4B4B; color: #000;
/* Inside auto layout */ /* Inside auto layout */
@ -1799,9 +1798,9 @@
.block_centrer { .block_centrer {
margin: auto; margin: auto;
width: 70%; width: 100%;
//border: 3px solid #73AD21;
padding: 10px; padding: 10px;
max-width: 1400px !important;
} }
.titre_possible_interet { .titre_possible_interet {
@ -1844,6 +1843,12 @@
// end media // end media
.img_photo{
height: 100%;
width: 100%;
}
.retour_list_articles { .retour_list_articles {
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;

View File

@ -209,6 +209,7 @@
border-bottom-style: solid; border-bottom-style: solid;
padding: 1rem; padding: 1rem;
} }
.div_row { .div_row {
width: 100%; width: 100%;
float: left; float: left;
@ -219,7 +220,7 @@
.Background-header { .Background-header {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 190px; height: 7rem;
left: 0px; left: 0px;
background: #FFFAED; background: #FFFAED;
@ -254,6 +255,8 @@
.block_centrer { .block_centrer {
margin: auto; margin: auto;
width: 100%; width: 100%;
float: left;
margin-top: 2rem;
// border: 3px solid #73AD21; // border: 3px solid #73AD21;
padding: 10px; padding: 10px;
} }
@ -265,9 +268,9 @@
font-family: "Albert Sans"; font-family: "Albert Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 500;
font-size: 30px; font-size: 30px;
line-height: 40px; line-height: 30px;
text-align: center; text-align: center;
letter-spacing: -1px; letter-spacing: -1px;
color: #20BFA9; color: #20BFA9;
@ -295,6 +298,8 @@
text-align: center; text-align: center;
color: #0A043C; color: #0A043C;
margin-top: 1rem; margin-top: 1rem;
display: none;
} }
.aricles_a_la_une { .aricles_a_la_une {
@ -335,8 +340,12 @@
float: left; float: left;
// margin-right: 5px; // margin-right: 5px;
} }
.block_entete { .block_entete {
height: 15rem; height: 5rem;
float: left;
margin-top: 5rem;
width: 100%;
float: left; float: left;
} }
} }
@ -607,6 +616,7 @@
border-bottom-style: solid; border-bottom-style: solid;
padding: 1rem; padding: 1rem;
} }
.div_row { .div_row {
width: 100%; width: 100%;
float: left; float: left;
@ -617,7 +627,7 @@
.Background-header { .Background-header {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 190px; height: 100px;
left: 0px; left: 0px;
background: #FFFAED; background: #FFFAED;
@ -663,9 +673,9 @@
font-family: "Albert Sans"; font-family: "Albert Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 500;
font-size: 30px; font-size: 30px;
line-height: 40px; line-height: 30px;
text-align: center; text-align: center;
letter-spacing: -1px; letter-spacing: -1px;
color: #20BFA9; color: #20BFA9;
@ -692,6 +702,8 @@
text-align: center; text-align: center;
color: #0A043C; color: #0A043C;
margin-top: 1rem; margin-top: 1rem;
display: none;
} }
.aricles_a_la_une { .aricles_a_la_une {
@ -726,15 +738,18 @@
float: left; float: left;
padding: 5px; padding: 5px;
} }
.block_article { .block_article {
width: 32%; width: 32%;
float: left; float: left;
margin-right: 5px; margin-right: 5px;
} }
.block_entete { .block_entete {
height: 15rem; height: 8rem;
float: left; float: left;
} } }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
.rech_middlebox { .rech_middlebox {
@ -951,6 +966,7 @@
border-bottom-style: solid; border-bottom-style: solid;
padding: 1rem; padding: 1rem;
} }
.div_row { .div_row {
width: 100%; width: 100%;
float: left; float: left;
@ -961,7 +977,7 @@
.Background-header { .Background-header {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 190px; height: 100px;
left: 0px; left: 0px;
background: #FFFAED; background: #FFFAED;
@ -1007,9 +1023,9 @@
font-family: "Albert Sans"; font-family: "Albert Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 500;
font-size: 40px; font-size: 40px;
line-height: 50px; line-height: 30px;
text-align: center; text-align: center;
letter-spacing: -1px; letter-spacing: -1px;
color: #20BFA9; color: #20BFA9;
@ -1036,6 +1052,8 @@
text-align: center; text-align: center;
color: #0A043C; color: #0A043C;
// margin-top: 2rem; // margin-top: 2rem;
display: none;
} }
.aricles_a_la_une { .aricles_a_la_une {
@ -1070,13 +1088,15 @@
float: left; float: left;
padding: 5px; padding: 5px;
} }
.block_article { .block_article {
width: 32%; width: 32%;
float: left; float: left;
margin-right: 5px; margin-right: 5px;
} }
.block_entete { .block_entete {
height: 15rem; height: 8rem;
float: left; float: left;
} }
} }
@ -1293,7 +1313,7 @@
.Background-header { .Background-header {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 280px; height: 150px;
left: 0px; left: 0px;
background: #FFFAED; background: #FFFAED;
@ -1327,9 +1347,9 @@
.block_centrer { .block_centrer {
margin: auto; margin: auto;
width: 70%; width: 100%;
// border: 3px solid #73AD21;
padding: 10px; padding: 10px;
max-width: 1400px !important;
} }
@ -1339,8 +1359,8 @@
font-family: "Albert Sans"; font-family: "Albert Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 500;
font-size: 50px; font-size: 40px;
line-height: 60px; line-height: 60px;
text-align: center; text-align: center;
letter-spacing: -1px; letter-spacing: -1px;
@ -1368,6 +1388,8 @@
text-align: center; text-align: center;
color: #0A043C; color: #0A043C;
margin-top: 2rem; margin-top: 2rem;
display: none;
} }
.aricles_a_la_une { .aricles_a_la_une {
@ -1410,7 +1432,7 @@
} }
.block_entete { .block_entete {
height: 20rem; height: 10rem;
float: left; float: left;
} }
} }