#selfAd_DescriptionView {
    width: 100%;
    height: 100%;
    min-height: 80px;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    padding-bottom: 1.35rem;
    outline: none;
    font-family: inherit;
}

.selfAdStandardBorder {
    border-radius: 20px;
    overflow: hidden;
}

.overflow-show {
    overflow: visible;
}

#descPreview {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: visible;
}

.descriptionFull.show {
    display: -webkit-box !important;
}

.description {
    margin-top: 7px;
}

.PubNeomediaBigBlockData .description {
    display: -webkit-box;
    font-size: 16px;
    padding-bottom: 20px;
    word-break: break-word;
}
.SelfAdDescWebkitClamp {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.PubNeomediaBigBlock {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}

.PubNeomediaBigBlockData {
    position: relative;
    width: 100%;
    padding: 5px;
}
.PubNeomediaBigBlock .userData {
    display: flex;
}

.pastilleCompagnie {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.picker-zone {
    display: flex !important;
    width: 100%;
    font-size: 18px;
    gap: 10px;
    margin-top: 10px;
    align-items: center;
    height: 60px;
}

.fa-paintbrush:before {
    content: "\f53f";
}

.emojiPicker, .backgroundPicker {
    display: none;
    justify-content: end;
    width: 100%;
    position: relative;
}



.annonce-tool-button {
    height: 35px;
    margin-bottom: 0;
    margin-top: 15px;
}
.annonce-tool-file-input-label {
    position: relative;
    display: flex;
    border-radius: 25px;
    text-decoration: none !important;
    font-size: 18px;
    color: inherit !important;
    cursor: pointer;
}

.emojiPickerIcon {
    position: absolute;
    right: 10px;
    font-size: 18px;
}

.backgroundPickerIcon {
    position: absolute;
    left: 10px;
    font-size: 18px;
}

.selfad-FormDateFields-wrapper>* {
    flex-basis: 320px;
    max-width: 48%;
}

.tbCalendrier {
    outline: none;
    font-size: 16px;
    font-family: Lato;
    color: #3E3E3E;
    background: transparent;
}


.selfad-FormButton-wrapper {
    flex-basis: 410px;
    justify-content: stretch;
    gap: 10px;
}

.selfad-FormButton-wrapper > * {
    flex: 1 1 0;
    width: auto;
    max-width: none;
    min-width: 0;
    height: 30px;
    line-height: 15px;
}

.emojiPicker.shown, .backgroundPicker.shown {
    display: flex;
}

.selfAd-publication-editor-main .emojiPicker {
    position: fixed;
    top: var(--selfad-emoji-picker-top, 12px);
    left: var(--selfad-emoji-picker-left, 12px);
    right: auto;
    width: min(560px, calc(100vw - 24px));
    max-height: var(--selfad-emoji-picker-max-height, calc(100vh - 24px));
    justify-content: flex-start;
    z-index: 10050;
}

.selfAd-publication-editor-main .emojiPicker emoji-picker {
    width: 100%;
    max-width: 100%;
    max-height: inherit;
    box-shadow: 0 12px 26px rgba(23, 34, 54, .18);
}

.background-selector {
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap !important;
    min-width: 100%;
    width: max-content !important;
    padding: 3px;
}

.background-selector .backgroundTemplateItem {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    overflow: hidden;
}
.backgroundTemplateItem {
    background: var(--selfad-template-bg, transparent);
    color: var(--selfad-template-text, inherit);
}

.backgroundTemplateItem-clear {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    background-color: #dcdcdc;
    color: #000;
}

.selfad-background-picker-panel {
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 2px 6px;
    -webkit-overflow-scrolling: touch;
}

.backgroundTemplateItem-selected {
    outline: 2px solid #172236;
    outline-offset: 3px;
}

.selfad-collapse-toggle {
    width: 25px;
    height: 25px;
    border: 0;
    border-radius: 50%;
    padding: 0;
    align-items: center;
    justify-content: center;
    background-color: #f5d6dc;
    color: #c8192e;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.selfad-collapse-toggle:focus {
    outline: 2px solid rgba(200, 25, 46, 0.3);
    outline-offset: 2px;
}

input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

#AnnonceurPanelListing .PanelItemImage {
    flex-basis: 74px;
    flex-grow: 0;
}
#AnnonceurPanelListing .PanelItemDescription {
    flex-basis: 200px;
    word-break: break-word;
    padding-left: 10px;
    flex-grow: 3;
}
#AnnonceurPanelListing .PanelItemDate {
    flex-basis: 185px;
    padding-left: 10px;
    flex-grow: 3;
}
#AnnonceurPanelListing .PanelItemActiveToggler {
    flex-basis: 50px;
    flex-grow: 1;
    display: flex;
    justify-content: center
}
#AnnonceurPanelListing .PanelItemStat {
    flex-basis: 65px;
    flex-grow: 1;
    display: flex;
    justify-content: center
}

#AnnonceurPanelListing .statSeparator, #AnnonceurPanelListing .mobileLabelZone, #AnnonceurPanelListing .labelDateMobile {
    display: none;
}
@media screen and (max-width: 1199px) {
    #AnnonceurPanelListing .mobileLabelZone {
        display: flex !important;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #AnnonceurPanelListing .statSeparator {
        display: flex;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #AnnonceurPanelListing .PanelItemActiveToggler {
        flex-basis: 70px;
    }

    #AnnonceurPanelListing .PanelItemDate {
        align-items: start;
        align-content: start;
    }
    #AnnonceurPanelListing .AnnonceurPanel-Annonces-header{
        display:none;
    }
    #AnnonceurPanelListing .labelDateMobile {
        display: block;
    }
}

.AnnonceurPanel-search-tool {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
}
@media screen and (max-width: 1200px) {
    .AnnonceurPanel-search-tool {
        max-width: 420px;
        min-width: 420px;
    }
}
@media screen and (max-width: 992px) {
    .AnnonceurPanel-search-tool {
        max-width: none;
        width: 100%;
        max-width: none;
        min-width: 0px;
    }
}

.annonceur-panel-search-input {
    width: 0px;
    flex-grow: 1;
    height: 36px;
}
.annonceur-panel-search-input + div>button{
    height:36px;
}


/*Mobile Mini*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    #AnnonceurPanelListing .mobileLabelZone {
        display: flex !important;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        order: 4;
    }

    #AnnonceurPanelListing .statSeparator {
        display: flex;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        order: 4;
    }

    #AnnonceurPanelListing .AnnonceurPanel-Annonces-header {
        display: none;
    }

    #AnnonceurPanelListing .labelDateMobile {
        display: block;
    }

    #AnnonceurPanelListing .PanelItemDescription {
        order: 3;
        padding: 10px;
    }

    #AnnonceurPanelListing .PanelItemDate {
        width: 100%;
        flex-basis: auto;
        order: 1;
        padding: 0px;
    }

    #AnnonceurPanelListing .PanelItemActiveToggler {
        order: 4;
    }

    #AnnonceurPanelListing .PanelItemStat {
        order: 4;
    }

    #AnnonceurPanelListing .PanelItemImage {
        order: 2;
    }
}
@media screen and (max-width: 560px) {
    #AnnonceurPanelListing .mobileLabelZone {
        display: flex !important;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        order: 4;
    }

    #AnnonceurPanelListing .statSeparator {
        display: flex;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        order: 4;
    }

    #AnnonceurPanelListing .AnnonceurPanel-Annonces-header {
        display: none;
    }

    #AnnonceurPanelListing .labelDateMobile {
        display: block;
    }

    #AnnonceurPanelListing .PanelItemDescription {
        order: 3;
        padding: 10px;
    }

    #AnnonceurPanelListing .PanelItemDate {
        width: 100%;
        flex-basis: auto;
        order: 1;
        padding: 0px;
    }

    #AnnonceurPanelListing .PanelItemActiveToggler {
        order: 4;
    }

    #AnnonceurPanelListing .PanelItemStat {
        order: 4;
    }

    #AnnonceurPanelListing .PanelItemImage {
        order: 2;
    }
}

.sharing-List {
    display:flex;
    flex-wrap:wrap;
}

.sharing-List .logo-publio-sharing{
    width:30px!important;
}

.sharing-List .sharing-arrows{
    transform:rotate(90deg);
    color:black;
}


.sharing-List i {
    width: 25px;
    height: 25px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 14px;
    color: white;
}

.sharing-List i.share-success{    
    background-color: #63BC94;
}

.sharing-List i.share-ongoing {
    background-color: #7Eb1E2;
}

.sharing-List i.share-error {
    background-color: #EB1000;
}

.sharing-List i.share-not-available {
    background-color: #70706F;
}

/*Fin tailles des élément du panel*/
.AnnonceurPanelItem > * {
    flex-grow: 1;
}

.AnnonceurPanelItem:hover {
    background-color: #EAE9EE
}
.PanelItemDescriptionMobile {
    font-weight: bold;
}
@media screen and (max-width: 374px) {
    .PanelItemDescriptionMobile {
        font-size: 11px;
    }
}

.annonceurPanel-form input[type=text] {
    min-height: 35px;
    width: 80%;
}

.annonceurPanel-form .loginManagementIcon {
    border: none;
    font-size: 20px;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border: 1px solid black;
}

@media screen and (max-width: 767px) {
    .selfAdPanelSideSectionLeft {
        order:2;
        margin-right:0px!important;
        margin-top:50px!important;
    }
}

.SelfAdvertiser-UpdateWidgetPlaceholder {
    min-width: 300px;
    max-width: 350px;
    flex-basis: 300px;
    flex-grow: 1;
}
.SelfAdvertiser-UpdateWidgetPlaceholder .sticky-side-content{    
    min-width: 300px;
}

.SelfAdvertiser-UpdateWidget {
    position: relative;
    overflow: visible;
    padding: 20px;
    background-color: white;
    min-width: 300px;
    max-width: 350px;
}
.SelfAdvertiser-UpdateWidget .companyNameHeader {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}
.SelfAdvertiser-UpdateWidget .updateWidgetLogo {
    display:flex;
    justify-content:center;
    width:100%;
    position:absolute;
    top:-25px;
    left:0px;
}
.SelfAdvertiser-UpdateWidget .updateWidgetLogo input{
    position:absolute;
    transform:scale(0);
}
.SelfAdvertiser-UpdateWidget.deactivated .updateWidgetLogo .editLogoIcon{
    display:none;
}
    .SelfAdvertiser-UpdateWidget .updateWidgetLogo .editLogoIcon {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        -moz-box-shadow: 0 0 5px #FFFFFF;
        -webkit-box-shadow: 0 0 5px #FFFFFF;
        box-shadow: 0 0 5px #FFFFFF;
        background-color: #FFFFFFCC;
        padding: 2px;
        border-radius: 5px;
    }
.SelfAdvertiser-UpdateWidget .updateWidgetLogo .pastilleCompagnie, .SelfAdvertiser-UpdateWidget .updateWidgetLogo .LetterAv{
    margin:0px;
}
.SelfAdvertiser-UpdateWidget label {
    font-weight: bold;
    font-size: 14px;
}
.SelfAdvertiser-UpdateWidget input {
    font-size: 14px;
    background-color: transparent;
    color: black;
    padding:0px;
}
.SelfAdvertiser-UpdateWidget.deactivated input {
    border: none !important;
}
.SelfAdvertiser-UpdateWidget.deactivated .scheduleManagementIcon {
    display:none;
}
.scheduleManagementIcon{
    margin-left:5px;
}
.SelfAdvertiser-UpdateWidget .editIcon {
    position: absolute;
    right: 0px;
}

.scheduleDays {
    width: 75px;
    font-size: 14px;
}
.scheduleHours{
    width:125px;
}
.scheduleHours input {
    font-size: 14px;
    width: 44px;
    text-align: center;
}
.tempus-dominus-widget {
    border-radius: 20px!important;
    box-shadow: 0px 0px 20px #0000001A!important;
    overflow: hidden!important;
    z-index: 20000 !important;
}

.TempusTimeOnlyPicker {
    width: 8rem !important;
}

.selfAdPanelNavigation {
    background-color: white;
    padding: 5px;
    min-width: 300px;
    max-width: 350px;
    display: flex;
    justify-content: center;
    font-weight: bold;
    margin-top: 20px;
    align-items: center;
    font-size: 14px;
}
.selfAdPanelNavigation.active{
    background-color:#3071B9;
    color:white;
}

.SelfAdDescWebkitClamp:hover .DescCompl {
    display: block;
}

.selfad-DataSection-Title{
    font-size:20px;
    font-weight:bold;
}


.DescCompl {
    display: none;
    background: #FFFFFF;
    border-radius: 15px;
    margin-left: 28px;
    padding: 10px;
    position: fixed;
    z-index: 1000;
    width: 300px;
    box-shadow: 0px 0px 1px 1px #CCC;
}

.annonce-tool .annonce-padding {
    padding: 10px!important;
}

.annonce-tool a.pastilleCompagnie-wrapper {
    position: relative;
    display: flex;
}

.annonce-tool a.pastilleCompagnie-wrapper:hover::after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    background-color: #F0F0F0;
    opacity: 0.6;
    content: "";
    border-radius: 50%;
}
.annonce-tool a.pastilleCompagnie-wrapper .pastilleCompagnie {
    margin-right: 0px;
}
.annonce-tool .annonce-tool-input {
    position: relative;
    display: flex;
    border-radius: 10px;
    text-decoration:none!important;
    font-size:18px;    
    color:inherit!important;
}
.annonce-tool .annonce-tool-input * {
    border-radius:10px;
}
.annonce-tool .annonce-tool-input:hover::after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #F0F0F0;
    opacity: 0.6;
    content: "";    
    border-radius:10px;
}
.annonce-tool-file-input-label {
    position: relative;
    display: flex;
    border-radius: 25px;
    text-decoration: none !important;
    font-size: 18px;
    color: inherit !important;
    cursor:pointer;
}
.annonce-tool-file-input-label:hover::after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #F0F0F0;
    opacity: 0.6;
    content: "";
}
/*Règle de l'upload*/
:root {
    --upload-progress-background: linear-gradient(to right, #7EB1E2 0%, #F0F0F0 50%);
    --upload-progress-percent: 0%;
    --upload-progress-string: "0%";
    --publio-upload-blue: #4F9FD9;
}
.annonce-tool-file-input-label.complete {
    background-color: #319F4F !important;
}
/*
.annonce-tool-file-input-label.upload-going {
    background: var(--upload-progress-background)!important;
}
*/

.upload-going {
    padding: 3px 6px 0px 6px;
    display: block!important;
    position:relative;
}
.upload-going::before {
    content: var(--upload-progress-string);
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size:50px;
    color: #FFFFFF;
    z-index:2;
}
.upload-going:after {
    content: '';
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    background-color: transparent;
    background-image: conic-gradient(#7EB1E2, #7EB1E2 var(--upload-progress-percent), transparent var(--upload-progress-percent));
    z-index: -100;
    border-radius: inherit;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview #video-preview.upload-going {
    padding: 0;
    display: block !important;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview #video-preview.upload-going::before {
    z-index: 4;
    line-height: 1;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .45);
    pointer-events: none;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview #video-preview.upload-going::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    display: block;
    padding: 4px;
    border-radius: inherit;
    pointer-events: none;
    background:
        conic-gradient(
            from -90deg,
            var(--publio-upload-blue) 0 var(--upload-progress-percent),
            rgba(255, 255, 255, .34) var(--upload-progress-percent) 100%
        );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview #video-preview.upload-going .selfad-media-preview-delete {
    z-index: 5;
}

.annonce-tool-button {
    height: 35px;
    margin-bottom: 0px;
    margin-top: 15px;
    border-radius: 25px;
    overflow: hidden;
}

.annonce-tool-input {
    width: 100%;
    height: 100%;
}
.annonce-tool-input input{
    width: 100%;
}

@media screen and (min-width: 1401px) {
    .selfAd-publication-editor-shell {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 675px) minmax(0, 1fr);
        align-items: start;
        column-gap: 24px;
    }

    .selfAd-publication-editor-side-left {
        grid-column: 1;
        justify-self: start;
        width: 100%;
        max-width: 375px;
        margin-right: 0 !important;
        flex-grow: 0 !important;
    }

    .selfAd-publication-editor-main {
        grid-column: 2;
        justify-self: center;
        width: 100%;
        max-width: 675px;
        margin-left: auto;
        margin-right: auto;
        flex-grow: 0 !important;
    }

    .selfAd-publication-editor-side-right {
        grid-column: 3;
        justify-self: end;
        width: 100%;
        max-width: 300px;
        margin-left: 0 !important;
        flex-grow: 0 !important;
    }
}

@media screen and (max-width: 1400px) {
    .selfAd-publication-editor-main {
        width: 100%;
        max-width: 675px;
        margin-left: auto;
        margin-right: auto;
        flex-grow: 0 !important;
    }
}

@media screen and (max-width: 1400px) {
    .selfAd-Form-layout #sidebar {
        display: none !important;
    }
}

@media screen and (max-width: 1199px) {
    .selfAd-Form-layout .selfAdSideSectionLeft .selfAdSideSectionLeftPublication{
        margin-top: 50px;
        order: 2;
        flex-grow:0!important;
    }
}

.backgroundPickerIcon {
    position: absolute;
    left: 10px;
    font-size: 18px;
}

.emojiPickerIcon {
    position: absolute;
    right: 10px;
    font-size: 18px;
}

.emojiPicker, .backgroundPicker {
    display: none;
    justify-content: end;
    width: 100%;
    position: relative;
}

.emojiPicker.shown, .backgroundPicker.shown {
    display: flex;
}

.selfAd-publication-editor-main .emojiPicker {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(560px, 100%);
    justify-content: flex-end;
    z-index: 30;
}

.selfAd-publication-editor-main .emojiPicker emoji-picker {
    max-width: 100%;
    box-shadow: 0 12px 26px rgba(23, 34, 54, .18);
}

.background-selector{
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap !important;
    min-width: 100%;
    width: max-content !important;
    padding: 3px;
}

.background-selector .backgroundTemplateItem {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    overflow: hidden;
}

#selfAd_DescriptionView {
    width: 100%;
    height: 100%;
    min-height: 80px;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    padding-bottom: 1.35rem;
    outline: none;
    font-family: inherit;
}
#selfAd_DescriptionView * {
    width: 100%;
}

#selfAdBackgroundTarget {
    min-height: 190px;
    border: 1px solid #dfe4eb;
    border-radius: 22px;
    background-color: #fff;
}

#selfAdBackgroundTarget.selfAdBackground-EditorTemplate {
    background: var(--selfad-template-bg, #fff);
    color: var(--selfad-template-text, inherit);
}

#selfAdBackgroundTarget.selfAdBackground-EditorTemplate #selfAd_DescriptionView,
#selfAdBackgroundTarget.selfAdBackground-EditorTemplate #selfAd_DescriptionView * {
    color: inherit;
}

.selfAd-publication-editor-main .annonce-tool .PubNeomediaBigBlockData .description {
    padding-bottom: 0 !important;
}

.selfAd-publication-editor-main .annonce-tool .userData {
    flex-wrap: nowrap;
    align-items: flex-start;
}

.selfAd-publication-editor-main .annonce-tool .pastilleCompagnie,
.selfAd-publication-editor-main .annonce-tool .LetterAv {
    flex: 0 0 auto;
}

.selfAd-publication-editor-main .annonce-tool .NomDate {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 0;
    min-width: 0;
}

.selfAd-publication-editor-main .annonce-tool .NomDate .nom {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selfAd-publication-editor-main .annonce-tool .NomDate .date {
    display: block;
    text-align: left;
}

.selfAd-publication-editor-main .annonce-tool #selfAdBackgroundTarget {
    min-height: 155px;
}

.selfAd-publication-editor-main .annonce-tool .picker-zone {
    height: 42px;
    margin-top: 0;
}

.selfAd-publication-editor-main .annonce-tool .annonce-tool-button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.selfAd-publication-editor-main .annonce-tool > .PubNeomediaBigBlockData.annonce-padding.pb-0 {
    padding-bottom: 0 !important;
}

.selfAd-publication-editor-main .annonce-tool > .annonce-padding.pt-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.selfAd-publication-editor-main .ad-preview .annonce-tool.PubNeomediaBigBlock {
    border-radius: 20px !important;
    overflow: visible;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.selfAd-publication-editor-main .selfad-media-preview-wrapper {
    box-sizing: border-box;
    padding: 0 10px 10px;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview:empty {
    display: none !important;
    padding: 0 !important;
}

.selfAd-publication-editor-main .selfad-media-preview-wrapper:has(#mosaicPreview:empty) {
    display: none !important;
    padding: 0 !important;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview .selfad-media-thumb {
    position: relative;
    flex: 0 0 min(120px, calc((100% - 24px) / 4));
    max-width: min(120px, calc((100% - 24px) / 4));
    min-width: 64px;
    aspect-ratio: 9 / 16;
    box-sizing: border-box;
    border: 1px solid rgba(23, 34, 54, .22);
    border-radius: 10px;
    background: #111;
    overflow: hidden;
    line-height: 0;
    box-shadow: 0 1px 2px rgba(23, 34, 54, .12);
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview .selfad-media-thumb-open {
    appearance: none;
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    cursor: zoom-in;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview .selfad-media-thumb img,
.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview .selfad-media-thumb video {
    display: block;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: #000;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview .selfad-media-thumb .selfad-video-generated-thumbnail {
    object-fit: cover !important;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview .selfad-media-thumb video {
    object-fit: cover !important;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview .selfad-media-thumb-video::after {
    content: none;
    display: none;
}

.selfAd-publication-editor-main #mosaicPreview.selfad-media-preview .selfad-media-preview-delete.PreviewDeleteIcon {
    right: 6px;
    top: 6px;
    z-index: 2;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
}

.selfad-media-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0, 0, 0, .88);
}

.selfad-media-lightbox.is-open {
    display: flex;
}

body.selfad-media-lightbox-open {
    overflow: hidden;
}

.selfad-media-lightbox-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.selfad-media-lightbox-content img,
.selfad-media-lightbox-content video {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    background: #000;
}

.selfad-media-lightbox-content .selfad-media-lightbox-video {
    width: min(100%, 1280px) !important;
    height: min(100%, 720px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    background: #000;
}

.selfad-media-lightbox-close {
    position: fixed;
    right: 18px;
    top: 18px;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    font-size: 22px;
    cursor: pointer;
}

.selfAd-publication-editor-main .ad-preview,
.selfAd-publication-editor-main .selfad-SocialSyncSection-Title,
.selfAd-publication-editor-main #accordionSync,
.selfAd-publication-editor-main .selfad-FormDateFields-wrapper,
.selfAd-publication-editor-main .selfad-FormButton-wrapper {
    --selfad-editor-section-width: 100%;
    box-sizing: border-box;
    width: var(--selfad-editor-section-width, 100%) !important;
}

.selfAd-publication-editor-main .selfad-FormButton-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    justify-content: stretch;
}

.selfAd-publication-editor-main .selfad-FormButton-wrapper > * {
    flex: 1 1 0 !important;
    width: 100% !important;
    height: 42px;
    max-width: none;
    min-width: 0;
}

.selfAd-publication-editor-main .selfad-FormButton-wrapper .hoverTooltip {
    display: flex;
    align-items: stretch;
}

.selfAd-publication-editor-main .selfad-FormButton-wrapper .selfAdPanelButton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 24px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1 !important;
    text-align: center;
}

.selfAd-publication-editor-main #accordionSync.social-sync-platform-list {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    align-content: stretch !important;
    justify-content: flex-start !important;
    column-count: 1 !important;
    columns: auto !important;
    row-gap: .5rem !important;
    border-radius: 18px;
    padding: 12px 16px !important;
}

.selfAd-publication-editor-main .selfad-SocialSyncSection-Title {
    color: #172236;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 8px;
}

.selfAd-publication-editor-main .selfad-OutsideSectionTitle {
    color: #172236;
    font-size: 1.25rem;
    font-weight: 400;
}

.selfAd-publication-editor-main #accordionCat .AnimatedCheckboxList {
    row-gap: .5rem;
}

.selfAd-publication-editor-main #accordionCat .AnimatedCheckboxList > * {
    margin-top: 0 !important;
}

.selfAd-publication-editor-main #accordionCat .AnimatedCheckboxList-item > label:not(.Animated-checkbox) {
    color: #172236;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 !important;
}

.selfAd-publication-editor-main #accordionSync > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.selfAd-publication-editor-main #accordionSync.social-sync-platform-list {
    row-gap: .5rem !important;
}

.selfAd-publication-editor-main #accordionSync .social-platform-options-youtube:not(.show),
.selfAd-publication-editor-main #accordionSync .social-platform-options-pinterest:not(.show),
.selfAd-publication-editor-main #accordionSync .social-platform-options-reddit:not(.show),
.selfAd-publication-editor-main #accordionSync .social-platform-options-tiktok:not(.show) {
    display: none !important;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption {
    min-height: 24px;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption.mt-3 {
    margin-top: 0 !important;
}

.selfAd-publication-editor-main .selfad-FormDateFields-wrapper .tbCalendrier {
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    color: #172236 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    padding: 0 16px !important;
}

.selfAd-publication-editor-main .selfad-FormDateFields-wrapper {
    align-items: flex-start;
    gap: 0 14px;
}

.selfAd-publication-editor-main .selfad-FormDateFields-wrapper .form-group {
    margin-bottom: 14px;
    padding-left: 0;
    padding-right: 0;
}

.selfAd-publication-editor-main .selfad-FormDateFields-wrapper label {
    display: block;
    margin: 0 0 8px !important;
    color: #172236;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
}

.selfAd-publication-editor-main #accordionSync .selfAdCheckBox {
    display: none !important;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption:not(.d-none) {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    line-height: 1.2;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption.d-none {
    display: none !important;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption > label:not(.Animated-checkbox) {
    min-width: 0;
    flex: 0 1 auto;
    margin: 0 !important;
    font-size: 14px;
    font-weight: 400;
}

.selfAd-publication-editor-main #accordionSync .tikTokOptions .d-flex.align-items-center {
    display: grid !important;
    grid-template-columns: 21px minmax(0, auto);
    align-items: center !important;
    column-gap: 9px;
    row-gap: 0;
    margin-right: 18px !important;
}

.selfAd-publication-editor-main #accordionSync .tikTokOptions .Animated-checkbox {
    grid-column: 1;
    margin: 0 !important;
}

.selfAd-publication-editor-main #accordionSync .tikTokOptions .d-flex.align-items-center > label:not(.Animated-checkbox) {
    grid-column: 2;
    margin: 0 !important;
    line-height: 1.2;
}

.selfAd-publication-editor-main #accordionSync .socialSyncTooltip {
    display: none !important;
    z-index: 10051;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption > .socialSyncInfo.hoverTooltip {
    z-index: 10050;
}

.selfAd-publication-editor-main #accordionSync .socialSyncInfo.hoverTooltip:hover .socialSyncTooltip:not(:empty),
.selfAd-publication-editor-main #accordionSync .socialSyncInfo.hoverTooltip:focus .socialSyncTooltip:not(:empty),
.selfAd-publication-editor-main #accordionSync .socialSyncInfo.hoverTooltip:focus-within .socialSyncTooltip:not(:empty) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption > .Animated-checkbox {
    display: block;
    margin: 0 !important;
    flex: 0 0 21px;
    width: 21px;
    min-width: 21px;
    max-width: 21px;
    height: 21px;
    min-height: 21px;
    max-height: 21px;
    border: 2px solid #333333;
    border-radius: 5px;
    background-color: transparent;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption > .socialSyncInfo {
    order: 3;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border: 0;
    border-radius: 0;
    color: #667085;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    cursor: help;
    user-select: none;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption > .socialSyncInfo .socialSyncInfoIcon {
    display: block;
    width: 1em;
    height: 1em;
    line-height: 1;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption > .socialSyncInfo .socialSyncInfoIcon::before {
    content: none !important;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption > .socialSyncInfo .socialSyncInfoIcon .svg-inline--fa {
    display: block;
    width: 1em;
    height: 1em;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption > .socialSyncInfo.d-none {
    display: none !important;
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption > .Animated-checkbox::before {
    top: 15px;
    left: 8px;
    width: 4px;
    height: 0;
    border-radius: 5px;
    background-color: #34b93d;
    box-shadow: none;
    transform: rotate(-135deg);
}

.selfAd-publication-editor-main #accordionSync .socialSyncOption > .Animated-checkbox::after {
    display: inline-block;
    top: 8px;
    left: 1px;
    width: 4px;
    height: 0;
    border-radius: 5px;
    background-color: #34b93d;
    transform: rotate(-45deg);
}

.selfAd-publication-editor-main #accordionSync .selfAdCheckBox:checked ~ .Animated-checkbox::after {
    height: 10px;
    animation: dothabottomcheck 0.2s ease 0s forwards;
}

.selfAd-publication-editor-main #accordionSync .selfAdCheckBox:checked ~ .Animated-checkbox::before {
    height: 25px;
    animation: dothatopcheck 0.4s ease 0s forwards;
}

@media screen and (max-width: 767px) {
    .selfAd-publication-editor-main {
        box-sizing: border-box;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .selfAd-publication-editor-main .selfad-SocialSyncSection-Title {
        font-size: 1.25rem;
        font-weight: 400;
        margin-bottom: 8px;
    }

    .selfAd-publication-editor-main #accordionSync.social-sync-platform-list {
        border-radius: 18px;
        padding: 12px 16px !important;
        margin-bottom: 18px !important;
        row-gap: .5rem !important;
    }

    .selfAd-publication-editor-main #accordionSync .socialSyncOption:not(.d-none) {
        display: flex !important;
        gap: 9px !important;
        min-height: 24px;
    }

    .selfAd-publication-editor-main .selfad-FormDateFields-wrapper {
        gap: 0;
    }

    .selfAd-publication-editor-main .selfad-FormDateFields-wrapper .form-group {
        margin-bottom: 12px;
    }
}

.selfAdBackground-TemplateBase, .PubNeomediaBigBlockData .description.selfAdBackground-TemplateBase {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    background: var(--selfad-template-bg, transparent);
    color: var(--selfad-template-text, inherit);
}
.selfAdBackground-TemplateBase * {
    color: inherit;
}

.selfad-FormButton-wrapper {
    flex-basis: 410px;
    justify-content: stretch;
    gap: 10px;
}

.selfad-FormDateFields-wrapper > *{
    flex-basis:320px;
    max-width:48%;
}


@media screen and (max-width: 374px) {
    .selfad-FormButton-wrapper > * {
        width: 100% !important;
        max-width: none;
    }

    .selfad-FormDateFields-wrapper > * {
        width:100%;
        max-width: none;
    }
}

.mb22px {
    margin-bottom: 22px !important;
}

.urlCompany {
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    font-weight: normal;
}

.descriptionCompany {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Styles pour la grille d'annonces _AdsGrid.cshtml */

/* Suppression des bordures arrondies pour la grille d'annonces */
.selfad-grid .selfAdStandardBorder,
.selfad-grid .selfAdStandardBorder *,
.selfad-grid .PubNeomediaBigBlock,
.selfad-grid .PubNeomediaBigBlock * {
    border-radius: 0 !important;
}

/* Suppression du soulignement au survol */
.selfad-grid a,
.selfad-grid a:hover,
.selfad-grid a:focus,
.selfad-grid a:active {
    text-decoration: none !important;
}

/* VERSION DESKTOP */
.selfad-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--flyer-feed-gap, 1rem);
    margin: 0 0 var(--flyer-feed-gap, 1rem) 0;
    padding: 0;
}

.selfad-grid .col-12 {
    padding: 0;
}

.selfad-grid .col-md-6 {
    flex: 0 0 calc(50% - (var(--flyer-feed-gap, 1rem) / 2));
    max-width: calc(50% - (var(--flyer-feed-gap, 1rem) / 2));
}

.selfad-grid .PubNeomediaBigBlock {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
    margin: 0 !important;
    background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 0 !important;
    padding: 18px;
}

.selfad-grid .PubNeomediaBigBlock > * {
    margin-bottom: 0 !important;
}

.selfad-grid .annonce-padding {
    padding: 0;
}

.selfad-grid .listingAd-companyName {
    text-align: left;
    font: normal normal bold 22px/30px 'Segoe UI', sans-serif;
    letter-spacing: 0px;
    color: #060000;
    opacity: 1;
    padding-top: 0;
    margin-bottom: 0;
}

.selfad-grid .listingAd-companyName span {
    display: block;
}

.selfad-grid .description {
    text-align: left;
    font: normal normal normal 15px/20px 'Segoe UI', sans-serif;
    letter-spacing: 0px;
    color: #060000;
    opacity: 1;
    margin: 0;
}

/* Sélecteur de type d'affichage (grille / liste) pour la catégorie circulaires */
.selfad-view-toggle {
    display: flex;
    align-items: center;
}

.selfad-view-icon {
    width: 21px;
    height: 21px;
    font-size: 20px;
    line-height: 21px;
    margin-left: 6px;
    cursor: pointer;
    color: #70706F;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.selfad-view-icon-active {
    color: #7EB1E2;
}

.flyer-toolbar {
    gap: 0;
    align-items: center;
    justify-content: center;
    background-color: #e9eff6;
}

.flyer-toolbar .selfad-view-toggle {
    margin-left: 12px;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.flyer-category-pills {
    gap: 0;
}

.flyer-category-pill {
    border: 1px solid #70706F;
    background: transparent;
    color: #70706F;
    padding: 0 12px;
    height: 26px;
    margin: 6px 2px 6px 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font: normal normal bold 13px/3px 'Inter', sans-serif;
    text-align: center;
    letter-spacing: 0;
    opacity: 1;
    cursor: pointer;
    transition: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
}

.flyer-category-pill:first-child {
    margin-left: 0;
}

.flyer-category-pill:hover,
.flyer-category-pill:focus,
.flyer-category-pill:focus-visible,
.flyer-category-pill:active {
    border-color: #70706F !important;
    color: #70706F !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none;
    filter: none;
}

.flyer-category-pill-active,
.flyer-category-pill-active:hover,
.flyer-category-pill-active:focus,
.flyer-category-pill-active:focus-visible,
.flyer-category-pill-active:active {
    background: #7EB1E2 !important;
    color: #fff !important;
    border-color: #7EB1E2 !important;
    box-shadow: none !important;
    outline: none !important;
}

@media (max-width: 767.98px) {
    .flyer-toolbar {
        justify-content: center;
        padding-left: 14px;
        padding-right: 14px;
    }
    .selfad-view-toggle {
        margin-left: auto !important;
    }
    .flyer-category-pill {
        font: normal normal bold 11px/2px 'Inter', sans-serif;
        padding: 0 6px;
    }
    .flyer-category-pill-active {
        font: normal normal bold 11px/2px 'Inter', sans-serif;
    }
}

.flyer-feed-page {
    --flyer-feed-gap: var(--publication-feed-gap, 1rem);
}

.flyer-feed-header {
    position: sticky;
    top: var(--flyer-feed-sticky-top, 122px);
    z-index: 900;
    background-color: var(--bg-page, #e9eff6) !important;
    padding-top: var(--flyer-feed-gap);
    padding-bottom: var(--flyer-feed-gap);
}

@media (max-width: 767.98px) {
    #SelfAdMain.flyer-feed-page {
        --flyer-feed-sticky-top: 124px;
    }
}

.flyer-feed-page .flyer-toolbar {
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-right: 0;
    row-gap: var(--flyer-feed-gap);
    column-gap: var(--flyer-feed-gap);
}

.flyer-feed-page .flyer-toolbar .selfad-view-toggle {
    margin-left: 0 !important;
}

.flyer-feed-page .flyer-category-pills {
    gap: var(--flyer-feed-gap);
}

.flyer-feed-page .flyer-category-pill {
    margin: 0 !important;
}

@media (max-width: 920px) {
    #SelfAdMain.flyer-feed-page .flyer-feed-header {
        padding-left: 12px;
        padding-right: 12px;
    }
}

#SelfAdMain.flyer-feed-page #shortSliderWrapper {
    margin-bottom: var(--flyer-feed-gap) !important;
}

#SelfAdMain.flyer-feed-page #createExpressWrapper > .express-tool-wrapper {
    margin-bottom: 0 !important;
}

#SelfAdMain.flyer-feed-page .selfad-grid {
    gap: var(--flyer-feed-gap);
    margin-bottom: var(--flyer-feed-gap);
}

#SelfAdMain.flyer-feed-page .selfad-grid .flyer-grid-item {
    flex-basis: calc(50% - (var(--flyer-feed-gap) / 2));
    max-width: calc(50% - (var(--flyer-feed-gap) / 2));
}

.selfad-grid .selfad-grid-content {
    display: grid;
    grid-template-rows: auto auto;
    gap: 12px;
}

.selfad-grid .selfad-grid-image-clip {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.selfad-grid .selfad-grid-image-wrapper {
    width: 100%;
    height: auto;
    overflow: visible;
    background-color: #000000;
    border-radius: 0 !important;
    position: relative;
}

.selfad-grid .selfad-grid-image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left top;
    display: block;
    border-radius: 0 !important;
}

.selfad-grid .selfad-grid-info {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 12px;
}

.selfad-grid .selfad-grid-text {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.selfad-grid .selfad-grid-share-icon {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #060000;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color 0.2s ease;
}

.selfad-grid .selfad-grid-share-icon:hover,
.selfad-grid .selfad-grid-share-icon:focus-visible {
    color: #1A1A1A;
}

@media screen and (min-width: 992px) {
    .selfad-grid .selfad-grid-share-icon {
        width: 20px;
        height: 21px;
        font-size: 20px;
    }
}

.selfad-grid .description p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    word-break: break-word;
}

/* VERSION TABLET */
@media screen and (max-width: 991px) {
    .selfad-grid {
        gap: var(--flyer-feed-gap, 1rem);
        margin-bottom: var(--flyer-feed-gap, 1rem);
    }

    .selfad-grid .col-md-6 {
        flex: 0 0 calc(50% - (var(--flyer-feed-gap, 1rem) / 2));
        max-width: calc(50% - (var(--flyer-feed-gap, 1rem) / 2));
    }

    .selfad-grid .PubNeomediaBigBlock {
        margin: 0 !important;
        padding: 7px;
    }

    .selfad-grid .annonce-padding {
        padding: 0;
    }

    .selfad-grid .listingAd-companyName {
        font-size: 18px;
        margin-bottom: 0;
    }

    .overflow-show {
        overflow: visible;
    }

}

/* VERSION MOBILE */
@media screen and (max-width: 767px) {
    .selfad-grid {
        gap: var(--flyer-feed-gap, 1rem);
        margin-bottom: var(--flyer-feed-gap, 1rem);
    }

    .selfad-grid .col-12,
    .selfad-grid .col-md-6 {
        flex: 0 0 calc(50% - (var(--flyer-feed-gap, 1rem) / 2));
        max-width: calc(50% - (var(--flyer-feed-gap, 1rem) / 2));
    }

    .selfad-grid .selfad-grid-image-clip {
        aspect-ratio: 1 / 1;
    }

    .selfad-grid .PubNeomediaBigBlock {
        margin: 0 !important;
        padding: 7px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    }

    .selfad-grid .annonce-padding {
        padding: 0;
    }

    .selfad-grid .listingAd-companyName {
        text-align: left;
        font: normal normal bold 14px/19px 'Segoe UI', sans-serif;
        letter-spacing: 0px;
        color: #060000;
        opacity: 1;
        margin-bottom: 0;
    }

    .selfad-grid .description {
        text-align: left;
        font: normal normal normal 11px/15px 'Segoe UI', sans-serif;
        letter-spacing: 0px;
        color: #060000;
        opacity: 1;
    }

    .overflow-show {
        overflow: visible;
    }
}

/* TRÈS PETITS ÉCRANS */
@media screen and (max-width: 480px) {
    .selfad-grid {
        gap: var(--flyer-feed-gap, 1rem);
        margin-bottom: var(--flyer-feed-gap, 1rem);
    }

    .selfad-grid .col-12,
    .selfad-grid .col-md-6 {
        flex: 0 0 calc(50% - (var(--flyer-feed-gap, 1rem) / 2));
        max-width: calc(50% - (var(--flyer-feed-gap, 1rem) / 2));
    }

    .selfad-grid .PubNeomediaBigBlock {
        margin: 0 !important;
        padding: 7px;
    }

    .selfad-grid .annonce-padding {
        padding: 0;
    }

    .selfad-grid .listingAd-companyName {
        font: normal normal bold 14px/19px 'Segoe UI', sans-serif;
        letter-spacing: 0px;
        color: #060000;
        opacity: 1;
        margin-bottom: 0;
    }

    .selfad-grid .description {
        text-align: left;
        font: normal normal normal 11px/15px 'Segoe UI', sans-serif;
        letter-spacing: 0px;
        color: #060000;
        opacity: 1;
    }

    .overflow-show {
        overflow: visible;
    }
}