.usersigninfirst { .h1_transparent { color: transparent; font-size: 0.1rem; } .popup { width: 30rem !important; } @media only screen and (max-width: 600px) { /*style smartphones et petites tablettes en portrait*/ .okUpdateData { font-size: x-small; color: rgb(180, 247, 180); font-style: italic; } .koUpdateData { font-size: x-small; color: red; font-style: italic; } .forgot_pass { text-align: right; font-size: x-small; color: rgb(234, 198, 198); cursor: pointer; font-style: italic; } .img_logo { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 50%; } .erreurconnexion { font-size: small; color: red; font-style: italic; } .containerBox { position: relative; display: inline-block; } h4 { display: inline-block; font-size: large; /*or whatever you want*/ color: white; } .text-box { position: absolute; height: 100%; text-align: center; width: 100%; } .div_centre { float: center; margin: auto; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; padding: 10px; border-radius: 0rem; text-align: left; background-color: #104277; color: white; font-size: small; font-family: "DM Sans", "sans-serif"; } .div_row_create_account { float: center; margin: auto; border-width: 0.01rem; width: 90%; height: auto; padding: 10px; border-radius: 1rem; text-align: left; background-color: white; color: #3b3e40; font-size: small; font-family: "DM Sans", "sans-serif"; text-align: right; cursor: pointer; } .div_row_create_account:hover { padding-left: 0; letter-spacing: 1px; } .btn_login { width: 10rem; } .button { width: 100% !important; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.5rem; border-radius: 1rem; font-size: small; } .mb-3 { font-size: small !important; margin: 0.2rem !important; } .div_centre_social { float: center; border-width: 0.01rem; width: 94%; margin: auto; height: auto; padding: 0.2rem; margin-top: 0.3rem; border-radius: 1rem; text-align: left; background-color: white; font-size: small !important; font-family: "DM Sans", "sans-serif"; } .connect { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.1rem; border-radius: 1rem; 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; 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: 10rem; @media only screen and (min-height: 801px) { margin-top: 15rem; } } .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; margin: 0.5rem; } .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; } .text_welcome { box-sizing: border-box; font-weight: 600; font-size: medium; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 2rem; color: #3b3e40; margin-bottom: 1rem; } .text_pwd_crit { color: #3b3e40; margin-bottom: 0px; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.7rem; line-height: 0.85rem; margin-top: 1rem; margin-bottom: 1rem; } .text_label { color: #3b3e40; margin-bottom: 0px; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.8rem; } .div_centre_002 { margin: auto; //border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; padding: 10px; border-radius: 1rem; text-align: left; //background-color: #104277; color: white; font-size: small; font-family: "DM Sans", "sans-serif"; margin-bottom: 1rem; padding-left: 0px; padding-right: 0px; } .div_centre_master { width: 100%; background-color: white; margin-left: auto; margin-right: auto; } .signin_menu { width: 100%; text-align: left; font-size: 0.8rem; //font-weight: bold; background-color: whitesmoke; color: #3b3e40; padding: 2px; border-radius: 0px; //border: 1px solid black; } .signin_menu:hover:active, .signin_menu:hover { transform: scale(1.01); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); background-color: #b4e579; text-transform: none; /* Lowering the shadow */ } .signin_menu:focus { //border: 3px dotted green; background-color: #e7f3fb; } .div_menu_centre { float: center; margin: auto; //border: 1px solid black; //border-width: 0.01rem; width: 30%; padding-bottom: 10px; border-radius: 0px; text-align: left; background-color: white; color: black; font-family: "Signika", sans-serif; } .big_hr { height: 4rem; width: 5px; border-width: 0; color: black; height: 2rem !important; width: 5px !important; border: 5px solid black; } .titre1 { font-family: "DM Sans", "sans-serif"; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; } .texte_area { width: 100% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; //height:2rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; height: 1.8rem !important; } .texte_area_passwd { width: 95% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0.4rem !important; height: 1.8rem !important; } .div_row_gauche { //border: 0px solid black; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-width: 0.01rem; width: 90%; border-radius: 1rem; margin-left: auto; margin-right: auto; padding: 5px; margin-top: 10px; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 1rem; } .div_row_droite { //float: right; //border:0px solid black; border-width: 0.01rem; width: 90%; border-radius: 1rem; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 601px) and (max-width: 991px) { /*style petites-moyennes tablettes */ .okUpdateData { font-size: x-small; color: rgb(180, 247, 180); font-style: italic; } .koUpdateData { font-size: x-small; color: red; font-style: italic; } .forgot_pass { text-align: right; font-size: x-small; color: rgb(234, 198, 198); cursor: pointer; font-style: italic; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 30%; } .erreurconnexion { font-size: small; color: red; font-style: italic; } input { width: 100%; margin: 0 auto; border: auto; border-radius: 0.5rem; margin-bottom: 0.5rem; font-size: 0.75rem; } .div_row_create_account { float: center; margin: auto; border-width: 0.01rem; width: 22rem; height: auto; padding: 10px; border-radius: 1rem; text-align: left; background-color: white; color: #3b3e40; font-size: medium; font-family: "DM Sans", "sans-serif"; text-align: right; cursor: pointer; } .div_row_create_account:hover { padding-left: 0; letter-spacing: 1px; } .div_centre { float: center; margin: auto; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; padding: 10px; border-radius: 0rem; text-align: left; background-color: #104277; color: white; font-size: medium; font-family: "DM Sans", "sans-serif"; } .div_centre_social { float: center; border-width: 0.01rem; width: 50%; margin: auto; height: 10rem; padding: 10px; margin-top: 0.5rem; border-radius: 1rem; text-align: left; background-color: white; font-size: large; font-family: "DM Sans", "sans-serif"; } .mb-3 { font-size: small !important; margin: 0.2rem !important; font-family: "DM Sans", "sans-serif"; } button:hover { font-weight: bold; padding-left: 0; text-transform: uppercase; } li:hover { //color: #33799b; //font-weight: bold; //padding-left: 0; //letter-spacing: 0.1rem; //text-transform: uppercase; } .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; } .containerBox { position: relative; display: inline-block; } .button { width: 100% !important; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 1rem; border-radius: 1rem; font-size: small; } .connect { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 1rem; border-radius: 1rem; font-size: small; } .btn_login { width: 10rem; } .div_row_gauche { border: 0px solid black; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; float: left; border-width: 0.01rem; width: 40%; border-radius: 1rem; margin-left: 5rem; margin-right: auto; padding: 5px; margin-top: 10px; height: 18rem; font-family: "DM Sans", "sans-serif"; font-size: small; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .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; } .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; } .div_filtrer_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_filtrer_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_filtrer_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_droite_bas { 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; } .div_droite_bas { 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; } .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: 11rem; z-index: 1; width: 100%; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 2rem; @media only screen and (min-height: 1000px) { /* Ipaid */ margin-top: 20rem; } @media only screen and (min-height: 1101px) { /* Ipad Air */ margin-top: 25rem; } } .menuPrincipal { box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 15%); 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; } .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: 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; } .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; } .text_welcome { box-sizing: border-box; font-weight: 600; font-size: larger; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 2rem; color: #3b3e40; margin-bottom: 3rem; } .text_pwd_crit { color: #3b3e40; margin-bottom: 0px; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.7rem; line-height: 0.85rem; margin-top: 1rem; margin-bottom: 1rem; } .text_label { color: #3b3e40; margin-bottom: 0px; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.8rem; } .div_centre_002 { margin: auto; //border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; padding: 10px; border-radius: 1rem; text-align: left; //background-color: #104277; color: white; font-size: small; font-family: "DM Sans", "sans-serif"; margin-bottom: 1rem; padding-left: 0px; padding-right: 0px; } .div_centre_master { float: left; width: 80%; background-color: white; margin-left: 2rem; } .signin_menu { width: 100%; text-align: left; font-size: 0.7rem; //font-weight: bold; background-color: whitesmoke; color: #3b3e40; padding: 2px; border-radius: 0px; //border: 1px solid black; } .signin_menu:hover:active, .signin_menu:hover { transform: scale(1.01); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); background-color: #b4e579; text-transform: none; /* Lowering the shadow */ } .signin_menu:focus { //border: 3px dotted green; background-color: #e7f3fb; } .div_menu_centre { float: center; margin: auto; //border: 1px solid black; //border-width: 0.01rem; width: 30%; padding-bottom: 10px; border-radius: 0px; text-align: left; background-color: white; color: black; font-family: "Signika", sans-serif; } .big_hr { height: 4rem; width: 5px; border-width: 0; color: black; height: 2rem !important; width: 5px !important; border: 5px solid black; } .titre1 { font-family: "DM Sans", "sans-serif"; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; } .texte_area { width: 100% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; //height:2rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; height: 1.8rem !important; } .texte_area_passwd { width: 95% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0.4rem !important; height: 1.8rem !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .okUpdateData { font-size: small; color: rgb(180, 247, 180); font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .forgot_pass { text-align: right; font-size: small; color: rgb(234, 198, 198); cursor: pointer; font-style: italic; } .mb-3 { font-size: medium !important; margin: 0.2rem !important; font-family: "DM Sans", "sans-serif"; } /*style grande tablettes & Pc portable */ .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 20%; max-height: 3rem; } .erreurconnexion { font-size: small; color: red; font-style: italic; } input { width: 100%; height: 2rem; margin: 0 auto; border: auto; border-radius: 0.5rem; margin-bottom: 0.5rem; font-size: 1rem; } .div_row_create_account { float: center; margin: auto; border-width: 0.01rem; width: 22rem; height: auto; padding: 10px; border-radius: 1rem; text-align: left; background-color: white; color: #3b3e40; font-size: medium; font-family: "DM Sans", "sans-serif"; text-align: right; cursor: pointer; } .div_row_create_account:hover { padding-left: 0; letter-spacing: 1px; } .div_centre { float: center; margin: auto; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; padding: 10px; //border-radius: 1rem; text-align: left; background-color: #104277; color: white; font-size: medium; font-family: "DM Sans", "sans-serif"; } .div_centre_social { float: center; border-width: 0.01rem; width: 30%; margin: auto; height: 10rem; padding: 10px; margin-top: 0.5rem; border-radius: 1rem; text-align: left; background-color: white; font-size: x-large; font-family: "DM Sans", "sans-serif"; } button:hover { font-weight: bold; padding-left: 0; text-transform: uppercase; } li:hover { // color: #33799b; //font-weight: bold; // padding-left: 0; //letter-spacing: 0.1rem; //text-transform: uppercase; } .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; } .containerBox { position: relative; display: inline-block; } .button { width: 100% !important; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 1rem; border-radius: 1rem; font-size: small; } .connect { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 1rem; border-radius: 1rem; font-size: 1.2rem; } .btn_login { width: 10rem; } .div_row_gauche { border: 0px solid black; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; float: left; border-width: 0.01rem; width: 40%; border-radius: 1rem; margin-left: 5rem; margin-right: auto; padding: 5px; margin-top: 10px; height: 18rem; font-family: "DM Sans", "sans-serif"; font-size: small; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .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; } .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; } .div_filtrer_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_filtrer_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_filtrer_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_droite_bas { 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; } .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: 11rem; z-index: 1; width: 100%; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 5rem; @media only screen and (min-height: 1000px) { margin-top: 6rem; } } .menuPrincipal { box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 15%); 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; } .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; } .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; } .text_welcome { box-sizing: border-box; font-weight: 600; font-size: x-large; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 2rem; color: #3b3e40; margin-bottom: 2rem; } .text_pwd_crit { color: #3b3e40; margin-bottom: 0px; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.7rem; line-height: 0.85rem; margin-top: 1rem; margin-bottom: 1rem; } .text_label { color: #3b3e40; margin-bottom: 0px; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.8rem; } .div_centre_002 { margin: auto; //border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; padding: 10px; border-radius: 1rem; text-align: left; //background-color: #104277; color: white; font-size: small; font-family: "DM Sans", "sans-serif"; margin-bottom: 1rem; padding-left: 0px; padding-right: 0px; } .div_centre_master { float: left; width: 60%; background-color: white; margin-left: 3rem; } .signin_menu { width: 100%; text-align: left; font-size: 0.8rem; //font-weight: bold; background-color: whitesmoke; color: #3b3e40; padding: 2px; border-radius: 0px; //border: 1px solid black; } .signin_menu:hover:active, .signin_menu:hover { transform: scale(1.01); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); background-color: #b4e579; text-transform: none; /* Lowering the shadow */ } .signin_menu:focus { //border: 3px dotted green; background-color: #e7f3fb; } .div_menu_centre { float: center; margin: auto; //border: 1px solid black; //border-width: 0.01rem; width: 30%; padding-bottom: 10px; border-radius: 0px; text-align: left; background-color: white; color: black; font-family: "Signika", sans-serif; } .big_hr { height: 4rem; width: 5px; border-width: 0; color: black; height: 2rem !important; width: 5px !important; border: 5px solid black; } .titre1 { font-family: "DM Sans", "sans-serif"; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; } .texte_area { width: 100% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; //height:2rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; height: 1.8rem !important; } .texte_area_passwd { width: 95% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0.4rem !important; height: 1.8rem !important; } } @media only screen and (min-width: 1200px) { /*style grande tablettes & Pc portable */ .okUpdateData { font-size: small; color: rgb(180, 247, 180); font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .forgot_pass { text-align: right; font-size: small; color: rgb(234, 198, 198); cursor: pointer; font-style: italic; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 18%; max-height: 3rem; } .erreurconnexion { font-size: small; color: red; font-style: italic; } input { width: 100%; height: 2rem; margin: 0 auto; border: auto; border-radius: 0.5rem; margin-bottom: 0.5rem; font-size: small; } .div_centre { float: center; margin: auto; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; padding: 10px; border-radius: 0rem; text-align: left; background-color: #104277; color: white; font-size: small; font-family: "DM Sans", "sans-serif"; } .div_centre_social { float: center; border-width: 0.01rem; width: 25%; margin: auto; height: 10rem; padding: 10px; margin-top: 0.5rem; border-radius: 1rem; text-align: left; background-color: white; font-size: x-large; font-family: "DM Sans", "sans-serif"; } button:hover { padding-left: 0; text-transform: uppercase; } li:hover { // color: #33799b; //font-weight: bold; //padding-left: 0; //letter-spacing: 0.1rem; //text-transform: uppercase; } .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; } .containerBox { position: relative; display: inline-block; } .button { width: 100% !important; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.2rem; border-radius: 1rem; font-size: small; line-height: 1rem; } .div_row_create_account { float: center; margin: auto; margin-top: 1rem; //border: 1px solid black; border-width: 0.01rem; width: 22rem; height: auto; padding: 10px; border-radius: 1rem; text-align: left; background-color: white; color: #3b3e40; font-size: small; font-family: "DM Sans", "sans-serif"; text-align: right; cursor: pointer; } .div_row_create_account:hover { padding-left: 0; letter-spacing: 1px; } .connect { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 1rem; border-radius: 1rem; font-size: 1.3rem; } .btn_login { width: 10rem; } .div_row_gauche { border: 0px solid black; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; float: left; border-width: 0.01rem; width: 40%; border-radius: 1rem; margin-left: 5rem; margin-right: auto; padding: 5px; margin-top: 10px; height: 16rem; font-family: "DM Sans", "sans-serif"; font-size: small; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .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; } .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; } .div_filtrer_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_filtrer_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_filtrer_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_droite_bas { 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; } .avisformation { cursor: pointer; opacity: 1; border: 1px; outline: 0; padding: 0px; white-space: nowrap; text-align: right; font-size: xx-small; margin-left: auto !important; margin-right: 0px !important; } .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: 11rem; z-index: 1; width: 100%; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 7rem; @media only screen and (min-height: 901px) { margin-top: 18rem; } @media only screen and (min-height: 1201px) { margin-top: 28rem; } } .menuPrincipal { box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 15%); 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; } .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; } .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; } .text_welcome { box-sizing: border-box; font-weight: 600; font-size: x-large; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 2rem; color: #3b3e40; margin-bottom: 2rem; } .text_pwd_crit { color: #3b3e40; margin-bottom: 0px; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.7rem; line-height: 0.85rem; margin-top: 1rem; margin-bottom: 1rem; } .text_label { color: #3b3e40; margin-bottom: 0px; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.8rem; } .div_centre_002 { margin: auto; //border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; padding: 10px; border-radius: 1rem; text-align: left; //background-color: #104277; color: white; font-size: small; font-family: "DM Sans", "sans-serif"; margin-bottom: 1rem; padding-left: 0px; padding-right: 0px; } .div_centre_master { float: left; width: 60%; background-color: white; margin-left: 3rem; } .signin_menu { width: 100%; text-align: left; font-size: 1rem; //font-weight: bold; background-color: whitesmoke; color: #3b3e40; padding: 2px; border-radius: 0px; //border: 1px solid black; } .signin_menu:hover:active, .signin_menu:hover { transform: scale(1.01); /* Scaling button to 0.98 to its original size */ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); background-color: #b4e579; text-transform: none; /* Lowering the shadow */ } .signin_menu:focus { //border: 3px dotted green; background-color: #e7f3fb; } .div_menu_centre { float: center; margin: auto; //border: 1px solid black; //border-width: 0.01rem; width: 30%; padding-bottom: 10px; border-radius: 0px; text-align: left; background-color: white; color: black; font-family: "Signika", sans-serif; } .big_hr { height: 4rem; width: 5px; border-width: 0; color: black; height: 2rem !important; width: 5px !important; border: 5px solid black; } .titre1 { font-family: "DM Sans", "sans-serif"; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; } .texte_area { width: 100% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; //height:2rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; height: 1.8rem !important; } .texte_area_passwd { width: 95% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0.4rem !important; height: 1.8rem !important; } } }