body.authentification{
    padding:0;
    margin:0;
    background: url("../images/auth_fond.jpg") no-repeat scroll center top #c5bbb5;
    position:relative;
    font-family:'akkurat', Arial;
    font-size:14px;
}
body{
    padding:0;
    margin:0;
    background: url("../images/site_fond.jpg") no-repeat scroll center 0 #c5bbb5;
    position:relative;
    font-family:'akkurat', Arial;
    font-size:14px;
}

sup{
    font-size: 0.75em;
    vertical-align: super;
}
.g{
    text-align:left;
}
.c{
    text-align:center;
}
.d{
    text-align:right;
}
.gras{font-family:'akkuratbold';}

.nowrap{
    white-space: nowrap !important;
}

.uppercase{
    text-transform:uppercase;
}

.w25{
    width: 25%;
}
.w30{
    width: 30%;
}
.w33{
    width: 33%;
}
.w50{
    width: 50%;
}

.ml-30{
    margin-left: -30px;
}

.pad20{
    padding: 20px;
}

/*
.contenu-auth{
        width:1000px;
        
        height:555px;
        margin:0 auto;
        position:relative;
        border:0px solid #FF0000;
}
*/

input[type=text]{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c9c2be;
    color: #a2938b;
    font-size: 14px;
    padding: 3px 6px;
    text-align: left;
}


.contenu-auth{
    border: 0 solid #ff0000;
    margin: 0 auto;
    max-width: 1000px;
    min-width: 550px;
    min-height: 700px;
    position: relative;
}
.hide{
    display: none;
}
.main{
    /*min-width: 990px;*/
    min-height: 920px;
    padding: 0 0 50px;
}

.main-content{
    width:990px;
    margin:0 auto;
    position:relative;
}

a {
    color: #f37736;
    outline:none;
}
a:hover {
    color: #e25300;
    text-decoration: none;
}
/*
#auth{
    background: #fff none repeat scroll 0 0;
    margin: 350px 0 0 480px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 450px;
    color: #a2938b
}*/
#auth {
    background: #fff none repeat scroll 0 0;
    color: #a2938b;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 70px;
    text-align: left;
    top: 250px;
    width: 450px;
}
#auth #auth-coin{
    background: url("../images/coin_auth.png") no-repeat scroll 0 0 transparent;
    width: 194px;
    height: 187px;
    position: absolute;
    top: -85px;
    right: -60px;
}
#auth h1{
    background-color: #635852;
    color: #FFF;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 10px 15px;
    text-align: left;
    margin: 0
}
#auth dd {
    margin: 10px;
}
#auth dd.login-button {
    margin: 20px ;
    text-align: right;
}

#auth dd label{
    color: #a2938b;
    display: inline-block;
    font-size: 18px;
    padding: 0 10px 0 0;
    text-align: right;
    width: 130px;
}
#auth input{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #a2938b;
    color: #a2938b;
    font-size: 14px;
    height: 20px;
    padding: 3px 6px;
    text-align: left;
    width: 200px;
}
#auth input:focus{
    color:#635852;
    border: 1px solid #635852;
}

#auth .login-forget a{
    /*font-style:italic;
    font-family:Arial;*/
    font-size:14px;
    color:#a2938b;
    margin: 0 0 0 150px;
}

#auth .login-button button,
input[type="submit"],
a.button,
button.submit{
    background: url("../images/bt_fleche.png") no-repeat scroll 17px center #463e39;
    border: medium none;
    color: #fff;
    padding: 5px 20px 5px 30px !important;
    text-transform: uppercase;
    cursor:pointer;
    font: 16px 'akkuratbold';
    letter-spacing: 0.05em;
    float: none;
}



.form-group{
    display: table;
    width: 100%;
}
.form-group label::before {
    color: #ff6600;
    content: "> ";
    font-family: akkuratbold;
    font-size: 1em;
}
.form-group label {
    color: #414548;
    font-family: akkuratbold;
    font-size: 1em;
    font-weight: normal;
    padding: 10px;
    text-align: right;
    display:table-cell;
    width: 33%;
}
.form-group select,
.form-group input[type="email"],
.form-group input[type="text"],
.form-group input[type="password"] {
    background-color: #fcfaf9;
    border: 1px solid #d4cdca;
    padding: 5px;
    width: 100%;
    display:table-cell;
}
.form-group.has-error input{
    border:1px solid #CC0000;
    background-color: #FFCCCC;
}



.header{
    background-color:#463e39;
    color:#FFFFFF;
    min-height:45px;
    z-index:100;
    position:relative;
    width:100%;
}
.header-contenu{
    margin:0 auto;
    max-width:1400px;
    position: relative;
    padding:0;
    background-color: #463e39;
}
.header-contenu .div-logo{
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
}
.header-contenu .div-lien{
    float:right;
    margin:10px 10px 0;
}
.header-contenu .div-lien a.lien{
    padding: 0 10px;
    font-family:'akkuratbold', Arial;
    color:#FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
}
.header-contenu .div-lien img{
    vertical-align: middle;
}

.header-contenu .div-nom{
    display: inline-block;
    padding: 10px 0;
    vertical-align: middle;
}

.header-contenu .div-nom .user-identity-points {
    display: block;
    font-size: 1.25em;
    font-style: italic;
    font-family: akkuratbold;
}
h1{
    background-color: #463e39;
    color: #ffffff;
    font: 20px "AkkuratBold",Arial,sans-serif;
    letter-spacing: 0;
    margin: 0 0 20px;
    padding: 8px 16px;
    text-transform: uppercase;
}
h2{
    background: url("../images/h2_icon.png") no-repeat scroll 10px center #665E59;
    color: #FFFFFF;
    font: 14px 'akkurat', Arial, sans-serif;
    letter-spacing: 0.05em;
    margin: 20px 0 10px;
    padding: 6px 12px 6px 30px;
    text-transform: uppercase;
}


h3{
    color: #085ea2;
    font: 18px 'akkurat',Arial,sans-serif;
    margin: 10px 0;
    padding: 0;
}


.encadre{
    width:750px;
    background-color:#FFF;
    box-shadow:#666 0 0 5px;
    margin:20px auto;
    padding:25px 25px;
}

.encadre p {
    line-height: 1.5em;
    margin: 0 0 1em;
    text-align: justify;
}

.encadre ul {
    margin: 0 0 1em 3em;
}

.encadre li {
    line-height: 1.5em;
    text-align: justify;
}
.sous_menu {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    text-transform:uppercase;
}

.sous_menu ul {
    display: table;
    width: 100%;
}
.sous_menu li{
    display: table-cell;
    text-align:center;
    font: 12px 'akkuratbold', Arial, sans-serif;
    color:#01355f;
    padding: 0 10px;
}

.sous_menu a{
    background-color: #dadcdf;
    color: #463e39;
    cursor: pointer;
    font: 16px 'akkurat', Arial, sans-serif;
    letter-spacing:0.03em;
    margin: 0;
    padding: 8px 20px;
    text-decoration: none;
    display:block;
}
.sous_menu .actif a{
    background-color: #a2938b;
    color: #FFFFFF;
    font: 16px 'akkuratbold', Arial, sans-serif;
}

.sous_menu span.no-bord{
    margin-left: 0;
    margin-right: 0;
}

.sous_menu li.actif{
    background: url("../images/menu_actif.gif") no-repeat scroll bottom center transparent;
    padding:0 10px 9px 10px;
}


.soustitre {
    font: 16px "AkkuratBold",Arial,sans-serif;
    margin: 6px;
}



.tableau{
    border-collapse: collapse;
    width: 100%;
}
.tableau th{
    background-color: #463e39;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 0;
}


.tableau td{
    font-size: 14px;
    padding: 7px;
    line-height: 20px;
}

.tableau .l0 td{
    background-color:#eaecef;
}
.tableau .l1 td{
    background-color:#dadcdf;
}
.tableau input.noborder{
    border: none;
    padding: 0;
}
.tableau select,
.tableau input{
    border: 1px solid #DADCDF;
    background-color:#F9F9F9;
    color:#666;
    font: 14px 'akkurat', Arial, sans-serif;
    margin: 0;
    padding: 5px;
}
.tableau input:focus{
    border: 1px solid #085ea2;
    background-color:#FFF;
    color:#085ea2;
}
.tableau input.large{
    box-sizing: border-box;
    width: 100%;
}
.tableau input.moyen{
    width:180px;
}

.tableau textarea{
    border: 1px solid #DADCDF;
    font: 14px 'akkurat', Arial, sans-serif;
    padding: 5px;
}
.tableau textarea.large{
    box-sizing: border-box;
    width: 100%;
    height:80px;
}
.tableau textarea.moyen{
    width:120px;
}


.formerreur td,
td.formerreur,
p.formerreur{
    color:red;
}
form .has-error input,
.tableau .formerreur input,
.tableau .formerreur textarea{
    background-color:#FFCCCC;
    border:red solid 1px;
}


.afficheError{
    font-weight:bold;
    color:red;
    font-size:16px;
    text-align:center;
    padding:5px;
}





.formulaire-ok{
    text-align:center;
    color:#f292725;
    font-size:18px;
    margin: 20px 0;
}




.logo-operation{
    background: transparent url("../images/logo_operation.png") no-repeat scroll 0 0;
    color: #fff;
    height: 40px;
    left: 0;
    font: 15px/40px "akkuratbold",Arial,sans-serif;
    padding: 120px 15px 13px 5px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 250px;
}
.bloc-nbj{
    background: transparent url("../images/fond_jours.png") no-repeat scroll 0 0;
    border: 0 solid red;
    color: #ffffff;
    font: 12px/30px "akkuratbold",Arial,sans-serif;
    height: 30px;
    left: 4px;
    letter-spacing: -0.05em;
    padding: 4px 13px 18px 6px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 165px;
    width: 240px;
}

@keyframes animation-encart-annonce {
    0%   {top:-270px;}
    100% {top: 0}
}
.encart-annonce{
    background: url("../images/encart-annonce.png") no-repeat scroll 0 0 transparent;
    height: 270px;
    left: 510px;
    position: absolute;
    top: 0;
    width: 262px;
    animation-name: animation-encart-annonce;
    animation-duration: 4s;
    /*z-index:1000;*/
}
.encart-annonce.encart-annonce-selection{
    background: url("../images/encart-annonce_selection.png") no-repeat scroll 0 0 transparent;
}
.encart-annonce.encart-annonce-homly-you{
    background: url("../images/encart-homly-you.png") no-repeat scroll 0 0 transparent;
}
.encart-annonce.encart-annonce-homly-you > a {
    display: block;
    height: 100%;
    width: 100%;
}


.encart-booster{
    height: 383px;
    left: 0;
    position: absolute;
    top: 320px;
    width: 224px;
}

.encart-fournisseurs {
    height: 120px;
    left: 0;
    position: absolute;
    top: 510px;
    width: 295px;
    background-color: #FFF;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4)
}

.encart-fournisseurs .titre {
    text-align: center;
    font-weight: bold;
    color: #FFF;
    background-color: #e25300;
    text-transform: uppercase;
    padding: 10px;
}
.encart-fournisseurs .titre a {
    color: #FFF;
    text-decoration: none;
    display: block;
}
.encart-fournisseurs #logoParade {
    height: 40px;
    padding: 2px 0 0;
    position: relative;
    width: 285px;
    margin: 10px 5px 0;
    cursor: pointer;
}

.encart-fournisseurs #logoParade img {
    margin: 0 5px;
    height: 40px;
}

.encart-boosters {
    left: 0;
    position: absolute;
    top: 510px;
    width: 295px;
    background-color: #FFF;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4)
}

.encart-boosters .titre {
    text-align: center;
    font-weight: bold;
    color: #FFF;
    background-color: #d1051d;
    text-transform: uppercase;
    padding: 10px;
}
.encart-boosters .content{
    font-family: akkuratbold;
    padding: 5px;
    color: #463e39;
    text-align: center
}
.encart-boosters .content .double{
    background-color: #463e39;
    color: #FFF;
    text-transform: uppercase;
    padding: 5px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.1em;
}
.encart-boosters .content a{
    color: #d1051d;
    display: block;
    font-size: 16px;
}

.presentoir{
    right: 5px;
    position: absolute;
    top: 0;
    padding: 30px 0 0 0;
    width: 640px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    background-image: url(../images/site_fond_blur.jpg) ;
    background-position: center -45px;
    background-repeat: no-repeat;
    background-color: #f7f1e3;
}
.presentoir .separateur{
    background-color: #463E39;
    width: 40px;
    height: 5px;
    display: block;
    margin: 10px auto;
}
.presentoir .accroche{
    color: #ffffff;
    font: 18px/30px "akkuratbold",Arial,sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.presentoir .accroche span{
    color: #ffffff;
    font: 20px/30px "Intro",Arial,sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.presentoir .bloc-achats{
    color: #ffffff;
    font: 16px/24px "akkurat",Arial,sans-serif;
    text-align: center;
    background-color: #e25300;
    margin: 20px 50px;
    padding: 15px;
}
.presentoir .bloc-achats span{
    font: 18px/24px "akkuratbold",Arial,sans-serif;
}

.presentoir .bloc-objectifs{
    position: relative;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px;
    overflow-x: auto;
}
.presentoir .bloc-objectifs .titre{
    font: 16px "akkuratbold",Arial,sans-serif;
    text-align: center;
    color: #463e39;
    margin: 10px;
}
.presentoir .bloc-objectifs ul {
    display: table;
    width: 100%;
}
.presentoir .bloc-objectifs li.bloc-objectif{
    display: table-cell;
    text-align:center;
    font: 15px/20px 'akkuratbold', Arial, sans-serif;
    color:#892800;
    text-transform: uppercase;
    background-image: url("../images/barre_marron.gif");
    background-position: 0 40px;
    background-repeat: no-repeat;
    background-size: 100% 3px;
}
.presentoir .bloc-objectifs .bloc-objectif .numero{
    color:#FFFFFF;
    font: 20px 'Intro', Arial, sans-serif;
    background-color:#892800;
    border-radius:50px;
    line-height:29px;
    width:29px;
    height:29px;
    margin:7px auto;
    /*border: 2px solid transparent;*/
}
.presentoir .bloc-objectifs .bloc-objectif .obj{
    white-space: nowrap;
}
.presentoir .bloc-objectifs .bloc-objectif.ok{
    color:#85b406;
    background-image: url("../images/barre_blanc.gif");

}
.presentoir .bloc-objectifs .bloc-objectif.ok .numero{
    background-color:#85b406;
    border: 2px solid #FFFFFF;
    margin:5px auto;
}
.presentoir .bloc-objectifs .bloc-objectif:first-child{
    background-position: 100% 40px;
    background-size: 50% 3px;
}
.presentoir .bloc-objectifs .bloc-objectif:last-child{
    background-position: 0 40px;
    background-size: 50% 3px;
}

.presentoir .bloc-objectifs-dots .dot{
    width:4px;
    height:4px;
    margin: 0 1px;
    background-color:#892800;
    border-radius:4px;
    display:inline-block;
}


.bloc-info-palier{
    background-color: #463e39;
    box-shadow: 0 2px 3px 4px #342e2a inset;
    color: #ffffff;
    display: inline-block;
    font: 13px/34px "akkurat",Arial,sans-serif;
    height: 34px;
    margin: 5px auto;
    padding: 0 15px 0;
    text-align: center;
    border-radius: 3px;
}
.bloc-info-palier a{
    color:#FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    font: 13px 'akkurat', Arial, sans-serif;
}
.bloc-info-palier span{
    font: 13px 'akkuratbold', Arial, sans-serif;
}

.acces-boutique{
    text-align: center;
    margin: 20px;
}
.acces-boutique a{
    background: url("../images/bt_fleche.png") no-repeat scroll 17px center #e25300;
    border: medium none;
    color: #fff;
    padding: 5px 20px 5px 30px !important;
    text-transform: uppercase;
    cursor:pointer;
    font: 16px 'akkuratbold';
    letter-spacing: 0.05em;
    text-decoration: none;
}

.presentoir .bloc-reste{
    color:#463e39;
    text-align:center;
    padding:0;
    margin:10px;
    font: 15px 'akkuratbold', Arial, sans-serif;
    font-style: italic;
}

.bloc-selections{
    margin: 10px;
    position: relative;
}

.bloc-selections .bloc-selection{
    /*float:left;*/
    border: 1px solid #c5bbb5;
    width: 168px;
    text-align:center;
    background-color: #463e39;
    margin: 0 auto;
}
.bloc-selections .bloc-selection span{
    font: 14px/24px 'akkuratbold', Arial, sans-serif;
    color:#FFFFFF;
}

.bloc-selections .accroche{
    color: #FFFFFF;
    font: 20px 'Intro', Arial, sans-serif;
    margin: 10px;
}




/** Carousel **/
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel ul {
    width: 5000px;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    float: left;
    width: 206px;
}
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 120px;
    width: 37px;
    height: 37px;
}
.jcarousel-control-prev {
    left: -30px;
    cursor:pointer;
    background-image: url("../images/fleche_g.png");
}
.jcarousel-control-next {
    right: -30px;
    cursor:pointer;
    background-image: url("../images/fleche_d.png");
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

.encart-compte{
    max-width:950px;
    background-color:#FFF;
    box-shadow:#999 0 0 5px;
    margin:50px auto;
    padding:20px;
    color: #463e39;
    min-height: 300px;
}
/*
#footer{
    background-color: #c5bbb5;
    padding: 20px;
    color: #414548;
    font: 14px 'akkurat', Arial, sans-serif;
    text-align: center;
}
*/
#footer {
    background-color: #c5bbb5;
    bottom: 0;
    color: #414548;
    font: 14px "akkurat",Arial,sans-serif;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10000;
}
#footer a{
    color:#414548;
    text-transform:uppercase;
    text-decoration:none;
}
#footer .sep{
    margin:0 10px;
}
.erreur{
    background-color: #FFFFFF;
    border: 2px solid #CC0000;
    border-radius: 5px 5px 5px 5px;
    color: #CC0000;
    font: 14px 'AkkuratRegular', Arial, sans-serif;
    padding: 10px;
    text-align: center;
}





.footer-hotline {
    line-height: 28px;
    margin: 0 auto;
    max-width: 1400px;
    padding: 10px 5px 10px 10px;
    text-align: right;
}
.footer-hotline span.boldtext {
    font-size:                  1.2em;
    font-family:                Arial;
}
.footer-hotline span.tinytext {
    font-size:                  0.8em;
    margin:                     0 auto;
    text-align:                 right;
    display:                    block;
    width:                      250px;
}
.hotline {
    background:                 transparent;
    color:                      #FFF;
    display:                    block;
    border:                     2px solid #FFF;
    margin:                     0 10px;
    width:                      250px;
    float : right;
}
.hotline .phone {
    float:                      left;
    font-weight:                bold;
    font-size:                  18px;
    position:                   relative;
    height:                     22px;
    width:                      132px;
    margin:                     2px 0 0 0;
}
.hotline .phone .value {
    position:                   absolute;
    left:                       5px;
    top:                        -1px;
    line-height: 22px;
}
.hotline .phone .icon {
    position:                   absolute;
    width:                      20px;
    height:                     20px;
    right:                      -7px;
    color:                      rgb(255, 255, 255);
    top:                        4px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;

    border-left: 7px solid #c5bbb5;
}
.hotline .text {
    background:                 #FFF none repeat scroll 0% 0%;
    color:                      black;
    display:                    block;
    float:                      left;
    text-align:                 left;
    font-family: Arial,sans-serif;
    font-weight : bold;
    color : #c5bbb5 ;
    font-size:                  10px;
    line-height : 11px;
    height : 24px;
    padding:                    0 8px 0 13px;
}


.bandeau-fournisseurs{
    background-color: #fff;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 10000;
}
.bandeau-fournisseurs-wrap{
    width:1000px;
    margin: 0 auto;
}
.bandeau-fournisseurs .cell-g{
    float:left;
    margin:0 10px 0 0;
    padding: 8px 0 0;
}
.bandeau-fournisseurs .cell-d{
    float:left;

}
#logoParade {
    height: 33px;
    padding: 2px 0 0;
    position: relative;
    width: 800px;
}
#logoParade img{
    margin:0 5px;
    height: 30px;
}
div.scrollWrapper
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

div.scrollableArea
{
    position: relative;
    width: auto;
    height: 100%;
}








#lw{
    background-image: none;
}

#lw .encadre {
    margin: 0;
    width: auto;
}

#lw.arrondi{
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url("../images/lw/bg.png") !important;
}
#lw.arrondi p{
    color:#e25300;
    font-size: 16px;
    margin: 0 0 20px 0;
}

#lw.arrondi .main {
    min-height: auto;
}

#lw.arrondi .cadre-message {
    margin: 0 auto;
    padding: 130px 0 0;
    width: 460px;
}


#div-nav{
    position: relative;
    padding:0;
}
a {
    color: #333;
    cursor:pointer;
}
#nav {
    background-color: #463e39;
    line-height: 100%;
    margin: 0;
    padding: 10px 0;
}
#nav li {
    margin: 0;
    padding: 0;
    float: left;
    height: 25px;
    position: relative;
    list-style: none;
    border-left:#999 solid 1px;
}
#nav li:first-child{
    border-left:#999 solid 0;
}

/* main level link */
#nav a {
    color: #FFFFFF;
    display: block;
    font: 12px/25px 'akkurat', Arial, sans-serif;
    margin: 0;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#nav a:hover {
    background: #463e39;
    color: #fff;
}

#nav a.bt-deco {
    padding: 0 5px;
    height:25px;
}
#nav a.bt-deco:hover {
    /*background: #CCC;
    color: #fff;*/
}

/* main level link hover */
#nav .current a{
    color: #085ea2;
}
#nav li:hover > a {
    background-color: #564e49;
    color: #FFF;
}

#nav li:hover > a.bt-deco {
    background: #463e39;
    color: #FFF;
}


/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
    background: none;
    border: none;
    color: #666;
}
#nav ul a:hover {
    background: #E45013 !important;
    color: #fff !important;
    border-radius:0;
}

/* dropdown */
#nav li:hover > ul {
    display: block;
}

/* level 2 list */
#nav ul {
    display: none;
    z-index: 1;
    margin: 0;
    padding: 0;
    width: 430px;
    position: absolute;
    top: 24px;
    left: 0;
    background-color: #ddd;
    border: solid 1px #b4b4b4;
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
}

#nav ul a {
    font-weight: normal;
    text-transform: none;
}

/* level 3+ list */
#nav ul ul {
    left: 181px;
    top: -3px;
}


/* clearfix */
#nav:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#nav {
    /*display: inline-block;*/
    display: block;
}
/*
html[xmlns] #nav {
    display: block;
}
*/
* html #nav {
    height: 1%;
}

.main .sous-header{
    background-color: #085ea2;
    color: #ffffff;
    min-height: 45px;
    position: relative;
    width: 100%;
}
.main .sous-header .sous-header-contenu{
    margin: 0 auto;max-width: 990px;padding: 10px 0;position: relative;
}
.main .sous-header .sous-header-contenu ul{
    display: table;
    width: 100%;
}

.main .sous-header .sous-header-contenu li{
    display: table-cell;
    text-align: center;
    padding: 0 10px;
    border-left: 1px solid #FFF;
}
.main .sous-header .sous-header-contenu li:first-child{
    border-left: 0 solid #FFF;
}
.main .sous-header .sous-header-contenu li a{
    color:#FFF;
    text-decoration: none;
}
.main .sous-header .sous-header-contenu li.actif a{
    background-color: #FFF;
    color: #085ea2;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px;
}



.main .menu-palier{
    margin: 0 auto;
    max-width: 990px;
    padding: 5px;
    position: relative;
    background-color: #FFF;
}
.main .menu-palier ul{
    display: table;
    width: 100%;
}

.main .menu-palier li{
    display: table-cell;
    text-align: center;
    padding: 0px;
    border-left: 1px solid #e25300;
}
.main .menu-palier li:first-child{
    border-left: 0px solid #FFF;
}
.main .menu-palier li a{
    color:#333;
    text-decoration: none;
    text-transform: uppercase;
}
.main .menu-palier li.actif a{
    background-color: #e25300;
    color: #FFF;
    display: block;
    padding: 5px 0;
}
.bloc-cadeau-reve{
    color: #463e39;
    text-align: center;
    padding: 0;
    margin: 10px;
    font: 15px 'akkuratbold', Arial, sans-serif;
    font-style: normal;
}
.bloc-cadeau-reve .bloc-ligne-reve{
    background-image: url("../images/barre-reve.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 80px;
    text-align: center;
}
.bloc-cadeau-reve .bloc-ligne-reve img{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 2px #e25300 solid;
    float: right;
}
.bloc-cadeau-reve .bloc-ligne-reve .text-ca{
    padding-top: 55px;
    padding-left: 80px;
    color: #e25300;
}

.shop-info-foot{
    text-align: center;
    background-color: rgb(243, 243, 243);
    margin: 0;
    padding: 20px 0;
    font: 16px 'akkuratbold';
}

.qtip-default{border:1px solid #085ea2 !important;background-color:#085ea2 !important;}


@media screen and (max-width: 990px) {
    .header {
        height: auto;
    }
    .header-contenu{
        padding: 0;
    }
    .header-contenu .div-logo{
        background-color: rgba(0, 0, 0, 0.5);
        display: block;
        text-align: center;
    }
    .header-contenu .div-nom {
        background-color: rgba(0, 0, 0, 0.5);
        display: block;
        padding: 5px;
    }


    .main .sous-header {
        height: auto;
    }

    .main .sous-header .sous-header-contenu li {
        border-left: 0 solid #fff;
        display: table-cell;
        padding: 0 1px;
        text-align: center;
        vertical-align: middle;
    }

    .main .sous-header .sous-header-contenu li.inactif a {
        background-color: rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(0, 0, 0, 0.2);
        color: #fff;
        font-size: 12px;
        padding: 5px 8px;
        text-decoration: none;
    }
    .main .sous-header .sous-header-contenu li.inactif a span{
        display: none;
    }

    .logo-operation{
        position: relative;
        top:0px;
        margin: 0 auto;
    }

    .bloc-nbj{
        position: relative;
        top:0px;
        margin: 0 auto;
    }
    .encart-booster{
        display: none
    }
    .encart-fournisseurs{
        position: relative;
        top: 0;
        width: calc(100% - 10px);
        margin: 0 5px;
    }
    .encart-fournisseurs #logoParade{
        width: auto;

    }
    .encart-boosters{
        position: relative;
        top: 0;
        width: 300px;
        max-width: 95%;
        margin: 0 auto;
    }
    .main{
        min-height: auto;
    }
    body{
        background-image: none !important;
    }

    .main-content{
        width:100%
    }
    .presentoir {
        right: initial;
        position: relative;
        top: initial;
        width: 100%;
        background-size: cover !important;
    }
    .presentoir .bloc-achats {
        margin: 10px 0;
        padding: 10px;
    }

    .jcarousel-control-prev {
        left: 10px;
    }
    .jcarousel-control-next {
        right: 10px;
    }
    .jcarousel {
        position: relative;
        overflow: hidden;
        /*width: 618px;*/
        margin: 0 auto;
    }
    .jcarousel .niveau img{
        width: 100%;
        height: 100%;

    }
    .bloc-selections .bloc-selection{
        width: 80px
    }
    #footer {
        position: relative;
    }
}