body{
  margin: 0%;
  padding: 0%;
  margin-top: 2%;
  margin-bottom: 2%;
  background-color:#ffd3a5;
}

.conteneur{
  position: fixed;
  background-color:white;
  width: 5%;
  min-width: 80px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border: solid #f30054;
  border-width: 2px;
  right: 30px;
}

.contenu{
  padding: 6%;
}

.conteneurblok{
  justify-content:center;
  display:flex;
  flex-wrap: wrap;
  align-items:stretch;
  margin-bottom: 1%;
}

.contenu1{
  background-color: #f30054; /*violet*/
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
  color: white;
}

.contenu2{
  background-color:#E5DFCB; /*beige*/
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
}

.contenu3{
  background-color:#F0B700; /*jaune*/
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
}

.contenu4{
  background-color:#FF6A45; /*orange*/
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
}

.contenu5{
  background-color:#DAF7A6; /*vert*/
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
}

.contenu6{
  background-color: white;
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
}

.contenu7{
  background-color: black;
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
  color: white
}

.contenu8{
  background-color: #3434FD; /*bleu*/
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
  color: white
}

.contenu9{
  background-color: #DCDCDC; /*gris clair*/
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
}

.contenu10{
  background-color: #B7741D; /*marron*/
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
  color: white
}

.contenu11{
  background-color: #FF1B97; /*rose*/
  margin: 1%;
  padding: 1%;
  flex:0 1 250px;
  overflow: hidden;
  color: white
}

a{
  text-decoration: none;
  color: #f30054;;
}

.boite-image{
  width: 100%;
  overflow: hidden;
}

.boite-image img{
  margin-top: 5%;
  width: 100%;
}

.scroll-container{
  overflow: auto;
  white-space: nowrap;
  padding: 1px 1px 1px 1px;
  background: transparent;
  height: 100%;
  border-radius:15px;
}

.scrollimage{
  display:inline-block;
}

.scrollimage img {
  margin-right:22px;
}

::-webkit-scrollbar {
    display: none;
}

.notationblanc{
  margin-top: 5%;
  color: white;
  font-size: 70%;
}

.notation{
  margin-top: 5%;
  font-size: 70%;
}

.descriptif{
  font-size: 10px;
  margin-top: 8px;
}