+ {/*
Nos services
@@ -3786,8 +3792,8 @@ const Recherche_new_v2 = () => {
}
-
-
+
+
{result && myApiResponse == "True" && fin == 0 && !newresult &&
result.slice(0, PageSize).map((formation) => (
)
diff --git a/src/styles/components/_quisommesnous_v2.scss b/src/styles/components/_quisommesnous_v2.scss
new file mode 100644
index 0000000..ac066ab
--- /dev/null
+++ b/src/styles/components/_quisommesnous_v2.scss
@@ -0,0 +1,1687 @@
+.quisommesnous_v2 {
+ .h1_transparent {
+ color: transparent;
+ font-size: 0.1rem;
+ }
+
+ @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;
+ }
+ }
+
+ .div_carte {
+ width: 95%;
+ }
+
+ .div_adresse {
+ width: 95%;
+ text-justify: auto;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 50%;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .div_row {
+ float: left;
+ //border: 0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 20%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 80%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .nom_prenom {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ font-weight: bold;
+ text-align: center;
+ margin-bottom: 1rem;
+ }
+
+ .img_gauche_taille {
+ max-width: 50%;
+ }
+
+ .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;
+ top: 7rem;
+ z-index: 1;
+ width: 98%;
+ height: 100%;
+ margin: 0.3rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 2rem;
+ }
+
+ .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;
+ }
+
+ .div_row_center {
+ width: 90%;
+ margin-bottom: 0.5rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 0.5rem;
+ }
+
+ .div_row_center_contact {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 0.5rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: 4rem;
+ background: #ed902f;
+ text-align: center;
+ font-size: medium;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 1rem;
+ }
+
+ .div_row_center_text {
+ font-size: medium;
+ margin-top: 0.2rem;
+ font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
+ }
+
+ .div_row_center_enphasis {
+ font-size: medium;
+ color: #113459;
+ margin-top: 0.2rem;
+ text-align: justify;
+ line-height: 2rem;
+ letter-spacing: 1px;
+ }
+
+ .div_row_line1 {
+ //float: left;
+ width: 100%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 40rem;
+ min-height: 20rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row_line2 {
+ //float: left;
+ width: 100%;
+ text-align: center;
+ background: #f0f0f5;
+ margin: 5px;
+ height: 40rem;
+ min-height: 20rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row_line3 {
+ float: left;
+ width: 100%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 40rem;
+ min-height: 20rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row_presenation {
+ //border: 0.01rem solid #000;
+ width: 100%;
+ margin-bottom: 1rem;
+ margin-left: auto;
+ margin-right: auto;
+ height: 6rem;
+ }
+
+ .text_head_new {
+ font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
+ sans-serif;
+ font-size: 20 px;
+ margin-top: 1rem;
+ margin-bottom: 00.5rem;
+ padding-right: 1rem;
+ padding-left: 2rem;
+ text-transform: uppercase;
+ }
+
+ .text_desc {
+ overflow-wrap: break-word;
+ text-align: start;
+ font-size: small;
+ padding-right: 10px;
+ padding-left: 10px;
+ font-style: italic;
+ text-align: justify;
+ }
+
+ .myli {
+ margin-bottom: 0.8rem;
+ }
+
+ .div_row_where {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-top: 2rem;
+ }
+
+ .bton_contact_nous {
+ width: 100%;
+ text-align: center;
+ padding: 0;
+ border: 0px;
+ font-weight: bold;
+ font-size: small;
+ color: white;
+ padding-top: 5px;
+ }
+
+
+
+ .img_1 {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%;
+ }
+
+ .div_row_img1 {
+ float: left;
+ width: 100%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ }
+
+ .div_row_img2 {
+ float: left;
+ width: 100%;
+ text-align: center;
+ //background: #f0f0f5;
+ margin: 5px;
+ }
+
+ .div_row_img3 {
+ float: left;
+ width: 100%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ }
+
+ .main_sub_div {
+ height: 220rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%;
+ background: white;
+ }
+
+ .detail_block{
+ width: 100%;
+ float: left;
+ display: flex;
+ }
+
+ .detail_text {
+ width: 100%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+ margin-bottom: 1rem;
+
+ }
+
+ .detail_img {
+ display: none;
+
+ }
+
+ }
+
+ @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;
+ }
+ }
+
+ .div_carte {
+ width: 70%;
+ float: left;
+ }
+
+ .div_adresse {
+ width: 29%;
+ float: left;
+ text-align: left;
+ font-size: medium;
+ text-justify: auto;
+ padding-left: 0.5rem;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 30%;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .div_row {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 20%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 80%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .nom_prenom {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: bold;
+ text-align: center;
+ margin-bottom: 1rem;
+ }
+
+ .img_gauche_taille {
+ max-width: 50%;
+ }
+
+ .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: 9rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 2rem;
+ }
+
+ .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;
+ 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 {
+ 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;
+ }
+
+ .div_row_center {
+ width: 90%;
+ margin-bottom: 2rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 2rem;
+ }
+
+ .div_row_center_contact {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: 3rem;
+ background: #ed902f;
+ text-align: center;
+ font-size: medium;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+
+ .div_row_center_text {
+ font-size: large;
+ margin-top: 0.5rem;
+ font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
+ }
+
+ .div_row_center_enphasis {
+ font-size: medium;
+ color: #113459;
+ margin-top: 0.5rem;
+ text-align: justify;
+ line-height: 2rem;
+ letter-spacing: 1px;
+ }
+
+ .div_row_line1 {
+ float: left;
+ width: 31%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 50rem;
+ min-height: 20rem;
+ }
+
+ .div_row_line2 {
+ float: left;
+ width: 31%;
+ text-align: center;
+ background: #f0f0f5;
+ margin: 5px;
+ height: 50rem;
+ min-height: 20rem;
+ }
+
+ .div_row_line3 {
+ float: left;
+ width: 31%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 50rem;
+ min-height: 20rem;
+ }
+
+ .div_row_presenation {
+ //border: 0.01rem solid #000;
+ width: 98%;
+ margin-bottom: 2rem;
+ margin-left: auto;
+ margin-right: auto;
+ height: 10rem;
+ margin-top: 2rem;
+ }
+
+ .text_head_new {
+ font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
+ sans-serif;
+ font-size: medium;
+ margin-top: 1rem;
+ margin-bottom: 00.5rem;
+ padding-right: 1rem;
+ padding-left: 1rem;
+ text-transform: uppercase;
+ height: 4rem;
+ }
+
+ .text_desc {
+ overflow-wrap: break-word;
+ text-align: start;
+ font-size: small;
+ padding-right: 10px;
+ padding-left: 5px;
+ font-style: italic;
+ text-align: justify;
+ }
+
+ .myli {
+ margin-bottom: 0.8rem;
+ }
+
+ .div_row_where {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-top: 5rem;
+ }
+
+ .bton_contact_nous {
+ width: 100%;
+ text-align: center;
+ padding: 0;
+ border: 0px;
+ height: 3rem;
+ font-weight: bold;
+ font-size: medium;
+ color: white;
+ }
+
+ .img_1 {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ width: 100%;
+ }
+
+ .div_row_img1 {
+ float: left;
+ width: 30%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 10rem;
+ min-height: 8rem;
+ border-right: 1px solid;
+ }
+
+ .div_row_img2 {
+ float: left;
+ width: 30%;
+ text-align: center;
+ //background: #f0f0f5;
+ margin: 5px;
+ height: 10rem;
+ min-height: 8rem;
+
+ }
+
+ .div_row_img3 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 10rem;
+ min-height: 8rem;
+ border-left: 1px solid;
+ }
+
+ .main_sub_div {
+ height: 220rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%;
+ background: white;
+ }
+
+ .detail_block{
+ width: 100%;
+ float: left;
+ display: flex;
+ }
+
+ .detail_text {
+ width: 50%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+ margin-bottom: 1rem;
+
+ }
+
+ .detail_img {
+ width: 50%;
+ float: left;
+ margin: 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;
+ }
+ }
+
+ .div_carte {
+ width: 70%;
+ float: left;
+ }
+
+ .div_adresse {
+ width: 29%;
+ float: left;
+ text-justify: auto;
+ padding-left: 0.5rem;
+ }
+
+ .nom_prenom {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 1rem;
+ font-weight: bold;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 20%;
+ max-height: 3rem;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .div_row {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 20%;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 80%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .img_gauche_taille {
+ max-width: 30%;
+ }
+
+ .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: 9rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .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: 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;
+ }
+
+ .div_row_center {
+ width: 80%;
+ margin-bottom: 2rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 2rem;
+ }
+
+ .div_row_center_contact {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: 3rem;
+ background: #ed902f;
+ text-align: center;
+ font-size: medium;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+
+ .div_row_center_text {
+ font-size: large;
+ margin-top: 0.5rem;
+ font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
+ }
+
+ .div_row_center_enphasis {
+ font-size: medium;
+ color: #113459;
+ margin-top: 0.5rem;
+ text-align: justify;
+ line-height: 2rem;
+ letter-spacing: 1px;
+ }
+
+ .div_row_line1 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 44rem;
+ min-height: 20rem;
+ }
+
+ .div_row_line2 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f0f0f5;
+ margin: 5px;
+ height: 45rem;
+ min-height: 20rem;
+ }
+
+ .div_row_line3 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 45rem;
+ min-height: 20rem;
+ }
+
+ .div_row_presenation {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 3rem;
+ margin-left: auto;
+ margin-right: auto;
+ height: 13rem;
+ margin-top: 5rem;
+ }
+
+ .text_head_new {
+ font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
+ sans-serif;
+ font-size: 18px;
+ margin-top: 1rem;
+ margin-bottom: 00.5rem;
+ padding-right: 1rem;
+ padding-left: 2rem;
+ text-transform: uppercase;
+ height: 4rem;
+ }
+
+ .text_desc {
+ overflow-wrap: break-word;
+ text-align: start;
+ font-size: small;
+ padding-right: 1.5rem;
+ padding-left: 2rem;
+ font-style: italic;
+ text-align: justify;
+ }
+
+ .myli {
+ margin-bottom: 0.8rem;
+ }
+
+ .div_row_where {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-top: 5rem;
+ }
+
+ .bton_contact_nous {
+ width: 100%;
+ text-align: center;
+ padding: 0;
+ border: 0px;
+ height: 3rem;
+ font-weight: bold;
+ font-size: medium;
+ color: white;
+ }
+
+ .img_1 {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ width: 100%;
+ }
+
+ .img_1_bis {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ width: 80% !important;
+ }
+
+ .div_row_img1 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 12rem;
+ min-height: 12rem;
+ border-right: 1px solid;
+ }
+
+ .div_row_img2 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f0f0f5;
+ margin: 5px;
+ height: 12rem;
+ min-height: 12rem;
+
+ }
+
+ .div_row_img3 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 12rem;
+ min-height: 12rem;
+ border-left: 1px solid;
+ }
+
+ .main_sub_div {
+ height: 180rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 90%;
+ background: white;
+ }
+
+ .detail_block{
+ width: 100%;
+ float: left;
+ display: flex;
+ }
+
+ .detail_text {
+ width: 50%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+
+ }
+
+ .detail_img {
+ width: 50%;
+ float: left;
+ margin: auto;
+
+ }
+
+ }
+
+ @media only screen and (min-width: 1200px) {
+ .media_sociaux {
+ svg {
+ margin-top: 0 !important;
+ text-align: left !important;
+ }
+
+ .SocialIcon {
+ height: 35px !important;
+ width: 35px !important;
+ }
+ }
+
+ .div_carte {
+ width: 70%;
+ float: left;
+ }
+
+ .div_adresse {
+ width: 29%;
+ float: left;
+ text-justify: auto;
+ padding-left: 0.5rem;
+ }
+
+ .nom_prenom {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: large !important;
+ text-align: center;
+ margin-bottom: 1rem;
+ font-weight: bold;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 18%;
+ max-height: 3rem;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ }
+
+ .div_row {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 20%;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 80%;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .img_gauche_taille {
+ max-width: 30%;
+ }
+
+ .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: 7rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .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;
+ }
+
+ .div_row_center {
+ width: 90%;
+ margin-bottom: 4rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: rem;
+ text-align: center;
+ font-size: large;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ margin-top: 3rem;
+ }
+
+ .div_row_center_contact {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ border-radius: 0px;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 10 rem;
+ height: 3rem;
+ background: #ed902f;
+ text-align: center;
+ font-size: medium;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #3b3e40;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+
+ .div_row_center_text {
+ font-size: large;
+ margin-top: 0.5rem;
+ font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
+ }
+
+ .div_row_center_enphasis {
+ font-size: medium;
+ color: #113459;
+ margin-top: 0.5rem;
+ margin-bottom: 1rem;
+ letter-spacing: 1px;
+ line-height: 2rem;
+ text-align: justify;
+ }
+
+ .div_row_line1 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 40rem;
+ min-height: 32rem;
+ }
+
+ .div_row_line2 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f0f0f5;
+ margin: 5px;
+ height: 40rem;
+ min-height: 32rem;
+ }
+
+ .div_row_line3 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ background: #f2f2f2;
+ margin: 5px;
+ height: 40rem;
+ min-height: 32rem;
+ }
+
+ .div_row_presenation {
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 3rem;
+ margin-left: auto;
+ margin-right: auto;
+ height: 15rem;
+ margin-top: 5rem;
+ }
+
+ .text_head_new {
+ font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
+ sans-serif;
+ font-size: 22px;
+ margin-top: 1rem;
+ margin-bottom: 00.5rem;
+ padding-right: 1rem;
+ padding-left: 2rem;
+ text-transform: uppercase;
+ }
+
+ .text_desc {
+ overflow-wrap: break-word;
+ text-align: start;
+ font-size: small;
+ padding-right: 1.5rem;
+ padding-left: 2rem;
+ font-style: italic;
+ text-align: justify;
+ }
+
+ .myli {
+ margin-bottom: 0.8rem;
+ }
+
+ .div_row_where {
+ float: left;
+ //border: 0.01rem solid #000;
+ width: 90%;
+ margin-bottom: 1rem;
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-top: 5rem;
+ }
+
+ .bton_contact_nous {
+ width: 100%;
+ text-align: center;
+ padding: 0;
+ border: 0px;
+ height: 3rem;
+ font-weight: bold;
+ font-size: medium;
+ color: white;
+ }
+
+ .img_1 {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ width: 100%;
+ }
+
+ .img_1_bis {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ width: 80% !important;
+ }
+
+ .div_row_img1 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 15rem;
+ min-height: 15rem;
+ border-right: 1px solid;
+ }
+
+ .div_row_img2 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ // background: #f0f0f5;
+ margin: 5px;
+ height: 15rem;
+ min-height: 15rem;
+
+ }
+
+ .div_row_img3 {
+ float: left;
+ width: 32%;
+ text-align: center;
+ //background: #f2f2f2;
+ margin: 5px;
+ height: 15rem;
+ min-height: 15rem;
+ border-left: 1px solid;
+ }
+
+ .main_sub_div {
+ height: 220rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 90%;
+ background: white;
+ }
+
+ .detail_block{
+ width: 100%;
+ float: left;
+ display: flex;
+ }
+
+ .detail_text {
+ width: 50%;
+ float: left;
+ margin: auto;
+ text-align: justify;
+ }
+
+ .detail_img {
+ width: 50%;
+ float: left;
+ margin: auto;
+
+ }
+ }
+
+ // end media
+ .header_title {
+ background: gainsboro;
+ font-size: x-large;
+ font-weight: 700;
+ letter-spacing: 1px;
+ height: 3rem !important;
+ padding-top: 5px;
+ }
+
+ .chapitre {
+ font-size: 1.3rem;
+ line-height: 3rem;
+ }
+
+ .hr_break {
+ border: 10px solid grey;
+ }
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 07d0044..6928ad9 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -93,4 +93,5 @@
@import "./components/module_historique_action";
@import "./components/partner_prix_achat";
@import "./components/apprenant";
+@import "./components/quisommesnous_v2";