html,body{
  line-height:1.4;
  height:100%;
  margin:0;
  padding:0
}

a{
  text-decoration:none;
  color:inherit
}

* {
  overflow: visible;
}

.container{
  width: auto;
  margin:0 20px;
  *zoom:1;
  overflow: visible;
}

.site-content{
  //padding-top:66px;
  overflow: hidden;
}

.header{
  position:fixed;
  left:0;
  right:0;
  height:55px;
  line-height:55px;
  color:#FFF;
  background-color: var(--main-color);
  text-align:center;
}

.header__account{
  display:inline-block;
  float:right;
  font-weight:normal;
  //padding:0 50px;
  white-space: nowrap;
  //uncomment below line to hide menu
  //transform: translate(40px, 0);
}
.header__week{
  display:inline-block;
  font-weight:normal;
  margin: 0 auto;
  white-space: nowrap;
}
.header__logo{
  display:inline-block;
  font-weight:normal;
  padding:0 25px;
  float:left;
  white-space: nowrap;
}

svg { fill=currentColor }


@media only screen and (max-width: 2750px) {
  .site-pusher,.site-container{height:100%}
  .site-container{overflow:hidden}
  .site-pusher{
    overflow:visible;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    transition-duration:0.3s;
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    -webkit-transform:translateX(0px);
    transform:translateX(0px)
  }
  
  .site-content{
    position:absolute;
    top:56px;
    right:0;
    left:0;
    bottom:0;
    padding-top:0;
    overflow:hidden;
    -webkit-overflow-scrolling:touch
  }
  .header{position:static}
  .header__icon{
    position:relative;
    display:block;
    float:right;
    width:50px;
    height:66px;
    cursor:pointer
  }
  .header__icon:after{
    content:'';
    position:absolute;
    display:block;
    width:1rem;
    height:0;
    top:16px;
    left:15px;
    -moz-box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;
    -webkit-box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;
    box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff
  }
}


#menu__account, #menu__account ul{
padding:0;
margin:0;
list-style:none;
text-align:left;
width: 180px;
}
#menu__account li{
display:inline-block;
position:relative;
padding:0 10px;
line-height:30px;
}
#menu__account ul li{
display:inherit;
}
#menu__account ul{
position:absolute;
z-index: 1000;
max-height:0;
top: 41px;
left: 25px;
right: 0;
overflow:hidden;
font-weight:normal;
text-align:left;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu__account li:hover ul{
max-height:14em;
}
/* background des liens menus */
#menu__account li:first-child{
background-color: var(--main-color);
}
/* background des liens sous menus */
#menu__account li:first-child li{
background:var(--main-color);
border-bottom: 1px solid var(--alt2-color);
}
/* background des liens menus et sous menus au survol */
#menu__account li:first-child li:hover{
background:var(--alt-color);
}
/* les a href */
#menu__account a{
text-decoration:none;
display:block;
color:#fff;
}
#menu__account li{
cursor: pointer;
}
#menu__account li:hover li a{
color:#fff;
}
#menu__account li li:hover a{
color:var(--alt2-color);
}
.header__logoImage{
  margin-top:10px;
  height:30px;
  border: solid 0px #CCC;
  border-radius: 0px;
}
.header__loginImage {
  height:20px;
  vertical-align:middle;
  -webkit-filter: invert(1);
  filter: invert(1);
}