@font-face{font-family:'SFR-Regular';src:url("//static.s-sfr.fr/assets/fonts/Poppins-Regular.woff2")}
@font-face{font-family:'SFR-Light';src:url("//static.s-sfr.fr/assets/fonts/Poppins-Light.woff2")format("woff2")}
@font-face{font-family:'SFR-Bold';src:url("//static.s-sfr.fr/assets/fonts/Poppins-SemiBold.woff2")format("woff2")}
@font-face{font-family:'SFR-Black';src:url("//static.s-sfr.fr/assets/fonts/Poppins-SemiBold.woff2")format("woff2")}
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}
b,strong{font-family:'SFR-Bold';font-weight:normal;}
button {border:none;margin:0;text-decoration:none;-webkit-appearance:none;-moz-appearance:none}
h1{display:block;font:normal 40px/60px SFR-Bold;margin:0}
h2{display:block;font:normal 32px/48px SFR-Bold;margin:0}
h3{display:block;font:normal 24px/36px SFR-Bold;margin:0}
body{font-family:SFR-Regular, Arial;color:var(--clr-black);}
input::placeholder {font-family:'SFR-Regular';color:var(--clr-grey)}
button:focus-visible, 
input:focus-visible, 
input[type="radio"]:focus-visible + label, 
input[type="checkbox"]:focus-visible + label:before,
span[role="button"]:focus-visible,
[tabindex="0"]:focus-visible,
textarea:focus-visible, 
summary:focus-visible,
a:focus-visible {outline: 2px solid var(--clr-black);outline-offset: 2px;}
:root{
    --clr-sfr:#A60E20;
    --clr-sfr2:#D90D25;
    --clr-black:#131316;
    --clr-bg:#F4F4F5;
    --clr-disable:#D1D1D6;
    --clr-grey:#70707B;
    --clr-green:#067647;
    --clr-yellow:#fac515;
    --clr-error:#DE3024;
    --clr-event:#DCB253;
    --clr-pro:#3F3F46;
}

a[class^="btn"],input[class^="btn"],button[class^="btn"]{display:block;position:relative;font-family:SFR-Bold;font-size:14px;line-height:16px;padding:12px 24px;text-align:center;width:100%;border-radius:8px;cursor:pointer;overflow:hidden;text-decoration:none;user-select:none;-webkit-user-select:none;transition:background-color .3s ease-out ;}
a[class^="btn"]:hover,input[class^="btn"]:hover,button[class^="btn"]:hover{background-color:var(--clr-sfr);}
.btn{color:#fff;background-color:var(--clr-sfr2);}
a.btn:hover,input.btn:hover,button.btn:hover{background-color:var(--clr-sfr);}
a.btn2:hover,input.btn2:hover,button.btn2:hover{background-color:#3F3F46;}
a.btn3:hover,input.btn3:hover,button.btn3:hover{background-color:var(--clr-black);color:#fff;}
a.btn4:hover,input.btn4:hover,button.btn4:hover{color:#3F3F46;border:solid 1px #3F3F46;background: unset;}
a.btn5:hover,input.btn5:hover,button.btn5:hover{color:#d1d1d6;border:solid 1px #d1d1d6;background: transparent;}
a.btn6:hover,input.btn6:hover,button.btn6:hover{color:#d1d1d6;border:solid 1px #d1d1d6;background: transparent;}
.btn2{color:#fff;background:var(--clr-black);}
.btn3{color:var(--clr-black);background:#fff;}
.btn4{color:var(--clr-black);border:solid 1px var(--clr-black);}
.btn5{color:#fff;background:var(--clr-black);border:solid 1px #fff;}
.btn6{color:#fff;border:solid 1px #fff}
.btn:disabled,.btn2:disabled,.btn3:disabled{color:#A0A0AB;background-color:var(--clr-bg);pointer-events: none;}
.btn4:disabled,.btn5:disabled{color:var(--clr-grey);border-color:var(--clr-grey)}
.btn[disabled],.btn2[disabled],.btn3[disabled]{color:var(--clr-grey);background-color:var(--clr-disable);pointer-events: none;}
.btn4[disabled],.btn5[disabled]{color:var(--clr-grey);border-color:var(--clr-grey)}
a[class^="btn"].loader,input[class^="btn"].loader{background:var(--clr-disable);border:var(--clr-disable);cursor:default}
a[class^="btn"].loader:before,input[class^="btn"].loader:before{content:'';position:absolute;width:100%;height:100%;background:var(--clr-disable);left:0;top:0}
.loader:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:16px;width:16px;color:var(--clr-sfr2);display:inline-block;border:2px solid;border-radius:50%;border-top-color:transparent;animation:rotate 1s linear infinite}
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

button[class^="link"],a[class^="link"]{position:relative;font:normal 14px/18px SFR-Bold;padding:0 13px 0 0;cursor:pointer}
button[class^="link"]:after,a[class^="link"]:after{content:'';position:absolute;width:8px;height:8px;right:1px;top:0;bottom:0;margin:auto;border-radius:2px;border:2px solid;border-left:0;border-bottom:0;transform:rotate(45deg);transition:all .2s cubic-bezier(.4,0,.2,1)}
button[class^="link"]:hover:after,a[class^="link"]:hover:after{right:-3px}
button[class^="link"]{border:0;background:transparent;cursor:pointer}
sup { font-size: 73%; }

.link{color:var(--clr-sfr2);text-decoration:none}
.link2{color:var(--clr-black);text-decoration:none}
.link3{color:#fff;text-decoration:none}
.link.u{font-family:SFR-Bold;color:var(--clr-black);text-decoration:underline;padding:0}
.link.u:after{content:none}

.price {position:relative;display: flex;flex-flow: wrap;align-items: baseline;font:normal 24px/48px SFR-Bold;text-align: left;}
.price .L {margin:0;}
.price .R:last-of-type {font: normal 14px / 14px SFR-Bold;}
.price .o {font-size: 14px;line-height: 20px;font-family: 'SFR-Regular';vertical-align: middle;display: inline-block;text-decoration: line-through;margin-left: 4px;}
.price > .o {width:100%;margin:0;}

.message{position:relative;display:grid;padding: 24px 24px 24px 72px;gap:16px;width: 100%;border-radius: 12px;overflow:hidden;font-family: 'SFR-Regular';font-size: 14px;line-height: 22px;}
.message.ko{background: #FFF0F0;}
.message:before{position:absolute;content:"";top:24px;left:24px;margin: auto;width:24px;height:24px;}
.message.ko:before{background: url(//static.s-sfr.fr/assets/pictos/croix_cercle_40_rouge.svg) center/contain;}
.message.ko:after{position:absolute;content:"";top:0;left: 0px;width: 12px;height: 100%;border: 4px solid var(--clr-sfr2);border-radius: 10px;border-right: 0;border-bottom: 0;border-top: 0;}
.message.ok{background: #E8F8F0;}
.message.ok:before{background: url(//static.s-sfr.fr/assets/pictos/check_circle_40_blanc.svg) center/contain;filter: invert(57%) sepia(94%) saturate(905%) hue-rotate(120deg) brightness(88%) contrast(98%);}
.message.ok:after{position:absolute;content:"";top:0;left: 0px;width: 12px;height: 100%;border: 4px solid var(--clr-green);border-radius: 10px;border-right: 0;border-bottom: 0;border-top: 0;}
.message.wa{background: #FFF4E0;}
.message.wa:before{background: url(//static.s-sfr.fr/assets/pictos/alerte_40_blanc.svg) center/contain;filter: brightness(0) saturate(100%) invert(43%) sepia(87%) saturate(2483%) hue-rotate(10deg) brightness(98%) contrast(101%);}
.message.wa:after{position:absolute;content:"";top:0;left: 0px;width: 12px;height: 100%;border: 4px solid #E26C00;border-radius: 10px;border-right: 0;border-bottom: 0;border-top: 0;}
.message.i{background: #ECF2FF;}
.message.i:before{background: url(//static.s-sfr.fr/assets/pictos/information_40_blanc.svg) center/contain;filter: brightness(0) saturate(100%) invert(44%) sepia(17%) saturate(5248%) hue-rotate(215deg) brightness(96%) contrast(98%);}
.message.i:after{position:absolute;content:"";top:0;left: 0px;width: 12px;height: 100%;border: 4px solid #6172F3;border-radius: 10px;border-right: 0;border-bottom: 0;border-top: 0;}
.message.tr{background:transparent;border: 1px solid #70707B;}
.message.tr:before{background: url(https://static.s-sfr.fr/assets/pictos/hors_jeu_40_rouge.svg) center/contain;}
.message.tr:after{position:absolute;content:"";top:0;left: 0px;width: 12px;height: 100%;border: 4px solid #70707B;border-radius: 10px;border-right: 0;border-bottom: 0;border-top: 0;}

.message ul{list-style:none;font-size:14px;margin: 0 0 0 16px;}
.message li{margin:0 0 8px 0;}
.message li:before{content: '';position: absolute;width:8px;height:8px;margin:7px 0 0 -16px}
.message.i li:before{background: #6172F3}
.message.wa li:before{background:#E26C00}
.message.ko li:before{background:var(--clr-sfr2)}
.message.ok li:before{background:var(--clr-green)}
details.faq > summary{list-style-type:none;font: 16px/24px SFR-Bold;padding: 0 24px 0 0;cursor: pointer}
details.faq > summary::-webkit-details-marker{display:none}
details.faq{position: relative;overflow:hidden;background-color:#fff;margin:0 0 24px 0;padding:24px;border-radius:8px}
details.faq:last-child {margin:0}
details.faq summary:after{content:'';position:absolute;width:8px;height:8px;border:2px solid var(--clr-black);transform:rotate(45deg);top:29px;right:26px;border-top:0;border-left:0;transition:all 0.2s ease-out}
details.faq[open] summary:after{transform:rotate(225deg)}
details.faq>div{margin:24px 0 0 0}
details.faq> p:not(:last-child){margin: 0 0 16px 0}
details.faq>div a{text-decoration:underline}

.hid{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute}
#FilAriane{width:1280px;max-width:calc(100% - 32px);margin:16px auto 24px;text-align:left}
#FilAriane ol{list-style:none;font-size:0}
#FilAriane li{display:inline-block;position:relative;margin: 0 13px 0 0;font:12px/normal 'SFR-Regular';}
#FilAriane li:not([aria-current="page"]):after{ content:'/'; display:block; position:absolute; top:0px;right: -10px;}
#FilAriane a{text-decoration:underline;color:var(--clr-black)}
#FilAriane li[aria-current="page"] {font-family:'SFR-Bold'}

#REA {background: #fff;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.02);padding: 24px 0; margin: 40px auto 0 auto;font:normal 16px/24px "SFR-Bold";color: var(--clr-black);}
#REA>p {width:1280px;max-width: calc(100% - 64px);margin: 0 auto; font: 24px/36px "SFR-Bold"}
#REA ul{max-width:1280px;margin: 16px auto 0;width: calc(100% - 64px);display: flex;gap: 40px;flex-wrap: wrap;position: relative;justify-content:space-between;text-align:center;list-style:none;}
#REA img {height:40px;margin:0 0 16px;}

#Spinner { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; background: #00000017; z-index:55;}
#Spinner::before { content: ''; position: absolute; width: 96px; height: 96px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: conic-gradient(from 180deg at 50% 50%, #EE0004 0deg, rgba(238, 0, 4, 0) 360deg); animation: spin 0.9s linear infinite; }
#Spinner::after { content: ''; position: absolute; width: 76px; height: 76px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: #dcdcdc; background-image: url(https://static.s-sfr.fr/assets/logos/SFR.svg); background-size: 32px 32px; background-repeat: no-repeat; background-position: center; }
@keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }

hr {border:0;border-bottom:1px solid var(--clr-disable);margin:0}
[id^="SEO"] {color:var(--clr-black);background:#fff;list-style:inside}
[id^="SEO"] details {position:relative;padding:24px 0;width:calc(100% - 64px);max-width:1280px;margin:0 auto}
[id^="SEO"] details strong{font-family:'SFR-Bold'}
[id^="SEO"] details a{color:var(--clr-black);cursor:pointer}
[id^="SEO"] summary{list-style-type:none;cursor:pointer;}
[id^="SEO"] summary::-webkit-details-marker{display:none}
[id^="SEO"] summary>span{font: 16px/normal 'SFR-Bold';display:block;padding:0 16px 0 0}
[id^="SEO"] summary>span+p{margin: 24px 0 0 0}
[id^="SEO"] summary>span+p:empty{display:none;}
[id^="SEO"] summary>span+i{margin: 24px 0 0 0;display:block;font-size:14px}
[id^="SEO"] summary>p{font: 14px/normal 'SFR-Regular'}
[id^="SEO"] summary>p>a{font: 14px/normal 'SFR-Bold'}
[id^="SEO"] summary+div{font: 14px/normal 'SFR-Regular';margin: 24px 0 0 0}
[id^="SEO"] a{color:var(--clr-black);text-decoration:underline}
[id^="SEO"] details summary:after{content:'';position:absolute;width:8px;height:8px;border:2px solid var(--clr-black);transform:rotate(45deg);top:29px;right:0;border-top:0;border-left:0;transition:all 0.2s ease-out}
[id^="SEO"] details[open] summary:after{transform:rotate(225deg)}

.CP{width:290px;display: grid;grid-template-rows: subgrid;grid-row: span 8;position: relative;border-radius:8px;background: #fff;padding: 24px 16px;overflow: hidden;gap:0;transition: opacity .4s ease-out;gap:16px;cursor:pointer;}
.CP:hover .img-central {transform: scale(1.1);}
.CP .stickers{display: flex;gap: 8px;flex-wrap: wrap;align-items: flex-start;}
.sticker{line-height:24px;font-family:'SFR-Bold';font-size: 12px; background:var(--clr-yellow); color:var(--clr-black);border-radius:4px;padding:0 8px;}
.sticker.j{background:var(--clr-yellow);color:var(--clr-black);}
.sticker.b{background: var(--clr-green);color:#fff;}
.sticker.n{background: var(--clr-black);color:#fff;}
.sticker.e{background: var(--clr-event);color:var(--clr-black);}
.sticker.e{background: var(--clr-event);color:var(--clr-black);}
.CP .T{position: relative;display: inline-block;text-align: center;}
.CP .T .img-central{transition: 0.5s ease-out transform;width: 184px;object-fit: contain;max-height: 100%;height: auto;}
.CP .T .img-r{width: 32px;position: absolute;top: 0;right: 0;}
.CP .marque{font: normal 14px/22px SFR-Regular;text-transform:uppercase;}
.CP .M a{font: normal 24px/36px SFR-Bold;color: var(--clr-black);text-decoration: none;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.CP .M a:after{ content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;}
.CP .from-price {text-transform:lowercase; font-size:14px;}
.CP .from-price + .B{margin: -16px 0 0 0;white-space:normal}
.CP .B {position:relative;line-height: normal;}
.CP .B .desc-p{font-family:SFR-Bold;color:var(--clr-sfr2);margin:0 0 4px;}
.CP .colors{display: flex;flex-direction: column;width: 12px;justify-content: center;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.CP .colors span{position: relative;cursor: pointer;-webkit-background-clip: text;-webkit-text-fill-color: transparent;box-shadow: 0px 1px 2px 0px #00000033 inset;width: 12px;font-size: 5px;height: 12px;border-radius: 50%;box-sizing: content-box;margin: 4px 0;}
.CP .colors .d:before{content: '';position: absolute;width: 14px;height: 1.5px;background: var(--clr-black);transform: rotate(130deg);left: -1px;bottom: 0;top: 0px;margin: auto;}
.CP .from-price + .price {margin: -16px 0 0 0;}
.CP .price{justify-content: flex-start;}
.CP .param{display: flex;gap:0 4px;}
.CP .param .option{position: relative;display: flex;align-items: center;flex-direction: column;justify-content: center;text-decoration: unset;color: var(--clr-black);height: auto;text-align: center;padding:16px;font:normal 12px/18px SFR-Regular;margin:0;width: 100%;background: #fff;border-radius: 8px;border: 1px solid var(--clr-grey);cursor: pointer;}
.CP .param .option.a,.param input:checked + .option{padding:15px;border: var(--clr-sfr2) 2px solid;box-shadow: 0 3px 9px transparent;cursor: default;font-family:SFR-Bold}
.CP .param .option.d{background: #E9E9E9;color:var(--clr-grey);text-decoration:line-through;border: 2px solid var(--clr-grey);padding:15px;cursor:default;}
.CP .param input:disabled + .option{background: #E9E9E9;color:var(--clr-grey);border: 2px solid var(--clr-grey);padding:15px;cursor:default;}
.CP .star {font-family: SFR-Bold;color: var(--clr-sfr2);}
.AVIS{ position:relative; margin: 0;}
.AVIS>a{ font-size:12px; font-family: 'SFR-Regular';color:var(--clr-black); display:inline-block; text-decoration: underline; z-index: 5; position: absolute; top: 2px; margin: 0 0 0 5px;}
.AVIS span{ font-size: 12px; font-family: 'SFR-Regular'; display: inline-block; vertical-align: middle; margin: 0 4px 0 0;}
.AVIS .stars {width: 78px;height: 16px;background: url(//static.s-sfr.fr/media/pictos/stars_vide.svg) no-repeat left top;background-size:contain;}
.AVIS mark {height: 16px;background: url(//static.s-sfr.fr/media/pictos/stars_pleine.svg) no-repeat left top;background-size: 78px 16px;display: block;}
.AVIS>img{ height: 16px; width: 16px; filter: invert(84%) sepia(19%) saturate(5971%) hue-rotate(0deg) brightness(105%) contrast(103%); display: inline-block; vertical-align: middle;}
.AVIS>img.emp{ height: 18px; width: 18px; margin: 0 0 0 -1px;}
.availability{position: relative;display: block;font-size: 12px;height:18px;font-family: SFR-Regular;margin-left: 14px;}
.availability:before{position: absolute;content: '';width: 10px;height: 10px;top: 0;bottom:0;margin:auto;left: -14px;border-radius: 100%}
.availability.wa:before{background-color: #ff9300}
.availability.ok:before{background-color: var(--clr-green)}
.availability.ko:before{background-color: var(--clr-error)}
.availability.in:before{background-color: var(--clr-black)}
.POPIN {box-sizing: border-box;background: #fff;border-radius: 12px;box-shadow: 0 8px 16px rgba(24, 24, 24, .08);max-height: calc(100% - 32px);max-width: calc(100% - 32px);width: 880px;overflow-y: auto;padding: 48px 24px 24px;position: fixed;top: 0;z-index: 99;bottom: 0;border:0; gap:16px;}
.POPIN::backdrop{background-color: rgba(0, 0, 0, .5);}
.POPIN>button {content: "";cursor: pointer;display: block;height: 24px;position: absolute;right: 24px;top: 24px;width: 24px;background:none;}
.POPIN>button:before {content: "";position: absolute;background: url(https://static.s-sfr.fr/assets/pictos/fermer_40_noir.svg);background-size:cover;height:24px;width:24px;left:0;top:0}

/*.transcription{position:relative;overflow:hidden;background-color:#fff;margin:0 0 24px 0;padding:24px 24px 24px 0;border-radius:8px}*/
.transcription{position:relative;/*overflow:hidden;*/background-color:#fff;margin:0 0 24px 0; border: 1px solid var(--clr-black); border-left: 0; border-right: 0; border-radius: 0; }
.transcription > summary{list-style-type:none;font: 16px/24px SFR-Bold;cursor: pointer;padding: 16px 24px 16px 0}
.transcription > summary::-webkit-details-marker{display:none}
.transcription summary:after{content:'';position:absolute;width:8px;height:8px;border:2px solid var(--clr-black);transform:rotate(45deg);/*top:29px;*/top:20px;right:4px;border-top:0;border-left:0;transition:all 0.2s ease-out}
.transcription[open] summary:after{transform:rotate(225deg)}
.transcription>div{margin:24px 0 0 0}
.transcription> p:not(:last-child){margin: 0 0 16px 0}
.transcription>div a{text-decoration:underline}

.radio:before {position:relative;display:inline-block;vertical-align:middle;content:"";width: 20px;height: 20px;background-color: #fff;border-radius: 100%;box-shadow: inset 0 0 0 8px #fff;border: 2px solid var(--clr-green);margin: 0 8px 0 0;}
input:checked + .radio:before {background:var(--clr-green);box-shadow: inset 0 0 0 2.5px #fff;border: 1px solid var(--clr-green);}

.chckbx {display:block;cursor:pointer;position:relative;padding-left:28px;}
.chckbx:before {content: '';position: absolute;cursor: pointer;left: 0;border: 1px solid #8a8a8a;width: 18px;height: 18px;background-color: #fff;border-radius: 4px;}
input:checked + .chckbx span {font-family:'SFR-Bold';}
input:checked + .chckbx:before{background-color:var(--clr-green);border-color:var(--clr-green);}
input:checked + .chckbx:after{content:'';width: 6px;height:12px;border:2px solid #fff;transform:rotate(45deg);border-top:none;border-left:none;left: 6px;top: 1px;display:block;position:absolute;}
input:disabled + .chckbx:before {background-color:#A0A0AB;border:1px solid #A0A0AB;}
input:disabled + .chckbx:after{content:'';width:6px;height:12px;border:2px solid #E4E4E7;transform:rotate(45deg);border-top:none;border-left:none;left:7px;top:2px;display:block;position:absolute;}

.ttp { z-index: 5;bottom: auto;cursor:pointer;position: absolute;display:flex;gap:4px;font-size:12px;}
.ttp>button {width: 15px;height: 15px;cursor:pointer;font-family: 'SFR-Regular';background-color:transparent; background-image: url(//static.s-sfr.fr/assets/pictos/aide_plein_40_noir.svg); background-repeat: no-repeat; background-size: contain; line-height: 12px;padding: 0 17px 0 0; }
.ttp>button:before {content: "";position: absolute; top:0; left:0; right: 0; width: 100%; height: 100%;}
.ttp [popover] + [role="tooltip"] {display: none;}
.ttp [popover]:popover-open + [role="tooltip"] {display: block;width: 280px;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);border-radius: 8px;color: #fff;font-family: 'SFR-Regular';background-color: var(--clr-black);font-size: 12px;padding: 16px;position: absolute;z-index: 9;right:-8px;top: auto;bottom: 24px;transition: opacity 0.3s;}
.ttp [popover]:popover-open + [role="tooltip"]::after {content: "";position: absolute;bottom: -10px;right:12px;border-width:6px;transform:scaleX(1.5);border-style: solid;border-color: var(--clr-black) transparent transparent transparent;}
.ttp.i>span { color:#fff;}
.ttp.i>button{ filter:invert(1); }

@media(max-width:1100px){
    h1{font-size:32px;line-height:48px}
    h2{font-size:24px;line-height:36px}
    h3{font-size:16px;line-height:24px}
    a[class^="link"]{font-size:12px;line-height:16px}
    a[class^="link"]:after{top:unset;bottom: 2px;}
    
    details.faq{ margin: 0 0 16px 0; padding: 16px;}
    details.faq>div{ margin: 16px 0 0 0;}
    details.faq summary:after { top: 21px;}
    
    #REA {padding: 16px 0; margin:24px 0 0 0;}
    #REA > p {max-width: calc(100% - 32px); font: 16px/24px "SFR-Bold"}
    #REA ul{width: calc(100% - 32px);flex-flow: column;justify-content:start;gap: 16px;text-align: left;}
    #REA img,#REA ul p {display:inline-block;vertical-align:middle;margin: 0 16px 0 0;}
    #REA ul p {font: normal 14px/21px "SFR-Bold";}
    
    [id^="SEO"] details { width:calc(100% - 32px);}
    
    .CP { padding: 16px 16px; }
    .transcription {margin: 0 0 16px 0;}
    .transcription>div {margin: 16px 0 0 0;}
    
    .message{padding:64px 16px 16px}
    .message:before{left:16px;top:16px}
    
    .POPIN{padding:38px 16px 16px;}
    .POPIN>button{top:16px;right:16px;}
}