.App,body{height:100%;margin:0;padding:0;font-family:"Poppins",Arial}main{padding:40px 0;background-size:cover}.phishing-infos{text-align:right;color:#000;z-index:1;position:relative;text-decoration:underline;display:flex;align-items:center;justify-content:flex-end;width:400px;max-width:90%}#cadenas{width:26px;height:26px;margin-top:-5px}.links .tooltip,.phishing-infos .tooltip{position:relative;display:inline-block;margin-bottom:2px;border-bottom:1px #000}#email,#password{font-family:"Poppins",Arial}.tooltiptext{visibility:hidden;background-color:#fff;text-align:left;border-radius:6px;z-index:3;padding:16px;border:none;border-radius:4px;transition:.3s;transform-origin:top center;font-size:11px;width:500px;position:absolute;box-shadow:1px 1px 10px hsla(0,0%,50.2%,.8117647058823529)}.links .tooltip .tooltiptext{bottom:20px;left:10px}.links .tooltip .tooltiptext p,.phishing-infos .tooltip .tooltiptext a,.phishing-infos .tooltip .tooltiptext a:visited{display:block;color:#233134}.links .tooltip .tooltiptext p{margin:0}.phishing-infos .tooltip .tooltiptext a:hover,.phishing-infos .tooltip .tooltiptext a span{color:#e20118}.links .tooltip:hover .tooltiptext,.phishing-infos .tooltip:hover .tooltiptext{visibility:visible}.phishing-infos img{vertical-align:middle}.link-id{width:108%!important}.login{border:1px solid #d3d3d3;width:400px;max-width:90%;position:relative;background-color:#fff;border-radius:5px}.login .message{text-align:center;color:#e20118;font-size:15px;display:none}.login form{background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.login h2{margin:10px 0;font-weight:400}.login label{margin:10px 0 5px;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.login label span{display:inline-block;width:22px;height:22px;width:auto\9;height:auto\9;cursor:pointer;vertical-align:top;margin:0 8px 0 0;border:0!important;padding:0!important;background-image:url(/static/media/sprite-mire-2016.6f3a5a5d.png);background-repeat:no-repeat;background-position:0 -700px;box-sizing:border-box;border-radius:0!important;position:relative;outline:none}.login input{width:calc(100% - 25px);font-size:16px;padding:10px;margin:5px 0;border:1px solid #ccc}#email::placeholder,#password::placeholder{color:#9d9d9d}.login .label-password{margin:20px 0 5px;display:none}.login .label-password-verification{margin:20px 0 5px;text-align:center}.login .connect{display:flex;align-items:center;justify-content:flex-start;margin:5px 0;width:100%}.checkbox-custom-red,.login #connect{width:25px;height:25px}.checkbox-custom-red{-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center;&:after{content:"✔";display:none;color:#e2001a;font-size:20px}&:checked{background-color:#fff;&:after{display:block}}}.login .connect input{width:auto;margin-right:5px}.login .connect{margin:0}.link_expired_mdp{background:none!important;border:none;padding:0!important;font-family:arial,sans-serif;color:#069;text-decoration:underline;cursor:pointer}.login .button-form{display:none}.infoError,.infoModalError{font-size:10px;color:#e20118}.infoError{margin:10px 0 0}.infoModalError{margin:0 0 10px;text-align:left}.captcha{display:flex;justify-content:center;align-items:center;flex-direction:column;transform:scale(.75)}.rc-anchor-normal-footer{display:inline-block;height:74px;vertical-align:top}.rc-anchor-normal .rc-anchor-pt{margin:4px 13px 0 0;padding-right:2px;position:absolute;right:0;text-align:right;width:276px}#rc-anchor-alert,.rc-anchor-alert{display:none!important}.linkto{width:100%;background-color:#e20118;border-radius:20px;text-align:center;margin-top:10px;transition:.3s;color:#fff;border:0;font-weight:700;font-size:18px;padding:15px 20px}.linkto:hover{background-color:#c00013}.linkto:disabled{color:#f5f5f5;background-color:#e2001a;opacity:.7}.ppal_link{margin:0 5% 5%;width:90%;background-color:#e2001a}.login .help{border-top:1px solid #d3d3d3;width:auto}.login .help h3{margin:6px 0;text-transform:uppercase;text-decoration:none;justify-content:center;color:#b9b9b9;text-align:center;line-height:.9rem;letter-spacing:.02rem;width:100%;display:flex}.login .help .links{display:grid;grid-template-columns:repeat(2,1fr)}.login .help .links div a{font-size:.8em;color:#fff;border:none}.login .help div a{width:100%;margin:5px 0;font-size:15px;position:relative}.login .help div span{color:#e20118;font-weight:1000;font-size:16px;margin:5px 10px}.login .help div a,.login .help div button,p{font-size:11px}.login .help .links .link-password{border-right:1px solid #b9b9b9}.login .help .links button{background-color:initial;border:0;color:#000;box-shadow:none;width:100%!important;padding:0 0 8px;text-align:left;transition:.3s}.login .help .links button:hover{color:#ddd}.icon-input input:before{content:"\f007";color:red;margin-right:5px}#forgotten_password:before{display:none}.modal-wrapper{overflow:scroll;width:85%;max-width:420px;max-height:90%}@media (max-width:1200px){.links .tooltip .tooltiptext,.phishing-infos .tooltip .tooltiptext{width:auto}}@media (max-width:540px){#rc-anchor-container{width:70%!important}}@media (max-width:500px){.login .links div:first-of-type a:first-of-type:before,.login .links div:first-of-type button:first-of-type:before{content:none}.login .help div:before{content:none!important}.login .help h3{margin-bottom:5px}.rc-anchor-normal{width:60%}}@media (max-width:415px){.littleModal h2{text-align:left!important;font-size:20px}}@media (max-width:361px){.rc-anchor-container{width:70%!important}.rc-anchor-normal{width:260px;margin:0}}@media (max-width:281px){header p{width:32%!important;padding-left:12px;text-align:left!important}.rc-anchor-container{width:70%!important}.rc-anchor-normal{width:260px;margin:0}.bigModal .modal-header h2{font-size:18px;width:66%;text-align:left}.littleModal header p{font-size:18px;width:66%}.modal-overlay{overflow:scroll}}.modal-wrapper{z-index:1000;position:relative;display:flex;justify-content:center;align-items:center;background:#fff;padding:20px;overflow:hidden}.mediumModal{min-height:505px;height:auto}@media (max-width:768px){.littleModal h2{text-align:center!important;font-size:20px;width:100%}}.modal{display:table-cell;vertical-align:middle;width:100%}.modal p.info{text-align:center}.modal-overlay{background-color:rgba(0,0,0,.6);position:fixed;z-index:9999;width:100%;height:100%}.modal-close-button,.modal-overlay{display:flex;align-items:center;justify-content:center}.modal-close-button{width:25px;height:25px;position:absolute;right:7px;top:7px;border-radius:0;background-color:#e20118;border:0;color:#fff;font-size:1.2em;transition:.3s}.button-form:hover,.modal-close-button:hover{background-color:#b40013}.modal-header h2,.modal-header h3,.modal .intro{text-align:center}.modal-header h3{margin:0}.modal .intro{font-size:.9em}.modal .long_intro{font-size:.7em}.modal .info_temp_mdp{margin-bottom:0;text-align:center;font-size:.9em}.modal .link_expired_mdp{margin-top:0;margin-bottom:20px;font-size:.7em;display:block}.changeInfos input{width:90%;padding:10px;margin:5px 0;border:1px solid #ccc}.button-form{width:100%;background-color:#e20118;border:none;padding:15px 0;color:#fff;text-align:center;font-weight:700;font-size:18px;margin-top:10px;margin-bottom:10px;transition:.3s}.button-form:disabled{opacity:.7}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-Regular.4211496d.ttf)}body{margin:0;height:100%}a,body,button,h1,h2,h3,h4,p{font-family:"Poppins",Arial,Helvetica,sans-serif,FontAwesome}a,button{cursor:pointer}a,a.buttona,button{text-decoration:none}a.buttona{color:#fff!important}a.buttona:hover{text-decoration:none!important}header{height:80px;display:flex;align-items:center;justify-content:flex-start;box-shadow:0 4px 5px hsla(0,0%,77.3%,.4)}header img{margin-left:20px;width:45px;height:45px}header h2{font-weight:200;font-size:20px}.error{border:1px solid red!important}.main-contracts{position:absolute;inset:0;width:100%;height:120%;background-color:#f2f2f2}.main-contracts .contracts-help{display:flex;justify-content:center;align-items:center}.main-contracts .intro{width:100%;font-size:20px}.main-contracts .contrats{align-items:center;justify-content:center;margin:2px 10%;width:80%}.main-contracts .contrats .contrat h4{background:#fff;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;color:#000;font-size:25px;font-weight:700;border-radius:10px 10px 0 0;margin-bottom:7px}.main-contracts .contrats .contrat .infos{display:flex;justify-content:space-between;align-items:center}.main-contracts .contrats .contrat p{margin:10px 0;font-size:16px}.main-contracts .contrats .contrat p:first-of-type{font-weight:700;font-size:18px}.main-contracts .contrats .contrat button{background:linear-gradient(90deg,#cc4e92,#e2001a);border:none;color:#fff;padding:10px 20px;font-weight:700;border-radius:5px;font-size:16px;display:none}.main-contracts .contrats .contrat .content{background-color:#fff;border-radius:0 0 10px 10px;padding:20px 40px 40px;margin-bottom:10px}.main-contracts .contrats .contrat .content,.main-contracts .contrats .contrat .liste{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}main .contrats .contrat .liste label{margin-top:12px;display:inline-flex;font-weight:600}.main-contracts .intro{margin-top:10px;background:#fff;background-size:cover;width:80%;height:95px;text-align:center;align-items:center;justify-content:center;color:#000;font-size:18px;border-radius:10px}.main-contracts .intro h3{margin-bottom:0}.main-contracts .intro h3>span{text-transform:capitalize}.main-contracts .intro a{text-decoration:none;font-size:14px}.main-contracts .contrats .contrat .liste label{margin:10px 0 5px;font-size:14px;display:flex;cursor:pointer;color:#58164f;font-weight:600}.main-contracts .contrats .contrat .liste label span{display:inline-block;width:22px;height:22px;width:auto\9;height:auto\9;cursor:pointer;vertical-align:top;margin:0 8px 0 0;border:0!important;padding:0!important;background-image:url(/static/media/sprite-mire-2016.6f3a5a5d.png);background-repeat:no-repeat;background-position:0 -700px;box-sizing:border-box;border-radius:0!important;position:relative;outline:none}.main-contracts .contrats .contrat .liste input{width:calc(100% - 25px);padding:10px;margin:5px 0;border:1px solid #ccc}.main-contracts .contrats .contrat .liste a{color:#c95697;text-decoration:none}.main-contracts .contrats .contrat .liste a:hover{color:#c95697;text-decoration:underline}.main-contracts .contrats .contrat audio{margin:10px;width:35%}.main-contracts .contrats .searchoff{margin-bottom:80px}.main-contracts .contrats .searchon{display:block;margin-bottom:80px}.main-contracts .contrats .contrat .loader{width:300px;height:15px;border-radius:30px;margin-top:10px;border:2px solid #310036}table{font-family:arial,sans-serif;border-collapse:collapse;width:100%}.separator{opacity:0}td,th{border:1px solid #ddd;text-align:left;padding:8px}tr:nth-child(2n){background-color:#f8f8f8}audio::-webkit-internal-media-controls-download-button{display:none}audio::-webkit-media-controls-enclosure{overflow:hidden}audio::-webkit-media-controls-panel{width:calc(100% + 30px)}@keyframes loader{0%{width:0}to{width:100%}}.loader-percentage-animation{animation:loader 1s ease-in-out forwards}.main-contracts .contrats .contrat .loader-percentage{background:linear-gradient(90deg,#cc4e92,#e2001a);width:0;height:15px;border-radius:30px;transition:.2s}.main-contracts .contracts-help .help{padding:10px 25px;color:#000;border:1px solid transparent;border-radius:15px;background:#fff;margin-top:20px;display:flex;align-items:center;justify-self:unset}.main-contracts .help img{margin-right:20px}.img-contract{width:75px;height:75px}.main-contracts .help .texts h3{margin:15px 0 0;font-size:18px}.main-contracts .help .texts p{margin:5px 0 15px;font-size:15px}@media (max-width:1210px){.main-contracts{height:auto;padding-bottom:20px}}@media (max-width:1210px) and (max-height:670px){.main-contracts{width:100%;height:200%;padding-bottom:20px}}@media (max-width:940px){.main-contracts{width:100%;height:auto;padding-bottom:20px;overflow-y:auto}}@media (max-width:540px){.main-contracts{padding-bottom:10px;overflow-y:auto}.main-contracts .contracts-help{margin-bottom:10px}.main-contracts .contracts-help .help{padding:5px;width:70%;height:80px;color:#000;border:1px solid transparent;border-radius:15px;background:#fff;margin-top:20px;font-size:16px;display:flex;align-items:center;justify-self:unset}.img-contract{width:50px;height:50px}.main-contracts .contrats .contrat .infos{flex-direction:column;display:flex;justify-content:center}main .contrats .contrat .content{padding:20px;flex-direction:column;align-items:center}main .contrats .contrat .loader{margin:15px auto 10px;width:250px}main .contrats .contrat audio{margin:15px auto 10px;width:80%}main .contrats .contrat button{margin:10px 0}}@media(max-width:281px){header h2{color:#000;margin:0;padding-left:15px;font-style:normal;font-size:15px}.main-contracts{overflow-y:scroll}.main-contracts .intro{margin-top:10px;background:#fff;background-size:cover;width:80%;height:95px;text-align:center;align-items:center;justify-content:center;color:#000;font-size:15px;border-radius:10px}.main-contracts .intro h3{margin-bottom:0;text-transform:capitalize}.main-contracts .intro a{text-decoration:none;font-size:12px}.help{width:60%}.img-contract{width:60px;height:60px}main .help .texts h3{font-size:15px}main .help .texts p{font-size:13px}main .contrats .contrat p:first-of-type{font-size:15px}main .contrats .contrat audio{margin:15px auto 10px;width:80%}.main-contracts .contracts-help .help{padding:5px;color:#000;border:1px solid transparent;border-radius:15px;background:#fff;margin-top:20px;display:flex;align-items:center;justify-self:unset}.img-contract{width:40px;height:40px}.main-contracts .help .texts h3{font-size:12px}.main-contracts .help .texts p{font-size:10px}}body,html{height:100%;margin:0;padding:0}header{position:fixed;top:0;z-index:1000;width:100%;background-color:#fff}header h2{color:#000;margin:0;padding-left:15px;font-style:normal}main{position:absolute;top:80px;left:0;right:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 15%;overflow-x:hidden;overflow-y:scroll}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:grey;border-radius:4px}.main-home{position:absolute;top:0;left:0;width:100%;height:calc(100% + 30px);background-color:#f2f2f2}main .intro{background:#fff;background-size:cover;width:80%;height:100px;text-align:center;align-items:center;justify-content:center;color:#000;font-size:18px;border-radius:10px;margin:auto}main .intro h3{padding-top:10px}main .intro .firstName{text-transform:capitalize}main .intro a{color:#000;text-decoration:none;font-size:14px}main .intro a:hover{color:#000;text-decoration:underline}main .sections{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:15px 10%;width:80%}main .sections img{width:6.5rem;margin-bottom:5px}main .sections p{margin:10px 0 0}main .sections a{width:45.4%;padding:2%;background-color:#fff;margin:.3%;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;font-size:22px;font-weight:700;border-radius:10px;position:relative}main .sections a:nth-of-type(3){background:#fff;color:#000}main .sections a:nth-of-type(3) p:last-of-type{font-size:18px}main .sections a:last-of-type{color:#000;background-image:url(/static/media/GettyImages-1182291664_RVB.c61e733f.jpg);background-repeat:no-repeat;text-align:left;align-items:flex-start;display:flex;font-size:22px;font-weight:700;background-size:132%;background-position-x:90%;background-position-y:60%}main .sections a:last-of-type:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background-color:red;opacity:.8;border-bottom-right-radius:10px;border-top-right-radius:10px}main .sections a:last-of-type:after{content:"";position:absolute;top:10%;left:0;width:60px;height:60px;background-image:url(/static/media/SFR_Logo_RVB.3ca6fe5c.png);background-repeat:no-repeat;background-position:50%;background-size:cover;opacity:1}#discover_last_offers{position:absolute;align-self:center;z-index:1000;color:#fff;font-size:25px;letter-spacing:.15rem}main .sections a:last-of-type p{text-align:center;font-weight:700;margin:0}main .sections a:last-of-type img{margin-top:20px;width:90px}@media (max-width:1210px){main{padding:20px 5%}.main-home{height:auto}}@media (max-width:1210px) and (max-height:670px){.main-home{width:100%;height:auto;padding-bottom:20px}}@media (max-width:940px){.main-home{width:100%;height:auto;overflow-y:auto}main .sections a:last-of-type{color:#000;background-image:url(/static/media/GettyImages-1182291664_RVB_481.5331cdf5.jpg);background-repeat:no-repeat;text-align:left;align-items:flex-start;display:flex;font-size:22px;font-weight:700;background-size:140%;background-position-x:100%;background-position-y:70%}main .sections a{text-align:center;width:92%;padding:4%;margin:5px 0;height:250px}main .sections a:last-of-type img{margin-top:20px;width:50px}main .sections a:last-of-type p{width:100%;font-size:22px;font-weight:700}#firstHelpKitImg{width:60px;height:60px}}@media(max-width:281px){.main-home{overflow-y:scroll}main .sections a:last-of-type{background-image:url(/static/media/GettyImages-1182291664_RVB_481.5331cdf5.jpg);background-size:160%;background-position-x:-40%;background-position-y:-60%}main .sections a:last-of-type:after{content:"";position:absolute;top:10%;left:0;width:40px;height:40px;background-image:url(/static/media/SFR_Logo_RVB.3ca6fe5c.png);background-repeat:no-repeat;background-position:50%;background-size:cover;opacity:1}#discover_last_offers{position:absolute;align-self:center;z-index:1000;color:#fff;font-size:15px!important;letter-spacing:.15rem}}.main .sections a:last-of-type{color:#000;background-image:url(/static/media/GettyImages-1182291664_RVB.c61e733f.jpg),linear-gradient(red,red);background-repeat:no-repeat;background-position:50%;background-size:cover;text-align:left;align-items:flex-start;display:flex;font-size:22px;font-weight:700;position:relative}@media (min-width:768px){main .sections a:last-of-type{background-position-x:100%;background-position-y:60%}}@media(max-width:767px){main .sections a:last-of-type{background-position-x:100%;background-position-y:60%}}@media (max-width:480px){main .sections a:last-of-type{background-position-x:100%;background-position-y:60%}}
/*# sourceMappingURL=main.4aa55d08.chunk.css.map */