You are here

Home » API reference » TacJS 8.6

tarteaucitron.css in TacJS 8.6

Same filename and directory in other branches
  1. 8.3 assets/vendor/tarteaucitron.js/css/tarteaucitron.css
  2. 8.4 assets/vendor/tarteaucitron.js/css/tarteaucitron.css
  3. 8.5 assets/vendor/tarteaucitron.js/css/tarteaucitron.css
div#tarteaucitronAlertBig:focus {outline: 0;}

.tarteaucitron-modal-open{
    overflow: hidden;
    height: 100%;
}

#tarteaucitronContentWrapper {display:unset;}

/** 14042021 **/
span.tarteaucitronReadmoreSeparator {
    display: inline!important;
}
/******/

/** 09052021 **/
.tarteaucitronName .tacCurrentStatus, .tarteaucitronName .tarteaucitronReadmoreSeparator {
    color: #333!important;
    font-size: 12px!important;
    text-transform: capitalize;
}
/**************/

/** 27032021 **/
button.tarteaucitron-toggle-group {
    display: block;
}
span.tarteaucitronH3 {
    font-weight: 700!important;
}
#tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 {
    font-weight: 500!important;
    font-size: 14px;
    margin-top: 7px;
}
.tarteaucitronLine {
    border-left: 0px solid transparent!important;
}
/*****/

/** BETTER MOBILE MODE **/
@media screen and (max-width: 767px) {

    html body #tarteaucitronRoot #tarteaucitron ul#tarteaucitronServices_mandatory .tarteaucitronDeny {
        display: none!important;
    }
 
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button,
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk,
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronName {
        width:100%!important;
        display: block!important;
        margin-left: 0!important;
        margin-right: 0!important;
        box-sizing: border-box!important;
        max-width: 100%!important;
        margin-bottom: 8px!important;
    }

    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul .tarteaucitronLine {
        padding: 16px!important;
    }

    html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronMainLineOffset .tarteaucitronName {
        display: none!important;
    }

    #tarteaucitronServices_mandatory li.tarteaucitronLine .tarteaucitronName span {
        width: 100%!important;
        display: inline-block;
    }
    li.tarteaucitronLine .tarteaucitronName span {
        width: 80%!important;
        display: inline-block;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group {
        width: 10%!important;
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 0px;
        padding: 10px 0;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:before {
        content: '\0025BE';
        font-weight:700;
        font-size: 14px;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:before {
        content: '\0025B4';
    }
}
@media screen and (min-width: 768px) {

    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:after {
        content: '\0025BE';
        font-weight:700;
        font-size: 14px;
        margin-left: 15px;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:after {
        content: '\0025B4';
        margin-left: 15px;
    }
}
/****/



/***
* Reset CSS
*/
#tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    /*background: initial;*/
    text-align: initial;
    text-shadow: initial;
}

/* Animation */
#tarteaucitronRoot * {transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms}

/* HTML5 display-role reset for older browsers */
#tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot details, #tarteaucitronRoot figcaption, #tarteaucitronRoot figure, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot section {
    display: block;
}
#tarteaucitronRoot ol, #tarteaucitronRoot ul {
    list-style: none;
}
#tarteaucitronRoot blockquote, #tarteaucitronRoot q {
    quotes: none;
}
#tarteaucitronRoot blockquote:before, #tarteaucitronRoot blockquote:after, #tarteaucitronRoot q:before, #tarteaucitronRoot q:after {
    content: '';
    content: none;
}
#tarteaucitronRoot table {
    border-collapse: collapse;
    border-spacing: 0;
}

#tarteaucitronRoot a:focus-visible, #tarteaucitronRoot button:focus-visible {
    outline: 3px dashed #3d86d8;
}

/***
 * Better scroll management
 */
div#tarteaucitronMainLineOffset {
    margin-top: 0!important;
}

div#tarteaucitronServices {
    margin-top: 21px!important;
}

#tarteaucitronServices::-webkit-scrollbar {
    width: 5px;
}

#tarteaucitronServices::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

#tarteaucitronServices::-webkit-scrollbar-thumb {
  background-color: #ddd;
  outline: 0px solid slategrey;
}

div#tarteaucitronServices {
    box-shadow: 0 40px 60px #545454;
}

/***
 * Responsive layout for the control panel
 */
@media screen and (max-width:479px) {
    #tarteaucitron .tarteaucitronLine .tarteaucitronName {
        width: 90% !important;
    }

    #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
        float: left !important;
        margin: 10px 15px 5px;
    }
}

@media screen and (max-width:767px) {
    #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {
        background: #fff;
        border: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        left: 0 !important;
        margin: 0 !important;
        max-height: 100% !important;
        max-width: 100% !important;
        top: 0 !important;
        width: 100% !important;
    }

    #tarteaucitron .tarteaucitronBorder {
        border: 0 !important;
    }

    #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
        border: 0 !important;
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
        text-align: left !important;
    }

    .tarteaucitronName .tarteaucitronH2 {
        max-width: 80%;
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
        text-align: center !important;
    }

        #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
            margin-bottom: 5px;
        }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #tarteaucitron {
        border: 0 !important;
        left: 0 !important;
        margin: 0 5% !important;
        max-height: 80% !important;
        width: 90% !important;
    }
}

/***
 * Common value
 */
#tarteaucitronRoot div#tarteaucitron {
    left: 0;
    right: 0;
    margin: auto;
}

#tarteaucitronRoot button#tarteaucitronBack {
    background: #eee;
}

#tarteaucitron .clear {
    clear: both;
}

#tarteaucitron a {
    color: rgb(66, 66, 66);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

#tarteaucitronRoot button {
    background: transparent;
    border: 0;
}

#tarteaucitronAlertBig strong, #tarteaucitronAlertSmall strong,
#tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {
    color: #fff;
}

#tarteaucitron strong {
    font-size: 22px;
    font-weight: 500;
}

#tarteaucitron ul {
    padding: 0;
}

#tarteaucitron .tarteaucitronH1, #tarteaucitron .tarteaucitronH2, #tarteaucitron .tarteaucitronH3, #tarteaucitron .tarteaucitronH4, #tarteaucitron .tarteaucitronH5, #tarteaucitron .tarteaucitronH6 {
  display: block;
}

.cookie-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
/***
 * Root div added just before </body>
 */
#tarteaucitronRoot {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

#tarteaucitronRoot * {
    box-sizing: initial;
    color: #333;
    font-family: sans-serif !important;
    font-size: 14px;
    line-height: normal;
    vertical-align: initial;
}

#tarteaucitronRoot .tarteaucitronH1 {
    font-size: 1.5em;
    text-align: center;
    color: #fff;
    margin: 15px 0 28px;
}

#tarteaucitronRoot .tarteaucitronH2 {
    display: inline-block;
    margin: 12px 0 0 10px;
    color: #fff;
}

#tarteaucitronCookiesNumberBis.tarteaucitronH2 {
    margin-left: 0;
}

/***
 * Control panel
 */
#tarteaucitronBack {
    background: #fff;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483646;
}

#tarteaucitron {
    display: none;
    max-height: 80%;
    left: 50%;
    margin: 0 auto 0 -430px;
    padding: 0;
    position: fixed;
    top: 6%;
    width: 860px;
    z-index: 2147483647;
}

#tarteaucitron .tarteaucitronBorder {
    background: #fff;
    border: 2px solid #333;
    border-top: 0;
    height: auto;
    overflow: auto;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
    background: #333333;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    padding: 4px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 70px;
}

#tarteaucitron #tarteaucitronDisclaimer {
    color: #555;
    font-size: 12px;
    margin: 15px auto 0;
    width: 80%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    background: rgba(51, 51, 51, 0.07);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    display: none;
    position: relative;
}

#tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {
    width: 100%;
    box-sizing: border-box;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 20px 0px 0px;
    padding: 5px 20px;
    text-align: left;
    width: auto;
    background: #333;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
    color: #fff;
    font-weight: 500;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
    text-decoration: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
    font-size: 22px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
    font-size: 14px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
    padding: 5px 10px;
    margin: 0;
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 500;
    margin-top: 0;
    max-width: 270px;
    padding: 20px;
    position: absolute;
    z-index: 2147483647;
}

#tarteaucitron #tarteaucitronInfo a {
    color: #fff;
    text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background: rgba(51, 51, 51, 0.2);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    background: rgba(51, 51, 51, 0.1);
    border-left: 5px solid transparent;
    margin: 0;
    overflow: hidden;
    padding: 15px 5px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
    border-color: #1B870B;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
    border-color: #9C1A1A;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: #333;
    border: 3px solid #333;
    border-left: 9px solid #333;
    border-top: 5px solid #333;
    margin-bottom: 0;
    margin-top: 21px;
    position: relative;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
    background: #333;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
    margin-left: 15px;
    margin-top: 2px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {
    color: #fff;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
    margin-top: 0px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
    display: inline-block;
    float: left;
    margin-left: 10px;
    text-align: left;
    width: 50%;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
    text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
    display: inline-block;
    float: right;
    margin: 7px 15px 0;
    text-align: right;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    background: gray;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    width: auto;
    border: 0;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
    background-color: #1B870B;
    opacity: 1;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
    background-color: #9C1A1A;
    opacity: 1;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
    background-color: #1B870B;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
    background-color: #9C1A1A;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
    color: #333;
    font-size: 12px;
}

#tarteaucitron .tarteaucitronH3 {
    font-size: 18px;
}

#tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
    width: auto!important;
    margin-left: 0!important;
    font-size: 14px;
}
span#tarteaucitronDisclaimerAlert {
    padding: 0 10px;
    display: inline-block;
}
#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    border-color: #333!important;
}

/***
 * Big alert
 */
.tarteaucitronAlertBigTop {
    top: 0;
}

.tarteaucitronAlertBigBottom {
    bottom: 0;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: #333;
    color: #fff;
    display: none;
    font-size: 15px !important;
    left: 0;
    position: fixed;
    box-sizing: content-box;
    z-index: 2147483645;
    text-align: center;
    padding: 10px 0 10px 0;
    margin: auto;
    width: 100%;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font: 15px verdana;
    color: #fff;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font-weight: 700;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
    cursor: pointer;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow {
    background: #008300;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px!important;
    line-height: 1.2;
    padding: 5px 10px;
    text-decoration: none;
    margin-left: 7px;
}

#tarteaucitronRoot .tarteaucitronDeny {
    background: #9C1A1A;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: #fff;
    color: #333;
    font-size: 13px;
    margin-bottom: 3px;
    margin-left: 7px;
    padding: 5px 10px;
}

#tarteaucitronPercentage {
    background: #0A0!important;
    box-shadow: 0 0 2px #fff, 0 1px 2px #555;
    height: 5px;
    left: 0;
    position: fixed;
    width: 0;
    z-index: 2147483644;
}

/***
 * Icon
 */
.tarteaucitronIconBottomRight {
    bottom: 0;
    right: 0;
}
.tarteaucitronIconBottomLeft {
    bottom: 0;
    left: 0;
}
.tarteaucitronIconTopRight {
    top: 0;
    right: 0;
}
.tarteaucitronIconTopLeft {
    top: 0;
    left: 0;
}

.tarteaucitronIconTopLeft #tarteaucitronManager {
    border-radius: 2px 7px 7px 2px;
}

.tarteaucitronIconTopRight #tarteaucitronManager {
    border-radius: 7px 2px 2px 7px;
}

.tarteaucitronIconBottomLeft #tarteaucitronManager {
    border-radius: 7px 7px 2px 2px;
}

.tarteaucitronIconBottomRight #tarteaucitronManager {
    border-radius: 7px 7px 2px 2px;
}

#tarteaucitronIcon {
    background: transparent;
    position: fixed;
    display: none;
    width: auto;
    z-index: 2147483646;
}
#tarteaucitronIcon #tarteaucitronManager {
    color: transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 11px !important;
    padding: 8px 10px 8px;
    border: none;
}
#tarteaucitronIcon #tarteaucitronManager img {
    width: 50px;
    height: 50px;
}

#tarteaucitronRoot .tarteaucitronCross::before {
    content: '\2717';
    display: inline-block;
    color: white;
}

#tarteaucitronRoot .tarteaucitronCheck::before {
    content: '\2713';
    display: inline-block;
    color: white;
}

#tarteaucitronRoot .tarteaucitronPlus::before {
    content: '\271b';
    display: inline-block;
    color: white;
}


/***
 * Small alert
 */

.tarteaucitronAlertSmallTop,.tarteaucitronAlertSmallBottom {
    bottom: 0;
}

#tarteaucitronAlertSmall {
    background: #333;
    display: none;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    width: auto;
    z-index: 2147483646;
}

#tarteaucitronAlertSmall #tarteaucitronManager {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px !important;
    padding: 8px 10px 8px;
}

#tarteaucitronAlertSmall #tarteaucitronManager:hover {
    background: rgba(255, 255, 255, 0.05);
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
    background-color: gray;
    border-radius: 5px;
    display: block;
    height: 8px;
    margin-bottom: 1px;
    margin-top: 5px;
    overflow: hidden;
    width: 100%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
    display: block;
    float: left;
    height: 100%;
    width: 0%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
    background-color: #1B870B;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
    background-color: #FBDA26;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
    background-color: #9C1A1A;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    padding: 0px 10px;
    vertical-align: top;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
    background: rgba(255, 255, 255, 0.3);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
    display: none;
    max-height: 70%;
    max-width: 500px;
    position: fixed;
    right: 0;
    width: 100%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
    background: #fff;
    border: 2px solid #333;
    color: #333;
    font-size: 11px;
    height: auto;
    overflow: auto;
    text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {
    color: #333;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
    background: #333;
    margin-top: 21px;
    padding: 13px 0 9px 13px;
    text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
    color: #fff;
    font-size: 16px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
    background: rgba(51, 51, 51, 0.1);
    padding: 7px 5px 10px;
    word-wrap: break-word;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
    background: rgba(51, 51, 51, 0.2);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
    color: #333;
    text-decoration: none;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
    display: inline-block;
    width: 50%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {
    color: darkred;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
    color: #333;
    display: inline-block;
    font-size: 11px;
    margin-left: 10%;
    vertical-align: top;
    width: 30%;
}

/***
 * Fallback activate link
 */
.tac_activate {
    background: #333;
    color: #fff;
    display: table;
    font-size: 12px;
    height: 100%;
    line-height: initial;
    margin: auto;
    text-align: center;
    width: 100%;
}

.tac_float {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.tac_activate .tac_float strong {
    color: #fff;
}

.tac_activate .tac_float .tarteaucitronAllow {
    background-color: #1B870B;
    display: inline-block;
}

/***
 * CSS for services
 */
ins.ferank-publicite, ins.adsbygoogle {
    text-decoration: none;
}

div.amazon_product {
    height:240px;
    width:120px;
}
.tarteaucitronIsAllowed .tarteaucitronDeny {
    opacity: 0.4!important;
}.tarteaucitronIsDenied .tarteaucitronAllow {
    opacity: 0.4!important;
}.tarteaucitronIsAllowed .tarteaucitronAllow {
    opacity: 1!important;
}.tarteaucitronIsDenied .tarteaucitronDeny {
    opacity: 1!important;
}
.tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny {
    opacity: 0.4;
}
#tarteaucitronServices_mandatory button.tarteaucitronAllow {
    opacity: 1;
}

div#tarteaucitronInfo {
    display: block!important;
    position: relative !important;
    text-align: center!important;
    max-width: 80%!important;
    padding: 15px 0!important;
    margin: -10px auto 40px!important;
    font-size: 1em!important;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #555;
}

a.tarteaucitronSelfLink {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    text-align: center!important;
    display: block;
    height:30px;
}

.tarteaucitronMainLine .tarteaucitronH2 {
    font-size: 1.2em!important;
    margin-top: 4px!important;
}

span.tarteaucitronTitle.tarteaucitronH3 {
    margin-top: 12px!important;
}

#tarteaucitronCloseCross {
    position:absolute;
    color: #FFFF;
    font-size:1.8rem;
    cursor: pointer;
    top: 10px;
    right: 26px
}

.tarteaucitron-spacer-20 {
    height: 20px;
    display: block;
}

.tarteaucitron-display-block {
    display: block;
}

.tarteaucitron-display-none {
    display: none;
}

File

assets/vendor/tarteaucitron.js/css/tarteaucitron.css
View source 
  1. div#tarteaucitronAlertBig:focus {outline: 0;}

  2. 

  3. .tarteaucitron-modal-open{

  4.     overflow: hidden;

  5.     height: 100%;

  6. }

  7. 

  8. #tarteaucitronContentWrapper {display:unset;}

  9. 

  10. /** 14042021 **/

  11. span.tarteaucitronReadmoreSeparator {

  12.     display: inline!important;

  13. }

  14. /******/

  15. 

  16. /** 09052021 **/

  17. .tarteaucitronName .tacCurrentStatus, .tarteaucitronName .tarteaucitronReadmoreSeparator {

  18.     color: #333!important;

  19.     font-size: 12px!important;

  20.     text-transform: capitalize;

  21. }

  22. /**************/

  23. 

  24. /** 27032021 **/

  25. button.tarteaucitron-toggle-group {

  26.     display: block;

  27. }

  28. span.tarteaucitronH3 {

  29.     font-weight: 700!important;

  30. }

  31. #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 {

  32.     font-weight: 500!important;

  33.     font-size: 14px;

  34.     margin-top: 7px;

  35. }

  36. .tarteaucitronLine {

  37.     border-left: 0px solid transparent!important;

  38. }

  39. /*****/

  40. 

  41. /** BETTER MOBILE MODE **/

  42. @media screen and (max-width: 767px) {

  43. 

  44.     html body #tarteaucitronRoot #tarteaucitron ul#tarteaucitronServices_mandatory .tarteaucitronDeny {

  45.         display: none!important;

  46.     }

  47.  

  48.     html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button,

  49.     html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk,

  50.     html body #tarteaucitronRoot #tarteaucitron .tarteaucitronName {

  51.         width:100%!important;

  52.         display: block!important;

  53.         margin-left: 0!important;

  54.         margin-right: 0!important;

  55.         box-sizing: border-box!important;

  56.         max-width: 100%!important;

  57.         margin-bottom: 8px!important;

  58.     }

  59. 

  60.     html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul .tarteaucitronLine {

  61.         padding: 16px!important;

  62.     }

  63. 

  64.     html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronMainLineOffset .tarteaucitronName {

  65.         display: none!important;

  66.     }

  67. 

  68.     #tarteaucitronServices_mandatory li.tarteaucitronLine .tarteaucitronName span {

  69.         width: 100%!important;

  70.         display: inline-block;

  71.     }

  72.     li.tarteaucitronLine .tarteaucitronName span {

  73.         width: 80%!important;

  74.         display: inline-block;

  75.     }

  76.     html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group {

  77.         width: 10%!important;

  78.         position: absolute;

  79.         top: 20px;

  80.         right: 20px;

  81.         font-size: 0px;

  82.         padding: 10px 0;

  83.     }

  84.     html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:before {

  85.         content: '\0025BE';

  86.         font-weight:700;

  87.         font-size: 14px;

  88.     }

  89.     html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:before {

  90.         content: '\0025B4';

  91.     }

  92. }

  93. @media screen and (min-width: 768px) {

  94. 

  95.     html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:after {

  96.         content: '\0025BE';

  97.         font-weight:700;

  98.         font-size: 14px;

  99.         margin-left: 15px;

  100.     }

  101.     html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:after {

  102.         content: '\0025B4';

  103.         margin-left: 15px;

  104.     }

  105. }

  106. /****/

  107. 

  108. 

  109. 

  110. /***

  111. * Reset CSS

  112. */

  113. #tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {

  114.     margin: 0;

  115.     padding: 0;

  116.     border: 0;

  117.     font-size: 100%;

  118.     font: inherit;

  119.     vertical-align: baseline;

  120.     /*background: initial;*/

  121.     text-align: initial;

  122.     text-shadow: initial;

  123. }

  124. 

  125. /* Animation */

  126. #tarteaucitronRoot * {transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms}

  127. 

  128. /* HTML5 display-role reset for older browsers */

  129. #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot details, #tarteaucitronRoot figcaption, #tarteaucitronRoot figure, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot section {

  130.     display: block;

  131. }

  132. #tarteaucitronRoot ol, #tarteaucitronRoot ul {

  133.     list-style: none;

  134. }

  135. #tarteaucitronRoot blockquote, #tarteaucitronRoot q {

  136.     quotes: none;

  137. }

  138. #tarteaucitronRoot blockquote:before, #tarteaucitronRoot blockquote:after, #tarteaucitronRoot q:before, #tarteaucitronRoot q:after {

  139.     content: '';

  140.     content: none;

  141. }

  142. #tarteaucitronRoot table {

  143.     border-collapse: collapse;

  144.     border-spacing: 0;

  145. }

  146. 

  147. #tarteaucitronRoot a:focus-visible, #tarteaucitronRoot button:focus-visible {

  148.     outline: 3px dashed #3d86d8;

  149. }

  150. 

  151. /***

  152.  * Better scroll management

  153.  */

  154. div#tarteaucitronMainLineOffset {

  155.     margin-top: 0!important;

  156. }

  157. 

  158. div#tarteaucitronServices {

  159.     margin-top: 21px!important;

  160. }

  161. 

  162. #tarteaucitronServices::-webkit-scrollbar {

  163.     width: 5px;

  164. }

  165. 

  166. #tarteaucitronServices::-webkit-scrollbar-track {

  167.     -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);

  168. }

  169. 

  170. #tarteaucitronServices::-webkit-scrollbar-thumb {

  171.   background-color: #ddd;

  172.   outline: 0px solid slategrey;

  173. }

  174. 

  175. div#tarteaucitronServices {

  176.     box-shadow: 0 40px 60px #545454;

  177. }

  178. 

  179. /***

  180.  * Responsive layout for the control panel

  181.  */

  182. @media screen and (max-width:479px) {

  183.     #tarteaucitron .tarteaucitronLine .tarteaucitronName {

  184.         width: 90% !important;

  185.     }

  186. 

  187.     #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {

  188.         float: left !important;

  189.         margin: 10px 15px 5px;

  190.     }

  191. }

  192. 

  193. @media screen and (max-width:767px) {

  194.     #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {

  195.         background: #fff;

  196.         border: 0 !important;

  197.         bottom: 0 !important;

  198.         height: 100% !important;

  199.         left: 0 !important;

  200.         margin: 0 !important;

  201.         max-height: 100% !important;

  202.         max-width: 100% !important;

  203.         top: 0 !important;

  204.         width: 100% !important;

  205.     }

  206. 

  207.     #tarteaucitron .tarteaucitronBorder {

  208.         border: 0 !important;

  209.     }

  210. 

  211.     #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {

  212.         border: 0 !important;

  213.     }

  214. 

  215.     #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {

  216.         text-align: left !important;

  217.     }

  218. 

  219.     .tarteaucitronName .tarteaucitronH2 {

  220.         max-width: 80%;

  221.     }

  222. 

  223.     #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {

  224.         text-align: center !important;

  225.     }

  226. 

  227.         #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {

  228.             margin-bottom: 5px;

  229.         }

  230. }

  231. 

  232. @media screen and (min-width:768px) and (max-width:991px) {

  233.     #tarteaucitron {

  234.         border: 0 !important;

  235.         left: 0 !important;

  236.         margin: 0 5% !important;

  237.         max-height: 80% !important;

  238.         width: 90% !important;

  239.     }

  240. }

  241. 

  242. /***

  243.  * Common value

  244.  */

  245. #tarteaucitronRoot div#tarteaucitron {

  246.     left: 0;

  247.     right: 0;

  248.     margin: auto;

  249. }

  250. 

  251. #tarteaucitronRoot button#tarteaucitronBack {

  252.     background: #eee;

  253. }

  254. 

  255. #tarteaucitron .clear {

  256.     clear: both;

  257. }

  258. 

  259. #tarteaucitron a {

  260.     color: rgb(66, 66, 66);

  261.     font-size: 11px;

  262.     font-weight: 700;

  263.     text-decoration: none;

  264. }

  265. 

  266. #tarteaucitronRoot button {

  267.     background: transparent;

  268.     border: 0;

  269. }

  270. 

  271. #tarteaucitronAlertBig strong, #tarteaucitronAlertSmall strong,

  272. #tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {

  273.     color: #fff;

  274. }

  275. 

  276. #tarteaucitron strong {

  277.     font-size: 22px;

  278.     font-weight: 500;

  279. }

  280. 

  281. #tarteaucitron ul {

  282.     padding: 0;

  283. }

  284. 

  285. #tarteaucitron .tarteaucitronH1, #tarteaucitron .tarteaucitronH2, #tarteaucitron .tarteaucitronH3, #tarteaucitron .tarteaucitronH4, #tarteaucitron .tarteaucitronH5, #tarteaucitron .tarteaucitronH6 {

  286.   display: block;

  287. }

  288. 

  289. .cookie-list {

  290.     list-style: none;

  291.     padding: 0;

  292.     margin: 0;

  293. }

  294. /***

  295.  * Root div added just before 

  296.  */

  297. #tarteaucitronRoot {

  298.     left: 0;

  299.     position: absolute;

  300.     right: 0;

  301.     top: 0;

  302.     width: 100%;

  303. }

  304. 

  305. #tarteaucitronRoot * {

  306.     box-sizing: initial;

  307.     color: #333;

  308.     font-family: sans-serif !important;

  309.     font-size: 14px;

  310.     line-height: normal;

  311.     vertical-align: initial;

  312. }

  313. 

  314. #tarteaucitronRoot .tarteaucitronH1 {

  315.     font-size: 1.5em;

  316.     text-align: center;

  317.     color: #fff;

  318.     margin: 15px 0 28px;

  319. }

  320. 

  321. #tarteaucitronRoot .tarteaucitronH2 {

  322.     display: inline-block;

  323.     margin: 12px 0 0 10px;

  324.     color: #fff;

  325. }

  326. 

  327. #tarteaucitronCookiesNumberBis.tarteaucitronH2 {

  328.     margin-left: 0;

  329. }

  330. 

  331. /***

  332.  * Control panel

  333.  */

  334. #tarteaucitronBack {

  335.     background: #fff;

  336.     display: none;

  337.     height: 100%;

  338.     left: 0;

  339.     opacity: 0.7;

  340.     position: fixed;

  341.     top: 0;

  342.     width: 100%;

  343.     z-index: 2147483646;

  344. }

  345. 

  346. #tarteaucitron {

  347.     display: none;

  348.     max-height: 80%;

  349.     left: 50%;

  350.     margin: 0 auto 0 -430px;

  351.     padding: 0;

  352.     position: fixed;

  353.     top: 6%;

  354.     width: 860px;

  355.     z-index: 2147483647;

  356. }

  357. 

  358. #tarteaucitron .tarteaucitronBorder {

  359.     background: #fff;

  360.     border: 2px solid #333;

  361.     border-top: 0;

  362.     height: auto;

  363.     overflow: auto;

  364. }

  365. 

  366. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,

  367. #tarteaucitron #tarteaucitronClosePanel {

  368.     background: #333333;

  369.     color: #fff;

  370.     cursor: pointer;

  371.     font-size: 12px;

  372.     font-weight: 700;

  373.     text-decoration: none;

  374.     padding: 4px 0;

  375.     position: absolute;

  376.     right: 0;

  377.     text-align: center;

  378.     width: 70px;

  379. }

  380. 

  381. #tarteaucitron #tarteaucitronDisclaimer {

  382.     color: #555;

  383.     font-size: 12px;

  384.     margin: 15px auto 0;

  385.     width: 80%;

  386. }

  387. 

  388. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,

  389. #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {

  390.     background: rgba(51, 51, 51, 0.07);

  391. }

  392. 

  393. #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {

  394.     display: none;

  395.     position: relative;

  396. }

  397. 

  398. #tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {

  399.     width: 100%;

  400.     box-sizing: border-box;

  401. }

  402. 

  403. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,

  404. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,

  405. #tarteaucitron #tarteaucitronInfo,

  406. #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {

  407.     color: #fff;

  408.     display: inline-block;

  409.     font-size: 14px;

  410.     font-weight: 700;

  411.     margin: 20px 0px 0px;

  412.     padding: 5px 20px;

  413.     text-align: left;

  414.     width: auto;

  415.     background: #333;

  416. }

  417. 

  418. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,

  419. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {

  420.     color: #fff;

  421.     font-weight: 500;

  422. }

  423. 

  424. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,

  425. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {

  426.     text-decoration: none !important;

  427. }

  428. 

  429. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {

  430.     font-size: 22px;

  431. }

  432. 

  433. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {

  434.     font-size: 14px;

  435. }

  436. 

  437. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {

  438.     padding: 5px 10px;

  439.     margin: 0;

  440. }

  441. 

  442. #tarteaucitron #tarteaucitronInfo,

  443. #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {

  444.     color: #fff;

  445.     display: none;

  446.     font-size: 12px;

  447.     font-weight: 500;

  448.     margin-top: 0;

  449.     max-width: 270px;

  450.     padding: 20px;

  451.     position: absolute;

  452.     z-index: 2147483647;

  453. }

  454. 

  455. #tarteaucitron #tarteaucitronInfo a {

  456.     color: #fff;

  457.     text-decoration: underline;

  458. }

  459. 

  460. #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {

  461.     background: rgba(51, 51, 51, 0.2);

  462. }

  463. 

  464. #tarteaucitron #tarteaucitronServices .tarteaucitronLine {

  465.     background: rgba(51, 51, 51, 0.1);

  466.     border-left: 5px solid transparent;

  467.     margin: 0;

  468.     overflow: hidden;

  469.     padding: 15px 5px;

  470. }

  471. 

  472. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {

  473.     border-color: #1B870B;

  474. }

  475. 

  476. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {

  477.     border-color: #9C1A1A;

  478. }

  479. 

  480. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {

  481.     background: #333;

  482.     border: 3px solid #333;

  483.     border-left: 9px solid #333;

  484.     border-top: 5px solid #333;

  485.     margin-bottom: 0;

  486.     margin-top: 21px;

  487.     position: relative;

  488. }

  489. 

  490. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {

  491.     background: #333;

  492. }

  493. 

  494. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {

  495.     margin-left: 15px;

  496.     margin-top: 2px;

  497. }

  498. 

  499. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {

  500.     color: #fff;

  501. }

  502. 

  503. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {

  504.     margin-top: 0px !important;

  505. }

  506. 

  507. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {

  508.     display: inline-block;

  509.     float: left;

  510.     margin-left: 10px;

  511.     text-align: left;

  512.     width: 50%;

  513. }

  514. 

  515. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {

  516.     text-decoration: underline;

  517. }

  518. 

  519. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {

  520.     display: inline-block;

  521.     float: right;

  522.     margin: 7px 15px 0;

  523.     text-align: right;

  524. }

  525. 

  526. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,

  527. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,

  528. .tac_activate .tarteaucitronAllow {

  529.     background: gray;

  530.     border-radius: 4px;

  531.     color: #fff;

  532.     cursor: pointer;

  533.     display: inline-block;

  534.     padding: 6px 10px;

  535.     text-align: center;

  536.     text-decoration: none;

  537.     width: auto;

  538.     border: 0;

  539. }

  540. 

  541. #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {

  542.     background-color: #1B870B;

  543.     opacity: 1;

  544. }

  545. #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,

  546. #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {

  547.     background-color: #9C1A1A;

  548.     opacity: 1;

  549. }

  550. 

  551. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {

  552.     background-color: #1B870B;

  553. }

  554. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {

  555.     background-color: #9C1A1A;

  556. }

  557. 

  558. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {

  559.     color: #333;

  560.     font-size: 12px;

  561. }

  562. 

  563. #tarteaucitron .tarteaucitronH3 {

  564.     font-size: 18px;

  565. }

  566. 

  567. #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {

  568.     width: auto!important;

  569.     margin-left: 0!important;

  570.     font-size: 14px;

  571. }

  572. span#tarteaucitronDisclaimerAlert {

  573.     padding: 0 10px;

  574.     display: inline-block;

  575. }

  576. #tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {

  577.     border-color: #333!important;

  578. }

  579. 

  580. /***

  581.  * Big alert

  582.  */

  583. .tarteaucitronAlertBigTop {

  584.     top: 0;

  585. }

  586. 

  587. .tarteaucitronAlertBigBottom {

  588.     bottom: 0;

  589. }

  590. 

  591. #tarteaucitronRoot #tarteaucitronAlertBig {

  592.     background: #333;

  593.     color: #fff;

  594.     display: none;

  595.     font-size: 15px !important;

  596.     left: 0;

  597.     position: fixed;

  598.     box-sizing: content-box;

  599.     z-index: 2147483645;

  600.     text-align: center;

  601.     padding: 10px 0 10px 0;

  602.     margin: auto;

  603.     width: 100%;

  604. }

  605. 

  606. #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,

  607. #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,

  608. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,

  609. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {

  610.     font: 15px verdana;

  611.     color: #fff;

  612. }

  613. 

  614. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {

  615.     font-weight: 700;

  616. }

  617. 

  618. #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,

  619. #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {

  620.     cursor: pointer;

  621. }

  622. 

  623. #tarteaucitronAlertBig #tarteaucitronCloseAlert,

  624. #tarteaucitronAlertBig #tarteaucitronPersonalize,

  625. #tarteaucitronAlertBig #tarteaucitronPersonalize2,

  626. .tarteaucitronCTAButton,

  627. #tarteaucitron #tarteaucitronPrivacyUrl,

  628. #tarteaucitron #tarteaucitronPrivacyUrlDialog,

  629. #tarteaucitronRoot .tarteaucitronDeny,

  630. #tarteaucitronRoot .tarteaucitronAllow {

  631.     background: #008300;

  632.     color: #fff;

  633.     cursor: pointer;

  634.     display: inline-block;

  635.     font-size: 16px!important;

  636.     line-height: 1.2;

  637.     padding: 5px 10px;

  638.     text-decoration: none;

  639.     margin-left: 7px;

  640. }

  641. 

  642. #tarteaucitronRoot .tarteaucitronDeny {

  643.     background: #9C1A1A;

  644. }

  645. 

  646. #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {

  647.     background: #fff;

  648.     color: #333;

  649.     font-size: 13px;

  650.     margin-bottom: 3px;

  651.     margin-left: 7px;

  652.     padding: 5px 10px;

  653. }

  654. 

  655. #tarteaucitronPercentage {

  656.     background: #0A0!important;

  657.     box-shadow: 0 0 2px #fff, 0 1px 2px #555;

  658.     height: 5px;

  659.     left: 0;

  660.     position: fixed;

  661.     width: 0;

  662.     z-index: 2147483644;

  663. }

  664. 

  665. /***

  666.  * Icon

  667.  */

  668. .tarteaucitronIconBottomRight {

  669.     bottom: 0;

  670.     right: 0;

  671. }

  672. .tarteaucitronIconBottomLeft {

  673.     bottom: 0;

  674.     left: 0;

  675. }

  676. .tarteaucitronIconTopRight {

  677.     top: 0;

  678.     right: 0;

  679. }

  680. .tarteaucitronIconTopLeft {

  681.     top: 0;

  682.     left: 0;

  683. }

  684. 

  685. .tarteaucitronIconTopLeft #tarteaucitronManager {

  686.     border-radius: 2px 7px 7px 2px;

  687. }

  688. 

  689. .tarteaucitronIconTopRight #tarteaucitronManager {

  690.     border-radius: 7px 2px 2px 7px;

  691. }

  692. 

  693. .tarteaucitronIconBottomLeft #tarteaucitronManager {

  694.     border-radius: 7px 7px 2px 2px;

  695. }

  696. 

  697. .tarteaucitronIconBottomRight #tarteaucitronManager {

  698.     border-radius: 7px 7px 2px 2px;

  699. }

  700. 

  701. #tarteaucitronIcon {

  702.     background: transparent;

  703.     position: fixed;

  704.     display: none;

  705.     width: auto;

  706.     z-index: 2147483646;

  707. }

  708. #tarteaucitronIcon #tarteaucitronManager {

  709.     color: transparent;

  710.     cursor: pointer;

  711.     display: inline-block;

  712.     font-size: 11px !important;

  713.     padding: 8px 10px 8px;

  714.     border: none;

  715. }

  716. #tarteaucitronIcon #tarteaucitronManager img {

  717.     width: 50px;

  718.     height: 50px;

  719. }

  720. 

  721. #tarteaucitronRoot .tarteaucitronCross::before {

  722.     content: '\2717';

  723.     display: inline-block;

  724.     color: white;

  725. }

  726. 

  727. #tarteaucitronRoot .tarteaucitronCheck::before {

  728.     content: '\2713';

  729.     display: inline-block;

  730.     color: white;

  731. }

  732. 

  733. #tarteaucitronRoot .tarteaucitronPlus::before {

  734.     content: '\271b';

  735.     display: inline-block;

  736.     color: white;

  737. }

  738. 

  739. 

  740. /***

  741.  * Small alert

  742.  */

  743. 

  744. .tarteaucitronAlertSmallTop,.tarteaucitronAlertSmallBottom {

  745.     bottom: 0;

  746. }

  747. 

  748. #tarteaucitronAlertSmall {

  749.     background: #333;

  750.     display: none;

  751.     padding: 0;

  752.     position: fixed;

  753.     right: 0;

  754.     text-align: center;

  755.     width: auto;

  756.     z-index: 2147483646;

  757. }

  758. 

  759. #tarteaucitronAlertSmall #tarteaucitronManager {

  760.     color: #fff;

  761.     cursor: pointer;

  762.     display: inline-block;

  763.     font-size: 11px !important;

  764.     padding: 8px 10px 8px;

  765. }

  766. 

  767. #tarteaucitronAlertSmall #tarteaucitronManager:hover {

  768.     background: rgba(255, 255, 255, 0.05);

  769. }

  770. 

  771. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {

  772.     background-color: gray;

  773.     border-radius: 5px;

  774.     display: block;

  775.     height: 8px;

  776.     margin-bottom: 1px;

  777.     margin-top: 5px;

  778.     overflow: hidden;

  779.     width: 100%;

  780. }

  781. 

  782. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,

  783. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,

  784. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {

  785.     display: block;

  786.     float: left;

  787.     height: 100%;

  788.     width: 0%;

  789. }

  790. 

  791. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {

  792.     background-color: #1B870B;

  793. }

  794. 

  795. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {

  796.     background-color: #FBDA26;

  797. }

  798. 

  799. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {

  800.     background-color: #9C1A1A;

  801. }

  802. 

  803. #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {

  804.     background: rgba(255, 255, 255, 0.2);

  805.     color: #fff;

  806.     cursor: pointer;

  807.     display: inline-block;

  808.     font-size: 30px;

  809.     padding: 0px 10px;

  810.     vertical-align: top;

  811. }

  812. 

  813. #tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {

  814.     background: rgba(255, 255, 255, 0.3);

  815. }

  816. 

  817. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {

  818.     display: none;

  819.     max-height: 70%;

  820.     max-width: 500px;

  821.     position: fixed;

  822.     right: 0;

  823.     width: 100%;

  824. }

  825. 

  826. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {

  827.     background: #fff;

  828.     border: 2px solid #333;

  829.     color: #333;

  830.     font-size: 11px;

  831.     height: auto;

  832.     overflow: auto;

  833.     text-align: left;

  834. }

  835. 

  836. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {

  837.     color: #333;

  838. }

  839. 

  840. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {

  841.     background: #333;

  842.     margin-top: 21px;

  843.     padding: 13px 0 9px 13px;

  844.     text-align: left;

  845. }

  846. 

  847. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {

  848.     color: #fff;

  849.     font-size: 16px;

  850. }

  851. 

  852. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {

  853.     background: rgba(51, 51, 51, 0.1);

  854.     padding: 7px 5px 10px;

  855.     word-wrap: break-word;

  856. }

  857. 

  858. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {

  859.     background: rgba(51, 51, 51, 0.2);

  860. }

  861. 

  862. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {

  863.     color: #333;

  864.     text-decoration: none;

  865. }

  866. 

  867. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {

  868.     display: inline-block;

  869.     width: 50%;

  870. }

  871. 

  872. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {

  873.     color: darkred;

  874. }

  875. 

  876. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {

  877.     color: #333;

  878.     display: inline-block;

  879.     font-size: 11px;

  880.     margin-left: 10%;

  881.     vertical-align: top;

  882.     width: 30%;

  883. }

  884. 

  885. /***

  886.  * Fallback activate link

  887.  */

  888. .tac_activate {

  889.     background: #333;

  890.     color: #fff;

  891.     display: table;

  892.     font-size: 12px;

  893.     height: 100%;

  894.     line-height: initial;

  895.     margin: auto;

  896.     text-align: center;

  897.     width: 100%;

  898. }

  899. 

  900. .tac_float {

  901.     display: table-cell;

  902.     text-align: center;

  903.     vertical-align: middle;

  904. }

  905. 

  906. .tac_activate .tac_float strong {

  907.     color: #fff;

  908. }

  909. 

  910. .tac_activate .tac_float .tarteaucitronAllow {

  911.     background-color: #1B870B;

  912.     display: inline-block;

  913. }

  914. 

  915. /***

  916.  * CSS for services

  917.  */

  918. ins.ferank-publicite, ins.adsbygoogle {

  919.     text-decoration: none;

  920. }

  921. 

  922. div.amazon_product {

  923.     height:240px;

  924.     width:120px;

  925. }

  926. .tarteaucitronIsAllowed .tarteaucitronDeny {

  927.     opacity: 0.4!important;

  928. }.tarteaucitronIsDenied .tarteaucitronAllow {

  929.     opacity: 0.4!important;

  930. }.tarteaucitronIsAllowed .tarteaucitronAllow {

  931.     opacity: 1!important;

  932. }.tarteaucitronIsDenied .tarteaucitronDeny {

  933.     opacity: 1!important;

  934. }

  935. .tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny {

  936.     opacity: 0.4;

  937. }

  938. #tarteaucitronServices_mandatory button.tarteaucitronAllow {

  939.     opacity: 1;

  940. }

  941. 

  942. div#tarteaucitronInfo {

  943.     display: block!important;

  944.     position: relative !important;

  945.     text-align: center!important;

  946.     max-width: 80%!important;

  947.     padding: 15px 0!important;

  948.     margin: -10px auto 40px!important;

  949.     font-size: 1em!important;

  950.     border-bottom: 1px solid;

  951.     border-top: 1px solid;

  952.     border-color: #555;

  953. }

  954. 

  955. a.tarteaucitronSelfLink {

  956.     position: absolute;

  957.     left: 0;

  958.     right: 0;

  959.     bottom: -30px;

  960.     text-align: center!important;

  961.     display: block;

  962.     height:30px;

  963. }

  964. 

  965. .tarteaucitronMainLine .tarteaucitronH2 {

  966.     font-size: 1.2em!important;

  967.     margin-top: 4px!important;

  968. }

  969. 

  970. span.tarteaucitronTitle.tarteaucitronH3 {

  971.     margin-top: 12px!important;

  972. }

  973. 

  974. #tarteaucitronCloseCross {

  975.     position:absolute;

  976.     color: #FFFF;

  977.     font-size:1.8rem;

  978.     cursor: pointer;

  979.     top: 10px;

  980.     right: 26px

  981. }

  982. 

  983. .tarteaucitron-spacer-20 {

  984.     height: 20px;

  985.     display: block;

  986. }

  987. 

  988. .tarteaucitron-display-block {

  989.     display: block;

  990. }

  991. 

  992. .tarteaucitron-display-none {

  993.     display: none;

  994. }