@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
.loading-spinner-container{display:flex;width:100%;height:100%;justify-content:center;align-content:center;align-items:center}.loading-spinner{display:block;margin:0 auto;width:80px;width:8rem;height:80px;height:8rem}.loading-spinner::after{content:"";display:block;border-style:solid;border-radius:50%;animation:rotation 1.2s linear infinite;width:64px;width:6.4rem;height:64px;height:6.4rem;margin:8px;margin:0.8rem;border-width:6px;border-width:0.6rem;border-color:#000 rgba(0,0,0,0)}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media only screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.loading-spinner{left:calc(50vw - 40px)}}


.footer{display:flex;flex-direction:row;flex:1 1 auto;flex-wrap:nowrap;justify-content:space-between;align-items:center;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;padding:16px;padding:1.6rem}[data-theme=default] .footer{#background-color:#d1d1d1;background-color:#ccc}[data-theme=darty] .footer{#background-color:#d1d1d1;background-color:#fff}[data-theme=fnac] .footer{#background-color:#d1d1d1;background-color:#fff}.footer .content{margin:auto}.footer .content p{margin:0;color:#454545;position:relative}.footer .content p a{color:#005ead;text-decoration:none}.footer .content p a:hover{color:#0078db}.footer .content p:first-child{padding-top:0}.footer .content p:last-child{padding-bottom:0}.footer .content p:not(:last-child):after{content:"";width:100%;height:1px;background:#ececec;position:absolute;bottom:0;left:0}.footer .content .secure_payment{text-transform:uppercase}.footer .content .secure_payment .secure_payment_icon{margin:0 5px -2px 0}@media screen and (min-width: 980px){.footer .content p{text-align:center;padding:16px 0}}
.app-header .rows{display:grid;grid-template-columns:1fr;grid-template-rows:51px 60px;grid-template-rows:5.1rem 6rem}@media screen and (max-width: 480px){.app-header .rows .row{font-size:9px}}.app-header .rows .row:first-child{display:flex;flex:1;color:#f2f2f2;height:51px;height:5.1rem;align-items:center;background-color:#fff;border-bottom:1px solid #d8d8d8;padding:0px 30px;padding:0rem 3rem;justify-content:center}@media screen and (max-width: 480px){.app-header .rows .row:first-child{padding:0px 0px;padding:0rem 0rem}}.app-header .rows .row:first-child img{justify-content:flex-start;height:48px;display:block !important}.app-header .rows .row:last-child{height:60px}.app-header .rows .row:last-child .MuiTab-wrapper{font-size:14px;font-size:1.4rem}@media screen and (max-width: 480px){.app-header .rows .row:last-child .MuiTab-wrapper{font-size:12px;font-size:1.2rem}}@media screen and (max-width: 480px){.app-header .rows .row .tab-button{padding:6px 8px}}
[data-theme=default] .page-confirmation{background-color:#f5f5f5;color:#1d1d1d}[data-theme=darty] .page-confirmation{background-color:#f5f5f5;color:#464646}[data-theme=fnac] .page-confirmation{background-color:#f5f5f5;color:#000}.page-confirmation .content{display:grid;width:100%;margin:0 auto;box-sizing:border-box;max-width:600px;max-width:60rem}.page-confirmation .content .paper{width:100%;padding:16px;padding:1.6rem;border-radius:3px;border-radius:0.3rem;margin-bottom:16px;margin-bottom:1.6rem;box-shadow:0 0 6px 0 rgba(69,69,69,.08);display:flex}@media screen and (max-width: 480px){.page-confirmation .content .paper{width:300px;width:30rem;padding:28px 0px 0px;padding:2.8rem 0rem 0rem}}.page-confirmation .content valid-check-icon{height:148px;width:185px}.page-confirmation .content .title{font-size:18px;font-weight:600;color:#009444;font-family:"Open Sans SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif}@media screen and (max-width: 480px){.page-confirmation .content .title{font-size:16px}}.page-confirmation .content .text{margin-top:16px;font-size:14px;color:#454545;font-family:"Open Sans SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif}.page-confirmation .content .benefice-section{height:auto;width:550px;margin:10px 0 0 0;padding:15px;font-size:14px;color:#454545;background-color:#fafafa;font-family:"Open Sans SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif;border:1px solid #d8d8d8;border-left:5px solid #015fac;border-radius:3px;text-align:left}@media screen and (max-width: 480px){.page-confirmation .content .benefice-section{height:auto;width:250px;font-size:12px;text-align:left}}.page-confirmation .content .benefice-section .benefice-paragraph{margin:0}@media screen and (max-width: 480px){.page-confirmation .content .benefice-section .benefice-paragraph{width:180px}}.page-confirmation .content .benefice-section .benefice-paragraph .benefice-logo-icon{height:35px;position:absolute}@media screen and (max-width: 480px){.page-confirmation .content .benefice-section .benefice-paragraph .benefice-logo-icon{margin:0 0 0 180px}}.page-confirmation .content .benefice-section .benefice-paragraph .benefice-text{margin:0}@media screen and (min-width: 480px){.page-confirmation .content .benefice-section .benefice-paragraph .benefice-text{margin:0 0 0 45px}}.page-confirmation .content .benefice-section .benefice-paragraph .benefice-promo{font-weight:bolder;margin:0}@media screen and (min-width: 480px){.page-confirmation .content .benefice-section .benefice-paragraph .benefice-promo{margin:0 0 0 45px}}.page-confirmation .content .gift-card-section{height:60px;width:550px;margin:30px auto;font-size:14px;color:#454545;font-family:"Open Sans SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif;border:1px dashed #d8d8d8;border-radius:3px}@media screen and (max-width: 480px){.page-confirmation .content .gift-card-section{height:75px;width:250px;font-size:12px;text-align:left}}.page-confirmation .content .gift-card-section .gift-card-paragraph{margin-top:13px}@media screen and (max-width: 480px){.page-confirmation .content .gift-card-section .gift-card-paragraph{width:180px}}.page-confirmation .content .gift-card-section .gift-card-paragraph .gift-logo-icon{height:28px;position:absolute;margin:-8px 0 0 -250px}@media screen and (max-width: 480px){.page-confirmation .content .gift-card-section .gift-card-paragraph .gift-logo-icon{margin:10px 0 0 208px}}.page-confirmation .content .gift-card-section .gift-card-paragraph .gift-card-text{margin:20px 11px 20px 60px}@media screen and (max-width: 480px){.page-confirmation .content .gift-card-section .gift-card-paragraph .gift-card-text{margin:12px 0 20px 16px}}.page-confirmation .content .line{height:1px;width:550px;background-color:#ececec;margin:0 auto}@media screen and (max-width: 480px){.page-confirmation .content .line{width:250px}}.page-confirmation .content .contract-number{margin:16px 0 18px 0;font-size:14px;color:#454545;font-family:"Open Sans SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif}.page-confirmation .content .offer-title-header{margin:23px 10px 0 10px;font-family:"Open Sans",sans-serif}.page-confirmation .content .offer-title-header p{font-size:18px;font-weight:600;color:#005ead;margin-bottom:0;text-align:left}.page-confirmation .content .recap-header{margin:16px 10px 0 10px;padding-bottom:0;border-bottom:none}.page-confirmation .content .recap-header .recap-header-element{font-family:"Open Sans",sans-serif;display:flex;justify-content:space-between;align-items:center;text-align:left}.page-confirmation .content .recap-header .recap-header-element .h1-validation{font-size:16px;margin-bottom:4px;text-transform:none;color:#353535}.page-confirmation .content .recap-header .recap-header-element .engagement{font-size:12px;color:#757575}.page-confirmation .content .recap-header .recap-header-element .price{font-size:16px;font-weight:bold;margin-bottom:0;text-align:right;color:#353535}.page-confirmation .content .recap-header .recap-header-element .price-description{color:#454545;margin-bottom:0}.page-confirmation .confirmationEndMessage{font-weight:bold;font-size:1.25em;color:#000;padding-top:30px;font-family:"Open Sans SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif}

.cb-iframe-container{display:flex;flex:1;height:100%;position:relative}.cb-iframe-container .cb-iframe-loader-absolute{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.cb-iframe-container iframe{width:100%;height:100%;border:none}
.cb-modal-content{display:flex;flex:1;padding:20px;min-height:50vh;height:50vh;justify-content:center;align-items:center}.cb-modal-content iframe{width:100%;height:100%}
.oc-cb-content.column-direction{flex-direction:column !important}.oc-cb-content.column-direction .oc-cb-payment{display:flex;flex-direction:row;flex:1;min-height:40px}.oc-cb-content.column-direction .oc-cb-payment .oc-cb-actions .oc-cb-btn-modal{min-height:38px}
.oc-cb-content.column-direction{flex-direction:column !important}.oc-cb-content.column-direction .oc-cb-payment{display:flex;flex-direction:row;flex:1;min-height:40px}@media screen and (max-width: 480px){.oc-cb-content.column-direction .oc-cb-payment{display:block}}.oc-cb-content.column-direction .oc-cb-payment .oc-cb-actions .oc-cb-btn-modal{min-height:38px}.oc-cb-content.column-direction .oc-cb-warning{display:flex;flex:1;flex-direction:row;justify-content:flex-end;font-size:10px;font-size:1rem;margin-top:5px;margin-top:.5rem;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#aaa;text-align:justify}@media screen and (max-width: 480px){.oc-cb-content.column-direction .oc-cb-warning{margin-top:45px;margin-top:4.5rem}}

.oc-cb-container{display:flex;flex:1}@media screen and (max-width: 480px){.oc-cb-container{text-align:center}}.oc-cb-container .oc-cb-content{display:flex;flex-direction:row;flex:1}.oc-cb-container .oc-cb-content .oc-cb-icons{display:flex;align-items:center;flex:1}@media screen and (max-width: 480px){.oc-cb-container .oc-cb-content .oc-cb-icons{display:block}}.oc-cb-container .oc-cb-content .oc-cb-actions{display:flex}@media screen and (max-width: 480px){.oc-cb-container .oc-cb-content .oc-cb-actions{display:block;margin-top:10px}}.oc-cb-container button{font-size:14px;font-size:1.4rem}
.rib-bic-container .MuiFormControl-fullWidth{margin:5px !important;width:calc(100% - 10px) !important}.rib-bic-container .MuiFormControl-fullWidth input{font-size:16px !important;font-size:1.6rem !important}.rib-bic-container .MuiFormControl-fullWidth input.Mui-disabled{color:#000}
.rib-input-container .MuiFormControl-fullWidth{margin:5px !important;width:calc(100% - 10px) !important}.rib-input-container .MuiFormControl-fullWidth input{font-size:16px !important;font-size:1.6rem !important}
.oc-rib-container .rows{display:flex;flex-direction:column;flex:1}.oc-rib-container .rows .row{display:flex;flex:1;flex-direction:column}.oc-rib-container .rows .row .rib-title{font-size:14px;font-size:1.4rem;font-weight:500;color:#454545;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;padding-left:8px;padding-left:.8rem}.oc-rib-container .rows .row .rib-title-flat{text-align:end;width:120px;margin-right:20px}.oc-rib-container .rows .row.row-iban{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:1fr;grid-column-gap:5px;align-items:center}@media screen and (max-width: 480px){.oc-rib-container .rows .row.row-iban{display:flex;flex-wrap:nowrap}}.oc-rib-container .rows .row.row-bic{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:10px;align-items:center}.oc-rib-container .rows .row.row-actions{display:flex;flex-direction:row}.oc-rib-container .rows .row.row-actions button{display:flex;flex:1;font-size:14px;font-size:1.4rem}.oc-rib-container .rows .row.row-actions button+button{margin-left:10px}.oc-rib-container .rows .row.row-actions button:first-child{margin-right:10px}.oc-rib-container .rows .row:not(:last-child){margin-bottom:20px;margin-bottom:2rem}.oc-rib-container .rows .row-flat{flex-direction:row;margin-bottom:-10px !important}
.payment-bloc .payment-cb-container{height:550px;height:55rem;display:flex;flex-direction:row;padding:20px;box-shadow:none;border:1px solid #f5f5f5;margin:0}.payment-bloc .payment-cb-container .payment-cb-action{display:flex;justify-content:flex-end;flex:1}
.rib-help{font-size:14px;font-size:1.4rem;font-weight:500;color:#454545;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;padding-left:8px;padding-left:.8rem;margin-bottom:10px}
[data-theme=default] .page-payment{background-color:#f5f5f5;color:#1d1d1d}[data-theme=darty] .page-payment{background-color:#f5f5f5;color:#464646}[data-theme=fnac] .page-payment{background-color:#f5f5f5;color:#000}.page-payment .content{display:flex;width:100%;margin:0 auto;box-sizing:border-box;max-width:980px;max-width:98rem;padding:28px 16px 0px;padding:2.8rem 1.6rem 0rem}@media screen and (max-width: 480px){.page-payment .content{width:300px;width:30rem;padding:28px 0px 0px;padding:2.8rem 0rem 0rem}}.page-payment .content article{width:100%}.page-payment .content article .title-h2{font-weight:600;text-transform:uppercase;display:flex;align-items:center;margin:0px 0px 16px;margin:0rem 0rem 1.6rem;font-size:18px;font-size:1.8rem}[data-theme=default] .page-payment .content article .title-h2{color:#000;font-family:sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif}[data-theme=darty] .page-payment .content article .title-h2{color:#454545;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}[data-theme=fnac] .page-payment .content article .title-h2{color:#454545;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.page-payment .content article .payment-separated{margin:0px 0px 45px 0px;margin:0rem 0rem 4.5rem 0rem}.page-payment .content article .payment-separated .title-h3{font-weight:500;text-transform:uppercase;display:flex;align-items:center;margin:0px 0px 14px;margin:0rem 0rem 1.4rem;font-size:16px;font-size:1.6rem}[data-theme=default] .page-payment .content article .payment-separated .title-h3{color:#000;font-family:sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif}[data-theme=darty] .page-payment .content article .payment-separated .title-h3{color:#454545;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}[data-theme=fnac] .page-payment .content article .payment-separated .title-h3{color:#454545;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.page-payment .content article .payment-separated .payment-bloc{width:100%;height:100%;padding:16px;padding:1.6rem;border-radius:3px;border-radius:0.3rem;margin-bottom:16px;margin-bottom:1.6rem;box-shadow:0 0 6px 0 rgba(69,69,69,.08)}.page-payment .content article .payment-separated .payment-bloc:not(:last-child):after{content:"";background-color:#f5f5f5;height:1px;height:0.1rem;top:0;left:0;position:relative;display:block;margin-top:20px;margin-top:2rem}.page-payment .MuiAlert-message{font-size:14px;font-size:1.4rem}@media all and (min-width: 980px){.page-payment .content{width:660px;width:66rem;box-sizing:border-box;padding:0}}
[data-theme=default] .page-verif-payment{background-color:#f5f5f5;color:#1d1d1d;box-shadow:none}[data-theme=darty] .page-verif-payment{background-color:#f5f5f5;color:#464646;box-shadow:none}[data-theme=fnac] .page-verif-payment{background-color:#f5f5f5;color:#000;box-shadow:none}.page-verif-payment .content{display:flex;width:100%;margin:0 auto;box-sizing:border-box;max-width:980px;max-width:98rem;padding:28px 16px 0px;padding:2.8rem 1.6rem 0rem}.page-verif-payment .content article{width:100%}.page-verif-payment .content article h5{display:flex;justify-content:flex-start;align-items:center;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.page-verif-payment .content article h5 span{margin-left:20px}
.yousign-iframe{width:80vw;height:80vh;overflow-y:hidden}@media screen and (max-width: 480px){.yousign-iframe{width:100%;height:calc(100% - 5px)}}[data-theme=default] .page-signature{background-color:#f5f5f5;color:#1d1d1d}[data-theme=darty] .page-signature{background-color:#f5f5f5;color:#464646}[data-theme=fnac] .page-signature{background-color:#f5f5f5;color:#000}.page-signature .content{display:flex;width:100%;margin:0 auto;box-sizing:border-box;max-width:980px;max-width:98rem;padding:28px 16px 0px;padding:2.8rem 1.6rem 0rem}@media screen and (max-width: 480px){.page-signature .content{width:300px;width:30rem;padding:28px 0px 0px;padding:2.8rem 0rem 0rem}}.page-signature .content article{width:100%}.page-signature .content article .title-h2{font-weight:600;text-transform:uppercase;display:flex;align-items:center;margin:0px 0px 16px;margin:0rem 0rem 1.6rem;font-size:18px;font-size:1.8rem}[data-theme=default] .page-signature .content article .title-h2{color:#000;font-family:sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif}[data-theme=darty] .page-signature .content article .title-h2{color:#454545;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}[data-theme=fnac] .page-signature .content article .title-h2{color:#454545;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.page-signature .content article .sign-separated{margin:0px 0px 45px 0px;margin:0rem 0rem 4.5rem 0rem}.page-signature .content article .sign-separated *{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.page-signature .content article .sign-separated .title-h3{font-weight:500;text-transform:uppercase;display:flex;align-items:center;margin:0px 0px 14px;margin:0rem 0rem 1.4rem;font-size:16px;font-size:1.6rem}[data-theme=default] .page-signature .content article .sign-separated .title-h3{color:#000;font-family:sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif}[data-theme=darty] .page-signature .content article .sign-separated .title-h3{color:#454545;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}[data-theme=fnac] .page-signature .content article .sign-separated .title-h3{color:#454545;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.page-signature .content article .sign-separated .sign-bloc{width:100%;padding:16px;padding:1.6rem;border-radius:3px;border-radius:0.3rem;margin-bottom:16px;margin-bottom:1.6rem;box-shadow:0 0 6px 0 rgba(69,69,69,.08)}.page-signature .content article .sign-separated .sign-bloc.offer span,.page-signature .content article .sign-separated .sign-bloc.client span{font-weight:bold}.page-signature .content article .sign-separated .sign-bloc:not(:last-child):after{content:"";background-color:#f5f5f5;height:1px;height:0.1rem;top:0;left:0;position:relative;display:block;margin-top:20px;margin-top:2rem}.page-signature .content article .sign-separated .sign-bloc p{text-align:justify}.page-signature .content article .sign-separated .sign-bloc .sign-actions{display:flex;flex-direction:row}@media screen and (max-width: 480px){.page-signature .content article .sign-separated .sign-bloc .sign-actions{display:grid}}.page-signature .content article .sign-separated .sign-bloc .sign-actions button{display:flex;flex:1;font-size:14px;font-size:1.4rem}.page-signature .content article .sign-separated .sign-bloc .sign-actions button+button{margin-left:10px}@media screen and (max-width: 480px){.page-signature .content article .sign-separated .sign-bloc .sign-actions button+button{margin-top:15px;margin-left:0px}}.page-signature .content article .sign-separated .sign-bloc .sign-actions button:first-child{margin-right:10px}@media screen and (max-width: 480px){.page-signature .content article .sign-separated .sign-bloc .sign-actions button:first-child{margin-right:0px}}.page-signature .content article .sign-separated .sign-bloc .sign-actions.download-contract{justify-content:center;margin:1.6rem auto auto auto;width:50%}.page-signature .MuiAlert-message{font-size:14px;font-size:1.4rem}.page-signature .backdrop-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.page-signature .backdrop-content p{margin:20px 0 0 0;color:#fff;font-size:large}.page-signature .benefice-section{height:auto;width:100%;margin:10px 0 0 0;padding:15px;font-size:14px;color:#454545;background-color:#fafafa;font-family:"Open Sans SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif;border:1px solid #d8d8d8;border-left:5px solid #015fac;border-radius:3px;text-align:left}@media screen and (max-width: 480px){.page-signature .benefice-section{height:auto;width:250px;font-size:12px;text-align:left}}.page-signature .benefice-section .benefice-paragraph{margin:0}@media screen and (max-width: 480px){.page-signature .benefice-section .benefice-paragraph{width:180px}}.page-signature .benefice-section .benefice-paragraph .benefice-logo-icon{height:35px;position:absolute}@media screen and (max-width: 480px){.page-signature .benefice-section .benefice-paragraph .benefice-logo-icon{margin:0 0 0 180px}}.page-signature .benefice-section .benefice-paragraph .benefice-text{margin:0}@media screen and (min-width: 480px){.page-signature .benefice-section .benefice-paragraph .benefice-text{margin:0 0 0 45px}}.page-signature .benefice-section .benefice-paragraph .benefice-promo{font-weight:bolder;margin:0}@media screen and (min-width: 480px){.page-signature .benefice-section .benefice-paragraph .benefice-promo{margin:0 0 0 45px}}@media all and (min-width: 980px){.page-signature .content{width:598px;width:59.8rem;box-sizing:border-box;padding:0}}
.accordion-paper{min-height:55px;padding-bottom:18px;margin-top:20px}.accordion-paper .accordion-sub-title{height:12px;font-size:12px;line-height:12px;padding-left:20px;margin-bottom:24px;margin-top:7px;font-family:"Open Sans",sans-serif;color:#454545}.accordion-paper .list-accordion{padding-left:20px;font-size:14px;font-family:"Open Sans",sans-serif;color:#454545}.accordion-paper .list-accordion .line-accordion{margin-bottom:18px;display:flex}@media screen and (max-width: 480px){.accordion-paper .list-accordion .line-accordion{margin:0 5px 18px 0}}.accordion-paper .list-accordion .line-accordion svg{margin-right:15px;width:20px}.accordion-paper .list-accordion .line-accordion p{font-size:12px;color:#757575;margin:0}.accordion-paper .list-accordion .line-accordion .img-line-accordion{width:40.15px;height:12px;margin-left:2px}.accordion-paper .accordion-button{width:100%;background-color:#fff;height:60px;border:none;border-radius:10px}.accordion-paper .accordion-button .accordion-header{font-weight:600;align-items:center;padding:23px 13px 13px 13px;justify-content:space-between;cursor:pointer;font-size:15px;display:flex;font-family:"Open Sans",sans-serif;color:#005ead}.accordion-paper .accordion-button .icon_wrapper-expanded{transition:.5s all;transform:rotateZ(180deg)}.accordion-paper .text-with-line-break{padding:0px;border:0px;background-color:inherit;color:inherit;font-family:inherit;margin:10px 0 10px 0;white-space:pre-wrap;word-break:normal}
.offer-details-container .MuiPaper-root{border-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:-2px 0 6px -2px rgba(69,69,69,.1),2px 0 6px -2px rgba(69,69,69,.1),0 -2px 6px -2px rgba(69,69,69,.1),0 0 0 0 rgba(0,0,0,0) !important;margin-bottom:0}.recap-header{margin-top:8px}.recap-header .recap-header-element{font-family:"Open Sans",sans-serif;display:flex;justify-content:space-between;align-items:center}.recap-header .recap-header-element .h1-validation{font-size:16px;margin-bottom:4px;text-transform:none}.recap-header .recap-header-element .engagement{font-size:12px;color:#757575}.recap-header .recap-header-element .price{font-size:16px;font-weight:bold;margin-bottom:0;text-align:right}.offer-title-header{margin-bottom:8px;font-family:"Open Sans",sans-serif}.offer-title-header p{font-size:18px;font-weight:600;color:#005ead;margin-bottom:0}
.offer-promo-container{font-family:"Open Sans",sans-serif}.offer-promo-container .promo-code-block{position:relative;display:block;margin-left:24px;margin-right:24px}.offer-promo-container .promo-code-block .global-promo{justify-content:space-between;display:flex;padding-top:22px}.offer-promo-container .promo-code-block .global-promo svg{background-color:#009444;height:16px;width:16px;border-radius:50%}.offer-promo-container .promo-code-block .global-promo .label-code-lib{padding-left:10px;color:#009444;font-family:"Open Sans",sans-serif;font-weight:bold;font-size:16px;margin-bottom:5px}.offer-promo-container .promo-code-block .global-promo .remove-button{text-decoration:underline;color:#989898;font-family:"Open Sans",sans-serif;font-size:14px;line-height:15px;border:none;background-color:unset;cursor:pointer}.offer-promo-container .promo-code-block .desc-price-lib-promo{font-family:"Open Sans",sans-serif;font-size:14px;padding-left:27px;color:#454545}.offer-promo-container .MuiPaper-root{border-radius:0;box-shadow:2px 0 6px -2px rgba(69,69,69,.1),-2px 0 6px -2px rgba(69,69,69,.1) !important;margin-top:0;margin-bottom:0}
.validate-offer-container .MuiPaper-root{border-radius:0 !important;border-bottom-left-radius:8px !important;border-bottom-right-radius:8px !important;box-shadow:0 2px 6px -2px rgba(69,69,69,.1),2px 0 6px -2px rgba(69,69,69,.1),-2px 0 6px -2px rgba(69,69,69,.1) !important;margin-top:0}.cgs-validation{margin:25px 0 32px 0;font-size:13px;font-family:"Open Sans",sans-serif}@media screen and (max-width: 480px){.cgs-validation{display:flex}}.disable-cursor{cursor:not-allowed}.label-code-lib a{cursor:pointer}
[data-theme=default] .page-subscription{background-color:#f5f5f5;color:#1d1d1d}[data-theme=darty] .page-subscription{background-color:#f5f5f5;color:#464646}[data-theme=fnac] .page-subscription{background-color:#f5f5f5;color:#000}.page-subscription .content{display:grid;width:100%;margin:0 auto;box-sizing:border-box;max-width:980px;max-width:98rem;padding:28px 16px 0px;padding:2.8rem 1.6rem 0rem}@media screen and (max-width: 480px){.page-subscription .content{width:300px;width:30rem;padding:28px 0px 0px;padding:2.8rem 0rem 0rem}}.page-subscription .content .subscription-bloc{width:100%;padding:16px;padding:1.6rem;border-radius:3px;border-radius:0.3rem;margin-bottom:16px;margin-bottom:1.6rem;box-shadow:0 0 6px 0 rgba(69,69,69,.08);display:flex}.page-subscription .content .subscription-bloc p{margin:35px 15px 0 0;font-size:16px;font-family:"Open Sans",sans-serif}@media screen and (max-width: 480px){.page-subscription .content .subscription-bloc p{margin:25px 0 0 0}}@media screen and (max-width: 480px){.page-subscription .content .subscription-bloc{display:block;text-align:center}}@media screen and (min-width: 480px){.page-subscription .content .subscription-bloc .img-offer-logo{margin:0 0 0 25px;width:150px}.page-subscription .content .subscription-bloc .img-dm-logo{margin:25px 0 25px 25px}.page-subscription .content .subscription-bloc .vertical-line{height:88px;width:1px;background-color:#ececec;margin:12px 25px 0 25px}}.page-subscription .content .title-h2{font-family:"Open Sans SemiBold",sans-serif;font-size:18px;margin-bottom:15px}.page-subscription .content .in-progress-text{font-family:"Open Sans Regular",sans-serif;font-size:16px;text-align:center;color:#757575}@media screen and (min-width: 480px){.page-subscription .content .in-progress-text{margin:15px 75px 10px 75px}}.page-subscription .content .promo-bloc{width:100%;padding:16px;padding:1.6rem;border-radius:3px;border-radius:0.3rem;margin-bottom:16px;margin-bottom:1.6rem;box-shadow:0 0 6px 0 rgba(69,69,69,.08);display:flex;margin-top:20px}.page-subscription .content .promo-bloc img{margin:20px 10px 20px 25px;width:20px;height:20px}.page-subscription .content .promo-bloc p{margin:20px 0 0 0;font-size:16px;font-family:"Open Sans",sans-serif;text-align:left}.page-subscription .content .promo-bloc button{float:right}.page-subscription .content .promo-bloc .promo-description{margin:5px 15px 10px 15px;font-size:16px;font-family:"Open Sans",sans-serif;text-align:left}.page-subscription .backdrop-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.page-subscription .backdrop-content p{margin:20px 0 0 0;color:#fff;font-size:large}.page-subscription .MuiAlert-message{font-size:14px;font-size:1.4rem}@media all and (min-width: 980px){.page-subscription .content{width:598px;width:59.8rem;box-sizing:border-box;padding:0}}
.app-layout{display:grid;grid-template-columns:1fr;grid-template-rows:120px 1fr auto;height:100%}[data-theme=default] .app-layout{background-color:#f5f5f5;color:#1d1d1d}[data-theme=darty] .app-layout{background-color:#f5f5f5;color:#464646}[data-theme=fnac] .app-layout{background-color:#f5f5f5;color:#000}@media all and (min-width: 980px){.app-layout{grid-template-rows:145px 1fr auto}}
.error-message{font-family:"Open Sans SemiBold",sans-serif;font-size:18px;font-weight:bold;color:red}
.app-container{position:relative;height:100%}
.init{text-align:center;display:flex;height:100%;align-items:center;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;justify-content:center}
*{box-sizing:border-box;background-clip:padding-box}*::before,*::after{box-sizing:border-box;background-clip:padding-box}*:hover,*:focus,*:active{outline:none}html,body{margin:0;padding:0;position:relative;width:100%;height:100%}html{font-size:62.5%}html body{display:flex;flex-direction:column;flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;min-height:100vh;line-height:1.2;cursor:default;font-size:14px;font-size:1.4rem}html body #root{position:relative;height:100%}html body p{white-space:normal;margin:0px 0px 10px 0px;margin:0rem 0rem 1rem 0rem}html body strong,html body b{font-weight:700}html body em,html body i{font-style:italic}html body sub,html body sup{font-size:smaller;font-style:italic}html body img{display:inline-block;max-width:100%;margin:0;padding:0;border:none;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}html body figure{position:relative;margin:0;padding:0;line-height:1}html body figure>img{max-width:100%;height:auto !important}html body a{display:inline-block;position:relative}html body a,html body a::before,html body a::after{transition-duration:.2s;transition-timing-function:ease-in-out}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{margin:0;padding:0;text-transform:uppercase}html body hr{border:none;border-bottom:thin solid;background-color:rgba(0,0,0,0);height:1px;height:0.1rem}html body address{font-style:normal}.app{position:relative;height:100%}