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 [article_img, setarticle_img] = useState("")
useEffect(() => {
var local_title = "";
@ -35,6 +37,17 @@ const Article = (props) => {
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({
top: 0,
behavior: "smooth",
@ -51,9 +64,11 @@ const Article = (props) => {
<div className="div_row_border" >
<div style={{ "width": "100%", textAlign: "center" }}>
<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 className="droite_txt">
<div className="met_text" id="projets" onClick={(e) => {
e.preventDefault();
@ -78,176 +93,19 @@ const Article = (props) => {
fontStyle: "italic"
}}> {(String(props.article.date_avis)).substring(0, 10)} </div>
<div className="lire_plus" onClick={(e) => {
<div className="grid8p" onClick={(e) => {
e.preventDefault();
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 style={{ width: "100%"}}>
<div style={{
"cursor": "pointer", width: "80%", marginLeft: "10%", textAlign: 'left',
border: "1px solid #d5d8dc"
}}> Lire plus </div>
</div>
</p>*/}
</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>
)
}

View File

@ -601,9 +601,13 @@ const ButtonHilight = () => {
</Dialog>
<Helmet>
<title>Compte utilisateur</title>
<meta name="description" content="Compte utilisateur formation" />
<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>
<Menu
@ -749,7 +753,7 @@ const ButtonHilight = () => {
</div>
<div className="hilight_menuPrincipal" onClick={handleProduitService}>
Tarifs
Tarifs
</div>
@ -761,7 +765,7 @@ const ButtonHilight = () => {
<div className="hilight_menuPrincipal" onClick={handleQuisommesNousMenu}>
A propos
</div>
</div>

View File

@ -131,7 +131,6 @@ const ContactForm = () => {
<Helmet>
<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="robots" content="index,follow" />
<meta name="title" content="MySy Training, contactez-nous" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/ContactezNous"} />

View File

@ -41,7 +41,7 @@ import { getCookie, removeCookie } from 'react-use-cookie';
import MenuItem from "@material-ui/core/MenuItem";
import Menu from "@material-ui/core/Menu";
import { useLocation } from "react-router-dom";
@ -257,11 +257,11 @@ const DisplayDetailArticle_new_v2 = (props) => {
const [pagecanoniktitle, setpagecanoniktitle] = useState("");
const [pagecanonikurl, setpagecanonikurl] = useState(window.location.host);
const [article_img, setarticle_img] = useState("")
useEffect(() => {
console.log(" ### murl = ", window.location.host);
setpagecanonikurl(window.location.host);
async function fetchData() {
@ -283,6 +283,8 @@ const DisplayDetailArticle_new_v2 = (props) => {
// Display_article_comment();
Get_3_Articles();
//alert("stored_user = "+stored_user);
if (typeof (articleId) === "undefined") {
@ -350,6 +352,13 @@ const DisplayDetailArticle_new_v2 = (props) => {
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);
}
else {
@ -983,7 +992,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
*/}
{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 className="avis">

View File

@ -267,7 +267,7 @@ const Fonctionnalites_V1 = () => {
</div>
<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 className="div_block_fonction_detail_desc detail_content_text_head_3">
@ -288,7 +288,7 @@ const Fonctionnalites_V1 = () => {
</div>
<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 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 => {
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 searchFunction res.data.status = " + res.data.status);
console.log(" In searchFunction res.data.message = " + res.data.message);
setsearchFunction_api(res.data.status);
setsearchFunction_result(res.data.message);
setmyApiResponse("True");
@ -449,9 +449,15 @@ const RechercheArticles_new_v2 = (props) => {
<div style={{ width: "100%", float: "left" }}>
<div className="recherchearticles_new_v2_style">
<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="title" content="MySy Training, contactez-nous" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/Recherche-Article-formation"} />
</Helmet>
<Header />
@ -466,7 +472,7 @@ const RechercheArticles_new_v2 = (props) => {
<div className="besoin_aide">
Puis-je vous aider ?
Restez informé. Quelques articles pour vous.
<div className="detail_text_aide">
&nbsp;
</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 {
width: 100%;
border-top-right-radius: 12px;
border-radius: 12px;
border-radius: 16px 16px 0 0 !important;
padding: 5px;
}
@ -148,12 +147,12 @@
.art_criteres_value {
width: 100%;
float: left;
text-align: left;
margin-bottom: 0.5rem;
text-align: justify;
text-align: left;
font-family: Verdana, Georgia, Arial;
height: 12rem;
line-height: 25px;
//height: 20rem;
line-height: 30px;
font-size: 14px;
}
.art_criteres_value_left {
@ -171,7 +170,8 @@
}
.gauche_img {
display: none;
width: 100%;
float: left;
}
.droite_txt {
@ -183,14 +183,15 @@
.div_row_border {
float: left;
border: 1px solid #d5d8dc;
// border: 1px solid #d5d8dc;
border-width: 0.01rem;
width: 100%;
border-radius: 5px;
text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-bottom: 5px;
margin-bottom: 15px;
background: #FFF;
// padding: 5px;
// margin-right: 5px;
//cursor: pointer;
@ -287,8 +288,7 @@
.img_categorie {
width: 100%;
border-top-right-radius: 12px;
border-radius: 12px;
border-radius: 16px 16px 0 0 !important;
padding: 5px;
}
@ -330,7 +330,7 @@
text-align: left;
margin-top: 1rem;
margin-bottom: 1rem;
// margin-bottom: 1rem;
}
.art_criteres {
@ -348,12 +348,12 @@
.art_criteres_value {
width: 100%;
float: left;
text-align: left;
margin-bottom: 0.5rem;
text-align: left;
font-family: Verdana, Georgia, Arial;
height: 19.5rem;
line-height: 25px;
height: 20rem;
line-height: 30px;
font-size: 14px;
}
.art_criteres_value_left {
@ -379,19 +379,19 @@
width: 100%;
float: right;
padding: 5px;
height: 35rem;
height: 38rem;
}
.div_row_border {
float: left;
border: 1px solid #d5d8dc;
// border: 1px solid #d5d8dc;
border-width: 0.01rem;
width: 100%;
border-radius: 5px;
text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-bottom: 5px;
margin-bottom: 25px;
padding: 5px;
margin-right: 5px;
//cursor: pointer;
@ -447,14 +447,14 @@
.div_row_border {
float: left;
border: 1px solid #d5d8dc;
// border: 1px solid #d5d8dc;
border-width: 0.01rem;
width: 100%;
border-radius: 5px;
text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-bottom: 5px;
margin-bottom: 25px;
padding: 5px;
margin-right: 5px;
// cursor: pointer;
@ -502,8 +502,7 @@
.img_categorie {
width: 100%;
border-top-right-radius: 12px;
border-radius: 12px;
border-radius: 16px 16px 0 0 !important;
padding: 5px;
}
@ -545,7 +544,7 @@
text-align: left;
margin-top: 1rem;
margin-bottom: 1rem;
// margin-bottom: 1rem;
}
.art_criteres {
@ -563,12 +562,12 @@
.art_criteres_value {
width: 100%;
float: left;
margin-bottom: 0.5rem;
text-align: left;
font-family: Verdana, Georgia, Arial;
height: 15rem;
line-height: 25px;
height: 20rem;
line-height: 28px;
font-size: 14px;
}
.art_criteres_value_left {
@ -594,7 +593,7 @@
width: 100%;
float: right;
padding: 5px;
height: 30rem;
height: 33rem;
}
}
@ -646,14 +645,14 @@
.div_row_border {
float: left;
border: 1px solid #d5d8dc;
// border: 1px solid #d5d8dc;
border-width: 0.01rem;
width: 100%;
border-radius: 5px;
text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-bottom: 5px;
margin-bottom: 25px;
padding: 5px;
margin-right: 5px;
//cursor: pointer;
@ -702,8 +701,7 @@
.img_categorie {
width: 100%;
border-top-right-radius: 12px;
border-radius: 12px;
border-radius: 16px 16px 0 0 !important;
padding: 5px;
height: 15rem;
}
@ -748,10 +746,10 @@
text-align: left;
margin-top: 1rem;
margin-bottom: 1rem;
// margin-bottom: 1rem;
width: 100%;
float: left;
height: 12rem;
//height: 14rem;
}
.art_criteres {
@ -775,6 +773,8 @@
font-family: Verdana, Georgia, Arial;
line-height: 25px;
height: 15rem;
line-height: 30px;
font-size: 14px;
}
.art_criteres_value_left {
@ -800,7 +800,9 @@
width: 100%;
float: right;
padding: 5px;
height: 25rem;
height: 28rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
@ -827,4 +829,24 @@
// 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% */
/* Bold Grey */
color: #4B4B4B;
color: #000;
/* Inside auto layout */
@ -894,7 +894,7 @@
/* or 167% */
/* Bold Grey */
color: #4B4B4B;
color: #000;
/* Inside auto layout */
@ -1347,7 +1347,7 @@
/* or 167% */
/* Bold Grey */
color: #4B4B4B;
color: #000;
/* Inside auto layout */
@ -1624,12 +1624,11 @@
/* Title */
.Title {
padding: 0px;
margin: auto;
width: 100%;
padding: 10px;
max-width: 1400px !important;
height: 80px;
left: 549px;
margin-top: 20px;
width: 70%;
margin-left: 15%;
}
@ -1653,7 +1652,7 @@
font-family: "Albert Sans";
font-style: normal;
font-weight: 700;
font-weight: 00;
font-size: 50px;
line-height: 60px;
text-align: center;
@ -1784,7 +1783,7 @@
/* or 167% */
/* Bold Grey */
color: #4B4B4B;
color: #000;
/* Inside auto layout */
@ -1799,9 +1798,9 @@
.block_centrer {
margin: auto;
width: 70%;
//border: 3px solid #73AD21;
width: 100%;
padding: 10px;
max-width: 1400px !important;
}
.titre_possible_interet {
@ -1841,9 +1840,15 @@
}
}
// end media
.img_photo{
height: 100%;
width: 100%;
}
.retour_list_articles {
cursor: pointer;
width: 100%;

View File

@ -81,7 +81,7 @@
width: 100%;
margin-bottom: 0.1rem;
//border-radius: 1rem;
// position: fixed;
// position: fixed;
z-index: 10;
top: 0px;
}
@ -108,7 +108,7 @@
}
.div_mobile {
// position: relative;
// position: relative;
//border:1px solid black;
//border-width: 0.01rem;
//background-color: #e6ebe2;
@ -116,9 +116,9 @@
z-index: 1;
width: 100%;
height: 100%;
// margin: 0.3rem;
// margin-left: auto;
// margin-right: auto;
// margin: 0.3rem;
// margin-left: auto;
// margin-right: auto;
}
.pieddepage {
@ -209,24 +209,25 @@
border-bottom-style: solid;
padding: 1rem;
}
.div_row {
width: 100%;
float: left;
}
// end media
.Background-header {
position: absolute;
width: 100%;
height: 190px;
height: 7rem;
left: 0px;
background: #FFFAED;
}
/* Title */
.Title {
padding: 0px;
height: 40px;
@ -235,10 +236,10 @@
width: 90%;
margin-left: 5%;
}
/* Support */
.Support {
height: 20px;
font-family: "Albert Sans";
@ -250,30 +251,32 @@
text-transform: uppercase;
color: #0A043C;
}
.block_centrer {
margin: auto;
width: 100%;
// border: 3px solid #73AD21;
float: left;
margin-top: 2rem;
// border: 3px solid #73AD21;
padding: 10px;
}
.besoin_aide {
width: 100%;
font-family: "Albert Sans";
font-style: normal;
font-weight: 700;
font-weight: 500;
font-size: 30px;
line-height: 40px;
line-height: 30px;
text-align: center;
letter-spacing: -1px;
color: #20BFA9;
}
.detail_text_aide {
height: 44px;
font-family: Verdana, Georgia, Arial;
@ -284,7 +287,7 @@
text-align: center;
color: #0A043C;
}
.barre_recherche {
height: 44px;
font-family: Verdana, Georgia, Arial;
@ -295,8 +298,10 @@
text-align: center;
color: #0A043C;
margin-top: 1rem;
display: none;
}
.aricles_a_la_une {
width: 95%;
margin-left: 5%;
@ -305,40 +310,44 @@
padding: 10px;
min-height: 20rem;
}
.liste_articles {
width: 100%;
float: left;
//border: solid 1px;
// padding: 10px;
// padding: 10px;
}
.hr_break {
border: 5px solid grey;
}
.img_article {
width: 40%;
float: left;
padding: 5px;
}
.desc_article {
width: 58%;
float: left;
// padding: 5px;
// padding: 5px;
}
.block_article{
.block_article {
width: 100%;
float: left;
// margin-right: 5px;
// margin-right: 5px;
}
.block_entete{
height: 15rem;
.block_entete {
height: 5rem;
float: left;
}
margin-top: 5rem;
width: 100%;
float: left;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -465,7 +474,7 @@
width: 100%;
margin-bottom: 0.1rem;
//border-radius: 1rem;
// position: fixed;
// position: fixed;
z-index: 10;
}
@ -492,12 +501,12 @@
}
.div_mobile {
z-index: 1;
width: 100%;
height: 100%;
// padding-right: 10px;
// padding-left: 10px;
// padding-right: 10px;
// padding-left: 10px;
}
.pieddepage {
@ -607,24 +616,25 @@
border-bottom-style: solid;
padding: 1rem;
}
.div_row {
width: 100%;
float: left;
}
// end media
.Background-header {
position: absolute;
width: 100%;
height: 190px;
height: 100px;
left: 0px;
background: #FFFAED;
}
/* Title */
.Title {
padding: 0px;
height: 40px;
@ -633,10 +643,10 @@
width: 80%;
margin-left: 10%;
}
/* Support */
.Support {
height: 20px;
font-family: "Albert Sans";
@ -648,29 +658,29 @@
text-transform: uppercase;
color: #0A043C;
}
.block_centrer {
margin: auto;
width: 100%;
// border: 3px solid #73AD21;
// border: 3px solid #73AD21;
padding: 10px;
}
.besoin_aide {
width: 100%;
font-family: "Albert Sans";
font-style: normal;
font-weight: 700;
font-weight: 500;
font-size: 30px;
line-height: 40px;
line-height: 30px;
text-align: center;
letter-spacing: -1px;
color: #20BFA9;
}
.detail_text_aide {
height: 44px;
font-family: Verdana, Georgia, Arial;
@ -681,7 +691,7 @@
text-align: center;
color: #0A043C;
}
.barre_recherche {
height: 44px;
font-family: Verdana, Georgia, Arial;
@ -692,8 +702,10 @@
text-align: center;
color: #0A043C;
margin-top: 1rem;
display: none;
}
.aricles_a_la_une {
width: 95%;
margin-left: 5%;
@ -702,7 +714,7 @@
padding: 10px;
min-height: 20rem;
}
.liste_articles {
width: 95%;
margin-left: 5%;
@ -710,31 +722,34 @@
//border: solid 1px;
padding: 10px;
}
.hr_break {
border: 5px solid grey;
}
.img_article {
width: 40%;
float: left;
padding: 5px;
}
.desc_article {
width: 58%;
float: left;
padding: 5px;
}
.block_article{
.block_article {
width: 32%;
float: left;
margin-right: 5px;
}
.block_entete{
height: 15rem;
.block_entete {
height: 8rem;
float: left;
} }
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.rech_middlebox {
@ -810,7 +825,7 @@
width: 100%;
margin-bottom: 0.1rem;
//border-radius: 1rem;
// position: fixed;
// position: fixed;
z-index: 10;
}
@ -837,12 +852,12 @@
}
.div_mobile {
z-index: 1;
width: 100%;
height: 100%;
// padding-right: 10px;
// padding-left: 10px;
// padding-right: 10px;
// padding-left: 10px;
}
.pieddepage {
@ -951,24 +966,25 @@
border-bottom-style: solid;
padding: 1rem;
}
.div_row {
width: 100%;
float: left;
}
// end media
.Background-header {
position: absolute;
width: 100%;
height: 190px;
height: 100px;
left: 0px;
background: #FFFAED;
}
/* Title */
.Title {
padding: 0px;
height: 50px;
@ -977,10 +993,10 @@
width: 80%;
margin-left: 10%;
}
/* Support */
.Support {
height: 20px;
font-family: "Albert Sans";
@ -992,29 +1008,29 @@
text-transform: uppercase;
color: #0A043C;
}
.block_centrer {
margin: auto;
width: 95%;
// border: 3px solid #73AD21;
// border: 3px solid #73AD21;
padding: 10px;
}
.besoin_aide {
width: 100%;
font-family: "Albert Sans";
font-style: normal;
font-weight: 700;
font-weight: 500;
font-size: 40px;
line-height: 50px;
line-height: 30px;
text-align: center;
letter-spacing: -1px;
color: #20BFA9;
}
.detail_text_aide {
height: 44px;
font-family: Verdana, Georgia, Arial;
@ -1025,7 +1041,7 @@
text-align: center;
color: #0A043C;
}
.barre_recherche {
height: 44px;
font-family: Verdana, Georgia, Arial;
@ -1035,9 +1051,11 @@
line-height: 22px;
text-align: center;
color: #0A043C;
// margin-top: 2rem;
// margin-top: 2rem;
display: none;
}
.aricles_a_la_une {
width: 95%;
margin-left: 5%;
@ -1046,7 +1064,7 @@
padding: 10px;
min-height: 20rem;
}
.liste_articles {
width: 95%;
margin-left: 5%;
@ -1054,32 +1072,34 @@
//border: solid 1px;
padding: 10px;
}
.hr_break {
border: 5px solid grey;
}
.img_article {
width: 40%;
float: left;
padding: 5px;
}
.desc_article {
width: 58%;
float: left;
padding: 5px;
}
.block_article{
.block_article {
width: 32%;
float: left;
margin-right: 5px;
}
.block_entete{
height: 15rem;
.block_entete {
height: 8rem;
float: left;
}
}
}
@media only screen and (min-width: 1200px) {
.rech_middlebox {
@ -1183,8 +1203,8 @@
}
.div_mobile {
// position: absolute;
// top: 9rem;
// position: absolute;
// top: 9rem;
z-index: 1;
width: 100%;
height: 100%;
@ -1287,20 +1307,20 @@
width: 100%;
float: left;
}
// end media
.Background-header {
position: absolute;
width: 100%;
height: 280px;
height: 150px;
left: 0px;
background: #FFFAED;
}
/* Title */
.Title {
padding: 0px;
height: 80px;
@ -1309,10 +1329,10 @@
width: 60%;
margin-left: 20%;
}
/* Support */
.Support {
height: 20px;
font-family: "Albert Sans";
@ -1324,29 +1344,29 @@
text-transform: uppercase;
color: #0A043C;
}
.block_centrer {
margin: auto;
width: 70%;
// border: 3px solid #73AD21;
width: 100%;
padding: 10px;
max-width: 1400px !important;
}
.besoin_aide {
width: 100%;
font-family: "Albert Sans";
font-style: normal;
font-weight: 700;
font-size: 50px;
font-weight: 500;
font-size: 40px;
line-height: 60px;
text-align: center;
letter-spacing: -1px;
color: #20BFA9;
}
.detail_text_aide {
height: 44px;
font-family: Verdana, Georgia, Arial;
@ -1357,7 +1377,7 @@
text-align: center;
color: #0A043C;
}
.barre_recherche {
height: 44px;
font-family: Verdana, Georgia, Arial;
@ -1368,8 +1388,10 @@
text-align: center;
color: #0A043C;
margin-top: 2rem;
display: none;
}
.aricles_a_la_une {
width: 95%;
margin-left: 5%;
@ -1378,7 +1400,7 @@
padding: 10px;
min-height: 20rem;
}
.liste_articles {
width: 95%;
margin-left: 5%;
@ -1386,35 +1408,35 @@
//border: solid 1px;
padding: 10px;
}
.hr_break {
border: 5px solid grey;
}
.img_article {
width: 40%;
float: left;
padding: 5px;
}
.desc_article {
width: 58%;
float: left;
padding: 5px;
}
.block_article{
.block_article {
width: 32%;
float: left;
margin-right: 5px;
}
.block_entete{
height: 20rem;
.block_entete {
height: 10rem;
float: left;
}
}
}