body {
      margin: 0;
      background-color: #FEFEFC;
      font-family: helvetica;
    }

/* MENU :-) */
.container {
	background-color: black;
	display: flex;
	height:4vh;
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: black;
	}

.menu {
margin: 8px 10px 0 10px;
	background-color:black;
	color: #FEFEFC;
	font-family:helvetica; 
	text-align:right;
	}

.menuvide {

	background-color: black;
	flex: 1 1 5%;
	}

.nom {
 margin: 8px 10px 0 10px;
 color: #FEFEFC;
 font-family:helvetica; 
 text-align:left;
	}

.acceuil {
  position: relative;
  z-index: 1;
}


 body {
      margin: 0;
      background-color: #FEFEFC;
      font-family: helvetica, sans-serif;
    }
 
    .cv-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      padding: 80px 40px 80px 40px;
      gap: 0;
    }
 
    /* Colonnes */
    .col-history,
    .col-skills,
    .col-contact {
      padding: 0 40px 0 0;
    }
 
    /* Titres de colonne */
    .col-heading {
      font-family: helvetica, sans-serif;
      font-size: 22px;
      font-weight: 400;
      margin: 0 0 60px 0;
      color: #000;
    }
 
    /* Entrées d'expérience */
    .entry {
      margin-bottom: 40px;
    }
 
    .entry-name {
      font-size: 15px;
      font-weight: 400;
      color: #000;
      margin: 0 0 6px 0;
    }
 
    .entry-dates,
    .entry-role,
    .entry-city {
      font-size: 13px;
      font-weight: 400;
      color: #000;
      margin: 0;
      line-height: 1.5;
    }
 
    .entry-city {
      margin-top: 8px;
    }
 
    /* Skills */
    .skills-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
 
    .skills-list li {
      font-size: 13px;
      color: #000;
      line-height: 1.8;
    }
 
    /* Contact */
    .contact-block {
      margin-bottom: 20px;
    }
 
    .contact-block p {
      font-size: 13px;
      color: #000;
      margin: 0;
      line-height: 1.8;
    }
    
.velo {
  margin-top: 20px;
  margin-right: -80px; /* annule le padding de la colonne pour coller au bord */
}

.velo img {
  width: 100%;        /* ← change cette valeur pour ajuster la taille, ex: 80%, 200px... */
  display: block;
}
    
/* FOOTER :-) */

.footer {
  width: 100%;
  background-color: black;
  display: flex;
  flex-direction: column;
  height: 40vh;
  box-sizing: border-box;
  padding: 10px 0 0 0;
  overflow: hidden;
}

.footer-top {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 0 0 0 10px;
  gap: 40px;
}

.footer-link {
  color: #FEFEFC;
  font-family: helvetica;
  font-size: 15px;
}

.footer-copyright {
  color: #FEFEFC;
  font-family: helvetica;
  font-size: 15px;
  margin-left: auto;
  margin-right: 15px;
}

.footer-bottom {
  display: flex;
  align-items: flex-end;
  margin: auto 0 0 0;
  width: 100%;
}

.footer-big-text {
  font-family: helvetica;
  font-weight: 900;
  color: #FEFEFC;
  white-space: nowrap;
  line-height: 0.85;
  font-size: 10vw;
  margin: 0;
  padding: 0 0 0 10px;
}

.footer a {
  color: #FEFEFC;
  text-decoration: none;
}

.footer a:visited {
  color: #FEFEFC;
}

.footer a:hover {
  text-decoration: underline;
  color: #FEFEFC;
}


	
/* petits trucs :-) */

hr {
	border: none;
	overflow:hidden;
	border-top: 1px solid black;
	background-color: black;
	padding: 0;
	margin: 0;
	}


.menu a{
  color: #FEFEFC;
  text-decoration: none;
  font-family: helvetica;
  }
  
a:hover {
  text-decoration: underline;
  color:#FEFEFC;
}

.projet a{
  color: black;
  text-decoration: none;
  font-family: helvetica;
  }

.projet a:hover {
  text-decoration: none;
  color:#898989;
}

.cell a{
  color: black;
  text-decoration: none;
  font-family: helvetica;
  }

.cell a:hover {
  text-decoration: underline;
  color:black;
}

.footer a {
  color: #FEFEFC;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
  color: #FEFEFC;
}

.scramble {
    cursor: pointer;
    user-select: none;
    /* mix-blend-mode: difference; */
  }