:root {
    --tertiaryColor: #D0D1D3;
    --alternativeColor: #F4F4F4;
    --primary-normal: #00DEBA;
    --primary-pressed: #00BCA5;
    --primary-disabled: #99EDE0;
    --primary-light: #AAFFEF;
    --hovered: #00B09B;
    --pressed: #0A857A;
    --disabled: #9DE9DC;
    --accent: #00FFCE;
    --error: #FD4E32;
    --warning: #FDCB93;
    --soft-warning: #FFE347;
    --responsable: #75FF9E;
    --secondary-normal: #621FEE;
    --secondary-hover: #DBB2FF;
    --third-normal: #FF0F6D;
    --sucess: #CAE800;
    --white: #FFFFFF;
    --black: #000000;
    --first-light:#FAFAFA;
    --second-light: #F2F2F2;
    --third-light: #E0E0E0;
    --fourth-light: #9A9EA0;
    --first-dark:#646A74;
    --second-dark: #3F4657;
    --third-dark: #1F2431;
    --primary-font: 'Presicav';
    --secondary-font: 'Montserrat', sans-serif;
    --font-two: 'Kanit', sans-serif;
    --tertiary-font: 'superior-title', sans-serif;
    --fourthy-font: 'ohno-blazeface', sans-serif;
    --fifth-font: 'Source Sans Pro', sans-serif;
    --fetedesmeres: #3D4B76;
    --noel-rouge: #CA291F;
    --noel-gris: #F5F7F6;
    --grey-apple: #F5F5F7;
    --blue: #DCEDF3;
    --blue-pausecafe: #0000CB;
    --blue-facebook: #1877F2;
    --blue-instagram: #0095f6;
    --rose-instagram: #C32AA3;
    --black-friday-dark: #1D1D23;
    --black-friday-light: #263040;
    --body-original-color: #4A4A4A;
    --box-shadow: 0px 5px 20px rgb(0 0 0 / 2%);
    --primary-border-radius: 15px;
    --secondary-border-radius: 8px;
    --younited-pay-color: #F4ECFF;
    --younited-pay-border-color: #C5A1FE;
    --sofinco-color: #CCF5D5;
    --sofinco-border-color: #32F992;
    --alma-color: #B9CEF1;
    --alma-border-color: #4B42F6;
    --leasing-color: #CC2327;
    --halloween-color: #EC4A03;
}
::placeholder {
    font-size: 1em;
    color: var(--third-light);
    font-family: var(--secondary-font);
    font-weight: 400;
}
html{ 
    font-size:16px; 
    width: 100%; 
    height: 100%;
}
body{
    color: var(--body-original-color);
    min-height: 100%;
    font-smooth: always;
    font-family: var(--secondary-font);
    font-weight: 400;
    font-size:1rem;
    margin: 0;
    padding: 0;
    border: 0;
}
.primary-normal { 
    color: var(--primary-normal);
}
.secondary-normal {
    color: var(--secondary-normal);
}
.third-normal {
    color: var(--third-normal);
}
.primary-pressed { 
    color: var(--primary-pressed);
}
.is-primary-font{ 
    font-family: var(--primary-font); 
}
.is-secondary-font{ 
    font-family: var(--secondary-font); 
}
h1 { 
    font-weight:300; 
    font-size:4rem; 
}
h2 { 
    font-weight:400; 
    font-size:3rem; 
}
h3 { 
    font-weight:500; 
    font-size:2.3rem; 
}
h4 {
    font-weight: 500;
    font-size: 1.000em;
}
h5 { 
    font-weight:500; 
    font-size:1.5rem; }
h6 { 
    font-weight:500; 
    font-size:1.25rem; 
}
p{ 
    font-family: var(--secondary-font); 
    font-weight: 400; 
    font-size: 1.00rem; 
}
a, a:hover { 
    font-family: var(--secondary-font); 
    color: var(--secondary-normal);
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font); 
}
h1, h2, h3, h4, h5, h6, p, a {
    margin: 0;
    padding: 0;
}
.italic {
    font-style: italic;
    font-size: 0.875em;
} 
.is-grid{
    display: grid !important;
}
blockquote{ font-weight: 400;font-style: italic; }
*.subtitle1{ font-family: var(--secondary-font); font-weight: 400; }
*.subtitle2{ font-family: var(--secondary-font); font-size:.875rem;font-weight: 400; }
.is-size-8{ font-size:.875rem; }
.is-size-9{ font-size:.75rem; font-weight: 400; }
.is-size-10{ font-size:.625rem; font-weight: 500; }
.has-title-weight-extralight{ font-family: var(--h1Font); }
.has-title-weight-light{ font-family: var(--h2Font); }
.has-title-weight-normal{ font-family: var(--primary-font); }
.has-text-tertiary{ color: var(--tertiaryColor) !important; }
.has-background-light{ background-color: var(--first-light) !important; }
.has-background-dark{ background-color: var(--third-dark) !important; }
.has-background-first-light { background-color: var(--first-light)}
.button{ 
    font-weight: 600;
    font-size: 1em;
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1); 
    border-radius: var(--secondary-border-radius);
}
.button.is-text{
    text-decoration: unset;
    color: var(--primary-normal);
}
.button.is-primary[disabled]{
    background-color: var(--disabled);
    color: var(--white);
}
.button.is-primary.is-outlined[disabled]{
    border: 1px solid #707070;
    color: #707070;
    opacity: 0.3;
}
.is-checkradio[type=checkbox].is-main:checked.has-background-color+label::before, 
.is-checkradio[type=checkbox].is-main:checked.has-background-color+label:before{
    background-color: var(--primary-normal) !important;
}
.is-checkradio[type=checkbox].is-main:checked.has-background-color+label::after, 
.is-checkradio[type=checkbox].is-main:checked.has-background-color+label:after{
    border-color: var(--white) !important;
}
.switch.ia-kit[type=checkbox]+label::after{
    background: var(--white);
    width: 1.2rem;
    height: 1.2rem;
    top: -0.1rem;
    left: unset;
    right: 21px;
    margin-top: 8px;
}
.switch.is-right[type=checkbox]+label {
    padding-left: 0px;
    width: 100%;
    padding-right: 4.5rem;
}
body .switch[type=checkbox]+label::after {
    -webkit-box-shadow: 0 0 4px lightgrey;
    box-shadow: var(--box-shadow);
}
body .switch[type=checkbox]:checkrgb(90, 42, 42)+label::after {
    right: 1.8rem;
}
body .switch[type=checkbox]+label::after {
    right: 0;
}
.switch.is-right[type=checkbox]+label::before {
    left: unset;
    right: 0px;
    margin-top: 8px;
    width: 2.5rem;
}
.switch.is-right[type=checkbox]:checked+label::after {
    left: unset;
    right: 0px;
}
.switch[type=checkbox]+label::before{
    background: var(--tertiaryColor) !important;
    height: 1rem !important;
}
.switch[type=checkbox]:checked+label::before{ background: #00FFCE61 !important; }
.switch[type=checkbox]:checked+label::after{ background: var(--primary-normal) !important; }
.hero{ background-color: var(--third-dark); }
.section.secondary{ background-color: var(--alternativeColor); }
.slider{ 
    padding: 50px 0px; 
    overflow: auto; 
}
.slider::-webkit-scrollbar-thumb {
    background-image:-moz-linear-gradient(135deg, var(--primary-normal), var(--third-dark));
    background-image:-webkit-linear-gradient(135deg, var(--primary-normal), var(--third-dark));
    background-image:-o-linear-gradient(135deg, var(--primary-normal), var(--third-dark));
    background-image:linear-gradient(135deg, var(--primary-normal), var(--third-dark));
    border-radius: 190px;
}
.slider::-webkit-scrollbar-track {
    background-color: var(--tertiaryColor);
    border-radius: 190px;
}
.slider::-webkit-scrollbar {
    height: 4px;
    border-radius: 190px;
}
.slider a {
    flex-grow: 1;
    flex-basis: 0;
    margin: 1.5rem;
    min-width: 350px;
}
.slider a:first-child {
    margin-left: 0px;
}
.slider a:last-child {
    margin-right: 0px;
}
.card{
    color: var(--black);
    box-shadow: none;
    transition: all 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    height: 100%;
    padding: 1rem;
}
.card:hover{
    transition: all 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    background-color: var(--third-dark);
    color: var(--white);
    box-shadow: var(--box-shadow);
}
.card.services:hover {
    cursor: url(/assets/images/arrowimg-resize.png), auto;
}
/* Text & Background Gradient */
.has-text-yellow-to-green { background: -webkit-linear-gradient(45deg,#A5F2A8,#E6E00E);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.has-text-red-to-pink { background: -webkit-linear-gradient(45deg,#FF390F,#F98681);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.has-text-red-to-purple { background: -webkit-linear-gradient(45deg,#FF0A57,#FF1CB8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.has-text-brown-to-yellow { background: -webkit-linear-gradient(45deg,#FE9100,#FACC00);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.has-text-blue-to-pink { background: -webkit-linear-gradient(45deg,#6F20F2,#EE6E9A);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.has-text-blue-to-lightblue { background: -webkit-linear-gradient(45deg,#0006E2,#04FFE9);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.has-text-green-to-yellow { background: -webkit-linear-gradient(45deg,#00E36B,#E1F12C);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.has-background-yellow-to-green { background: linear-gradient(45deg,#A5F2A8,#E6E00E);}
.has-background-red-to-pink { background: linear-gradient(45deg,#FF390F,#F98681);}
.has-background-red-to-purple { background: linear-gradient(45deg,#FF0A57,#FF1CB8);}
.has-background-brown-to-yellow { background: linear-gradient(45deg,#FE9100,#FACC00);}
.has-background-blue-to-pink { background: linear-gradient(45deg,#6F20F2,#EE6E9A);}
.has-background-blue-to-lightblue { background: linear-gradient(45deg,#0006E2,#04FFE9);}
.has-background-green-to-yellow { background: linear-gradient(45deg,#00E36B,#E1F12C);}
/* Text & Background Gradient */
.slider-container .slider-item {
    min-width: 230px;
}
.mi-container {
    width: calc(100% - 80px);
    max-width: 700px;
}
.decimals {
    font-size: 0.625em;
}
.favoris a {
    width: 100%;
}
.favoris h6 {
    margin-top: 20px;
}
.favoris_cta {
    flex: 1;
}
.limit {
    position: relative;
    width: calc(100% - 100px);
    height: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/* Produit panier */
.produit_panier {
    margin-right: 20px;
    border-radius: var(--secondary-border-radius);
}
/* FORM */
.is-danger.input, .is-danger.textarea {
    border-color: var(--error);
}
.is-success.input, .is-success.textarea {
    border-color: var(--primary-normal);
}
.help.is-danger {
    color: var(--error);
}
.help.is-success {
    color: var(--primary-normal);
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--primary-normal) !important;
}
form .subtitle2 {
    padding-top: 20px;
    padding-bottom: 10px;
}
/* FORM */
/* TOOLTIP */
[data-tooltip]:not(.is-disabled).has-tooltip-danger:before, [data-tooltip]:not(.is-loading).has-tooltip-danger:before, [data-tooltip]:not([disabled]).has-tooltip-danger:before {
    background-color: var(--error) !important;
}
div [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right:after, [data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right:after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right:after {
    border-color: transparent var(--error) transparent transparent !important;
}
[data-tooltip]:not(.is-disabled).has-tooltip-active:after, [data-tooltip]:not(.is-disabled).has-tooltip-active:before, [data-tooltip]:not(.is-disabled):hover:after, [data-tooltip]:not(.is-disabled):hover:before, [data-tooltip]:not(.is-loading).has-tooltip-active:after, [data-tooltip]:not(.is-loading).has-tooltip-active:before, [data-tooltip]:not(.is-loading):hover:after, [data-tooltip]:not(.is-loading):hover:before, [data-tooltip]:not([disabled]).has-tooltip-active:after, [data-tooltip]:not([disabled]).has-tooltip-active:before, [data-tooltip]:not([disabled]):hover:after, [data-tooltip]:not([disabled]):hover:before {
    border-radius: 5px;
}
/* TOOLTIP */
.user .blackfriday {
    background-color: var(--black);
    border-radius: var(--primary-border-radius);
    color: var(--white);
    margin-top: 50px;
    padding: 30px;
    cursor: pointer;
    height: 300px;
    text-align: center;
}
.user .blackfriday p {
    font-family: var(--primary-font);
}
.user .blackfriday img {
    height: 150px;
    margin-bottom: 20px;
    margin-top: 10px;
}
/* SEARCH BAR */
.search-box{
    width: fit-content;
    height: fit-content;
    position: relative;
}
.input-search{
    height: 50px;
    width: 50px;
    border-style: none;
    padding: 10px;
    font-size: 12px;
    letter-spacing: 2px;
    outline: none;
    transition: all .5s ease-in-out;
    background-color: transparent;
    padding-right: 40px;
    color: var(--white);
}
.input-search::placeholder{
    color:rgba(255,255,255,.5);
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 100;
}
.btn-search{
    width: 50px;
    height: 50px;
    border-style: none;
    font-size: 20px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    position: absolute;
    right: 0px;
    color: var(--white) ;
    background-color:transparent;
    pointer-events: painted;  
}
.btn-search:focus ~ .input-search{
    width: 220px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom:1px solid rgba(255,255,255,.5);
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}
.input-search:focus{
    width: 220px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom:1px solid rgba(255,255,255,.5);
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}
.search-box {
    margin: 0 !important;
}
iframe.white_and_black{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.magasin_status {
    font-weight: 800;
    color: var(--error);
}
.magasin_status.primary {
    color: var(--primary-normal);
}
.grecaptcha-badge {
    visibility: hidden;
}
/* SEARCH BAR */
.bottom150 {
    margin-bottom: 150px;
}
.top50 {
    margin-top: 50px;
}
.input {
    border: 2px solid var(--third-light);
    box-shadow: inherit;
    height: auto;
    padding: 20px;
    border-radius: var(--secondary-border-radius);
    color: var(--dark);
    font-family: var(--secondary-font);
    font-weight: 400;
    outline: none;
    --webkit-appearance: none;
}
.input:focus {
    border-color: var(--primary-pressed);
    box-shadow: inherit;
}
.inputIcon img {
    position: absolute;
    right: 20px;
    bottom: 20px;
    height: 25px;
}
.inputIcon {
    display: inline-block;
    width: 100%;
    position: relative;
}
textarea.input {
    height: 200px;
    resize: none;
    outline: none;
    --webkit-appearance: none;
    padding-bottom: 20px;
}
.button.is-primary,
.button.is-cancel {
    cursor: pointer;
    background-color: var(--primary-normal);
    font-family: var(--primary-font);
    font-weight: 700;
    height: inherit;
    padding: 1rem 1.5rem;
    line-height: 1;
}
.button.is-cancel {
    background-color: var(--black);
    color: var(--white);
}
.button.is-primary.reverse {
    background-color: var(--white);
    color: var(--primary-normal);
    border: 1px solid var(--third-light);
}
.button.is-primary:hover {
    background-color: var(--hovered);
}
.button.is-primary.is-third {
    background-color: var(--third-normal);
}
.button.is-primary.is-third:hover {
    background-color: var(--third-normal);
}
.button.is-primary:focus:not(:active),
.button:focus:not(:active),
.button.is-primary:focus {
    box-shadow: inherit;
    background-color: var(--pressed);
}
.button.is-primary.is-third:focus {
    background-color: var(--third-normal);
}
.button.is-cancel:focus {
    background-color: var(--black);
}
.button.is-primary:active {
    background-color: var(--hovered);
}
.button.is-primary:disabled,
.button.is-primary[disabled] {
    background-color: var(--disabled);
    color: var(--white);
    cursor: not-allowed;
}
.pnf { 
    margin-bottom: 20px; 
}
.pnf p{ 
    margin:20px 0px 15px 0px;
}
.pnf.panier_articles_bloc{ 
    margin-top:20px; 
}
.paiement {
    background-color: var(--grey-apple);
    padding: 5px 8px;
    border-radius: var(--secondary-border-radius);
    font-size: 0.750em;
    font-family: var(--primary-font);
    margin-right: 10px;
    cursor: pointer;
}
.paiement.active {
    background-color: var(--secondary-normal);
    color: var(--white);
    border: 0px;
}
.bandeau_cta {
    width: 100%;
    min-height: 80px;
    padding: 10px;
    margin-top: 100px;
    background-color: var(--second-dark);
}
.bandeau_cta div {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}
.bandeau_cta p {
    color: var(--white);
    margin-right: 50px;
    font-family: var(--primary-font);
}
#ma-boutique .ma-boutique-span span{
    text-transform: uppercase;
    font-weight: 800;
}
#ma-boutique a{
    font-size: 0.750rem;
}
.cookie {
    z-index: 2000;
    position: fixed;
    bottom: 0px;
    left: 0px;
    margin: 10px;
    padding: 10px 10px 10px 20px;
    max-width: 500px;
    border-radius: var(--secondary-border-radius);
    background-color: var(--white);
    border: 2px solid var(--second-light);
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 1.000em;
    box-shadow: var(--box-shadow);
}
.cookie p{
    padding: 0px 15px;    
    font-family: var(--primary-font);
    font-weight: 300;
    font-size: 0.750em;
    line-height: 18px;
}
.cookie p a{ 
    font-family: var(--primary-font);
    font-weight: 300;
    font-size: 0.875em;
    text-decoration: none;
}
.cookie .accept{
    background-color: var(--primary-normal);
    border-radius: var(--secondary-border-radius);
    cursor: pointer;
    padding: 0px 10px;
    color: var(--white);
}
.width-100 {
    width:100%;
}
.scrolldroite {
    margin-left: 10px;
}
.new {
    padding: 3px 6px;
    font-size: 0.5em;
    font-weight: 500;
    text-align: center;
    background-color: var(--primary-pressed);
    color: var(--white);
    border-radius: 190px;
}
footer .new{
    font-size: 0.750em;
}
.input:hover,
.textarea:hover,
.select select:hover,
.is-hovered.input,
.is-hovered.textarea,
.select select.is-hovered {
    border-color: var(--third-light) !important;
}
/** Input range **/
/** https://www.cssportal.com/style-input-range/ **/
input[type=range] {
    height: 34px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px var(--black);
    background: var(--primary-normal);
    border-radius: 5px;
    border: 1px solid var(--black);
}
input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px var(--black);
    border: 1px solid var(--black);
    height: 26px;
    width: 26px;
    border-radius: var(--primary-border-radius);
    background: var(--white);;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -9px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: var(--primary-normal);
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px var(--black);
    background: var(--primary-normal);
    border-radius: 5px;
    border: 1px solid var(--black);
}
input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px var(--black);
    border: 1px solid var(--black);
    height: 26px;
    width: 26px;
    border-radius: var(--primary-border-radius);
    background: var(--white);
    cursor: pointer;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: var(--primary-normal);
    border: 1px solid var(--black);
    border-radius: 10px;
    box-shadow: 1px 1px 1px var(--black);
}
input[type=range]::-ms-fill-upper {
    background: var(--primary-normal);
    border: 1px solid var(--black);
    border-radius: 10px;
    box-shadow: 1px 1px 1px var(--black);
}
input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 1px 1px 1px var(--black);
    border: 1px solid var(--black);
    height: 26px;
    width: 26px;
    border-radius: var(--primary-border-radius);
    background: var(--white);
    cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
    background: var(--primary-normal);
}
input[type=range]:focus::-ms-fill-upper {
    background: var(--primary-normal);
}
/** Payzen **/
.kr-card-header-label {
    display: none !important;
}
.kr-card-header {
    justify-content: space-between !important;
    align-items: center !important;
    background-color: var(--white) !important;
}
.kr-embedded .kr-card-header {
    display: block !important;
}
.kr-card-icons,
.kr-card-icons > span{
    width: auto !important;
    height: auto !important;
    margin-left: auto !important;
}
.kr-smartform .kr-smartform-wrapper.kr-type-embedded .kr-card-header .kr-card-icons span, 
.kr-smart-form .kr-smartform-wrapper.kr-type-embedded .kr-card-header .kr-card-icons span, 
.kr-smartform .kr-smartform-wrapper.kr-type-embedded .kr-card-header .kr-card-icons span svg, 
.kr-smart-form .kr-smartform-wrapper.kr-type-embedded .kr-card-header .kr-card-icons span svg {
    width: auto !important;
}
.kr-smart-form .kr-smart-form-wrapper.kr-type-embedded .kr-card-header .kr-card-icons {
    width: 100% !important;
}
.kr-card-icons>span {
    display: flex !important;
}
.kr-card-icons > span > svg{
    width: auto !important;
    height: 20px !important;
}
.kr-card-icons>span:not(:first-child)>svg {
    margin-left: 10px !important;
}
.kr-field-element {
    padding: 20px !important;
    border-radius: 15px !important;
    outline: none !important;
    --webkit-appearance: none !important;
    border: 2px solid var(--grey-apple) !important;
    resize: none !important;
    box-shadow: none !important;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
    height: 65px !important;
}

.kr-embedded input  {
    width: 100% !important;
    height: 100% !important;
}
.kr-embedded :focus-visible,
.kr-embedded :focus {
    outline: 0 !important;
    border: none !important;
}
.kr-input-field::placeholder, 
.kr-input-field::-ms-input-placeholder {
    color: var(--body-original-color) !important;
    opacity: 0.6;
}
.kr-input-field {
    font-family: var(--secondary-font) !important;
    color: var(--black) !important;
    font-size: 0.875em !important;
    font-weight: 400 !important;
}
.kr-form-error {
    width: 100% !important;
    margin-top: 30px !important;
    padding: 15px 25px !important;
    border: 2px solid var(--third-normal) !important;
    border-radius: 8px !important;
}
.kr-form-error > span{
    color: var(--third-normal) !important;
    font-family: var(--primary-font) !important;
    font-size: 0.875em !important;
}
.kr-payment-button {
    display: flex !important;
    border: 0px !important;
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
    font-size: 1.000em !important;
    margin-left: auto !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
    padding: 15px 25px !important;
    cursor: pointer !important;

    width: auto !important;
    color: var(--white) !important;
    background-color: var(--primary-normal) !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
}
.kr-smart-form .flex-container {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between !important;
}
.kr-expiry, .kr-security-code {
    width: calc(50% - 10px) !important;
}
.kr-icon .kr-icon-wrapper {
    display: block !important;
}
.kr-icon .kr-icon-wrapper svg,
.kr-help-button .kr-help-icon-wrapper svg{
    margin-left: 10px !important;
    height: 20px !important;
    width: 20px !important;
}
.kr-help-button-wrapper.kr-inner.kr-visible[data-name="securityCode"] .kr-help-button {
    display: block !important;
    font-family: var(--primary-font) !important;
}
.kr-help-modal {
    background-color: var(--white) !important;
    padding: 50px !important;
    width: auto !important;
    max-width: 530px !important;
    border-radius: 8px !important;
}
.kr-help-modal .kr-help-modal-close-button{
    width: 30px !important;
    top: 8px !important;
    right: 8px !important;
}
.kr-help-modal .kr-help-image{
    margin-top: 30px !important;
}
.kr-icon.kr-on-error svg g,
.kr-icon.kr-on-error svg path {
    fill: var(--third-normal) !important;
}
.kr-icon-wrapper-root[data-name="securityCode"]{
    display: none !important;
}
.kr-methods-list-header {
    display: none !important;
}
.kr-methods-list-options-item.kr-apple_pay {
    margin-top: 30px;
}
.kr-methods-list-options-item.kr-apple_pay .apple-pay-btn {
    padding: 10px 0px !important;
    border-radius: 8px !important;
}
.kr-smartform-methods {
    display: none !important;
}
.kr-smart-button {
    margin-top: 51px;
    width: auto !important;
}
.kr-smart-button .kr-apple-pay {
    padding: 10px !important;
    background-color: var(--black) !important;
    border-radius: 8px !important;
}
.kr-smart-button.kr-apple_pay:not(.kr-disabled){
    border: 0px !important;
}
.kr-smart-button.kr-apple-pay {
    background-color: var(--black) !important;
    color: var(--white) !important;
    border-radius: var(--secondary-border-radius) !important;
}
.kr-smart-button.kr-apple-pay .kr-method-info {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
}
.kr-smart-button.kr-apple-pay label.kr-method-label,
.kr-smart-button.kr-apple-pay label.kr-amount-label {
    color: var(--white) !important;
}
.kr-smart-button.kr-apple-pay .kr-method-badge {
    display: none !important;
}

/** Payment Paypal **/
.paypal-button-container button {
    background-color: var(--black);
    border: none;
    padding: 15px;
    border-radius: var(--secondary-border-radius);
    width: 100%;
}
.paypal-button-container button a {
    color: var(--white);
    font-weight: 600;
    text-decoration: none;
}
/** Responsive **/
@media screen and (max-width: 600px) {
    .kr-smart-form .flex-container {
        flex-direction: column !important;
    }
    .kr-expiry,
    .kr-security-code {
        width: 100% !important;
    }
}
@media screen and (max-width: 530px) {
    .kr-help-modal {
        padding: 40px 30px 30px 30px !important;
        width: auto !important;
        max-width: auto !important;
        border-radius: 0px !important;
    }
}
@media screen and (max-width: 1024px) {
    .blog {
        flex-direction: column !important;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: none;
    }
}
@media screen and (max-width: 760px) {
    .espace_ml {
        display: none;
    }
}
@media screen and (max-width: 530px) {
    .bandeau_cta{
        margin-top: 0px;
        flex-wrap: wrap;
        padding: 10px;
    }
    .bandeau_cta p{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .cookie{
        width: 100%;
        max-width: inherit;
        margin: 0px;
        border-radius: 0px;
        box-shadow: none;
    }
    .cookie {
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
    }
}
@media screen and (max-width: 450px) {
    .cookie {
        padding: 10px;
    }
    .cookie img {
        display: none;
    }
    .cookie p {
        padding: 0px 15px 0px 0px;
        font-size: 0.625em;
    }
}
@media (max-width: 400px){
    .card > .block.is-flex.is-flex-direction-row.is-justify-content-space-evenly {
        flex-direction: column !important;
    }
    .block.is-flex.is-flex-direction-row.is-justify-content-space-evenly button {
        margin: 10px;
    }
    .slider a {
        min-width: 250px;
    }
}