diff --git a/src/styles/components/_quisommesnous_v4.scss b/src/styles/components/_quisommesnous_v4.scss
index fcb7c84..841c8fe 100644
--- a/src/styles/components/_quisommesnous_v4.scss
+++ b/src/styles/components/_quisommesnous_v4.scss
@@ -2,7 +2,7 @@
width: 100%;
float: left;
-
+
.h1_transparent {
color: transparent;
font-size: 0.1rem;
@@ -713,6 +713,36 @@
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
+ .content_gestion_notre_vision {
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ // height: 400px;
+ // position: relative;
+ margin-bottom: 1rem;
+
+ }
+
+ .content_gestion_notre_vision_img {
+ display: none;
+ }
+
+ .content_gestion_notre_vision_txt {
+ z-index: 9;
+ width: 100%;
+ // height: 400px;
+ // position: absolute;
+ top: 10px;
+ left: 0;
+
+ background: #FFF5DA;
+ padding-top: 3rem;
+ padding: 5px;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
.detail_content_text_head_1 {
font-family: Albert Sans;
@@ -733,7 +763,7 @@
font-family: Albert Sans;
font-size: 20px;
- font-weight: 500;
+ font-weight: 600;
line-height: 40px;
letter-spacing: 1px;
text-align: center;
@@ -744,35 +774,35 @@
.detail_content_text_head_3 {
- font-family: Albert Sans;
- font-size: small;
+ font-size: medium;
font-weight: normal;
- line-height: 22px;
+ line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
padding-bottom: 1.5rem;
letter-spacing: 1px;
text-align: justify;
- width: 95%;
+ width: 100%;
font-family: Verdana, Georgia, Arial;
-
+ padding: 5px;
}
.detail_content_text_head_3_gauche {
font-family: Verdana, Georgia, Arial;
- font-size: small;
+ font-size: medium;
font-weight: normal;
- line-height: 24px;
+ line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
padding-bottom: 2rem;
letter-spacing: 1px;
text-align: justify;
- width: 95%;
+ width: 100%;
+ padding: 5px;
}
@@ -1352,6 +1382,15 @@
justify-content: center;
}
+ .desc_pave_haut {
+ // height: 30rem;
+ }
+
+ .desc_pave_bas {
+ // margin-left: -10rem !important;
+ margin-top: 1rem;
+ }
+
}
@@ -2049,7 +2088,7 @@
width: 95%;
margin-left: auto;
margin-right: auto;
- height: 550px;
+ height: 1050px;
position: relative;
margin-bottom: 1rem;
@@ -2069,6 +2108,45 @@
}
.content_gestion_admin_txt {
+ z-index: 9;
+ width: 80%;
+ height: 1050px;
+ position: absolute;
+ top: 10px;
+ left: 0;
+ margin-left: 19%;
+ background: #FFF5DA;
+ padding-top: 3rem;
+ padding-left: 25%;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
+ .content_gestion_notre_vision {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 550px;
+ position: relative;
+ margin-bottom: 1rem;
+
+ }
+
+ .content_gestion_notre_vision_img {
+ z-index: 10;
+ width: 40%;
+ height: 400px;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ margin-top: 50px;
+ background: white;
+ box-shadow: 50px 50px 80px 15px #1E1E1E0A;
+ border-radius: 15px;
+ }
+
+ .content_gestion_notre_vision_txt {
z-index: 9;
width: 80%;
height: 480px;
@@ -2117,7 +2195,7 @@
font-family: Albert Sans;
font-size: 16px;
font-weight: normal;
- line-height: 24px;
+ line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@@ -2135,7 +2213,7 @@
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: normal;
- line-height: 24px;
+ line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@@ -2172,7 +2250,7 @@
.content_gestion_elearning_txt {
z-index: 9;
width: 80%;
- height: 480px;
+ height: 580px;
position: absolute;
top: 10px;
left: 0;
@@ -2719,6 +2797,15 @@
justify-content: center;
}
+ .desc_pave_haut {
+ // height: 30rem;
+ }
+
+ .desc_pave_bas {
+ margin-left: -10rem !important;
+ margin-top: 2rem;
+ }
+
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -3423,7 +3510,7 @@
width: 95%;
margin-left: auto;
margin-right: auto;
- height: 600px;
+ height: 1100px;
position: relative;
margin-bottom: 1rem;
@@ -3443,6 +3530,46 @@
}
.content_gestion_admin_txt {
+ z-index: 9;
+ width: 80%;
+ height: 1050px;
+ position: absolute;
+ top: 10px;
+ left: 0;
+ margin-left: 19%;
+ background: #FFF5DA;
+ padding-top: 3rem;
+ padding-left: 25%;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
+
+ .content_gestion_notre_vision {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 600px;
+ position: relative;
+ margin-bottom: 1rem;
+
+ }
+
+ .content_gestion_notre_vision_img {
+ z-index: 10;
+ width: 40%;
+ height: 400px;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ margin-top: 50px;
+ background: white;
+ box-shadow: 50px 50px 80px 15px #1E1E1E0A;
+ border-radius: 15px;
+ }
+
+ .content_gestion_notre_vision_txt {
z-index: 9;
width: 80%;
height: 480px;
@@ -3458,6 +3585,7 @@
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
+
.detail_content_text_head_1 {
font-family: Albert Sans;
@@ -3491,7 +3619,7 @@
font-family: Albert Sans;
font-size: 16px;
font-weight: normal;
- line-height: 26px;
+ line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@@ -3509,7 +3637,7 @@
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: normal;
- line-height: 26px;
+ line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@@ -3546,7 +3674,7 @@
.content_gestion_elearning_txt {
z-index: 9;
width: 80%;
- height: 480px;
+ height: 580px;
position: absolute;
top: 10px;
left: 0;
@@ -4092,6 +4220,15 @@
font-size: 1.8rem;
justify-content: center;
}
+
+ .desc_pave_haut {
+ // height: 30rem;
+ }
+
+ .desc_pave_bas {
+ margin-left: -12rem !important;
+ margin-top: 5rem;
+ }
}
@media only screen and (min-width: 1200px) {
@@ -4786,7 +4923,7 @@
width: 80%;
margin-left: auto;
margin-right: auto;
- height: 500px;
+ height: 1000px;
position: relative;
margin-bottom: 1rem;
@@ -4806,6 +4943,61 @@
}
.content_gestion_admin_txt {
+ z-index: 9;
+ width: 80%;
+ height: 980px;
+ position: absolute;
+ top: 10px;
+ left: 0;
+ margin-left: 19%;
+ background: #FFF5DA;
+ padding-top: 3rem;
+ padding-left: 25%;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
+ .content_gestion_admin_txt_100_percent {
+ z-index: 9;
+ width: 80%;
+ height: 980px;
+ position: absolute;
+ top: 10px;
+ left: 0;
+ margin-left: 19%;
+ background: #FFF5DA;
+ padding-top: 3rem;
+ padding-left: 5% !important;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
+ .content_gestion_notre_vision {
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 500px;
+ position: relative;
+ margin-bottom: 1rem;
+
+ }
+
+ .content_gestion_notre_vision_img {
+ z-index: 10;
+ width: 40%;
+ height: 400px;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ margin-top: 50px;
+ background: white;
+ box-shadow: 50px 50px 80px 15px #1E1E1E0A;
+ border-radius: 15px;
+ }
+
+ .content_gestion_notre_vision_txt {
z-index: 9;
width: 80%;
height: 480px;
@@ -4821,6 +5013,7 @@
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
+
.detail_content_text_head_1 {
font-family: Albert Sans;
@@ -4850,19 +5043,17 @@
}
.detail_content_text_head_3 {
-
font-size: 18px;
font-weight: normal;
- line-height: 30px;
+ line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
padding-bottom: 2rem;
letter-spacing: 1px;
text-align: justify;
- width: 80%;
+ width: 95%;
font-family: Verdana, Georgia, Arial;
-
}
@@ -4886,7 +5077,7 @@
width: 80%;
margin-left: auto;
margin-right: auto;
- height: 500px;
+ height: 600px;
position: relative;
margin-bottom: 1rem;
@@ -4908,7 +5099,7 @@
.content_gestion_elearning_txt {
z-index: 9;
width: 80%;
- height: 480px;
+ height: 550px;
position: absolute;
top: 10px;
left: 0;
@@ -5456,7 +5647,7 @@
padding: 10px;
max-width: 1400px !important;
}
-
+
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
@@ -5465,6 +5656,14 @@
justify-content: center;
}
+ .desc_pave_haut {
+ // height: 30rem;
+ }
+
+ .desc_pave_bas {
+ margin-left: -12rem !important;
+ margin-top: 5rem;
+ }
}
// end media