/* CSS Document */

body {
	background-color:var(--roseClair);
	color:var(--roseFonce);
}
.canBandeau {
	background-color:var(--roseClair);
}
.canBandeau .canLogo {
	visibility:hidden;
}

.temBoutons {
	margin:40px auto 80px auto;
	max-width:800px;
	text-transform:uppercase;
}
.temBoutons div {
	display:inline-block;
	width:calc(100% / 3);
	text-align:center;
	vertical-align:top;
}
.temBoutons .sitBouton {
	border-color:var(--roseFonce);
}
.temBoutons .sitBouton:hover, .sitBouton.sel {
	background-color:var(--roseFonce);
	color:white;
}

.temIntro {
	font-family:inter;
	font-size:20px;
	font-weight:400;
	line-height:22px;
	margin:40px auto 40px auto;
	max-width:800px;
	text-align:center;
}

.temTemoignage {
	margin:0 auto 80px auto;
	max-width:800px;
	
	text-align:center;
}
.temTemoignage .temCourt {
	font-family:kaftan;
	font-size:20px;
	font-weight:400;
	line-height:27px;
	
	margin-bottom:30px;
}
.temTemoignage .temNomAge {
	font-family:inter;
	font-size:14px;
	font-weight:400;
	ligne-height:17px;
}

.temTrace {
	color:var(--noir);
	font-family:inter;
	font-size:18px;
	font-weight:400;
	line-height:22px;
}
.temTrace hr {
	border-color:var(--noir);
	margin:40px;
}
.temTrace img {
	border-radius:20px;
	width:100%;
}
.temTrace .titre {
	font-family:kaftan;
	font-size:40px;
	font-weight:400;
	line-height:46px;
	margin-bottom:20px;
}

@media only screen and (max-width:860px) {
	.temIntro {
		padding:0 20px;
	}
	
	.temBoutons {
		padding:0 20px;
	}

	.temTemoignage {
		padding:0 20px;
	}
	
	.temTrace hr {
		margin:20px;
	}
}

@media only screen and (max-width:500px) {
	.temBoutons div {
		display:block;
		width:100%;
	}
}