.DroleVousCherchezFormation { display: inline-block; width: 98%; text-align: center; margin-left: auto; margin-right: auto; @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .img_fleche_taille { width: 80%; height: 80%; animation: blink 1.5s; animation-iteration-count: 5; } .img_cherche_taille { width: 80%; height: 80%; } @media only screen and (max-width: 600px) { .img_fleche_taille { width: 40%; height: 40%; animation: blink 1.5s; animation-iteration-count: 3; } .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; margin-bottom: 1rem; border-radius: 1rem; width: 100%; } .div_row_gauche { display:none; } .div_row_droite { float: left; //border:0px solid black; border-width: 0.01rem; width: 79%; border-radius: 0.5rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; padding-left: 0.5rem; font-style: oblique; font-size: x-small; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); padding-bottom: 0rem; text-align: center; } .div_row_droite_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 20%; border-radius: 1rem; text-align: right; font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: right; } .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_cherche_taille { width: 50%; height: 50%; } .img_fleche_taille { width: 50%; height: 50%; animation: blink 1.5s; animation-iteration-count: 3; } .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; margin-bottom: 0.5rem; border-radius: 1rem; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: smaller; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); padding-bottom: 0rem; text-align: justify; width: 100%; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 20%; border-radius: 1rem; } .div_row_droite { float: left; //border:0px solid black; border-width: 0.01rem; width: 59%; border-radius: 1rem; text-align: center; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-style: oblique; font-size: small; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); padding-bottom: 0rem; text-align: center; } .div_row_droite_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 20%; border-radius: 1rem; text-align: right; font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: right; } .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_cherche_taille { width: 95%; height: 50%; } .img_fleche_taille { width: 50%; height: 50%; animation: blink 1.5s; animation-iteration-count: 3; } .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: 0px solid black; border-width: 0.01rem; margin-bottom: 1rem; border-radius: 1rem; width: 100%; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: auto; border-radius: 1rem; text-align: left; margin: 0px; } .div_row_droite { float: left; //border:0px solid black; border-width: 0.01rem; width: 65%; border-radius: 1rem; text-align: center; font-style: oblique; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); padding-bottom: 0rem; text-align: center; } .div_row_droite_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 20%; border-radius: 1rem; text-align: right; font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: right; } .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_cherche_taille { width: 30%; height: 30%; } .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: 0px solid black; border-width: 0.01rem; margin-bottom: 1rem; border-radius: 1rem; width: 100%; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 10%; border-radius: 1rem; text-align: left; } .div_row_droite { float: left; //border:0px solid black; border-width: 0.01rem; width: 79%; border-radius: 1rem; text-align: center; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: medium; margin: auto; font-style: oblique; font-size: medium; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); padding-bottom: 0rem; text-align: center; } .div_row_droite_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 10%; border-radius: 1rem; text-align: right; font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: right; } .okUpdateData { font-size: large; color: green; font-style: italic; } .koUpdateData { font-size: large; color: red; font-style: italic; } } }