body {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

div#TouteLaPage {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}

div#Entete {
}

div#Logo {
}

div#Logo img {
	margin: 0 auto;
	display: block;
}

div#Titre {
}

div#Titre h1 {
	text-align: center;
	font-size: 1.8em;
}

div#Description {
}

div#Description p {
	text-align: center;
}

div#LesLiens {
}

div#LesLiens h2 {
	margin-top: 2em;
	font-size: 1.4em;
	text-align: center;
}

.bouton {
	display: block;
	width: 100%; /* Le bouton prend toute la largeur du conteneur parent */
	box-sizing: border-box;
	padding: 15px;
	margin-bottom: 12px;
	text-align: center;
	text-decoration: none;
	padding: 0.75rem 1rem;
	font-size: 1.125rem;
	font-weight: bold;
	border-radius: 15px;
	background: var(--ArrierePlanBouton);
	--CouleurVariation: black;
	/* transition: transform 0.2s ease; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.bouton-twitch {
	--ArrierePlanBouton: #9146FF;
	color: #FFF;
}

.bouton-youtube {
	--ArrierePlanBouton: #F00;
	color: #FFF;
}

.bouton-peertube {
	--ArrierePlanBouton: #e8dede;
	color: #000;
}

.bouton-tiktok {
	--ArrierePlanBouton: #000;
	color: #FFF;
	--CouleurVariation: white;
}

.bouton-loops {
	--ArrierePlanBouton: #ffe500;
	color: #000;
}

.bouton-mastodon {
	--ArrierePlanBouton: #000;
	color: #FFF;
	--CouleurVariation: white;
}

.bouton-threads {
	--ArrierePlanBouton: #000;
	color: #FFF;
	--CouleurVariation: white;
}

.bouton-discord {
	--ArrierePlanBouton: #5865F2;
	color: #FFF;
}

.bouton-facebook {
	--ArrierePlanBouton: #0866FF;
	color: #FFF;
}

.bouton-twitter {
	--ArrierePlanBouton: #000;
	color: #FFF;
	--CouleurVariation: white;
}

.bouton-vimeo {
	--ArrierePlanBouton: #1ab7ea;
	color: #FFF;
}

.bouton:hover {
	background-color: color-mix(in srgb, var(--ArrierePlanBouton) 80%, var(--CouleurVariation));
	transform: translateY(-1px);
}

.bouton-instagram {
	--ArrierePlanBouton: linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
	color: #FFF;
}

.bouton-instagram:hover {
	background: linear-gradient(-135deg,color-mix(in srgb, #1400c8 80%, black),color-mix(in srgb, #b900b4 80%, black),color-mix(in srgb, #f50000 80%, black));
	color: #FFF;
}

.bouton img {
	width: 20px;
	height: 20px;
	margin-right: 20px;
	vertical-align: middle;
}