.b{
    width: 1850px; 
    height: 290px; 
    background-color: #8605ad; 
    border: 2px solid #2c3e50; 
    border-radius: 10px;
	text-align:center;
}
.musique{
   text-align: right;
   margin-right: 20px;
}

.cercle {
  position: relative;
  width: 1800px;
  height: 1650px;
  border-radius: 50%;
  border: 5px black;
  overflow: hidden; 
  font-family: sans-serif;
  text-align: center;

  color: white;
  font-weight: bold;
}
.quart1 {
  position: absolute;
  width: 50%;
  height: 50%;
  padding: 20px;
  box-sizing: border-box;

  
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center;     
  text-align: center;
  overflow-y: auto; 
}

.quart2 {
  position: absolute;
  width: 50%;
  height: 50%;
  padding: 10px;
  overflow-y: auto; 
  display: flex;
  flex-direction: column; 
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.haut-gauche {
  top: 0;
  left: 0;
  background-color: #e74c3c;
  justify-content: flex-end; 
  padding-bottom: 60px;      
}

.haut-droit {
  top: 0;
  right: 0;
  background-color: #3498db;
  justify-content: flex-end;
  padding-bottom: 60px;
}

.bas-gauche {
  bottom: 0;
  left: 0;
  background-color: #2ecc71;
  justify-content: flex-start; 
  padding-top: 40px;
}

.bas-droit {
  bottom: 0;
  right: 0;
  background-color: #f1c40f;
  justify-content: flex-start;
  padding-top: 40px;
}

.v {
	text-align: center;

}