You are here

Home » API reference » TacJS 8.5

tarteaucitron.css in TacJS 8.5

Same filename and directory in other branches
  1. 8.6 assets/vendor/tarteaucitron.js/css/tarteaucitron.css
  2. 8.3 assets/vendor/tarteaucitron.js/css/tarteaucitron.css
  3. 8.4 assets/vendor/tarteaucitron.js/css/tarteaucitron.css
.modal-open{
    overflow: hidden;
    height: 100%;
}

#contentWrapper {display:unset;}

/***
* 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, #tarteaucitronRoot button:focus {
    /*outline: 2px solid #cb3333;*/
}

/***
 * 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 0 35px #575757;
}

/***
 * 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
 */
#tarteaucitron * {
    zoom: 1;
}

#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%;
}

.tarteaucitronSelfLink, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    background: rgba(51, 51, 51, 0.07);
}a.tarteaucitronSelfLink {
    text-align: center!important;
    display: block;
    padding: 7px!important;
}

#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;
}

/***
 * 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;
    padding-top: 13px!important;
    display: block;
    text-shadow: 0 0 14px white;
    text-transform: uppercase;
}.tarteaucitronMainLine .tarteaucitronH2 {
    font-size: 1.2em!important;
    margin-top: 4px!important;
}

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

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

.display-block {
    display: block;
}

.display-none {
    display: none;
}

File

assets/vendor/tarteaucitron.js/css/tarteaucitron.css
View source 
  1. .modal-open{

  2.     overflow: hidden;

  3.     height: 100%;

  4. }

  5. 

  6. #contentWrapper {display:unset;}

  7. 

  8. /***

  9. * Reset CSS

  10. */

  11. #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 {

  12.     margin: 0;

  13.     padding: 0;

  14.     border: 0;

  15.     font-size: 100%;

  16.     font: inherit;

  17.     vertical-align: baseline;

  18.     /*background: initial;*/

  19.     text-align: initial;

  20.     text-shadow: initial;

  21. }

  22. 

  23. /* Animation */

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

  25. 

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

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

  28.     display: block;

  29. }

  30. #tarteaucitronRoot ol, #tarteaucitronRoot ul {

  31.     list-style: none;

  32. }

  33. #tarteaucitronRoot blockquote, #tarteaucitronRoot q {

  34.     quotes: none;

  35. }

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

  37.     content: '';

  38.     content: none;

  39. }

  40. #tarteaucitronRoot table {

  41.     border-collapse: collapse;

  42.     border-spacing: 0;

  43. }

  44. 

  45. #tarteaucitronRoot a:focus, #tarteaucitronRoot button:focus {

  46.     /*outline: 2px solid #cb3333;*/

  47. }

  48. 

  49. /***

  50.  * Better scroll management

  51.  */

  52. div#tarteaucitronMainLineOffset {

  53.     margin-top: 0!important;

  54. }

  55. 

  56. div#tarteaucitronServices {

  57.     margin-top: 21px!important;

  58. }

  59. 

  60. #tarteaucitronServices::-webkit-scrollbar {

  61.     width: 5px;

  62. }

  63. 

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

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

  66. }

  67. 

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

  69.   background-color: #ddd;

  70.   outline: 0px solid slategrey;

  71. }

  72. 

  73. div#tarteaucitronServices {

  74.     box-shadow: 0 0 35px #575757;

  75. }

  76. 

  77. /***

  78.  * Responsive layout for the control panel

  79.  */

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

  81.     #tarteaucitron .tarteaucitronLine .tarteaucitronName {

  82.         width: 90% !important;

  83.     }

  84. 

  85.     #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {

  86.         float: left !important;

  87.         margin: 10px 15px 5px;

  88.     }

  89. }

  90. 

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

  92.     #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {

  93.         background: #fff;

  94.         border: 0 !important;

  95.         bottom: 0 !important;

  96.         height: 100% !important;

  97.         left: 0 !important;

  98.         margin: 0 !important;

  99.         max-height: 100% !important;

  100.         max-width: 100% !important;

  101.         top: 0 !important;

  102.         width: 100% !important;

  103.     }

  104. 

  105.     #tarteaucitron .tarteaucitronBorder {

  106.         border: 0 !important;

  107.     }

  108. 

  109.     #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {

  110.         border: 0 !important;

  111.     }

  112. 

  113.     #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {

  114.         text-align: left !important;

  115.     }

  116. 

  117.     .tarteaucitronName .tarteaucitronH2 {

  118.         max-width: 80%;

  119.     }

  120. 

  121.     #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {

  122.         text-align: center !important;

  123.     }

  124. 

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

  126.             margin-bottom: 5px;

  127.         }

  128. }

  129. 

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

  131.     #tarteaucitron {

  132.         border: 0 !important;

  133.         left: 0 !important;

  134.         margin: 0 5% !important;

  135.         max-height: 80% !important;

  136.         width: 90% !important;

  137.     }

  138. }

  139. 

  140. /***

  141.  * Common value

  142.  */

  143. #tarteaucitron * {

  144.     zoom: 1;

  145. }

  146. 

  147. #tarteaucitronRoot div#tarteaucitron {

  148.     left: 0;

  149.     right: 0;

  150.     margin: auto;

  151. }

  152. 

  153. #tarteaucitronRoot button#tarteaucitronBack {

  154.     background: #eee;

  155. }

  156. 

  157. #tarteaucitron .clear {

  158.     clear: both;

  159. }

  160. 

  161. #tarteaucitron a {

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

  163.     font-size: 11px;

  164.     font-weight: 700;

  165.     text-decoration: none;

  166. }

  167. 

  168. #tarteaucitronRoot button {

  169.     background: transparent;

  170.     border: 0;

  171. }

  172. 

  173. #tarteaucitronAlertBig strong, #tarteaucitronAlertSmall strong,

  174. #tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {

  175.     color: #fff;

  176. }

  177. 

  178. #tarteaucitron strong {

  179.     font-size: 22px;

  180.     font-weight: 500;

  181. }

  182. 

  183. #tarteaucitron ul {

  184.     padding: 0;

  185. }

  186. 

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

  188.   display: block;

  189. }

  190. 

  191. .cookie-list {

  192.     list-style: none;

  193.     padding: 0;

  194.     margin: 0;

  195. }

  196. /***

  197.  * Root div added just before 

  198.  */

  199. #tarteaucitronRoot {

  200.     left: 0;

  201.     position: absolute;

  202.     right: 0;

  203.     top: 0;

  204.     width: 100%;

  205. }

  206. 

  207. #tarteaucitronRoot * {

  208.     box-sizing: initial;

  209.     color: #333;

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

  211.     font-size: 14px;

  212.     line-height: normal;

  213.     vertical-align: initial;

  214. }

  215. 

  216. #tarteaucitronRoot .tarteaucitronH1 {

  217.     font-size: 1.5em;

  218.     text-align: center;

  219.     color: #fff;

  220.     margin: 15px 0 28px;

  221. }

  222. 

  223. #tarteaucitronRoot .tarteaucitronH2 {

  224.     display: inline-block;

  225.     margin: 12px 0 0 10px;

  226.     color: #fff;

  227. }

  228. 

  229. #tarteaucitronCookiesNumberBis.tarteaucitronH2 {

  230.     margin-left: 0;

  231. }

  232. 

  233. /***

  234.  * Control panel

  235.  */

  236. #tarteaucitronBack {

  237.     background: #fff;

  238.     display: none;

  239.     height: 100%;

  240.     left: 0;

  241.     opacity: 0.7;

  242.     position: fixed;

  243.     top: 0;

  244.     width: 100%;

  245.     z-index: 2147483646;

  246. }

  247. 

  248. #tarteaucitron {

  249.     display: none;

  250.     max-height: 80%;

  251.     left: 50%;

  252.     margin: 0 auto 0 -430px;

  253.     padding: 0;

  254.     position: fixed;

  255.     top: 6%;

  256.     width: 860px;

  257.     z-index: 2147483647;

  258. }

  259. 

  260. #tarteaucitron .tarteaucitronBorder {

  261.     background: #fff;

  262.     border: 2px solid #333;

  263.     border-top: 0;

  264.     height: auto;

  265.     overflow: auto;

  266. }

  267. 

  268. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,

  269. #tarteaucitron #tarteaucitronClosePanel {

  270.     background: #333333;

  271.     color: #fff;

  272.     cursor: pointer;

  273.     font-size: 12px;

  274.     font-weight: 700;

  275.     text-decoration: none;

  276.     padding: 4px 0;

  277.     position: absolute;

  278.     right: 0;

  279.     text-align: center;

  280.     width: 70px;

  281. }

  282. 

  283. #tarteaucitron #tarteaucitronDisclaimer {

  284.     color: #555;

  285.     font-size: 12px;

  286.     margin: 15px auto 0;

  287.     width: 80%;

  288. }

  289. 

  290. .tarteaucitronSelfLink, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,

  291. #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {

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

  293. }a.tarteaucitronSelfLink {

  294.     text-align: center!important;

  295.     display: block;

  296.     padding: 7px!important;

  297. }

  298. 

  299. #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {

  300.     display: none;

  301.     position: relative;

  302. }

  303. 

  304. #tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {

  305.     width: 100%;

  306.     box-sizing: border-box;

  307. }

  308. 

  309. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,

  310. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,

  311. #tarteaucitron #tarteaucitronInfo,

  312. #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {

  313.     color: #fff;

  314.     display: inline-block;

  315.     font-size: 14px;

  316.     font-weight: 700;

  317.     margin: 20px 0px 0px;

  318.     padding: 5px 20px;

  319.     text-align: left;

  320.     width: auto;

  321.     background: #333;

  322. }

  323. 

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

  325. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {

  326.     color: #fff;

  327.     font-weight: 500;

  328. }

  329. 

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

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

  332.     text-decoration: none !important;

  333. }

  334. 

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

  336.     font-size: 22px;

  337. }

  338. 

  339. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {

  340.     font-size: 14px;

  341. }

  342. 

  343. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {

  344.     padding: 5px 10px;

  345.     margin: 0;

  346. }

  347. 

  348. #tarteaucitron #tarteaucitronInfo,

  349. #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {

  350.     color: #fff;

  351.     display: none;

  352.     font-size: 12px;

  353.     font-weight: 500;

  354.     margin-top: 0;

  355.     max-width: 270px;

  356.     padding: 20px;

  357.     position: absolute;

  358.     z-index: 2147483647;

  359. }

  360. 

  361. #tarteaucitron #tarteaucitronInfo a {

  362.     color: #fff;

  363.     text-decoration: underline;

  364. }

  365. 

  366. #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {

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

  368. }

  369. 

  370. #tarteaucitron #tarteaucitronServices .tarteaucitronLine {

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

  372.     border-left: 5px solid transparent;

  373.     margin: 0;

  374.     overflow: hidden;

  375.     padding: 15px 5px;

  376. }

  377. 

  378. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {

  379.     border-color: #1B870B;

  380. }

  381. 

  382. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {

  383.     border-color: #9C1A1A;

  384. }

  385. 

  386. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {

  387.     background: #333;

  388.     border: 3px solid #333;

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

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

  391.     margin-bottom: 0;

  392.     margin-top: 21px;

  393.     position: relative;

  394. }

  395. 

  396. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {

  397.     background: #333;

  398. }

  399. 

  400. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {

  401.     margin-left: 15px;

  402.     margin-top: 2px;

  403. }

  404. 

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

  406.     color: #fff;

  407. }

  408. 

  409. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {

  410.     margin-top: 0px !important;

  411. }

  412. 

  413. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {

  414.     display: inline-block;

  415.     float: left;

  416.     margin-left: 10px;

  417.     text-align: left;

  418.     width: 50%;

  419. }

  420. 

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

  422.     text-decoration: underline;

  423. }

  424. 

  425. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {

  426.     display: inline-block;

  427.     float: right;

  428.     margin: 7px 15px 0;

  429.     text-align: right;

  430. }

  431. 

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

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

  434. .tac_activate .tarteaucitronAllow {

  435.     background: gray;

  436.     border-radius: 4px;

  437.     color: #fff;

  438.     cursor: pointer;

  439.     display: inline-block;

  440.     padding: 6px 10px;

  441.     text-align: center;

  442.     text-decoration: none;

  443.     width: auto;

  444.     border: 0;

  445. }

  446. 

  447. #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {

  448.     background-color: #1B870B;

  449.     opacity: 1;

  450. }

  451. #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,

  452. #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {

  453.     background-color: #9C1A1A;

  454.     opacity: 1;

  455. }

  456. 

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

  458.     background-color: #1B870B;

  459. }

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

  461.     background-color: #9C1A1A;

  462. }

  463. 

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

  465.     color: #333;

  466.     font-size: 12px;

  467. }

  468. 

  469. #tarteaucitron .tarteaucitronH3 {

  470.     font-size: 18px;

  471. }

  472. 

  473. #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {

  474.     width: auto!important;

  475.     margin-left: 0!important;

  476.     font-size: 14px;

  477. }

  478. 

  479. /***

  480.  * Big alert

  481.  */

  482. .tarteaucitronAlertBigTop {

  483.     top: 0;

  484. }

  485. 

  486. .tarteaucitronAlertBigBottom {

  487.     bottom: 0;

  488. }

  489. 

  490. #tarteaucitronRoot #tarteaucitronAlertBig {

  491.     background: #333;

  492.     color: #fff;

  493.     display: none;

  494.     font-size: 15px !important;

  495.     left: 0;

  496.     position: fixed;

  497.     box-sizing: content-box;

  498.     z-index: 2147483645;

  499.     text-align: center;

  500.     padding: 10px 0 10px 0;

  501.     margin: auto;

  502.     width: 100%;

  503. }

  504. 

  505. #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,

  506. #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,

  507. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,

  508. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {

  509.     font: 15px verdana;

  510.     color: #fff;

  511. }

  512. 

  513. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {

  514.     font-weight: 700;

  515. }

  516. 

  517. #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,

  518. #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {

  519.     cursor: pointer;

  520. }

  521. 

  522. #tarteaucitronAlertBig #tarteaucitronCloseAlert,

  523. #tarteaucitronAlertBig #tarteaucitronPersonalize,

  524. #tarteaucitronAlertBig #tarteaucitronPersonalize2,

  525. .tarteaucitronCTAButton,

  526. #tarteaucitron #tarteaucitronPrivacyUrl,

  527. #tarteaucitron #tarteaucitronPrivacyUrlDialog,

  528. #tarteaucitronRoot .tarteaucitronDeny,

  529. #tarteaucitronRoot .tarteaucitronAllow {

  530.     background: #008300;

  531.     color: #fff;

  532.     cursor: pointer;

  533.     display: inline-block;

  534.     font-size: 16px!important;

  535.     line-height: 1.2;

  536.     padding: 5px 10px;

  537.     text-decoration: none;

  538.     margin-left: 7px;

  539. }

  540. 

  541. #tarteaucitronRoot .tarteaucitronDeny {

  542.     background: #9C1A1A;

  543. }

  544. 

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

  546.     background: #fff;

  547.     color: #333;

  548.     font-size: 13px;

  549.     margin-bottom: 3px;

  550.     margin-left: 7px;

  551.     padding: 5px 10px;

  552. }

  553. 

  554. #tarteaucitronPercentage {

  555.     background: #0A0!important;

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

  557.     height: 5px;

  558.     left: 0;

  559.     position: fixed;

  560.     width: 0;

  561.     z-index: 2147483644;

  562. }

  563. 

  564. /***

  565.  * Icon

  566.  */

  567. .tarteaucitronIconBottomRight {

  568.     bottom: 0;

  569.     right: 0;

  570. }

  571. .tarteaucitronIconBottomLeft {

  572.     bottom: 0;

  573.     left: 0;

  574. }

  575. .tarteaucitronIconTopRight {

  576.     top: 0;

  577.     right: 0;

  578. }

  579. .tarteaucitronIconTopLeft {

  580.     top: 0;

  581.     left: 0;

  582. }

  583. 

  584. .tarteaucitronIconTopLeft #tarteaucitronManager {

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

  586. }

  587. 

  588. .tarteaucitronIconTopRight #tarteaucitronManager {

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

  590. }

  591. 

  592. .tarteaucitronIconBottomLeft #tarteaucitronManager {

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

  594. }

  595. 

  596. .tarteaucitronIconBottomRight #tarteaucitronManager {

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

  598. }

  599. 

  600. #tarteaucitronIcon {

  601.     background: transparent;

  602.     position: fixed;

  603.     display: none;

  604.     width: auto;

  605.     z-index: 2147483646;

  606. }

  607. #tarteaucitronIcon #tarteaucitronManager {

  608.     color: transparent;

  609.     cursor: pointer;

  610.     display: inline-block;

  611.     font-size: 11px !important;

  612.     padding: 8px 10px 8px;

  613.     border: none;

  614. }

  615. #tarteaucitronIcon #tarteaucitronManager img {

  616.     width: 50px;

  617.     height: 50px;

  618. }

  619. 

  620. #tarteaucitronRoot .tarteaucitronCross::before {

  621.     content: '\2717';

  622.     display: inline-block;

  623.     color: white;

  624. }

  625. 

  626. #tarteaucitronRoot .tarteaucitronCheck::before {

  627.     content: '\2713';

  628.     display: inline-block;

  629.     color: white;

  630. }

  631. 

  632. #tarteaucitronRoot .tarteaucitronPlus::before {

  633.     content: '\271b';

  634.     display: inline-block;

  635.     color: white;

  636. }

  637. 

  638. 

  639. /***

  640.  * Small alert

  641.  */

  642. 

  643. .tarteaucitronAlertSmallTop,.tarteaucitronAlertSmallBottom {

  644.     bottom: 0;

  645. }

  646. 

  647. #tarteaucitronAlertSmall {

  648.     background: #333;

  649.     display: none;

  650.     padding: 0;

  651.     position: fixed;

  652.     right: 0;

  653.     text-align: center;

  654.     width: auto;

  655.     z-index: 2147483646;

  656. }

  657. 

  658. #tarteaucitronAlertSmall #tarteaucitronManager {

  659.     color: #fff;

  660.     cursor: pointer;

  661.     display: inline-block;

  662.     font-size: 11px !important;

  663.     padding: 8px 10px 8px;

  664. }

  665. 

  666. #tarteaucitronAlertSmall #tarteaucitronManager:hover {

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

  668. }

  669. 

  670. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {

  671.     background-color: gray;

  672.     border-radius: 5px;

  673.     display: block;

  674.     height: 8px;

  675.     margin-bottom: 1px;

  676.     margin-top: 5px;

  677.     overflow: hidden;

  678.     width: 100%;

  679. }

  680. 

  681. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,

  682. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,

  683. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {

  684.     display: block;

  685.     float: left;

  686.     height: 100%;

  687.     width: 0%;

  688. }

  689. 

  690. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {

  691.     background-color: #1B870B;

  692. }

  693. 

  694. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {

  695.     background-color: #FBDA26;

  696. }

  697. 

  698. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {

  699.     background-color: #9C1A1A;

  700. }

  701. 

  702. #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {

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

  704.     color: #fff;

  705.     cursor: pointer;

  706.     display: inline-block;

  707.     font-size: 30px;

  708.     padding: 0px 10px;

  709.     vertical-align: top;

  710. }

  711. 

  712. #tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {

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

  714. }

  715. 

  716. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {

  717.     display: none;

  718.     max-height: 70%;

  719.     max-width: 500px;

  720.     position: fixed;

  721.     right: 0;

  722.     width: 100%;

  723. }

  724. 

  725. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {

  726.     background: #fff;

  727.     border: 2px solid #333;

  728.     color: #333;

  729.     font-size: 11px;

  730.     height: auto;

  731.     overflow: auto;

  732.     text-align: left;

  733. }

  734. 

  735. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {

  736.     color: #333;

  737. }

  738. 

  739. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {

  740.     background: #333;

  741.     margin-top: 21px;

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

  743.     text-align: left;

  744. }

  745. 

  746. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {

  747.     color: #fff;

  748.     font-size: 16px;

  749. }

  750. 

  751. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {

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

  753.     padding: 7px 5px 10px;

  754.     word-wrap: break-word;

  755. }

  756. 

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

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

  759. }

  760. 

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

  762.     color: #333;

  763.     text-decoration: none;

  764. }

  765. 

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

  767.     display: inline-block;

  768.     width: 50%;

  769. }

  770. 

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

  772.     color: darkred;

  773. }

  774. 

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

  776.     color: #333;

  777.     display: inline-block;

  778.     font-size: 11px;

  779.     margin-left: 10%;

  780.     vertical-align: top;

  781.     width: 30%;

  782. }

  783. 

  784. /***

  785.  * Fallback activate link

  786.  */

  787. .tac_activate {

  788.     background: #333;

  789.     color: #fff;

  790.     display: table;

  791.     font-size: 12px;

  792.     height: 100%;

  793.     line-height: initial;

  794.     margin: auto;

  795.     text-align: center;

  796.     width: 100%;

  797. }

  798. 

  799. .tac_float {

  800.     display: table-cell;

  801.     text-align: center;

  802.     vertical-align: middle;

  803. }

  804. 

  805. .tac_activate .tac_float strong {

  806.     color: #fff;

  807. }

  808. 

  809. .tac_activate .tac_float .tarteaucitronAllow {

  810.     background-color: #1B870B;

  811.     display: inline-block;

  812. }

  813. 

  814. /***

  815.  * CSS for services

  816.  */

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

  818.     text-decoration: none;

  819. }

  820. 

  821. div.amazon_product {

  822.     height:240px;

  823.     width:120px;

  824. }

  825. .tarteaucitronIsAllowed .tarteaucitronDeny {

  826.     opacity: 0.4!important;

  827. }.tarteaucitronIsDenied .tarteaucitronAllow {

  828.     opacity: 0.4!important;

  829. }.tarteaucitronIsAllowed .tarteaucitronAllow {

  830.     opacity: 1!important;

  831. }.tarteaucitronIsDenied .tarteaucitronDeny {

  832.     opacity: 1!important;

  833. }

  834. .tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny {

  835.     opacity: 0.4;

  836. }

  837. #tarteaucitronServices_mandatory button.tarteaucitronAllow {

  838.     opacity: 1;

  839. }

  840. 

  841. div#tarteaucitronInfo {

  842.     display: block!important;

  843.     position: relative !important;

  844.     text-align: center!important;

  845.     max-width: 80%!important;

  846.     padding: 15px 0!important;

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

  848.     font-size: 1em!important;

  849.     border-bottom: 1px solid;

  850.     border-top: 1px solid;

  851.     border-color: #555;

  852. }

  853. 

  854. a.tarteaucitronSelfLink {

  855.     position: absolute;

  856.     left: 0;

  857.     right: 0;

  858.     padding-top: 13px!important;

  859.     display: block;

  860.     text-shadow: 0 0 14px white;

  861.     text-transform: uppercase;

  862. }.tarteaucitronMainLine .tarteaucitronH2 {

  863.     font-size: 1.2em!important;

  864.     margin-top: 4px!important;

  865. }

  866. 

  867. span.tarteaucitronTitle.tarteaucitronH3 {

  868.     margin-top: 12px!important;

  869. }

  870. 

  871. .spacer-20 {

  872.     height: 20px;

  873.     display: block;

  874. }

  875. 

  876. .display-block {

  877.     display: block;

  878. }

  879. 

  880. .display-none {

  881.     display: none;

  882. }