:root{--primary:var(--green-600);--secondary:var(--blue-800);--tertiary:var(--yellow-500);--blue-50:#f6f7f9;--blue-100:#f3f9fe;--blue-200:#d5e4f6;--blue-300:#c7e0ff;--blue-600:#296dc1;--blue-700:#205597;--blue-800:#173d6c;--blue-900:#102b4c;--green-50:#eef8f1;--green-100:#cbf6dd;--green-500:#1fa355;--green-600:#008537;--green-700:#006b2c;--green-800:#005222;--green-850:#00471e;--yellow-100:#fff4cc;--yellow-400:#ffd433;--yellow-500:#fec900;--yellow-550:#e5b600;--neutral-100:#f4f4f4;--neutral-200:#e6e6e6;--neutral-300:#cccccc;--neutral-400:#b3b3b3;--neutral-500:#999999;--neutral-600:#666666;--neutral-700:#4d4d4d;--neutral-800:#666666;--neutral-900:#1a1a1a;--neutral-1000:black;--text:black;--title:black;--success-100:#f4fbf3;--success-500:#39a033;--info-100:#f3f9fe;--info-500:#2768b9;--error-100:#feecee;--error-500:#df0021;--alert-100:#fff8db;--alert-500:#e5b600;--alert-700:#a85f00;--orange-tempo:#ff9900;--available:var(--success-500);--unavailable:var(--error-500);--reconditionne:#33c16e;--avis:#ffa60d;--vert-oney:#81bc00;--promo:#be433c;--astuce:#f1f9fd;--seconde-vie:#a8f1d3;--font-primary:"Open Sans",sans-serif;--font-secondary:Arial,sans-serif;--zindex-below:-1;--zindex-default:auto;--zindex-above:1;--zindex-absolute:10;--zindex-sticky:50;--zindex-fixed:100;--zindex-overlay:5000;--zindex-popin:6000;--zindex-skyrocket:9999}.c-button{--btnHeight:4rem;--btnBgColor:none;--btnBorderColor:transparent;--btnColor:black;min-height:var(--btnHeight);background:var(--btnBgColor);border:1px solid var(--btnBorderColor);border-radius:.4rem;padding:0;color:var(--btnColor);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:600}.c-button:not([disabled]){cursor:pointer}.c-button:disabled{--btnColor:var(--neutral-500);--btnBorderColor:var(--neutral-200);--btnBgColor:var(--neutral-200);cursor:default}.c-button:hover:not([disabled]){color:var(--btnColor)}.c-button .c-icon{fill:currentColor}.c-button.u-flex-justify-between{justify-content:space-between}.c-button--primary{--btnColor:white;--btnBgColor:var(--primary);--btnBgColorLoading:var(--green-800);padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--primary:hover:not([disabled]){background-color:var(--green-700)}}.c-button--primary.c-button--error-500{--btnBgColor:var(--error-500)}@media(hover:hover)and (pointer:fine){.c-button--primary.c-button--error-500:hover:not([disabled]){background-color:var(--error-500)}}.c-button--secondary{--btnColor:var(--primary);--btnBorderColor:var(--primary);--btnBgColor:white;padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--secondary:hover:not([disabled]){--btnBgColor:var(--green-50)}}.c-button--secondary:disabled{--btnBorderColor:var(--neutral-300)}.c-button--tertiary{--btnColor:black;--btnBgColor:var(--neutral-100);padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--tertiary:hover:not([disabled]){--btnBgColor:var(--neutral-200)}}.c-button--ghost{--btnColor:black;padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--ghost:hover:not([disabled]){--btnBgColor:var(--neutral-100)}}.c-button--ghost:disabled{--btnBgColor:none;--btnBorderColor:transparent}.c-button--ghost-outline,.c-button--ghost-outline-black{--btnColor:black;--btnBorderColor:var(--neutral-300);padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--ghost-outline-black:hover:not([disabled]),.c-button--ghost-outline:hover:not([disabled]){--btnBgColor:var(--neutral-100)}}.c-button--ghost-outline-black:disabled,.c-button--ghost-outline:disabled{--btnBgColor:none;--btnBorderColor:var(--neutral-300)}.c-button--ghost-outline-black{--btnBorderColor:black}.c-button--blue-600{--btnColor:white;--btnBgColor:var(--blue-600);--btnBgColorLoading:var(--blue-800);padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--blue-600:hover:not([disabled]){background-color:var(--blue-700)}}.c-button--link{padding:0;text-decoration:underline;font-weight:400;min-height:0}@media(hover:hover)and (pointer:fine){.c-button--link:hover:not([disabled]){text-decoration:none}}.c-button--link-noUnderline{padding:0;font-weight:400;text-decoration:none;min-height:0}@media(hover:hover)and (pointer:fine){.c-button--link-noUnderline:hover:not([disabled]){text-decoration:underline}}.c-button--link-noUnderline.c-button--icon-left,.c-button--link-noUnderline.c-button--icon-right,.c-button--link.c-button--icon-left,.c-button--link.c-button--icon-right{padding-left:0;padding-right:0}.c-button--xs{--btnHeight:2.4rem;font-size:1.2rem}.c-button--sm{--btnHeight:3.2rem;font-size:1.4rem;font-weight:400}.c-button--md{--btnHeight:4rem}.c-button--lg{--btnHeight:4.8rem}.c-button--full-w{width:100%;justify-content:center}.c-button--icon-left{padding-left:1rem}.c-button--icon-left:before{content:"";margin-right:.4rem;display:block;flex-shrink:0}.c-button--icon-right{padding-right:1rem}.c-button--icon-right:after{content:"";margin-left:.4rem;display:block;flex-shrink:0}.c-button[class*=c-icon-]:not([class*=c-button--icon-]){padding:0;height:var(--btnHeight);width:var(--btnHeight);border-radius:var(--btnHeight)}.c-button[class*=c-icon-]:not([class*=c-button--icon-]) .c-button__content{clip:rect(0 0 0 0);clip:path(inset 100%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}.c-button[class*=c-icon-]:not([class*=c-button--icon-]):before{content:"";margin-left:0;margin-right:0;flex-shrink:0;transform:translateZ(0)}.c-icon-loading:after,.c-icon-loading:before{animation:spin .6s linear infinite}.c-button.isLoading{position:relative;overflow:hidden}.c-button.isLoading span{position:relative;z-index:var(--zindex-above)}.c-button.isLoading:before{content:"";transform:translateX(-100%);background-color:var(--btnBgColorLoading);width:calc(100% + 2px);height:calc(100% + 2px);z-index:0;position:absolute;top:-1px;left:-1px;animation:loadingButton 4s ease-in-out;animation-fill-mode:forwards}.c-button--googleConnect{width:100%;font-weight:400;gap:2.4rem}.c-button--googleConnect:before{content:"";display:block;width:2.4rem;height:2.4rem;background-image:url(/_next/static/media/google_connect.06d67e69.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingButton{0%{transform:translateX(-100%)}70%{transform:translateX(0);opacity:1}90%{transform:translateX(0);opacity:1}to{transform:translateX(0);opacity:0}}