.paymentmethode_carte { @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; } .texte_area { float: left; width: 47% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; float: left; } .texte_area_carte { float: left; width: 100% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; float: left; margin-bottom: 1rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: small; text-align: center; margin-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: black; font-weight: normal; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.5rem; padding-right: 0.5rem; } .div_row_central { float: left; border: 0px; border-width: 0.01rem; width: 100%; margin-bottom: 5px; margin-left: auto; margin-right: auto; } .div_row_central_droite { float: left; border: 0px; border-width: 0.01rem; width: 100%; padding-left: 2px; margin-left: 2px; padding-right: 2px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 50%; border-radius: 0px; } .div_row_droite { border-left: 0px; float: right; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; } .div_row_centre { margin-left: auto; margin-right: auto; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; text-align: center; } .img_payment { max-width: 6rem; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.3rem; border-radius: 1rem; font-size: small; } .btn_enreg { width: 10rem; background-color: #619E31 !important; color: white; } .img_payment_chekout { max-width: 5rem; } .div_row_chekout { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0rem; height: 1rem; } .row_gauche_bis { width: 95%; float: left; } .row_droite_bis { width: 95%; float: left; text-align: left; margin-top: 1rem; } } @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; } .texte_area { float: left; width: 47% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; float: left; } .texte_area_carte { float: left; width: 100% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; float: left; margin-bottom: 1rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: small; text-align: center; margin-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: black; font-weight: normal; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.5rem; padding-right: 0.5rem; } .div_row_central { float: left; border: 0px; border-width: 0.01rem; width: 100%; margin-bottom: 5px; margin-left: auto; margin-right: auto; } .div_row_central_droite { float: left; border: 0px; border-width: 0.01rem; width: 100%; padding-left: 2px; margin-left: 2px; padding-right: 2px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 50%; border-radius: 0px; } .div_row_droite { border-left: 0px; float: right; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; } .div_row_centre { margin-left: auto; margin-right: auto; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; text-align: center; } .img_payment { max-width: 4rem; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.3rem; border-radius: 1rem; font-size: small; } .btn_enreg { width: 10rem; background-color: #619E31 !important; color: white; } .img_payment_chekout { max-width: 5rem; } .div_row_chekout { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0rem; height: 1rem; } .row_gauche_bis { width: 70%; float: left; } .row_droite_bis { width: 28%; float: right; text-align: left; } } @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; } .texte_area { float: left; width: 47% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; float: left; } .texte_area_carte { float: left; width: 100% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; float: left; margin-bottom: 1rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: small; text-align: center; margin-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: black; font-weight: normal; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.5rem; padding-right: 0.5rem; } .div_row_central { float: left; border: 0px; border-width: 0.01rem; width: 100%; margin-bottom: 5px; margin-left: auto; margin-right: auto; } .div_row_central_droite { float: left; border: 0px; border-width: 0.01rem; width: 100%; padding-left: 2px; margin-left: 2px; padding-right: 2px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 50%; border-radius: 0px; } .div_row_droite { border-left: 0px; float: right; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; } .div_row_centre { margin-left: auto; margin-right: auto; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; text-align: center; } .img_payment { max-width: 6rem; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.3rem; border-radius: 1rem; font-size: small; } .btn_enreg { width: 10rem; background-color: #619E31 !important; color: white; } .img_payment_chekout { max-width: 5rem; } .div_row_chekout { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0rem; height: 1rem; } .row_gauche_bis { width: 70%; float: left; } .row_droite_bis { width: 28%; float: right; text-align: left; } } @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; } .texte_area { float: left; width: 47% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; float: left; } .texte_area_carte { float: left; width: 100% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; float: left; margin-bottom: 1rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: small; text-align: center; margin-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: black; font-weight: normal; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.5rem; padding-right: 0.5rem; } .div_row_central { float: left; border: 0px; border-width: 0.01rem; width: 100%; margin-bottom: 5px; margin-left: auto; margin-right: auto; } .div_row_central_droite { float: left; border: 0px; border-width: 0.01rem; width: 100%; padding-left: 2px; margin-left: 2px; padding-right: 2px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 50%; border-radius: 0px; } .div_row_droite { border-left: 0px; float: right; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; } .div_row_centre { margin-left: auto; margin-right: auto; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; text-align: center; } .img_payment { max-width: 6rem; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.3rem; border-radius: 1rem; font-size: small; } .btn_enreg { width: 10rem; background-color: #619E31 !important; color: white; } .img_payment_chekout { max-width: 5rem; } .div_row_chekout { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0rem; height: 1rem; } .row_gauche_bis { width: 70%; float: left; } .row_droite_bis { width: 28%; float: right; text-align: left; } } .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root { padding-left: 10px !important; padding-right: 10px !important; } .css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root { height: 3rem !important; margin-bottom: 1rem !important; } .css-1v4ccyo { height: 4rem !important; font-size: small; } .css-1bn53lx { height: 4rem; margin-bottom: 1rem; } } .css-1ptx2yq-MuiInputBase-root-MuiInput-root { font-size: small !important; } .carte_cle_pass { margin: 0px !important; margin-top: 10px !important; }