#pre-home.attente .attente-box {
    margin-top: 0;
    margin-bottom: 100px;
    background-color: rgba(0, 13, 33, 0.4);
    border: solid 1px #16223a
}

#pre-home.attente .header-openclose.add .sub-frame .sub-holder {
    background-color: #000;
    padding-left: 20px;
    padding-right: 20px;
}


#pre-home.attente .header-openclose.add .sub-frame .icon-arrow-down {
    background: #000;
}

#pre-home.attente .header-openclose .logo-holder:after {
    content: none;
}

#pre-home.attente .header-openclose.add p {
    color: #ffea00;
    font-size: 16px;
}

#pre-home.attente .header-openclose .logo-holder {
    margin-top: 0;
    margin-bottom: -139px;
    width: 138px;
}

#pre-home.attente .header-openclose .logo {
    height: 175px;
    width: 138px;
}

.attente .attente-box .attente-tiret {
    padding-bottom: 42px
}

.attente .attente-box .attente-logo {
    padding-top: 74px
}

.attente .attente-box .attente-message {
    padding-top: 32px;
    text-transform: uppercase;
    line-height: 1.1em
}

.attente .attente-box .attente-message-complement {
    padding-top: 40px;
    color: #b6b9bf;
    font-size: 20px;
    text-transform: uppercase
}

.attente .attente-box .attente-clock>span {
    position: relative;
    margin-right: -7px;
}

.attente .attente-box .attente-countdown {
    padding-top: 24px;
    padding-bottom: 55px;
    color: #ffea00;
    line-height: 1em;
    font-family: "Oswald", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 71px
}

.attente .attente-box .attente-countdown.attente-ended {
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-duration: 800ms;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -moz-animation-name: animationended;
    -webkit-animation-name: animationended;
    animation-name: animationended;
    @inlcude animation-timing-function(cubic-bezier(0.165, 0.840, 0.440, 1.000))
}

.attente .attente-box .attente-countdown .attente-noanim .attente-number .attente-number-offset {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.attente .attente-box .attente-countdown .attente-seconds .attente-number .attente-number-offset {
    display: inline-block;
    -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.attente .attente-box .attente-countdown .attente-seconds .attente-number .attente-number-offset:nth-child(2) {
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms
}

.attente .attente-box .attente-countdown .attente-number {
    padding: 0 7px 0 0;
    height: 1em;
    overflow: hidden;
    display: inline-block;
    text-align: center
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset {
    display: inline-block;
    -webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    height: 10em
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset>div {
    height: 1em
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset.attente-number-offset-10,
.attente .attente-box .attente-countdown .attente-number .attente-number-offset.attente-number-tens.attente-number-offset-6 {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset-1 {
    -moz-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -webkit-transform: translate(0, -10%);
    transform: translate(0, -10%)
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset-2 {
    -moz-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
    -webkit-transform: translate(0, -20%);
    transform: translate(0, -20%)
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset-3 {
    -moz-transform: translate(0, -30%);
    -ms-transform: translate(0, -30%);
    -webkit-transform: translate(0, -30%);
    transform: translate(0, -30%)
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset-4 {
    -moz-transform: translate(0, -40%);
    -ms-transform: translate(0, -40%);
    -webkit-transform: translate(0, -40%);
    transform: translate(0, -40%)
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset-5 {
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset-6 {
    -moz-transform: translate(0, -60%);
    -ms-transform: translate(0, -60%);
    -webkit-transform: translate(0, -60%);
    transform: translate(0, -60%)
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset-7 {
    -moz-transform: translate(0, -70%);
    -ms-transform: translate(0, -70%);
    -webkit-transform: translate(0, -70%);
    transform: translate(0, -70%)
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset-8 {
    -moz-transform: translate(0, -80%);
    -ms-transform: translate(0, -80%);
    -webkit-transform: translate(0, -80%);
    transform: translate(0, -80%)
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset-9 {
    -moz-transform: translate(0, -90%);
    -ms-transform: translate(0, -90%);
    -webkit-transform: translate(0, -90%);
    transform: translate(0, -90%)
}

.attente .attente-box .attente-countdown .attente-number .attente-number-offset-10 {
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.attente .attente-box .attente-countdown .attente-label {
    position: absolute;
    bottom: -3em;
    left: 50%;
    font-size: 11px;
    color: #b6b9bf;
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    text-transform: uppercase
}

.attente .attente-box .attente-countdown .attente-days:after,
.attente .attente-box .attente-countdown .attente-hours:after,
.attente .attente-box .attente-countdown .attente-minutes:after {
    content: ":";
    display: inline-block;
    width: auto;
}

.attente .attente-box .attente-countdown .attente-hours {
    padding-left: 0
}

.attente .attente-box .attente-countdown .attente-seconds {
    padding-right: 0
}

@media only screen and (max-width: 1400px) {
    .attente .attente-box {
        margin-top: 60px
    }
    .attente .attente-box .attente-logo {
        padding-top: 50px;
        padding-bottom: 30px
    }
    .attente .attente-box .attente-logo>img {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    .attente .attente-box .attente-countdown {
        font-size: 71px
    }
}

@media only screen and (max-width: 990px) {
    .attente .attente-box {
        margin-top: 50px
    }
    .attente .attente-box .attente-logo {
        padding-top: 40px;
        padding-bottom: 20px
    }
    .attente .attente-box .attente-logo>img {
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    .attente .attente-box .attente-countdown {
        font-size: 71px
    }
    .attente .attente-box .attente-countdown .attente-number {
        padding: 0
    }
    .attente .attente-message {
        font-size: 30px
    }
}

@media only screen and (max-width: 769px) {
    .attente .attente-box {
        margin-top: 5px
    }
    .attente .attente-box .attente-logo {
        padding-top: 20px
    }
    .attente .attente-box .attente-logo>img {
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }
    .attente .attente-message {
        font-size: 24px
    }
}