:root {
	--cassiopeia-color-primary : hsl(339,84%,34%);/* hsl(339,84%,34%) ;*/
  	/* --cassiopeia-color-secondary : #e2cb89 ; */
    --cassiopeia-color-hover : #01110A ;
  	--titre3 : hsl(334, 100%, 50%);
  	--important : hsl(19, 97%, 51%);
  	--colortable : hsl(339,84%,34%) ;
}

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


strong{
  color : var(--important) ;
  font-weight: normal ;
}

.page-header h1 {
  color : var(--cassiopeia-color-primary) ;
  text-shadow : 3px 2px 4px rgba(47, 0, 0, 1);
  
}

.com-content-article__body h1{
  font-size: 1.4rem;
  color : var(--cassiopeia-color-primary) ;
  border-bottom : solid 2px var(--cassiopeia-color-primary) ;
}

.com-content-article__body h2{
  font-family: Roboto ;
  font-size: 1.3rem;
  color : var(--cassiopeia-color-primary) ;
  background-color: rgba(225, 225, 225, 1); /* For browsers that do not support gradients */
  /*background-image: linear-gradient(to right, rgba(225, 225, 225, 1), white);*/
  background-image: linear-gradient(to right, #eee, white);
  border-left : solid 3px var(--cassiopeia-color-primary) ;
  margin-left : 30px ;
  margin-bottom : 20px ;
  margin-top : 20px ;
  padding : 5px ;
  padding-left : 10px ;
}

.com-content-article__body h3{
  font-size: 1.2rem;
  color : var(--titre3);
  /*text-shadow: 2px 2px 2px #000;*/
  /* text-shadow : 3px 2px 4px rgba(2, 0, 0, 1);*/
  margin-left : 40px ;
  font-style : italic ;
}

.com-content-article__body h4{
  font-size: 1.1rem;
  color : hsl(44,100%,30%) ;
  /*text-shadow: 2px 2px 2px #000;*/
  /* text-shadow : 3px 2px 4px rgba(2, 0, 0, 1);*/
  margin-left : 60px ;
}

.definition {
  display : inline-block ;
  padding : 20px ;
  background-color: hsl(21,45%,91%);/*hsl(44,100%,75%) ;*/
}

.propriete {
  display : inline-block ;
  padding : 20px ;
  background-color: hsl(44,100%,95%) ;
}

.exemple{
  border-left : solid 3px hsl(21,45%,91%) ;
  padding-left : 30px ;
}

table.table-bordered{
    border:1px solid var(--colortable);
    margin-top:20px;
}