@font-face {
  font-family: "SuisseIntl";
  src: url("assets/fonts/SuisseIntl-Regular.ttf") format("truetype");
  font-weight: normal;
}


h1, h2, h3, h4, h5, h6, body {
	font-family: "SuisseIntl", "Courier new", monospace;
	/* font-family: "Courier new", monospace; */
}

body{
font-size: 14px;
}

.w3-bar-item:hover{
	color: grey!important;
}

.date{
	font-style:italic;
}

a.logo{
	text-decoration-line:none;
}

.current-menu, .current-menu:hover{
	/*background-color:lightgrey!important;*/
	color: black!important;
	font-weight: bold;
}

.bio{
  text-align: justify;
  text-justify: inter-word;
}

/*For displaying video*/

.video-responsive {
  position: relative;
  display: block;
  overflow: hidden;
}

.video-responsive::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.video-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 80%;
  height: 80%;
  border: 0;
}

/* Mode sombre */
.dark-mode,
.dark-mode body,
.dark-mode .w3-main,
.dark-mode .w3-sidebar,
.dark-mode .w3-white,
.dark-mode .w3-black,
.dark-mode .w3-container,
.dark-mode .w3-panel,
.dark-mode .w3-content,
.dark-mode .w3-button,
.dark-mode .w3-bar-item,
.dark-mode .current-menu,
.dark-mode .w3-white {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

.dark-mode .w3-bar-item:hover {
  color: #cccccc !important;
}

.dark-mode .w3-black {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

.dark-mode .w3-opacity-min {
  background-color: rgba(45, 45, 45, 0.8) !important;
}

.dark-mode .w3-border {
  border-color: #555555 !important;
}

.dark-mode .w3-text-white {
  color: #ffffff !important;
}

.dark-mode .w3-text-black {
  color: #ffffff !important;
}

.dark-mode .w3-hover-opacity-off:hover {
  opacity: 1 !important;
}

/* Animation de transition pour le mode sombre */
/* body, .w3-sidebar, .w3-button, .w3-white, .w3-black {
  transition: background-color 0.3s ease, color 0.3s ease;
} */

/* Style du bouton de basculement */
#darkModeToggle {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

#darkModeToggle:hover {
  transform: scale(1.1);
}

/* Style des liens réseaux sociaux */
.w3-panel a[class*="fa-"] {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  margin-right: 10px;
}

.w3-panel a[class*="fa-"]:hover {
  transform: scale(1.1);
}

.dark-mode #darkModeToggle {
  background-color: #404040 !important;
  color: #ffffff !important;
  border-color: #555555 !important;
}

/* Augmentation de la taille de la police du menu */
.w3-sidebar .w3-bar-item,
.w3-sidebar .w3-button {
  font-size: 16px;
}

.dark-mode .w3-sidebar .w3-bar-item,
.dark-mode .w3-sidebar .w3-button {
  font-size: 16px;
}