.navlinkcompte {
}
.navlinkcompte ul {
  margin: 0;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav li {
  margin: 0 5px;
  cursor: pointer;
  transition: all .25s ease;
  padding: 15px 0px;
  display: flex;
  border-bottom: 2px solid transparent;
  text-transform: uppercase;
  align-items: center;
}


nav li  a {color: #919090;text-decoration:none;}


nav li.active a {
  color: #000;
}

section {
}
section .tab-content {
    color: #fff;
    margin: 0 auto;
    transition: all .5s;
    width: calc(100% - 30px);
    position: absolute;
    transform: translateX(100%);
    z-index: 10;
    opacity: 0;
    padding: 25px 15px;
}

section .tab-content.active {
    z-index: 15;
    transform: translateX(0%);
    opacity: 1;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.5s;
}
.wrapper {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  min-height: 750px;
}
.adr{
    background: #f6f6f6;
    padding: 20px;
    color: #1f2a5d;
    position: relative;
    top: -5px;
}
.adr p{margin-bottom:10px;}
.content_adr{position:relative;}
.flexadr {
}


.navlinkcompte {background: #304858;color: #fff;}
.navlinkcompte ul {
  margin: 0;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
}
nav li {
  cursor: pointer;
  transition: all .25s ease;
  padding: 15px 0px;
  display: flex;
  border-bottom: 2px solid transparent;
  text-transform: uppercase;
  align-items: center;
}


nav li  a {color: #fff;text-decoration:none;transition: 0.3s ease all;padding: 0px 20px;border-right: 1px solid #919090;}
nav li a:hover{color:#8f805c;text-decoration:none;}

nav li:last-child a{border:none;}

nav li.active a {
  color: #fff;
  font-weight: bold;
}

section {
}
section .tab-content {
    color: #fff;
    margin: 0 auto;
    transition: all .5s;
    width: 100%;
    position: absolute;
    transform: translateX(100%);
    z-index: 10;
    opacity: 0;
    padding: 0px 0px;
}

section .tab-content.active {
    z-index: 15;
    transform: translateX(0%);
    opacity: 1;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.5s;
}
.wrapper {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  min-height: 541px;
}
.adr{
    background: #304858;
    padding: 20px;
    color: #fff;
    position: relative;
    top: -5px;
}
.adr strong{color:#b9d7ea;text-transform:uppercase}
.maps {position:relative;top:-10px;}
.content_adr{position:relative;}
.flexadr {
}

@media screen and (max-width: 1100px) {

nav li a {
    padding: 0px 5px;
    font-size: 12px;
}
}