.AideRecherche{ @media only screen and (max-width: 600px) { .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; } .div_row { float: left; border: 0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; border-radius: 1rem; padding-top: 0.5rem; padding-left: 0.5rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 100%; border-radius: 1rem; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .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; } .div_row { float: left; border: 0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; padding-top: 1.5rem; padding-left: 0.5rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 30%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 69%; border-radius: 1rem; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: medium; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .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; } .div_row { float: left; border: 1px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; padding-top: 1.5rem; padding-left: 0.5rem; } .div_row_gauche { float: left; //border:1px solid black; border-width: 0.01rem; width: 30%; border-radius: 1rem; text-align: left; } .div_row_droite { float: right; //border:1px solid black; border-width: 0.01rem; width: 69%; border-radius: 1rem; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: large; } .okUpdateData { font-size: medium; color: green; font-style: italic; } .koUpdateData { font-size: medium; color: red; font-style: italic; } } @media only screen and (min-width: 1200px) { .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; } .div_row { border: 0px solid black; border-width: 0.01rem; width: 95%; margin-bottom: 1rem; border-radius: 1rem; margin-right: auto; margin-left: auto; padding-top: 1.5rem; padding-left: 0.5rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 30%; border-radius: 1rem; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: large; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 69%; border-radius: 1rem; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: large; } .okUpdateData { font-size: large; color: green; font-style: italic; } .koUpdateData { font-size: large; color: red; font-style: italic; } } }