@media only screen and (min-width: 769px) {
    .ulDisabled{
        pointer-events: none;
        opacity: 0.33;
    }
    #search {
        height: auto;
    }
    #search h1 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 24px;
    }
    #search form {
        margin: 0 0 0 0px;
    }
    #search form .inside {
        border-bottom: 1px solid;
    }
    #modal-recherche {
        height: 215px;
        overflow: auto;
    }
    .inputRecherche {
        width: 100%;
        background-color: #edf5ea;
    }
    .cadre {
        width: 680px;
        margin-left: 33.7%;
        background-color: #edf5ea;
        border-radius: 10px 10px 0 0;
    }
    .containerDesktopEntete {
        background-color: #edf5ea;
        height: 46px;
        width: 677px;
        margin-left: 34%;
    }
    #onglets.container {
        width: 1230px;
        max-width: none !important;
    }
    #onglets .buttons-search {
        margin-left: 0.5%;
        text-align: center;
        width: 730px;
    }
    #onglets .buttons-search a, #onglets .buttons-search span {
        display: inline-block;
        float: left;
        height: 46px;
        margin-right: 10px;
        text-align: center;
        width: 22%;
        background-color: #edf5ea;
    }
    #onglets .buttons-search a.last, #onglets .buttons-search span.last {
        margin: 0;
    }
    #onglets .buttons-search a span, #onglets .buttons-search a.clickable {
        cursor: pointer;
    }
    #onglets .buttons-search a span.active, #onglets .buttons-search a.clickable.active {
        text-decoration: underline;
        border-radius: 10px 10px 0 0;
        color: #5a545a;
        background-color: white;
    }
    #onglets .buttons-search a span.active.alone, #onglets .buttons-search a.clickable.active.alone {
        float: none;
    }
    #onglets .buttons-search a span:hover, #onglets .buttons-search a.clickable:hover, #onglets .buttons-search a span:focus, #onglets .buttons-search a.clickable:focus {
        outline: none;
    }
    #onglets #contentArticles, #onglets #contentCentres, #onglets #contentFormations, #onglets #contentContratsPro {
        width: 100%;
    }
    #onglets #contentArticles #nombre-formation, #onglets #contentCentres #nombre-formation, #onglets #contentFormations #nombre-formation, #onglets #contentContratsPro #nombre-formation {
        margin-bottom: 12px;
    }


    .cadre {
        width: 680px;
        margin-left: 40%;
        background-color: #edf5ea;
        border-radius: 10px 10px 0 0;
    }
    .containerDesktopEntete {
        background-color: #edf5ea;
        height: 46px;
        width: 679.5px;
        margin-left: 34.7%;
    }
    div ul li.checked:before {
        background-color: white;
        border: 1px solid #dedede;
        content: "";
        cursor: pointer;
        height: 21px;
        left: 0;
        position: absolute;
        top: 0;
        width: 21px;
    }
    #isEligibleCP:before{
        background-color: white;
        border: 1px solid #dedede;
        content: "";
        cursor: pointer;
        height: 21px;
        left: 0;
        position: absolute;
        top: 0;
        width: 21px;
    }
    .span_droite{
        width: 66.3% !important;
        margin-left: 1% !important;
        background-color: white;
        margin-bottom: 1%;
    }
    .span_droite_first{
        float: right;
        justify-content: center;
        width: 100% !important;
        margin-left: 0 !important;
    }

}

@media only screen and (max-width: 769px){
    .clickable{
        width: 100% !important;
    }
    .buttons-desktop{
        width: 100vw !important;
        display: inline-grid;
    }
}

@media only screen and  (max-width : 769px) {
    .span_dessous{
        width:100% !important;
        margin-left: 1% !important;
        background-color: white;
        margin-bottom: 1%;
    }

    #facet.facet-mobile {
        display: block;
        position: unset;
        border: unset;
        border-bottom: unset;
        top: unset;
    }
    .blocformations{
        display: block;
    }
    .blocArticles{
        margin-top: 10%;
        display: block;
    }
}
.green-button{
    line-height: 2.875;
    font-size: 16px;
    font-size: 1.6rem !important;
    background-color: #44a33d;
    color: white !important;
    display: block;
    text-align: center;
    top: 20px;
    width: 300px;
    margin: 0 auto;
    font-family: "raleway-bold" !important;
}
.yxt-SearchBar-container {
    display: flex;
    border-radius: 5px !important;
    border: none !important;
}


#indicatorsDisplay{
    display: inline-flex;
    flex-wrap: wrap;
}

.indicator-panel{
    width: 348px;
    margin: 20px;
    box-shadow: 0 0 1em lightblue;
    border-radius: 10px;
    padding: 10px;
    height: fit-content;
}

.indicator-panel h2{
    color: #00a0e0;
}

.indicator-panel p{
    font-family: "raleway-semibold";
}

.indicator-panel a:hover{
    text-decoration: underline !important;
}

/*
 * Style Widget
 */
.qualiopi-title {
    font-family: "raleway-regular" !important;
    color: #5a545a !important;
}
.qualiopi-img {
    display: inline-block;
    width: 10%;
}
.qualiopi-value {
    display: inline-block;
    width: 40%;
    height: 50px;
    font-size: 35px;
    text-align: right;
}
.qualiopi-value-new-product{
    display: inline-block;
    height: 50px;
    font-size: 35px;
    text-align: right;
}
.qualiopi-key {
    display: inline-block;
    width: 46%;
    height: 50px;
    vertical-align: super;
    font-family: "raleway-semibold";
    font-size: 12px;
}
.qualiopi-stats {
    padding: 15px;
    width: 334px;
    margin-left:-8px;
    background-color: white;
    font-family: "raleway-bold";
    color: #e3007e;
}
/** Adaptation au Samsung S8+ **/
@media (max-width:360px)
{
    .afpa-hmp .global-homepage{
        min-width: 110%;
        margin-left: -24px;
    }
    .afpa-hmp .home-image img{
        width: 103%;
        margin-left: -14px;
    }
    .afpa-hmp .global-homepage .orientation-global
    {
        padding-right: 16px;
    }
    #logos-partenaires .buttons.next
    {
        margin-top: 33px;
    }
    .qualiopi-stats
    {
        width: 334px;
        margin-left: -7px;
    }
}
.qualiopi-stats-two {
    margin-top: 5px;
    height: 154px;
}
.qualiopi-stats-three {
    margin-top: 5px;
    height: 202px;
}
.qualiopi-update {
    font-family: 'raleway-regular';
    font-size: 11px !important;
    text-align: right;
    color: #5a545a;
}
.qualiopi-update-two{
    position: relative;
    top: -15px;
}
.qualiopi-picto {
    padding-right: 5px;
    width: 30px;
    vertical-align: initial !important;
}
.qualiopi-link-sources {
    display: inline-block;
    margin-top: 10px;
    font-family: 'raleway-regular' !important;
    font-size: 11px !important;
    text-decoration: underline !important;
    color: #5a545a !important;
}
.qualiopi-link-details {
    color: #0070ca !important;
    font-family: 'raleway-bold' !important;
    font-size: 12px !important;
}
.qualiopi-data {
    height: 50px;
}
.qualiopi-data-two{
    position: relative;
    top: -20px;
}

.global-facet div ul li a:focus{
    font-weight: bold;
}

.filterQualiopiContent {
    padding: 35px;
}

.filterQualiopiContent ul {
    margin-left: 0 !important;
}

.inputFilter{
    width: 305px;
    padding-left: 10px;
}

.qualiopi-div-new-product {
    position: absolute;
    top: 90px;
    left: -42px;
}

.qualiopi-img-new-product {
    width: 18%;
    position: absolute;
    left: -24px;
    z-index: 1;
    top: 90px;
}