/* Cours */

/* xsm breakpoint */
@media (min-width: 1px) {
    .coursPageTitle {
        font-size: 16pt;
    }

    .stickyBox {
        top: 1rem;
    }

    .containerMinWidth {
        min-width: 296px;
    }

    /* same as 'containerMinWidth' - padding (24px total) */
    .rowMinWidth {
        min-width: 272px;
    }

    .btnValidateCode {
        min-width: 100px;
        position: relative;
        top: 0px;
        margin-top: 8px;
        display: block;
        width: 175px
    }
}

/* custom breakpoint for small devices */
@media (min-width: 365px) {
    .stickyBox {
        top: 1rem;
    }
}

/* SM breakpoint */
@media (min-width: 576px) {
    .coursPageTitle {
        font-size: 24pt;
    }
}

/* MD breakpoint*/
@media (min-width: 768px) {
    .coursPageTitle {
        font-size: 36pt;
    }

    .rowMinWidth {
        min-width: unset;
    }
}

/* LG breakpoint */
@media (min-width: 992px) {
    .coursPageTitle {
        font-size: 42pt;
    }
}

/* XL breakpoint */
@media (min-width: 1200px) {
}

/* XXL breakpoint */
@media (min-width: 1400px) {
}


.coursBackButton {
    color: #8F91B0;
    font-size: 12pt;
}

.coursSeancesDispoTitle {
    font-weight: 900;
    font-size: x-large;
}

.coursDuree {
    font-weight: bolder;
}

.coursPlacesDisponibles {
    font-weight: bolder;
}

.coursSubFormTitle {
    font-weight: 900;
}

.coursSubFormDetailsTitle {
    font-weight: 900;
    font-size: x-large;
}

.coursSessionCard {
    color: black;
}

.coursSessionCardHeader {
    background: none;
}

.coursSessionCardBody {
    padding-bottom: 0px;
    padding-top: 8px;
}

.coursSessionCardFooter {
    background: none;
    border: 0px;
}

.coursSessionLieuTitle {
    font-size: large;
}

.coursSessionTimeImg {
    position: relative;
    top: -2px;
    width: 22px;
    height: 20px;
}

.coursSessionHoraire {
    font-family: 'Archivo';
    font-weight: 700; /* bold */
    font-size: small;
}

.coursSessionAddressImg {
    position: relative;
    top: -1px;
    width: 22px;
    height: 22px;
}

.coursSessionAddress {
    font-family: 'Archivo';
    font-weight: 500; /* medium */
    font-size: small;
}

.coursSessionBtnAddressImg {
    position: relative;
    top: -1px;
    width: 34px;
    height: 34px;
}

.coursSessionJournee {
    font-family: 'Archivo';
    font-weight: 500; /* medium */
    font-size: small;
}

.coursSessionPlacesDispoImg {
    position: relative;
    top: -1px;
    width: 22px;
    height: 16px;
}

.coursSessionPlacesDispo {
    font-family: 'Archivo';
    font-weight: 500; /* medium */
    font-size: small;
}

.coursSessionWebHeader {
    background: none;
}

.coursSessionWebBody {
    padding-bottom: 0px;
    padding-top: 8px;
}

.coursSessionWebFooter {
    background: none;
    border: 0px;
}

.coursDivFormationCompleteMsg {
    text-align: center;
    font-weight: bold;
}

.coursBtnSubscribe {
    font-size: large;
    height: 70px;
}

.coursCodeAutTitle {
    font-weight: bold;
}

.txtCodeAutorisation {
    display: inline-block;
    max-width: 175px;
}

.btnValidateCode {
    min-width: 100px;
    position: relative;
    top: -1px;
}

.coursCodeAutMsg {
    color: red;
    font-weight: bold;
}

.coursCompleteBtnAdd {
    margin-top: 30px;
    margin-bottom: 15px;
}

.coursCompleteBtnWaitlist {
    margin-top: 30px;
    margin-bottom: 15px;
}

.lblFormationCompleteMsg {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.lblInscriptionOnlineMsg {
    display: inline-block;
    margin-top: 20px;
}

.coursBtnInscriptionOnline {
    margin-top: 30px;
    margin-bottom: 15px;
}

.coursCardWebVisionnerButtonLabel {
    position: relative;
    top: 2px;
}

.coursFeedbackButtons {
    height: 70px;
    min-width: 250px;
}

.feedbackMsg {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 16pt;
}