body{background: var(--clr-bg);}
.avis_bloc{position: relative;width: 1280px;margin: 40px auto;max-width: calc(100% - 64px);display:flex;gap:40px;flex-wrap:wrap;}
.avis_bloc h1{flex:100%;text-align:center;}
.avis_bloc .L{background: #fff;padding: 24px;border-radius: 8px;width:100%;height:fit-content;max-width:446px;position:sticky;top:8px;align-self:start;z-index:2}
.avis_bloc .L .ttp{position: relative;margin: 4px 0 0;font: normal 14px / 140% SFR-Regular;width: fit-content;align-items: center;}
.avis_bloc .L .ttp ul {list-style: inside;}
.avis_bloc .L .ttp a {color: #fff;}
.avis_bloc .L .phil{margin:16px auto;display:block;max-width: 184px;max-height: 184px;}
.avis_bloc .L strong{display:flex;align-items:center;margin:0 0 24px 0;gap:8px}
.avis_bloc .L strong, .avis_bloc > .L strong .AVIS span{font:normal 24px/120% SFR-Bold;}
.avis_bloc .L strong .AVIS .stars {width: 102px;height: 21px;}
.avis_bloc .L strong .AVIS mark {height: 21px;background-size: 102px 21px;}
.avis_bloc .L .AvD{margin:24px 0;display:flex;flex-direction:column;gap:16px}
.avis_bloc .L .AvD > div{font-size:14px;display:flex;align-items:center;gap:8px; justify-content:space-between;}
.avis_bloc .L .AvD > div .AVIS span{font-family:SFR-Bold;}
.AvML{display:flex;flex-direction:column;gap:4px;font-size:14px;}
.AvML div[role="tooltip"]{max-width:225px;}
.avis_bloc .R{flex:1;display:flex;flex-direction:column;gap:24px;}
.avis_bloc .R .AvisCard{background: #fff;padding: 24px;border-radius: 8px;}
.avis_bloc .R .AvisCard hr{margin:24px 0;}
.avis_bloc .R .AvisCard .sc{background:var(--clr-bg);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px;}
.avis_bloc .R .AvisCard .sc q{font-size:14px;}
.avis_bloc .R .AvisCard .sc b{color:var(--clr-sfr2);}
.avis_bloc .R .AvisCard > p, .avis_bloc .R .AvisCard > q{margin:24px 0 56px;}
.pagination{flex:100%;}
.AvisCard p, .AvisCard q{font: normal 14px/140% SFR-Regular;margin: 24px 0 16px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.AvisCard{display: grid;grid-template-rows: subgrid;grid-row: span 4;gap:0;}
.AvisCard .AVIS span{font-family:SFR-Bold;margin:0;}
.AvisCard .AVIS {display: flex;gap: 4px;margin: 0 0 8px 0;align-items:center;}
.AvisCard .AVIS + span{color:var(--clr-grey);}
.AvisCard span{color:var(--clr-black);font:normal 12px/140% SFR-Regular;}
.AvisCard b{font:normal 14px/140% SFR-Bold;text-transform:capitalize;}
#AvisSection{width: calc(100% - 64px);max-width: 1280px;margin: 40px auto 80px auto;}
#AvisSection h2{margin:0 0 40px 0;}
#AvisSection .T, #AvisSection > .B .AvisCard{background:#fff;padding:24px;border-radius:8px;}
#AvisSection .T > strong{font:normal 24px/140% SFR-Bold;margin:16px 0 24px;display:flex; gap:8px;align-items:center;}
#AvisSection .T > p{font:normal 14px/140% SFR-Regular;}
#AvisSection .T .AVIS span{font:normal 24px/140% SFR-Bold;}
/*#AvisSection .T .AVIS .stars{width: 102px;height: 21px;}*/
#AvisSection .T > p + p{margin:4px 0 0;}
#AvisSection .T .ttp{position:relative;margin:4px 0 0;font:normal 14px/140% SFR-Regular;width:fit-content;align-items:center;}
#AvisSection .T .ttp ul{list-style:inside;}
#AvisSection .T .ttp a{color:#fff;}
#AvisSection .T .ttp [popover]:popover-open + [role="tooltip"]{width:240px;}
#AvisSection .B{position:relative;}
#AvisSection .B .avisSlides{display:grid;grid-template-columns: 1fr 1fr 1fr;margin:40px 0 0;gap:24px 40px;}
#AvisSection .btn4{width:fit-content;margin:40px auto 0;}
#AvisSection .sliBtns{display:none;}
#AvisSection .sliBtn {width: 40px;height: 40px;border-radius: 8px;border: 1px solid #131316;cursor: pointer;position:relative;}
#AvisSection .sliBtn:after {content: '';position: absolute;width: 24px;height: 24px;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
#AvisSection .sliBtn.next:after {background-image: URL(https://static.s-sfr.fr/assets/pictos/fleche_DROITE_40_noir.svg);background-size: contain;}
#AvisSection .sliBtn.pre:after {background-image: URL(https://static.s-sfr.fr/assets/pictos/fleche_GAUCHE_40_noir.svg);background-size: contain;}
#AvisSection .sliBtn[disabled] {opacity: 0.5;cursor: default;pointer-events: none;}
@media (max-width:1100px){
    .avis_bloc{flex-direction:column;width:486px;max-width:calc(100% - 32px);gap:24px;margin:24px auto;}
    .avis_bloc .L{max-width:none;position:static;padding:16px;}
    .avis_bloc .L strong, .avis_bloc .L strong .AVIS span{font-size:18px;}
    .avis_bloc .R{gap:16px}
    .avis_bloc .R .AvisCard{padding:16px;}
    #AvisSection .T > strong{flex-direction:column;align-items:flex-start;}
    #AvisSection .T > strong, #AvisSection > .T .AVIS span{font-size:18px;}
    #AvisSection .B .avisSlides{overflow: overlay hidden;scroll-behavior: smooth;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;grid-template-columns: auto;grid-auto-flow: column;margin:24px 0 0;}
    #AvisSection .B .AvisCard{width:296px;padding:16px;}
    #AvisSection .btn4{margin:24px auto 0;width:100%;}
    #AvisSection .B{gap:16px;}
    #AvisSection .sliBtns{display: flex;gap: 8px;justify-content: flex-end;margin:24px 0 0 0;}
}
@media (max-width:768px){
    .avis_bloc .L strong{flex-direction:column;align-items:flex-start;}
}