);
}
diff --git a/src/pages/Login.js b/src/pages/Login.js
index 28d06a3..3601cfc 100644
--- a/src/pages/Login.js
+++ b/src/pages/Login.js
@@ -3,15 +3,16 @@ import SignIn from "../components/SignIn";
import Navigation from "../components/Navigation";
-
export default function Login() {
return (
+
+
+
);
}
diff --git a/src/pages/NotFound.js b/src/pages/NotFound.js
index 8b55c44..338859c 100644
--- a/src/pages/NotFound.js
+++ b/src/pages/NotFound.js
@@ -1,36 +1,80 @@
-import React from "react";
+import React, { useState, useEffect } from "react";
import Navigation from "../components/Navigation";
import bannerimg2 from "./../mysy_img/MYSY-LOGO-BLUE.png";
import { Helmet } from "react-helmet";
import Footer from "./../components/Fotter";
import Header from "./../components/Header";
+import Fotter_v3 from "./../components/Fotter_v3";
const NotFound = () => {
+
+ const [tempo, settempo] = useState(".");
+ setInterval(check, 2000);
+
+
+ window.setTimeout(function () {
+ window.location.href = process.env.REACT_APP_BASE_URL
+ }, 9000);
+
+
+ function check() {
+ var val = tempo + " .";
+ //alert(" val = "+val);
+ settempo(val);
+
+ }
return (
-
)
-}
+}
export default recherche_draft;
diff --git a/src/pages/recherchearticles.js b/src/pages/recherchearticles.js
index f2e277e..8eb54fd 100644
--- a/src/pages/recherchearticles.js
+++ b/src/pages/recherchearticles.js
@@ -5,13 +5,13 @@ import Navigation from "../components/Navigation";
export default function displaydetailarticle() {
return (
-
);
}
\ No newline at end of file
diff --git a/src/styles/components/_header.scss b/src/styles/components/_header.scss
index d472d83..41bac89 100644
--- a/src/styles/components/_header.scss
+++ b/src/styles/components/_header.scss
@@ -30,7 +30,7 @@
color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: small;
- width: 90%;
+ width: 96%;
margin-left: auto;
margin-right: auto;
}
@@ -48,7 +48,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
- // margin-bottom: 0.1rem;
+ // margin-bottom: 0.1rem;
//border-radius: 1rem;
position: fixed;
z-index: 10;
@@ -75,7 +75,7 @@
background-color: #e7f3fb;
background-color: #FFF5DA;
color: #0A043C;
- // background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ // background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px;
@@ -174,7 +174,7 @@
color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 1.1rem;
- width: 90%;
+ width: 96%;
margin-left: auto;
margin-right: auto;
}
@@ -192,7 +192,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
- // margin-bottom: 0.1rem;
+ // margin-bottom: 0.1rem;
//border-radius: 1rem;
//position: fixed;
z-index: 10;
@@ -214,12 +214,12 @@
//border-width: 0.01rem;
width: 100%;
//border-radius: 1rem;
- // height: 8rem;
+ // height: 8rem;
background-color: #e7f3fb;
background-color: #FFF5DA;
color: #0A043C;
z-index: 10;
- // background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ // background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px;
@@ -332,7 +332,7 @@
color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 1.2rem;
- width: 90%;
+ width: 96%;
margin-left: auto;
margin-right: auto;
}
@@ -351,7 +351,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
- // margin-bottom: 0.1rem;
+ // margin-bottom: 0.1rem;
//border-radius: 1rem;
//position: fixed;
z-index: 10;
@@ -373,11 +373,11 @@
//border-width: 0.01rem;
width: 100%;
//border-radius: 1rem;
- // height: 8rem;
+ // height: 8rem;
background-color: #FFF5DA;
color: #0A043C;
z-index: 10;
- // background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+ // background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px;
@@ -519,7 +519,7 @@
color: #0A043C;
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 1.2rem;
- width: 90%;
+ width: 96%;
margin-left: auto;
margin-right: auto;
}
@@ -538,7 +538,7 @@
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
- // margin-bottom: 0.1rem;
+ // margin-bottom: 0.1rem;
//border-radius: 1rem;
//position: fixed;
z-index: 10;
@@ -557,7 +557,7 @@
.header_div_row_bas {
float: right;
width: 100%;
- // height: 8rem;
+ // height: 8rem;
background-color: #FFF5DA;
color: #0A043C;
z-index: 10;
@@ -711,26 +711,125 @@
color: white;
margin-left: auto;
margin-right: auto;
- }
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ } }
@media only screen and (min-width: 601px) and (max-width: 991px) {
width: 50%;
float: left;
color: white;
- }
+ .training {
- @media only screen and (min-width: 992px) and (max-width: 1199px){
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }}
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
width: 50%;
float: left;
color: white;
- }
+ .training {
- @media only screen and (min-width: 1200px){
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ } }
+
+ @media only screen and (min-width: 1200px) {
width: 30%;
float: left;
color: white;
+
+ .training {
+
+ width: 108px;
+ height: 12px;
+
+ font-family: 'Albert Sans';
+ font-style: normal;
+ font-weight: 900;
+ font-size: 10px;
+ line-height: 12px;
+ /* identical to box height */
+
+ letter-spacing: 0.83em;
+
+ /* Deep Blue */
+
+ color: #0A043C;
+
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 1;
+ flex-grow: 0;
+ }
}
+
}
.header_img_logo22 {
diff --git a/src/styles/components/_notfound.scss b/src/styles/components/_notfound.scss
index 8e18306..68a3a20 100644
--- a/src/styles/components/_notfound.scss
+++ b/src/styles/components/_notfound.scss
@@ -1,5 +1,9 @@
.notfound {
+
+ width: 100%;
+ float: left;
+
.loader-container {
width: 100%;
height: 100vh;
@@ -15,7 +19,7 @@
left: 0px;
}
-.spinner {
+ .spinner {
width: 20rem;
height: 10rem;
border: 8px solid;
@@ -24,13 +28,13 @@
animation: spin-anim 1.2s linear infinite;
background-color: red;
color: black;
-}
+ }
-.mysy_spinner {
+ .mysy_spinner {
border-radius: 5px;
//border: 1px solid black;
opacity: 100%;
-}
+ }
@media only screen and (max-width: 600px) {
@@ -103,12 +107,12 @@
}
.div_mobile {
- position: relative;
+ // position: relative;
top: 7rem;
z-index: 1;
- width: 98%;
+ width: 100%;
height: 100%;
- margin: 0.3rem;
+ //margin: 0.3rem;
margin-left: auto;
margin-right: auto;
}
@@ -123,6 +127,40 @@
}
+ .block_entete {
+ margin-top: 3rem;
+ width: 100%;
+ float: left;
+ border: none;
+ background: var(--Beige, #FFF5DA);
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 100%;
+ float: left;
+ //margin-top: 2rem;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ }
+
+ .Background-header {
+ // position: absolute;
+ width: 100%;
+ height: 3rem;
+ left: 0px;
+
+ background: var(--Beige, #FFF5DA);
+ }
+
+ .display_screen_600_901 {
+ width: 100%;
+ float: left;
+ padding: 5px;
+ min-height: 70vh;
+ margin-left: 0pc;
+ padding-top: 5rem;
+ }
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@@ -195,8 +233,8 @@
}
.div_mobile {
- position: absolute;
- top: 11rem;
+ // position: absolute;
+ // top: 11rem;
z-index: 1;
width: 100%;
}
@@ -210,6 +248,27 @@
}
+ .block_entete {
+ height: 6rem;
+ float: left;
+ border: none;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 100%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ }
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 100px;
+ left: 0px;
+
+ background: var(--Beige, #FFF5DA);
+ }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -283,7 +342,7 @@
}
.div_mobile {
- position: absolute;
+ // position: absolute;
top: 11rem;
z-index: 1;
width: 100%;
@@ -298,6 +357,27 @@
position: absolute;
}
+ .block_entete {
+ height: 8rem;
+ float: left;
+ border: none;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 95%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ }
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 100px;
+ left: 0px;
+
+ background: var(--Beige, #FFF5DA);
+ }
}
@media only screen and (min-width: 1200px) {
@@ -368,7 +448,7 @@
.div_mobile {
- position: absolute;
+ // position: absolute;
top: 11rem;
z-index: 1;
width: 100%;
@@ -385,5 +465,42 @@
.img_ok {
max-width: 5%;
}
+
+ .block_entete {
+ height: 10rem;
+ float: left;
+ border: none;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 100%;
+ padding: 10px;
+ max-width: 1400px !important;
+ }
+
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 150px;
+ left: 0px;
+ background: var(--Beige, #FFF5DA);
+ }
+ }
+
+
+ // end media
+ .display_screen_600_901 {
+ width: 95%;
+ margin-left: 5%;
+ float: left;
+ padding: 10px;
+ min-height: 70vh;
+ padding-top: 10rem;
+ }
+
+ .text_welcome{
+ margin-top: 2rem;
}
}
\ No newline at end of file
diff --git a/src/styles/components/_recherchearticles_new_v2_style.scss b/src/styles/components/_recherchearticles_new_v2_style.scss
index 08b6e10..08616d9 100644
--- a/src/styles/components/_recherchearticles_new_v2_style.scss
+++ b/src/styles/components/_recherchearticles_new_v2_style.scss
@@ -2,7 +2,7 @@
width: 100%;
float: left;
-
+
.h1_transparent {
color: transparent;
//color: red;
diff --git a/src/styles/components/_reherche_new_v2.scss b/src/styles/components/_reherche_new_v2.scss
index abefcab..d9892f2 100644
--- a/src/styles/components/_reherche_new_v2.scss
+++ b/src/styles/components/_reherche_new_v2.scss
@@ -3189,7 +3189,7 @@
width: 95%;
height: 367px;
left: 20px;
- top: 156px;
+ top: 136px;
}
.Background_Header {
@@ -6296,7 +6296,7 @@
width: 95%;
height: 367px;
left: 5%;
- top: 156px;
+ top: 136px;
}
.Background_Header {
@@ -9396,7 +9396,7 @@
width: 95%;
height: 367px;
left: 5%;
- top: 156px;
+ top: 136px;
}
.Background_Header {
@@ -12508,7 +12508,7 @@
width: 95%;
height: 367px;
left: 5%;
- top: 156px;
+ top: 136px;
}
.Background_Header {
@@ -12535,7 +12535,7 @@
order: 0;
flex-grow: 0;
}
-
+
.training {
width: 108px;
diff --git a/src/styles/components/_signin.scss b/src/styles/components/_signin.scss
index 7721a5c..6a0bc31 100644
--- a/src/styles/components/_signin.scss
+++ b/src/styles/components/_signin.scss
@@ -208,6 +208,10 @@
}
.signin {
+
+ width: 100%;
+ float: left;
+
.h1_transparent {
color: transparent;
font-size: 0.1rem;
@@ -393,12 +397,12 @@
}
.div_mobile {
- position: relative;
+ // position: relative;
top: 7rem;
z-index: 1;
- width: 98%;
+ width: 100%;
height: 100%;
- margin: 0.3rem;
+
margin-left: auto;
margin-right: auto;
}
@@ -483,6 +487,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 1rem;
+ margin-top: 1rem;
}
.text_pwd_crit {
@@ -521,7 +526,7 @@
}
.div_centre_master {
- width: 90%;
+ width: 94%;
background-color: white;
margin-left: auto;
margin-right: auto;
@@ -637,6 +642,37 @@
}
+ .block_entete {
+ margin-top: 3rem;
+ width: 100%;
+ float: left;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 100%;
+ float: left;
+ //margin-top: 2rem;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ }
+
+ .Background-header {
+ // position: absolute;
+ width: 100%;
+ height: 3rem;
+ left: 0px;
+
+ background: var(--Beige, #FFF5DA);
+ }
+
+ .display_screen_600_901 {
+ width: 100%;
+ float: left;
+ padding: 5px;
+ min-height: 70vh;
+ margin-left: 0pc;
+ }
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@@ -947,8 +983,8 @@
}
.div_mobile {
- position: absolute;
- top: 11rem;
+ // position: absolute;
+ // top: 11rem;
z-index: 1;
width: 100%;
}
@@ -1058,6 +1094,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 3rem;
+ margin-top: 3rem;
}
.text_pwd_crit {
@@ -1096,7 +1133,7 @@
}
.div_centre_master {
- width: 40%;
+ width: 50%;
background-color: white;
margin-left: auto;
margin-right: auto;
@@ -1211,6 +1248,26 @@
}
+ .block_entete {
+ height: 6rem;
+ float: left;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 100%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ }
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 100px;
+ left: 0px;
+
+ background: var(--Beige, #FFF5DA);
+ }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -1508,8 +1565,8 @@
}
.div_mobile {
- position: absolute;
- top: 11rem;
+ // position: absolute;
+ // top: 11rem;
z-index: 1;
width: 100%;
}
@@ -1613,6 +1670,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 2rem;
+ margin-top: 3rem;
}
.text_pwd_crit {
@@ -1651,7 +1709,7 @@
}
.div_centre_master {
- width: 35%;
+ width: 45%;
background-color: white;
margin-left: auto;
margin-right: auto;
@@ -1767,6 +1825,26 @@
}
+ .block_entete {
+ height: 8rem;
+ float: left;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 95%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ }
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 100px;
+ left: 0px;
+
+ background: var(--Beige, #FFF5DA);
+ }
}
@media only screen and (min-width: 1200px) {
@@ -2081,10 +2159,13 @@
}
.div_mobile {
- position: absolute;
- top: 11rem;
+ // position: absolute;
+ // top: 9rem;
z-index: 1;
width: 100%;
+ height: 100%;
+ padding-right: 2rem;
+ padding-left: 2rem;
}
.pieddepage {
@@ -2188,6 +2269,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 2rem;
+ margin-top: 5rem;
}
.text_pwd_crit {
@@ -2226,7 +2308,7 @@
}
.div_centre_master {
- width: 35%;
+ width: 40%;
background-color: white;
margin-left: auto;
margin-right: auto;
@@ -2345,17 +2427,47 @@
}
+ .block_entete {
+ height: 10rem;
+ float: left;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 100%;
+ padding: 10px;
+ max-width: 1400px !important;
+ }
+
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 150px;
+ left: 0px;
+ background: var(--Beige, #FFF5DA);
+ }
}
+
+
+ // end media
.css-slyssw {
margin-right: 10px !important;
padding: 0px !important;
}
- .css-vubbuv{
+ .css-vubbuv {
font-size: medium !important;
margin-right: 10px !important;
}
- // end media
+ .display_screen_600_901 {
+ width: 95%;
+ margin-left: 5%;
+ float: left;
+ padding: 10px;
+ min-height: 70vh;
+ }
+
}
\ No newline at end of file
diff --git a/src/styles/components/_signup.scss b/src/styles/components/_signup.scss
index a7a33fc..661933a 100644
--- a/src/styles/components/_signup.scss
+++ b/src/styles/components/_signup.scss
@@ -1,7 +1,12 @@
.signup {
+
+ width: 100%;
+ float: left;
+
input {
background-color: transparent !important;
}
+
.MuiInputBase-inputAdornedEnd {
padding: 0px !important;
max-height: 1rem !important;
@@ -49,7 +54,7 @@
}
- .css-1pysi21-MuiFormLabel-root-MuiInputLabel-root{
+ .css-1pysi21-MuiFormLabel-root-MuiInputLabel-root {
font-size: small !important;
}
@@ -67,6 +72,7 @@
color: red;
font-style: italic;
}
+
.okUpdateData {
font-size: small;
color: green;
@@ -104,9 +110,11 @@
font-size: small;
font-family: "Signika", sans-serif;
}
+
.btn_login {
width: 10rem;
}
+
.button {
width: 100% !important;
}
@@ -127,7 +135,8 @@
h4 {
display: inline-block;
- font-size: large; /*or whatever you want*/
+ font-size: large;
+ /*or whatever you want*/
color: white;
}
@@ -192,13 +201,13 @@
}
.div_mobile {
- position: relative;
+ //position: relative;
- top: 5rem;
+ //top: 5rem;
z-index: 1;
- width: 98%;
+ width: 100%;
height: 100%;
- margin: 0.3rem;
+ //margin: 0.3rem;
margin-left: auto;
margin-right: auto;
}
@@ -240,9 +249,9 @@
.overlay-custom-class-name {
z-index: 101;
- }
+ }
+
-
.div_001 {
width: 90%;
margin-left: auto;
@@ -295,8 +304,8 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 1rem;
+ margin-top: 1rem;
}
-
.text_pwd_crit {
color: #3b3e40;
margin-bottom: 0px;
@@ -314,6 +323,7 @@
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 0.8rem;
}
+
.signin_menu {
width: 50%;
text-align: left;
@@ -335,6 +345,7 @@
text-transform: none;
/* Lowering the shadow */
}
+
.signin_menu:focus {
//border: 3px dotted green;
background-color: #e7f3fb;
@@ -345,7 +356,7 @@
margin: auto;
//border: 1px solid black;
//border-width: 0.01rem;
- width: 90%;
+ width: 95%;
padding-bottom: 10px;
border-radius: 0px;
text-align: left;
@@ -436,7 +447,7 @@
color: #3b3e40;
}
- .pasrobot_block{
+ .pasrobot_block {
border: 2px solid black;
width: 50%;
margin-left: auto;
@@ -445,9 +456,44 @@
margin-top: 10px;
}
+
+ .block_entete {
+ // margin-top: 3rem;
+ width: 100%;
+ float: left;
+ background: var(--Beige, #FFF5DA);
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 100%;
+ float: left;
+ //margin-top: 2rem;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ }
+
+ .Background-header {
+ // position: absolute;
+ width: 100%;
+ height: 3rem;
+ left: 0px;
+
+ background: var(--Beige, #FFF5DA);
+ margin-top: 5rem;
+ }
+
+ .display_screen_600_901 {
+ width: 100%;
+ float: left;
+ padding: 5px;
+ min-height: 70vh;
+ margin-left: 0pc;
+ }
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
+
/*style petites-moyennes tablettes */
.img_logo {
display: block;
@@ -633,8 +679,8 @@
}
.div_mobile {
- position: absolute;
- top: 11rem;
+ // position: absolute;
+ // top: 11rem;
z-index: 1;
width: 100%;
}
@@ -645,11 +691,13 @@
float: left;
margin-top: 2rem;
- @media only screen and (min-height: 1000px) { /* Ipad */
+ @media only screen and (min-height: 1000px) {
+ /* Ipad */
margin-top: 6rem;
}
- @media only screen and (min-height: 1179px) { /* Ipad Air */
+ @media only screen and (min-height: 1179px) {
+ /* Ipad Air */
margin-top: 15rem;
}
@@ -743,8 +791,10 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 3rem;
+ margin-top: 3rem;
}
+
.text_pwd_crit {
color: #3b3e40;
margin-bottom: 0px;
@@ -784,6 +834,7 @@
text-transform: none;
/* Lowering the shadow */
}
+
.signin_menu:focus {
//border: 3px dotted green;
background-color: #e7f3fb;
@@ -794,7 +845,7 @@
margin: auto;
//border: 1px solid black;
//border-width: 0.01rem;
- width: 45%;
+ width: 70%;
padding-bottom: 10px;
border-radius: 0px;
text-align: left;
@@ -852,6 +903,7 @@
margin: 0.4rem !important;
height: 1.8rem !important;
}
+
.css-1ptx2yq-MuiInputBase-root-MuiInput-root {
margin-top: 2px !important;
}
@@ -865,7 +917,7 @@
color: #3b3e40;
}
- .pasrobot_block{
+ .pasrobot_block {
border: 2px solid black;
width: 50%;
margin-left: auto;
@@ -874,6 +926,26 @@
margin-top: 10px;
}
+ .block_entete {
+ height: 8rem;
+ float: left;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 100%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ }
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 100px;
+ left: 0px;
+
+ background: var(--Beige, #FFF5DA);
+ }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -942,7 +1014,7 @@
}
li:hover {
- /* color: #33799b;
+ /* color: #33799b;
padding-left: 0;
text-transform: uppercase;*/
}
@@ -1062,8 +1134,8 @@
}
.div_mobile {
- position: absolute;
- top: 11rem;
+ // position: absolute;
+ // top: 11rem;
z-index: 1;
width: 100%;
}
@@ -1166,6 +1238,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 2rem;
+ margin-top: 3rem;
}
.text_pwd_crit {
@@ -1207,6 +1280,7 @@
text-transform: none;
/* Lowering the shadow */
}
+
.signin_menu:focus {
//border: 3px dotted green;
background-color: #e7f3fb;
@@ -1217,7 +1291,7 @@
margin: auto;
//border: 1px solid black;
//border-width: 0.01rem;
- width: 40%;
+ width: 60%;
padding-bottom: 10px;
border-radius: 0px;
text-align: left;
@@ -1289,7 +1363,7 @@
color: #3b3e40;
}
- .pasrobot_block{
+ .pasrobot_block {
border: 2px solid black;
width: 50%;
margin-left: auto;
@@ -1298,9 +1372,31 @@
margin-top: 10px;
}
+
+ .block_entete {
+ height: 8rem;
+ float: left;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 95%;
+ // border: 3px solid #73AD21;
+ padding: 10px;
+ }
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 100px;
+ left: 0px;
+
+ background: var(--Beige, #FFF5DA);
+ }
}
@media only screen and (min-width: 1200px) {
+
/*style grande tablettes & Pc portable */
.img_logo {
display: block;
@@ -1486,8 +1582,8 @@
}
.div_mobile {
- position: absolute;
- top: 11rem;
+ // position: absolute;
+ // top: 11rem;
z-index: 1;
width: 100%;
}
@@ -1498,7 +1594,7 @@
float: left;
margin-top: 2rem;
-
+
@media only screen and (min-height: 1001px) and (max-height: 1110px) {
margin-top: 8rem;
}
@@ -1595,6 +1691,7 @@
line-height: 2rem;
color: #3b3e40;
margin-bottom: 2rem;
+ margin-top: 5rem;
}
.text_pwd_crit {
@@ -1618,7 +1715,7 @@
.signin_menu {
width: 50%;
text-align: left;
- font-size: 1rem;
+ font-size: 1rem;
//font-weight: bold;
background-color: whitesmoke;
color: #3b3e40;
@@ -1636,6 +1733,7 @@
text-transform: none;
/* Lowering the shadow */
}
+
.signin_menu:focus {
//border: 3px dotted green;
background-color: #e7f3fb;
@@ -1646,7 +1744,7 @@
margin: auto;
//border: 1px solid black;
//border-width: 0.01rem;
- width: 35%;
+ width: 40%;
padding-bottom: 10px;
border-radius: 0px;
text-align: left;
@@ -1718,7 +1816,7 @@
color: #3b3e40;
}
- .pasrobot_block{
+ .pasrobot_block {
border: 2px solid black;
width: 50%;
margin-left: auto;
@@ -1727,28 +1825,61 @@
margin-top: 10px;
}
- .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root{
+ .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root {
margin-right: 10px !important;
padding: 0px !important;
}
- .MuiInputBase-inputAdornedEnd{
+
+ .MuiInputBase-inputAdornedEnd {
height: 2.5rem !important;
max-height: 2.5rem !important;
}
+
+ .block_entete {
+ height: 10rem;
+ float: left;
+ }
+
+ .block_centrer {
+ margin: auto;
+ width: 100%;
+ padding: 10px;
+ max-width: 1400px !important;
+ }
+
+
+ .Background-header {
+ position: absolute;
+ width: 100%;
+ height: 150px;
+ left: 0px;
+
+ background: var(--Beige, #FFF5DA);
+ }
}
- .css-i4bv87-MuiSvgIcon-root{
+ // end media
+
+ .css-i4bv87-MuiSvgIcon-root {
font-size: medium !important;
}
- .css-1laqsz7-MuiInputAdornment-root{
+ .css-1laqsz7-MuiInputAdornment-root {
padding-right: 10px !important;
}
- .css-vubbuv{
+ .css-vubbuv {
font-size: medium !important;
margin-right: 10px !important;
}
-
-}
+
+ .display_screen_600_901 {
+ width: 95%;
+ margin-left: 5%;
+ float: left;
+ padding: 10px;
+ min-height: 70vh;
+ }
+
+}
\ No newline at end of file