.special-offer {position: relative; width: calc(100% - 64px); max-width: 1280px;margin:0 auto 40px;}
.special-offer.promo {padding-top: 24px;top: inherit;background: none;}
.special-offer .wrapper {padding:24px; border-radius: 12px; background:#fff; display: flex; flex-direction: row; gap:16px; position: relative;}
.special-offer .blockL,  .special-offer .blockR { flex: 1 1 0; }
.special-offer .wrapper .blockL{display: flex; flex-direction: column; gap:16px;}
.special-offer .wrapper .blockR{display: flex; justify-content: center;}
.special-offer .bk-txt {display: flex; flex-direction: column; gap:16px;}
.special-offer .bk-txt p, .special-offer .bk-txt li {font: 14px/22px SFR-Regular; word-break: break-word;}
.special-offer .bk-txt ul {list-style: disc; padding-left: 16px;}
.special-offer .bk-txt  .cond {font: 12px/20px SFR-Regular;}
.special-offer .blockR img { max-width: 100%; border-radius: 8px;}
.special-offer .telecharger, .special-offer .link {width: fit-content;}
.special-offer .link.u {font-family: SFR-Regular;}
.special-offer .link.d:after {top: unset;}
.special-offer  .etiquette { border-radius: 8px;background: #ffcd00;color: #181818;display: inline-block;padding: 5px 10px 20px;position: absolute;top: 4px;font-size: 10px;line-height: 11px;font-family: SFR-Bold; z-index: -1;/* position: absolute; background: #FFCD00; height: 40px; padding: 6px 8px; z-index: -1; top: -4px; font: 12px/18px SFR-Bold; border-radius: 4px 4px 0 0; */ }

/*Style en plus pour la BHT*/
#Inf .special-offer {width: 100%; margin: 0 auto 40px;}
#Inf .special-offer.promo .etiquette {z-index: auto;}
#Inf .special-offer h3 {margin: 0; text-align: left;}
#Inf .special-offer .bk-txt p, #Inf .special-offer .bk-txt li {color: var(--clr-black); font: 14px/22px SFR-Regular; max-width: none;}
#Inf .special-offer .bk-txt p b, #Inf .special-offer .bk-txt li b {font-family: SFR-Bold;}
#Inf .special-offer .link {width: fit-content;}
#Inf .special-offer .link.d {position: relative;font: normal 14px/18px SFR-Bold;padding: 0 13px 0 0;cursor: pointer;}
#Inf .special-offer .link.d:after {position: absolute;display: inline-block;content: "";background: url(//static.s-sfr.fr/assets/pictos/telechargement_40_rouge.svg);width: 16px;height: 16px;right: -8px;background-repeat: no-repeat;background-size: contain;}

@media screen and (max-width: 1100px){
    .special-offer {margin:0 auto 24px;}
	.special-offer .wrapper {padding: 16px;}
	
	#Inf .special-offer {margin: 0 auto 24px;}
}

@media screen and (max-width: 768px){
    .special-offer {width: calc(100% - 32px); margin: 24px auto;}
    .special-offer .wrapper{ flex-direction: column; }
    .special-offer .blockL,  .special-offer .blockR { flex: initial; }
	.special-offer .blockL {gap:16px;}
}