html {
	
	/* TEXTES */
	
	--texte10: normal normal 8px arial, sans-serif;
	--texte11: normal normal 10px arial, sans-serif;
	--texte12: normal normal 12px arial, sans-serif;
	--texte13: normal normal 14px arial, sans-serif;
	--texte14: normal normal 16px arial, sans-serif;
	--texte15: normal normal 20px arial, sans-serif;
	--texte16: normal normal 24px arial, sans-serif;
	--texte17: normal normal 28px arial, sans-serif;
	--texte18: normal normal 32px arial, sans-serif;
	
	/* TITRES */
	
	--texte20: normal bold 8px arial, sans-serif;
	--texte21: normal bold 10px arial, sans-serif;
	--texte22: normal bold 12px arial, sans-serif;
	--texte23: normal bold 14px arial, sans-serif;
	--texte24: normal bold 16px arial, sans-serif;
	--texte25: normal bold 20px arial, sans-serif;
	--texte26: normal bold 24px arial, sans-serif;
	--texte27: normal bold 28px arial, sans-serif;
	--texte28: normal 900 32px arial, sans-serif;
	
	/* NOIR ET BLANC */
	
	--couleur01: #FFFFFF;
	--couleur02: #000000;
	
	/* GRIS */
	
	--couleur11: #FBFBFB;
	--couleur12: #EEEEEE;
	--couleur13: #DDDDDD;
	--couleur14: #CCCCCC;
	--couleur15: #606060;
	--couleur16: #404040;
	--couleur17: #303030;
	--couleur18: #101010;
	
	/* ROUGE */
	
	--couleur21: #FFEEEE;
	--couleur22: #EEBBBB;
	--couleur23: #DD8080;
	--couleur24: #CC5050;
	--couleur25: #BB2020;
	--couleur26: #AA0000;
	--couleur27: #800000;
	
	/* VERT */
	
	--couleur31: #ebf4eb;
	--couleur32: #cce4cc;
	--couleur33: #aad3ac;
	--couleur34: #82c18c;
	--couleur35: #4faf6c;
	--couleur36: #009f50;
	--couleur37: #009036;
	--couleur38: #004400;

	/* BLEU */
	
	--couleur41: #eaf0f8;
	--couleur42: #c8d8ed;
	--couleur43: #a4c1e2;
	--couleur44: #7da9d6;
	--couleur45: #4b93cb;
	--couleur46: #0081c2;
	--couleur47: #0070b8;
	--couleur48: #000044;
	
	/* JAUNE */
	
	--couleur51: #fefced;
	--couleur52: #fef9d1;
	--couleur53: #fff6b2;
	--couleur54: #fef28e;
	--couleur55: #fdee65;
	--couleur56: #fcea31;
	--couleur57: #fbe700;
	--couleur58: #404000;
	
	/* ORANGE */
	
	--couleur61: #fef0e6;
	--couleur62: #fbd6bf;
	--couleur63: #f8be9a;
	--couleur64: #f4a374;
	--couleur65: #f08950;
	--couleur66: #eb6a31;
	--couleur67: #e74c14;
	--couleur68: #ffa113;
	
	/* ROSE */
	
	--couleur71: #fdefef;
	--couleur72: #fad5d6;
	--couleur73: #f6bbbe;
	--couleur74: #f19ca4;
	--couleur75: #ed7e8c;
	--couleur76: #e95b75;
	--couleur77: #e53262;
	
	/* VIOLET */
	
	--couleur81: #ede8f2;
	--couleur82: #d4c6df;
	--couleur83: #baa3ca;
	--couleur84: #a281b5;
	--couleur85: #8a5e9f;
	--couleur86: #75408e;
	--couleur87: #5e2281;
	
	/* TURQUOISE */
	
	--couleur91: #f0f7f4;
	--couleur92: #d9ece4;
	--couleur93: #bfe0d5;
	--couleur94: #a4d4c4;
	--couleur95: #83c7b4;
	--couleur96: #5ebaa2;
	--couleur97: #26ae93;
	
	/* CYAN */
	
	--couleur101: #edf7f9;
	--couleur102: #ceeaf0;
	--couleur103: #afdde8;
	--couleur104: #86cedf;
	--couleur105: #56c0d5;
	--couleur106: #00b1cd;
	--couleur107: #00a4c4;
	
	background-color: var(--couleur15);
	
}

* {

	margin: 0;
	padding: 0;
	box-sizing: border-box;
	vertical-align:middle;
	
}

header {
	
  background-color: var(--couleur02);
  
}

body {
	
	background-color: var(--couleur15);
	
	overflow-y:scroll;

	font: var(--texte13);

	/* touch-action: none; */
	/* touch-action: pan-x pan-y; */
	touch-action: pan-y;
	
}

a {

	text-decoration: none;
	
}

.loading {

	z-index: 8;

	display: flex;
	align-items: center;
    justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	/* visibility: visible; */
	/* opacity: 0.8; */
	/* transition: all .2s; */
	visibility: hidden;
	opacity: 0;
	transition: all .2s;
	background-color: var(--couleur17);
	/* backdrop-filter: blur(10px); */
	/* -webkit-backdrop-filter: blur(10px); */
	/* -moz-backdrop-filter: blur(10px); */
	
}

.image_loading {

	width: 80px;
	margin:10px;
	
}

.cadre_invisible {

	display:none;
	
}