@import 'https://code.highcharts.com/css/highcharts.css';

.highcharts-xaxis-labels, text, tspan {
    font-size: 13px !important;
    font-weight: bold !important;
}

.highcharts-credits {
    display: none;
}

.lato, body {
    font-family: 'Lato', sans-serif !important;
}

.highcharts-xaxis-labels, text, tspan {
    font-size: 16px !important
}

.highcharts-background {
    fill: #fff !important;
    color: #000
}

.contourJaune {
    -webkit-text-stroke: 2px #b09e40;
}

body {
    background-color: #fff !important
}

#defaultCanvas0 {
    height: 100%;
    left: 0;
    opacity: 0.25 !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -10
}

.text-bigger {
    font-size: 3.5rem !important;
}

.footer {
    text-align: center;
    background-color: #000;
    opacity: 0.85;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #eee;
    left: 0;
    margin-top: 40px;
}

.gold {


    background-image: linear-gradient(
            to right,
            #462523 0,
            #cb9b51 22%,
            #f6e27a 45%,
            #f6f2c0 50%,
            #f6e27a 55%,
            #cb9b51 78%,
            #462523 100%
    );
    color: transparent;
    -webkit-background-clip: text;

}

.blue {
    color: #c2deff !important
}

.bold {
    font-weight: bold !important;
}

.brackets a, a, a:hover, a:active {
    color: #ffd700;
    font-weight: bold
}

i {
    font-size: 22px !important
}

.brackets a::before, .brackets a::after {
    display: inline-block;
    opacity: 0;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}

.brackets a::before {
    content: '[';
    margin-right: 5px;
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.brackets a::after {
    content: ']';
    margin-left: 5px;
    -moz-transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}

.brackets a:hover::before, .brackets a:active, .brackets a:hover::after, .brackets a:focus::before, .brackets a:focus::after {
    color: #2e40e0;
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

main {
    margin-bottom: 0 !important
}