diff --git a/src/components/Article.js b/src/components/Article.js index 4c1cc1d..9902678 100644 --- a/src/components/Article.js +++ b/src/components/Article.js @@ -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) => {
+
- Formation gestion projets + {props.article.title_formation}
+
{ e.preventDefault(); @@ -78,176 +93,19 @@ const Article = (props) => { fontStyle: "italic" }}> {(String(props.article.date_avis)).substring(0, 10)}
-
{ +
{ e.preventDefault(); window.location.href = "/Display-Detail-Article/" + props.article.internal_url - }}> Lire plus
+ }}> En savoir plus ›
- {/*

- -

-  
-
-   -
-
- {(String(props.article.date_avis)).substring(0, 10)} - -
-
-
Lire plus
-
- -

*/} -
- -
- - - - {/*
{ - e.preventDefault(); - window.location.href = "/Display-Detail-Article/" + props.article.internal_url - }}> -
-
- Formation gestion projets -
-
-

{props.article.title_formation}

- -

- -

- Avis : -
-
- {parse(String(props.article.avis))} -
- -

- -

- -

- Note :
-
- - -
- -

- -
-
-
*/} - - {/*
{ - e.preventDefault(); - window.location.href = "/Display-Detail-Article/" + props.article.internal_url - }}> -
-
-
- {props.article.title_formation}
-
-
- {(props.article).note} - - {props.article.note > "4" && - MySy Training profile image - } - - {props.article.note <= "2" && - MySy Training profile image - } - - {props.article.note > "2" && props.article.note <= "4" && - MySy Training profile image - } - - -
-
- {(String(props.article.date_avis)).substring(0, 10)}
-
-
- - -
- - {parse(String(props.article.avis))}
- - -
- -
-
- -
- -
- -
-
- - - -   - - - - - -   - - - - - -
- -
-
-
*/} ) } diff --git a/src/components/ButtonHilight.js b/src/components/ButtonHilight.js index 9fc7f84..1f7d952 100644 --- a/src/components/ButtonHilight.js +++ b/src/components/ButtonHilight.js @@ -601,9 +601,13 @@ const ButtonHilight = () => { - Compte utilisateur - + + + + + + {
- Tarifs + Tarifs
@@ -761,7 +765,7 @@ const ButtonHilight = () => {
A propos -
+ diff --git a/src/components/Contactez_nous.js b/src/components/Contactez_nous.js index 04d34f1..b8b7b0f 100644 --- a/src/components/Contactez_nous.js +++ b/src/components/Contactez_nous.js @@ -131,7 +131,6 @@ const ContactForm = () => { MySy Training, contactez-nous - diff --git a/src/components/DisplayDetailArticle_new_v2.js b/src/components/DisplayDetailArticle_new_v2.js index e62d0ca..da20d96 100644 --- a/src/components/DisplayDetailArticle_new_v2.js +++ b/src/components/DisplayDetailArticle_new_v2.js @@ -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" &&
- Formation gestion projets + {pagecanoniktitle}
}
diff --git a/src/components/Fonctionnalites_V1.js b/src/components/Fonctionnalites_V1.js index 4546875..0891c08 100644 --- a/src/components/Fonctionnalites_V1.js +++ b/src/components/Fonctionnalites_V1.js @@ -267,7 +267,7 @@ const Fonctionnalites_V1 = () => {
-  Gestion des inscriptions +  Gestion des inscriptions, Préinscription, Annulation avec motif
@@ -288,7 +288,7 @@ const Fonctionnalites_V1 = () => {
-  Gestion des Émargements +  Gestion des Émargements,  Par QR code, A distance par email, Signature main levée
diff --git a/src/components/RechercheArticles_new_v2.js b/src/components/RechercheArticles_new_v2.js index 4d53d29..c24b8cb 100644 --- a/src/components/RechercheArticles_new_v2.js +++ b/src/components/RechercheArticles_new_v2.js @@ -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) => {
- Recherche articles formation - + + + Le blog, liste des artickes + + + + +
@@ -466,7 +472,7 @@ const RechercheArticles_new_v2 = (props) => {
- Puis-je vous aider ? + Restez informé. Quelques articles pour vous.
 
diff --git a/src/mysy_img/blog_image1.jpg b/src/mysy_img/blog_image1.jpg new file mode 100644 index 0000000..c2678a2 Binary files /dev/null and b/src/mysy_img/blog_image1.jpg differ diff --git a/src/mysy_img/blog_image2.jpg b/src/mysy_img/blog_image2.jpg new file mode 100644 index 0000000..110954b Binary files /dev/null and b/src/mysy_img/blog_image2.jpg differ diff --git a/src/mysy_img/blog_image3.jpg b/src/mysy_img/blog_image3.jpg new file mode 100644 index 0000000..fc6ff11 Binary files /dev/null and b/src/mysy_img/blog_image3.jpg differ diff --git a/src/mysy_img/blog_image5.jpg b/src/mysy_img/blog_image5.jpg new file mode 100644 index 0000000..41c172e Binary files /dev/null and b/src/mysy_img/blog_image5.jpg differ diff --git a/src/mysy_img/blog_img4.png b/src/mysy_img/blog_img4.png new file mode 100644 index 0000000..e782bb0 Binary files /dev/null and b/src/mysy_img/blog_img4.png differ diff --git a/src/styles/components/_article.scss b/src/styles/components/_article.scss index 2924d17..5818b6c 100644 --- a/src/styles/components/_article.scss +++ b/src/styles/components/_article.scss @@ -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; } \ No newline at end of file diff --git a/src/styles/components/_displaydetailarticle.scss b/src/styles/components/_displaydetailarticle.scss index 2e11563..8de14cc 100644 --- a/src/styles/components/_displaydetailarticle.scss +++ b/src/styles/components/_displaydetailarticle.scss @@ -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%; diff --git a/src/styles/components/_recherchearticles_new_v2_style.scss b/src/styles/components/_recherchearticles_new_v2_style.scss index 774a49c..9d08f7c 100644 --- a/src/styles/components/_recherchearticles_new_v2_style.scss +++ b/src/styles/components/_recherchearticles_new_v2_style.scss @@ -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; } - } - + } +