.elementor-19842 .elementor-element.elementor-element-05446fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:300px;--padding-bottom:300px;--padding-left:0px;--padding-right:0px;}.elementor-19842 .elementor-element.elementor-element-05446fe:not(.elementor-motion-effects-element-type-background), .elementor-19842 .elementor-element.elementor-element-05446fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://guidesdugrandlarge.fr/wp-content/uploads/2025/11/voilier-guides-grand-large-mail-hero.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-19842 .elementor-element.elementor-element-05446fe, .elementor-19842 .elementor-element.elementor-element-05446fe::before{--border-transition:0.3s;}.elementor-19842 .elementor-element.elementor-element-ecb2941{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19842 .elementor-element.elementor-element-aaede67{text-align:center;}.elementor-19842 .elementor-element.elementor-element-aaede67 .elementor-heading-title{color:var( --e-global-color-primary_hover );}.elementor-19842 .elementor-element.elementor-element-3d19419 > .elementor-widget-container{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}body.elementor-page-19842{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-19842 .elementor-element.elementor-element-ecb2941{--content-width:98%;}}/* Start custom CSS for babe-all-courses, class: .elementor-element-3d19419 */#all-courses-table thead {
  position: sticky;
  top: 0;
  background: #fff;
  text-wrap: nowrap;
}

table.dataTable th.dt-type-numeric div.dt-column-header {
    flex-direction: row !important;
    text-align: left !important;
}

div.dt-layout-cell.dt-layout-full {
     overflow: scroll;
    height: 750px;
}

@media (max-width: 1200px) {
    #all-courses-table thead {
        display: none;
    }

    #all-courses-table tr{
        display: block;
        margin-bottom: 40px;
    }

    #all-courses-table td {
        display: flex;
        justify-content: space-between;
        text-align: right;
        width: 100vw;
    }

    #all-courses-table td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        width: 10rem;
        text-align: left;
    }
}/* End custom CSS */
/* Start custom CSS */button.print-btn{
    padding: 0.5rem;
  margin-left: 0.5rem;
}/* End custom CSS */