-
);
}
\ No newline at end of file
diff --git a/src/pages/recherchearticles.js b/src/pages/recherchearticles.js
index e2726ef..f2e277e 100644
--- a/src/pages/recherchearticles.js
+++ b/src/pages/recherchearticles.js
@@ -1,14 +1,15 @@
import RechercheArticle from "../components/RechercheArticles";
+import RechercheArticle_new_v2 from "../components/RechercheArticles_new_v2";
import Navigation from "../components/Navigation";
-export default function displaydetailclass() {
+export default function displaydetailarticle() {
return (
diff --git a/src/styles/components/_article.scss b/src/styles/components/_article.scss
index 4966e86..1cb1d43 100644
--- a/src/styles/components/_article.scss
+++ b/src/styles/components/_article.scss
@@ -34,6 +34,7 @@
border-radius: 30px;
margin-right: 0.5%;
}
+
.div_row {
//border: 0px solid black;
border-width: 0.01rem;
@@ -90,6 +91,7 @@
border-radius: 12px;
padding: 5px;
}
+
.met_container {
text-align: center;
padding: 1px 2px;
@@ -137,6 +139,9 @@
float: left;
text-align: left;
margin-bottom: 0.5rem;
+ text-align: justify;
+ font-family: Verdana, Georgia, Arial;
+ line-height: 26px;
}
.art_criteres_value_left {
@@ -160,6 +165,8 @@
.droite_txt {
width: 100%;
float: right;
+ padding: 5px;
+ height: 20rem;
}
}
@@ -256,6 +263,7 @@
border-radius: 12px;
padding: 5px;
}
+
.met_container {
text-align: center;
padding: 1px 2px;
@@ -266,12 +274,19 @@
.met_text {
margin-bottom: 0.1rem;
- font-size: medium;
- font-weight: normal;
- //white-space: nowrap;
- //overflow: hidden;
letter-spacing: 1px;
- text-align: center;
+
+ height: 60px;
+ font-family: Verdana, Georgia, Arial;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 20px;
+ line-height: 22px;
+ text-align: justify;
+ color: #0A043C;
+ margin-top: 2rem;
+ line-height: 30px;
+ font-weight: 600;
}
.met_text_detail {
@@ -303,6 +318,9 @@
float: left;
text-align: left;
margin-bottom: 0.5rem;
+ text-align: justify;
+ font-family: Verdana, Georgia, Arial;
+ line-height: 26px;
}
.art_criteres_value_left {
@@ -320,13 +338,15 @@
}
.gauche_img {
- width: 20%;
+ width: 100%;
float: left;
}
.droite_txt {
- width: 80%;
+ width: 100%;
float: right;
+ padding: 5px;
+ height: 20rem;
}
}
@@ -342,6 +362,7 @@
//width: 40%!important;
padding: 0.2rem !important;
}
+
.media_sociaux {
svg {
margin-top: 0 !important;
@@ -375,6 +396,21 @@
margin-right: auto;
}
+ .div_row_border {
+ float: left;
+ border: 0px solid black;
+ 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;
+ padding: 5px;
+ margin-right: 5px;
+ // cursor: pointer;
+ }
+
.div_row_gauche {
float: left;
border: 0px solid black;
@@ -421,6 +457,7 @@
border-radius: 12px;
padding: 5px;
}
+
.met_container {
text-align: center;
padding: 1px 2px;
@@ -431,12 +468,19 @@
.met_text {
margin-bottom: 0.1rem;
- font-size: medium;
- font-weight: normal;
- //white-space: nowrap;
- //overflow: hidden;
letter-spacing: 1px;
- text-align: center;
+
+ height: 60px;
+ font-family: Verdana, Georgia, Arial;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 20px;
+ line-height: 22px;
+ text-align: justify;
+ color: #0A043C;
+ margin-top: 2rem;
+ line-height: 30px;
+ font-weight: 600;
}
.met_text_detail {
@@ -468,6 +512,9 @@
float: left;
text-align: left;
margin-bottom: 0.5rem;
+ text-align: justify;
+ font-family: Verdana, Georgia, Arial;
+ line-height: 26px;
}
.art_criteres_value_left {
@@ -485,13 +532,15 @@
}
.gauche_img {
- width: 30%;
+ width: 100%;
float: left;
}
.droite_txt {
- width: 70%;
+ width: 100%;
float: right;
+ padding: 5px;
+ height: 20rem;
}
}
@@ -541,6 +590,22 @@
margin-right: auto;
}
+ .div_row_border {
+ float: left;
+ border: 0px solid black;
+ 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;
+ padding: 5px;
+ margin-right: 5px;
+ //cursor: pointer;
+ }
+
+
.div_row_gauche {
float: left;
border: 0px solid black;
@@ -586,7 +651,9 @@
border-top-right-radius: 12px;
border-radius: 12px;
padding: 5px;
+ height: 15rem;
}
+
.met_container {
text-align: center;
padding: 1px 2px;
@@ -597,12 +664,21 @@
.met_text {
margin-bottom: 0.1rem;
- font-size: medium;
- font-weight: normal;
- //white-space: nowrap;
- //overflow: hidden;
letter-spacing: 1px;
- text-align: center;
+
+ height: 60px;
+ font-family: Verdana, Georgia, Arial;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 20px;
+ line-height: 22px;
+ text-align: justify;
+ color: #0A043C;
+ margin-top: 2rem;
+ line-height: 30px;
+ font-weight: 600;
+ width: 100%;
+ float: left;
}
.met_text_detail {
@@ -615,6 +691,9 @@
text-align: left;
margin-top: 1rem;
margin-bottom: 1rem;
+ width: 100%;
+ float: left;
+ height: 12rem;
}
.art_criteres {
@@ -630,10 +709,13 @@
}
.art_criteres_value {
- width: 88%;
+ width: 100%;
float: left;
text-align: left;
margin-bottom: 0.5rem;
+ text-align: justify;
+ font-family: Verdana, Georgia, Arial;
+ line-height: 26px;
}
.art_criteres_value_left {
@@ -651,13 +733,15 @@
}
.gauche_img {
- width: 30%;
+ width: 100%;
float: left;
}
.droite_txt {
- width: 70%;
+ width: 100%;
float: right;
+ padding: 5px;
+ height: 25rem;
}
}
-}
+}
\ No newline at end of file
diff --git a/src/styles/components/_displaydetailarticle.scss b/src/styles/components/_displaydetailarticle.scss
index 6128bfc..8fb928c 100644
--- a/src/styles/components/_displaydetailarticle.scss
+++ b/src/styles/components/_displaydetailarticle.scss
@@ -1,127 +1,35 @@
.DisplayDetailArticle {
+ width: 100%;
+ float: left;
+
.h1_transparent {
color: transparent;
//color: red;
font-size: 0.1rem;
}
- .default-nav {
- display: none !important;
- }
-
- .slide_img {
- width: 100% !important;
- height: 30rem !important;
- max-height: 30rem !important;
- display: block !important;
- box-shadow: 3px 5px 0px #ccc;
- }
@media only screen and (max-width: 600px) {
-
- .media_sociaux {
- svg {
- margin-top: 0 !important;
- text-align: left !important;
- }
-
- .SocialIcon {
- height: 25px !important;
- width: 25px !important;
- }
- }
-
- .okUpdateData {
- font-size: small;
- color: green;
- font-style: italic;
- }
-
- .koUpdateData {
- font-size: small;
- color: red;
- font-style: italic;
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ overflow-y: hidden !important;
}
.detail_container {
- width: 100%;
+ width: 80%;
height: 200px;
- padding: 0.2rem;
+
+ margin: auto;
+ padding: 10px;
border-radius: 30px;
}
- .titre_article {
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- color: #619e31;
- font-size: small;
- font-weight: bold;
- text-align: center;
- }
- .titre_date_publication {
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- color: #3b3e40;
- font-size: xx-small;
- font-weight: bold;
- text-align: center;
- }
-
- .tous_nos_article {
- width: 100%;
- text-align: center;
- font-size: 0.7rem;
- font-style: italic;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 0.5rem;
- }
-
- a:link {
- text-decoration: none;
- }
-
- a:visited {
- text-decoration: none;
- }
-
- a:hover {
- text-decoration: underline;
- }
-
- a:active {
- text-decoration: underline;
- }
-
- .detail_container_affichage {
- width: 100%;
- text-align: left;
- margin: auto;
- padding: 0.8rem;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- font-weight: var(--bs-body-font-weight);
- line-height: var(--bs-body-line-height);
- color: #3b3e40;
- text-align: justify;
- padding-bottom: 1rem;
- background-color: white;
- word-break: break-word;
- line-height: 1.4rem;
- font-size: small;
- }
-
- .detail_container_affichage_blog {
- width: 100%;
- text-align: left;
- margin: auto;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- font-weight: var(--bs-body-font-weight);
- line-height: var(--bs-body-line-height);
- color: #3b3e40;
- text-align: justify;
- padding-bottom: 1rem;
- background-color: white;
- word-break: break-word;
- line-height: 1.4rem;
- font-size: small;
- }
.containerBox {
position: relative;
display: inline-block;
@@ -144,7 +52,7 @@
text-align: left;
color: rgb(10, 42, 77);
background-color: white;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-bottom: 0.1rem;
overflow: hidden;
@@ -154,108 +62,17 @@
}
textarea {
- padding: 0.2rem;
+ padding: 10px;
max-width: 100%;
width: 100%;
+ line-height: 1.5;
border-radius: 5px;
border: 1px solid #ccc;
box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- font-size: 0.7rem;
- }
-
- input {
- padding: 0.2rem;
- max-width: 100%;
- width: 100%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- font-size: 0.75rem;
- }
-
- .div_left {
- display: none;
- }
-
- .div_right {
- width: 100%;
- float: left;
- border-radius: 5px;
- text-align: right;
- }
-
- .avis {
- height: 55%;
- margin-bottom: 1.5rem;
- overflow: hidden;
- overflow-wrap: break-word;
- }
-
- .commentarticleavis {
- background-color: #eaecee;
- padding: 1.2rem;
- margin-top: 0.8rem;
- margin-bottom: 0.8rem;
- z-index: 55;
- }
-
- .inputcommentarticle {
- padding: 1px;
- max-width: 90%;
- width: 90%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1rem;
- font-size: 0.75rem;
- }
-
- .inputcommentarticle_d {
- padding: 1px;
- max-width: 90%;
- width: 90%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1rem;
- font-size: 0.75rem;
- float: right;
- }
-
- .inputcommentarticlemessage {
- padding: 1px;
- max-width: 100%;
- width: 100%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1rem;
- font-size: 0.75rem;
- margin-top: 1rem;
- }
-
- .btonPosterComment {
- border-radius: 10rem;
- background: #104277;
- font-size: 0.75rem;
- }
-
- .quill {
- height: 10rem !important;
- }
- .mantine-gi9dos {
- margin: 0px !important;
- }
-
- .ql-editor {
- padding: 0.2rem !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
}
+
.div_row2 {
float: left;
//border:0px solid black;
@@ -263,7 +80,7 @@
width: 100%;
margin-bottom: 0.1rem;
//border-radius: 1rem;
- //position: fixed;
+
z-index: 10;
top: 0px;
}
@@ -290,14 +107,14 @@
}
.div_mobile {
- position: relative;
+ // position: relative;
//border:1px solid black;
//border-width: 0.01rem;
//background-color: #e6ebe2;
- top: 5rem;
+ //top: 6rem;
z-index: 1;
width: 98%;
-
+ height: 100%;
margin: 0.3rem;
margin-left: auto;
margin-right: auto;
@@ -307,7 +124,6 @@
z-index: 50;
width: 100%;
float: left;
- margin-top: 5rem;
}
.menuPrincipal {
@@ -375,108 +191,47 @@
margin-left: auto;
margin-right: auto;
}
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 100%;
+ padding: 0.3rem;
+ font-size: 11px;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ margin-top: 1px;
+ cursor: pointer;
+ overflow-wrap: break-word;
+ border-bottom: #3b3e40;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ padding: 1rem;
+ }
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
- .media_sociaux {
- svg {
- margin-top: 0 !important;
- text-align: left !important;
- }
-
- .SocialIcon {
- height: 25px !important;
- width: 25px !important;
- }
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ overflow-y: hidden !important;
}
+
.detail_container {
+ width: 80%;
height: 200px;
- padding: 0.3rem;
+
+ margin: auto;
+ padding: 10px;
border-radius: 30px;
}
- .titre_article {
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- color: #619e31;
- font-size: 1.2rem;
- font-weight: bold;
- text-align: center;
- }
- .titre_date_publication {
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- color: #3b3e40;
- font-size: xx-small;
- font-weight: bold;
- text-align: center;
- }
-
- .tous_nos_article {
- width: 100%;
- text-align: center;
- font-size: 0.9rem;
- font-style: italic;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 0.5rem;
- }
-
- a:link {
- text-decoration: none;
- }
-
- a:visited {
- text-decoration: none;
- }
-
- a:hover {
- text-decoration: underline;
- }
-
- a:active {
- text-decoration: underline;
- }
-
- .detail_container_affichage {
- border: 1px solid;
- box-shadow: 3px 5px 0px #ccc;
- padding: 0.8rem;
- text-align: left;
- padding: 10px;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-size: small;
- font-weight: var(--bs-body-font-weight);
- line-height: var(--bs-body-line-height);
- color: #3b3e40;
- padding-bottom: 0rem;
- text-align: justify;
- background-color: white;
- word-break: break-word;
- height: 25rem;
- max-height: 25rem;
- line-height: 1.2rem;
- font-size: 0.85rem;
- }
-
- .detail_container_affichage_blog {
- //border: 1px solid;
- box-shadow: 3px 5px 0px #ccc;
- padding: 0.8rem;
- text-align: left;
- padding: 10px;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-size: small;
- font-weight: var(--bs-body-font-weight);
- line-height: var(--bs-body-line-height);
- color: #3b3e40;
- padding-bottom: 0rem;
- text-align: justify;
- background-color: white;
- word-break: break-word;
- //height: 25rem;
- //max-height: 25rem;
- line-height: 1.2rem;
- font-size: 0.85rem;
- }
.containerBox {
position: relative;
display: inline-block;
@@ -490,17 +245,6 @@
max-width: 30%;
}
- .koUpdateData {
- font-size: small;
- color: red;
- font-style: italic;
- }
- /*border: 0.1rem solid black;
- height: 50%;
- width: 50%;
- margin-left: auto;
- margin-right: auto;*/
-
.detail_row {
float: left;
border-width: 2px;
@@ -511,7 +255,7 @@
color: rgb(10, 42, 77);
background-color: white;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-size: 0.75rem;
+ font-size: small;
margin-bottom: 0.1rem;
overflow: hidden;
white-space: nowrap;
@@ -520,129 +264,68 @@
}
textarea {
- padding: 0.1rem;
+ padding: 10px;
max-width: 100%;
width: 100%;
+ line-height: 1.5;
border-radius: 5px;
border: 1px solid #ccc;
box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- font-size: 0.75rem;
- }
- input {
- padding: 0.2rem;
- max-width: 100%;
- width: 100%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- font-size: 0.75rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
}
- .div_left {
- width: 20%;
+ .parter_div_gauche {
float: left;
- border-radius: 5px;
- text-align: left;
- height: 25rem;
- }
-
- .div_right {
- width: 80%;
- float: left;
- border-radius: 5px;
- text-align: right;
- //height: 25rem;
- }
- .pub {
- float: left;
- border-width: 2px;
- width: 100%;
- //height: 25rem;
+ border: 1px solid black;
+ border-width: 0.01rem;
+ width: 25%;
+ height: 30rem;
margin: auto;
- border-radius: 20px;
- }
- .slide_img {
- width: 100% !important;
- height: 25rem !important;
- max-height: 25rem !important;
- display: block !important;
- box-shadow: 3px 5px 0px #ccc;
+ padding: 10px;
+ border-radius: 1rem;
+ margin-right: 0.5%;
+ background-color: #104277;
+ text-align: left;
+ color: white;
}
- .avis {
- height: 55%;
- margin-bottom: 1.5rem;
- overflow: hidden;
- overflow-wrap: break-word;
- font-size: 0.9rem ;
+ .parter_div_droite {
+ float: left;
+ border: 1px solid black;
+ border-width: 0.01rem;
+ width: 74%;
+ height: auto;
+ margin: auto;
+ padding: 10px;
+ border-radius: 1rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
}
- .commentarticleavis {
- background-color: #eaecee;
- padding: 1.2rem;
- margin-top: 0.8rem;
- margin-bottom: 0.8rem;
- z-index: 55;
- }
-
- .inputcommentarticle {
- padding: 1px;
- max-width: 90%;
- width: 90%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1rem;
- font-size: 0.75rem;
- }
-
- .inputcommentarticle_d {
- padding: 1px;
- max-width: 90%;
- width: 90%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1rem;
- font-size: 0.75rem;
- float: right;
- }
-
- .inputcommentarticlemessage {
- padding: 1px;
- max-width: 100%;
+ .parter_div_droite_haut {
+ float: left;
+ border: 1px solid black;
+ border-width: 0.01rem;
width: 100%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1rem;
- font-size: 0.75rem;
- margin-top: 1rem;
+ height: auto;
+ margin: auto;
+ padding: 10px;
+ border-radius: 1rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ margin-bottom: 2rem;
}
- .btonPosterComment {
- border-radius: 10rem;
- background: #104277;
- font-size: 0.75rem;
+ .left-pan {
+ padding-left: 7px;
}
- .quill {
- height: 4rem !important;
+ .left-pan i {
+ padding-left: 10px;
}
- .mantine-gi9dos {
- margin: 0px !important;
- }
-
- .ql-editor {
- padding: 0.2rem !important;
- font-size: 0.75rem;
- }
-
.div_row2 {
float: left;
@@ -651,7 +334,7 @@
width: 100%;
margin-bottom: 0.1rem;
//border-radius: 1rem;
- //position: fixed;
+
z-index: 10;
}
@@ -667,45 +350,59 @@
.div_row_bas {
float: right;
+ //border:1px solid black;
+ //border-width: 0.01rem;
width: 100%;
- height: 10rem;
+ //border-radius: 1rem;
+ height: 9rem;
background-color: #e7f3fb;
z-index: 10;
- background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
.div_mobile {
-
-
- //position: absolute;
- top: 8rem;
- z-index: 1;
- width: 95%;
- margin-left: auto;
- margin-right: auto;
-
+ // position: absolute;
+ // top: 9rem;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ padding-right: 2rem;
+ padding-left: 2rem;
}
.pieddepage {
- z-index: 50;
+ z-index: 0;
width: 100%;
float: left;
- margin-top: 25rem;
+ //margin-top: calc(100vh - 20%);
+ margin-top: 2rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
}
.menuPrincipal {
+ margin-left: 0.7rem;
font-family: "Quicksand", "Signika", "sans-serif";
color: white;
- width: 23%;
float: right;
cursor: pointer;
- text-align: center;
- font-size: 1rem;
+ text-align: right;
+ font-size: small;
border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
}
.menuPrincipal:hover {
@@ -728,17 +425,15 @@
.div_002 {
float: left;
- width: 50%;
+ width: 40%;
text-align: left;
- margin-top: 1rem;
}
.div_003 {
float: left;
- width: 50%;
+ width: 60%;
text-align: right;
color: white;
- margin-top: 1.2rem;
}
.div_004 {
@@ -749,6 +444,7 @@
margin-left: auto;
margin-right: auto;
float: left;
+ margin: 0.2rem;
}
.div_005 {
@@ -756,14 +452,6 @@
float: left;
}
- .hilightsoustitre {
- background: #113459;
- color: #fff;
- display: block;
- font-size: 1rem;
- margin-bottom: 0.5rem;
- }
-
.text_head {
color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
@@ -772,106 +460,46 @@
margin-left: auto;
margin-right: auto;
}
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 100%;
+ margin: auto;
+ padding: 0.3rem;
+ font-size: small;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ cursor: pointer;
+ overflow-wrap: break-word;
+ border-bottom: #3b3e40;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ padding: 1rem;
+ }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
- .media_sociaux {
- svg {
- margin-top: 0 !important;
- text-align: left !important;
- }
-
- .SocialIcon {
- height: 30px !important;
- width: 30px !important;
- }
- }
- .detail_container {
- height: 200px;
- padding: 0.3rem;
- border-radius: 30px;
- }
-
- .detail_container_affichage {
- border: 1px solid;
- box-shadow: 3px 5px 0px #ccc;
- padding: 0.8rem;
- text-align: left;
- margin: auto;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-weight: var(--bs-body-font-weight);
- line-height: var(--bs-body-line-height);
- color: #3b3e40;
- padding-bottom: 0rem;
- text-align: justify;
- background-color: white;
- word-break: break-word;
- height: 30rem;
- max-height: 30rem;
- line-height: 1.4rem;
- font-size: 0.9rem;
- }
-
- .detail_container_affichage_blog {
- //border: 1px solid;
- box-shadow: 3px 5px 0px #ccc;
- padding: 0.8rem;
- text-align: left;
- margin: auto;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-weight: var(--bs-body-font-weight);
- line-height: var(--bs-body-line-height);
- color: #3b3e40;
- padding-bottom: 0rem;
- text-align: justify;
- background-color: white;
- word-break: break-word;
- //height: 30rem;
- //max-height: 30rem;
- line-height: 1.4rem;
- font-size: 0.9rem;
- }
-
- .titre_article {
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- color: #619e31;
- font-size: 1.2rem;
- font-weight: bold;
- text-align: center;
- }
-
- .titre_date_publication {
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- color: #3b3e40;
- font-size: xx-small;
- font-weight: bold;
- text-align: center;
- }
-
- .tous_nos_article {
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
width: 100%;
- text-align: center;
- font-size: 0.9rem;
- font-style: italic;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 0.5rem;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ background: white;
+ margin-right: 0.5%;
+ overflow-y: hidden !important;
+ border-radius: 0px;
}
- a:link {
- text-decoration: none;
- }
+ .detail_container {
+ width: 80%;
+ height: 200px;
- a:visited {
- text-decoration: none;
- }
-
- a:hover {
- text-decoration: underline;
- }
-
- a:active {
- text-decoration: underline;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
}
.containerBox {
@@ -885,6 +513,7 @@
margin-left: 0px;
margin-right: auto;
max-width: 20%;
+ max-height: 3rem;
}
.detail_row {
@@ -896,8 +525,8 @@
text-align: left;
color: rgb(10, 42, 77);
background-color: white;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- font-size: 0.9rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
margin-bottom: 0.1rem;
overflow: hidden;
white-space: nowrap;
@@ -914,120 +543,7 @@
border: 1px solid #ccc;
box-shadow: 1px 1px 1px #999;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-size: medium;
- }
- input {
- padding: 10px;
- max-width: 100%;
- width: 100%;
- line-height: 1.5;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- font-size: 0.9rem;
- }
- .okUpdateData {
- font-size: medium;
- color: green;
- font-style: italic;
- }
-
- .koUpdateData {
- font-size: medium;
- color: red;
- font-style: italic;
- }
-
- .div_left {
- width: 20%;
- float: left;
- border-radius: 5px;
- text-align: left;
- }
-
- .div_right {
- width: 80%;
- float: left;
- border-radius: 5px;
- text-align: right;
- }
- .pub {
- float: left;
- border-width: 2px;
- width: 100%;
- height: 30rem;
- margin: auto;
- border-radius: 30px;
- }
-
- .avis {
- height: 55%;
- margin-bottom: 0.5rem;
- overflow: hidden;
- overflow-wrap: break-word;
- font-size: 0.9rem ;
- }
-
- .commentarticleavis {
- background-color: #eaecee;
- padding: 1.2rem;
- margin-top: 0.8rem;
- margin-bottom: 0.8rem;
- z-index: 55;
- }
-
- .inputcommentarticle {
- padding: 1px;
- max-width: 90%;
- width: 90%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1.2rem;
- font-size: 0.9rem;
- }
-
- .inputcommentarticle_d {
- padding: 1px;
- max-width: 90%;
- width: 90%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1.2rem;
- font-size: 0.9rem;
- float: right;
- }
-
- .inputcommentarticlemessage {
- padding: 1px;
- max-width: 100%;
- width: 100%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1.2rem;
- font-size: 0.9rem;
- margin-top: 1rem;
- }
-
- .btonPosterComment {
- border-radius: 10rem;
- background: #104277;
- font-size: 0.9rem;
- }
-
- .quill {
- height: 5rem !important;
- }
-
- .ql-editor {
- padding: 0.2rem !important;
- font-size: 0.9rem;
+ font-size: small;
}
.div_row2 {
@@ -1037,7 +553,7 @@
width: 100%;
margin-bottom: 0.1rem;
//border-radius: 1rem;
- //position: fixed;
+
z-index: 10;
}
@@ -1053,42 +569,58 @@
.div_row_bas {
float: right;
+ //border:1px solid black;
+ //border-width: 0.01rem;
width: 100%;
- height: 10rem;
+ //border-radius: 1rem;
+ height: 9rem;
background-color: #e7f3fb;
z-index: 10;
- background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
.div_mobile {
- //position: absolute;
- top: 8rem;
- z-index: 1;
- width: 90%;
- margin-left: auto;
- margin-right: auto;
+ // position: absolute;
+ // top: 9rem;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ padding-right: 2rem;
+ padding-left: 2rem;
}
.pieddepage {
- z-index: 50;
+ z-index: -1;
width: 100%;
float: left;
- margin-top: 10rem;
+ margin-top: 2rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
}
.menuPrincipal {
+ margin-left: 0.8rem;
font-family: "Quicksand", "Signika", "sans-serif";
color: white;
- width: 20%;
float: right;
cursor: pointer;
- text-align: center;
- font-size: 1.1rem;
+ text-align: right;
+ font-size: small;
border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
}
.menuPrincipal:hover {
@@ -1113,7 +645,6 @@
float: left;
width: 50%;
text-align: left;
- margin-top: 1rem;
}
.div_003 {
@@ -1121,7 +652,6 @@
width: 50%;
text-align: right;
color: white;
- margin-top: 1.2rem;
}
.div_004 {
@@ -1132,6 +662,7 @@
margin-left: auto;
margin-right: auto;
float: left;
+ margin: 0.2rem;
}
.div_005 {
@@ -1139,14 +670,6 @@
float: left;
}
- .hilightsoustitre {
- background: #113459;
- color: #fff;
- display: block;
- font-size: 1rem;
- margin-bottom: 0.5rem;
- }
-
.text_head {
color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
@@ -1155,51 +678,50 @@
margin-left: auto;
margin-right: auto;
}
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 100%;
+ margin: auto;
+ padding: 0.3rem;
+ font-size: small;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ cursor: pointer;
+ overflow-wrap: break-word;
+ border-bottom: #3b3e40;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ padding: 1rem;
+ }
}
@media only screen and (min-width: 1200px) {
- .btonPosterComment {
- border-radius: 10rem;
- background: #104277;
- font-size: 1rem;
- }
-
- .media_sociaux {
- margin-top: 0.3rem;
- margin-right: 0.2rem;
- svg {
- margin-top: 0 !important;
- text-align: left !important;
- }
-
- .SocialIcon {
- height: 35px !important;
- width: 35px !important;
- }
- }
-
- .okUpdateData {
- font-size: large;
- color: green;
- font-style: italic;
- }
-
- .koUpdateData {
- font-size: large;
- color: red;
- font-style: italic;
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ overflow-y: hidden !important;
}
.detail_container {
+ width: 80%;
height: 200px;
- padding: 0.3rem;
+
+ margin: auto;
+ padding: 10px;
border-radius: 30px;
}
.containerBox {
position: relative;
display: inline-block;
- margin-top: 1rem;
}
.img_logo {
@@ -1208,7 +730,7 @@
margin-left: 0px;
margin-right: auto;
max-width: 18%;
- max-height: 5rem;
+ max-height: 3rem;
}
.detail_row {
@@ -1221,7 +743,7 @@
color: rgb(10, 42, 77);
background-color: white;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-size: 0.9rem;
+ font-size: small;
margin-bottom: 0.1rem;
overflow: hidden;
white-space: nowrap;
@@ -1238,191 +760,7 @@
border: 1px solid #ccc;
box-shadow: 1px 1px 1px #999;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-size: medium;
- }
-
- input {
- padding: 10px;
- max-width: 100%;
- width: 100%;
- line-height: 1.5;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- font-size: 0.9rem;
- }
-
- .titre_article {
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- color: #619e31;
- font-size: 1.4rem;
- font-weight: bold;
- text-align: center;
- margin-top: 1rem;
- }
-
- .titre_date_publication {
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- color: #3b3e40;
- font-size: xx-small;
- font-weight: bold;
- text-align: center;
- }
-
- .detail_container_affichage {
- border: 1px solid;
- box-shadow: 3px 5px 0px #ccc;
- padding: 0.8rem;
- text-align: left;
- margin: auto;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-weight: var(--bs-body-font-weight);
- line-height: var(--bs-body-line-height);
- color: #3b3e40;
- padding-bottom: 0rem;
- text-align: justify;
- background-color: white;
- word-break: break-word;
- height: 30rem;
- max-height: 30rem;
- line-height: 1.5rem;
- font-size: 1rem;
- }
-
- .detail_container_affichage_blog {
- //border: 1px solid;
- box-shadow: 3px 5px 0px #ccc;
- padding: 0.8rem;
- text-align: left;
- margin: auto;
- font-family: "verdana", "Quicksand", "Signika", sans-serif;
- font-weight: var(--bs-body-font-weight);
- line-height: var(--bs-body-line-height);
- color: #3b3e40;
- padding-bottom: 0rem;
- text-align: justify;
- background-color: white;
- word-break: break-word;
- //height: 30rem;
- //max-height: 30rem;
- line-height: 1.5rem;
- font-size: 1rem;
- }
-
- .tous_nos_article {
- width: 100%;
- text-align: center;
- font-size: 1rem;
- font-style: italic;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 0.5rem;
- }
-
- a:link {
- text-decoration: none;
- }
-
- a:visited {
- text-decoration: none;
- }
-
- a:hover {
- text-decoration: underline;
- }
-
- a:active {
- text-decoration: underline;
- }
-
-
- .div_left {
- width: 20%;
- float: left;
- border-radius: 5px;
- text-align: left;
- }
-
- .div_right {
- width: 80%;
- float: left;
- border-radius: 5px;
- }
- .pub {
- float: left;
- border-width: 2px;
- width: 100%;
- height: 30rem;
- margin: auto;
- border-radius: 30px;
- }
-
- .avis {
- height: 50%;
- margin-bottom: 0.5rem;
- overflow: hidden;
- overflow-wrap: break-word;
- font-size: 0.9rem ;
- }
-
- .commentarticleavis {
- background-color: #eaecee;
- padding: 1.5rem;
- margin-top: 1rem;
- margin-bottom: 1rem;
- z-index: 55;
- }
-
- .inputcommentarticle {
- padding: 1px;
- max-width: 90%;
- width: 90%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1.5rem;
- font-size: 1rem;
- }
-
- .inputcommentarticle_d {
- padding: 1px;
- max-width: 90%;
- width: 90%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1.5rem;
- font-size: 1rem;
- float: right;
- }
-
- .inputcommentarticlemessage {
- padding: 1px;
- max-width: 100%;
- width: 100%;
- border-radius: 5px;
- border: 1px solid #ccc;
- box-shadow: 1px 1px 1px #999;
- font-family: "verdana", "Quicksand", "Signika", "sans-serif";
- line-height: 1.5rem;
- font-size: 1rem;
- margin-top: 1rem;
- }
-
- .quill {
- height: 10rem !important;
- }
-
- .mantine-gi9dos {
- margin: 0px !important;
- }
-
- .ql-editor {
- padding: 0.2rem !important;
- font-size: 1rem;
+ font-size: small;
}
.div_row2 {
@@ -1432,7 +770,7 @@
width: 100%;
margin-bottom: 0.1rem;
//border-radius: 1rem;
- //position: fixed;
+ // position: fixed;
z-index: 10;
}
@@ -1449,10 +787,11 @@
.div_row_bas {
float: right;
width: 100%;
- height: 10rem;
+ height: 9rem;
background-color: #e7f3fb;
z-index: 10;
- background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
@@ -1460,30 +799,47 @@
}
.div_mobile {
- //position: absolute;
- top: 8rem;
+ // position: absolute;
+ // top: 9rem;
z-index: 1;
- width: 90%;
- margin-left: auto;
- margin-right: auto;
+ width: 100%;
+ height: 100%;
+ padding-right: 2rem;
+ padding-left: 2rem;
}
.pieddepage {
- z-index: 50;
+ z-index: 0;
width: 100%;
float: left;
- margin-top: 10rem;
+ margin-top: 2rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
}
.menuPrincipal {
+ margin-left: 1rem;
font-family: "Quicksand", "Signika", "sans-serif";
color: white;
- width: 20%;
float: right;
cursor: pointer;
- text-align: center;
- font-size: 1.1rem;
+ text-align: right;
+ font-size: small;
border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
}
.menuPrincipal:hover {
@@ -1508,7 +864,6 @@
float: left;
width: 50%;
text-align: left;
- margin-top: 1rem;
}
.div_003 {
@@ -1516,19 +871,17 @@
width: 50%;
text-align: right;
color: white;
- margin-top: 1.2rem;
- margin-bottom: 2rem;
}
.div_004 {
color: white;
width: 100%;
- height: 0.1rem;
+ height: 0.25rem;
opacity: 100%;
margin-left: auto;
margin-right: auto;
float: left;
- margin: 0.5rem
+ margin: 0.2rem;
}
.div_005 {
@@ -1536,14 +889,6 @@
float: left;
}
- .hilightsoustitre {
- background: #113459;
- color: #fff;
- display: block;
- font-size: 1rem;
- margin-bottom: 0.5rem;
- }
-
.text_head {
color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
@@ -1552,5 +897,207 @@
margin-left: auto;
margin-right: auto;
}
+
+
}
-}
+
+ .div_row {
+ width: 100%;
+ float: left;
+ }
+
+ // end media
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 280px;
+ left: 0px;
+
+ background: #FFFAED;
+ }
+
+ /* Title */
+
+ .Title {
+ padding: 0px;
+ height: 80px;
+ left: 549px;
+ margin-top: 20px;
+ width: 50%;
+ margin-left: 25%;
+ }
+
+
+ /* Support */
+
+ .Support {
+ height: 20px;
+ font-family: "Albert Sans";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 20px;
+ text-align: center;
+ text-transform: uppercase;
+ color: #0A043C;
+ }
+
+
+ .besoin_aide {
+ width: 100%;
+
+ font-family: "Albert Sans";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 50px;
+ line-height: 60px;
+ text-align: center;
+ letter-spacing: -1px;
+ color: #20BFA9;
+ }
+
+ .detail_text_aide {
+ height: 44px;
+ font-family: Verdana, Georgia, Arial;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 22px;
+ text-align: center;
+ color: #0A043C;
+ }
+
+ .barre_recherche {
+ height: 44px;
+ font-family: Verdana, Georgia, Arial;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 22px;
+ text-align: center;
+ color: #0A043C;
+ margin-top: 2rem;
+ }
+
+ .aricles_a_la_une {
+ width: 100%;
+ float: left;
+ margin-top: 1rem;
+ font-size: small;
+ letter-spacing: 1px;
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 18px;
+ line-height: 30px;
+ color: #4B4B4B;
+ text-align: justify;
+
+ }
+
+ .titre_date_publication {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #3b3e40;
+ font-size: xx-small;
+ font-weight: bold;
+ text-align: center;
+ }
+
+ .liste_articles {
+ margin: auto;
+ width: 70%;
+ padding: 10px;
+
+ }
+
+ .img_article {
+ width: 40%;
+ float: left;
+ padding: 5px;
+ }
+
+ .desc_article {
+ width: 100%;
+ float: left;
+ padding: 5px;
+ margin-bottom: 7rem;
+ }
+
+
+
+ .buton_ch22 {
+ border: 2px solid white;
+ background-color: transparent;
+ color: white;
+ padding: 0px;
+ font-size: 16px;
+ cursor: pointer;
+ font-size: small;
+ border-radius: 4rem;
+ width: 6rem;
+ min-width: 6rem;
+ height: 1.7rem;
+ text-align: left;
+ }
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 100%;
+ margin: auto;
+ padding: 0.5rem;
+ font-size: small;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ cursor: pointer;
+ overflow-wrap: break-word;
+ border-bottom: #3b3e40;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ padding: 1rem;
+ }
+
+ .titre_article {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #619e31;
+ font-size: 1.4rem;
+ font-weight: bold;
+ text-align: center;
+ margin-top: 1rem;
+ height: 5rem;
+ }
+
+ .avis {
+ margin-bottom: 0.5rem;
+ overflow: hidden;
+ overflow-wrap: break-word;
+
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ /* or 167% */
+
+ /* Bold Grey */
+ color: #4B4B4B;
+
+
+ /* Inside auto layout */
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+
+
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 70%;
+ border: 3px solid #73AD21;
+ padding: 10px;
+ }
+
+
+}
\ No newline at end of file
diff --git a/src/styles/components/_displaydetailarticle_new_v2.scss b/src/styles/components/_displaydetailarticle_new_v2.scss
new file mode 100644
index 0000000..144ae76
--- /dev/null
+++ b/src/styles/components/_displaydetailarticle_new_v2.scss
@@ -0,0 +1,1556 @@
+.displaydetailarticle_new_v2 {
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+ .default-nav {
+ display: none !important;
+ }
+
+ .slide_img {
+ width: 100% !important;
+ height: 30rem !important;
+ max-height: 30rem !important;
+ display: block !important;
+ box-shadow: 3px 5px 0px #ccc;
+ }
+
+ @media only screen and (max-width: 600px) {
+
+ .media_sociaux {
+ svg {
+ margin-top: 0 !important;
+ text-align: left !important;
+ }
+
+ .SocialIcon {
+ height: 25px !important;
+ width: 25px !important;
+ }
+ }
+
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .detail_container {
+ width: 100%;
+ height: 200px;
+ padding: 0.2rem;
+ border-radius: 30px;
+ }
+ .titre_article {
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ color: #619e31;
+ font-size: small;
+ font-weight: bold;
+ text-align: center;
+ }
+
+ .titre_date_publication {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #3b3e40;
+ font-size: xx-small;
+ font-weight: bold;
+ text-align: center;
+ }
+
+ .tous_nos_article {
+ width: 100%;
+ text-align: center;
+ font-size: 0.7rem;
+ font-style: italic;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ }
+
+ a:link {
+ text-decoration: none;
+ }
+
+ a:visited {
+ text-decoration: none;
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+
+ a:active {
+ text-decoration: underline;
+ }
+
+ .detail_container_affichage {
+ width: 100%;
+ text-align: left;
+ margin: auto;
+ padding: 0.8rem;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ color: #3b3e40;
+ text-align: justify;
+ padding-bottom: 1rem;
+ background-color: white;
+ word-break: break-word;
+ line-height: 1.4rem;
+ font-size: small;
+ }
+
+ .detail_container_affichage_blog {
+ width: 100%;
+ text-align: left;
+ margin: auto;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ color: #3b3e40;
+ text-align: justify;
+ padding-bottom: 1rem;
+ background-color: white;
+ word-break: break-word;
+ line-height: 1.4rem;
+ font-size: small;
+ }
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 50%;
+ }
+
+ .detail_row {
+ float: left;
+ border-width: 2px;
+ margin: auto;
+ padding: 0.2rem;
+ border-radius: 0.5rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: small;
+ margin-bottom: 0.1rem;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100%;
+ margin: 0 auto;
+ }
+
+ textarea {
+ padding: 0.2rem;
+ max-width: 100%;
+ width: 100%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 0.7rem;
+ }
+
+ input {
+ padding: 0.2rem;
+ max-width: 100%;
+ width: 100%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 0.75rem;
+ }
+
+ .div_left {
+ display: none;
+ }
+
+ .div_right {
+ width: 100%;
+ float: left;
+ border-radius: 5px;
+ text-align: right;
+ }
+
+ .avis {
+ height: 55%;
+ margin-bottom: 1.5rem;
+ overflow: hidden;
+ overflow-wrap: break-word;
+ }
+
+ .commentarticleavis {
+ background-color: #eaecee;
+ padding: 1.2rem;
+ margin-top: 0.8rem;
+ margin-bottom: 0.8rem;
+ z-index: 55;
+ }
+
+ .inputcommentarticle {
+ padding: 1px;
+ max-width: 90%;
+ width: 90%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1rem;
+ font-size: 0.75rem;
+ }
+
+ .inputcommentarticle_d {
+ padding: 1px;
+ max-width: 90%;
+ width: 90%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1rem;
+ font-size: 0.75rem;
+ float: right;
+ }
+
+ .inputcommentarticlemessage {
+ padding: 1px;
+ max-width: 100%;
+ width: 100%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1rem;
+ font-size: 0.75rem;
+ margin-top: 1rem;
+ }
+
+ .btonPosterComment {
+ border-radius: 10rem;
+ background: #104277;
+ font-size: 0.75rem;
+ }
+
+ .quill {
+ height: 10rem !important;
+ }
+ .mantine-gi9dos {
+ margin: 0px !important;
+ }
+
+ .ql-editor {
+ padding: 0.2rem !important;
+ font-size: small;
+ }
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ //position: fixed;
+ z-index: 10;
+ top: 0px;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ z-index: 10;
+ background-color: #e7f3fb;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ }
+
+ .div_mobile {
+ position: relative;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ //background-color: #e6ebe2;
+ top: 5rem;
+ z-index: 1;
+ width: 98%;
+
+ margin: 0.3rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 5rem;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 20%;
+ float: right;
+ font-weight: 500;
+ cursor: pointer;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ font-weight: bold;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.2rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ width: 50%;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_003 {
+ display: none;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin-bottom: 0.2rem;
+ margin-top: 0.2rem;
+ }
+
+ .div_005 {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: small;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ }
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+ .media_sociaux {
+ svg {
+ margin-top: 0 !important;
+ text-align: left !important;
+ }
+
+ .SocialIcon {
+ height: 25px !important;
+ width: 25px !important;
+ }
+ }
+ .detail_container {
+ height: 200px;
+ padding: 0.3rem;
+ border-radius: 30px;
+ }
+ .titre_article {
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ color: #619e31;
+ font-size: 1.2rem;
+ font-weight: bold;
+ text-align: center;
+ }
+
+ .titre_date_publication {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #3b3e40;
+ font-size: xx-small;
+ font-weight: bold;
+ text-align: center;
+ }
+
+ .tous_nos_article {
+ width: 100%;
+ text-align: center;
+ font-size: 0.9rem;
+ font-style: italic;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ }
+
+ a:link {
+ text-decoration: none;
+ }
+
+ a:visited {
+ text-decoration: none;
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+
+ a:active {
+ text-decoration: underline;
+ }
+
+ .detail_container_affichage {
+ border: 1px solid;
+ box-shadow: 3px 5px 0px #ccc;
+ padding: 0.8rem;
+ text-align: left;
+ padding: 10px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ color: #3b3e40;
+ padding-bottom: 0rem;
+ text-align: justify;
+ background-color: white;
+ word-break: break-word;
+ height: 25rem;
+ max-height: 25rem;
+ line-height: 1.2rem;
+ font-size: 0.85rem;
+ }
+
+ .detail_container_affichage_blog {
+ //border: 1px solid;
+ box-shadow: 3px 5px 0px #ccc;
+ padding: 0.8rem;
+ text-align: left;
+ padding: 10px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ color: #3b3e40;
+ padding-bottom: 0rem;
+ text-align: justify;
+ background-color: white;
+ word-break: break-word;
+ //height: 25rem;
+ //max-height: 25rem;
+ line-height: 1.2rem;
+ font-size: 0.85rem;
+ }
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 30%;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+ /*border: 0.1rem solid black;
+ height: 50%;
+ width: 50%;
+ margin-left: auto;
+ margin-right: auto;*/
+
+ .detail_row {
+ float: left;
+ border-width: 2px;
+ margin: auto;
+ padding: 0.2rem;
+ border-radius: 0.5rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 0.75rem;
+ margin-bottom: 0.1rem;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100%;
+ margin: 0 auto;
+ }
+
+ textarea {
+ padding: 0.1rem;
+ max-width: 100%;
+ width: 100%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 0.75rem;
+ }
+ input {
+ padding: 0.2rem;
+ max-width: 100%;
+ width: 100%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 0.75rem;
+ }
+
+ .div_left {
+ width: 20%;
+ float: left;
+ border-radius: 5px;
+ text-align: left;
+ height: 25rem;
+ }
+
+ .div_right {
+ width: 80%;
+ float: left;
+ border-radius: 5px;
+ text-align: right;
+ //height: 25rem;
+ }
+ .pub {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ //height: 25rem;
+ margin: auto;
+ border-radius: 20px;
+ }
+ .slide_img {
+ width: 100% !important;
+ height: 25rem !important;
+ max-height: 25rem !important;
+ display: block !important;
+ box-shadow: 3px 5px 0px #ccc;
+ }
+
+ .avis {
+ height: 55%;
+ margin-bottom: 1.5rem;
+ overflow: hidden;
+ overflow-wrap: break-word;
+ font-size: 0.9rem ;
+ }
+
+ .commentarticleavis {
+ background-color: #eaecee;
+ padding: 1.2rem;
+ margin-top: 0.8rem;
+ margin-bottom: 0.8rem;
+ z-index: 55;
+ }
+
+ .inputcommentarticle {
+ padding: 1px;
+ max-width: 90%;
+ width: 90%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1rem;
+ font-size: 0.75rem;
+ }
+
+ .inputcommentarticle_d {
+ padding: 1px;
+ max-width: 90%;
+ width: 90%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1rem;
+ font-size: 0.75rem;
+ float: right;
+ }
+
+ .inputcommentarticlemessage {
+ padding: 1px;
+ max-width: 100%;
+ width: 100%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1rem;
+ font-size: 0.75rem;
+ margin-top: 1rem;
+ }
+
+ .btonPosterComment {
+ border-radius: 10rem;
+ background: #104277;
+ font-size: 0.75rem;
+ }
+
+ .quill {
+ height: 4rem !important;
+ }
+ .mantine-gi9dos {
+ margin: 0px !important;
+ }
+
+ .ql-editor {
+ padding: 0.2rem !important;
+ font-size: 0.75rem;
+ }
+
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ //position: fixed;
+ z-index: 10;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ height: 10rem;
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ }
+
+ .div_mobile {
+
+
+ //position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 25rem;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 23%;
+ float: right;
+ cursor: pointer;
+ text-align: center;
+ font-size: 1rem;
+ border: 2px solid transparent;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ margin-top: 1rem;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ margin-top: 1.2rem;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.1rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .media_sociaux {
+ svg {
+ margin-top: 0 !important;
+ text-align: left !important;
+ }
+
+ .SocialIcon {
+ height: 30px !important;
+ width: 30px !important;
+ }
+ }
+ .detail_container {
+ height: 200px;
+ padding: 0.3rem;
+ border-radius: 30px;
+ }
+
+ .detail_container_affichage {
+ border: 1px solid;
+ box-shadow: 3px 5px 0px #ccc;
+ padding: 0.8rem;
+ text-align: left;
+ margin: auto;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ color: #3b3e40;
+ padding-bottom: 0rem;
+ text-align: justify;
+ background-color: white;
+ word-break: break-word;
+ height: 30rem;
+ max-height: 30rem;
+ line-height: 1.4rem;
+ font-size: 0.9rem;
+ }
+
+ .detail_container_affichage_blog {
+ //border: 1px solid;
+ box-shadow: 3px 5px 0px #ccc;
+ padding: 0.8rem;
+ text-align: left;
+ margin: auto;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ color: #3b3e40;
+ padding-bottom: 0rem;
+ text-align: justify;
+ background-color: white;
+ word-break: break-word;
+ //height: 30rem;
+ //max-height: 30rem;
+ line-height: 1.4rem;
+ font-size: 0.9rem;
+ }
+
+ .titre_article {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #619e31;
+ font-size: 1.2rem;
+ font-weight: bold;
+ text-align: center;
+ }
+
+ .titre_date_publication {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #3b3e40;
+ font-size: xx-small;
+ font-weight: bold;
+ text-align: center;
+ }
+
+ .tous_nos_article {
+ width: 100%;
+ text-align: center;
+ font-size: 0.9rem;
+ font-style: italic;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ }
+
+ a:link {
+ text-decoration: none;
+ }
+
+ a:visited {
+ text-decoration: none;
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+
+ a:active {
+ text-decoration: underline;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 20%;
+ }
+
+ .detail_row {
+ float: left;
+ border-width: 2px;
+ margin: auto;
+ padding: 0.2rem;
+ border-radius: 0.5rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 0.9rem;
+ margin-bottom: 0.1rem;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100%;
+ margin: 0 auto;
+ }
+
+ textarea {
+ padding: 10px;
+ max-width: 100%;
+ width: 100%;
+ line-height: 1.5;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ }
+ input {
+ padding: 10px;
+ max-width: 100%;
+ width: 100%;
+ line-height: 1.5;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 0.9rem;
+ }
+ .okUpdateData {
+ font-size: medium;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: medium;
+ color: red;
+ font-style: italic;
+ }
+
+ .div_left {
+ width: 20%;
+ float: left;
+ border-radius: 5px;
+ text-align: left;
+ }
+
+ .div_right {
+ width: 80%;
+ float: left;
+ border-radius: 5px;
+ text-align: right;
+ }
+ .pub {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 30rem;
+ margin: auto;
+ border-radius: 30px;
+ }
+
+ .avis {
+ height: 55%;
+ margin-bottom: 0.5rem;
+ overflow: hidden;
+ overflow-wrap: break-word;
+ font-size: 0.9rem ;
+ }
+
+ .commentarticleavis {
+ background-color: #eaecee;
+ padding: 1.2rem;
+ margin-top: 0.8rem;
+ margin-bottom: 0.8rem;
+ z-index: 55;
+ }
+
+ .inputcommentarticle {
+ padding: 1px;
+ max-width: 90%;
+ width: 90%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1.2rem;
+ font-size: 0.9rem;
+ }
+
+ .inputcommentarticle_d {
+ padding: 1px;
+ max-width: 90%;
+ width: 90%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1.2rem;
+ font-size: 0.9rem;
+ float: right;
+ }
+
+ .inputcommentarticlemessage {
+ padding: 1px;
+ max-width: 100%;
+ width: 100%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1.2rem;
+ font-size: 0.9rem;
+ margin-top: 1rem;
+ }
+
+ .btonPosterComment {
+ border-radius: 10rem;
+ background: #104277;
+ font-size: 0.9rem;
+ }
+
+ .quill {
+ height: 5rem !important;
+ }
+
+ .ql-editor {
+ padding: 0.2rem !important;
+ font-size: 0.9rem;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ //position: fixed;
+ z-index: 10;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ height: 10rem;
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ }
+
+ .div_mobile {
+ //position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 10rem;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 20%;
+ float: right;
+ cursor: pointer;
+ text-align: center;
+ font-size: 1.1rem;
+ border: 2px solid transparent;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ margin-top: 1rem;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ margin-top: 1.2rem;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.1rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ }
+
+ @media only screen and (min-width: 1200px) {
+ .btonPosterComment {
+ border-radius: 10rem;
+ background: #104277;
+ font-size: 1rem;
+ }
+
+ .media_sociaux {
+ margin-top: 0.3rem;
+ margin-right: 0.2rem;
+ svg {
+ margin-top: 0 !important;
+ text-align: left !important;
+ }
+
+ .SocialIcon {
+ height: 35px !important;
+ width: 35px !important;
+ }
+ }
+
+ .okUpdateData {
+ font-size: large;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: large;
+ color: red;
+ font-style: italic;
+ }
+
+ .detail_container {
+ height: 200px;
+ padding: 0.3rem;
+ border-radius: 30px;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ margin-top: 1rem;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 18%;
+ max-height: 5rem;
+ }
+
+ .detail_row {
+ float: left;
+ border-width: 2px;
+ margin: auto;
+ padding: 0.2rem;
+ border-radius: 0.5rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: 0.9rem;
+ margin-bottom: 0.1rem;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100%;
+ margin: 0 auto;
+ }
+
+ textarea {
+ padding: 10px;
+ max-width: 100%;
+ width: 100%;
+ line-height: 1.5;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ }
+
+ input {
+ padding: 10px;
+ max-width: 100%;
+ width: 100%;
+ line-height: 1.5;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 0.9rem;
+ }
+
+ .titre_article {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #619e31;
+ font-size: 1.4rem;
+ font-weight: bold;
+ text-align: center;
+ margin-top: 1rem;
+ }
+
+ .titre_date_publication {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ color: #3b3e40;
+ font-size: xx-small;
+ font-weight: bold;
+ text-align: center;
+ }
+
+ .detail_container_affichage {
+ border: 1px solid;
+ box-shadow: 3px 5px 0px #ccc;
+ padding: 0.8rem;
+ text-align: left;
+ margin: auto;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ color: #3b3e40;
+ padding-bottom: 0rem;
+ text-align: justify;
+ background-color: white;
+ word-break: break-word;
+ height: 30rem;
+ max-height: 30rem;
+ line-height: 1.5rem;
+ font-size: 1rem;
+ }
+
+ .detail_container_affichage_blog {
+ //border: 1px solid;
+ box-shadow: 3px 5px 0px #ccc;
+ padding: 0.8rem;
+ text-align: left;
+ margin: auto;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-weight: var(--bs-body-font-weight);
+ line-height: var(--bs-body-line-height);
+ color: #3b3e40;
+ padding-bottom: 0rem;
+ text-align: justify;
+ background-color: white;
+ word-break: break-word;
+ //height: 30rem;
+ //max-height: 30rem;
+ line-height: 1.5rem;
+ font-size: 1rem;
+ }
+
+ .tous_nos_article {
+ width: 100%;
+ text-align: center;
+ font-size: 1rem;
+ font-style: italic;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ }
+
+ a:link {
+ text-decoration: none;
+ }
+
+ a:visited {
+ text-decoration: none;
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+
+ a:active {
+ text-decoration: underline;
+ }
+
+
+ .div_left {
+ width: 20%;
+ float: left;
+ border-radius: 5px;
+ text-align: left;
+ }
+
+ .div_right {
+ width: 80%;
+ float: left;
+ border-radius: 5px;
+ }
+ .pub {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 30rem;
+ margin: auto;
+ border-radius: 30px;
+ }
+
+ .avis {
+ height: 50%;
+ margin-bottom: 0.5rem;
+ overflow: hidden;
+ overflow-wrap: break-word;
+ font-size: 0.9rem ;
+ }
+
+ .commentarticleavis {
+ background-color: #eaecee;
+ padding: 1.5rem;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ z-index: 55;
+ }
+
+ .inputcommentarticle {
+ padding: 1px;
+ max-width: 90%;
+ width: 90%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1.5rem;
+ font-size: 1rem;
+ }
+
+ .inputcommentarticle_d {
+ padding: 1px;
+ max-width: 90%;
+ width: 90%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1.5rem;
+ font-size: 1rem;
+ float: right;
+ }
+
+ .inputcommentarticlemessage {
+ padding: 1px;
+ max-width: 100%;
+ width: 100%;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ line-height: 1.5rem;
+ font-size: 1rem;
+ margin-top: 1rem;
+ }
+
+ .quill {
+ height: 10rem !important;
+ }
+
+ .mantine-gi9dos {
+ margin: 0px !important;
+ }
+
+ .ql-editor {
+ padding: 0.2rem !important;
+ font-size: 1rem;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ //position: fixed;
+ z-index: 10;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ height: 10rem;
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ }
+
+ .div_mobile {
+ //position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 10rem;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 20%;
+ float: right;
+ cursor: pointer;
+ text-align: center;
+ font-size: 1.1rem;
+ border: 2px solid transparent;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ margin-top: 1rem;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ margin-top: 1.2rem;
+ margin-bottom: 2rem;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.5rem
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ }
+}
diff --git a/src/styles/components/_produitsservices.scss b/src/styles/components/_produitsservices.scss
index 7c4c03e..cf1e006 100644
--- a/src/styles/components/_produitsservices.scss
+++ b/src/styles/components/_produitsservices.scss
@@ -553,7 +553,95 @@
height: 0.5rem;
}
-
+ .btn_abonnement_v2 {
+ white-space: nowrap;
+ padding-left: 0px;
+ padding-right: 0px;
+ color: white;
+ border: "solid 1px";
+ height: 4rem;
+ width: 80%;
+ font-size: 18px;
+ font-family: Verdana, Georgia, Arial;
+ background: #81BC3A;
+ }
+
+
+ .div_ul_detail_pack {
+ color: #424f61;
+ line-height: 2;
+ font-size: 14px;
+ font-family: Verdana, Georgia, Arial;
+ }
+
+ .div_block_header {
+ font-family: Verdana, Georgia, Arial;
+ color: #424f61;
+ text-align: center;
+ font-size: 1.5rem;
+ justify-content: center;
+ }
+
+ .div_block_prix {
+ font-family: Verdana, Georgia, Arial;
+ color: #424f61;
+ text-align: center;
+ font-size: 1.4rem;
+ justify-content: center;
+ }
+
+ .div_block_fonction {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail {
+ width: 100%;
+ float: left;
+
+
+ // -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ // box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ background: #FFF;
+ min-height: 25rem;
+ // padding: 15px;
+ border-radius: 8px;
+ border: 2px solid #708f8f;
+ margin-bottom: 5px;
+ }
+
+ .div_block_fonction_detail_titre {
+ font-family: Verdana, Georgia, Arial;
+ color: #073462;
+ line-Height: 29px;
+ font-size: 20px;
+ margin-bottom: 5px;
+ width: 100%;
+ font-weight: 400;
+ text-align: center;
+ letter-spacing: 1px;
+ height: 5rem;
+ //padding-left: 2rem;
+ }
+
+ .div_block_fonction_detail_img {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail_img_inside {
+ width: 4rem;
+ }
+
+
+ .div_block_fonction_detail_desc {
+ width: 100%;
+ float: left;
+ text-align: left;
+ line-height: 1.8em;
+ font-size: small;
+ color: #464646
+ }
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@@ -1143,7 +1231,94 @@
.block_vide_produit_service {
height: 7rem;
}
-
+ .btn_abonnement_v2 {
+ white-space: nowrap;
+ padding-left: 0px;
+ padding-right: 0px;
+ color: white;
+ border: "solid 1px";
+ height: 4rem;
+ width: 80%;
+ font-size: 18px;
+ font-family: Verdana, Georgia, Arial;
+ background: #81BC3A;
+ }
+
+
+ .div_ul_detail_pack {
+ color: #424f61;
+ line-height: 2;
+ font-size: 14px;
+ font-family: Verdana, Georgia, Arial;
+ }
+
+ .div_block_header {
+ font-family: Verdana, Georgia, Arial;
+ color: #424f61;
+ text-align: center;
+ font-size: 1.8rem;
+ justify-content: center;
+ }
+
+ .div_block_prix {
+ font-family: Verdana, Georgia, Arial;
+ color: #424f61;
+ text-align: center;
+ font-size: 1.24rem;
+ justify-content: center;
+ }
+
+ .div_block_fonction {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail {
+ width: 30%;
+ float: left;
+
+ margin: 10px;
+ // -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ // box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ background: #FFF;
+ min-height: 25rem;
+ // padding: 15px;
+ border-radius: 8px;
+ border: 2px solid #708f8f;
+ }
+
+ .div_block_fonction_detail_titre {
+ font-family: Verdana, Georgia, Arial;
+ color: #073462;
+ line-Height: 29px;
+ font-size: 20px;
+ margin-bottom: 5px;
+ width: 100%;
+ font-weight: 400;
+ text-align: center;
+ letter-spacing: 1px;
+ height: 5rem;
+ //padding-left: 2rem;
+ }
+
+ .div_block_fonction_detail_img {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail_img_inside {
+ width: 4rem;
+ }
+
+
+ .div_block_fonction_detail_desc {
+ width: 100%;
+ float: left;
+ text-align: left;
+ line-height: 1.8em;
+ font-size: small;
+ color: #464646
+ }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -1737,7 +1912,94 @@
.block_vide_produit_service {
height: 8rem;
}
-
+ .btn_abonnement_v2 {
+ white-space: nowrap;
+ padding-left: 0px;
+ padding-right: 0px;
+ color: white;
+ border: "solid 1px";
+ height: 4rem;
+ width: 80%;
+ font-size: 18px;
+ font-family: Verdana, Georgia, Arial;
+ background: #81BC3A;
+ }
+
+
+ .div_ul_detail_pack {
+ color: #424f61;
+ line-height: 2;
+ font-size: 14px;
+ font-family: Verdana, Georgia, Arial;
+ }
+
+ .div_block_header {
+ font-family: Verdana, Georgia, Arial;
+ color: #424f61;
+ text-align: center;
+ font-size: 2.3125rem;
+ justify-content: center;
+ }
+
+ .div_block_prix {
+ font-family: Verdana, Georgia, Arial;
+ color: #424f61;
+ text-align: center;
+ font-size: 1.8rem;
+ justify-content: center;
+ }
+
+ .div_block_fonction {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail {
+ width: 30%;
+ float: left;
+
+ margin: 10px;
+ // -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ // box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ background: #FFF;
+ min-height: 25rem;
+ // padding: 15px;
+ border-radius: 8px;
+ border: 2px solid #708f8f;
+ }
+
+ .div_block_fonction_detail_titre {
+ font-family: Verdana, Georgia, Arial;
+ color: #073462;
+ line-Height: 29px;
+ font-size: 20px;
+ margin-bottom: 5px;
+ width: 100%;
+ font-weight: 400;
+ text-align: center;
+ letter-spacing: 1px;
+ height: 5rem;
+ //padding-left: 2rem;
+ }
+
+ .div_block_fonction_detail_img {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail_img_inside {
+ width: 4rem;
+ }
+
+
+ .div_block_fonction_detail_desc {
+ width: 100%;
+ float: left;
+ text-align: left;
+ line-height: 1.8em;
+ font-size: small;
+ color: #464646
+ }
}
@media only screen and (min-width: 1200px) {
@@ -2325,98 +2587,101 @@
cursor: pointer;
}
- .block_vide_produit_service {}
+ .btn_abonnement_v2 {
+ white-space: nowrap;
+ padding-left: 0px;
+ padding-right: 0px;
+ color: white;
+ border: "solid 1px";
+ height: 4rem;
+ width: 80%;
+ font-size: 18px;
+ font-family: Verdana, Georgia, Arial;
+ background: #81BC3A;
+ }
+
+
+ .div_ul_detail_pack {
+ color: #424f61;
+ line-height: 2;
+ font-size: 14px;
+ font-family: Verdana, Georgia, Arial;
+ }
+
+ .div_block_header {
+ font-family: Verdana, Georgia, Arial;
+ color: #424f61;
+ text-align: center;
+ font-size: 2.3125rem;
+ justify-content: center;
+ }
+
+ .div_block_prix {
+ font-family: Verdana, Georgia, Arial;
+ color: #424f61;
+ text-align: center;
+ font-size: 1.8rem;
+ justify-content: center;
+ }
+
+ .div_block_fonction {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail {
+ width: 30%;
+ float: left;
+
+ margin: 10px;
+ // -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ // box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ background: #FFF;
+ min-height: 25rem;
+ // padding: 15px;
+ border-radius: 8px;
+ border: 2px solid #708f8f;
+ }
+
+ .div_block_fonction_detail_titre {
+ font-family: Verdana, Georgia, Arial;
+ color: #073462;
+ line-Height: 29px;
+ font-size: 20px;
+ margin-bottom: 5px;
+ width: 100%;
+ font-weight: 400;
+ text-align: center;
+ letter-spacing: 1px;
+ height: 5rem;
+ //padding-left: 2rem;
+ }
+
+ .div_block_fonction_detail_img {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail_img_inside {
+ width: 4rem;
+ }
+
+
+ .div_block_fonction_detail_desc {
+ width: 100%;
+ float: left;
+ text-align: left;
+ line-height: 1.8em;
+ font-size: small;
+ color: #464646
+ }
}
// end media
- .btn_abonnement_v2 {
- width: 100%;
- white-space: nowrap;
- padding-left: 0px;
- padding-right: 0px;
- color: white;
- border: "solid 1px";
- height: 3rem;
- }
-
-
- .div_ul_detail_pack {
- color: #424f61;
- line-height: 2;
- font-size: 14px;
- font-family: Verdana, Georgia, Arial;
- }
-
- .div_block_header {
- font-family: Verdana, Georgia, Arial;
- color: #424f61;
- text-align: center;
- font-size: 2.3125rem;
- justify-content: center;
- }
-
- .div_block_prix {
- font-family: Verdana, Georgia, Arial;
- color: #424f61;
- text-align: center;
- font-size: 1.8rem;
- justify-content: center;
- }
-
- .div_block_fonction {
- width: 100%;
- float: left;
- }
-
- .div_block_fonction_detail {
- width: 30%;
- float: left;
-
- margin: 10px;
- // -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
- // box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
- background: #FFF;
- min-height: 20rem;
- // padding: 15px;
- border-radius: 8px;
- border: 2px solid #708f8f;
- }
-
- .div_block_fonction_detail_titre {
- font-family: Verdana, Georgia, Arial;
- color: #3E6EE3;
- line-Height: 29px;
- font-size: 20px;
- margin-bottom: 5px;
- width: 100%;
- font-weight: 400;
- text-align: center;
- letter-spacing: 1px;
- height: 5rem;
- //padding-left: 2rem;
- }
-
- .div_block_fonction_detail_img {
- width: 100%;
- float: left;
- }
-
- .div_block_fonction_detail_img_inside {
- width: 4rem;
- }
-
-
- .div_block_fonction_detail_desc {
- width: 100%;
- float: left;
- text-align: left;
- line-height: 1.8em;
- font-size: small;
- color: #464646
- }
+
.hr_break {
border: 5px solid grey;
diff --git a/src/styles/components/_recherchearticles.scss b/src/styles/components/_recherchearticles.scss
index 9614d75..922408e 100644
--- a/src/styles/components/_recherchearticles.scss
+++ b/src/styles/components/_recherchearticles.scss
@@ -892,7 +892,7 @@ padding-left: 2rem;
margin-right: auto;
}
}
-
+
.buton_ch22 {
border: 2px solid white;
background-color: transparent;
diff --git a/src/styles/components/_recherchearticles_new_v2_style.scss b/src/styles/components/_recherchearticles_new_v2_style.scss
new file mode 100644
index 0000000..8f57546
--- /dev/null
+++ b/src/styles/components/_recherchearticles_new_v2_style.scss
@@ -0,0 +1,1046 @@
+.recherchearticles_new_v2_style {
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ @media only screen and (max-width: 600px) {
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ overflow-y: hidden !important;
+ }
+
+ .detail_container {
+ width: 80%;
+ height: 200px;
+
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 50%;
+ }
+
+ .detail_row {
+ float: left;
+ border-width: 2px;
+ margin: auto;
+ padding: 0.2rem;
+ border-radius: 0.5rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ margin-bottom: 0.1rem;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100%;
+ margin: 0 auto;
+ }
+
+ textarea {
+ padding: 10px;
+ max-width: 100%;
+ width: 100%;
+ line-height: 1.5;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ position: fixed;
+ z-index: 10;
+ top: 0px;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ z-index: 10;
+ background-color: #e7f3fb;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ }
+
+ .div_mobile {
+ position: relative;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ //background-color: #e6ebe2;
+ top: 6rem;
+ z-index: 1;
+ width: 98%;
+ height: 100%;
+ margin: 0.3rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 20%;
+ float: right;
+ font-weight: 500;
+ cursor: pointer;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ font-weight: bold;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.2rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ width: 50%;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_003 {
+ display: none;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin-bottom: 0.2rem;
+ margin-top: 0.2rem;
+ }
+
+ .div_005 {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: small;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 100%;
+ padding: 0.3rem;
+ font-size: 11px;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ margin-top: 1px;
+ cursor: pointer;
+ overflow-wrap: break-word;
+ border-bottom: #3b3e40;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ padding: 1rem;
+ }
+ }
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ overflow-y: hidden !important;
+ }
+
+ .detail_container {
+ width: 80%;
+ height: 200px;
+
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 30%;
+ }
+
+ .detail_row {
+ float: left;
+ border-width: 2px;
+ margin: auto;
+ padding: 0.2rem;
+ border-radius: 0.5rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ margin-bottom: 0.1rem;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100%;
+ margin: 0 auto;
+ }
+
+ textarea {
+ padding: 10px;
+ max-width: 100%;
+ width: 100%;
+ line-height: 1.5;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .parter_div_gauche {
+ float: left;
+ border: 1px solid black;
+ border-width: 0.01rem;
+ width: 25%;
+ height: 30rem;
+ margin: auto;
+ padding: 10px;
+ border-radius: 1rem;
+ margin-right: 0.5%;
+ background-color: #104277;
+ text-align: left;
+ color: white;
+ }
+
+ .parter_div_droite {
+ float: left;
+ border: 1px solid black;
+ border-width: 0.01rem;
+ width: 74%;
+ height: auto;
+ margin: auto;
+ padding: 10px;
+ border-radius: 1rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ }
+
+ .parter_div_droite_haut {
+ float: left;
+ border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ height: auto;
+ margin: auto;
+ padding: 10px;
+ border-radius: 1rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ margin-bottom: 2rem;
+ }
+
+ .left-pan {
+ padding-left: 7px;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ position: fixed;
+ z-index: 10;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ height: 9rem;
+ background-color: #e7f3fb;
+ z-index: 10;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 9rem;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ padding-right: 2rem;
+ padding-left: 2rem;
+ }
+
+ .pieddepage {
+ z-index: 0;
+ width: 100%;
+ float: left;
+ //margin-top: calc(100vh - 20%);
+ margin-top: 2rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 0.7rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 40%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 60%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.1rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 100%;
+ margin: auto;
+ padding: 0.3rem;
+ font-size: small;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ cursor: pointer;
+ overflow-wrap: break-word;
+ border-bottom: #3b3e40;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ padding: 1rem;
+ }
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ background: white;
+ margin-right: 0.5%;
+ overflow-y: hidden !important;
+ border-radius: 0px;
+ }
+
+ .detail_container {
+ width: 80%;
+ height: 200px;
+
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 20%;
+ max-height: 3rem;
+ }
+
+ .detail_row {
+ float: left;
+ border-width: 2px;
+ margin: auto;
+ padding: 0.2rem;
+ border-radius: 0.5rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ margin-bottom: 0.1rem;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100%;
+ margin: 0 auto;
+ }
+
+ textarea {
+ padding: 10px;
+ max-width: 100%;
+ width: 100%;
+ line-height: 1.5;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ position: fixed;
+ z-index: 10;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ height: 9rem;
+ background-color: #e7f3fb;
+ z-index: 10;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 9rem;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ padding-right: 2rem;
+ padding-left: 2rem;
+ }
+
+ .pieddepage {
+ z-index: -1;
+ width: 100%;
+ float: left;
+ margin-top: 2rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 0.8rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.1rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 100%;
+ margin: auto;
+ padding: 0.3rem;
+ font-size: small;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ cursor: pointer;
+ overflow-wrap: break-word;
+ border-bottom: #3b3e40;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ padding: 1rem;
+ }
+ }
+
+ @media only screen and (min-width: 1200px) {
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ overflow-y: hidden !important;
+ }
+
+ .detail_container {
+ width: 80%;
+ height: 200px;
+
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 18%;
+ max-height: 3rem;
+ }
+
+ .detail_row {
+ float: left;
+ border-width: 2px;
+ margin: auto;
+ padding: 0.2rem;
+ border-radius: 0.5rem;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ background-color: white;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ margin-bottom: 0.1rem;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100%;
+ margin: 0 auto;
+ }
+
+ textarea {
+ padding: 10px;
+ max-width: 100%;
+ width: 100%;
+ line-height: 1.5;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ box-shadow: 1px 1px 1px #999;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ // position: fixed;
+ z-index: 10;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ height: 9rem;
+ background-color: #e7f3fb;
+ z-index: 10;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 9rem;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ padding-right: 2rem;
+ padding-left: 2rem;
+ }
+
+ .pieddepage {
+ z-index: 0;
+ width: 100%;
+ float: left;
+ margin-top: 2rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 1rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.25rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+
+ }
+
+ .div_row {
+ width: 100%;
+ float: left;
+ }
+
+ // end media
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 280px;
+ left: 0px;
+
+ background: #FFFAED;
+ }
+
+ /* Title */
+
+ .Title {
+ padding: 0px;
+ height: 80px;
+ left: 549px;
+ margin-top: 20px;
+ width: 50%;
+ margin-left: 25%;
+ }
+
+
+ /* Support */
+
+ .Support {
+ height: 20px;
+ font-family: "Albert Sans";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 20px;
+ text-align: center;
+ text-transform: uppercase;
+ color: #0A043C;
+ }
+
+
+ .besoin_aide {
+ width: 100%;
+
+ font-family: "Albert Sans";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 50px;
+ line-height: 60px;
+ text-align: center;
+ letter-spacing: -1px;
+ color: #20BFA9;
+ }
+
+ .detail_text_aide {
+ height: 44px;
+ font-family: Verdana, Georgia, Arial;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 22px;
+ text-align: center;
+ color: #0A043C;
+ }
+
+ .barre_recherche {
+ height: 44px;
+ font-family: Verdana, Georgia, Arial;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 22px;
+ text-align: center;
+ color: #0A043C;
+ margin-top: 2rem;
+ }
+
+ .aricles_a_la_une {
+ width: 95%;
+ margin-left: 5%;
+ float: left;
+ border: solid 1px;
+ padding: 10px;
+ min-height: 20rem;
+ }
+
+ .liste_articles {
+ width: 95%;
+ margin-left: 5%;
+ float: left;
+ //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;
+ }
+
+
+
+ .buton_ch22 {
+ border: 2px solid white;
+ background-color: transparent;
+ color: white;
+ padding: 0px;
+ font-size: 16px;
+ cursor: pointer;
+ font-size: small;
+ border-radius: 4rem;
+ width: 6rem;
+ min-width: 6rem;
+ height: 1.7rem;
+ text-align: left;
+ }
+
+ .forma_rightbox {
+ float: right;
+ border-width: 2px;
+ width: 100%;
+ margin: auto;
+ padding: 0.5rem;
+ font-size: small;
+ text-align: left;
+ color: rgb(10, 42, 77);
+ cursor: pointer;
+ overflow-wrap: break-word;
+ border-bottom: #3b3e40;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ padding: 1rem;
+ }
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 3e8ca08..57346f8 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -127,4 +127,6 @@
@import "./components/reherche_new_v3";
@import "./components/displaydetailclass_new_v3";
@import "./components/reherche_new_v4";
-@import "./components/footer_catalog_pub";
\ No newline at end of file
+@import "./components/footer_catalog_pub";
+@import "./components/displaydetailarticle_new_v2";
+@import "./components/recherchearticles_new_v2_style";
\ No newline at end of file