* {
	box-sizing: border-box; /* On spécifie que la largeur (width) de chaque boîte comprend le padding et la bordure (par défaut, c'est seulement la largeur du contenu) */
}

html {
	font-size: 62.5%; /* 1rem = 10px (la formule est 10/16*100) la taille par défaut étant 16px */
}

body {
	
	font-size: 1.6rem; /* on remets la taille du texte par défaut pour le body à 16px en utilisant les rem comme unité) */
    font-style:arial;
    
}
 


/*h3{*/
/*    font-size:20px;*/
/*}*/
/*.button{*/
/*    color:#444;*/
/*    background-color: #DD5735;*/
/*}*/


:root{
    --couleur-texte:#444;
    --button:#DD5735;
    --texte-button:#fff;
    --style-text:arial,sans-serif;
    --font-size:20px;
}
main{
    color:var(--couleur-texte);
    font-family:var(--style-text);
}
.button a{
    
    color:var(--texte-button);
}

.button{
    background-color:var(--button);
}
h3{
    font-size:var(--font-size);
}