/** CSS DE LA PAGE PARCOURS ** ** ** ** ** ** ** ** ** ** ** ** **/
.espace2{
  height: 330px;
}

#logo_uuim{
  width: 27%;
  left: 650px;
  bottom: 50px;
}


/** CSS DE LA PAGE CV ** ** ** ** ** ** ** ** ** ** ** ** **/
#CV{
  width: 100%;
  }
#telecharger_CV{
  margin-left: 360px;
  text-decoration: none;
}


/** CSS DE LA PAGE PROJET ** ** ** ** ** ** ** ** ** ** ** ** **/
#largeur_projets{
    width: 700px;
    left: 5.35em;
  }
  #titre_projets{
    left: 4.8em;
}


/** **/
/** CSS DE LA PAGE AUTO ENTREPRISE - SMELTBLOCK ** ** ** ** ** ** ** ** ** ** ** ** **/
#smeltblock{
  width: 25%;
}

#jordan-brisson{
  color: var(--bleu);
}

.timeline{
  margin: 20px auto;
  position: relative;
  }
  .timeline *{
    box-sizing: border-box;
  }
  .timeline h3{
    margin: auto;
}

.centre{ /** gestion de la barre centrale de la timeline **/
  background: white;
  position: absolute;
  top: 30px;
  height: 97%;
  left: 49.7%;
  width: 6px;
  }
  #projets{ /** ce n'est pas la même hauteur **/
    height: 97% !important;
}

.rond{ /** gestion et positionnement des ronds **/
  position: absolute;
  background: white;
  height: 40px;
  width: 40px;
  border-radius: 100%; /** les rendre ronds **/
  }
  .gauche .rond{ /** les centrer par rapport à la timeline **/
    right: -60px;
  }
  .droite .rond{
    left: -60px;
}

.colonne{ /** pouvoir superposer facilement les éléments **/
  display: flex; 
  }
  .gauche{
    justify-content: flex-start;
  }
  .droite{
    justify-content: flex-end;
  }
  .colonne section{
    background: var(--bleu);
    border-radius: 6px;
    width: calc(50% - 40px); /** largeur adaptative par rapport au fond **/
    padding: 20px; /** intégrer des bords autour du texte **/
    position: relative;
}