sqd
parent
9fef8b632c
commit
36b25ef282
|
@ -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 › </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 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>
|
||||
|
||||
|
||||
<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>
|
||||
)
|
||||
}
|
||||
|
|
|
@ -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 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>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -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 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="title" content="MySy Training, contactez-nous" />
|
||||
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/ContactezNous"} />
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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 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="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">
|
||||
|
||||
</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 {
|
||||
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;
|
||||
}
|
|
@ -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%;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue