You are here

Home » API reference » TacJS 8.4

tarteaucitron.css in TacJS 8.4

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.5 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;
}
/* 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 {
    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;
    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,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronRoot .tarteaucitronDeny {
    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: 4px 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;
}

/***
 * 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;
}

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

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. /* HTML5 display-role reset for older browsers */

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

  24.     display: block;

  25. }

  26. #tarteaucitronRoot ol, #tarteaucitronRoot ul {

  27.     list-style: none;

  28. }

  29. #tarteaucitronRoot blockquote, #tarteaucitronRoot q {

  30.     quotes: none;

  31. }

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

  33.     content: '';

  34.     content: none;

  35. }

  36. #tarteaucitronRoot table {

  37.     border-collapse: collapse;

  38.     border-spacing: 0;

  39. }

  40. 

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

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

  43. }

  44. 

  45. /***

  46.  * Better scroll management

  47.  */

  48. div#tarteaucitronMainLineOffset {

  49.     margin-top: 0!important;

  50. }

  51. 

  52. div#tarteaucitronServices {

  53.     margin-top: 21px!important;

  54. }

  55. 

  56. #tarteaucitronServices::-webkit-scrollbar {

  57.     width: 5px;

  58. }

  59. 

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

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

  62. }

  63. 

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

  65.   background-color: #ddd;

  66.   outline: 0px solid slategrey;

  67. }

  68. 

  69. div#tarteaucitronServices {

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

  71. }

  72. 

  73. /***

  74.  * Responsive layout for the control panel

  75.  */

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

  77.     #tarteaucitron .tarteaucitronLine .tarteaucitronName {

  78.         width: 90% !important;

  79.     }

  80. 

  81.     #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {

  82.         float: left !important;

  83.         margin: 10px 15px 5px;

  84.     }

  85. }

  86. 

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

  88.     #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {

  89.         background: #fff;

  90.         border: 0 !important;

  91.         bottom: 0 !important;

  92.         height: 100% !important;

  93.         left: 0 !important;

  94.         margin: 0 !important;

  95.         max-height: 100% !important;

  96.         max-width: 100% !important;

  97.         top: 0 !important;

  98.         width: 100% !important;

  99.     }

  100. 

  101.     #tarteaucitron .tarteaucitronBorder {

  102.         border: 0 !important;

  103.     }

  104. 

  105.     #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {

  106.         border: 0 !important;

  107.     }

  108. 

  109.     #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {

  110.         text-align: left !important;

  111.     }

  112. 

  113.     .tarteaucitronName .tarteaucitronH2 {

  114.         max-width: 80%;

  115.     }

  116. 

  117.     #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {

  118.         text-align: center !important;

  119.     }

  120. 

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

  122.             margin-bottom: 5px;

  123.         }

  124. }

  125. 

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

  127.     #tarteaucitron {

  128.         border: 0 !important;

  129.         left: 0 !important;

  130.         margin: 0 5% !important;

  131.         max-height: 80% !important;

  132.         width: 90% !important;

  133.     }

  134. }

  135. 

  136. /***

  137.  * Common value

  138.  */

  139. #tarteaucitron * {

  140.     zoom: 1;

  141. }

  142. 

  143. #tarteaucitronRoot div#tarteaucitron {

  144.     left: 0;

  145.     right: 0;

  146.     margin: auto;

  147. }

  148. 

  149. #tarteaucitronRoot button#tarteaucitronBack {

  150.     background: #eee;

  151. }

  152. 

  153. #tarteaucitron .clear {

  154.     clear: both;

  155. }

  156. 

  157. #tarteaucitron a {

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

  159.     font-size: 11px;

  160.     font-weight: 700;

  161.     text-decoration: none;

  162. }

  163. 

  164. #tarteaucitronRoot button {

  165.     background: transparent;

  166.     border: 0;

  167. }

  168. 

  169. #tarteaucitronAlertBig strong, #tarteaucitronAlertSmall strong,

  170. #tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {

  171.     color: #fff;

  172. }

  173. 

  174. #tarteaucitron strong {

  175.     font-size: 22px;

  176.     font-weight: 500;

  177. }

  178. 

  179. #tarteaucitron ul {

  180.     padding: 0;

  181. }

  182. 

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

  184.   display: block;

  185. }

  186. 

  187. .cookie-list {

  188.     list-style: none;

  189.     padding: 0;

  190.     margin: 0;

  191. }

  192. /***

  193.  * Root div added just before 

  194.  */

  195. #tarteaucitronRoot {

  196.     left: 0;

  197.     position: absolute;

  198.     right: 0;

  199.     top: 0;

  200.     width: 100%;

  201. }

  202. 

  203. #tarteaucitronRoot * {

  204.     box-sizing: initial;

  205.     color: #333;

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

  207.     font-size: 14px;

  208.     line-height: normal;

  209.     vertical-align: initial;

  210. }

  211. 

  212. #tarteaucitronRoot .tarteaucitronH1 {

  213.     font-size: 1.5em;

  214.     text-align: center;

  215.     color: #fff;

  216.     margin: 15px 0 28px;

  217. }

  218. 

  219. #tarteaucitronRoot .tarteaucitronH2 {

  220.     display: inline-block;

  221.     margin: 12px 0 0 10px;

  222.     color: #fff;

  223. }

  224. 

  225. #tarteaucitronCookiesNumberBis.tarteaucitronH2 {

  226.     margin-left: 0;

  227. }

  228. 

  229. /***

  230.  * Control panel

  231.  */

  232. #tarteaucitronBack {

  233.     background: #fff;

  234.     display: none;

  235.     height: 100%;

  236.     left: 0;

  237.     opacity: 0.7;

  238.     position: fixed;

  239.     top: 0;

  240.     width: 100%;

  241.     z-index: 2147483646;

  242. }

  243. 

  244. #tarteaucitron {

  245.     display: none;

  246.     max-height: 80%;

  247.     left: 50%;

  248.     margin: 0 auto 0 -430px;

  249.     padding: 0;

  250.     position: fixed;

  251.     top: 6%;

  252.     width: 860px;

  253.     z-index: 2147483647;

  254. }

  255. 

  256. #tarteaucitron .tarteaucitronBorder {

  257.     background: #fff;

  258.     border: 2px solid #333;

  259.     border-top: 0;

  260.     height: auto;

  261.     overflow: auto;

  262. }

  263. 

  264. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,

  265. #tarteaucitron #tarteaucitronClosePanel {

  266.     background: #333333;

  267.     color: #fff;

  268.     cursor: pointer;

  269.     font-size: 12px;

  270.     font-weight: 700;

  271.     text-decoration: none;

  272.     padding: 4px 0;

  273.     position: absolute;

  274.     right: 0;

  275.     text-align: center;

  276.     width: 70px;

  277. }

  278. 

  279. #tarteaucitron #tarteaucitronDisclaimer {

  280.     color: #555;

  281.     font-size: 12px;

  282.     margin: 15px auto 0;

  283.     width: 80%;

  284. }

  285. 

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

  287. #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {

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

  289. }a.tarteaucitronSelfLink {

  290.     text-align: center!important;

  291.     display: block;

  292.     padding: 7px!important;

  293. }

  294. 

  295. #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {

  296.     display: none;

  297.     position: relative;

  298. }

  299. 

  300. #tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {

  301.     width: 100%;

  302.     box-sizing: border-box;

  303. }

  304. 

  305. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,

  306. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,

  307. #tarteaucitron #tarteaucitronInfo,

  308. #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {

  309.     color: #fff;

  310.     display: inline-block;

  311.     font-size: 14px;

  312.     font-weight: 700;

  313.     margin: 20px 0px 0px;

  314.     padding: 5px 20px;

  315.     text-align: left;

  316.     width: auto;

  317.     background: #333;

  318. }

  319. 

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

  321. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {

  322.     color: #fff;

  323.     font-weight: 500;

  324. }

  325. 

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

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

  328.     text-decoration: none !important;

  329. }

  330. 

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

  332.     font-size: 22px;

  333. }

  334. 

  335. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {

  336.     font-size: 14px;

  337. }

  338. 

  339. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {

  340.     padding: 5px 10px;

  341.     margin: 0;

  342. }

  343. 

  344. #tarteaucitron #tarteaucitronInfo,

  345. #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {

  346.     color: #fff;

  347.     display: none;

  348.     font-size: 12px;

  349.     font-weight: 500;

  350.     margin-top: 0;

  351.     max-width: 270px;

  352.     padding: 20px;

  353.     position: absolute;

  354.     z-index: 2147483647;

  355. }

  356. 

  357. #tarteaucitron #tarteaucitronInfo a {

  358.     color: #fff;

  359.     text-decoration: underline;

  360. }

  361. 

  362. #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {

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

  364. }

  365. 

  366. #tarteaucitron #tarteaucitronServices .tarteaucitronLine {

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

  368.     border-left: 5px solid transparent;

  369.     margin: 0;

  370.     overflow: hidden;

  371.     padding: 15px 5px;

  372. }

  373. 

  374. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {

  375.     border-color: #1B870B;

  376. }

  377. 

  378. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {

  379.     border-color: #9C1A1A;

  380. }

  381. 

  382. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {

  383.     background: #333;

  384.     border: 3px solid #333;

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

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

  387.     margin-bottom: 0;

  388.     margin-top: 21px;

  389.     position: relative;

  390. }

  391. 

  392. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {

  393.     background: #333;

  394. }

  395. 

  396. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {

  397.     margin-left: 15px;

  398.     margin-top: 2px;

  399. }

  400. 

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

  402.     color: #fff;

  403. }

  404. 

  405. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {

  406.     margin-top: 0px !important;

  407. }

  408. 

  409. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {

  410.     display: inline-block;

  411.     float: left;

  412.     margin-left: 10px;

  413.     text-align: left;

  414.     width: 50%;

  415. }

  416. 

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

  418.     text-decoration: underline;

  419. }

  420. 

  421. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {

  422.     display: inline-block;

  423.     float: right;

  424.     margin: 7px 15px 0;

  425.     text-align: right;

  426. }

  427. 

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

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

  430. .tac_activate .tarteaucitronAllow {

  431.     background: gray;

  432.     border-radius: 4px;

  433.     color: #fff;

  434.     cursor: pointer;

  435.     display: inline-block;

  436.     padding: 6px 10px;

  437.     text-align: center;

  438.     text-decoration: none;

  439.     width: auto;

  440.     border: 0;

  441. }

  442. 

  443. #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {

  444.     background-color: #1B870B;

  445.     opacity: 1;

  446. }

  447. #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected {

  448.     background-color: #9C1A1A;

  449.     opacity: 1;

  450. }

  451. 

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

  453.     background-color: #1B870B;

  454. }

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

  456.     background-color: #9C1A1A;

  457. }

  458. 

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

  460.     color: #333;

  461.     font-size: 12px;

  462. }

  463. 

  464. #tarteaucitron .tarteaucitronH3 {

  465.     font-size: 18px;

  466. }

  467. 

  468. #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {

  469.     width: auto!important;

  470.     margin-left: 0!important;

  471.     font-size: 14px;

  472. }

  473. 

  474. /***

  475.  * Big alert

  476.  */

  477. .tarteaucitronAlertBigTop {

  478.     top: 0;

  479. }

  480. 

  481. .tarteaucitronAlertBigBottom {

  482.     bottom: 0;

  483. }

  484. 

  485. #tarteaucitronRoot #tarteaucitronAlertBig {

  486.     background: #333;

  487.     color: #fff;

  488.     display: none;

  489.     font-size: 15px !important;

  490.     left: 0;

  491.     position: fixed;

  492.     box-sizing: content-box;

  493.     z-index: 2147483645;

  494.     text-align: center;

  495.     padding: 10px;

  496.     margin: auto;

  497.     width: 100%;

  498. }

  499. 

  500. #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,

  501. #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,

  502. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,

  503. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {

  504.     font: 15px verdana;

  505.     color: #fff;

  506. }

  507. 

  508. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {

  509.     font-weight: 700;

  510. }

  511. 

  512. #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,

  513. #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {

  514.     cursor: pointer;

  515. }

  516. 

  517. #tarteaucitronAlertBig #tarteaucitronCloseAlert,

  518. #tarteaucitronAlertBig #tarteaucitronPersonalize,

  519. .tarteaucitronCTAButton,

  520. #tarteaucitron #tarteaucitronPrivacyUrl,

  521. #tarteaucitron #tarteaucitronPrivacyUrlDialog,

  522. #tarteaucitronRoot .tarteaucitronDeny {

  523.     background: #008300;

  524.     color: #fff;

  525.     cursor: pointer;

  526.     display: inline-block;

  527.     font-size: 16px!important;

  528.     line-height: 1.2;

  529.     padding: 5px 10px;

  530.     text-decoration: none;

  531.     margin-left: 7px;

  532. }

  533. 

  534. #tarteaucitronRoot .tarteaucitronDeny {

  535.     background: #9C1A1A;

  536. }

  537. 

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

  539.     background: #fff;

  540.     color: #333;

  541.     font-size: 13px;

  542.     margin-bottom: 3px;

  543.     margin-left: 7px;

  544.     padding: 4px 10px;

  545. }

  546. 

  547. #tarteaucitronPercentage {

  548.     background: #0A0!important;

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

  550.     height: 5px;

  551.     left: 0;

  552.     position: fixed;

  553.     width: 0;

  554.     z-index: 2147483644;

  555. }

  556. 

  557. /***

  558.  * Small alert

  559.  */

  560. 

  561. .tarteaucitronAlertSmallTop,.tarteaucitronAlertSmallBottom {

  562.     bottom: 0;

  563. }

  564. 

  565. #tarteaucitronAlertSmall {

  566.     background: #333;

  567.     display: none;

  568.     padding: 0;

  569.     position: fixed;

  570.     right: 0;

  571.     text-align: center;

  572.     width: auto;

  573.     z-index: 2147483646;

  574. }

  575. 

  576. #tarteaucitronAlertSmall #tarteaucitronManager {

  577.     color: #fff;

  578.     cursor: pointer;

  579.     display: inline-block;

  580.     font-size: 11px !important;

  581.     padding: 8px 10px 8px;

  582. }

  583. 

  584. #tarteaucitronAlertSmall #tarteaucitronManager:hover {

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

  586. }

  587. 

  588. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {

  589.     background-color: gray;

  590.     border-radius: 5px;

  591.     display: block;

  592.     height: 8px;

  593.     margin-bottom: 1px;

  594.     margin-top: 5px;

  595.     overflow: hidden;

  596.     width: 100%;

  597. }

  598. 

  599. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,

  600. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,

  601. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {

  602.     display: block;

  603.     float: left;

  604.     height: 100%;

  605.     width: 0%;

  606. }

  607. 

  608. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {

  609.     background-color: #1B870B;

  610. }

  611. 

  612. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {

  613.     background-color: #FBDA26;

  614. }

  615. 

  616. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {

  617.     background-color: #9C1A1A;

  618. }

  619. 

  620. #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {

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

  622.     color: #fff;

  623.     cursor: pointer;

  624.     display: inline-block;

  625.     font-size: 30px;

  626.     padding: 0px 10px;

  627.     vertical-align: top;

  628. }

  629. 

  630. #tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {

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

  632. }

  633. 

  634. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {

  635.     display: none;

  636.     max-height: 70%;

  637.     max-width: 500px;

  638.     position: fixed;

  639.     right: 0;

  640.     width: 100%;

  641. }

  642. 

  643. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {

  644.     background: #fff;

  645.     border: 2px solid #333;

  646.     color: #333;

  647.     font-size: 11px;

  648.     height: auto;

  649.     overflow: auto;

  650.     text-align: left;

  651. }

  652. 

  653. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {

  654.     color: #333;

  655. }

  656. 

  657. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {

  658.     background: #333;

  659.     margin-top: 21px;

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

  661.     text-align: left;

  662. }

  663. 

  664. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {

  665.     color: #fff;

  666.     font-size: 16px;

  667. }

  668. 

  669. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {

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

  671.     padding: 7px 5px 10px;

  672.     word-wrap: break-word;

  673. }

  674. 

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

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

  677. }

  678. 

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

  680.     color: #333;

  681.     text-decoration: none;

  682. }

  683. 

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

  685.     display: inline-block;

  686.     width: 50%;

  687. }

  688. 

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

  690.     color: darkred;

  691. }

  692. 

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

  694.     color: #333;

  695.     display: inline-block;

  696.     font-size: 11px;

  697.     margin-left: 10%;

  698.     vertical-align: top;

  699.     width: 30%;

  700. }

  701. 

  702. /***

  703.  * Fallback activate link

  704.  */

  705. .tac_activate {

  706.     background: #333;

  707.     color: #fff;

  708.     display: table;

  709.     font-size: 12px;

  710.     height: 100%;

  711.     line-height: initial;

  712.     margin: auto;

  713.     text-align: center;

  714.     width: 100%;

  715. }

  716. 

  717. .tac_float {

  718.     display: table-cell;

  719.     text-align: center;

  720.     vertical-align: middle;

  721. }

  722. 

  723. .tac_activate .tac_float strong {

  724.     color: #fff;

  725. }

  726. 

  727. .tac_activate .tac_float .tarteaucitronAllow {

  728.     background-color: #1B870B;

  729.     display: inline-block;

  730. }

  731. 

  732. /***

  733.  * CSS for services

  734.  */

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

  736.     text-decoration: none;

  737. }

  738. 

  739. div.amazon_product {

  740.     height:240px;

  741.     width:120px;

  742. }

  743. .tarteaucitronIsAllowed .tarteaucitronDeny {

  744.     opacity: 0.4!important;

  745. }.tarteaucitronIsDenied .tarteaucitronAllow {

  746.     opacity: 0.4!important;

  747. }.tarteaucitronIsAllowed .tarteaucitronAllow {

  748.     opacity: 1!important;

  749. }.tarteaucitronIsDenied .tarteaucitronDeny {

  750.     opacity: 1!important;

  751. }

  752. .tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny {

  753.     opacity: 0.4;

  754. }

  755. 

  756. div#tarteaucitronInfo {

  757.     display: block!important;

  758.     position: relative !important;

  759.     text-align: center!important;

  760.     max-width: 80%!important;

  761.     padding: 15px 0!important;

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

  763.     font-size: 1em!important;

  764.     border-bottom: 1px solid;

  765.     border-top: 1px solid;

  766.     border-color: #555;

  767. }

  768. 

  769. a.tarteaucitronSelfLink {

  770.     position: absolute;

  771.     left: 0;

  772.     right: 0;

  773.     padding-top: 13px!important;

  774.     display: block;

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

  776.     text-transform: uppercase;

  777. }.tarteaucitronMainLine .tarteaucitronH2 {

  778.     font-size: 1.2em!important;

  779.     margin-top: 4px!important;

  780. }

  781. 

  782. span.tarteaucitronTitle.tarteaucitronH3 {

  783.     margin-top: 12px!important;

  784. }