@font-face{font-family:Altice-Regular;src:url(//static.s-sfr.fr/media/altice-regular-webfont-1.woff2) format('woff2'),url(//static.s-sfr.fr/media/altice-regular-webfont-1.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Altice-Bold;src:url(//static.s-sfr.fr/media/altice-bold-webfont.woff2) format('woff2'),url(//static.s-sfr.fr/media/altice-bold-webfont.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}
input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#f7f7f7;-webkit-box-shadow:0 0 0 1000px #14181d inset;transition:background-color 5000s ease-in-out 0s}
body{font-family:Altice-Regular,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;color:#f7f7f7;min-height:100vh;display:flex;align-items:center;margin:0}
a{color:#fff;text-decoration:none}p{margin-bottom:10px}
.replay-error{color:red;font-size:13px;display:block;margin-top:6px;text-align:left}
.replay-color{color:#7e4eff}
.replay-link{color:#7e4eff;text-decoration:underline}
.replay-container{width:100%;height:100vh;margin:0 auto;display:flex;justify-content:center}
.relpay-left-section{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#14181d url(//static.s-sfr.fr/media/fond-replay-min.png) 100% 0 no-repeat;background-size:cover}
.relpay-left-content{text-align:center;max-width:388px}
.replay-logo{margin-bottom:32px}
.replay-title-wrapper{margin-bottom:32px}
.replay-title{font-size:23px;margin-bottom:12px;font-weight:700}
.replay-second-title{font-size:16px;margin-bottom:18px;font-weight:700}
.replay-list{text-align:left;padding-left:17px;margin-top:57px}
.replay-list li{list-style:none;position:relative;padding-left:40px;margin:20px 0}
.replay-icon{width:24px;height:24px;position:absolute;left:0;top:8px}
.replay-icon-play{background:url(//static.s-sfr.fr/media/replay-icon-play1.svg) 0 0 no-repeat}
.replay-icon-screens{background:url(//static.s-sfr.fr/media/replay-icon-screens.svg) 0 0 no-repeat}
.replay-icon-pouce{background:url(//static.s-sfr.fr/media/replay-icon-pouce.svg) 0 0 no-repeat}
.replay-icon-list-video{background:url(//static.s-sfr.fr/media/replay-icon-list-video.svg) 0 0 no-repeat}
.relpay-right-section{width:380px;flex-shrink:0;max-width:100%;background:#14181d;display:flex;align-items:center;flex-direction:column;padding:26px;position:relative;height:100%;overflow-y:auto}
.replay-input-line{margin-bottom:16px;text-align:left;position:relative;}
.replay-input-line .replay-input{background:0 0;border:0;border-bottom:1px solid #707070;width:100%;font-size:16px;padding:12px 0;color:#f7f7f7;outline:0}
.replay-input-line .replay-input::placeholder{font-size:16px;color:#f7f7f7}
.relpay-right-content{text-align:center;width:100%}
.replay-link-line{margin-bottom:20px}
.replay-link-wrapper{font-size:14px;font-weight:700;margin-top:40px}
.replay-btn-line{margin:10px 0}
.replay-btn-wrapper{margin-top:40px}
.replay-btn-main{font-family:Altice-Bold,sans-serif;font-size:14px;font-weight:700;width:239px;height:37px;line-height:35px;display:inline-block;border-radius:6px;background-color:#5320dd;border:0;color:#fff;cursor:pointer}
.btn-disabled,button:disabled{background-color:#211a43;pointer-events:none}
.replay-btn-sec{font-size:14px;font-weight:700;width:239px;height:37px;line-height:35px;display:inline-block;border-radius:6px;background-color:#222730;border:0;color:#fff;cursor:pointer}
.replay-cgu{bottom:0;color:#9f9f9f;font-size:9px;line-height:11px;margin-top:auto;text-align:left;padding-top:25px}
.replay-text-14{font-size:14px}
.sr-icon-eye {display: block !important;position: absolute;right: 11px;width: 14px;height: 14px;background: url(//static.s-sfr.fr/media/eye-white-1.svg) 0 -14px no-repeat;top: 13px;cursor: pointer;}
.sr-icon-eye.sr-icon-eye-slash {background-position: 0 0;}
.replay-password-bloc{margin-bottom:30px}
.replay-password-checklist{text-align:left;padding-left:0;list-style:none;column-count:2}
.replay-password-checklist li{position:relative;padding-left:10px;font-size:11px;color:#f7f7f7;margin-bottom:8px;display:inline-block;vertical-align:text-bottom}
.replay-password-checklist li.password-valid:before{background-color:#5320dd;border-color:#5320dd}
.replay-password-checklist li:before{content:"";width:4px;height:4px;border:1px solid #707070;border-radius:50%;position:absolute;left:0;top:3px}
.checkbox-label{font-size:12px;position:relative;padding-left:27px;display:block;cursor:pointer;line-height:16px}
.checkbox{padding:6px 0}
.checkbox-input{position:absolute;visibility: hidden;}
.checkbox-item{height:14px;width:14px;border:1px solid #707070;position:absolute;left:0;vertical-align:middle;top:1px;cursor:pointer;border-radius:2px;display:inline-block;margin-right:5px}
.checkbox-input:checked~.checkbox-label .checkbox-item, .checkbox-input:checked~.checkbox-item{background-color:#5320dd;border-color:#5320dd}
.checkbox-label .checkbox-item:after{content:"";position:absolute;left:2px;top:3px;height:3px;width:6px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg);display:none;}
.checkbox-input:checked~.checkbox-label .checkbox-item:after, .checkbox-input:checked~.checkbox-item:after{display:block;}
.replay-alert{border-radius:8px;border:4px solid #5320dd;font-size:14px;padding:29px 20px}
.replay-alert-icon{margin-bottom:20px}
.replay-icon-check{height:12px;width:21px;border-left:4px solid;border-bottom:4px solid;transform:rotate(-45deg);display:inline-block;color:#5320dd}
.replay-icon-croix{height:30px;width:30px;display:inline-block;position:relative}
.replay-icon-croix:before{content:"";height:4px;width:31px;transform:rotate(45deg);display:inline-block;background:#5320dd;position:absolute;left:0;top:50%;transform-origin:50%}
.replay-icon-croix:after{content:"";height:4px;width:31px;transform:rotate(-45deg);display:inline-block;background:#5320dd;position:absolute;left:0;top:50%;transform-origin:50%}
.radio{padding:6px 0;border-bottom:1px solid #9f9f9f}
.radio-label{font-size:16px;position:relative;padding-left:27px;display:block;cursor:pointer;line-height:32px;font-weight:700}
.radio-item{height:14px;width:14px;border:1px solid #707070;position:absolute;left:0;vertical-align:middle;top:3px;cursor:pointer;border-radius:50px;display:inline-block;margin-right:5px}
.radio-input:checked~.radio-label .radio-item:after{content:"";width:6px;height:6px;background-color:#5320dd;display:inline-block;position:absolute;border-radius:6px;top:3px;left:3px}
.radio-input{position:absolute;opacity:0}
.radio-item p{margin-left:26px;color:#9f9f9f;font-size:16px;font-weight:400}
.retour{width:33px;height:14px;text-align:left;color:#f7f7f7;font-size:10px;font-weight:700;line-height:28px}
.title{line-height:16px!important;color:#f7f7f7;font-size:16px;font-weight:700;line-height:32px}
.retour a::before{content:"";position:absolute;background:url(//static.s-sfr.fr/media/chevron_right_1_.png) no-repeat 0 0;left:12px;top:31px;height:21px;width:10px;transform:none}
.radio-label p{margin-top:0;color:#9f9f9f;font-size:16px;font-weight:400;line-height:32px}
.infobulle {display: inline-block;vertical-align: middle;margin-left: 2px;position: relative;cursor: pointer;}
.infobulle__icon {background: url(https://static.s-sfr.fr/assets/pictos/aide_40_blanc.svg) 0 0 no-repeat;background-size: 13px;width: 13px;height: 13px;display: block;}
.infobulle__text {display: none;position: absolute;bottom: 9px;background: #fff;font-size: 12px;color: #181818;z-index: 111;width: 205px;border-radius: 8px;left: 50%;transform: translateX(-50%);padding: 8px;}
.infobulle__text:before {content: "";position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);border-width: 5px;border-style: solid;border-color: #fff transparent transparent transparent;}
.infobulle:hover .infobulle__text {display: inline-block;}
@media (max-width:767px){body{background:#14181d}.relpay-left-section{display:none}.relpay-right-section{overflow-y: initial}}