body{
  letter-spacing: 0.14em; /*Espacement des lettres générique selon normes WCAG 2.1 - SC 1.4.12 Text Spacing*/
}
p{
  font-size: 1.5rem;
  text-align: justify;
  line-height: 1.6; 
}

/*Style des listes à puces <ul>*/
.bulletpoints{
font-size: 1.4rem;
line-height: 1.8;
}

.bulletpoints li {
  font-size: 1.2em;
  line-height: 1.8;
}
.hvr-float-shadow :hover{
  cursor: pointer;
}
.align-center {
  text-align: center;
  }

/*Style boutons de correction des exercices*/
.btnCorrectionAnswer {
  background: #1c4e6d;
  color: #ffffff;
  padding: 12px 24px; /*Pour un meilleur espacement autour du texte*/
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s; /* Ajout d'une transition pour une animation douce*/
  border-radius: 50px;
  margin-top: 1px;
  font-size: 1.1rem;
}

.btnCorrectionAnswer:hover {
  background: #49a7e6;
  color:black;
  text-decoration: none;
}


/*Style pour correction de feedback*/
.feedback_ex {
text-align: center;
font-size: 20px;
margin-top: 1rem;
color: #c07a24;
}

/*Slide "Introduction générale" : Masquer toutes les images de forme initialement*/
.hidden {
  display: none;
}
.forme_intro{
  font-weight: bold;
}
.forme_intro:hover{
  cursor: pointer;
}
.carre-image, .rectangle-image, .triangle-image {
  width: 30%;
 height: 30%;
}
/*Exercice des propriétés du carré*/
input[type="radio"] {
  transform: scale(1.5); 
}
.styleLabel {
  font-size: 1em; 
  margin-bottom: 20px; 
  font-weight: bold;
}

.bulletV-F{
  font-size: 1.2rem;
  line-height: 1 rem;
}


.true {
  color: rgb(21, 207, 27);
}

.false {
  color: rgb(210, 21, 21);
}  

/*Exercice texte à trous*/
.trou {
font-size: 1.1rem;
}

.true_exRectangle{
background-color: rgb(38, 214, 10);
}

.false_exRectangle{
background-color: rgb(241, 68, 68);
color: black;
}

/*Exercice drag-drop*/
.item {
  display: inline-block;
  width: 100px;
  border: none;
  background-color: transparent;
  font-weight: bold;
  font-size: 16px;
  margin: 15px;
  text-align: center;
  cursor:move;
}
.item:hover {
    cursor: pointer;
    background-color: #a9b7c0;
    color: black;
    text-decoration: none;
    cursor:move;
  }

.clear {
clear: both;
overflow: hidden;
}
/*Containers des formes*/
.carre-container {
  display: inline-block;
  width: 245px;
  height: 210px;
  border: 8px #8a8e10 solid;
  background-color: #f3ea68;
  color: rgb(52, 122, 52);
  font-size: 14px;
  padding: 10px 15px;
  margin: 10px;
  text-align: center;
  border-radius: 30px;
  }
  
  .rectangle-container {
  display: inline-block;
  width: 245px;
  height: 210px;
  border: 8px #87118f solid;
  background-color: rgb(204, 145, 202);
  color: #52a18e;
  font-size: 14px;
  padding: 10px 15px;
  margin: 10px;
  text-align: center;
  border-radius: 30px;
  }
  
  .triangle-container {
  display: inline-block;
  width: 245px;
  height: 210px;
  border: 8px #f8a1d6 solid;
  background-color: #f5cee2;
  color: rgb(192, 132, 3);
  font-size: 14px;
  padding: 10px 10px;
  margin: 10px;
  margin-bottom: 1px;
  text-align: center;
  border-radius: 30px;
  }
  


/*Slide référence*/
.reference{
    font-size: smaller;
    text-align: left;
    margin: 2rem;
    border: 4px solid #3ea38f;
    padding: 0.8rem;
    background-color: white;
    color: rgb(14, 133, 109);
}