:root { --clr-black: #000; --clr-lightblack: #3c3c3c; --clr-blue: #0084d6; --clr-bg: #fff; --clr-bg2: #f7f7f7; --clr-aqua:#24d9c3; --clr-grey:#e5e3ee; --clr-grey2:#bebebe; --clr-grey3:#d0d0d0;}
@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'); }
html{scroll-behavior:smooth}
body{color:var(--clr-black);font-family:'AR';margin:0;background:var(--clr-bg);scroll-behavior:smooth}
a,article,audio,b,body,del,details,div,em,fieldset,figcaption,figure,footer,form,header,html,i,iframe,img,input,label,legend,li,menu,nav,ol,p,pre,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;border:0;font-size:100%;background:transparent;box-sizing:border-box;font-style:normal;line-height:24px;}
main { min-height: calc(100vh - 624px);}
h1, h2, h3, h4{font-family:'AB';line-height:normal;margin:0;color:var(--clr-lightblack);font-weight:normal;}
h1{font-size:50px;}
#HP h1 { font-size: 40px; }
h2{font-size:40px;margin:0 0 10px 0;}
h3{font-size:30px;}
h4{font-size:24px;}
p, span, li{font-size:16px;color:var(--clr-lightblack);}
strong,b{font-family:'AB';color:var(--clr-lightblack);font-weight:normal;}
i, em{font-family:'AI';color:var(--clr-lightblack);}
[class^="btn"]{text-decoration: none; padding: 14px 32px; border: 2px solid var(--clr-lightblack); border-radius: 40px; font-size: 14px;display:inline-block;font-family:'AB';transition: all .3s;position:relative;cursor:pointer;}
select {background-color: transparent;border-radius: 24px;border: 1px solid var(--clr-black);padding: 16px 32px 16px 16px;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 14px;font-family: 'AB';color: var(--clr-black);cursor: pointer;min-width: 120px;}
p + p {margin:0 0 20px 0;}
header {width: 100%;position: relative;background-color: var(--clr-bg);z-index: 99;transition: background-color 0.5s ease;}
header a { color: var(--clr-black); text-decoration: none; transition: all .2s; z-index: 2; position: relative;}
header ul { list-style: none; }
header li{Font-size:20px;}
header input { display: none; }
header > div { max-width: calc(100% - 32px); width: 1280px; padding: 24px 0; display: flex; margin: auto; justify-content: space-between; align-items: center; background-color:var(--clr-bg);}
header > div > nav { min-width: 70%; }
header > div > label{display:none;}
header > div > nav > ul {font-family: 'AB'; font-size: 20px; }
header > div > nav > ul > li{padding: 24px;display:inline;}
header .loop{padding:0 0 0 25.33px;}
header .subMenu a:hover { font-weight: 700; color: var(--clr-black); }
header .loop svg > path { transition: fill .3s; }
header .loop:hover svg > path { fill: var(--clr-blue); }
header .subMenu a { transition: all .3s; }
header .Hmob{display:none;}
header .Hdesk > ul > li > a.active{ color: var(--clr-blue); border-bottom:2px solid var(--clr-blue);padding:0 0 4px 0;}
header .Hdesk> ul > li:hover > a:before{width:200%;height:450%;}
header .Hdesk> ul > li > a:before { content: ''; width: 150%; height: 300%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
header.EH .Hdesk> ul > li > a:before{height:420%;}
header .Hdesk .subMenu {box-shadow: 0px 32px 16px 1px rgba(0, 0, 0, 0.02); position: absolute; top: 124px; display: flex; justify-content: center; align-items: center; flex-direction: column; left: 0; width: 100%; gap: 40px; padding: 24px 0; background-color: var(--clr-bg); z-index: -1; font-size: 32px; font-family: 'AR';transition: all .3s; opacity: 0; overflow: hidden; height:auto;max-height:0;pointer-events:none;}
header .Hdesk .subMenu a { transition: all .3s; }
header .Hdesk .subMenu a:hover { font-weight: 700; color: var(--clr-black); }
header .Hdesk > li > nav > ul a:hover + .subMenu, header .subMenu:hover { opacity: 1; max-height:1000px;pointer-events:all;z-index:3;}
header .Hdesk li > a:hover + .subMenu, header .Hdesk .subMenu:hover { opacity: 1; max-height:1000px;pointer-events:all;z-index:3;overflow:visible;}
header .Hdesk > ul > li > a:hover, header .Hdesk > ul > li:has( ul:hover) > a { color: var(--clr-blue); border-bottom:2px solid var(--clr-blue);padding:0 0 4px 0;}
header .toggleBurger { display: none; }
header .headerLogo img { height: 70px; }
.EH.hovered:has(ul > li > a:hover) .Hdesk > ul > li > a:hover { color: var(--clr-blue); border-bottom:2px solid var(--clr-blue);padding:0 0 4px 0;}
header .subMenu:before {content: '';top: -40px;bottom: -40px;left: 0;right: 0;position: absolute;}
.EH{position:absolute;}
.EH{background-color:transparent;transition:all .3s;}
.EH > div{background-color:transparent;transition:all .3s;}
header.hovered:has(ul > li > a:hover), header.hovered:has(.subMenu:hover), header.hovered:has(.loop:hover), header.hovered:has(.headerLogo:hover) {background-color: var(--clr-bg);}
.EH img{filter:invert(1);}
.EH.hovered:has(ul > li > a:hover) img, header.hovered:has(.subMenu:hover) img, header.hovered:has(.loop:hover) img, header.hovered:has(.headerLogo:hover) img{filter:none;}
.EH .loop svg > path{fill:var(--clr-bg);transition:all .3s;}
.EH.hovered:has(ul > li > a:hover) .loop svg > path, .EH.hovered:has(.subMenu:hover) .loop svg > path, header.hovered:has(.loop:hover) .loop svg > path, header.hovered:has(.headerLogo:hover) .loop svg > path{fill:var(--clr-black);}
.EH.hovered:has(ul > li > a:hover) a, .EH.hovered:has(.subMenu:hover) a, header.hovered:has(.loop:hover) a, header.hovered:has(.headerLogo:hover) a{color:var(--clr-black);}
.EH.hovered:has(ul > li > a:hover) .loop svg:hover > path, .EH.hovered:has(.subMenu:hover) .loop svg:hover > path, header.hovered:has(.loop:hover) .loop svg:hover > path, header.hovered:has(.headerLogo:hover) .loop svg:hover > path{fill:var(--clr-blue)}
.EH .subMenu{transition:none;}
.EH .Hdesk > ul > li > a{color:var(--clr-bg);}
.EH.hovered:has(ul > li > a:hover) .Hdesk  a:not(.active), .EH.hovered:has(.subMenu:hover) .Hdesk  a:not(.active){color:var(--clr-black);}
.EH.hovered:has(ul > li > a:hover) div > a, .EH.hovered:has(.subMenu:hover) div > a, header.hovered:has(.loop:hover) div > a, header.hovered:has(.headerLogo:hover) div > a{color:var(--clr-black);}
header .Hdesk li > a:focus + .subMenu, header .Hdesk li:focus-within > .subMenu {opacity: 1;max-height:1000px;pointer-events:all;z-index:3;overflow:visible;}
header .Hdesk > ul > li > a:focus, header .Hdesk > ul > li:focus-within > a {color: var(--clr-blue);border-bottom:2px solid var(--clr-blue);padding:0 0 4px 0;}
header .Hdesk .subMenu a:focus {font-weight:700;color:var(--clr-black);}
header.hovered:has(ul > li > a:focus), header.hovered:has(.subMenu:focus-within), header.hovered:has(.loop:focus), header.hovered:has(.headerLogo:focus) {background-color: var(--clr-bg);}
.EH.hovered:has(ul > li > a:focus) img, header.hovered:has(.subMenu:focus-within) img, header.hovered:has(.loop:focus) img, header.hovered:has(.headerLogo:focus) img{filter:none;}
.EH.hovered:has(ul > li > a:focus) .loop svg > path, .EH.hovered:has(.subMenu:focus-within) .loop svg > path, header.hovered:has(.loop:focus) .loop svg > path, header.hovered:has(.headerLogo:focus) .loop svg > path{fill:var(--clr-black);}
.EH.hovered:has(ul > li > a:focus) a, .EH.hovered:has(.subMenu:focus-within) a, header.hovered:has(.loop:focus) a, header.hovered:has(.headerLogo:focus) a{color:var(--clr-black);}
.EH.hovered:has(ul > li > a:focus) .loop svg:hover > path, .EH.hovered:has(.subMenu:focus-within) .loop svg:hover > path, header.hovered:has(.loop:focus) .loop svg:hover > path, header.hovered:has(.headerLogo:focus) .loop svg:hover > path{fill:var(--clr-blue)}
.EH.hovered:has(ul > li > a:focus) .Hdesk  a:not(.active), .EH.hovered:has(.subMenu:focus-within) .Hdesk  a:not(.active){color:var(--clr-black);}
.EH.hovered:has(ul > li > a:focus) .Hdesk > ul > li > a:focus {color: var(--clr-blue);border-bottom:2px solid var(--clr-blue);padding:0 0 4px 0;}
header .Hdesk > ul > li:has( ul:focus-within) > a {color: var(--clr-blue);border-bottom:2px solid var(--clr-blue);padding:0 0 4px 0;}

footer{background:var(--clr-bg); display: flex; width: 100%;padding: 62px 24px;flex-direction: column;align-items: center;gap: 40px;position:relative;}
footer input[type="checkbox"]{display:none;}
footer a:hover{color:var(--clr-blue);}
footer > div, footer hr{width:100%;max-width:1280px;}
footer hr{height: 1px;background: var(--clr-grey2);border:0;}
footer .fbt{width:100%;height:5px; background: linear-gradient(to right, #6D6F6F 0%, #E9E9EA 50%, #6D6F6F 100%);position:absolute;top:0;left:0;max-width:none;}
footer > .T{display:flex;justify-content: space-between;}
/* footer > .T details{pointer-events:none} */
footer > .T details[open] summary{margin:0 0 16px 0;}
footer > .T summary { width: 100%; display: block; position: relative; font-size: 14px;font-family:'AB';list-style:none;}
footer > .T summary::-webkit-details-marker{display: none;}
footer > .T summary
footer a, footer details a, footer .B a {color: var(--clr-black); text-decoration: none; transition: color .2s; position: relative; font-size:14px;pointer-events:all;}
footer > .T ul { list-style: none; }
footer > .T ul > li{margin:0 0 8px 0;}
footer > .M > div{display:flex;gap:40px;justify-content:center;align-items:center;}
footer > .M > .T a{line-height:0;}
footer > .M > div:not(:last-of-type){margin:0 0 24px 0;}
footer > .M img{height:40px;}
footer > .B{display:flex;justify-content:center;gap:40px}
footer > .B a{font-family:'AB';}


.btn1{color:var(--clr-lightblack);}
.btn1:hover{color:var(--clr-bg);background-color:var(--clr-black);border-color:var(--clr-black);}
.btn2{color:var(--clr-bg);background-color:var(--clr-black);border-color:var(--clr-black);}
.btn2:hover{color:var(--clr-lightblack);background-color:var(--clr-bg);}
.btn3{color:var(--clr-blue);border-color:var(--clr-blue);}
.btn3{color:var(--clr-blue);border-color:var(--clr-blue);}
.btn3:hover{color:var(--clr-bg);background-color:var(--clr-blue);}
.btn4{color:var(--clr-bg);background-color:var(--clr-blue); border-color:var(--clr-blue);}
.btn4:hover{color:var(--clr-blue);background-color:var(--clr-bg);}
.btn5{color: var(--clr-lightblack); border-color: var(--clr-bg);background:var(--clr-bg);}
.btn5:hover{color: var(--clr-bg);background-color:var(--clr-black);border-color: var(--clr-black);}
[class^="btn"].fleche{padding:14px 56px 14px 32px;}
.fleche:before{content:''; position:absolute; right:16px;width:24px;height:24px;display: block; top: 0; margin: auto; bottom: 0; width: 24px; height: 24px;transition:all .3s;}
.btn1.fleche:before, .btn2.fleche:hover:before,.btn5.fleche:before{background-image:url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.2502 12.0013C22.2502 12.2002 22.1712 12.391 22.0306 12.5316L15.6776 18.8846C15.3847 19.1774 14.9099 19.1774 14.617 18.8846C14.3241 18.5917 14.3241 18.1168 14.617 17.8239L19.6896 12.7513L3.50024 12.7513C3.08603 12.7513 2.75024 12.4155 2.75024 12.0013C2.75024 11.5871 3.08603 11.2513 3.50024 11.2513L19.6896 11.2513L14.617 6.17877C14.3241 5.88588 14.3241 5.41101 14.6169 5.11811C14.9098 4.82522 15.3847 4.82521 15.6776 5.1181L22.0306 11.471C22.1712 11.6116 22.2502 11.8024 22.2502 12.0013Z" fill="%233C3C3C"/></svg>');}
.btn2.fleche:before, .btn4.fleche:before,.btn5.fleche:hover:before, .btn1.fleche:hover:before, .btn3.fleche:hover:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.7504 12.0003C21.7504 12.1992 21.6714 12.39 21.5307 12.5306L15.1778 18.8836C14.8849 19.1765 14.41 19.1765 14.1171 18.8836C13.8242 18.5907 13.8242 18.1158 14.1171 17.8229L19.1897 12.7503L3.00037 12.7503C2.58615 12.7503 2.25037 12.4145 2.25037 12.0003C2.25037 11.5861 2.58615 11.2503 3.00037 11.2503L19.1897 11.2503L14.1171 6.1778C13.8242 5.8849 13.8242 5.41003 14.1171 5.11714C14.41 4.82424 14.8848 4.82424 15.1777 5.11713L21.5307 11.47C21.6713 11.6106 21.7504 11.8014 21.7504 12.0003Z" fill="%23FAFBFF"/></svg>');}
.btn3.fleche:before, .btn4.fleche:hover:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.7504 12.0003C21.7504 12.1992 21.6714 12.39 21.5307 12.5306L15.1778 18.8836C14.8849 19.1765 14.41 19.1765 14.1171 18.8836C13.8242 18.5907 13.8242 18.1158 14.1171 17.8229L19.1897 12.7503L3.00037 12.7503C2.58615 12.7503 2.25037 12.4145 2.25037 12.0003C2.25037 11.5861 2.58615 11.2503 3.00037 11.2503L19.1897 11.2503L14.1171 6.1778C13.8242 5.8849 13.8242 5.41003 14.1171 5.11714C14.41 4.82424 14.8848 4.82424 15.1777 5.11713L21.5307 11.47C21.6713 11.6106 21.7504 11.8014 21.7504 12.0003Z" fill="%233919FF"/></svg>');}
[class^="btn"].fleche.empty{padding:0;width:48px;height:48px;}
[class^="btn"].fleche.empty:before{left:0;right:0;top:0;bottom:0;margin:auto;}
.btn-sec{padding:24px 46px 24px 24px;background:var(--clr-bg);color:var(--clr-lightblack);border-radius: 16px;text-decoration:none;font-family:'AB';flex:1;position:relative;display:flex;align-items:center; gap:16px;border:1px solid var(--clr-lightblack);transition:all .3s;font-size:20px;}
.btn-sec:hover{background:var(--clr-black);border-color:var(--clr-black);color:var(--clr-bg);}
.btn-sec:hover:before{filter:invert(1);}
.btn-sec:hover > img,.btn-sec:hover:after{filter:invert(1);opacity:1;}
.btn-sec > img{width:40px;}
.btn-sec:after{content: ''; position: absolute; right: 16px; width: 24px; height: 24px; display: block; top: 0; margin: auto; bottom: 0; width: 24px; height: 24px;opacity:.8;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.7504 12.0003C21.7504 12.1992 21.6714 12.39 21.5307 12.5306L15.1778 18.8836C14.8849 19.1765 14.41 19.1765 14.1171 18.8836C13.8242 18.5907 13.8242 18.1158 14.1171 17.8229L19.1897 12.7503L3.00037 12.7503C2.58615 12.7503 2.25037 12.4145 2.25037 12.0003C2.25037 11.5861 2.58615 11.2503 3.00037 11.2503L19.1897 11.2503L14.1171 6.1778C13.8242 5.8849 13.8242 5.41003 14.1171 5.11714C14.41 4.82424 14.8848 4.82424 15.1777 5.11713L21.5307 11.47C21.6713 11.6106 21.7504 11.8014 21.7504 12.0003Z" fill="%2301000B"/></svg>');}
.btn1.croix{padding: 16px 56px 16px 16px;color: var(--clr-black);border-color: var(--clr-black);border-width: 1px;line-height:normal;}
.btn1.croix:hover{background:transparent;}
.btn1.croix:before {content: '';position: absolute;right: 16px;width: 24px;height: 24px;display: block;top: 0;margin: auto;bottom: 0;width: 18px;height: 18px;transition: all .3s;background-image:url(https://static.s-sfr.fr/assets/pictos/croix_40_noir.svg);background-size:contain;background-repeat:no-repeat;background-position:center;}
.dl{font-size:12px;color:var(--clr-blue);font-family:'AB';text-decoration:none;display:flex;align-items:center;gap:4px;}
.dl > span{font-family:'AR';color:var(--clr-black);font-size:12px;}
.artType{font-family:'AB';border-radius: 8px; background: var(--clr-grey);padding:4px 8px;font-size:12px;text-decoration:none;color:var(--clr-lightblack);line-height: 18.75px;}
.artType + p {font-size:12px;}
.share{font-size:12px;font-family:'AB';color:var(--clr-black);text-decoration:none;display:flex;gap:4px;align-items:center;}
.share img{width:16px;}
.skip-link{display:flex;background:var(--clr-bg);width:100%;position: absolute;}
.skip-link {  top: -40px; left: 0; color: #000; padding: 8px; z-index: 2; transition: top 0.3s;}
.skip-link:focus {top: 0;}
.hideLink{display:none;}
.select{display:inline;position:relative;}
.select:after{content:'';position:absolute;right:8px;top:0;bottom:0;margin:auto;width:16px;height:16px;display:block;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.8941 6.77837L8.42357 9.8056C8.24781 10.0203 7.91605 10.0638 7.68241 9.90289C7.64217 9.875 7.60688 9.84257 7.57653 9.8056L5.10598 6.77837C4.93022 6.56367 4.97822 6.25881 5.21186 6.0973C5.30362 6.03438 5.41515 6 5.5295 6L10.4706 6C10.7628 6 11 6.21794 11 6.48648C11 6.59156 10.9626 6.69405 10.8941 6.77837Z" fill="%2301000B"/></svg>');z-index:-1;}
.C{width:calc(100% - 32px);max-width:1280px;margin:auto;}
.pag {display: flex;justify-content: center;align-items: center;margin: 42px 0 0 0;font-size: 14px;gap: 4px;padding: 0 0 64px 0;}
.pag:before {content: '';width: 9px;height: 9px;border: 1.5px solid var(--clr-black);border-radius: 1px 1px 1px;border-top: 0;border-left: 0;position: relative;display: inline-block;transform: rotate(135deg);}
.pag.disabledL:before {opacity: 0;pointer-events: none;}
.pag.disabledR:after {opacity: 0;pointer-events: none;}
.pag > .btnPag {font-family: 'AB';position: relative;cursor: pointer;color: var(--clr-black);border: 0;background: none;padding: 0;font-size: 14px;}
.pag > .pag-num {padding: 2px 4px;border-radius: 4px;cursor: pointer;color: var(--clr--black);text-decoration: none;}
.pag > .pag-num.active {background-color: var(--clr-blue);color: var(--clr-bg);font-family: 'AB';}
.pag > p:first-of-type {margin: 0 8px 0 0;}
.pag > p:last-of-type {margin: 0 0 0 8px;}
.pag:after {content: '';width: 9px;height: 9px;border: 1.5px solid var(--clr-black);border-radius: 1px 1px 1px;border-top: 0;border-left: 0;position: relative;display: inline-block;transform: rotate(-45deg);}
.Breadcrumb {position: absolute;z-index: 1;left: 128px;top: 144px;}
.Breadcrumb > ol {display: inline-flex;align-items: center;gap: 32px;list-style: none;}
.Breadcrumb a {;font-size: 12px;color: var(--clr-bg);text-decoration: none;}
.Breadcrumb > ol li {position: relative;}
.Breadcrumb > ol li:not(:last-of-type):after {content: '';width: 16px;height: 16px;display: block;background-image: url(https://static.s-sfr.fr/assets/pictos/chevron_droite_40_blanc.svg);background-size: cover;position: absolute;top: 4.5px;right: -25px;}
.Breadcrumb.black > ol li:not(:last-of-type):after {background-image: url(https://static.s-sfr.fr/assets/pictos/chevron_droite_40_noir.svg);}
.Breadcrumb > ol li:last-of-type a {font-family: 'AB';pointer-events: none}
.Breadcrumb .return {display: none;}
.Breadcrumb.Alt{position:static;margin:40px auto;width:1280px;max-width:calc(100% - 32px);display:block;}
.Breadcrumb.Alt a{color:var(--clr-lightblack);}
.Breadcrumb.Alt > ol li:not(:last-of-type):after{filter:invert(1);}
.Copyright, .GouvBtn .Copyright{font-size:13px;line-height:23px;color:#767676;font-family:'AR';display:block;}
.MedPopin .Copyright{font-size:16px;line-height:21.42px;margin:0 auto 40px auto;text-align:center;}
.Hero{width:100%;height: 545px;padding: 224px 16px;box-sizing:border-box; background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url('https://static.s-sfr.fr/test1.png'), lightgray 0px -199.563px / 100% 187.913% no-repeat; background-size:cover;background-position:center;}
.Hero > div:first-of-type{max-width: 1280px; width: 100%; margin: auto;position:relative;}
.Hero h2{color: var(--clr-bg); margin:0 0 8px 0;white-space:break-spaces;font-size:40px;}
.Hero p{color:var(--clr-bg);font-size:20px;font-family:'AB';white-space:break-spaces;}
.Hero.Slider{background:none;padding:0;position:relative;}
.Hero.Slider > div{z-index:1;scroll-behavior: smooth;scroll-snap-type: x mandatory; white-space: nowrap;display:flex;overflow-x:scroll;-ms-overflow-style: none;overflow: -moz-scrollbars-none;position:relative;width:100%;max-width:none;scrollbar-width: none;}
.Hero.Slider > div .homeSli{height: 545px;position:relative;width:100%;max-width:none;background-position: center;scroll-snap-align: start;flex:0 0 100%;display: flex;align-items: center;}
.Hero.Slider > div .homeSli > div{max-width:calc(100% - 72px);margin:auto;width:1280px;padding:0 120px 0 0;}
.Hero.Slider > div .homeSli > div > a{margin:40px 0 0 0;bottom:80px;position:absolute;}
.Hero.Slider nav.descNav{position:absolute;display:flex;gap:24px;top:25px;bottom:0;right:0;margin:auto;height:fit-content;z-index:2;align-items:center;}
.Hero.Slider nav.descNav > div{cursor:pointer;}
.Hero.Slider nav.descNav > .R img{transform:rotate(180deg);}
.Hero.Slider nav.descNav > button{background:none;padding:0;margin:0;border:0;}
.Hero.Slider .shCut{display:flex;gap:40px;position:absolute;right:0;bottom:-50px;justify-content:flex-end;padding:0;z-index:1;}
.Hero.Slider .shCut > div{border-radius: 16px; width: 290px; padding: 16px; box-sizing: border-box;position:relative;transition: all .2s;background:var(--clr-bg);border:2px solid var(--clr-black);}
.Hero.Slider .shCut > div:hover{background:var(--clr-black);border:2px solid var(--clr-black);} 
.Hero.Slider .shCut > div:hover a{color:var(--clr-bg);}
.Hero.Slider > div::-webkit-scrollbar { display:none;}
.Hero.Slider .shCut > div > div{border-radius: 50%; background-color: var(--clr-bg); padding: 8px;width:48px;height:48px;margin:0 0 24px 0;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--clr-black);}
.Hero.Slider .shCut > div:hover > div{border:2px solid var(--clr-bg);background:var(--clr-black);}
.Hero.Slider .shCut > div:hover > div img{filter:invert(1)}
.Hero.Slider .shCut a{font-size:20px;text-decoration:none;font-family:'AB';color:var(--clr-black);}
.Hero.Slider .shCut a:after{content:'';top:0;left:0;position:absolute;width:100%;height:100%;}
.Hero.Slider > span{position: absolute; width: calc(100% - 32px); top: 0; left: 0; height: 545px; max-width: 1280px; right: 0; margin: auto;}

.Rs{margin:0 auto; padding:60px 0;}
.Rs > .C > div{margin:40px 0;display:flex;gap:40px}

.BlueGrad{background:var(--clr-aqua);position:relative;}
.BlueGrad h2{font-size:40px;color:var(--clr-black);}
.BlueGrad span{font-size:30px;color:var(--clr-black);font-family:'AB';}
.BlueGrad:before{content: ''; position: absolute; top: 0; left:0;background-size:cover;background-position:center;width:50%;height:100%;}
.BlueGrad > div{margin:auto;max-width:1280px;width:calc(100% - 32px);display:flex;}
.BlueGrad > div > .R{padding:120px 0 120px 40px;position:relative;width:50%;margin:0 0 0 auto;}
.BlueGrad > div > .R:before{content:'';background: linear-gradient(270deg, var(--clr-aqua) 0%, rgba(36, 217, 195, 0.00) 100%, var(--clr-aqua) 100%);position:absolute;left:-50%;top:0;height:100%;width:51%;}
.BlueGrad > div > .R a{margin: 24px 0 0 0;display: block;width: fit-content;}
.BlueGrad > div > .R a:hover{color:var(--clr-bg);border-color:var(--clr-black);}
.BlueGrad > div > .R a:before{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.7504 12.0003C21.7504 12.1992 21.6714 12.39 21.5307 12.5306L15.1778 18.8836C14.8849 19.1765 14.41 19.1765 14.1171 18.8836C13.8242 18.5907 13.8242 18.1158 14.1171 17.8229L19.1897 12.7503L3.00037 12.7503C2.58615 12.7503 2.25037 12.4145 2.25037 12.0003C2.25037 11.5861 2.58615 11.2503 3.00037 11.2503L19.1897 11.2503L14.1171 6.1778C13.8242 5.8849 13.8242 5.41003 14.1171 5.11714C14.41 4.82424 14.8848 4.82424 15.1777 5.11713L21.5307 11.47C21.6713 11.6106 21.7504 11.8014 21.7504 12.0003Z" fill="%2301000B"/></svg>');}

.Btimg h2{flex-basis: 100%;}
.Btimg > div{margin: 60px auto; display: flex; flex-wrap: wrap; gap: 40px;color:var(--clr-black);align-items:flex-end;}
.Btimg div > div:first-of-type {display:flex;flex-direction:column;gap:40px; width:calc(30% - 20px);}
.Btimg div > div:last-of-type{width:calc(70% - 20px);border-radius:16px;background-size: cover;background-position: center;height:410px;}

.ImgLink{margin:60px auto;display:flex;flex-wrap:wrap; gap:40px;}
.ImgLink > h2{flex-basis: 100%;}
.ImgLink h3{color:var(--clr-bg);}
.ImgLink > div{width:100%;border-radius: 16px; color:#fff;padding:40px;height:410px;display:flex;justify-content:flex-end;align-items:flex-end;position:relative;}

.searchF {display: flex;gap: 24px;align-items: center;margin:32px 0 52px 0;}
.searchBar {position: relative;width: 50%;}
.searchBar:before {content: '';display: block;width: 24px;height: 24px;position: absolute;background-image: url(https://static.s-sfr.fr/assets/pictos/rechercher_40_noir.svg);background-size: contain;background-position: center;left: 16px;top: 0;bottom: 0;margin: auto;}
.searchBar > input[type="text"] {padding: 12px 0 12px 56px;width: 100%;border: 1px solid var(--clr-black);border-radius: 32px;background: var(--clr-bg);}
.FastAcc {margin: 0 0 24px 0;}
.FastAcc h2 {margin: 40px 0;font-size: 20px;}
.FastAcc > div {display: flex;gap: 40px;flex-wrap: wrap;scroll-snap-type: x mandatory;scroll-behavior: smooth;}
.FastAcc > div > div {border-radius: 8px;width:180px;height: 80px;padding: 16px;box-sizing: border-box;display: flex;align-items: center;gap: 16px;cursor: pointer;position: relative;background-color:var(--clr-bg2);scroll-snap-align:start;max-width:215px;transition:all .3s;}
.FastAcc > div > div:hover{background-color:var(--clr-black);}
.FastAcc > div > div:hover a{color:var(--clr-bg);}
.FastAcc > div > div > div {border-radius: 50%;background-color: var(--clr-bg);padding: 8px;display: flex;}
.FastAcc > div > div > div img{width:32px;height:auto;}
.FastAcc > div > div a {font-family: 'AB';font-size: 14px;text-decoration: none;color: var(--clr-black);}
.FastAcc > div > div a:after {content: '';left: 0;top: 0;width: 100%;height: 80px;display: block;position: absolute;}
.FastAcc > nav{justify-content:flex-end;gap:40px;margin:24px 0 0 0;display:none;}
.FastAcc > nav img{cursor:pointer;}
.FastAcc > nav img[disabled]{opacity:.5;}
.searchRes{margin:50px 0 0 0;}
.searchRes > div:first-of-type {display: flex;justify-content: space-between;align-items: center;}
.searchRes h2 {font-size: 24px;}
.searchRes .orderRes {position: relative;}
.searchRes .orderRes select {margin: 0 16px 0 24px;font-family: 'AB';color: var(--clr-blue);cursor: pointer;border: 0;background: none;padding: 0;position: relative;}
.searchRes .orderRes:after {content: '';position: absolute;right: 0;top: 0;bottom: 0;margin: auto;width: 16px;height: 16px;display: block;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.8941 6.77837L8.42357 9.8056C8.24781 10.0203 7.91605 10.0638 7.68241 9.90289C7.64217 9.875 7.60688 9.84257 7.57653 9.8056L5.10598 6.77837C4.93022 6.56367 4.97822 6.25881 5.21186 6.0973C5.30362 6.03438 5.41515 6 5.5295 6L10.4706 6C10.7628 6 11 6.21794 11 6.48648C11 6.59156 10.9626 6.69405 10.8941 6.77837Z" fill="%233919FF"/></svg>');}
.searchRes .orderRes select:focus-visible {border: 0;}
.Result {display: flex;gap: 16px 40px;margin: 40px 0 0 0;flex-wrap: wrap;}
.Result article {width: calc(50% - 20px);border-radius: 8px;background: var(--clr-bg);box-shadow: 0px 4px 16px 0px rgba(0, 40, 113, 0.12);display: flex;overflow: hidden;justify-content:space-between;}
.Result article > .L {height: 100%;width: 30%;display:flex;align-items: center;justify-content: center;}
.Result article > .L img{min-height: 100%;width: 137px;object-fit: cover;min-width: 70px;}
.Result article > .L picture{width: 137px;height:100%;}
.Result article > .R {padding: 16px;width: 100%;gap:16px;display: flex;flex-direction: column;}
.Result article > .R > div {width: 100%;display: flex;align-items: center;justify-content: space-between;font-size: 12px;}
.Result article > .R h2{font-size:14px;}
.Result article h2 a {font-size: 14px;font-family: 'AB';text-decoration: none;color: var(--clr-black);line-height: normal;}
.noArticle {font-size: 18px;margin: 48px auto 0 auto;}

.Medias{display:grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); grid-gap: 40px;margin:120px auto 64px auto;}
.Medias h2{grid-column-start: 1; grid-column-end: -1;font-size:20px;}
.Medias button{height: fit-content;justify-content: center;cursor: pointer;padding: 0;display: flex;border: 0;background: none;align-items: center;grid-gap: 16px;flex-direction: column;}
.Medias button img, .PopinCl img{max-width:290px;max-height:290px;border-radius:16px;border:1px solid var(--clr-grey3);object-fit:contain;width:100%;height:100%;margin:auto;}
.Medias button:hover img{box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .3s;}
.MedPopin{position: fixed;z-index: 999;backdrop-filter: blur(8px);top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);margin: 0;border: 0;width: 100%;height: 100vh;max-width: none;max-height: none;box-sizing: border-box;align-items: center;justify-content: center;}
.MedPopin[open]{display:flex;}
.MedPopin > div{max-width: 1280px;width: 100%;margin: auto;background: #fff;position: relative;}
.MedPopin::backdrop{background: rgba(60, 60, 60, 0.8);backdrop-filter: blur(8px)}
.MedPopin .T{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;}
.MedPopin .T p{font-size:30px;color:var(--clr-black);font-family:'AB';}
.MedPopin #ClosePopin{position:static;border:0;background:transparent;cursor:pointer;}
.PopinCl{position:absolute;border:0;background:transparent;cursor:pointer;top:24px;right:24px;}
.MedPopin #ClosePopin img, .PopinCl img{width:32px;height:32px;}
.MedPopin > div > img{max-height:50vh;max-width:calc(100% - 32px);margin:40px auto 20px auto;display:block;}
.MedPopin .B{display:flex;align-items:center; justify-content:center;gap:40px;background:var(--clr-bg2);padding:40px 0;}

.GouvTop{padding:60px 0;}
.GouvTop + .Cgouv .Gouv{padding-top:0;}
.GouvTop > p{font-family: 'AB';line-height: normal;margin: 0;color: var(--clr-lightblack);font-size: 30px;}
.Gouv{margin:0 auto;padding:60px 0; display:flex;flex-wrap:wrap;gap:40px;}
.Gouv + .btn1{margin:0 auto 80px auto;display: block;width: fit-content;}
.GouvBtn{background:transparent;border:0;cursor:pointer;max-width:290px;height:fit-content;width:calc(25% - 30px);}
.GouvBtn > div{height:290px;border-radius:16px;background-size:100%;background-position:center;transition:all .3s;background-size:cover;}
.GouvBtn h3, .Popin .L h3{color:var(--clr-black);font-family:'AB';font-size:20px;line-height:24px;margin:24px 0 8px 0;}
.GouvBtn:hover > div{box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .3s;}
.GouvBtn span, .Popin .L span{color:var(--clr-black);font-size:16px;line-height:21.42px;font-family:'AR';}
.Popin{position: fixed; z-index: 999;backdrop-filter:blur(8px); top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8);margin:0;border:0;width:100%;height:100vh;max-width:none;max-height:none;box-sizing:border-box;align-items:center;justify-content:center;}
.Popin::backdrop {background: rgba(60, 60, 60, 0.8);backdrop-filter: blur(8px);}
.Popin .L img{width:290px;height:290px;object-fit:cover;border-radius:16px;}
.Popin .L p{font-family:'AB';font-size:20px;margin:16px 0 0 0;}
.Popin .L .copyright{font-size: 13px;line-height: 23px;color: #767676;font-family: 'AR';margin:0;}
.Popin[open]{display:flex;}
.Popin > div{max-width:1280px;width:100%;margin:auto;background:#fff;padding:60px;gap:40px;display:flex;max-height:78%;overflow-y:scroll;position:relative;}
.Popin > div::-webkit-scrollbar{display:none;}
.Popin .L{width:290px;text-align:center;}
.Popin .R {display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;flex:1;}
.Popin .R p{width:100%;}
.Popin .R p:not(:last-of-type){margin:0 0 16px 0;}
.Popin .R a{width:fit-content;}
.Popin ul{padding: 0 0 24px 24px;}
.Articles {max-width: 1280px;width: calc(100% - 32px);margin: auto;padding: 40px 0 64px 0;}
.Articles > .artTop {display: flex;align-items: center;gap: 24px;flex-wrap: wrap;}
.Articles > .artTop p {font-size: 20px;font-family: 'AB';margin: 0 16px 0 0;}
.Articles .Result article{flex-direction:column;padding:16px;gap:16px}
.Articles .Result article h2{line-height:0;}
.Articles .Result article h2 + div{min-height:24px;}
.Articles .Result article .T{display:flex;justify-content:space-between;}
.Articles > nav.B {display: flex;justify-content: center;align-items: center;margin: 42px 0 0 0;font-size: 14px;gap: 4px;}
.Articles > nav.B > button {font-family: 'AB';position: relative;cursor: pointer;background: none;padding: 0;border: 0;font-size: 14px;}
.Articles > nav.B > button:after {content: '';width: calc(100% + 18px);height: 28px;position: absolute;z-index: 2;top: 0;bottom: 0;margin: auto;}
.Articles > nav.B > button:first-of-type {margin: 0 8px 0 0;}
.Articles > nav.B > button:first-of-type:after {right: 0;}
.Articles > nav.B:before {content: '';width: 9px;height: 9px;border: 1.5px solid var(--clr-black);border-radius: 1px 1px 1px;border-top: 0;border-left: 0;position: relative;display: inline-block;transform: rotate(135deg);}
.Articles > nav.B > button:last-of-type {margin: 0 0 0 8px;}
.Articles > nav.B > button:last-of-type:after {left: 0;}
.Articles > nav.B:after {content: '';width: 9px;height: 9px;border: 1.5px solid var(--clr-black);border-radius: 1px 1px 1px;border-top: 0;border-left: 0;position: relative;display: inline-block;transform: rotate(-45deg);}
.Articles > nav.B > span {padding: 2px 4px;border-radius: 4px;cursor: pointer;}
.Articles > nav.B > span.active {background-color: var(--clr-blue);color: var(--clr-bg);font-family: 'AB';}
.Articles > nav.B.disabled:before {opacity: 0;pointer-events: none;}
.Articles > nav.B.disabled:after {opacity: 0;pointer-events: none;}
.HeroBanner{width: 100%;min-height: 545px;display:flex;box-sizing: border-box;}
.HeroBanner .Breadcrumb {position: static;margin:16px 0 64px 0;}
.HeroBanner > div:first-of-type {max-width: 1280px;width: calc(100% - 32px);margin: 121px auto auto auto;position: relative;}
.HeroBanner h1 {color: #FFF;margin: 0 0 8px 0;white-space: break-spaces;}
.HeroBanner p {color: #FFF;font-size: 20px;font-family: 'AB';white-space: break-spaces;}
.HeroBanner + .Icp{padding: 24px 60px;margin: 60px auto;border-radius: 0 0 16px 16px;border: none;background-color: #fff;}
.TextImg .C{margin:0 auto 0 auto;padding:60px 0;display:flex;gap:70px;flex-wrap:wrap;}
.TextImg .C > div{flex:1;}
.TextImg .C > div > strong{font-size:20px;}
.TextImg p + p, .Txtsli p + p{margin:20px 0 0 0;}
/* .TextImg img{object-fit:cover;width:100%;} */
.TextImg .L{min-width:50%;position:relative;}
.TextImg .L img{border-radius:16px;max-width:100%;max-height:500px;}
.TextImg .L.right{order:2;}
.TextImg .R > .subt{color:var(--clr-lightblack);font-size:30px;margin:0 0 20px 0;font-family:'AB';display:block;line-height:normal;}
.TextImg .R .btn1:hover{color:var(--clr-bg);}
.TextImg .R > h2 + p{margin:40px 0 0 0;}
.TextImg .R a{color:var(--clr-lightblack);font-family:'AB';}
.TextImg .R ul, .TextImg .R ol, .Txtsli ul, .Txtsli ol{list-style-position:outside;margin:20px 0 20px 24px;}
.TextImg > .C .btC{flex:100%;display:flex;align-items:center;justify-content:center;gap:24px;order:3;}

.HeroBanner + .Kpi{padding:120px 0;}
.Kpi{padding:60px 0;display: flex;justify-content: center;}
.Kpi + .Kpi{padding:0 0 120px 0;}
.Kpi .C > p{font-size:30px;font-family:'AB';margin: 0 0 20px 0;line-height:normal;}
.Kpi .C > div:first-child{margin:0;}
.Kpi .C > div{margin:60px 0 0 0;display:flex;flex-wrap:wrap;gap:70px 24px;}
.Kpi .chiffre{display:flex;flex-direction:column;align-items:center;flex:calc(25% - 18px);position:relative;padding:40px 0 0 0;}
.Kpi .chiffre p{font-family:'AB';line-height:normal;font-size:20px;text-align:center;margin:0;}
.Kpi .chiffre .tp{position:absolute;bottom:calc(100% - 40px);}
.Kpi .chiffre .nbr{font-size:90px;position:relative;}
.Kpi .chiffre .nbr .kpre {position:absolute;font-size:15px;line-height:20px;margin: auto;right: calc(100% + 8px);top:24px;}
.Kpi .chiffre .nbr span{font-size:40px;}
.Kpi .chiffre .subT{font-size:40px;}
.Kpi .chiffre .ssubT{font-size:30px;}

.ArtTxt{padding:60px 0;}
.TextImg + .C.ArtTxt{border:0;padding:0;margin:120px auto;}
/* .ArtTxt:not(:first-of-type){border-top:1px solid var(--clr-grey2);} */
.ArtTxt h3{margin:0 0 20px 0;}
.ArtTxt > p{margin:0 0 20px 0;font-size:16px;}

.TiroirTxt{padding:60px 0;}
.TiroirTxt > .C{display:flex;justify-content:center;flex-direction: column;}
.TiroirTxt h2{margin:0 0 8px 0;font-size:40px;}
.TiroirTxt h3{margin: 0 0 80px 0;}
.TiroirTxt h2 + div{margin: 72px 0 0 0;}
.TiroirTxt .C > div + div{margin:120px 0 0 0;}
.TiroirTxt .C > div + h3{margin:120px 0 0 0;}
.TiroirTxt .C > div{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap: 70px;}
.TiroirTxt .C > div:not(:last-of-type){border-bottom:1px solid var(--clr-grey2);padding:0 0 80px 0;}
.TiroirTxt .TextImg:fisrt-of-type .C{padding:0 0 60px 0;}
.Tir{display:flex;flex-direction:column;gap:20px;padding:0 0 56px 0;}
.Tir .T{display:flex;justify-content:space-between;align-items:center;}
.Tir .T h4{color:#3C3C3C;font-family:'AB';font-size:30px;}
.Tir .T .haut, .Tir .T .undefined{height:70px;}
.Tir .T .long{width:70px;}
.Tir.Grande .T .haut, .Tir.Grande .T .undefined{height:140px;}
.Tir.Grande .T .long{width:140px;}
.Tir .B{position:relative;cursor:pointer;}
.Tir .B summary{list-style: none;}
.Tir .B summary::-webkit-details-marker{display: none;}
.Tir .B summary span{position:absolute;left:0;right:0;bottom:-60px;margin:auto;width:fit-content;}
.Tir .B summary span.opened{display:none;}
.Tir .B summary span.closed{display:block;}
.Tir .B[open] summary span.opened{display:block;}
.Tir .B[open] summary span.closed{display:none;}
.Tir .B summary span:after {content: '';width: 8px;height: 8px;border: 2px solid var(--clr-blue);border-radius: 1px;border-top: 0;border-left: 0;position: absolute;top: 5px;right: -16px;transform: rotate(45deg);}
.Tir .B[open] summary span:after {top: 10px;transform: rotate(-135deg);}
.Tir .B summary > p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.Tir .B[open] summary > p{-webkit-line-clamp: unset;overflow: unset;text-overflow: unset;-webkit-box-orient: unset;display: block;}
.Tir .B a{color:var(--clr-lightblack);font-family:'AB';left:0;bottom:-32px;position:absolute;}

.Video{padding:120px 0;}
.Video > .C > p{font-size:30px;font-family:'AB';line-height:normal;margin:0 0 20px 0;}
.Video video, .Video iframe{width:100%;max-height:864px;margin:60px 0 0 0;}
.descV{position:relative;padding: 24px 0;}
.VoirPlus{color:var(--clr-blue);font-size:12px;text-align:center;font-family:'AB';cursor:pointer;}
.VoirPlus summary{list-style:none;position:relative;margin:auto;width:fit-content;}
.VoirPlus summary span{color:var(--clr-blue);}
.VoirPlus summary::-webkit-details-marker{display:none;}
.VoirPlus summary:after{content:'';width:8px;height:8px;border:2px solid var(--clr-blue);border-radius:1px;border-top:0;border-left:0;position:absolute;top:5px;right:-16px;transform:rotate(45deg);}
.VoirPlus[open] summary:after{top:10px;transform:rotate(-135deg);}
.VoirPlus > p{max-width:calc(100% - 32px);text-align:left;margin:auto;}
.VoirPlus .opened{display:none;}
.VoirPlus[open] .opened{display:block;}
.VoirPlus .closed{display:block;}
.VoirPlus[open] .closed{display:none;}

.Slider:not(.Hero){display: flex; flex-wrap: nowrap;gap:40px;scroll-snap-type: x mandatory;overflow-x:scroll;-ms-overflow-style: none; overflow: -moz-scrollbars-none;min-width:100vw;padding: 0 20vw 0 0;transition:all.3s;scroll-behavior:smooth;}
.Slider::-webkit-scrollbar{width: 0;}
.Slider:not(.Hero) > div{padding:24px;min-width: 290px;height:400px;align-items: flex-end; gap: 24px;background-size:cover;color:var(--clr-bg);display:flex;border-radius:16px;scroll-snap-align: start;position:relative;}
.Slider:not(.Hero) > div a{font-size:20px;color:var(--clr-bg);text-decoration:none;font-family:'AB';}
.Slider:not(.Hero) > div a:before{content:'';top:0;left:0;right:0;bottom:0;position:absolute;}
.Slider:not(.Hero) + nav{margin:32px 0 0 0;}
.Slider:not(.Hero) + nav button{margin:0;padding:0;border:0;background:none;cursor:pointer;}
.Txtsli > div{display: flex; margin: auto; padding: 60px 0; gap: 40px;}
.Txtsli .L{flex:35%;}
.Txtsli h2 + p.sstitre {color: var(--clr-lightblack);font-size: 24px;font-family: 'AB';margin: 0 0 20px 0;display: block;line-height: normal;}
.Txtsli .L h2{margin:0 0 10px 0;font-size:30px;}
.Txtsli .R{flex:60%;overflow:hidden;}
.Txtsli .Slider{padding: 0 90vw 0 0;}
.Txtsli .L > .subt{font-family:'AB';font-size:20px;color:var(--clr-lightblack);margin:0 0 30px 0;display:block;} 
.Txtsli nav{display: flex; gap: 40px; justify-content: flex-end;}
.Txtsli nav > img {width: 48px;cursor:pointer;}
.Txtsli > .C{flex-wrap:wrap;}
.Txtsli .C > h2{flex:100%;}

.RichImg{background-color:var(--clr-bg2);position:relative;display:flex;}
.RichImg > div{max-width:calc(100% - 32px);margin:0 auto;width:1280px;display: flex;justify-content: space-between;}
.RichImg > div > div{width:calc(50% - 40px);padding:120px 0;}
.RichImg > div > div .sub{font-size:30px;font-family:'AB';color:var(--clr-lightblack);}
.RichImg > div > div h2{margin:0 0 10px 0;font-size:40px;}
.RichImg > div > div > p{font-family: 'AB';line-height: normal;margin: 0;font-size: 30px;}
.RichImg > div > div .rich{margin:50px 0 0 0;}
.RichImg > div > div .rich strong, .RichImg > div > div .rich ul, .RichImg > div > div .rich h4{margin:16px 0;display:block;}
.RichImg > div > div .rich ul{margin:40px 0 0 24px;list-style-position:outside;}
.RichImg > div > div .rich a:not([class^="btn"]){font-family:'AB';text-decoration:underline;}
.RichImg > div > div .rich b, .RichImg > div > div .rich p, .RichImg > div > div .rich li{font-size:16px;}
.RichImg > div > div .somm{list-style-position:outside;margin:120px 0 0 24px;}
.RichImg > div > div .somm a:not([class^="btn"]){font-size:20px;color:var(--clr-lightblack);font-family:'AB';text-decoration:none;}
.RichImg > div > div .somm a:not([class^="btn"]):hover{text-decoration:underline;}
.RichImg > div > div .somm a[class^="btn"]{font-size:14px;}
.RichImg > div > div .somm a[class^="btn"]:not(:last-child){margin:0 0 50px 0;}
.RichImg > div > div .somm li:not(:last-child){margin:0 0 20px 0;}
.RichImg.left:before{right:unset;left:0;}
.RichImg.left > div > div{margin:0 0 0 auto;}
.RichImg:before{content:'';position:absolute;right:0;top:0;height:100%;width:50%;background-position:center;}

.TiroirTxt > h3 + div{margin:120px 0 16px 0;}

.Vid .VoirPlus{position:absolute;left:0;right:0;bottom:-32px;width:fit-content;margin:auto;}
.Vid .VoirPlus:before{content:'';width:8px;height:8px;border:2px solid var(--clr-blue);border-radius:1px;border-top:0;border-left:0;position:absolute;top:5px;right:-16px;transform:rotate(45deg);}
.Vid details[open] .VoirPlus:before{transform: rotate(225deg);top: 9px;}
.Vid .ArtCard .T{padding:56.25% 0 0 0;position:relative;border: 1px solid var(--clr-grey2);}
.Vid .ArtCard .T:before{content:'';top:0;bottom:0;left:0;right:0;margin:auto;position:absolute;width:40px;height:50px;background:url('data:image/svg+xml,<svg width="40" height="50" viewBox="0 0 40 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.69 25.0001L4.16055 5.28164L4.16055 44.7184L34.69 25.0001ZM38.7429 27.2969C40.419 26.2144 40.419 23.7859 38.7429 22.7034L4.29035 0.450949C2.44547 -0.740634 0 0.568509 0 2.74772L0 47.2523C0 49.4315 2.44545 50.7406 4.29034 49.5491L38.7429 27.2969Z" fill="white"/></svg>');}
.Vid .ArtCard .T.nopic:before{display:none;}
.Vid.LastAc .C > details{position:relative;}
.Vid.LastAc .C > details > summary{list-style:none;-webkit-appearance:none;}
.Vid.LastAc .C > details > summary::-webkit-details-marker{display: none;}
.Vid.LastAc .C > details > div, .Vid.LastAc .C > details > summary > div{display:flex;justify-content: center;gap: 40px; padding: 40px 0 0 0;flex-wrap:wrap;}

.Vid.LastAc .btn1.fleche{margin:40px auto 0 auto;}
.LastAc{padding:60px 0;}
.LastAc > div > div{display: flex;gap: 40px;padding: 40px 0;flex-wrap: wrap;justify-content: center;}
.LastAc .btn1.fleche{margin:auto;width:fit-content;display:block;}
.ArtCard{position: relative;display:flex;flex-direction:column;flex:1;min-width:400px;max-width:400px;}
.ArtCard .T{height: 166px; width: 100%; border-radius: 16px 16px 0 0; display: flex; justify-content: center; align-items: center; background: #000 url('https://static.s-sfr.fr/AlticeFrance/images/big-icon.png') 50% / contain no-repeat;background-position:center;}
.ArtCard .B {flex:1; padding: 16px;border-radius: 0 0 16px 16px; border-color: var(--clr-grey2); border-style: solid; border-width: 0 1px 1px 1px; }
.ArtCard .B > a{font-size:16px;font-family:'AB';color:var(--clr-lightblack);text-decoration:none;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: ellipsis;overflow:hidden;line-height: 21.42px;}
.ArtCard .B > a:before{content:'';position:absolute;left:0;right:0;top:0;height:100%;}
.ArtCard .B> div{display: flex; justify-content: space-between; align-items: center; margin: 0 0 16px 0;}
.ArtCard .B> div .fdate{color:#000;font-size:14px;}

.Partenaires{padding:120px 0;background:var(--clr-bg2);}
.Partenaires .C > div{margin:80px auto 0 auto;display:flex;gap:24px;justify-content:center;flex-wrap:wrap;align-items:center;}
.Partenaires .C > div img{max-width:150px;}

.Table{display:flex;gap:50px;padding:60px 0;}
.Table ul{list-style-position:inside; margin:0 0 20px 0;}
.Table .L{flex:1;}
.Table > .L .subt{font-size: 30px;font-family: 'AB';line-height: normal;margin: 0 0 20px 0;display:block;}
.Table > .L .btn1{margin:50px 0 0 0;}
.Table > .R {display: flex;justify-content: center;flex:1;scrollbar-width: none;-ms-overflow-style: none;}
.Table > .R::-webkit-scrollbar {display: none;}
.Table > .R .TableContainer {display: table;width: 100%;border-collapse: separate; border-spacing: 0 8px;}
.Table > .R .Row {display: table-row;background:var(--clr-bg2);border-radius:30px;}
.Table > .R .Cell {display: table-cell;vertical-align:middle;font-size:16px;font-family:'AR';}
.Table > .R .Row .Cell:first-child {border-top-left-radius: 30px;border-bottom-left-radius: 30px;padding:0 0 0 24px;}
.Table > .R .Row .Cell:last-child {border-top-right-radius: 30px;border-bottom-right-radius: 30px;padding:0 24px 0 0;}
.Table > .R .Row .Cell:not(:first-child) span{justify-content:center;}
.Table > .R .Row .Cell span{min-height: 60px;min-width:112px;display: flex;align-items: center;padding: 8px 0;}
.Table > .R .Row .Cell span:empty{display:none}
.Table > .R .Row.Header .Cell:first-child{background:var(--clr-bg);}
.Table > .R .Row.Header .Cell:nth-child(2){border-top-left-radius: 30px;border-bottom-left-radius: 30px;padding:0 0 0 24px;}
.Table > .R .Row.Header .Cell:not(:last-child){margin:0 20px 0 0;}
.Table > .R .Total {background:var(--clr-black);}
.Table > .R .Total span{color:var(--clr-bg);font-family:'AB';}
.Table + nav{display:none;}
#Recherche{min-height:auto;}
#Recherche > .B{margin:auto auto 50px auto;}
.Tcp{padding:40px 0 80px 0;text-align:center;}
.Tcp .T{display:flex;justify-content:space-between;align-items:center;}
.Tcp .T img{height:111px;}
.Tcp > span{font-size:30px;font-family:'AB';margin:4px 0 0 0;display:block;}
.Icp{padding:24px 0;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--clr-grey2);border-width: 1px 0;max-width:1280px;width:calc(100% - 32px);margin:120px auto 40px auto;}
.Icp .L, .Icp .R{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.Icp .L > img{height:45px;}
.Icp:last-of-type{border:0;padding:0;margin:80px auto 40px auto;}
.Icp .L .artType{font-size:12px;}
.Icp .R{position:relative;}
.Icp details summary{list-style:none;-webkit-appearance:none; -webkit-appearance: none;appearance: none;display: flex;align-items: center;}
.Icp details summary::-webkit-details-marker {display: none;}
.Icp .sharePopin{position: absolute; padding: 12px; background: #fff; display: flex; flex-direction: column; gap: 10px;border-radius:4px;box-shadow: 0px 0px 10px 0px rgba(120, 120, 120, 0.15);right:0px;top:40px;z-index:5;}
.Icp .sharePopin:before{content:'';position: absolute; top: -23px; right: 12px; border-width: 12px; border-style: solid; border-color: #fff transparent transparent transparent;transform:rotate(180deg);filter: drop-shadow(0px 0px -10px rgba(120, 120, 120, 0.15));}
.Icp .sharePopin a, .sharePopin p{color:var(--clr-black);text-decoration:none;font-size:14px;display: flex;gap: 8px;}
.Icp .sharePopin a svg, .sharePopin p svg{width:24px;}
.Icp .share{font-size:12px;font-family:'AB';color:var(--clr-back);text-decoration:none;display:flex;gap:4px;align-items:center;cursor:pointer;}
.Icp .share img{width:16px;}
.TR{padding:20px 0;display:flex;flex-direction:column;gap:16px}
.TR ul, .TR ol{margin:0 0 0 24px;}
.TR a{color:var(--clr-blue);}
.TR img + span{font-family: 'AI'; font-size: 14px;color: var(--clr-black);text-align: center;}
.TR a, .TR b, .TR strong, .TR li, .TR p, .TR i{font-size:14px;}
.TR b, .TR strong, .TR li, .TR p{color:#000;}
.TR a b, .TR a strong{color:var(--clr-blue);}
.TR img{max-width:100%;border-radius:16px;width:fit-content;margin:auto;display:block;max-height:600px;}
.TR img.fullw{width:100%;max-height:none;}
.TR.DI{display:flex;gap:80px;flex-direction:row;}
.TR.DI img{;width:calc(50% - 40px);}
.TR.AP{padding:60px;}
.TR h2{font-size: 30px;margin: 20px 0 0px 0;}
.C.TR.AP i{t-size: 14px;line-height: normal;padding-bottom: 14px;}
.TR a, .TR b, .TR strong, .TR li, .TR p, .TR i {font-size: 16px;margin: 0 0 10px 0;text-align: justify;}
.BlocCta{padding:60px 0;}
.BlocCta > .C{display:flex;gap:24px;justify-content:center;align-items:center;}
.Title .sstitre{color: var(--clr-lightblack);font-size: 30px;font-family: 'AB';margin: 0 0 20px 0;display: block;line-height: normal;}
.Title .C.right{text-align:end;}
.Icp .L > p{font-size:12px;}
#CopyButton{cursor:pointer;}
#CP{background-color: var(--clr-bg2);}
#CP .Icp {padding: 24px 60px;margin: 0 auto 60px auto;border-radius: 0 0 16px 16px;border: none;background-color: #fff;}
#CP section.Icp + script + .TR, #CP section.Icp + script + .Tcp + .TR{border-radius: 16px 16px 0 0;background-color: #fff;padding: 60px 60px 0 60px;}
#CP .TR{border-radius : 0px;background-color: #fff;padding: 60px 60px 0 60px;}
#CP .TR + .Title .C{background:#fff;padding:60px 60px 0 60px;}
#CP .TR + .Title .sstitre{margin:0;}
#CP .TR > h2 {font-size: 30px;margin: 20px 0 0px 0;}
#CP .TR a, #CP .TR b, #CP .TR strong, #CP .TR li, #CP .TR p, #CP .TR i {font-size: 16px;margin: 0 0 10px 0;text-align: justify;}
.BTT{position:fixed;bottom:60px;right:0;z-index:100;background:var(--clr-black);padding:20px;gap:24px;display:none;border-radius:16px 0 0 16px;align-items:center;text-decoration:none;}
.BTT img{filter:invert(1);transform:rotate(-90deg);width:20px;}
.BTT p{display:none;font-family:'AB';font-size:16px;color:#fff;}
.BTT:hover p{display:block;}
.BTT.visible{display:flex;}
.Title{padding:60px 0;}
.Title .sstitre{margin:0;}

.TextImg + style + .RichImg {margin-top:60px;}

/*.TextImg + section:has(.C){margin-top:40px;}*/

.TextImg + .Kpi:has(.C){margin-top:0;}

.sep{height: 40px;width: 1px;background: var(--clr-lightblack);}

@media (max-width: 1100px) {
    h1{font-size:50px;}
    h2{font-size:40px;}
    h3{font-size:20px;}
    h4{font-size:16px;}
    header .Hmob{display:block;}
    header a{font-size:14px;}
    header .toggleBurger { display: inline-block; cursor: pointer; }
    header > div > .loop { order: 3; }
    header .loop svg { height: 24px; }
    header .headerLogo img { height: 28px; position:absolute;top:0;bottom:0;margin:auto;}
    header > div > .headerLogo { order: 2; }
    header > div > label{display:block;}
    header > div > nav { position: absolute; top: -500px; z-index: -1; transition: all .3s; background-color: var(--clr-bg); left: 0; width: 100%; padding: 24px 16px; }
    header > div > nav > div { flex-direction: column; gap: 20px; display: flex; align-items: center; justify-content: space-between; font-family: 'AB'; font-size: 20px;}
    header > div > nav > div > div { text-align: center; padding: 0 0 16px 0; width: 100%; border-bottom: 1px solid --clr-grey3; }
    header > div > nav > div > div input:checked ~ .subMenu { max-height: 500px; margin: 16px 0 0 0; transition: all .3s; }
    header > div > input:checked + nav { opacity: 1; top: 76px; z-index:99;}
    header details{display:block;transition:all .3s;width:100%;padding:0 0 16px 0;border-bottom:1px solid --clr-grey3;}
    header details:last-of-type{border-bottom:0;}
    header details:hover summary > a{color:var(--clr-blue);}
    header details > summary { cursor: pointer; list-style: none;position:relative;text-align:center;position:relative;display:block;}
    header details > summary:before{content:'';left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;height:105%;width:100%;z-index:5;}
    header details > summary:after{content: ''; width: 16px; height: 16px; position: absolute; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M10.8941 7.27837L8.42357 10.3056C8.24781 10.5203 7.91605 10.5638 7.68241 10.4029C7.64217 10.375 7.60688 10.3426 7.57653 10.3056L5.10598 7.27837C4.93022 7.06367 4.97822 6.75881 5.21186 6.5973C5.30362 6.53438 5.41515 6.5 5.5295 6.5H10.4706C10.7628 6.5 11 6.71794 11 6.98648C11 7.09156 10.9626 7.19405 10.8941 7.27837Z" fill="%2301000B"/></svg>'); right: 0; top: 0; bottom: 0; margin: auto; transition: all .3s;}
    header details[open] > summary:after{transform: rotate(180deg);}
    header details > summary::-webkit-details-marker {display: none;}
    header .subMenu { position: static; font-size: 14px; padding: 0; gap: 8px;display: flex; flex-direction: column; align-items: center; font-family: 'AR'; margin: 18px 0 0 0;}
    header .subMenu a { font-size: 14px; }
    header .noSubMenu summary:after{display:none;}
    header .Hdesk{display:none;}
    header .noSubMenu{pointer-events:none;}
    header .noSubMenu summary a{pointer-events:all;}
    .EH{background-color:var(--clr-bg);transition:all .2s;transition-delay:.3S;position:relative;}
    .EH .loop svg > path{fill:var(--clr-black)}
    .EH > div{background-color:transparent;transition:all .2s;transition-delay:.3s;}
    .EH.hovered{background-color:var(--clr-bg);}
    .EH img{filter:none;}
    .EH.hovered > div{background-color:var(--clr-bg);}
    header.EH .loop:hover svg > path{fill:var(--clr-bg);transition:all .3s;}
    .EH.hovered .loop svg > path{fill:var(--clr-black);}
    .EH.hovered .loop svg:hover > path{fill:var(--clr-blue)}
    .EH .subMenu{transition:none;}
    .EH div >a{color:var(--clr-bg);}
    .EH.hovered div >a{color:var(--clr-black);}
    footer > .T{flex-direction:column;gap:24px;}
    footer > .T > .footerLogo{text-align:center;}
    footer > .T summary{cursor:pointer;}
    footer > .T summary:after { content: ''; width: 16px; height: 16px; position: absolute; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M10.8941 7.27837L8.42357 10.3056C8.24781 10.5203 7.91605 10.5638 7.68241 10.4029C7.64217 10.375 7.60688 10.3426 7.57653 10.3056L5.10598 7.27837C4.93022 7.06367 4.97822 6.75881 5.21186 6.5973C5.30362 6.53438 5.41515 6.5 5.5295 6.5H10.4706C10.7628 6.5 11 6.71794 11 6.98648C11 7.09156 10.9626 7.19405 10.8941 7.27837Z" fill="%2301000B"/></svg>'); right: 0; top: 0; bottom: 0; margin: auto; transition: all .3s; }
    footer > .T details { padding: 0 0 16px 0; width: 100%; border-bottom: 1px solid var(--clr-grey3); pointer-events:all;}
    footer > .T details summary a{pointer-events:none;}
    footer > .T details[open] summary:after { transform: rotate(180deg); }
    footer > .T .subMenu { position: static; font-size: 14px; padding: 0; opacity: 1; gap: 8px; transition: all .3s;}
    footer > .M > div{gap:24px;flex-wrap:wrap;}
    footer > .M img{height:24px;}
    footer > .B{flex-wrap:wrap;gap:16px; justify-content:flex-start;}
    footer > .B > p{width:100%;}
    
    .Hero p{font-size:16px;}
    .Hero.Slider > div .homeSli{align-items: flex-start;}
    .Hero.Slider > div .homeSli > div{margin:40px auto;}
    .HeroBanner > div:first-of-type{margin:18px auto;}
    
    .BlueGrad h2{font-size:40px;}
    .BlueGrad span{font-size:24px;}
    .BlueGrad > div > .R a{margin: 24px auto 0 auto;}
    
    .ImgLink{flex-direction:column;margin:50px auto;}
    
    .Medias{grid-gap:24px;margin:0 auto 40px auto;}
    .Medias{grid-template-columns: repeat(4, 1fr);grid-gap:16px;}
    
    .Articles > .result article {width: 100%;}
    
    .TextImg .C{gap:40px;padding:48px 0;}
    
    .Kpi{padding:60px 0;}
    .Kpi .C > p{font-size:20px;}
    .Kpi .C > div{margin:40px 0 0 0;}
    .Kpi .chiffre .nbr{font-size:70px;}
    .Kpi .chiffre .nbr span{font-size:32px;}
    .Kpi .chiffre .subT{font-size:32px;}
    .Kpi .chiffre .ssubT{font-size:24px;margin:0;}
    
    .Video{padding:60px 0;}
    .Video video{margin:60px 0 0 0;}
    
    .Txtsli > div{flex-direction:column;gap:24px}
    .Txtsli .L, .Txtsli .R{flex:100%;}
    .slider{gap:16px}
    .slider > div{min-width:213px;height:294px;}
    .slider + nav{margin:24px 0 0 0;}
    
    .RichImg > div > div{width:100%;padding:50px 0;}
    .RichImg:before{position: static;display: block;width: 100%;padding: 56.25% 0 0 0;height: unset;}
    
    .LastAc > div{grid-template-columns:repeat(2, 1fr);}
    .ArtCard{position: relative;}
    .ArtCard .T, .Vid .ArtCard .T{height: 166px; width: 100%; display: flex; justify-content: center; align-items: center; }
    .ArtCard .T a:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
    .ArtCard .B { padding: 16px; border-color: var(--clr-grey2); border-style: solid; border-width: 0 1px 1px 1px;}
    .ArtCard .B > p{font-size:16px;font-family:'AB';}
    .ArtCard .B> div{display: flex; justify-content: space-between; align-items: center; margin: 0 0 16px 0;}
    
    .TiroirTxt{margin:50px auto;}
    .TiroirTxt > div:not(:last-of-type){padding:0 0 40px 0;}
    .TiroirTxt > div + h3{margin:60px 0 0 0;}
    .TiroirTxt > h3 + div{margin:60px 0 16px 0;}
    .ArtTxt{padding:50px 0;}
    
    .GouvTop{padding:30px 0;}
    .GouvBtn:hover > div{box-shadow: unset;background-size:cover;}
    
    .Breadcrumb > ol{display:none;}
    .Breadcrumb .return{display:block;position:relative;}
    .Breadcrumb .return:before {content: '';width: 9px;height: 9px;border: 1.5px solid #fff;border-radius: 1px 1px 1px;border-top: 0;border-left: 0;position: relative;display: inline-block;transform: rotate(135deg);top: 1px;margin: 0 8px 0 0;}
    .Breadcrumb.Alt .return:before{filter:invert(1);}
    .Breadcrumb.Alt{margin:24px auto;}
    
    .Popin > div{flex-direction:column;justify-content:flex-start;align-items:center;}
    .RichImg > div > div .somm{margin:60px 0 0 16px;}
    .RichImg > div > div h2{font-size:40px;}
    .RichImg > div > div > p{font-size:20px;}
    .RichImg > div{flex-direction:column;}
    
    .Partenaires{padding:50px 0;}
    /* .TextImg .R > .subt{font-size:24px;line-height:32px;} */
    .BlueGrad:before{height:180px;left:0;width:100%;}
    .BlueGrad > div > .R{margin:0;width:100%;padding:204px 0 40px 0;text-align:center;}
    .BlueGrad > div > .R:before{background: linear-gradient(0deg, #24D9C3 0%, rgba(36, 217, 195, 0) 100%, #24D9C3 100%);left:-16px;width:calc(100% + 32px);height:180px;top:2px;}
    
    .Btimg > div{align-items:stretch;margin:50px auto;}
    .Btimg div > div:last-of-type{height:unset;}
    .ImgLink > div{justify-content:center;}
    
    .Result article{flex-direction:column;}
    .Result article > .L{height:123px;width:100%;}
    
    .Tir{gap:24px;}
    .Tir .T{flex-direction:column-reverse;gap:24px;align-items:flex-start;}
    .Txtsli .L h2{font-size:40px;}
    
    .Video > .C > p{font-size:20px;}

    .RichImg > div > div .sub{font-size:24px;}
    
    .GouvTop > p{font-size:20px;}
    
    .GouvBtn > div{height:152px;width:152px;}
    .GouvBtn{width:152px;}
    
    .FastAcc > div {gap: 16px;overflow-x: scroll;-ms-overflow-style: none;overflow: -moz-scrollbars-none;flex-wrap: nowrap;}
    .FastAcc > div > div {min-width:200px;}
    .FastAcc > div::-webkit-scrollbar {display: none;}
    .FastAcc > nav{display:flex;}
    
    .Medias button img {width:152px;height:152px;}
    
    
    .Table{flex-direction:column;padding: 60px 0 20px 0;}
    .Table > .L .subt{font-size:20px;}
    
    .TR.DI{gap:16px;}
    .TR.DI img{width:calc(50% - 16px);}
    
    .TR.AP i, .TR.AP b, .TR.AP a{font-size:10px;line-height:14px;}
    
    .Icp{margin:50px auto;}
    
    .Tcp{padding:40px 0;}
    
    .Txtsli > .C{flex-wrap:nowrap;}
    
    .RichImg > div > div .somm a[class^="btn"]:not(:last-child){margin:0 0 24px 0;}
    .BlocCta{flex-direction:column;}
    .Result article > .L picture{width:100%;}
    .Result article > .L img{width: 100%;object-fit: cover;min-height: unset;height: 123px;}
    
    .Result article{width:340px;}
    .Result, .LastAc > div > div {margin:40px auto 0 auto;width:fit-content;}
    .TextImg .R > .subt{font-size:24px;}
    
}

@media (max-width:768px){
    h1{font-size:40px;}
    h2{font-size:32px;}
    footer{padding:24px 16px;}
    
    .Hero{height:450px;padding:100px 16px;}
    .Hero.Slider > div .homeSli{height:480px;}
    .Hero.Slider > div .homeSli > div{padding:0;}
    .Hero.Slider .shCut{gap:16px;bottom:-150px;justify-content:center;left:0;}
    .Hero.Slider .shCut a{white-space:break-spaces;font-size:14px;}
    .Hero.Slider .shCut > div{width:170px;}
    .Hero.Slider > span{height:450px;}
    .Hero.Slider nav.descNav{top:unset;bottom:24px;}
    
    .HeroBanner{min-height:430px;}
    
    .Btimg > div{flex-direction:column;align-items:flex-start;gap:24px;}
    .Btimg div > div:first-of-type{width:100%;gap:24px;}
    .Btimg div > div:last-of-type{width:100%;height:200px;}
    
    .BlueGrad > div > .R{text-align:left;}
    
    .ImgLink > div{flex-direction: column;align-items: flex-start;padding:24px;justify-content:end;}
    .ImgLink > div > a{width:100%;}
    .Result article {width: 100%;flex-direction: column;}
    .searchBar {width: 100%;}
    .searchF {flex-wrap: wrap;gap: 16px;}
    
    .Medias button img, .PopinCl img{max-width:150px;max-height:150px;}
    .Medias{grid-template-columns: repeat(2, 1fr);grid-gap:16px;}
    
    .Gouv{grid-template-columns:repeat(2, 1fr);justify-items: center;}
    
    .Articles {padding: 24px 0;}
    .Articles > .result {margin: 16px 0 0 0;}
    
    .Result, .LastAc > div > div {width: 350px;max-width:100%;}
    
    .TextImg{flex-direction:column;gap:24px;margin:0 auto;padding:40px 0;}
    .TextImg + .C.ArtTxt{margin:50px auto;}
    .TiroirTxt > div{grid-template-columns:repeat(1,1fr)}
    
    .LastAc > div{grid-template-columns: 1fr;}
    
    .Kpi .C > div{flex-direction:column;}
    
    .Rs > .C > div{flex-direction:column;gap:24px;}
    
    .RichImg > div > div h2{font-size:32px;}
    
    .Video > .C > h2{font-size:32px;}
    
    .Table > .R{overflow-x:scroll;justify-content: flex-start;}
    .Table > .R .TableContainer{min-width: 650px;}
    .Table > .R .Cell{font-size:14px;}
    .Table > .R .Row .Cell span{min-height: 40px;min-width:100px;padding: 8px 4px;}
    
    .Popin > div{padding:88px 24px 24px 24px;}
    
    .MedPopin div > .B{flex-direction:column;gap:24px}
    
    .TextImg .btC{gap:16px;flex-direction:column; align-items:unset;}
    .TextImg .btC a{text-align:center;}
    .TextImg .R ul, .TextImg .R ol, .Txtsli ul, .Txtsli ol{margin:8px 0 8px 16px;}
    .Table + nav{display:flex;justify-content:flex-end;gap:24px;padding: 0px 0 40px 0;}
    .Table + nav img{cursor:pointer;}
    
    .RichImg:before{padding: 100% 0 0 0;height: unset;}
    .Icp{border:0;flex-direction:column;align-items:flex-start;gap:20px;margin:30px auto;padding:24px 0 0 0;}
    .TR.DI{flex-direction:column;}
    .TR.DI img{width:100%;}
    .Tcp .T{margin:0 0 40px 0;}
    .TR.AP{padding:32px;}
    .TR.AP i, .TR.AP b, .TR.AP a{font-size:8px;line-height:10px;}
    .TR.hide{display:none;}
    .Vid.LastAc .C > details > div, .Vid.LastAc .C > details > summary > div{gap:24px}
    .Icp .sharePopin:before{right:calc(50% - 12px);}
    .Icp .sharePopin{right:calc(-50% + 50px);}
    .Txtsli .L h2{font-size:32px;margin:0 0 6px 0;}
    .Txtsli h2 + p.sstitre{margin:0 0 24px 0;}
    
    .ArtCard{min-width:100%;width:100%;}
    .TextImg .C{padding:0;}
    .TiroirTxt h2{font-size:32px;}
    
    .HeroBanner + .Icp{padding: 24px 32px;margin: 0 auto 60px auto;border-radius: 0 0 16px 16px;border: none;background-color: #fff;}
    
    #CP .Icp {padding: 24px 32px;margin: 0 auto 60px auto;border-radius: 0 0 16px 16px;border: none;background-color: white;}
    #CP section.Icp + script + .TR{padding: 32px 32px 0 32px;}
    #CP .TR{padding: 32px 32px 0 32px;}
    .TiroirTxt .C > div{grid-template-columns: repeat(1, 1fr);}
    .Tir.Grande .T .haut, .Tir.Grande .T .undefined{max-width:100%;height:unset;max-height:140px;}
    .TextImg .C{flex-direction:column;}
    .TextImg .L.right{order:unset;}
    .TextImg .L{order: 0;}
    .TextImg .L.down{order:1;}
    .Hero.Slider > div .homeSli > div > a{bottom:108px;}
    
    .BTT.visible{display:none;}
}