:root {
	
	/* TEXTE NORMAL */
	
	--texte11: normal normal 8px arial, sans-serif;
	--texte12: normal normal 10px arial, sans-serif;
	--texte13: normal normal 12px arial, sans-serif;
	--texte14: normal normal 14px arial, sans-serif;
	--texte15: normal normal 16px arial, sans-serif;
	--texte16: normal normal 20px arial, sans-serif;
	--texte17: normal normal 24px arial, sans-serif;
	--texte18: normal normal 28px arial, sans-serif;
	--texte19: normal normal 36px arial, sans-serif;
	
	/* TEXTE GRAS */
	
	--texte21: normal bold 8px arial, sans-serif;
	--texte22: normal bold 10px arial, sans-serif;
	--texte23: normal bold 12px arial, sans-serif;
	--texte24: normal bold 14px arial, sans-serif;
	--texte25: normal bold 16px arial, sans-serif;
	--texte26: normal bold 20px arial, sans-serif;
	--texte27: normal bold 24px arial, sans-serif;
	--texte28: normal bold 28px arial, sans-serif;
	--texte29: normal bold 36px arial, sans-serif;
	
	/* TITRE */
	
	--texte31: normal bolder 8px arial, sans-serif;
	--texte32: normal bolder 10px arial, sans-serif;
	--texte33: normal bolder 12px arial, sans-serif;
	--texte34: normal bolder 14px arial, sans-serif;
	--texte35: normal bolder 16px arial, sans-serif;
	--texte36: normal bolder 20px arial, sans-serif;
	--texte37: normal bolder 24px arial, sans-serif;
	--texte38: normal bolder 28px arial, sans-serif;
	--texte39: normal bolder 36px arial, sans-serif;
	
	/* COULEURS */
	
	--couleur11: #FFFFFF; /* BLANC */
	--couleur12: #EEEEEE; /* GRIS TRES CLAIR */
	--couleur13: #CCCCCC; /* GRIS CLAIR */
	--couleur14: #333333; /* GRIS FONCE */
	--couleur15: #000000; /* NOIR */
	
	--couleur21: #FF0000; /* ROUGE VIF */
	--couleur22: #FFCCCC; /* ROUGE PÂLE */
	--couleur23: #D32F2F; /* ROUGE MOYEN */
	
	--couleur31: #E0FFE0; /* VERT PÂLE */
	--couleur32: #2E7D32; /* VERT MOYEN */
	
	--couleur41: #FF9600; /* ORANGE */
	
}

header .contenu .logo img {
	
    height:80px !important;
	
}

.hamburger{

	color: var(--couleur41) !important;

}

.slogan {
	
    margin-top: 100px !important;
	color: var(--couleur15) !important;
	
}

.consentement {
	
    background-color: var(--couleur14) !important;
	
	
}

header .contenu nav ul li a {
	
    color: var(--couleur11) !important;

}

header {
	
	background-color: var(--couleur15) !important;
	
}

header .contenu nav ul li a:hover {
	
    color: var(--couleur41) !important;
	
}

footer {
	
	color: var(--couleur15) !important;
	
}

@media screen and (max-width:740px){
	
	.slogan {
		
		margin-top: 80px !important;
		
	}
	
	header .contenu .logo img {
		
		height:60px !important;
		
	}
    
	header .contenu nav ul {
		
		top:80px !important;
		
	}
	
	header .contenu nav ul li a {
		
		color: var(--couleur14) !important;
		
	}

}@