@@ -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;
}
- }
-
+ }
+