* {
  margin: 0;
}
body {
   font-family: 'Manrope', sans-serif; 
  font-size: 1em;
  background-color: #1f2039;
}

section {
  padding: 20px;      /*  20px   */
   color: white    /*  */
}


h1 {
  font-size: 2.8em;
  color: #a5b4fc;
  font-family: 'Montserrat', sans-serif;     /*  Montserrat Eater*/
}
h2 {
  font-size: 2em;
  color: #a5b4fc;
  font-family: 'Montserrat', sans-serif;     /*  Montserrat Eater*/
}

p {
  margin: 0px;
  padding: 5px;
  border: 0px solid #b71616;
}
a {                               /* par defaut un lien est souligné */
    font-weight: 900;
  text-decoration: none green;
}
em {
  color: #c91b72;
  font-weight: 900;
  font-size: 1.2em;
  font-style: normal;
}
.carre-p {                            
    border-right: 1px solid #8e86b5;
    border-bottom: 1px solid #8e86b5;
    border-top: 0px solid #8e86b5;
    padding: 10px;        /* 50px  */
    width: 50%;           /* 50%  */
    margin: auto;
    margin-bottom: 40px;
  }
  .carre-p img{
    width: 90%;
    padding-left: 50px; 
  }

  .cta {                       /*  acronyme de Call To Action */
  display: inline-block;     /* permet de traiter en bloc.. mettre padding...border etc */
  background: linear-gradient(#8e86b5, #acaeed);
  color: white;
  border-radius: 20px;     /*  50px */
  padding: 5px 15px;      /*  20px 30px */
}
.cta:hover {
  background: linear-gradient(#696484, #8788ba);
  text-decoration: none;
  font-style: italic ;
}
.cta img {          /*  limite hauteur d'image à l'interieutr d'une classe "cta" */
  height: 25px;
}