#tarteaucitronRoot * {
    font-family: var(--font-family-su-light-sans-serif) !important;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel {
    background: var(--color-su-primary);
    color: #fff;
    cursor: pointer;
    width: 100px;
    border: 1px solid #ffffff;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    color: #fff;
    background: var(--color-su-primary);                    /* $color-su-blue */
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background-color: var(--color-su-secondary-lighter);
    border-left: 5px solid !important;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
    background-color: #f3f3f3 !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
    background-color: #f3f3f3 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
    border-color: var(--color-su-green) !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
    border-color: var(--color-su-red) !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: var(--color-su-primary);                   /* $color-su-blue */
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    background: #f3f3f3; 				/* bg-gray */
    border: 1px solid #bababa;              /* $color-medium-grey */
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2 {
    background-color: #dadada 				/* bg-gray */
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
    background-color: #ffffff;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
    background-color: #ffffff;
    color: var(--color-su-primary);                    /* $color-su-blue */
    border: 1px solid var(--color-su-primary);                    /* $color-su-blue */
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
    background-color: #ffffff;
    color: var(--color-su-primary);                    /* $color-su-blue */
    border: 1px solid var(--color-su-primary);                   /* $color-su-blue */
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    border: 2px solid var(--color-su-primary);
    background: #fff;
    color: var(--color-text-su-base);
    border-radius: 0 !important;
    text-align: center;
    padding: 1rem 0 1rem 0;
    left: 50%;
    transform: translate(-50%);
    bottom: 4vw;
    width: 90vw;
}

@media screen and (min-width: 768px) {
    #tarteaucitronRoot #tarteaucitronAlertBig {
        bottom: 10vw;
        width: 80vw;
    }
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font: 1rem "TheSansB2-Plain", Verdana, sans-serif;;
    color: var(--color-text-su-base);
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
    display: block;
    padding: .5rem;
    margin: 0 auto;
    text-decoration: underline;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:focus,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:active {
    text-decoration: none;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronRoot .tarteaucitronDeny {
    background: #ffffff;
    color: var(--color-su-primary);
    margin: .4rem;
}

#tarteaucitronRoot #tarteaucitronPersonalize2 {
    background: #166610;
    color: #fff;
    border: 1px solid #166610;
}
#tarteaucitronRoot #tarteaucitronPersonalize2 .tarteaucitronCheck::before {
    color: #fff;
}
#tarteaucitronRoot #tarteaucitronPersonalize2:hover,
#tarteaucitronRoot #tarteaucitronPersonalize2:active,
#tarteaucitronRoot #tarteaucitronPersonalize2:focus {
    background: #175e12;
}

#tarteaucitronRoot #tarteaucitronAllDenied2 span.tarteaucitronCross {
    display: none;
}
#tarteaucitronRoot #tarteaucitronAllDenied2,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    border: 1px solid var(--color-su-primary);
}
#tarteaucitronRoot #tarteaucitronAllDenied2:hover,
#tarteaucitronRoot #tarteaucitronAllDenied2:active,
#tarteaucitronRoot #tarteaucitronAllDenied2:focus,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:active,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:focus {
    background: #f3f3f3;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: var(--color-su-primary);
    border: 1px solid #ffffff;
    color: #ffffff;
}

#tarteaucitronRoot .tarteaucitronCross::before {
    content: '\f00d';
    font-family: 'Font Awesome 5 Pro';
    font-size: 15px;
    color: var(--color-su-red);
    margin-right: .3rem;
}

#tarteaucitronRoot .tarteaucitronCheck::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-size: 15px;
    color: var(--color-su-green);
    margin-right: .3rem;
}

#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronCross::before {
    color: gray;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
    background-color: var(--color-su-green);
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
    background-color: var(--color-su-red);
}

.tac_activate .tac_float .tarteaucitronAllow {
    background-color: var(--color-su-green);
}

div#tarteaucitronInfo {
    border-color: var(--color-su-secondary);          /* $color-su-sky */
}

div#tarteaucitronAlertBig::before {
    content: '' !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    background: #f3f3f3;
    color: #000;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
    background: var(--color-su-primary);
}

.tarteaucitronIsAllowed .tarteaucitronDeny {
    opacity: 0.8!important;
}

.tarteaucitronIsDenied .tarteaucitronAllow {
     opacity: 0.8!important;
}

.tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny {
    opacity: 0.8;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    background: #fff;
}

span#tarteaucitronDisclaimerAlert {
    padding: 0 1rem;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
    font-weight: bold !important;
}