@charset "utf-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*, *::after, *::before { box-sizing: border-box; }

@font-face {
    font-family: 'RMC-Regular';
    font-display: auto;
    src: url("//static.s-sfr.fr/media/diamante-serial-regular-webfont.woff") format('woff'), 
         url("//static.s-sfr.fr/media/diamante-serial-regular.ttf") format('truetype');
         url('//static.s-sfr.fr/media/diamante-regular.eot') format('embedded-opentype');
         url("//static.s-sfr.fr/media/diamanteN.otf"); 
    font-style: normal;
}
@font-face{ 
    font-family:'RMC-Bold';
    src:url('//static.s-sfr.fr/media/diamanteserial-bold.eot');
    src:url('//static.s-sfr.fr/media/diamanteserial-bold.eot?#iefix') format('embedded-opentype'),
    url('//static.s-sfr.fr/media/diamanteserial-bold.woff2') format('woff2'),
    url('//static.s-sfr.fr/media/diamanteserial-bold.woff') format('woff'),
    url('//static.s-sfr.fr/media/diamanteserial-bold.ttf') format('truetype'),
    url('//static.s-sfr.fr/media/diamanteserial-bold.svg#DiamanteSerial-Bold') format('svg');
    font-weight:bold; font-style:normal; 
}
@font-face {
    font-family: 'Altice-Regular';
    font-display: auto;
    src: url("//static.s-sfr.fr/media/altice-regular.otf");
    src: url("//static.s-sfr.fr/media/altice-regular-webfont.woff") format('woff');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Altice-Light';
    src: url("//static.s-sfr.fr/media/altice-regular.otf");
    src: url("//static.s-sfr.fr/media/altice-regular-webfont.woff") format('woff');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Altice-Bold';
    font-display: auto;
    src: url("//static.s-sfr.fr/media/altice-bold.otf");
    src: url("//static.s-sfr.fr/media/altice-bold-webfont.woff") format('woff');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Altice-Italic';
    src: url("//static.s-sfr.fr/media/altice-italic.otf");
    src: url("//static.s-sfr.fr/media/altice-italic-webfont.woff") format('woff');
    font-weight: 400;
    font-style: normal
}

html, body { background-color: #081a3e; font-family: 'RMC-Regular', 'Altice-Regular'; color: #fff; scroll-behavior: smooth; }
h2 { font-size: 36px; font-weight: bold; text-align: center; text-transform: uppercase; }
#rs-header { position: fixed; width: 100%; z-index: 55;}
#rs-header div:first-child { background:url(//static.s-sfr.fr/media/rmc-logo-desktop.png); height: 150px; background-repeat: no-repeat; background-position: center bottom; }
#rs-header .rs-login { text-transform: uppercase; text-align: center; position: absolute; top: 70px; right: 60px; font-size:15px; }
#rs-header .rs-login a { text-decoration: none; color:#fff; padding: 12px 40px; border: 2px solid #fff; }
#rs-header .rs-login a:hover { background-color:#233C82; border: 2px solid #233C82; cursor: pointer; color: #fff; }
#rs-header .rs-logged { font-family: "Altice-Regular"; text-transform: capitalize; padding: 20px 62px;  width: 225px; text-align: left; position: absolute; top: 40px; right: 60px; font-size: 15px; }
#rs-header .rs-logged img { position: absolute; left: 30px; top: 28px; width: 15px; height: 15px; }
#rs-header .rs-logged span.rs-logged-whoami { text-decoration: none; font-weight: bold; text-transform: lowercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 170px; display: inline-block; }
#rs-header .rs-logged a.rs-logged-logout { text-decoration: underline; color: #fff; margin-top: 5px; display: block; }
#rs-header.rs-single-page { position: static !important; }
#rs-header.rs-single-page + section.rs-content { overflow: unset; display: block; }

#rs-header.rs-landing + section{ background-size: cover; }
#rs-header.rs-faute-dk { position: static; }
.rs-page-2 { background-size: cover; }
.rs-page-3 { background-size: cover; }
.rs-page-4 { background-size: cover; }

[id^="rs-section-"] .rs-inner-content span.rs-section-title{ font-size: 35px; text-transform: uppercase; }
[id^="rs-section-"] .rs-inner-content span.rs-section-subtitle{ font-size: 17px; display: block; font-family: 'Altice-Regular'; margin-top: 20px; }

.rs-section-bg0 { background-color: #081a3e; }

.rs-section-bg1 { background-image: url(//static.s-sfr.fr/media/rs-pattern-football_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg2 { background-image: url(//static.s-sfr.fr/media/rs-pattern-athletisme_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg3 { background-image: url(//static.s-sfr.fr/media/rs-pattern-basket_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg4 { background-image: url(//static.s-sfr.fr/media/rs-pattern-cl2_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg5 { background-image: url(//static.s-sfr.fr/media/rs-pattern-diamond_league_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg6 { background-image: url(//static.s-sfr.fr/media/rs-pattern-el_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }

.rs-section-bg7 { background-image: url(//static.s-sfr.fr/media/rs-pattern-euroleague-eurocup_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg8 { background-image: url(//static.s-sfr.fr/media/rs-pattern-football_gris-1.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg9 { background-image: url(//static.s-sfr.fr/media/rs-pattern-jingle_sport_ballon_2_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg10 { background-image: url(//static.s-sfr.fr/media/rs-pattern-pl_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg11 { background-image: url(//static.s-sfr.fr/media/rs-pattern-premiership_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg12 { background-image: url(//static.s-sfr.fr/media/rs-pattern-rugby2_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }

.rs-section-bg13 { background-image: url(//static.s-sfr.fr/media/rs-pattern-sport_de_raquettes2_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg14 { background-image: url(//static.s-sfr.fr/media/rs-pattern-sport_extreme_02_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg15 { background-image: url(//static.s-sfr.fr/media/rs-pattern-sport_extreme_03_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg16 { background-image: url(//static.s-sfr.fr/media/rs-pattern-sportdecombat_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg17 { background-image: url(//static.s-sfr.fr/media/rs-pattern-trame_equitation_01_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg18 { background-image: url(//static.s-sfr.fr/media/rs-pattern-trame_equitation_02_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg19 { background-image: url(//static.s-sfr.fr/media/rs-pattern-trame_sport_ballon_v1_gris.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.rs-section-bg20 { background-image: url(//static.s-sfr.fr/media/rs-pattern-competition-ballon.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; }

.rs-ls { display: block; margin: 50px auto; width: 209px; }
.rs-ls-faute { display: block; margin: 25px auto; }

.rs-vc { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; box-pack: center; }

.rs-content { height: 100%; position: relative; z-index:50; }
.rs-content.rs-global-connect { min-height: 900px; }

video#bgvid { position: absolute; top: 0px; z-index: 50; width: 100%; height: 100%; background: black; }

section.rs-content { min-height: 100%; width: 100%; overflow: hidden; display: flex; align-items: center; vertical-align: middle; position:relative; }
.rs-inner-content { display:inline-block; position:relative; margin:0 auto; vertical-align:middle; }

.rs-content span { line-height: 40px; } 
.rs-content div.rs-inner-content { width:100%; background-color: transparent; text-align:center; }
.rs-content div.rs-inner-content .rs-timeboard { background-color: #e30613; color: #fff; font-weight: bold; font-size: 20px; white-space:nowrap; text-align: center; margin: 0 auto; text-transform: uppercase; padding: 5px 35px; }
.rs-content div.rs-inner-content .rs-countdown { width:100%; text-align: center; white-space: nowrap; }
.rs-content div.rs-inner-content .rs-countdown .rs-countdown-up span { margin:0 20px; font-size: 45px; }
.rs-content div.rs-inner-content .rs-countdown .rs-countdown-down span { margin:0 25px; font-size: 22px; }
.rs-content div.rs-inner-content .rs-content-bottom { margin-top: 30px; }

.rs-content div.rs-inner-content.rs-presentation { text-align: center; }
.rs-content div.rs-inner-content.rs-presentation div.rs-logo-presentation{ display: block; width: 65%; margin: 55px auto 0 auto; }
div.rs-logo-presentation img{ height: 100px; padding: 0 25px; }
.rs-content .rs-logo-promo{ height: 100px; display: block; margin: 0 auto 65px auto; }

.rs-content div.rs-inner-content.rs-join-us { text-align: center; padding: 0px 10px; }
.rs-content div.rs-inner-content.rs-join-us > span:nth-child(4) { padding: 30px 0; display: block; font-size: 42px; font-family: "Altice-Regular"; font-weight: bold; }
.rs-content div.rs-inner-content.rs-join-us > span:nth-child(5) { display: block; font-size: 15px; font-family: "Altice-Regular"; font-style: italic; }

input[type="text"]::placeholder { color: #fff; }
input[type="password"]::placeholder { color: #fff; }
.rs-content div.rs-inner-content input.rs-input-codepromo { width:140px; height: 85px; background-color: rgba(255, 255, 255, 0.4); text-align: center; font-size:30px; font-family: "Altice-Regular"; color: #fff; border: none; margin: 60px 0; }
.rs-content div.rs-inner-content input.rs-input-codepromo::placeholder { color:#fff; }

.rs-content div.rs-inner-content input.rs-input-mdp-oublie { width:140px; height: 85px; background-color: rgba(255, 255, 255, 0.4); text-align: center; font-size:30px; font-family: "Altice-Regular"; color: #fff; border: none; margin: 60px 0 0 0; }
.rs-content div.rs-inner-content input.rs-input-mdp-oublie::placeholder { color:#fff; }

#rs-header.rs-single-page + section.rs-content.rs-droit-ko { display: flex; }
.rs-content.rs-droit-ko div.rs-inner-content span:nth-child(1) { font-size: 36px; }
.rs-content.rs-droit-ko div.rs-inner-content span:nth-child(2) { font-size: 22px; }

input.rs-input-login { width:440px; height: 60px; background-color: rgba(255, 255, 255, 0.4); text-align: center; font-size:20px; font-family: "Altice-Regular"; color: #fff; border: none; padding: 0 10px; margin: 0px auto 25px auto; display: block; }
input.rs-input-mdp { width:440px; height: 60px; background-color: rgba(255, 255, 255, 0.4); text-align: center; font-size:20px; font-family: "Altice-Regular"; color: #fff; border: none; padding: 0 10px; margin: 0 auto 0 auto; display: block; }

div.rs-zone-mdp { width:440px; margin: 0 auto; position: relative; }
a.rs-mdp-oublie-text { width: 100%; text-align: right; color: #fff; font-family: 'Altice-Regular'; font-size: 14px; margin: 25px 0px 10px 0; display: block; }

input.rs-input-wrong { border: 3px solid #ce3333!important; }
span.rs-wrong-id { position: absolute; left: 0; font-family: 'Altice-Regular'; font-size: 22px; color: #ce3333!important; line-height: 18px; top: 98px; }
.error-panel > p { left: 0; font-family: 'Altice-Regular'; font-size: 18px; color: #ce3333!important; line-height: 18px; margin-top: 25px; }

span.rs-title { font-size: 46px; font-weight: bold; text-transform: uppercase; display: block; margin-top: 35px; }
span.rs-subtitle { font-size: 28px; display: block; font-family: 'Altice-Regular'; width: calc(100% - 200px); text-align: center; margin: 20px auto; }
span.rs-error { color: #ce3333; display: block; text-align: left; font-family: 'Altice-Regular'; font-size: 22px; margin-bottom: 35px; }


#rs-bottom { width: 100%; text-align: center; margin-top: 125px; }
.rs-arrow-bottom { background: url(//static.s-sfr.fr/media/rs-arrow-bottom.png); display: block; height: 20px; width: 45px; background-repeat: no-repeat; background-position: center; position: absolute; bottom: 40px; left: 50%; transform: translate(-50%, -50%); padding: 40px; /*position: fixed;*/ cursor: pointer; }
.rs-arrow-bottom { animation: MoveUpDown 2s linear infinite; }
@keyframes MoveUpDown {  0%, 100% { bottom: 0; } 50% { bottom: 25px; } }

.rs-connexion { text-align: center; }
.rs-connexion .rs-dropdown { display: block; width: 770px; height: 80px; background-color: rgba(255, 255, 255, 0.1); border: solid 1px rgba(255, 255, 255, 0.2); margin: 25px auto 0 auto; cursor: pointer; position: relative; }
.rs-connexion .rs-dropdown span { font-size: 26px; font-family: 'Altice-Regular'; margin-top: 17px; display: block; text-align: left; padding-left: 30px;}
.rs-connexion .rs-dropdown img { position: absolute; right: 30px; top: 32px; width: 30px; }

.rs-connexion h2 { padding-bottom:35px; font-family: 'RMC-Bold'; }
.rs-connexion .rs-droppeddown { display: block; width: 770px; height: 345px; background-color: rgba(255, 255, 255, 0.1); border: solid 1px rgba(255, 255, 255, 0.2); margin: 0 auto; cursor: pointer; overflow: auto; margin-bottom: 50px; }
.rs-connexion .rs-droppeddown div { display: block; width: 85%; padding: 15px 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); font-size: 26px; font-family: "Altice-Regular"; margin: 0 auto; text-align: left; }
.rs-connexion .rs-droppeddown div:last-child { border: none; }
.rs-connexion .rs-content-bottom { padding-top:35px; }

/*.rs-droppeddown {}
.rs-droppeddown input.rs-radio-button { display: none; }
.rs-droppeddown input.rs-radio-button + label { position: relative; width: 100%; display: block; }
.rs-droppeddown input.rs-radio-button + label:before { content: ''; position: absolute; right: 0; top: 15px; width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 35%; background: transparent; }
.rs-droppeddown input.rs-radio-button + label:checked:after { content: ''; position: absolute; right: 0; top: 15px; width: 20px; height: 20px; border: 2px solid #ddd; background-color: #ddd; border-radius: 35%; background: transparent; }*/

.rs-price { display: block; font-family:"RMC-Regular"!important; position: relative; width: 265px; height: 150px; margin: 50px auto 0 auto; }
.rs-join-us .rs-price { margin: 0px auto 0 auto; }
.rs-price span { display: inline-block!important; text-transform: uppercase; line-height: normal; }
.rs-price span:nth-child(1){ font-size: 108px!important; font-family:"RMC-Bold"!important; position: absolute; left: 0; text-align: right; width: 120px; }
.rs-price span:nth-child(2){ font-size: 38px!important; font-family:"RMC-Bold"!important; padding: 0!important; top: 15px; position: absolute; left: 125px; }
.rs-price span:nth-child(3){ font-size: 36px!important; font-family:"RMC-Regular"!important; position: absolute; top: 67px; left: 125px; }

a.rs-button-plain { width:260px; /*height:80px;*/ text-decoration: none; color: #fff; text-transform: uppercase; font-size:35px!important; background-color: #233C82; padding: 5px 0px; display: block; margin: 0 auto; text-align: center; }
a.rs-button-plain span { text-align: center; display: block; font-size: 22px!important; font-weight: normal!important; }
a.rs-button-plain.rs-button-disabled { }

a.rs-button-empty { width: 260px; /*height:80px;*/ text-decoration: none; color: #fff; text-transform: uppercase; font-size: 32px!important; display: block; margin: 0 auto; text-align: center; border: 4px solid #fff; white-space: nowrap; transition: all 0.2s ease; }
a.rs-button-empty span { text-align: center; display: block; font-size: 22px!important; font-weight: normal!important; padding: 2px 0; }
a.rs-button-empty.rs-button-disabled { opacity:0.5; }
a.rs-button-empty.rs-button-disabled:hover { opacity:0.5!important; background: none; color: #fff; }

a.rs-button-empty-small { width: 200px; /*height:80px;*/ text-decoration: none; color: #fff; text-transform: uppercase; font-size: 32px; padding: 12px 0px; display: block; margin: 0 auto; text-align: center; border: 4px solid #fff; }
a.rs-button-empty-small:hover { background: #fff; color: #233C82; }
a.rs-button-empty-small span { display: block; font-size: 22px; }
a.rs-button-empty span { text-align: center; display: inline-block; font-weight: normal!important; font-family: 'RMC-Bold'; }


a.rs-button-empty.rs-colored-blue { border: 4px solid #233C82!important; color: #233C82!important;}
a.rs-button-plain:hover { color:#233C82; background-color:#fff; }
a.rs-button-empty:hover { background: #fff; color: #233C82; }
a.rs-button-empty.rs-colored-blue:hover { background: #233C82; border:2px solid #fff; color: #fff!important; }

a.rs-link { color: #fff; font-size: 20px; text-align: center; display: block; margin-top: 75px; }

input[type="submit"].rs-button-empty { width: 260px; padding: 12px 0; cursor: pointer; text-decoration: none; font-family: 'RMC-Regular'; background-color: transparent; color: #fff; text-transform: uppercase; font-size: 23px; display: block; margin: 0 auto; text-align: center; border: 4px solid #fff; }
input[type="submit"].rs-button-empty:hover { border: 2px solid #233C82; background-color:#233C82; color:#fff; }


.rs-football-match { font-size: 45px; font-weight:bold; display: block; text-align: center; white-space: nowrap; padding: 20px 0 30px 0; }
.rs-football-match span { display: inline-block; vertical-align: middle; text-align: center; }
.rs-football-match img { display: inline-block; height: 60px; vertical-align: middle; }
.rs-reverse-filter { filter: invert(100%); }

.rs-spacing-tb-20-auto { margin:20px auto!important; }
.rs-margin-t0 { margin-top: 0px!important; }
.rs-margin-t150 { margin-top: 150px!important; }
.rs-margin-b0 { margin-bottom: 0px!important; }
.rs-margin-b100 { margin-bottom: 100px!important; }
.rs-margin-l0 { margin-left: 0px!important; }
.rs-margin-r0 { margin-right: 0px!important; }
.rs-padding-t150 { padding-top: 150px; }


.rs-popin-container { background-color: #000; width: 100%; height: 100%; top: 0; position: fixed; left: 0; right: 0; bottom: 0; z-index: 998; opacity: 0.7; }
.rs-popin-white { width: calc(100% - 200px); max-width: 900px; min-width: 470px; background-color: #fff; display: block; z-index: 999; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 70px 30px; }
.rs-popin-white span.rs-popin-title{ color:#233C82; text-transform: uppercase; font-size: 46px; text-align: center; display: block; font-weight: bold; }
.rs-popin-white span.rs-popin-text{ color: #233C82; font-size: 36px; text-align: center; display: block; margin: 40px 0; font-family: 'Altice-Regular'; }
.rs-popin-white span.rs-popin-text strong{ font-family: 'Altice-Bold';  }
.rs-popin-close { background:url(//static.s-sfr.fr/media/rs-picto-close.png); background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px; height: 50px; width: 50px; position: absolute; right: 20px; top: 20px; cursor: pointer; }
.rs-popin-close:hover { opacity: 0.7; }

.rs-popin-white2 { width: calc(100% - 200px); max-width: 1000px; min-width: 470px; background-color: #fff; display: block; z-index: 999; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px 30px 30px 30px; }

.rs-popin-logo-sfr { background:url(//static.s-sfr.fr/media/sfr-160415033422-1.jpg); width: 70px; height: 70px; background-repeat: no-repeat; background-size: contain; display: inline-block; vertical-align: top; }
.rs-popin-logo-red { background:url(https://upload.wikimedia.org/wikipedia/fr/4/4f/Logo_RED_by_SFR.png); width: 100px; height: 100px; background-repeat: no-repeat; background-size: contain; display: inline-block; background-position-y: 22px; }

.rs-popin-white2 .rs-popin-close { background:url(//static.s-sfr.fr/media/rs-picto-close.png); background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px; height: 50px; width: 50px; position: absolute; right: 20px; top: 30px; cursor: pointer; }
.rs-popin-close:hover { opacity: 0.7; }
.rs-popin-hsep { display: inline-block; width: 1px; height: 85px; opacity: 0.2; border: solid 1px #233C82; margin: -6px -30px -6px 60px; vertical-align: top; }
.rs-popin-price { width: 250px; height: 75px; display: inline-block; color: #233C82; position: relative; vertical-align: top; }
    .rs-popin-price span:nth-child(1) { font-size: 85px; font-family: 'RMC-Bold'; position: absolute; position: absolute; left: 0; text-align: right; width: 120px;}
    .rs-popin-price span:nth-child(2) { font-size: 40px; font-family: 'RMC-Bold'; position: absolute; left: 125px; top: 10px; }
    .rs-popin-price span:nth-child(3) { font-size: 30px; font-family: 'RMC-Regular'; position: absolute; bottom: 0; right: 60px; }
.rs-popin-se { display: inline-block; color: #233C82; margin-left: 40px; height: 75px; vertical-align: top; }
.rs-popin-se span:nth-child(1) { font-family: 'Altice-Bold'; font-size: 30px; display: block; padding: 10px 0; }
#rs-popin-m3 .rs-popin-se span { width: 100%; font-size: 36px; font-family: 'RMC-Regular'; font-weight: bold; line-height: 1.1; letter-spacing: 0.6px; color: #081a3e;}
#rs-popin-m3 hr { border: 1px solid black; opacity: 0.1; }
#rs-popin-m3 .rs-popin-line2 { text-align: left; }
#rs-popin-m3 .rs-e1 { font-family: 'Altice-Bold'; font-size: 20px; color: #081a3e; position: relative; display: block; padding: 0 30px; }
#rs-popin-m3 .rs-e1::before { content: ' '; background-image: url(//static.s-sfr.fr/media/rmc-1-2.png); width: 20px; height: 20px; position: absolute; background-size: cover; left: 0px; }
#rs-popin-m3 .rs-e2 { font-family: 'Altice-Bold'; font-size: 20px; color: #081a3e; position: relative; display: block; padding: 20px 0px 0px 30px; }
#rs-popin-m3 .rs-e2::before { content: ' '; background-image: url(//static.s-sfr.fr/media/rmc-2-2.png); width: 20px; height: 20px; position: absolute; background-size: cover; left: 0px; }
#rs-popin-m3 .rs-e3 { font-family: 'Altice-Bold'; font-size: 20px; color: #081a3e; position: relative; display: block; padding: 20px 0px 0px 30px; }
#rs-popin-m3 .rs-e3::before { content: ' '; background-image: url(//static.s-sfr.fr/media/rmc-3-2.png); width: 20px; height: 20px; position: absolute; background-size: cover; left: 0px; }

.rs-popin-se span:nth-child(2) { font-family: 'Altice-Regular'; font-size: 18px; display: block; font-weight: normal; font-style: italic; font-stretch: normal; line-height: normal; letter-spacing: -0.1px; color: #233C82; }
.rs-popin-line2 { width: 100%; text-align: center; padding: 20px; }
.rs-popin-line2 ul { margin: 2px auto; line-height: 1.4; padding-left: 0; }
.rs-popin-line2 ul a li { background-repeat:no-repeat; background-size: contain; width: 50px; height: 50px; margin: 0 50px; display: inline-block; text-align: center; }
.rs-popin-line2 ul a:nth-child(1) li { background-image:url(//static.s-sfr.fr/media/rs-logo-mini-sfr.png); }
.rs-popin-line2 ul a:nth-child(2) li { background-image:url(//static.s-sfr.fr/media/rs-logo-mini-red.png); }
.rs-popin-line2 ul a:nth-child(3) li { background-image:url(//static.s-sfr.fr/media/rs-logo-mini-fransat.png); }
.rs-popin-line2 ul a:nth-child(4) li { background-image:url(//static.s-sfr.fr/media/rs-logo-coriolis.png); }
.rs-popin-line2 ul a:nth-child(5) li { background-image:url(//static.s-sfr.fr/media/rs-logo-laposte.png); }

.rs-popin-line2 a img { height: 60px; margin: 10px 20px; }
.rs-popin-line2 img { height: 60px; margin: 10px 20px; }
.rs-popin-line2 a img:hover { background-color: #ebebeb; }
.rs-popin-line3 { width: 100%; }
.rs-popin-line3 span { font-family: 'RMC-Bold'; font-size: 25px; color: #233C82; text-transform: uppercase; display: inline-block; }
.rs-popin-line3 div { width: calc(100% - 220px); display: inline-block; height:2px; background-color: #233C82; float: right; margin-top: 12px; }
#rs-popin-m3 .rs-popin-line3 { padding-bottom: 50px; }
#rs-popin-m3 .rs-popin-line3 div { width: 100%; }

.rs-popin-line4 { text-align: center; }
.rs-popin-line4 > div { display:inline-block; margin: 30px 5px 0 5px; padding: 0 10px; width: 30%; height: 230px; background-color: #081a3e; vertical-align: top; background-position: center center; }
.rs-popin-line4 > div div { font-family: 'Altice-Regular'; font-size: 17px; padding-top: 25px;}
.rs-popin-line4 > div div a { color: #23baf6; }
.rs-popin-line4 > div div .rs-phone-number { font-family: 'RMC-Bold'; font-size: 30px; white-space: nowrap; }
.rs-popin-line4 > div div .rs-tv-canal { font-family: 'RMC-Bold'; font-size: 50px; }
.rs-popin-line4 > div div .rs-phone-number ~ span { font-size: 17px; }
.rs-popin-line4 > div img { height: 75px; margin-top: 30px; }

#rs-popin-m3 .rs-popin-line4 { text-align: left; }
#rs-popin-m3 .rs-popin-line4 span { font-family: 'Altice-Regular'; font-size: 18px; color: #081a3e; }
#rs-popin-m3 .rs-popin-line4 img { height: 45px; display: inline-block; vertical-align: middle; margin-right: 25px; }

.rs-stay-logged { position: relative; width: 545px; margin: 40px auto; }
.rs-captcha { width: 305px; margin: 0 auto 35px auto; }

[type="radio"]:checked,[type="radio"]:not(:checked) { position: absolute; left: -9999px; }
[type="radio"]:checked + label,[type="radio"]:not(:checked) + label{ position: relative; cursor: pointer; line-height: 20px; display: inline-block; width: 100%; }

[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; right: 0; top: 13px; width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 35%; background: transparent; }
[type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after { content: ''; width: 20px; height: 20px; background: #fff; position: absolute; top: 13px; right: 0; border-radius: 35%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.rs-stay-logged [type="radio"]:checked + label:before, .rs-stay-logged [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 130px; top: 0; width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 35%; background: transparent; }
.rs-stay-logged [type="radio"]:checked + label, .rs-stay-logged [type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; text-align: center; }
.rs-stay-logged [type="radio"]:checked + label:after, .rs-stay-logged [type="radio"]:not(:checked) + label:after { content: ''; width: 20px; height: 20px; background: #fff; position: absolute; top: 0; left: 130px; border-radius: 35%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
label[for="stay-logged"] { font-size: 29px; font-family: "Altice-Regular"; }

/* CHECKBOX */
/*
[type="checkbox"]:checked,[type="checkbox"]:not(:checked) { position: absolute; left: -9999px; }
[type="checkbox"]:checked + label,[type="checkbox"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; width: 100%; }

[type="checkbox"]:checked + label:before,[type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; right: 0; top: 0; width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 35%; background: transparent; }
[type="checkbox"]:checked + label:after,[type="checkbox"]:not(:checked) + label:after { content: ''; width: 20px; height: 20px; background: #fff; position: absolute; top: 0; right: 0; border-radius: 35%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
[type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.rs-stay-logged [type="checkbox"]:checked + label:before,[type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 130px; top: 0; width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 35%; background: transparent; }
.rs-stay-logged [type="checkbox"]:checked + label, .rs-stay-logged [type="checkbox"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; text-align: center; }
.rs-stay-logged [type="checkbox"]:checked + label:after,[type="checkbox"]:not(:checked) + label:after { content: ''; width: 20px; height: 20px; background: #fff; position: absolute; top: 0; left: 130px; border-radius: 35%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
label[for="stay-logged"] { font-size: 29px; font-family: "Altice-Regular"; }*/


.rs-radio-button + label img { display: inline-block; vertical-align: middle; height: 45px; padding-right: 25px; }
span.rs-dropdown-lib { font-size: 20px; }
.rs-resp-block { display: none!important; }
.rs-aide { margin: 0 20px; }

#rs-header.rs-page-offre { position: absolute; }
.rs-content.rs-page-1.rs-page-offre { height: 740px; }
.rs-offre-content { background-color: #fafafa; width: 100%; padding: 50px 90px; }

.rs-offre-devices { }
.rs-offre-devices span { font-size: 28px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: -0.1px; text-align: center; color: #081a3e; text-transform: uppercase; display: block; margin: 0 auto; }

.rs-offre-mutliple { width:100%; display: block; margin: 0 auto; text-align: center; } 
.rs-offre-rmc { display: inline-block; }
.rs-offre-rmc > span { font-size: 46px; font-size: 28px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1.2px; text-align: center; color: #081a3e; display: block; margin: 0 auto; text-transform: uppercase; padding:80px 0 40px 0;}
.rs-offre-rmc > div:nth-child(even) { margin-right: 10px; }
.rs-offre-rmc > div { width: 315px; height: 470px; display: inline-block; background-color: #081a3e; padding: 30px; vertical-align: top; position: relative; }
.rs-offre-ex { width: 375px; height: 500px; background-color: #233C82; display: inline-block; }
.rs-offre-rmc .rs-offre-ex:nth-child(odd) { margin-left: 14px; } 
.rs-offre-rmc .rs-offre-ex:nth-child(even) { margin-right: 11px; } 

.rs-offre-ope { margin-left: 25px; display: inline-block; vertical-align: bottom; }
.rs-offre-ope > span { font-size: 46px; font-size: 25px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1.2px; text-align: center; color: #081a3e; display: block; margin: 0 auto; text-transform: uppercase; padding:80px 0 40px 0;}
.rs-offre-ex { width: 375px; height: 500px; background-color: #233C82; display: inline-block; vertical-align: top; }
.rs-offre-ex .rs-price { }
.rs-offre-ex-1 { font-family: 'Altice-Regular'; font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.1px; text-align: center; color: #ffffff; display: block; }
.rs-offre-ex-2 { font-family: 'Altice-Regular'; font-size: 15px; font-weight: normal; font-style: italic; font-stretch: normal; line-height: normal; letter-spacing: -0.1px; text-align: center; color: #ffffff; display: block; margin-bottom: 40px; }

.rs-offre-ope .rs-offre-ex:nth-child(odd) {background-color: #fff; margin-left: -10px; position: relative; } 
.rs-offre-ope .rs-offre-ex { position: relative; background-color: #081a3e; width: 330px; height: 470px; padding: 30px; } 
.rs-offre-ope .rs-offre-ex:nth-child(even) .rs-arrowleft { position: absolute; top: 215px; right: 0; width: 0;  height: 0;  border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right:30px solid white; z-index: 1; } 

.rs-offre-choose-ope { font-family: 'Altice-Regular'; font-size: 26px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.1px; text-align: center; color: #233C82; display: block; margin-top: 20px; }
a.rs-offre-voir-plus { position: absolute; bottom: 17px; font-family: 'Altice-Regular'; font-size: 14px; font-weight: normal; font-style: italic; font-stretch: normal; line-height: normal; letter-spacing: -0.1px;  text-align: center; color: #fff; display: block; left: 0; right: 0; }

table.rs-offre-disp-ope { width: 100%; text-align: center; margin: 30px auto;}
table.rs-offre-disp-ope tr td  { padding-top: 40px; }
table.rs-offre-disp-ope tr td img { width: 50px; }

.rs-offre-contact { width: 100%; background-color: #fff; padding: 40px 40px; margin-top: 80px; position: relative; }
.rs-offre-contact-p1 { border-right: 2px solid #233C82; position: absolute; left: 70px; }
.rs-offre-contact-p1 img { margin-right: 75px; }
.rs-offre-contact-p2 { text-transform: uppercase;  text-align: center; width: 100%; display: block; }
.rs-offre-contact-p2 span { font-size: 30px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1px; color: #081a3e; }
.rs-offre-contact-p3 { width: 250px; margin: 30px auto 0 auto; }
.rs-offre-contact-p3 .rs-button-empty { padding: 5px 0 10px 0; text-align: center; }
.rs-offre-contact-p3 a.rs-button-empty.rs-colored-blue { width: auto; border: 4px solid #223986!important; }
.rs-offre-contact-p3 a.rs-button-empty.rs-colored-blue span { color: #223986; margin-top: -4px; }
.rs-offre-contact-p3 a.rs-button-empty.rs-colored-blue:hover span { color: #fff; }

.rs-offre-faq { width: 100%; margin-top: 60px; background-color: #fff; padding: 50px 70px; }
.rs-offre-faq span.rs-offre-faq-title { font-size: 32px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1px; color: #081a3e; text-align: center; display: block; border-bottom: solid 1px #d0d0d0; padding-bottom: 40px; text-transform: uppercase; }
.rs-offre-faq div.rs-offre-q { font-family: 'Altice-Bold'; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #081a3e; width: 100%; padding: 22px 0; border-bottom: solid 1px #d0d0d0; position: relative; cursor: pointer; }
.rs-offre-faq div.rs-offre-q span { margin-left: 20px; display: block; margin-right: 140px; }
.rs-offre-faq div.rs-offre-r { font-family: 'Altice-Regular'; font-size: 16px; }
.rs-offre-faq div.rs-offre-r a { font-family: 'Altice-Regular'; color: #23baf6; }

.rs-offre-faq .rs-offre-q:last-child { border-bottom: none; }

.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a { background-color: #fff; }
.lSSlideOuter .lSPager.lSpg>li a { width: 15px!important; height: 15px!important; }
.lSSlideWrapper { margin-bottom: 30px; }

.rs-offre-devices .rs-logo-presentation .lSPager.lSpg li.active a { background-color: #233C82!important; }
.rs-offre-devices .rs-logo-presentation .lSPager.lSpg li a { background-color: #d2d2d2!important; }

.rs-offre-logo-text { position: absolute; left: 0; right: 0; top: 95px; font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.1px; color: #ffffff; }
.rs-offre-ft { /*height: 70px;*/ }
.rs-offre-apd img { height: 45px; }

#rs-logo-devices { margin: 0 auto; }

.rs-offre-arrow { background:url(//static.s-sfr.fr/media/rs-arrow-d.png); height: 30px; background-size: contain; background-repeat: no-repeat; position: absolute; right: -18px; width: 100px; top: 22px; cursor: pointer; }
.rs-offre-arrow.rs-rotation { transform: rotate(180deg); right: 50px; }
.rs-offre-r { display: none; margin-top:20px; margin-left: 40px; font-size: 28px; }

#offres div.lSSlideOuter { display: none; }

#rs-logo-devices span.rs-logo-device-t1 { display: none; }
#rs-logo-devices span.rs-logo-device-t2 { display: none; }

.rs-pds { background-color: #fafafa; width: 100%; padding: 0 10%; color: #081a3e; text-align: center; }
.rs-pds h1 { font-size: 60px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.2px; text-align: center; color: #09183c; text-transform: uppercase; padding: 90px 0 80px 0;  }
.rs-pds-bloc { width: 440px;  min-height: 150px; background-color: #fff; font-size: 40px; text-transform: uppercase; position: relative; margin-right: 30px; margin-bottom: 30px; display: inline-block; vertical-align: top; text-align: left; }
.rs-pds-bloc .rs-pds-b1 { width: 100%; height: 150px; position: relative; }
.rs-pds-bloc .rs-pds-b1 a { font-size: 42px; font-family: 'RMC-Bold'; position: absolute; top: 38%; padding-left: 60px; color: #09183c; text-decoration: none; }
.rs-pds-bloc .rs-pds-b2 { width: 100%; padding-left: 60px; padding-bottom: 40px; font-family: 'Altice-Regular'; }
.rs-pds-bloc .rs-pds-b2 span { font-size: 28px; text-transform: none; font-family: 'Altice-Bold'; }
.rs-pds-bloc .rs-pds-b2 div { padding-top: 30px; }
.rs-pds-bloc .rs-pds-b2 div span { padding-top: 30px; font-family: 'Altice-Bold';}
.rs-pds-bloc .rs-pds-b2 div ul { padding-top: 10px; padding-left: 25px; list-style: none; }
.rs-pds-bloc .rs-pds-b2 div ul li { font-size: 22px; padding-bottom: 15px; text-transform: none; }
.rs-pds-bloc .rs-pds-b2 div ul li:before {  content: ""; border-color: transparent #081a3e; border-style: solid; border-width: 4px 0px 4px 8px; display: block; height: 0; width: 0; left: -1em; top: 15px; position: relative; }


.lSSlideOuter .lightSlider>* { text-align: center; }
#RMCC2C { position: fixed; bottom: 45px; right: 10px; background-image: url(https://static.s-sfr.fr/media/1-general.png); width: 50px; height: 50px; background-size: cover; background-repeat: no-repeat; }


.vh { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }
#RMC1 { width: 100%; /*height: 900px;*/ height: 100vh; height: calc(100vh - 50px); }
.content { background-color: #081a3e; width: 100%; /*height: 900px;*/ height: 100vh; height: calc(100vh - 50px); }
.bg { position: absolute; background-image: url(); width: 100%; /*height: 900px;*/ height: 100vh; height: calc(100vh - 50px); background-repeat: no-repeat; background-size: cover; background-position: top center; }
.bg .B { width: calc(100% - 35%); position: absolute; bottom: 40px; }
.bg .M { width: 320px; height: 120px; background-color: #ebebeb; display: inline-block; vertical-align: top; margin: 10px; background: rgba(204, 204, 204, 0.87); padding: 0 10px; text-align: center; }
.bg .M:hover { background: rgba(204, 204, 204); cursor: pointer; }
.bg .M img { width: 30px; }
.bg .M span { font-size: 30px; color: #000; font-family: 'RMC-Regular'; font-weight: bold; line-height: 120px; vertical-align: middle; position: relative; }

.right { background-color: #fff; position: absolute; right: 0; width: 50%; text-align: center; height: 100%; /*height: 900px;*/ height: 100vh;  height: calc(100vh - 50px); /*padding: 30px 10px;*/ padding: 75px 10px 30px 10px; background-image: url(//static.s-sfr.fr/media/pattern-4.png); background-repeat: no-repeat; background-position: bottom; }
.right::before { content: ''; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 calc(100vh - 50px) 150px; border-color: transparent transparent #fff transparent; left: -150px; position: absolute; }
.right span { color: #000; font-size: 100px; font-family: 'RMC-Bold'; }
.right .M { text-align: right; }
.right .M ul li { display: inline; letter-spacing: 0.5px; color: #081a3e; padding: 0 8px; font-size: 14px; text-transform: uppercase; font-weight: bold; }
.right .M ul li a { text-decoration: none; cursor: pointer; color: #081a3e ; }
.right .M ul li a.button { text-decoration: none; cursor: pointer; color: #fff; background-color: #223986; padding: 10px 24px; white-space: nowrap; }
.right .M ul li a.button:hover { color: #fff; background-color: #081a3e; cursor: pointer; }
.right span.mec { font-size: 25px; font-family: 'Altice-Regular';}
.right .E { position: relative; width: 100%; /*margin-top: 50px;*/ height: 435px; height: 340px; }
.right .E .competition { /*margin-bottom: -20px;*/ }
.right .E .competition img { /*width: 90px;*/ height: 70px; }

.right .E .match { position: relative; width: fit-content; margin: 0 auto; height: 202px; width: 480px; width: 500px; }
.right .E .match>div:first-child { position: relative; position: relative; height: 115px; }
.right .E .match div.img-cont { width: 100px; height: 100px; display: inline-block; vertical-align: bottom; }
.right .E .match .img-cont.re { position: absolute; left: 0; }
.right .E .match .img-cont.le { position: absolute; right: 0; }
.right .E .match div div.img-cont img.t1 { text-align: left; }
.right .E .match div div.img-cont img.t2 { margin: 0 0 0 auto; }
.right .E .match div.img-cont img { height: 100px; display: block; vertical-align: bottom; /*margin: 0 auto;*/ }
.right .E .match span.date { background-color: #ce3333; color: #fff; text-transform: uppercase; font-size: 20px; font-family: "RMC-Bold"; display: inline-block; vertical-align: 20px; margin: 0 45px; width: 225px; padding: 6px 0 4px 0; margin: 45px 0px 0 0; }
.right .E .info span.date { background-color: #ce3333; color: #fff; text-transform: uppercase; padding: 6px 20px 4px 20px; font-size: 20px; font-family: "RMC-Bold"; display: inline-block; vertical-align: 20px; margin: 0 45px; }

.right .E .match div.teamname { margin-top: 10px; }
.right .E .match div.teamname span { font-size: 38px; position: absolute; }
.right .E .match div.teamname span:nth-child(1) { left: 0; width: 50%; text-align: left; }
.right .E .match div.teamname span:nth-child(2) { right: 0; width: 50%; text-align: right; }

.right .E .match div.counter { margin-top: 75px; }
.right .E div.counter table { display: block; color: #222; width: 100%; font-family: 'Altice-Regular'; color: #081a3e; width: 280px; margin: 0 auto; }
.right .E div.counter table tr td { position: relative;}
.right .E div.counter table tr div:nth-child(1) { font-size: 33px; width: 70px; }
.right .E div.counter table tr div:nth-child(2) { font-size: 15px; }
.right .E div.counter table tr div:nth-child(3) { font-size: 33px; opacity: 0.1; position: absolute; top: 0; left: 14px; display: none; }

.right .E .info { width: 50%; min-width: 450px; margin: 20px auto 0 auto; }
.right .E .info .titre { margin-top: 30px; }
.right .E .info .titre span { font-size: 45px; text-transform: uppercase; line-height: 1.16; }

.right .E .descr { color: #000; font-family: 'Altice-Regular'; font-size: 16px; text-align: center; margin: 0 auto; min-width: 200px; width: 505px; margin-top: 100px; }
.right .E .descr span { font-family: 'Altice-Bold'; color: #223986; font-weight: bold; font-size: 14px; display: block; cursor: pointer; position: relative; width: 105px; margin: 15px auto 0 auto; }
.right .E .descr span::after { content: ''; background-image: url(//static.s-sfr.fr/media/rs-home-arrow-b.png); height: 10px; width: 14px; position: absolute; bottom: 0px; background-repeat: no-repeat; background-size: contain; margin-left: auto; margin-right: auto; left: 0; right: -90px; }
.right .E .descr span.inv::after { transform: rotate(180deg); bottom: 4px; }
.right .E p { width: 100%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; }

.right .CTA { margin-top: 80px; bottom: 10%; position: absolute; text-align: center; margin: auto; left: 0; right: 0; font-family: 'RMC-Bold'; text-transform: uppercase; letter-spacing: 1px; }
.right .CTA a { text-align: center; color: #fff; background-color: #223986; text-decoration: none; padding: 13px 0px; font-size: 25px; display: block; width: 280px; margin: 0 auto 40px auto; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }
.right .CTA a.empty { color: #223986; background-color: #fff; border: 3px solid #223986; padding: 10px 0; }
.right .CTA a:hover { color: #fff; background-color: #081a3e; }
.right .CTA a.empty:hover { color: #fff; background-color: #223986; border: 3px solid #fff; }

.right .swiper-button-next { background-image: url(//static.s-sfr.fr/media/rs-home-arrow-r.png); background-size: 15px 25px; top: 230px; top: 35%; margin: auto; outline: 0; }
.right .swiper-button-prev { background-image: url(//static.s-sfr.fr/media/rs-home-arrow-l-1.png); background-size: 15px 25px; top: 230px; top: 35%; margin: auto; outline: 0; }
.right .swiper-button-disabled { display: none; }

.right .D { position: absolute; bottom: 20px; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.right .D h4 { font-family: 'Altice-Regular'; color: #223986; font-size: 15px; display: block; margin-bottom: 15px; }
.right .D span { font-family: 'Altice-Regular'; color: #223986; font-size: 15px; display: block; margin-bottom: 15px; }
.right .D img { width: 35px; }
.right .D img.resp { display: none; }
.right .CTA a.empty { display: none; }

.fadeIn { animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s; }
@keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-webkit-keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadein { from { opacity:0; } to { opacity: 1; } }

#RMC1 .swiper-container { top: 40%; transform: translateY(-50%); }
a[href="#RMC2"] { text-decoration: none; }
#RMC2 { width: 100%; height: 900px; height: 100vh; background-color: #fff; position: relative; }
#RMC2 .cvh { position: relative; top: 50%; transform: translateY(-50%); }
#RMC2 .cvh p + div{ text-align: center; }
#RMC2 .c { margin: 0 auto; width: 590px; text-align: center; }
#RMC2 table { vertical-align: top; }
#RMC2 table.t2 { display: none; }
#RMC2 table tr td { width: 160px; height: 75px; }
#RMC2 table tr td img{ height: 60px; vertical-align: middle; }
#RMC2 h1 { color: #081a3e; font-family: 'RMC-Bold'; text-align: center; padding: 0 10px; font-size: 36px; }
#RMC2 h1 + p { color: #081a3e; font-family: 'Altice-Regular'; text-align: center; max-width: 580px; margin: 20px auto 20px auto; padding: 0 10px; line-height:25px;}
#RMC2 table tr td img.p1 { height: 24px; }
#RMC2 table tr td img.p2 { height: 38px; }
#RMC2 table tr td img.p3 { height:24px; }
#RMC2 table tr td img.p4 { height:50px; }
#RMC2 a.button { background-color: #223986; color: #fff; text-decoration: none; font-size: 25px; width: 280px; display: inline-block; padding: 13px 20px 11px 20px; font-family: 'RMC-Bold'; text-transform: uppercase; letter-spacing:1px; text-align: center; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out;}
#RMC2 a.button:hover { color: #223986; background-color: #fff; border: 3px solid #223986; padding: 10px 20px; }
#RMC2 a.button.empty { background-color: #fff; border: 3px solid #223986; color: #223986; padding: 10px 20px 8px 20px; margin-right: 20px;  }
#RMC2 a.button.empty:hover { background-color: #223986; color: #fff; }
#RMC2 a > img { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 20px; } 
#RMC2 a[href="#RMC3"] { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }

#RMC3 { width: 100%; height: 900px; height: 100vh; background-color: #fff; position: relative; }
#RMC3 .bottom { height: 160px; width: 100%; position: absolute; bottom: 0; background-color: #fafafa; padding: 0 40px; }
#RMC3 .swiper-container3 { overflow: hidden; }
#RMC3 .swiper-slide { text-align: center; }
#RMC3 .swiper-button-next { background-image: url(//static.s-sfr.fr/media/rs-home-arrow-r.png); background-size: 15px 25px; }
#RMC3 .swiper-button-prev { background-image: url(//static.s-sfr.fr/media/rs-home-arrow-l-1.png); background-size: 15px 25px; }
#RMC3 span { font-family: 'Altice-Bold'; color: #223986; display: block; text-align: center; padding: 20px 0; }
#RMC3 .awb { display: block; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 20px; width: 30px; }
#RMC3 .slideshow { display: block; white-space: nowrap; overflow: auto; padding-bottom: 15px; text-align: center; margin:  0 auto; width: calc(100vw - 80px); width: 100%; }
#RMC3 .slideshow img:first-child { padding-left: 80px; }
#RMC3 .slideshow img { height: 30px; padding-right: 80px; }
#RMC3 .slideshow img:last-child { padding-right: 80px; }
#RMC3 .devices { position: relative; margin-right: 55px; }
#RMC3 .devices img { position: absolute; }
#RMC3 .devices img:nth-child(1) { width: 85px; right: 655px; top: 100px; z-index: 1; }
#RMC3 .devices img:nth-child(2) { width: 240px; right: 480px; top: 50px; }
#RMC3 .devices img:nth-child(3) { width: 350px; right: 285px; top: 160px; z-index: 1; }
#RMC3 .devices img:nth-child(4) { width: 420px; right: 0; }
#RMC3 img.illu { width: 470px; display: block; vertical-align: middle; margin: 0 10% 0 auto; }
#RMC3 img.illu { margin: 0 auto 0 auto; }
#RMC3 .cont { text-align: center; position: relative; top: 40%; transform: translateY(-50%); max-width: 60vw; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#RMC3 .availability { display: block; vertical-align: bottom; /*text-align: left; margin-left: 10%; */margin-top: 20px;}
#RMC3 .availability h2 { font-family: 'RMC-Bold'; color: #081a3e; text-transform: none; font-size: 26px; /*text-align: left;*/ }
#RMC3 .availability span { font-family: 'Altice-Regular'; color: #000; font-size: 14px; /*text-align: left;*/ line-height: 1.6; }
#RMC3 a.button { background-color: #223986; color: #fff; text-decoration: none; font-size: 25px; width: 280px; display: inline-block; padding: 13px 20px 11px 20px; font-family: 'RMC-Bold'; text-transform: uppercase; letter-spacing: 1px; text-align: center; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }
#RMC3 a.button:hover { color: #223986; background-color: #fff; border: 3px solid #223986; padding: 10px 20px 8px 20px; }
#RMC3 a.button.empty { background-color: #fff; border: 3px solid #223986; color: #223986; padding: 10px 20px 8px 20px; margin-right: 20px; }
#RMC3 a.button.empty:hover { background-color: #223986; color: #fff; }

#RMC4 { background-color: #fff; width: 100%; height: 900px; height: 100vh; overflow: hidden; position: relative; background-image: url(//static.s-sfr.fr/media/rs-pattern-all.png); background-size: contain; background-position: right bottom; background-repeat: no-repeat; }
#RMC4 div.cont { text-align: center; margin-top: 100px; }
#RMC4 div.T { display: block; text-align: right; display: inline-block; vertical-align: bottom; margin-right: 50px; }
#RMC4 div.T img { height: 280px; }
#RMC4 div.B { max-width: 530px; text-align: left; margin-top: 20px; display: inline-block; vertical-align: bottom; margin-left: 50px; }
#RMC4 div.B h3{ font-size: 26px; font-family: 'RMC-Bold'; display: block; color: #081a3e; margin-bottom: 20px; }
#RMC4 div.B span{ font-size: 14px; font-family: 'Altice-Regular'; color: #000; line-height: 20px; }
#RMC4 div.B > div { margin-top: 20px; }
#RMC4 a.button.empty { background-color: #fff; border: 3px solid #223986; color: #223986; padding: 10px 20px; margin-right: 20px; display: inline-block; }
#RMC4 a.button { background-color: #223986; color: #fff; text-decoration: none; font-size: 25px; width: 280px; display: inline-block; padding: 13px 20px 11px 20px; font-family: 'RMC-Bold'; letter-spacing: 1px; text-transform: uppercase; text-align: center; margin-top: 45px; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }
#RMC4 a.button:hover { color: #223986; background-color: #fff; border: 3px solid #223986; padding: 10px 20px 8px 20px; }
#RMC4 .swiper-container2 { width: 100%; position: relative; top: 40%; transform: translateY(-50%); }
#RMC4 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: -80px; }
#RMC4 .swiper-button-prev { outline: 0; background-image: url(//static.s-sfr.fr/media/rs-home-arrow-l-1.png); background-size: 15px 25px; left: 50px; }
#RMC4 .swiper-button-next { outline: 0; background-image: url(//static.s-sfr.fr/media/rs-home-arrow-r.png); background-size: 15px 25px; right: 50px; }
#RMC4 .swiper-pagination-bullet { width: 12px; height: 12px; }
#RMC4 .swiper-pagination-bullet-active { background: #223986; }
#RMC4 a[href="#RMC5"] { position: absolute; bottom: 20px; text-align: center; margin: 0; left: 0; right: 0; z-index: 2; }

#RMC5 { height: 900px; height: calc(100vh - 50px); }
#RMC5 .bg { background: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url(https://blog.bouygues-construction.com/wp-content/uploads/parc_des_princes.png); background-repeat: no-repeat; background-size: cover; background-position: center center; }
#RMC5 .right h3 { font-size: 29px; font-family: 'RMC-Bold'; color: #081a3e; text-transform: uppercase; padding: 0 10px; }
#RMC5 .right h3 + span { font-size: 21px; font-family: 'Altice-Regular'; color: #081a3e; padding-top: 18px; display: block; }
#RMC5 .right .price { font-family: 'RMC-Regular'; font-weight: bold; width: 200px; height: 155px; vertical-align: top; position: relative; text-align: left; margin: 0 auto; display: inline-block; }
#RMC5 .right .price > span:nth-of-type(1) { font-size: 238px; font-size: 110px; width: 92px; color: #081a3e; display: inline-block; text-align: right; margin-right: 8px; }
#RMC5 .right .price > span:nth-of-type(2) { font-size: 108px; font-size: 45px; position: absolute; top: 35px; color: #081a3e;  }
#RMC5 .right .price > span:nth-of-type(3) { font-size: 65px; font-size: 30px; position: absolute; top: 88px; font-family: 'RMC-Regular'; color: #081a3e; }
#RMC5 .right .price + span { font-family: 'Altice-Regular'; font-size: 14px; color: #081a3e; display: none; }
#RMC5 .right .price p { display: block; height: 35px; text-align: center; }
#RMC5 .right .price p span { font-family: 'Altice-Bold'; color: #081a3e; font-size: 16px; line-height: 35px; display: inline-block; vertical-align: middle; }
#RMC5 .right .price p img { width: 35px; margin-left: 10px; display: inline-block; vertical-align: middle; }
#RMC5 .right .price > strong { font-size: 16px; font-family: 'Altice-Bold'; display: block; color: #081a3e; text-align: center; margin-bottom: 15px; }

#RMC5 .right .more { margin-top: 35px; }
#RMC5 .right .more span { color: #081a3e; font-family: 'Altice-Bold'; font-size: 15px; padding: 6px 13px; }
#RMC5 .right .more span:first-child { border: 2px solid #081a3e; border-top: none; border-bottom: none; border-left: none; }
#RMC5 a.button { background-color: #223986; color: #fff; text-decoration: none; font-size: 25px; width: 280px; display: inline-block; padding: 13px 20px 11px 20px; text-transform: uppercase; font-family: 'RMC-Bold'; letter-spacing: 1px; text-align: center; margin-top: 45px; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }
#RMC5 a.button:hover { color: #223986; background-color: #fff; border: 3px solid #223986; padding: 10px 20px 8px 20px; }
#RMC5 a.button.empty { background-color: #fff; border: 3px solid #223986; color: #223986; padding: 10px 20px 8px 20px; margin-right: 20px;  }
#RMC5 a.button.empty:hover { background-color: #223986; color: #fff; }

#RMC5 .container { margin: 0; position : absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
#RMC5 .container .dp { margin-top: 15px; }
#RMC5 .container .sep { width: 1px; height: 155px; border-left: 1px solid #ebebeb; display: inline-block; vertical-align: top; margin: 0 15px; }

#AC1 { width: 100%; height: 430px; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//static.s-sfr.fr/media/tom-grimbert-718473-unsplash2x-c.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; }
#AC1 h1 { color: #fff; font-size: 36px; font-family: 'RMC-Bold'; text-transform: uppercase; text-align: center; line-height: 80px; display: block; padding: 135px 0; }
/*
#AC2 { width: 100%; padding: 50px 0 50px 250px; background-color: #fafafa; }
#AC2 h2 { color: #081a3e; font-size: 28px; font-family: 'RMC-Bold'; display: block; margin-bottom: 10px; text-align: left; }
#AC2 h2 + p { text-align: justify; font-size: 17px; color: #323232; font-family: 'Altice-Regular'; width: calc(100% - 350px); line-height: 24px; }

#AC3 { width: 100%; height: 160px; background-color: #fff; }
#AC3 span { font-family: 'Altice-Bold'; color: #000; display: block; text-align: center; padding-top: 20px; }
#AC3.c .ds { font-size: 12px; padding-top: 10px; text-decoration: none; font-family: 'Altice-Bold'; color: #000; display: block; text-align: center; }
#AC3.c .ds img { margin: 0 auto; }
#AC3.c .ds span{ padding-top: 10px; }
#AC3.c img { height: 35px; display: block; }
#AC3.c div.ds { display: inline-block; overflow: hidden; white-space: normal; cursor: pointer; text-align: center; width: 145px; padding: 10px; }
#AC3.c div.ds img { -webkit-filter: contrast(0%); filter: contrast(0%); }
#AC3.c div.ds:hover img { -webkit-filter: contrast(100%); filter: contrast(100%); }
#AC3.c .swiper-container3.n1 { margin-top: 0; }
#AC3 .slideshow { display: block; white-space: nowrap; overflow: auto; padding-bottom: 15px; text-align: center; margin:  0 auto; width: calc(100vw - 80px); width: 100%; }
#AC3 .slideshow img:first-child { padding-left: 80px; }
#AC3 .slideshow img { height: 30px; padding-right: 80px; }
#AC3 .slideshow img:last-child { padding-right: 80px; }

#AC3 .swiper-container3.n1 { overflow: hidden; position: relative; margin-top: 30px; }
#AC3 .swiper-container3.n1 .swiper-wrapper {  }
#AC3 .swiper-container3.n1 .swiper-slide { text-align: center; }
#AC3 .swiper-container3.n1 .swiper-button-next { background-image: url(//static.s-sfr.fr/media/rs-home-arrow-r.png); background-size: 15px 25px; top: 35%; }
#AC3 .swiper-container3.n1 .swiper-button-prev { background-image: url(//static.s-sfr.fr/media/rs-home-arrow-l-1.png); background-size: 15px 25px; top: 35%; }

#AC4 { background-color: #fff; padding-top: 50px; }
#AC4 .app { height: 370px; background-color: #fff; max-width: 1700px; margin: 0 auto; border-bottom: 7px solid #e9e9e9; }
#AC4.d .app{ max-width: none; background-repeat: no-repeat; height: 200px; transition: background-color 0.2s ease-out; }
#AC4.d .app>a{ text-decoration: none; }
#AC4 .app:nth-child(odd) { background-image: url(//static.s-sfr.fr/media/pattern-42.png); background-position-x: -60px; background-position-y: center; }
#AC4 .app:nth-child(even) { background-image: url(https://static.s-sfr.fr/media/pattern-4.png); background-position-x: right; background-position-y: center; }
#AC4 .app .L { display: inline-block; width: 25%; text-align: right; height: 370px; vertical-align: top; min-width: 400px;}
#AC4:not(.d) .app:nth-child(even) .L { float: right; text-align: left; }
#AC4.d .app .L { text-align: center; height: 200px; }
#AC4 .app .L img { height: 200px; margin: 85px 0; }
#AC4.d .app .L img { height: 140px; margin: 27px 0; }
#AC4 .app .R { display: inline-block; width: calc(100% - 456px); transform: translateY(38%); vertical-align: top; }
#AC4.d .app .R { display: inline-block; width: 62%; height: auto; vertical-align: top; transform: none; }
#AC4 .app .R > div { padding: 40px; }
#AC4 .app .R > div h3 { color: #081a3e; text-transform: uppercase; font-family: 'RMC-Bold'; font-size: 22px; letter-spacing: 1px; }
#AC4 .app .R > div h3 + p { color: #081a3e; font-family: 'Altice-Regular'; font-weight: bold; font-size: 15px; line-height: 25px; margin: 15px 0;}
#AC4 .app .R > div h3 + p a { color: #323232; text-decoration: none; font-family: 'Altice-Bold'; }
#AC4 .app .R > div h3 + p strong { color: #323232;   font-family: 'Altice-Bold'; }
#AC4 .app .R > div a > img { width: 135px; }
#AC4 .app .R > div a.l1 { color: #223986; font-family: 'Altice-Bold'; text-decoration: none; display: table; margin-top: 20px; position: relative; }
#AC4 .app .R > div a.l1:after { content: ''; border: 2px solid #223986; border-color: #223986; width: 10px; height: 10px; position: absolute; right: -20px; top: 3px; border-left: none; border-bottom: none; transform: rotate(45deg); }
#AC4 .app .R > div a.l2 { color: #223986; font-family: 'Altice-Regular';  display: table; margin-top: 10px; position: relative; font-size: 14px; }
#AC4 .app .R > div a.l3 { color: #223986; font-family: 'Altice-Bold'; text-decoration: none; display: table; margin-top: 20px; position: relative; }
#AC4 .app .R > div a.l3:after { content: ''; background-image: url(//static.s-sfr.fr/media/28-play-circle-v-23x.png); width: 25px; height: 25px; background-size: cover; position: absolute; top: -5px; right: -33px; }

#AC4.d #foo .app:hover { background-image: none;  background-color: #223986; color: #fff; }
#AC4 #foo .app:hover .R > div * { color: #fff; }


#AC3.c { text-align: center; height: auto; }
#AC3 [type="radio"]:checked + label:before, #AC3 [type="radio"]:not(:checked) + label:before { display: none; }
#AC3 [type="radio"]:checked + label:after, #AC3 [type="radio"]:not(:checked) + label:after { display: none; }
#AC3 input[type="radio"] { display: none; }
#AC3 input[type="radio"] + label { width: auto; position: static; }
#AC3 input[type="radio"] + label:hover div span { color: #223986; }
#AC3 input[type="radio"] + label .ds + div { display: none; }
#AC3 input[type="radio"]:checked + label .ds + div { display: block; }
#AC3 input[type="radio"]:checked + label .ds img { -webkit-filter: contrast(100%); filter: contrast(100%); }
#AC3 input[type="radio"]:checked + label .ds img + span { color: #223986; }
#AC4.d #bas,#com,#rug,#equ,#ten,#spo,#ath{ display: none; }
#AC4.d { padding: 0px; }*/

#FAQ1 { width: 100%; padding: 20px 0 20px 100px; background-color: #e9e9e9;}
#FAQ1 h2 { font-size: 22px; color: #081a3e; font-family: 'RMC-Regular'; font-weight: bold; text-align: left; }
#FAQ2 { width: 100%; padding: 25px 100px; background-color: #fff; }
#FAQ2 div.C { display: inline-block; vertical-align: top; width: 49%; }
#FAQ2 div.C h3 { color: #081a3e; font-size: 24px; font-family:'RMC-Bold'; text-transform: uppercase; display: block; margin-bottom: 30px; margin-top: 50px;}
#FAQ2 div.C span.st { font-family:'Altice-Bold'; color: #081a3e; font-size: 18px; display: block; margin-bottom: 25px; }
#FAQ2 input[type="checkbox"]{ display: none; }
#FAQ2 [type="checkbox"]:checked, #FAQ2 [type="checkbox"]:not(:checked) {  }
#FAQ2 [type="checkbox"]:checked + label:before, #FAQ2 [type="checkbox"]:not(:checked) + label:before { position: unset; left: unset; top: unset; width: unset; height: unset; border: none; border-radius: unset; background: none; }
#FAQ2 [type="checkbox"]:checked + label:after, #FAQ2 [type="checkbox"]:not(:checked) + label:after { transition: none; width: unset; height: unset; background: none; position: unset; }
#FAQ2 [type="checkbox"]:not(:checked) + label { padding-left: 0; line-height: unset; display: block; text-align: left; margin-bottom: 20px; }
#FAQ2 [type="checkbox"]:checked + label { padding-left: 0; line-height: unset; display: block; }

#FAQ2 [type="checkbox"]:not(:checked) + label + div.R { display: none; }
#FAQ2 [type="checkbox"]:checked + label + div.R { display: block; }

#FAQ2 [type="checkbox"] + label span { color: #081a3e; font-family: 'Altice-Regular'; font-size: 15px; margin-bottom: 20px; }
#FAQ2 [type="checkbox"]:checked + label span { font-family: 'Altice-Bold'; }
#FAQ2 div.R { font-family: 'Altice-Regular'; color: #081a3e; margin-top: 15px; margin-bottom: 25px; line-height: 1.5; font-size: 14px; padding-left: 20px; padding-right: 30px; }
#FAQ2 div.R a { color: #1781cb; }
#FAQ2 div.R strong > a { font-family: 'Altice-Bold'; }

@media all and (min-width: 992px) and (max-width: 1199px){
    .rs-popin-price { width: 160px; height: 87px; }
    .rs-popin-price span:nth-child(1) { font-size: 81px; font-family: 'RMC-Bold'; position: absolute; width: 75px;}
    .rs-popin-price span:nth-child(2) { font-size: 37px; font-family: 'RMC-Bold'; position: absolute; right: 49px; top: 11px; left: auto; }
    .rs-popin-price span:nth-child(3) { font-size: 25px; font-family: 'RMC-Bold'; position: absolute; bottom: 16px; right: 25px; }
    .rs-popin-hsep { margin: -6px 30px -6px 60px; }
    .rs-popin-se {  }
    .rs-popin-se span:nth-child(1) { font-size: 20px; }
    .rs-popin-se span:nth-child(2) { font-size: 18px; }
    
    
    .rs-offre-ope .rs-offre-ex { }
    .rs-offre-content { padding: 50px 60px; }
}
@media all and (max-width: 1100px) {
        .content .bg .logo { margin: 20px 0 0 55px; }
        .right .E .match { height: 135px; margin: 20px auto 0 auto; width: 250px; width: 300px; }
        .right .E .match img { height: 60px; width: auto; }
        .right .E .match>div:first-child { height: 85px; }
        .right .E .match div.teamname span { font-size: 28px; }
        .right .E .match div.img-cont { /*width: 60px;*/ height: auto; width: auto; width: 38px; width: 60px; height: auto; bottom: 10px; }
        .right .E .match div.img-cont img { /*height: 60px; max-width: 80px; max-width: none; height: auto; width: 55px;*/ height: 65px; }
        .right .E .info .titre span { font-size: 24px; }
        .right .E .match span.date { font-size: 13px; width: 140px;}
        .right .E .info span.date { font-size: 13px; margin: 0 15px; }
        .right .E .descr { font-size: 14px; width: 100%; }
        .right .E .info { width: auto; min-width: unset; }
        .right .E .competition img { /*width: 60px;*/ height: 60px; }
        .right .E .info .titre { margin: 30px 60px 30px 60px; }
        .right .CTA a { width: 220px; font-size: 20px; }
        
        .right .E .match div.counter { margin-top: 90px; }
        .right .E .match div.counter table { color: #081a3e; width: 220px; }
        .right .E .match div.counter table tr div:nth-child(1) { font-size: 30px; width: 55px; }
        .right .E .match div.counter table tr div:nth-child(2) { font-size: 15px; }
        .right .E .match div.counter table tr div:nth-child(3) { font-size: 30px; left: 5px; }
        .right span.mec { font-size: 22px; }
        
        #RMC3 .devices { margin: 0 20px; }
        #RMC3 .devices img:nth-child(1) { width: 10%; left: 0; right: unset;}
        #RMC3 .devices img:nth-child(2) { width: 30%; right: unset; left: 5%;}
        #RMC3 .devices img:nth-child(3) { width: 45%; left: 18%; right: unset; top: 140px; }
        #RMC3 .devices img:nth-child(4) { width: 52%; }
        #RMC3 img.illu { width: 475px; margin: 0 auto 20px auto; }
        #RMC3 .cont { max-width: none; }
        #RMC3 .availability { display: block; vertical-align: bottom; text-align: left; margin: 0 auto; width: 600px; }

        #RMC4 div.cont { margin-top: 0px; } 
        #RMC4 div.T { text-align: center; margin-right: 0; }
        #RMC4 div.T img { width: 600px; height: auto; }
        #RMC4 div.B { padding: 0 70px; width: 100%; display: block; max-width: none; margin: 55px auto 0 auto; }
        
        #RMC5 .right .price { width: 205px; }
        #RMC5 .right .price > span:nth-child(1) { font-size: 142px; }
        #RMC5 .right .price > span:nth-child(2) { font-size: 65px; top: 7px; }
        #RMC5 .right .price > span:nth-child(3) { font-size: 39px; top: 86px; }
        #RMC5 .right .more span { font-size: 9px; padding: 6px 3px; }
        #RMC5 .right h3 + span { padding-bottom: 20px; }
        
        #RMC5 .right .price { font-family: 'RMC-Regular'; font-weight: bold; width: 180px; height: 155px; vertical-align: top; position: relative; text-align: left; margin: 0 auto; display: inline-block; }
        #RMC5 .right .price > span:nth-of-type(1) { font-size: 238px; font-size: 110px; width: 92px; color: #081a3e; display: inline-block; text-align: right; }
        #RMC5 .right .price > span:nth-of-type(2) { font-size: 108px; font-size: 45px; position: absolute; top: 35px; color: #081a3e;  }
        #RMC5 .right .price > span:nth-of-type(3) { font-size: 65px; font-size: 30px; position: absolute; top: 88px; font-family: 'RMC-Regular'; color: #081a3e; }
        #RMC5 .right .price + span { font-family: 'Altice-Regular'; font-size: 14px; color: #081a3e; display: none; }
        #RMC5 .right .price p { display: block; height: 35px; text-align: center; }
        #RMC5 .right .price p span { font-family: 'Altice-Bold'; color: #081a3e; font-size: 16px; line-height: 35px; display: inline-block; vertical-align: middle; }
        #RMC5 .right .price p img { width: 35px; margin-left: 10px; display: inline-block; vertical-align: middle; }
        #RMC5 .right .price > strong { font-size: 16px; font-family: 'Altice-Bold'; display: block; color: #081a3e; text-align: center; margin-bottom: 15px; }
        
        #RMC5 .container .dp { margin-top: 15px; }
        #RMC5 .container .sep { margin: 0 3px; }
        /*#AC1 { height: 300px; }
        #AC1 h1 { padding: 100px 0; line-height: 50px; }
        #AC2 { padding: 20px 20px 20px 40px; }
        #AC2 h2 + p { width: 100%; }
        
        #AC4 .app { height: auto; }
        #AC4 .app .L { min-width: 250px; height: auto; }
        #AC4 .app .L img { height: 120px; margin: 40px 0 0 0; }
        #AC4 .app .R { width: calc(100% - 270px); transform: none; }
        #AC4 .app .R > div h3 + p { line-height: 22px; }*/
        
        #FAQ2 { }
        #FAQ2 div.C { display: block; width: 100%; }
    }
@media all and (min-width: 768px) and (max-width: 991px) {
    .rs-football-match { width: 100%; margin: 30px 30% -40px 30%; position: relative; padding-top: 0px; }
    .rs-football-match span { font-size: 48px; display: block; text-align: left; }
    .rs-football-match img { height: 50px!important; position: absolute; left: -90px; }
    .rs-content div.rs-inner-content .rs-countdown { margin-top: 30px; }
    
    .rs-resp-none { display: none!important; }
    img.rs-team2 { top: 60px; }
    .rs-team-name2 { margin-top: 25px; top: 135px;}
    .rs-football-match .rs-team2 { }
    .rs-mea.rs-content div.rs-inner-content { margin-top: -50px; }
    .rs-page-offre.rs-mea.rs-content div.rs-inner-content { margin-top: 50px; }
    
    .rs-offre-ex { width: 330px; position: relative; }
    .rs-offre-ex a.rs-button-empty-small { margin: 30px auto 0 auto; }
    
    .rs-offre-content { padding: 50px 0px; }
    
    .rs-popin-price { margin-right: 30px; margin-top: -12px; }    
    .rs-popin-se { vertical-align: 20px; display: block; margin: 20px 0 0 0; text-align: center; }
    .rs-popin-se span:nth-child(1) { font-size: 20px; }
    .rs-popin-se span:nth-child(2) { font-size: 18px; }
    
    .rs-popin-line4 > div { display: block; width: 100%;}
    .rs-popin-line4 > div img { height: 100px; margin-top: 25px; }
    .rs-popin-white2:not(#rs-popin-m3) { top: calc(50% + 200px); }
    
    .rs-offre-rmc > div { margin-right: 0;}
    .rs-offre-ope .rs-offre-ex { width: 100%; }
    .rs-offre-content { padding: 50px 15px; }
    .rs-resp-block { display: block!important; }
    .rs-mea a.rs-button-empty { margin-top: 20px; padding: 0; }
    .rs-mea a.rs-button-empty span { font-size: 22px!important; white-space: nowrap; }
}

@media all and (max-width:767px){
    section.rs-content:not(.rs-mea) { height: calc(100% + 150px); height: auto }
    .rs-ls { width: 120px; margin: 50px auto 50px auto; margin-top: 15px; }
    .rs-login { display: none; }
    .rs-football-match { width: 100%; position: relative; padding-top: 0px; margin: 30px auto 0 auto; }
    .rs-football-match span { font-size: 87px; display: block; text-align: left; font-size: 12vw; font-size: 50px; }
    .rs-football-match img { position: absolute; left: -75px; height: 40px; }
    .rs-resp-none { display: none!important; }
    img.rs-team2 { top: 70px; }
    .rs-team-name2 { margin-top: 30px; top: 135px;}
    .rs-football-match .rs-team2 { }
    .rs-mea.rs-content div.rs-inner-content { margin-top: -50px; width: 350px; }
    
    .rs-countdown-up { margin-left: -22px; }
    .rs-countdown-down { margin-left: -22px; }
    
    a.rs-button-plain { width: 245px; }
    /*a.rs-button-empty { width: 245px; }*/
    
    input[type="submit"].rs-button-empty { /*width: 100%; max-width: 350px;*/ }
    
    .rs-mea a.rs-button-empty { margin-top:20px; padding: 0; }
    .rs-mea a.rs-button-empty span { }
    .rs-content div.rs-inner-content .rs-countdown { }
    .rs-content div.rs-inner-content .rs-countdown .rs-countdown-up span { margin: 0 15px; }
    .rs-content div.rs-inner-content .rs-countdown .rs-countdown-down span { margin: 0 22px; }
    
    .rs-content div.rs-inner-content .rs-timeboard { font-size: 20px; padding: 4px 35px; margin: 0 auto; }
    [id^="rs-section-"] .rs-inner-content span.rs-section-title{ font-size: 30px; text-transform: uppercase; font-weight: bold; }
    [id^="rs-section-"] .rs-inner-content span.rs-section-subtitle{ line-height: 22px; padding: 0 5px; }
    
    .rs-resp-block { display: block!important; }
    
    input.rs-input-login { width: 100%; }
    div.rs-zone-mdp { width: 100%; }
    input.rs-input-mdp { width: 100%; }
    
    .error-panel > p { font-size: 15px; }
    .rs-stay-logged { width: 100%; }
    .rs-stay-logged [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { left: 15px; }
    .rs-stay-logged [type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { left: 15px; }
    .rs-stay-logged label { text-align: left!important; padding-left: 50px!important; }
    
    a.rs-mdp-oublie-text { margin-top: 50px; }
    .rs-form-connect { margin: 0 15px; }
    
    #rs-header .rs-logged { display: none; }
    
    .rs-connexion .rs-dropdown { width: 100%; }
    .rs-connexion .rs-droppeddown { width: 100%; }
    .rs-dropdown-img { display: none!important; }
    
    [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { top: 9px; }
    [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { top: 9px; }
    
    .rs-offre-content { padding: 50px 15px; }
    
    .rs-content div.rs-inner-content input.rs-input-mdp-oublie { width:100%; }
    .rs-content div.rs-inner-content.rs-presentation div.rs-logo-presentation { width: 100%; margin: 20px auto 0 auto; }
    
    .rs-popin-white { width: auto; max-width: none; min-width: auto;  }
    .rs-popin-white span.rs-popin-title { font-size: 36px;  }
    .rs-popin-white span.rs-popin-text { font-size: 26px;  }
    
    .rs-popin-white2 { width: 100%; height: auto; max-width:none; min-width: initial; top: 0; left: auto; transform: none; padding: 60px 15px 30px 15px; position: absolute; }
    .rs-popin-price { width: 160px; height: 70px; vertical-align: top; }
    .rs-popin-logo-red { vertical-align: top; background-position-y: 10px; }
    .rs-popin-price span:nth-child(1) { font-size: 81px; font-family: 'RMC-Bold'; position: absolute; left: 0; text-align: right; width: 75px; }
    .rs-popin-price span:nth-child(2) { font-size: 37px; font-family: 'RMC-Bold'; position: absolute; left: 80px; top: 10px; }
    .rs-popin-price span:nth-child(3) { font-size: 25px; font-family: 'RMC-Bold'; position: absolute; bottom: 0px; right: 25px; }
    .rs-popin-se { vertical-align: 20px; display: block; margin: 20px 0 0 0; text-align: center; }
    .rs-popin-se span:nth-child(1) { font-size: 20px; }
    .rs-popin-se span:nth-child(2) { font-size: 18px; }
    .rs-popin-hsep { margin: 0 0 0 42px; height: 70px; vertical-align: top; }
    .rs-popin-white2 .rs-popin-close { top: 10px; }
    
    .rs-popin-line4 > div { display: block; width: 100%;}
    .rs-popin-line4 > div img { height: 100px; margin-top: 25px; }
    
    .rs-offre-rmc > div { display: none; }
    div.lSSlideOuter { display: block; }
    ul#rs-slider-offre li { background-color:#081a3e; padding: 30px; position: relative; }
    .lSPager.lSpg li a { background-color: #d2d2d2!important; }
    #offres ul.lSPager.lSpg li.active a { background-color: #081a3e!important; }
    #offres div.lSSlideOuter { display: block; }
    .rs-offre-rmc > span { padding: 80px 5px 40px 5px; }
    .rs-offre-ope { width: 100%; margin-left: 0; }
    .rs-offre-ope .rs-offre-ex { width: 100%; }
    a.rs-offre-voir-plus { bottom: 12px; }
    
    .rs-offre-faq { padding: 50px 10px; }
    .rs-offre-faq div.rs-offre-q span { margin-right: 40px; }
    .rs-offre-arrow { margin-right: auto; margin-left: auto; bottom: 0; right: 3px; top: 40px; width: 30px; }
    .rs-offre-arrow.rs-rotation { right: 0; top: 37px; }
    .rs-offre-faq div.rs-offre-q { padding: 40px 0 50px 0; }
    .rs-offre-r { margin-left: 0px; }
    .rs-offre-faq div.rs-offre-q { font-size: 20px; }
    .rs-offre-ex a.rs-button-empty-small { width: 180px; font-size: 24px!important; padding: 12px 0; margin: 25px auto 0 auto; }
  

    .rs-offre-contact .rs-offre-contact-p3 { }
    .rs-offre-contact .rs-offre-contact-p3 a.rs-button-empty { }
    .rs-offre-contact .rs-offre-contact-p3 a.rs-button-empty span { font-size: 24px!important; margin-top: 0;}
    .rs-offre-ft { height: 56px; }
    
    .rs-offre-devices .rs-logo-presentation ul#rs-logo-devices .active { text-align:center; }
    .rs-offre-devices span { font-size: 25px; }
    #rs-logo-devices span.rs-logo-device-t1 { display: block; font-family: 'Altice-Bold'; font-size: 25px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0px; text-align: center; color: #081a3e; text-transform: none; }
    #rs-logo-devices span.rs-logo-device-t1.rs-color-fff { color: #fff; }
    #rs-logo-devices span.rs-logo-device-t2 { display: block; font-family: 'Altice-Regular'; font-size: 13px; letter-spacing: 0px; text-align: center; color: #081a3e; text-transform: none; }
    #rs-logo-devices span.rs-logo-device-t2.rs-color-fff { color: #fff; padding: 0 20px; line-height: 30px; }
    
    .rs-offre-faq span.rs-offre-faq-title { font-size: 28px; }
    
    #rs-popin-m3 .rs-popin-se span { width: 100%; }
    .rs-popin-line2 ul li { margin: 0 10px; }
    
    .rs-pds { padding: 0; }
    .rs-pds h1 { font-size: 32px; }
    .rs-pds-bloc { min-height: 110px; font-size: 30px; margin-right: 0; width: 100%; }
    .rs-pds-bloc .rs-pds-b1 { height: 110px; }
    .rs-pds-bloc .rs-pds-b1 a { font-size: 30px; }
    .rs-pds-bloc .rs-pds-b2 div ul { font-size: 16px; }
    .rs-pds-bloc .rs-pds-b2 div ul li { font-size: 16px; }
    .rs-pds-bloc .rs-pds-b2 span { font-size: 20px; }
    
    #rs-slider-offre li div .rs-price span:nth-child(1) { font-size: 95px!important }
    #rs-slider-offre li div .rs-price span:nth-child(3) { top: 55px; }
    #rs-slider-offre li .rs-offre-ex-1 { font-size: 15px; }
    #rs-slider-offre li .rs-offre-ex-2 { font-size: 15px; margin-bottom: 18px; }
    
    .bg { -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); mask-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-position: left center; }
    
    .right { background-color: transparent; background-image: none; width: 100%; }
    .right::before { border-color: transparent; }
    .right .E .info .titre span { color: #fff; }
    .right .E .descr { color: #fff; padding: 0 30px 20px 30px; }
    .right .E .descr span { color: #fff; }
    .right .E .match div.teamname span { color: #fff; }
    .right .CTA a.empty { background-color: transparent; color: #fff; border-color: #fff; }
    .right .E .match span.date { /*margin: 0 5px; padding: 6px 10px*/ }
    .right .E .match img { height: 50px; }
    .right .E .match div.counter table { color: #fff; width: 100%; }
    .right .E .match div.counter table tr div:nth-child(1) { font-size: 30px; width: 50px; }
    .right .E .match div.counter table tr div:nth-child(2) { font-size: 16px; }
    .right .E .match div.counter table tr div:nth-child(3) { font-size: 30px; left: 5px; }
    .right .swiper-button-next { background-image: url(//static.s-sfr.fr/media/rs-arrow-right-white.png); top: 200px; top: 25%; /*right: -5px;*/ }
    .right .swiper-button-prev { background-image: url(//static.s-sfr.fr/media/rs-arrow-left-white.png); top: 200px; top: 25%; /*left: -5px;*/ }
    .right .D h4 { color: #fff; margin-bottom: 5px; }
    .right .D span { color: #fff; margin-bottom: 5px; }
    .right .E div.counter table tr div:nth-child(1) { width: 55px; font-size: 30px; }
    .right .E div.counter table { width: 320px; }
    .right .E .match div.counter { margin-top: 70px; }
    
    #RMC1 { height: calc(100vh - 50px); }
    .right { height: 810px; height: 100vh; position: relative; padding: 30px 10px 30px 10px; }
    .right .D img:not(.resp) { display: none; }
    .right .D img.resp { display: block; margin: 0 auto; }
    .right span.mec { font-size: 20px; color: #fff; }
    .right .E div.counter table tr td { color: #fff; margin: 0px 12px; display: inline-block; }
    .right .CTA a { margin-bottom: 15px; }
    .right .CTA a.empty { display: block; cursor: pointer; }
    .right .CTA { bottom: 17%; }
    .right .D { bottom: 12%; }
    
    #RMC1 .swiper-container { top: 50%; top: 30%; transform: translateY(-50%); height: 300px; }
    
    #RMC2 { height: auto; min-height: 100vh; height: 970px; padding-top: 50px; }
    #RMC2 .cvh { top: 50%; }
    #RMC2 .c { display: block; margin: 0 auto; /*padding-bottom: 50px;*/ width: 320px; }
    #RMC2 table.t1 { display: none; }
    #RMC2 table.t2 { display: block; }
    #RMC2 table.t2 tr td { height: 120px; }
    #RMC2 table.t2 tr td img { height: 60px; }
    #RMC2 table.t2 tr td img.p1 { height: 20px; }
    #RMC2 table.t2 tr td img.p2 { height: 25px; }
    #RMC2 table.t2 tr td img.p3 { height: 25px; }
    #RMC2 table.t2 tr td img.p4 { height: 30px; }
    
    #RMC2 a.button { display: block; width: 100%; max-width: 250px; margin: 20px auto 20px auto; }
    #RMC2 a.button.empty { width: 100%; max-width: 250px; margin: 0 auto; display: block; }
    #RMC2 h2 + p + div { width: 280px; margin: 0 auto; }
    
    #RMC3 { height: 900px; }
    #RMC3 .availability { padding: 30px 20px; width: 100%; }
    #RMC3 img.illu { width: 90%; margin: 0 auto; }
    #RMC3 a.button.empty { width: 100%; max-width: 250px; margin: 0 auto; display: block; }
    #RMC3 a.button { width: 100%; max-width: 250px; margin: 20px auto 20px auto; display: block; }
    
    #RMC4 { height: 600px; height: 100vh; height: 800px; }
    #RMC4 .swiper-container2 { padding-top: 0; padding: 70px 0; top: 50%; }
    #RMC4 div.T img { width: 260px; height: auto; }
    #RMC4 div.B { margin-left: 0px; min-width: 300px; padding: 0 20px; }
    #RMC4 a.button.empty { display: none; }
    #RMC4 a.button { margin: 0 auto; display: block; }
    #RMC4 .swiper-button-prev, #RMC4 .swiper-button-next { top: 30%; }
    #RMC4 .swiper-button-prev { left: 10px; }
    #RMC4 .swiper-button-next { right: 10px;; }
    #RMC4 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }
    
    #RMC5 .right h3, #RMC5 .right h3 + span, #RMC5 .price span, #RMC5 .right .price span:nth-child(1), #RMC5 .right .price span:nth-child(2), #RMC5 .right .price span:nth-child(3), #RMC5 .right .price + span, #RMC5 .right .more span { color: #fff; }
    #RMC5 .right .more span:nth-child(2) { border-color: #fff; }
    #RMC5 .right .price { color: #fff; width: 150px; }
    #RMC5 .right .price > strong { color: #fff; }
    #RMC5 .right .price > span:nth-of-type(1) { font-size: 90px; width: 76px; }
    #RMC5 .right .price > span:nth-of-type(2) { font-size: 35px; }
    #RMC5 .right .price > span:nth-of-type(3) { font-size: 25px; color: #fff; top: 77px; }
    #RMC5 .right .price p span { font-size: 12px; }
    #RMC5 .right .price p img { width: 25px; }
    
    /*#AC1 h1 { font-size: 25px; }
    #AC2 h2 { font-size: 17px; }
    #AC2 h2 + p { font-size: 13px; line-height: 20px; }
    #AC4 .app .L{ display: block; width: auto; text-align: center; }
    #AC4:not(.d) .app:nth-child(even) .L { float:none; text-align: center; }
    #AC4 .app .R { display: block; width: auto; margin: 0 auto; }
    #AC4.d .app { height: auto; }
    #AC4.d .app .R { width: 100%; }
    #AC4 .app .R > div h3 + p { font-size: 15px; }*/
    #FAQ1 { padding: 20px 0 20px 25px; }
    #FAQ2 { padding: 25px; }
    
    #RMC2 a > img, #RMC3 a > img, #RMC4 a > img { width: 30px; }
    
}

@media all and (max-width:500px){ 
    .rs-football-match img.rs-team1 { left: 5px; }
    .rs-football-match img.rs-team2 { left: 5px; }
    .rs-football-match span { /*margin-left: 80px;*/ margin-left: 53px; }
    .rs-content div.rs-inner-content .rs-countdown .rs-countdown-up span { margin: 0 8px; }   
    .rs-content div.rs-inner-content .rs-countdown .rs-countdown-down span { margin: 0 14px; }
    .rs-mea.rs-content div.rs-inner-content { }
    .rs-content-bottom { padding: 0 5px; }
    .rs-resp-block500 { display: none!important; }
}

@media all and (max-width:1845px){ 
    .rs-offre-contact-p1 { position: static; border: none; }
    .rs-offre-contact-p1 img { margin-right: 0; }
    .rs-offre-contact-p2 { }
    .rs-offre-contact-p3 { }
    .rs-offre-contact { height: auto; text-align: center; }
}

@media all and (max-height:900px){
    .rs-arrow-bottom { bottom: 0; padding: 0; }
    #rs-header .rs-login { top: 35px; }
    .rs-ls { width: 120px; margin-top: 15px; }
    section.rs-mea .rs-content-bottom{ margin-top: 50px!important; }
    .rs-football-match { }
    .rs-countdown { }
    .rs-mea .rs-inner-content { margin-top: 0px!important; }
    .rs-landing ~ section:not(.rs-mea){ height: 637px; }
}