.resetuserpwd { @media only screen and (max-width: 600px) { .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .title { font-size: medium; font-weight: bold; font-family: "DM Sans", "sans-serif"; } .texte_area_passwd { width: 90% !important; } .btn_modif { width: 95%; font-weight: bold; font-family: "DM Sans", "sans-serif"; } .div_centre { float: center; margin: auto; border: 1px solid black; border-width: 0.01rem; width: 70%; height: auto; padding: 10px; border-radius: 1rem; text-align: left; background-color: #104277; color: white; font-size: small; font-family: "DM Sans", "sans-serif"; } .img_logo { display: block; max-width: 40%; border-radius: 20rem; border: 0.1rem solid black; height: 40%; width: 40%; margin-left: 20%; margin-right: auto; } .containerBox { position: relative; display: inline-block; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 5rem; } .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-align: left; width: 50%; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .title { font-size: medium; font-weight: bold; font-family: "DM Sans", "sans-serif"; } .btn_modif { width: 72%; font-weight: bold; font-family: "DM Sans", "sans-serif"; } .texte_area_passwd { width: 70% !important; } .img_logo { display: block; max-width: 50%; border-radius: 20rem; border: 0.1rem solid black; height: 50%; width: 50%; margin-left: auto; margin-right: auto; } .containerBox { position: relative; display: inline-block; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 25rem; } .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-align: left; width: 50%; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .title { font-size: medium; font-weight: bold; font-family: "DM Sans", "sans-serif"; } .btn_modif { width: 72%; font-weight: bold; font-family: "DM Sans", "sans-serif"; } .texte_area_passwd { width: 70% !important; } .div_centre { float: center; margin: auto; border: 1px solid black; border-width: 0.01rem; width: 40%; height: auto; padding: 10px; border-radius: 1rem; text-align: left; background-color: #104277; color: white; font-size: medium; font-family: "DM Sans", "sans-serif"; } .img_logo { display: block; max-width: 70%; border-radius: 20rem; border: 0.1rem solid black; height: 70%; width: 70%; margin-left: auto; margin-right: auto; } .containerBox { position: relative; display: inline-block; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 10rem; } .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-align: left; width: 50%; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1200px) { .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .title { font-size: medium; font-weight: bold; font-family: "DM Sans", "sans-serif"; } .btn_modif { width: 51%; font-weight: bold; font-family: "DM Sans", "sans-serif"; } .texte_area_passwd { width: 50% !important; } .div_centre { float: center; margin: auto; border: 1px solid black; border-width: 0.01rem; width: 25%; height: auto; padding: 10px; border-radius: 1rem; text-align: left; background-color: #104277; color: white; font-size: large; font-family: "DM Sans", "sans-serif"; } .img_logo { display: block; max-width: 70%; border-radius: 20rem; border: 0.1rem solid black; height: 70%; width: 70%; margin-left: auto; margin-right: auto; } .containerBox { position: relative; display: inline-block; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 10rem; } .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-align: left; width: 50%; margin-left: auto; margin-right: auto; } } }