.wrapper_header {
  display: grid;
  row-gap: 8px;
  column-gap: 20px;
  grid-template-areas:
    "headertop"
    "headerlogo"
    "headermenu"
  ;
}

.headertop {
  grid-area: headertop;
  background-color: #AFBFBE;
  padding:18px 20px 12px 10px;
  color:#fff;
}

.headerlogo {
  grid-area: headerlogo;
  /* justify-self: center; */
  display:grid;
  grid-template-columns: 40px 1fr 20px;
}

.headermenu {
  grid-area: headermenu;
  padding-bottom: 20px;
  justify-self: center;
  position: relative;
}

.headerdisplayetroit {
  display:none;
}
.headerdisplaylarge {
  display:block;
}
@media only screen and (max-width: 810px){
  .headerdisplayetroit {
    display:block;
  }
  .headerdisplaylarge {
    display:none;
  }
}

.wrapper_headermenu {
  display: grid;
  grid-template-columns: auto auto auto 1fr auto auto auto;
  column-gap: 20px;
  justify-content: start;
  /* margin-left:20px; */
}

.wrapper_headermenu_col {
  position: relative;
}

.btnaction_headermenu_div{
  align-self:center;
  margin-left: 10px;
  visibility:hidden;
}
.wrapper_mainmenu {
  display: grid;
  grid-template-columns: repeat(8, auto);
  justify-content: start;
  align-items: end;
  margin-left:20px;
}
@media only screen and (max-width: 1090px){
  .wrapper_mainmenu {
    /* grid-template-columns: 1fr; */
    display: none;
  }
  .btnaction_headermenu_div{
    visibility:visible;
  }
}

.wrapper_mainmenu_col {
  position: relative;
}

.wrapper_menu {
  display: grid;
  column-gap: 10px;
  grid-template-columns: 1fr 1fr;
  background-color: #fff;
  padding: 42px 34px 42px 34px;
}

.wrapper_menu_col1 {
  position: relative;
  text-align: left;
}

.wrapper_menu_col2 {
  position: relative;
  text-align: left;
}

.wrapper_menu_col_img {
  position: relative;
  text-align: center;
  align-self: center;
  min-width: 380px;
}

.wrapper_menucompte {
  display: grid;
  column-gap: 10px;
  grid-template-columns: 1fr;
  background-color: #fff;
  padding: 10px 10px 10px 10px;
}

.wrapper_menucompte_col1 {
  position: relative;
  text-align: left;
}

nav ul {
  display: flex;
  justify-content: space-between;
}

nav li {
  margin-left: 10px;
  margin-right: 10px;
}
