sqd
parent
9fef8b632c
commit
36b25ef282
|
@ -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 › </div>
|
||||||
|
|
||||||
|
|
||||||
{/*<p className="met_text_detail" >
|
|
||||||
|
|
||||||
<div className="art_criteres">
|
|
||||||
</div>
|
|
||||||
<div className="art_criteres_value_left">
|
|
||||||
|
|
||||||
</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>
|
|
||||||
|
|
||||||
|
|
||||||
<TwitterShareButton
|
|
||||||
url={"https://www.mysy-training.com/Display-Detail-Article/" + props.article.internal_url}
|
|
||||||
hashtag={"#MySyTraining"}
|
|
||||||
>
|
|
||||||
<SocialIcon network="twitter" className="SocialIcon" />
|
|
||||||
</TwitterShareButton>
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 l’audit 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
|
||||||
|
|
|
@ -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 l’audit 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 l’audit 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"} />
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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 l’audit 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">
|
||||||
|
|
||||||
</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 |
Binary file not shown.
After Width: | Height: | Size: 74 KiB |
|
@ -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;
|
||||||
|
}
|
|
@ -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%;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue