.test_page2 { .tox-statusbar__branding { display: none !important; } .loader-container { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 1; top: 0px; background: white; background-color: transparent; } .spinner { width:20rem; height: 10rem; border: 8px solid; border-color: #3d5af1 transparent #3d5af1 transparent; border-radius: 50%; animation: spin-anim 1.2s linear infinite; background-color: red; color: black; z-index: 2; opacity: 100%; } .mysy_spinner{ border-radius: 5px; border: 1px solid black; opacity: 100%; } @media only screen and (min-width: 1200px) { .rech_list_formation2 { display: inline-block; width: 100%; background-color: white; height: auto; padding: 1px; outline: 1px solid #ccc; //border: 1px solid #999; margin: 0; text-align: left; border-radius: 10px; margin-bottom: 10px; background-color: white; //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); } /*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: large; 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: 22rem; height: auto; padding: 10px; border-radius: 1rem; 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; 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 { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .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: 10rem; } .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; } .payement_card { width: 20%; border: 1px solid black; border-width: 0.01rem; background-color: #e7f3fb; } .modal { font-size: 12px; } .header { width: 100%; border-bottom: 1px solid gray; font-size: 18px; text-align: center; padding: 5px; } .content { width: 100%; padding: 10px 5px; } .actions { width: 100%; padding: 10px 5px; margin: auto; text-align: center; } .close { cursor: pointer; position: absolute; display: block; padding: 2px 5px; line-height: 20px; right: -10px; top: -10px; font-size: 24px; background: #ffffff; border-radius: 18px; border: 1px solid #cfcece; } } .modal { font-size: 12px; } .header { width: 100%; border-bottom: 1px solid gray; font-size: 18px; text-align: center; padding: 5px; } .content { width: 100%; padding: 10px 5px; } .actions { width: 100%; padding: 10px 5px; margin: auto; text-align: center; } .close { cursor: pointer; position: absolute; display: block; padding: 2px 5px; line-height: 20px; right: -10px; top: -10px; font-size: 24px; background: #ffffff; border-radius: 18px; border: 1px solid #cfcece; } } @media only screen and (min-width: 1001) { .popup-content { width: 30% !important; font-family: "Quicksand", "Signika", sans-serif !important; font-size: small !important; height: auto; border: 1px solid black !important; background: white !important; padding-bottom: 10px; } } @media only screen and (max-width: 1000) { .popup-content { width: 50% !important; font-family: "Quicksand", "Signika", sans-serif !important; font-size: small !important; height: auto; border: 1px solid black !important; background: white !important; padding-bottom: 10px; } } .ch_header { width: 100%; border-bottom: 1px solid gray; font-size: 18px; text-align: center; padding: 5px; } .ch_content { width: 100%; padding: 10px 5px; } .ch_actions { width: 100%; padding: 10px 5px; margin: auto; text-align: center; } .ch_close { cursor: pointer; position: absolute; display: block; padding: 2px 5px; line-height: 20px; right: -10px; top: -10px; font-size: 24px; background: #ffffff; border-radius: 18px; border: 1px solid #cfcece; } .ch_bton_popup{ background: #104277; color: white; padding: 5px; border-radius: 5px; min-width: 5rem; }