/* Regular */
@font-face {
    font-family: 'League Gothic';
    src: url('../fonts/leaguegothic-regular-webfont.eot');
    src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Italic */
@font-face {
    font-family: 'League Gothic';
    src: url('../fonts/leaguegothic-italic-webfont.eot');
    src: url('../fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('../fonts/leaguegothic-condensed-regular-webfont.eot');
    src: url('../fonts/leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed Italic */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('../fonts/leaguegothic-condensed-italic-webfont.eot');
    src: url('../fonts/leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg');
    font-weight: normal;
    font-style: italic;
}

::-webkit-input-placeholder {
   color: #cfcfcf;
}

:-moz-placeholder { /* Firefox 18- */
   color: #cfcfcf;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #cfcfcf;
}

:-ms-input-placeholder {
   color: #cfcfcf;
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
    		box-sizing: border-box;
}
html,body,p,h1,h2,h3,h4,h5 {margin:0;padding:0;font-weight:normal;text-decoration: none;font-family: 'League Gothic', sans-serif;}
h1,h2,h3,h4,h5 {text-transform:uppercase;}
a,a:hover {text-decoration: none;}
a.red {color: #a22728;}
p {font-family:'Droid Sans', sans-serif;text-transform: none;font-size: 14px;}
table {border-collapse:collapse;border-spacing:0;}
button,input {border: none;}

.none {
    display: none;
}
.invisible {
    visibility: hidden;
}
.center {text-align:center;}
.inline-block {display: inline-block;}
.uppercase {text-transform: uppercase;}
.left {float:left;}
.right {float:right;}
.clearfix {clear:both;}
.pointer {cursor:pointer;}

.absolute {position:absolute;}
.relative {position:relative;}
.fixed {position:fixed;}

.lowercase {text-transform:none;}

address {
    font-size: 11px;
    font-style: normal;
}

sup.no {
    font-size: 55%;
}

.header {
    background: #a22728;
    height: 65px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10;
}
.header.foodji {
    background: #8ec4e7;
    height: 76px;
}
.header .menu {
    margin: auto;
    width: 1100px;
}
.shipping-noel {
    background: #00ca0e;
    color: white;
    font-family: 'Droid Sans', sans-serif;
    font-size: 16px;
    padding-top: 6px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 11;
}
.shipping-noel img {
    margin: 0 15px 7px 0;
    vertical-align: middle;
}
.menu a.logo {
    margin: 12px 60px 0 0;
    float: left;
}
.menu a.menu-item, .menu .menu-group {
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    padding: 18px 15px;
    text-align: center;
    text-shadow: 1px 1px 0 black;
    text-transform: uppercase;
}
.menu a.menu-item:hover {
    background: #912325;
    color: white;
}
.menu .menu-group {
    position: relative;
}
.menu .menu-group-reveal .menu-item {
    text-align: left;
    padding: 18px 25px;
    white-space: nowrap;
    width: 100%;
}
.menu .menu-group-reveal {
    background: #a22728;
    display: none;
    list-style: none;
    margin: 18px 0px 0px -15px;
    padding: 0;
    position: absolute;
}
}
.menu .menu-group:hover {
    background: #912325;
    color: white;
}
.menu .menu-group:hover .menu-group-reveal {
    display: block;
}
.foodji .menu a.logo {
    margin-top: 7px;
}
.foodji .menu a.menu-item {
    padding: 24px 15px;
}
.foodji .menu a.menu-item:hover {
    background: #71abd0;
}

.container {
    background: #f1f1f1;
    margin-top: 65px;
    height: 100%;
    width: 100%;
}
.home-container {
    background: url(/img/hero-background.jpg) no-repeat top;
}
.home-container.foodji {
    background: url(/img/hero-background-foodji.jpg) no-repeat center -60px;
}

.content {
    margin: auto;
    width: 1100px;
}
.promo {
    color: white;
    padding-top: 30px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.35);
}
.promo h1 {
    font-size: 54px;
}
.promo h2 {
    font-size: 28px;
}
.cta {
    background: #ffb400;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: 'League Gothic', sans-serif;
    font-size: 26px;
    padding: 10px 40px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.35);
    text-transform: uppercase;
}
.cta.big {
    font-size: 36px;
    padding: 10px 60px;
}
.cta.small {
    font-size: 18px;
    padding: 5px 30px;
}
.cta.xsmall {
    font-family: 'Droid Sans', sans-serif;
    font-size: 11px;
    padding: 3px 20px;
    text-transform: none;
}
.cta.grey {
    background: #afafaf;
}
.cta.red {
    background: #a22728;
    color: white;
}
.cta.pink {
    background: #dc545b;
}
.cta.green {
    background: #5cb85c;
}
.cta.disabled {
    background: #cdcdcd;
    color: #f5f5f5;
    cursor: default;
    text-shadow: none;
}
.cta.mini {
    width: auto !important;
    padding: 2px 5px !important;
}

.main {
    background: white;
    margin-top: 40px;
    /*padding: 1px 0 180px 0;*/
    padding: 0 0 180px 0;
}

.foodji .demo {
    margin: -10px 0 5px 45px;
}

.stock {
    background: #2f2f2f;
    margin-left: -10px;
    padding: 20px 0;
    text-align: center;
    width: 1120px;
    margin-top: 10px;
}
.stock h3 {
    color: white;
    font-size: 40px;
}
.stock h3.stock-left {
    color: #00ca0e;
}
.stock .stock-meter {
    height: 39px;
    margin-left: 35px;
    width: 1049px;
}
.stock .stock-meter.stock0 {
    background: url(/img/stock-meter-0.png);
}
.stock .stock-meter.stock10 {
    background: url(/img/stock-meter-10.png);
}
.stock .stock-meter.stock20 {
    background: url(/img/stock-meter-20.png);
}
.stock .stock-meter.stock30 {
    background: url(/img/stock-meter-30.png);
}
.stock .stock-meter.stock40 {
    background: url(/img/stock-meter-40.png);
}
.stock .stock-meter.stock50 {
    background: url(/img/stock-meter-50.png);
}
.stock .stock-meter.stock60 {
    background: url(/img/stock-meter-60.png);
}
.stock .stock-meter.stock70 {
    background: url(/img/stock-meter-70.png);
}
.stock .stock-meter.stock80 {
    background: url(/img/stock-meter-80.png);
}
.stock .stock-meter.stock90 {
    background: url(/img/stock-meter-90.png);
}
.stock .stock-meter.stock100 {
    background: url(/img/stock-meter-100.png);
}

.foodji .stock .stock-wrapper {
    background: #ffdada;
    border-radius: 15px;
    height: 25px;
    margin: 0 30px;
}
.foodji .stock .stock-meter {
    background: url(/img/foodji-stock-meter.png);
    border-radius: 15px;
    height: 100%;
    margin: 0;
}

/* Background themed of the month : Héros légendaires  */
.stock.themed {
    background: url('/img/themed/202109_heroslegendaires-bg.jpg');
    height: 924px; 
    margin: 0; 
    width: 1100px; 
}
.stock.themed .stock-wrapper {
    height: 74px;
    position: relative;
    width: 880px;
}
.stock.themed .stock-wrapper * {
    left: 50%;
    margin: 0 0 0 -315px;
    position: absolute;
    top: 21px;
    width: 880px;
}
.stock.themed .stock-wrapper p {
    color: white;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 6px 0 0 -350px;
    text-align: center;
    text-shadow: 0 0 5px black, 1px 1px 1px black;
    width: 950px;
    z-index: 3;
}
.stock.themed .stock-bar {
    /*background: url('/img/themed-stock-meter-201606.png') no-repeat;*/
    height: 74px;
    margin: 0 0 0 -350px;
    top: 0;
    width: 950px;
    z-index: 2;
}
.stock.themed .stock-meter {
    background: #ffc300; /* couleur a changer */
    height: 35px;
    z-index: 1;
}
.stock.themed .stock-background {
    background: #313131;
    height: 35px;
    z-index: 0;
}
.stock.themed .promo {
    color: white;
    margin-top: 470px;
    text-align: center;
}
.stock.themed .promo p {
    font-family: 'League Gothic', sans-serif;
    font-size: 40px;
    text-shadow:    -2px -2px 0 black,
                    -2px 2px 0 black,
                    2px -2px 0 black,
                    2px 2px 0 black;
    text-transform: uppercase;
}
.stock.themed .promo .small {
    font-size: 30px;
}
.stock.themed .promo .big {
    font-size: 50px;
}

.stock.manga {
    /*background-repeat: no-repeat;*/
    height: 830px;
    margin: 0;
    width: 1100px;
}
.stock.manga .stock-wrapper {
    height: 74px;
    position: relative;
    width: 880px;
}
.stock.manga .stock-wrapper * {
    left: 50%;
    margin: 0 0 0 -315px;
    position: absolute;
    top: 21px;
    width: 880px;
}
.stock.manga .stock-wrapper p {
    color: white;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 6px 0 0 -350px;
    text-align: center;
    text-shadow: 0 0 5px black, 1px 1px 1px black;
    width: 950px;
    z-index: 3;
}
.stock.manga .stock-bar {
    background: url('/img/manga-stock-meter-201606.png') no-repeat;
    height: 74px;
    margin: 0 0 0 -350px;
    top: 0;
    width: 950px;
    z-index: 2;
}
.stock.manga .stock-meter {
    background: #76C4F4;
    height: 35px;
    z-index: 1;
}
.stock.manga .stock-background {
    background: #505050;
    height: 35px;
    z-index: 0;
}
.stock.manga .promo {
    color: black;
    margin-top: 470px;
    text-align: center;
}
.stock.manga .promo p {
    font-family: 'Droid sans', sans-serif;
    font-size: 40px;
    text-shadow:    -2px -2px 0 white,
                    -2px 2px 0 white,
                    2px -2px 0 white,
                    2px 2px 0 white;
    text-transform: uppercase;
}
.stock.manga .promo div {
    font-family: 'League Gothic', sans-serif;
    font-size: 60px;
    text-shadow:    -2px -2px 0 white,
                    -2px 2px 0 white,
                    2px -2px 0 white,
                    2px 2px 0 white;
    text-transform: uppercase;
}
.stock.manga .promo .small {
    font-size: 16px;
    text-transform: none;
}
.stock.manga .promo .big {
    font-size: 80px;
}

.manga .promo .commitments .gifts {
    margin: 0;
    padding: 0;
}

.commitments {
    margin-top: 40px;
    padding: 0 15px;
}
.commitments h3, .offers h3 {
    color: #a22728;
    font-size: 50px;
    margin-bottom: 15px;
}
.foodji .commitments h3, .foodji .offers h3 {
    color: #71abd0;
}
.commitments table {
    color: #666;
    font-size: 24px;
}
.commitments table td {
    padding: 10px 70px 10px 0;
}
.commitments table img {
    float: left;
    margin-right: 15px;
}
.commitments table .grey, .commitments table .grey a {
    color: #c5c5c5;
}
.commitments .price {
    background: #f6f6f6;
    color: #a22728;
    font-size: 20px;
    padding: 20px 30px;
    text-align: center;
    text-transform: none;
}
.commitments.gifts .box-left, .commitments .box-right {
    width: 533px;
}
.commitments.gifts .box-left {
    margin-right: 4px;
}
.commitments.gifts .on-sale {
    bottom: 50px;
    position: absolute;
    right: 0;
    z-index: 1;
}
.commitments.gifts .on-sale img {
    width: 260px;
}
.foodji .commitments .price {
    color: #71abd0;
}
.commitments .price .big {
    font-size: 90px;
}
.commitments .offers-detail {
    margin-top: 20px;
    text-align: center;
}
.commitments.gifts h4.yellow {
    color: #ffb400;
    font-size: 40px;
    text-align: center;
}
.commitments.gifts p {
    color: #666666;
    font-family: 'League Gothic', sans-serif;
    font-size: 30px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.commitments.gifts p.small {
    color: #9d9d9d;
    font-size: 24px;
}
.commitments.gifts .red {
    color: #a22728;
}
.foodji .commitments.gifts .red {
    color: #71abd0;
}
.commitments.gifts img.current-gifts {
    margin: -10px 0 0 -15px;
}
.commitments.gifts .block-fb {
    background: #4a5c9c;
    display: inline-block;
    height: 183px;
    overflow: hidden;
    padding: 13px;
    vertical-align: top;
    width: 366px;
    -webkit-box-shadow: inset 0 0 32px rgba(45,61,119,0.6);
       -moz-box-shadow: inset 0 0 32px rgba(45,61,119,0.6);
            box-shadow: inset 0 0 32px rgba(45,61,119,0.6);
}
.commitments.gifts .block-fb p {
    color: white;
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
}
.commitments.gifts img {
    display: inline-block;
    margin: 0;
}
.commitments.gifts table {
    margin-top: 25px;
}
.commitments.gifts table td {
    padding: 0;
}
.commitments.gifts table img {
    margin: 3px;
}

.destinations {
    background: url('/img/shipping-payment.png') no-repeat;
    height:252px;
    margin: 40px 0 0 20px;
    padding: 35px 0 0 20px;
}
.destinations h4 {
    color: #a22728;
    font-size: 24px;
    margin-bottom: 15px;
    width: 250px;
}
.destinations p {
    font-size: 14px;
    line-height: 130%;
    width: 250px;
}
.foodji .destinations {
    background: url('/img/shipping-payment-foodji.png') no-repeat;
}
.foodji .destinations h4 {
    color: #71abd0;
}

.steps {
    color: #bebebe;
    font-size: 30px;
    padding: 50px 20px 0 20px;
}
.steps div {
    display: inline-block;
    height: 55px;
}
.steps div.active {
    color: #a22728;
}
.steps .stepone {
    background: url(/img/step1.png) no-repeat bottom left;
    width: 350px;
}
.steps .steptwo {
    background: url(/img/step2.png) no-repeat bottom right;
    padding-left: 10px;
    width: 361px;
}
.steps .stepthree {
    background: url(/img/step3.png) no-repeat 1px bottom;
    padding-left: 20px;
    width: 349px;
}
.steps .stepone.active {
    background: url(/img/step1-active.png) no-repeat bottom left;
}
.steps .steptwo.active {
    background: url(/img/step2-active.png) no-repeat bottom right;
}
.steps .stepthree.active {
    background: url(/img/step3-active.png) no-repeat bottom right;
}

.choice-summary {
    color: white;
    margin: 30px 20px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.35);
}
.choice-summary td {
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
}
.choice-summary .label {
    background: #404040;
    font-size: 32px;
    width: 205px;
}
.choice-summary .choice {
    background: #2f2f2f;
    font-size: 30px;
    width: 600px;
}
.choice-summary .choice .box-type {
    display: block;
    font-size: 40px;
}
.choice-summary .price {
    background: black;
    font-size: 24px;
    text-transform: none;
    width: 255px;
}
.choice-summary .price .big {
    font-size: 64px;
}
.choice-summary .price p {
    font-size: 12px;
}

.periods h3 {
    color: #666;
    font-size: 40px;
    text-align: center;
}
.periods .period-container {
    text-align: center;
}
.periods .period {
    background: #f6f6f6;
    display: inline-block;
    height: 400px;
    margin: 20px 10px;
    position: relative;
    vertical-align: top;
    width: 250px;
}
.periods .period h4 {
    background: #404040;
    color: white;
    font-size: 28px;
    padding: 5px 0;
}
.periods .period .bonus {
    background: #00ca0e;
    color: white;
    padding: 10px 0;
}
.periods .period .bonus .gift {
    background: url(/img/gift-icon.png) no-repeat left top;
    padding-left: 27px;
    font-size: 22px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.35);
}
.periods .period .bonus p {
    color: white;
}
.periods .period .details {
    padding: 15px 20px;
}
.periods .period .price {
    color: #a22728;
    font-size: 22px;
    margin-bottom: 10px;
}
.periods .period .price .big {
    color: #a22728;
    font-size: 48px;
}
.periods .period p {
    color: #2f2f2f;
    font-size: 12px;
    margin-bottom: 7px;
}
.periods .period .cta {
    bottom: 20px;
    left: 30px;
    position: absolute;
    width: 190px;
}

.form {
    position: relative;
    text-transform: uppercase;
}
.form .login {
    background: #bebebe;
    color: #666;
    font-size: 40px;
    margin: auto;
    padding: 0 20px 20px 20px;
    width: 1060px;
}
.form .login .title {
    display: inline-block;
    height: 50px;
    margin: 0 15px 0 0;
    padding-top: 5px;
    vertical-align: bottom;
}
.form .login input[type='text'], .form .login input[type='email'], .form .login input[type='password'] {
    margin-right: 15px;
    width: 330px;
}
.form .login .rememberme {
    float: left;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    margin: 10px 0 -10px 163px;
    text-transform: none;
}
.form .login .forgot {
    color: #666;
    float: left;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    margin: 12px 0 -10px 60px;
    text-transform: none;
}
.form .login .forgot:hover {
    color: #f1f1f1;
}
.form .login .submit {
    background: #666;
    border: none;
    color: white;
    cursor: pointer;
    font-family: 'League Gothic', sans-serif;
    font-size: 34px;
    padding: 3px 25px 2px 25px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.35);
    vertical-align: bottom;
}
.form .inter {
    color: #bebebe;
    font-family: 'League Gothic', sans-serif;
    font-size: 30px;
    margin-top: 20px;
    text-align: center;
}
.form .title {
    color: #666;
    font-family: 'League Gothic', sans-serif;
    font-size: 40px;
    margin: 40px auto 0 auto;
    text-align: center;
    text-transform: uppercase;
}
.form .title.small {
    font-size: 24px;
}
.form-error {
    background: #ffccc9;
    color: red;
    margin: 10px auto;
    padding: 10px 10px;
    text-align: center;
    width: 630px;
}

.text_widget {
    margin-top: 15px;
    position: relative;
    text-align: center;
}
.text_widget_admin {
    display: inline-block;
    margin: 10px;
    position: relative;
}
.text_widget.small {
    display: inline-block;
}
.text_widget.mini {
    margin-top: 0;
    text-align: initial;
}
.text_widget.small select {
    margin-left: 235px;
    width: 310px;
}
.text_widget.small.farleft {
    margin-left: 225px;
}
.text_widget input[type='text'], .text_widget input[type='email'], .text_widget input[type='password'], .text_widget input[type='integer'], .text_widget input[type='number'] {
    background: #f6f6f6;
    border: none;
    color: #afafaf;
    font-family: inherit;
    font-size: 30px;
    padding: 5px 10px;
    text-transform: inherit;
    transition: all .2s ease;
    width: 630px;
}
.text_widget_admin input[type='text'], .text_widget_admin input[type='email'], .text_widget_admin input[type='password'], .text_widget_admin input[type='integer'], .text_widget_admin input[type='number'] {
    background: #f6f6f6;
    border: none;
    color: #afafaf;
    font-size: 14px;
    padding: 5px 10px;
}
.text_widget.small input[type='text'], .text_widget.small input[type='email'], .text_widget.small input[type='password'], .text_widget.small input[type='integer'], .text_widget.small input[type='number'] {
    margin-left: 10px;
    width: 310px;
}
.text_widget input[type='text'].highlight, .text_widget input[type='email'].highlight, .text_widget input[type='password'].highlight, .text_widget input[type='integer'].highlight, .text_widget input[type='number'].highlight {
    padding-top: 20px;
    transition: all .2s ease;
}
.text_widget textarea {
    background: #f6f6f6;
    border: none;
    color: #afafaf;
    font-family: 'Droid Sans', sans-serif;
    font-size: 16px;
    height: 180px;
    padding: 5px 10px;
    text-transform: none;
    transition: all .2s ease;
    width: 630px;
}
.text_widget.mini textarea {
    background: white;
    border-radius: 5px;
    color: #525252;
    font-size: 14px;
    height: 75px;
    min-width: 30%;
    transition: none;
    width: 100%;
}
.text_widget input[type='file'] {
    background: #f6f6f6;
    border: none;
    color: #afafaf;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    padding: 4px 15px;
    text-transform: inherit;
    transition: all .2s ease;
    vertical-align: top;
}
.text_widget.mini input[type='file'] {
    font-family: 'Droid Sans', sans-serif;
    font-size: 11px;
    padding: 0;
    text-transform: inherit;
    transition: none;
    vertical-align: top;
}
.text_widget.mini button {
    background: #afafaf;
    font-size: 16px;
    padding: 7px 15px;
}
.placeholder {
    color: #b1b1b1;
    display: none;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    text-transform: none;
    position: absolute;
    left: 242px;
    top: 4px;
}
.small .placeholder {
    left: 15px;
}
.birthday {
    margin: auto;
    width: 650px;
}
.birthday .text_widget {
    display: inline-block;
    margin: 15px 10px 15px 10px;
    width: 195px;
}
.birthday .text_widget select {
    width: auto;
}
.text_widget select {
    background: #f6f6f6;
    border: none;
    color: #afafaf;
    font-family: 'League Gothic', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    width: 630px;
}
.gender, .size, .text_widget .shipping {
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: inline-block;
    height: 120px;
    margin: 0 10px;
    width: 120px;
}
.text_widget .shipping {
    height: 195px;
    width: 195px;
}
.gender.active {
    background-color: #a22728;
}
.gender.male {
    background-image: url(/img/icon-male.png);
}
.gender.female {
    background-image: url(/img/icon-female.png);
}
.size.active {
    background-color: #a22728;
}
.size.disabled {
    cursor: default;
    position: relative;
}
.size.disabled:after {
    color: #cacaca;
    content: 'Plus disponible';
    background: rgba(0,0,0,0.75);
    font-size: 25px;
    left: 0;
    line-height: 22px;
    padding: 68px 5px 8px 5px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}
.size.s {
    background-image: url(/img/icon-s.png);
}
.size.m {
    background-image: url(/img/icon-m.png);
}
.size.l {
    background-image: url(/img/icon-l.png);
}
.size.xl {
    background-image: url(/img/icon-xl.png);
}
.size.xxl {
    background-image: url(/img/icon-xxl.png);
}
.text_widget .shipping {
    position: relative;
}
.text_widget .shipping.active {
    background-color: #a22728;
    color: white;
}
.text_widget .shipping p {
    bottom: 15px;
    color: #afafaf;
    font-family: 'League Gothic', sans-serif;
    font-size: 20px;
    position: absolute;
    width: 100%;
}
.text_widget .shipping.mondialrelay p {
    bottom: 5px;
    color: #a22728;
    text-transform: uppercase;
}
.text_widget .shipping.active p {
    color: white;
}
.text_widget .shipping.mondialrelay {
    background-image: url(/img/icon-mondialrelay.png);
}
.text_widget .shipping.colissimo {
    background-image: url(/img/icon-colissimo.png);
    background-position: center 15px;
}
.text_widget .shipping.japan {
    background-image: url(/img/icon-japan.png);
    background-position: center 15px;
}
.text_widget .shipping.japan_follow {
    background-image: url(/img/icon-japan_follow.png);
    background-position: center 15px;
}
.text_widget label {
    color: #afafaf;
    display: inline-block;
    font-size: 24px;
    text-align: left;
    width: 630px;
}
.text_widget.mini label {
    width: auto;
}
.text_widget input[type='checkbox'] {
    vertical-align: middle;
}

.cgv-wrapper {
    color: #afafaf;
    font-size: 24px;
    float: right;
    margin-right: 70px;
}
.cgv-wrapper input {
    vertical-align: middle;
}
.cgv-wrapper a {
    color: #404040;
}

.chosen-relay {
    margin: 10px 0 0 360px;
    width: 195px;
}

.mondialrelay-widget {
    background: white;
    border: 10px solid #a22728;
    left: 50%;
    margin-left: -430px;
    padding: 20px 10px 15px 10px;
    position: fixed;
    top: 100px;
    width: 860px;
    z-index: 20;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.mondialrelay-widget .cta.small {
    font-size: 18px;
    padding: 4px;
    margin: 0;
    width: 170px;
}
.mondialrelay-list {
    border: 1px solid #eaeaea;
    height: 300px;
    margin-right: 10px;
    overflow: auto;
    width: 340px;
}
.mondialrelay-list table {
    width: 100%;
}
.mondialrelay-list table .odd {
    background: #eaeaea;
}
.mondialrelay-relays {
    width: 340px;
}
.mondialrelay-relays .text_widget {
    display: inline-block;
    margin: 5px 0 0 0;
    text-align: left;
    width: 168px;
}
.mondialrelay-relays .text_widget input, .mondialrelay-relays .text_widget select {
    font-size: 18px;
    padding: 2px 10px;
    width: 100%;
}
.mondialrelay-relays .text_widget input[type='text'].highlight, .mondialrelay-relays .text_widget input[type='email'].highlight, .mondialrelay-relays .text_widget input[type='password'].highlight {
    padding-top: 15px;
}
.mondialrelay-relays .placeholder {
    font-size: 10px;
    left: 7px;
}
.mondialrelay-relays p {
    margin: 5px 0;
}

#map {
    height: 423px;
    width: 470px;
}

.choose-relay {
    cursor: pointer;
    padding: 5px;
}
.choose-relay:hover {
    color: #a22728;
}
.choose-relay.selected {
    background-color: #a22728;
    color: white;
}
.close-relays {
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 3px;
    top: -7px;
}

.summary {
    background: #f6f6f6;
    margin: 30px 20px;
}
.summary h1 {
    color: white;
    background: #404040;
    padding: 15px 20px;
}
.summary td {
    padding: 10px;
    vertical-align: top;
    width: 210px;
}
.summary td.red {
    background: #a22728;
    color: white;
    width: 220px;
}
.summary td .month-price {
    font-size: 16px;
    font-weight: bold;
}
.summary td.red .total {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.summary td.red .price {
    font-size: 18px;
    text-transform: uppercase;
}
.summary td.red .small {
    font-size: 12px;
}
.summary p {
    margin: 5px 0;
}
.summary .head {
    font-size: 18px;
    margin-bottom: 10px;
}
.summary .gender, .summary .size {
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 80px;
    display: inline-block;
    height: 90px;
    margin: 20px 2px;
    width: 90px;
}
.summary .gender.m {
    background-image: url(/img/icon-male.png);
}
.summary .gender.f {
    background-image: url(/img/icon-female.png);
}
.summary .size.s {
    background-image: url(/img/icon-s.png);
}
.summary .size.m {
    background-image: url(/img/icon-m.png);
}
.summary .size.l {
    background-image: url(/img/icon-l.png);
}
.summary .size.xl {
    background-image: url(/img/icon-xl.png);
}
.summary .size.xxl {
    background-image: url(/img/icon-xxl.png);
}

.payments {
    padding: 15px 20px;
}
.payments .choose-payment {
    background: white;
    color: #afafaf;
    display: block;
    font-size: 32px;
    padding: 20px 30px;
}
.payments .choose-payment.active {
    background: #a22728;
    color: white;
}
.payments .choose-payment .description {
    color: #2f2f2f;
    font-size: 14px;
    line-height: 0px;
    padding-left: 24px;
}
.payments .choose-payment img {
    margin-top: -9px;
}
.payments .choose-payment.active .description {
    color: #d0d0d0;
}

.step-navigation {
    padding: 0 50px;
    margin-top: 70px;
    width: 100%;
}

.payment {
    position: relative;
}
.payment .step-navigation {
    margin-top: 10px;
}

.footer {
    background: #2f2f2f;
    color: white;
}
.footer-content {
    width: 1100px;
    margin: auto;
    padding: 30px 20px;
}
.footer .contact {
    background: #383838;
    height: 200px;
    padding: 20px;
    text-align: center;
    width: 520px;
}
.footer .contact h3 {
    font-size: 30px;
    margin-bottom: 10px;
}
.footer .credits {
    color: #c1c1c1;
    margin: 20px 0;
}
.footer .credits a {
    color: #c1c1c1;
}
.footer .credits a:hover {
    color: #f1f1f1;
}

.account {
    padding: 20px;
}
.account h1 {
    color: #a22728;
    font-size: 50px;
}
.account a.logout {
    background: #666;
    color: white;
    font-size: 18px;
    margin-left: 15px;
    padding: 2px 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.34);
    vertical-align: middle;
}
.account h2 {
    background: #404040;
    color: white;
    font-size: 32px;
    padding: 15px 15px 13px 20px;
}
.account h3 {
    color: #686868;
    font-family: 'League Gothic', sans-serif;
    margin: 10px 30px 0 0;
}
.account .soon p {
    font-size: 24px;
    margin-bottom: 20px;
}
.account .orders .order table {
    border-spacing: 4px;
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}
.account .orders .order p {
    padding: 2px;
}
.account .orders .order p.small {
    font-size: 10px;
}
.account .orders .order p.label {
    font-size: 18px;
}
.account .orders .order td {
    background: #e6e6e6;
    border-left: 8px solid white;
    border-top: 8px solid white;
    padding: 5px 15px;
    vertical-align: middle;
}
.account .orders .order .levelup-recap {
    background: white;
    margin: 5px 0;
    padding: 7px 5px;
}
.account .orders .order .levelup-recap img {
    height:24px;
    margin: -2px 10px 0 0;
}
.account .orders .order .address p {
    font-size: 12px;
}
.account .orders .order .cta {
    font-size: 18px;
    margin-bottom: 3px;
    padding: 3px 0;
    text-align: center;
    width: 100%;
}
.account .orders .order .cta.grey {
    background-color: #666;
    margin-top: 5px;
}
.account .orders .order .cta.green {
    background-color: #5cb85c;
    margin-top: 5px;
}
.account .orders .details td {
    background-color: white;
    border-top: 5px solid white;
    padding: 0 15px;
}
.account .orders .details .details-content {
    background-color: #f6f6f6;
    padding: 15px 20px;
}
.account .orders .paid {
    margin-right: 2px;
    vertical-align: sub;
}
.account .orders .details td .big {
    font-size: 18px;
}
.account .orders .details td .tracing-number {
    background: white;
    font-weight: bold;
    padding: 4px 8px;
}
.account .orders .details .box-status {
    color: #bebebe;
    font-size: 20px;
    margin: 5px 0;
    text-transform: uppercase;
}
.account .orders .details .box-status td {
    background-color: transparent;
    border: none;
    padding: 0;
}
.account .orders .details .box-status td.active {
    color: #27a238;
}
.account .orders .details .box-status td.done {
    color: #a22728;
}
.account .account-infos {
    background: #f6f6f6;
    display: inline-block;
    margin: 40px 0;
    width: 380px;
}
.account .account-infos .edit {
    color: #a22728;
    cursor: pointer;
    float: right;
    font-size: 11px;
    margin-left: 5px;
}
.account .account-infos .edit img {
    margin-bottom: -2px;
}
.account .account-infos .edit img.reveal {
    visibility: hidden;
}
.account .account-infos .edit:hover img.reveal {
    visibility: visible;
}
.account .account-infos .inline-edit input {
    font-size: 13px;
    padding: 4px;
}
.account .account-infos .inline-edit button {
    background: #a22728;
    border-left: 2px solid white;
    color: white;
    cursor: pointer;
    font-family: 'League Gothic', sans-serif;
    font-size: 16px;
    padding: 2px 15px 3px;
    text-transform: uppercase;
}
.account .account-infos-sheet {
    padding: 20px 15px;
}
.account .account-infos-sheet p {
    line-height: 28px;
}
.account .account-infos-sheet p .label{
    font-weight: bold;
}
.sav, .account .options {
    background: #f6f6f6;
    display: inline-block;
    margin: 40px 0 0 20px;
    vertical-align: top;
    width: 660px;
}
.sav.standalone {
    margin: 0;
    width: 100%;
}
.sav h2 {
    background: #a22728;
}
.options h2 {
    background: #404040;
}
.sav .infos, .account .options .infos {
    padding: 20px 15px;
}
.sav .infos p, .account .options .infos p {
    line-height: 18px;
}
.sav h3, .account .options h3 {
    color: #404040;
    font-size: 32px;
}
.sav .conversation {
    background: white;
    color: #2f2f2f;
    display: block;
    margin: 5px;
    padding: 10px 15px;
}
.sav .conversation .wrapper {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 430px;
}
.sav .conversation .wrapper .order {
    font-weight: bold;
}
.sav .conversation .wrapper .message {
    font-family: 'Droid Sans', sans-serif;
    font-size: 14px;
    font-style: italic;
    margin: 0;
    padding: 0;
    text-transform: none;
}
.sav .conversation .label {
    color: white;
    display: inline-block;
    font-family: 'League Gothic', sans-serif;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    text-transform: uppercase;
    vertical-align: middle;
    width: 150px;
}
.sav .conversation .unread {
    background: red;
}
.sav .conversation .done {
    background: #27a238;
}
.sav .conversation .pending {
    background: #00b4ff;
}

.faq-intro {
    padding: 10px 0;
}
.faq-intro p {
    width: 400px;
}
.sav .faq-select {
    background: #e6e6e6;
    border: none;
    color: #8d8d8d;
    font-family: 'Droid Sans', sans-serif;
    font-size: 18px;
    margin-top: 10px;
    width: 100%;
}
.faq-answer {
    background: #daf8da;
    color: #2b2b2b;
    display: none;
    padding: 10px 20px;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
}
.sav.standalone .faq-answer {
    display: block;
}
.faq-answer p, .account .sav .faq-answer ul {
    font-family: 'Droid Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
}
.faq-answer .warning {
    color: #d9534f;
    font-weight: bold;
}
.faq-answer .info {
    color: #2b90ae;
    margin-bottom: 10px;
}
.faq-answer .cta {
    font-size: 18px;
    margin-bottom: 3px;
    padding: 3px 0;
    text-align: center;
    width: 100%;
}
.faq-answer .delays {
    font-family: 'Droid Sans', sans-serif;
    font-size: 11px;
    text-align: center;
}
.sav.standalone .faq-answer .delays {
    font-size: 12px;
}
.faq-answer .details-content {
    background: #f1fff1;
    border: 1px solid #aae8aa;
    margin-bottom: 5px;
    padding: 5px 10px;
}
.faq-answer .box-status {
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
}
.faq-answer .box-status td {
    width: 80px;
}
.faq-answer .box-status img {
    height: 10px;
}
.faq-answer .delays td {
    border: 1px solid #aae8aa;
    padding: 5px;
}
.faq-answer small {
    font-family: 'Droid Sans', sans-serif;
    font-size: 11px;
}

.soon p {
    color: #a22728;
    font-family: 'League Gothic', sans-serif;
    font-size: 38px;
    padding-top: 25px;
    text-align: center;
    text-transform: uppercase;
}

.thank-you {
    padding: 20px;
}
.thank-you .primary {
    background: #27a238;
    color: white;
    font-family: 'League Gothic', sans-serif;
    font-size: 32px;
    padding: 10px 20px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    text-transform: uppercase;
}
.thank-you .secondary {
    background: #f6f6f6;
    font-size: 18px;
    padding: 20px 20px 5px 20px;
}

.thank-you .secondary.small {
    font-size: 14px;
    padding: 0 20px 20px 20px;
    margin-bottom: 40px;
}

.levelup-switch {
    background: url('/img/level-up-background.png');
    display: inline-block;
    height: 112px;
    position: relative;
    width: 838px;
    z-index: 3;
}
.levelup-switch h1 {
    color: white;
    font-size: 50px;
    margin: 15px 0 0 160px;
    text-align: left;
}
.levelup-switch p {
    color: #f6f6f6;
    margin: -10px 0 0 120px;
    text-align: left;
}
.levelup-switch p span {
    font-size: 22px;
    font-weight: bold;
}
.levelup {
    background: #f9f9f9;
    display: none;
    margin: -13px 0 0 51px;
    padding-bottom: 30px;
    position: relative;
    width: 786px;
    z-index: 1;
}
.levelup.visible {
    display: inline-block;
}
.levelup .title {
    margin: 15px 0 10px 0;
}
.levelup-alert {
    margin-top: 20px;
    text-align: center;
}
.levelup-alert img {
    margin-right: 10px;
    vertical-align: bottom;
}
.levelup-alert span {
    color: #a22728;
    font-family: 'League Gothic', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}

form[class*="fos_user_"] {
    text-align: center;
}
form[class*="fos_user_"] label {
    display: none;
}
form[class*="fos_user_profile"] input[type='password'], form[class*="fos_user_profile"] input[type='text'], form[class*="fos_user_profile"] input[type='email'] {
    padding-top: 20px;
}
form[class*="fos_user_"] .placeholder {
    left: 345px;
}
form[class*="fos_user_profile"] .placeholder {
    display: block;
}

.toggle, .toggle-order {
    background: #eee;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    text-transform: uppercase;
}
.toggle a, .toggle-order span {
    background: #f6f6f6;
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3);
    color: #bbb;
    display: inline-block;
    font-size: 18px;
    padding: 5px 5px 4px 5px;
}
.toggle .active, .toggle-order .active {
    background: #a22728;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
    color: white;
}
.toggle .green.active, .toggle-order .green.active {
    background: #27a238;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
    color: white;
}

.carousel {
    height: 140px;
    margin: 10px auto;
    overflow: hidden;
    width: 980px;
}
.carousel-wrapper {
    height: 120px;
    position: relative;
    overflow: hidden;
    width: 200%;
}
.carousel .carousel-wrapper div {
    display: inline-block;
    float: left;
    padding: 0 10px;
    width: 200px;
}
.scroll-left, .scroll-right {
    cursor: pointer;
    font-size: 140px;
    color: #dfdfdf;
    font-family: 'Droid Sans';
    margin-top: -180px;
}

.message {
    font-family: "League Gothic", sans-serif;
    text-transform: uppercase;
    font-size: 28px;
    margin: 10px auto;
    padding: 15px 20px 12px 20px;
}
.message.small {
    font-family: "Droid Sans", sans-serif;
    font-size: 16px;
    text-transform: none;
}
.message.error {
    background: #eed4d4;
    color: #764343;
}
.message.success {
    background: #d5eed4;
    color: #457643;
}
.message.warning {
    background: #fcd77f;
    color: #8a6225;
}
.message.notice {
    background: #c6e5ee;
    color: #42879e;
}
.message.flash {
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    left: 50%;
    margin-left: -530px;
    position: fixed;
    text-align: center;
    width: 1060px;
    z-index: 5;
}

.tooltip-container {
    background: #2d2d2d;
    color: white;
    display: none;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    line-height: 130%;
    padding: 10px;
    position: absolute;
    text-transform: none;
    width: 140px;
}

.tickets {
    font-family: 'Droid Sans', sans-serif;
    font-size: 13px;
    width: 100%;
}
.tickets td {
    border: 3px solid white;
    padding: 15px 10px;
    position: relative;
    text-align: center;
}
.tickets.admin-orders td {
    border: 1px solid #eaeaea;
}
.tickets tr.new td {
    background: #f8f8f8;
}
.tickets tr.read td {
    background: #f8f8f8;
}
.tickets tr.hot td {
    background: #f8f8f8;
}
.tickets tr.done td {
    background: #d5eed5;
}
.tickets tr.cancelled td {
    background: #f4d9d8;
}
.tickets tr.odd td {
    background: #eaeaea;
}
.tickets tr.done td {
    background: #d5eed4;
}
.tickets tr.unread td {
    font-weight: bold;
}
.tickets tr.awaiting td {
    background: #fff2cf;
}
.tickets td a {
    margin-right: 2px;
}
.tickets td .bullets {
    bottom: 0;
    visibility: hidden;
    width: 10px;
}
.bullet {
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px 1px;
    vertical-align: baseline;
    width: 10px;
}
.bullet.big {
    height: 18px;
    width: 18px;
}
label .bullet {
    height: 12px;
    margin: 0 10px 0 2px;
    vertical-align: middle;
    width: 12px;
}
.bullet.yellow {
    background: #f5be05;
}
.bullet.red {
    background: #a22728;
}
.bullet.blue {
    background: #56afff;
}
.bullet.grey {
    background: grey;
}
.tickets td .bullet.selected {
    border: 2px solid rgba(0,0,0,0.4);
}
.tickets .flag {
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px;
}
.tickets .flag[rel="yellow"] {
    background: #f5be05;
}
.tickets .flag[rel="red"] {
    background: #a22728;
}
.tickets .flag[rel="blue"] {
    background: #56afff;
}
.tickets .flag[rel="grey"] {
    background: grey;
}
.tickets td .comments-count {
    position: relative;
}
.tickets td .comments-count span {
    background: #565656;
    border-radius: 50px;
    color: white;
    display: inline-block;
    font-size: 7px;
    left: -2px;
    padding: 1px 3px;
    position: absolute;
}
.tickets td .unread-comments {
    background: #28a227;
    display: inline-block;
    font-variant: small-caps;
    padding: 2px 8px;
    color: white;
    font-size: 11px;
    border-radius: 3px;
    vertical-align: middle;
}
.tickets td .actions {
    margin: 0 5px;
}
.tickets th {
    background: #e5e5e5;
    border: 3px solid white;
    font-weight: normal;
    padding: 5px;
}

.orders-list {
    background: #f5f5f5;
    box-shadow: 0 0 10px rgba(0,114,255,1);
    left: 215px;
    margin: auto;
    padding: 0;
    position: absolute;
    top: 61px;
    width: 630px;
    z-index: 8;
}
.orders-list p {
    padding: 10px;
}
.orders-list p:hover {
    background: #dadada;
}

.comment-wrapper {
    background: #e7e7e7;
    margin: 5px;
}
.comment-wrapper.critical {
    background: #ffd4d4;
    color: red;
}
.comment-header {
    background: #888;
    color: white;
    padding: 10px;
}
.comment-content {
    font-family: 'Droid Sans', sans-serif;
    font-size: 13px;
    padding: 10px 15px;
}
.comment-read-by {
    color: #717171;
    font-size: 11px;
    margin-top: 15px;
}
.read-by-user {
    background: white;
    padding: 2px 3px;
}

.conversations {
    background: #f6f6f6;
}
.conversations .reply {
    border-radius: 5px;
    background: white;
    float: left;
    line-height: 150%;
    margin-bottom: 20px;
    max-width: 70%;
    min-width: 15%;
    padding: 10px 15px;
    position: relative;
}
.conversations .reply.own {
    background: #ffa7a8;
    color: #6e0000;
    float: right;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.2);
}
.conversations .reply.new {
    border-left: 5px solid #A22729;
}
.conversations .reply .timestamp {
    padding-left: 7px;
    position: absolute;
    top: -20px;
    left: 0;
    color: #a22728;
    font-size: 10px;
    white-space: nowrap;
}
.conversations .reply .readby {
    color: #777;
    margin-left: 5px;
}
.conversations .reply:hover .readby {
    display: inline-block;
}
.conversations .reply .timestamp.opened {
    top: -10px;
}
.conversations .reply .separator {
    border-top: 1px solid #d6d6d6;
    display: inline-block;
    height: 1px;
    width: 100%;
}
.conversations .reply.own .separator {
    border-top: 1px solid #f57a7b;
}
.conversations .reply .attachment {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 108px;
    margin: 5px;
    width: 108px;
}
.conversations .reply .attachment:hover .download {
    display: block;
}
.conversations .reply .attachment .download {
    background: rgba(0,0,0,0.4) url('/img/download-large.png') no-repeat center;
    display: none;
    height: 100%;
    width: 100%;
}
.conversations .reply-label {
    color: #a2a2a2;
    font-size: 11px;
    margin-bottom: 5px;
    padding: 0 7px;
}
.conversations .predefined-messages {
    margin-bottom: 10px;
    max-height: 80px;
    overflow: auto;
}
.conversations .predefined-message {
    background: #eaeaea;
    border: 1px solid #cacaca;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    margin: 3px 0;
    padding: 3px 10px;
    text-align: center;
    text-shadow: 1px 1px 1px white;
}
.conversations .predefined-message:hover {
    background: #f4f4f4;
    border: 1px solid #d6d6d6;
}

@keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  20% {
    height: 0;
    width: 7px;
  }
  40% {
    height: 13px;
    width: 7px;
  }
  100% {
    height: 13px;
    width: 7px;
  }
}
@keyframes check2 {
  0% {
    height: 0;
    width: 0;
  }
  100% {
    height: 14px;
    width: 0;
  }
}
.chk-container {
    background: #5cb85c;
    border: 1px solid #5cb85c;
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    margin-bottom: -8px;
    transform: rotate(0);
    transition: .5s ease;
    width: 24px;
}
.chk {
    background: none;
    display: block;
    height: 0;
    left: 2px;
    position: relative;
    top: 11px;
    width: 0;
}
.chk:after {
    animation: check 1s ease;
    border-top: 2px solid white;
    border-right: 2px solid white;
    content: '';
    height: 13px;
    position: absolute;
    transform: scaleX(-1) rotate(135deg);
    transform-origin: left top;
    width: 7px;
}
.chk-container.undone {
    background: #a22728;
    border: 1px solid #a22728;
    transform: rotate(180deg);
    transition: .5s ease;
}
.chk-container.undone .chk:after {
    animation: check2 .5s ease;
    height: 14px;
    left: 1px;
    top: 1px;
    transform: rotate(-90deg);
    width: 0;
}

.navigation {
    height: 40px;
    text-align: center;
}
.navigation .pagination span a , .navigation .pagination span.current {
    background: #afafaf;
    color: white;
    font-size: 18px;
    margin: 0 2px;
    padding: 4px 12px;
}
.navigation .pagination span.current {
    background: #a22728;
}

.hard-authentication {
    background: white;
    border: 5px solid #454545;
    border-radius: 5px;
    box-shadow: 0 0 0 10000px rgba(0,0,0,0.4);
    color: #333;
    left: 50%;
    margin-left: -350px;
    padding: 10px 20px 30px 20px;
    position: fixed;
    top: 190px;
    width: 700px;
    z-index: 10;
}
.hard-authentication h3 {
    font-size: 30px;
    margin-bottom: 10px;
}
.hard-authentication .close {
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: -12px;
    top: -29px;
}

.star {
    background: url('/img/star-empty.png') no-repeat center;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    position: relative;
    vertical-align: bottom;
    width: 24px;
}
.star:hover {
    background: url('/img/star-full.png') no-repeat center;
}
.star:hover span {
    display: inline-block;
}
.star span {
    background: white;
    bottom: 23px;
    color: #a22728;
    display: none;
    font-size: 11px;
    left: -35px;
    padding: 2px 3px;
    position: absolute;
    text-align: center;
    width: 100px;
}

.oneday-delivery, .guarantee {
    background: #2276bd url('/img/delivery-truck.png') no-repeat 25px center;
    color: white;
    height: 125px;
    float: left;
    font-family: 'League Gothic', sans-serif;
    font-size: 40px;
    line-height: 40px;
    margin: 40px 20px 0 20px;
    padding: 25px 10px 10px 140px;
    text-align: left;
    text-transform: uppercase;
    width: 520px;
}
.guarantee {
    background: #26bd22 url('/img/satisfied.png') no-repeat 25px center;
    margin-left: 0;
    padding-left: 110px;
}
.solo-title {
    color: #a22728;
    font-size: 50px;
    margin: 40px 25px 0 25px;
    text-transform: uppercase;
}
.solo-container {
    height: 360px;
    position: relative;
    width: 1100px;
}
.solo-container .stock {
    background: rgba(0,0,0,0.8);
    color: #ffb400;
    font-size: 30px;
    left: 50%;
    margin-left: -160px;
    padding: 5px;
    position: absolute;
    top: 0;
    text-align: center;
    text-transform: uppercase;
    width: 320px;
}
.solo-content {
    bottom: 0;
    color: white;
    height: 140px;
    position: absolute;
    width: 100%;
}
.solo-content>div {
    height: 140px;
}
.solo-content>div>p{
    font-weight: bold;
    margin: 20px 0 10px 20px;
    width: 550px;
}
.solo-content .contents {
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 0 20px;
}
.solo-content .price {
    font-family: 'League Gothic', sans-serif;
    font-size: 60px;
    margin-top: 15px;
    text-align: center;
}
.solo-content small {
    color:#666666;
    font-family:'Droid Sans';
    font-size:9px;
    text-transform:none;
}
.solo-content .continue {
    font-size: 46px;
    margin: 35px 20px 0 0;
    padding: 5px 50px;
}
.overlay {
    background: rgba(0,0,0,0.8);
    height: 100%;
    padding: 15px 20px 20px 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.overlay>div {
    margin: 20px;
}
.overlay .choose-size {
    color: white;
    font-size: 40px;
    margin-bottom: 10px;
}

.control-group {
	display: inline-block;
	width: 200px;
	margin: 0 10px 10px;
	text-align: left;
	vertical-align: top;
	background: #fff;
}

######          ######
#### Statistiques ####
######          ######
.select {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

.select select {
	display: inline-block;
	width: 100%;
	padding: 10px 15px;
	cursor: pointer;
	color: #7b7b7b;
	border: 0;
	border-radius: 0;
	outline: 0;
	background: #e6e6e6;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.select-label {
    font-family:'Droid Sans', sans-serif;
    text-transform: none;
    font-size: 14px;
}

.select select::-ms-expand {
	display: none;
}

.select select:hover,
.select select:focus {
	color: #000;
	background: #ccc;
}

.select select:disabled {
	pointer-events: none;
	opacity: .5;
}

.select__arrow {
	position: absolute;
	top: 16px;
	right: 15px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-width: 8px 5px 0 5px;
	border-style: solid;
	border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
	border-top-color: #000;
}

.select select:disabled ~ .select__arrow {
	border-top-color: #ccc;
}

.stat-input {
    display: inline-block;
	width: 200px;
    margin: 0 0;
	padding: 10px 15px;
	color: #7b7b7b;
	outline: 0;
	background: #e6e6e6;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.stat-table {
    font-family: 'Droid Sans', sans-serif;
    border-spacing: 4px;
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}

.stat-table td {
    background: #e6e6e6;
    border-left: 8px solid white;
    border-top: 8px solid white;
    padding: 5px 15px;
    vertical-align: middle;
}

.stat-input:hover,
.stat-input:focus {
    color: #000;
	background: #ccc;
}

.stat-input::-webkit-input-placeholder {
    color: #fff;
}

.stat-input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.stat-input::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;
}

.stat-input:-ms-input-placeholder {
    color: #fff;
}

.stat-label {
    font-family:'Droid Sans', sans-serif;
    text-transform:none;
    font-size: 14px;
}

.valign-parent {
    position: relative;
}
.valign-child {
    position: absolute;
    top: 50%;
    transform: translate(-50%);
}

.marg-vert-10 {
    margin: 10px 0;
}

.marg-lat-5 {
    margin: 0 5px;
}

######                ######
#### Spinning animation ####
######                ######
.spinning {
    animation: spin 4000ms infinite linear;
    -webkit-animation: spin 4000ms infinite linear;
    -moz-animation: spin 4000ms infinite linear;
    -ms-animation: spin 4000ms infinite linear;

}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}