html,body{margin:0;scroll-behavior: smooth;}
@font-face { font-family: 'AR'; src: url("//static.s-sfr.fr/media/altice-regular-webfont.woff") format('woff'); }
@font-face { font-family: 'AB'; src: url("//static.s-sfr.fr/media/altice-bold-webfont.woff") format('woff'); }
@font-face { font-family: 'AI'; src: url("//static.s-sfr.fr/media/altice-italic-webfont.woff") format('woff'); }
    :root { 
        --bg-amac: linear-gradient(90deg, #00ACA9 0%, #56B079 29.74%, #F5C25A 63.19%, #E84250 100%);
        --bg-amac2: linear-gradient(0, #00ACA9 0%, #56B079 29.74%, #F5C25A 63.19%, #E84250 100%);
        --bg-amac: linear-gradient(90deg, #0A0014 0%, #43D8D8 29.74%, #12C08A 63.19%, #DB1061 100%);
        --bg-amac2: linear-gradient(0, #0A0014 0%, #43D8D8 29.74%, #12C08A 63.19%, #DB1061 100%);
    }
    #H { font-family: 'MR'; background:#0a0014; position: relative;}
    #H:after { content: ''; height: 4px; width: 100%; background: var(--bg-amac) ; position: absolute; bottom:-4px; z-index:1;}
    #H a:hover { position: relative;}
    #H .T { background:#fff; text-align:right;}
    #H .C { width: 1100px; margin: 0 auto; text-align:right; }
    #H .C a { position: relative; text-decoration: none; display: inline-block; padding: 0px 30px 0 50px; margin: 12px 0; color: #0a0014; font-size: 14px; border-right: 1px solid #0a0014;}
    #H .C a:last-child{ padding-right:0; border:0;}
    #H .Blabel:after {content: '';width: 6px;height: 6px;border: 1.5px solid #fff;border-radius: 1px 1px 1px;border-top: 0;border-left: 0;transform: rotate(45deg);transition: transform 0.3s;position: relative;left: 8px;top: 4px;}
    #H .C a.l { display: none; }
    #H .C a>svg { position: absolute; top: 1px; left: 21px; }
    #H .B { width: fit-content; margin: 0 auto; background:#0a0014;}
    #H .B a, .Blabel, #H .B p{ text-decoration: none; display: inline-block; vertical-align: middle; padding: 35px 8px 35px 5px; color: #fff; font-size: 14px; transition:all .3s ease-in-out;}
     #H .B .Blabel > a, #H .B .Blabel > p {padding:0;margin:0;cursor:pointer;}
    #H .B .cta { display: inline-block; padding: 15px 8px; margin-left: 24px; border: 2px solid #fff; color: #fff; transition: all .3s;}
    #H .B .cta:hover { background:#fff; color: #0a0014;}
    #H input[type="checkbox"] { display: none; }
    #H .B ul{display: inline-flex; margin-block: 0; flex-direction:column; padding-inline-start: 0;list-style:none;}
    #H .B ul ul{position: absolute; top: 75%; z-index:10; background:#0a0014; padding: 8px 16px 12px 16px; opacity:0; z-index:-1; transition: .2s all; width: 133px;}
    #H .B ul li{color:#fff;font-family:'MR'; font-size:14px;}
    #H .B ul li:not(:last-of-type){margin:0 0 8px 0;}
    #H .B .NoPding{padding:0; transition:all .3s;}
    #H .B .NoPding:hover{font-family:'MB';}
    #H .B ul >.Blabel{display:inline-flex; position:relative; justify-content:space-between;}
    #H .B ul:hover > ul{opacity:1; display:block; z-index:11;}
    #H .B ul.longmenu{max-width:120px;}
    #H .B ul.longmenu a{text-align:center}
    #H .B ul.noSubmenu:hover > ul {display:none;}
    #H .homebtn{display:none;}
    #H details { color: #fff; }
    #H summary{list-style-type:none;font-size:12px;padding:8px 16px; border-bottom:2px solid #fff; width: 130px; position: relative; }
    #H summary::-webkit-details-marker{display:none}
    #H .T .C .cta{display:none;}
    #H .B ul.noSubmenu > .Blabel:after {content: none;}
    #H .B ul ul img{display:none;}
    #H .B .deskhid{display:none;}
    #H .B ul ul li:not(:last-of-type){border-bottom:1px solid #fff;padding:0 0 8px 0;margin: 0 0 8px 0;}
    #H .B ul:not(:last-of-type){margin:0 6px 0 0;}
    @media all and (max-width: 1100px) { 
        #H{min-height:60px;}
        #H .C .picH{display:none;}
        #H .B ul li:hover a, #H .B label:hover a{color:#43d8d8;}
        #H { background: #0a0014; }
        #H .T .C .cta{display: block;position:relative; top:10px;padding: 8px;width: fit-content;border: 2px solid #fff;color: #fff;transition: all .3s;font-size: 12px;line-height: 21px;margin: auto 58px auto auto;}
        #H .T .C .cta:hover{ background:#fff; color: #0a0014;};
        #H:after { height: 1px; background: #fff; bottom: 0;}
        #H .T .C { background:#0a0014; width: 100%; position: relative; }
        #H .T .C > a.l{display:block;}
        #H .T .C a { color: #fff; width: 20px; height: 20px; padding: 20px 0; vertical-align: middle; margin: 0 15px;}
        #H .T .C a.l { display: block; position: absolute; left: 0; top: -8px;}
        #H .T .C a>span{ display: none;}
        #H .Mcheck[type="checkbox"] + label { position: absolute; width: 16px; height: 16px; top: 18px; right: 26px;}
        #H .Mcheck[type="checkbox"] + label>i { width: 100%; height: 1px; background-color: #fff; display: block; margin: 5px 0; font-style: unset; transition: 0.4s transform ease-out; }
        #H .Mcheck[type="checkbox"]:checked + label { top: 25px; }
        #H .Mcheck[type="checkbox"]:checked + label>i:nth-of-type(1) { display: none;}
        #H .Mcheck[type="checkbox"]:checked + label>i:nth-of-type(2) { position:absolute; transform: rotate(45deg); }
        #H .Mcheck[type="checkbox"]:checked + label>i:nth-of-type(3) { position:absolute; transform: rotate(-45deg); }
        #H .Mcheck[type="checkbox"]:checked + label + .B { display: flex; flex-direction:column; align-items:center; position: absolute; top: 60px; right: 0; left: 0; background: #0a0014; z-index: 55; padding:24px 0 12px 0;height: calc(100vh - 60px);}
        #H .Mcheck[type="checkbox"] + label + .B { display: none; }
        #H>.B>ul>.navcheck[type="checkbox"]:checked + .Blabel + ul{display:inline-flex;}
        #H>.B>ul.noSubmenu>.navcheck[type="checkbox"]:checked + .Blabel + ul{display:none;}
        #H>.B>ul>.navcheck[type="checkbox"]:checked + .Blabel{color: #00ACA9; border-color:#00ACA9;}
        #H>.B>ul>.navcheck[type="checkbox"]:checked + .Blabel:after{border-color:#00ACA9;}
        #H>.B { position: relative; width: 100%; padding-bottom: 30px; box-sizing: border-box; }
        #H>.B:after { content: ''; height: 4px; width: 100%; background: var(--bg-amac) ; position: absolute; bottom:0; left:0;  z-index:1;}
        #H>.B a, .Blabel {font-size:16px;}
        #H>.B a:not(:first-child):not(.cta):hover:before { display: none; }
        #H>.B a.cta {display:none;}
        #H .B>ul { width: calc(100% - 32px);}
        #H .B ul >.Blabel {padding: 0;}
        #H>.B #LL {display:none;}
        #H> .B .NoPding{display:block; font-size:16px;}
        #H .B .cta{ width: calc(39.69% - 57px); text-align: center;}
        #H .B ul ul{position:absolute; opacity:1;z-index:2;padding:0;align-items:flex-end;display:none;top: 0px;left: 0;bottom: 0;right: 0;padding: 16px;width: 100%;box-sizing: border-box;}
        #H .B ul ul li{width:92.13%;}
        #H .B ul ul li:not(:last-of-type), #H .B ul ul img{display:block;margin:0 0 24px 0;}
        #H>.B ul ul a{margin: 3px 0px 3px 0px;}
        #H>.B>ul>.Blabel{margin: 0 0 30px 0px;}
        #H .B .NoPding:hover{font-family: 'MR';}
        #H .Blabel:before{display:none;}
        #H .B ul:hover > ul{display:none;}
        #H .homebtn{display:unset;}
        #H .B ul.longmenu{max-width:none;}
        #H .B ul.longmenu a{text-align:left}
        #H .Blabel:after{content:none;}
        #H .B .deskhid{display:block;}
        #H .B ul a img{margin: 0 4px 0 0;position: relative;top: 2px;}
        #H .noLink{pointer-events:none;}
        #H .B ul ul li:not(:last-of-type){border-bottom:0 solid #fff;padding:0;}
    }