:root {
	--width-logo-pos: 460px;
	--height-menu-top: 80px;
}

.MenuTop {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: var(--height-menu-top);

  margin: 0px;
  padding: 0px;

  border-bottom: 1px solid black;

  background-color: white;
  z-index: 10;
}

.MenuTop #titreBox {
  position: absolute;
  top: 0px;
  left: 130px;
  width: 100%;
  height: 100%;

  margin: 0px;
  padding: 0px;

  font-family: RokkittM;
  font-size: 1.2em;
}

.MenuTop h1 {
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
}

.MenuTop #logoTop {
  background-image: url("../logo3_w.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;

  position: absolute;
  top: 0px;
  left: calc(50% - var(--width-logo-pos) / 2);

  width: var(--width-logo-pos);
  height: var(--height-menu-top);
}

/*-------------------------------------------
	MenuTop bt facebook insta youtube mail
-------------------------------------------*/
#menu_right {
  position: absolute;
  display: flex;

  align-items: center;

  top: 0px;
  right: 0px;
  width: 180px;
  height: var(--height-menu-top);

  /*
	background-color: violet;
	*/
}

:root {
  --sizeBT_social: 34px;
}

.bt_menu_right {
  transition: 0.4s;

  position: relative;
  display: inline;

  margin: 0px;
  margin-left: 2px;
  margin-right: 2px;

  width: var(--sizeBT_social);
  height: var(--sizeBT_social);

  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;

  border-radius: 20px;
}

#bt_facebook {
  background-image: url("../facebook.svg");
}

#bt_facebook:hover {
  background-image: url("../facebook_b.svg");
  background-color: black;
  border-radius: 20px;
}

#bt_instagram {
  background-image: url("../instagram.svg");
}

#bt_instagram:hover {
  background-image: url("../instagram_b.svg");
  background-color: black;
  border-radius: 20px;
}

#bt_youtube {
  background-image: url("../youtube.svg");
}

#bt_youtube:hover {
  background-image: url("../youtube_b.svg");
  background-color: black;
  border-radius: 20px;
}

#bt_mail {
  background-image: url("../mail_black.svg");
}

#bt_mail:hover {
  background-image: url("../mail_w.svg");
  background-color: black;
  border-radius: 20px;
}