/* CSS Document */


h1 {
  text-align: center;
  color: rgb(138, 119, 47);
  font-size: clamp(2rem, 4vw, 3rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 2rem;
}

 .hero h4 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
	color:#666666; 
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

  	/* ========== footer  ==========*/
		
	.footerCard p { font-size: 0.9rem;   }           /*  Taille du footer */	
	.footerCard p { color: #fff; font-weight: 500; }
	.footerCard p { text-align: center; }     /* texte centré, non justifié */
	
	.footer h2 {font-size: 1.8rem;}
	.footer h2 {color:#FEECB4; font-weight: 500; text-align: center; }
	 
	
	

	.footer a:link {
		color: #FFFFFF;
	}
	.footer a:visited {
		color: #FFFFFF;
	}
	.footer a:hover {
		color: #FF0000;
	}
	.footer a:active {
		color: #FFFFFF;
	}
	
	


 /* ============= Lists ========== */
  ul {
    margin-left: 1.2rem;
    color: var(--muted);
  }
  
   
    li::first-letter{font-size: 120%; font-weight: bold; color:#660033}  /** première lettre plus grande**/
	
	li {
	font-family:"Times New Roman", Times, serif;
	font-size: 1rem;
	font-style: normal;
	line-height: 24px;  /***hauteur de ligne **/
	color: #333333;
	letter-spacing: 0.1em;
	vertical-align: middle;
	word-spacing: 0.1em;
} 
  

 .Signature {
   		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.2rem;
		font-style: normal;
		font-weight: bold;
		color:rgba(88, 12, 158, 0.9);
		text-align: left;
		}

   /* ========== créer un espace (<div class="spacer"></div>) dans la page html ========*/

		.spacer{
		 height: 20px; 
         display: block;
		}

		.spacer40{
		 height: 40px; 
         display: block;
		}
		
		.spacer60 {
		 height: 60px; 
  		 display: block;
		}
		
		.spacer80 {
		 height: 80px; 
 		 display: block;
		}