.item { /*titre violet, ada*/
  font-family : Rosewood, fantasy;
  font-size : 60px;
  color : #a16bd9;
  z-index : 10;
  text-shadow: 3px 3px 3px black;
}

.container { /*photo ada violet*/
  height: 845px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image:
    url('bandeau.jpg');
    opacity: 0.4;
}
.container2 { /*boite violette claire*/
  max-width : 100%; /*largeur max */
  margin : 10 auto; /*centrer le container */
  padding : 30px;
  border-radius : 10px; /*arrondir les angles*/
  box-shadow : 5px 5px 15px rgba(0,0,0,0.3);/*mettre en valeur la boite : 5px sur x, 5px sur y et 15px de flou*/
  background-color: #e4d3f5;
}

.container2 h2 { /*titre des boites violettes*/
  margin-top: 0px;
  font-size: 49px
}

.container2, p { /*paragraphe des boites violettes*/
  line-height: 1.5; /*hauteur de ligne*/
  margin-top: -20px;
  font-family : cursive;
  font-size: 20px;
}

p6{ /*texte, cliquez sur l'image*/
  line-height: 1.5; /*hauteur de ligne*/
  margin-top: -20px;
  font-family : cursive;
  font-size: 15px
}

.container2::after { /*pour que l'image sorte pas des boites*/
  content: "";
  display : block;
  clear : both;
}

#img1 { /*bébé ada*/
  width : 310px;
  height : 300px;
  object-fit: cover; /*adapter l'image aux dimensions en coupant de chaque coté*/
  border-radius: 50%; /*arrondit les angles*/
  float : right; /*déplace l'image à droite du texte*/
  shape-outside: margin-box; /*s'adapte au contenu*/
  margin : 20px 0 7px 10px;
}
#lien{ 
  float: right;
  shape-outside: margin-box
}
.quotebox { /* boites citation violette*/
  width : 500px;
  height : 280px;
  background-color: #CD7BFE;
  object-fit: cover; /*adapter l'image aux dimensions en coupant de chaque coté*/
  border-radius: 20%; /*arrondit les angles*/
  float : right; /*déplace l'image à droite du texte*/
  shape-outside: margin-box; /*s'adapte au contenu*/
  margin : 20px 0 7px 10px;
}

.article_texte { /*boites citation violette*/
  display : flex; /*tout ce qu'il y a dessous ca va etre flex = dirigeable comme on veut*/
  flex-direction : column; /*direction flux principal*/
  justify-content: center; /*même direction que flex-direction*/
  align-items: center; /*direction perpendiculaire*/
}

.article_texte div { /*texte citation*/
  text-align: center;
  font-weight: 30px;
  font-size: 30px;
  padding: 10px;
  color: #F4E4FE;
  text-shadow: 3px 3px 3px grey;

}

header {
  height:845px;
  background-color: #5a3d77;
  border : 3px solid;
  margin:0px auto;
  position: relative;
}

#boite1 { /*bandeau sommaire*/
  background-color: #C17DEA;
  width: 97.5%;
  potition: relative;
  padding: 10px;
  border: 2px solid;
  border-color: #8F42B7;
}
a { /*lien*/
  color: #6d0bcf;
}

#bouton { /*bouton*/
  background-color: ;
}

#boutonA { /*lien dans bouton*/
  color: black;
}

li{ /*liste*/
  float:left;
  list-style-type: none;
}

#biographie{
  scroll-margin-top: 100px;
}