*, p.ptexte, ul li {
    font-size: 18px;
    line-height: 28.8px;
    
    font-family: "Geist", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
h1 {
    font-size: 40px;
    line-height: 56.25px;

    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;

}
h3 {
    font-size: 22.5px;
    line-height: 40.25px;
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color:#4b4a4a;
}
.container {
	background-color: transparent;
}
.bandeau {
    background-image: url('../images/bandeau-fond.jpg');
	 background-size: cover;
    padding: 20px;
}
.bande-quoi {
    background-color: #268248;
    background-image: url('../images/bandeau-quoi-fond.jpg');
	 background-size: cover;
    padding: 20px;
}
.bande-qui {
    background-color: #8cab18;
    padding: 20px;
}
.bande-pourquoi {
    background-image: url('../images/fond4.png');
    background-position: center;
	 background-size: cover;
    padding: 20px;
}
.bande-etapes {
    background-image: url('../images/bandeau-etapes.jpg');
    background-position: center;
	 background-size: cover;
    padding: 20px;
}
.pastille {
	width: 40px;
	float:right;
	height: 40px;
	border: 1px solid rgb(183, 213, 202);
	background-color: rgb(209, 239, 228);
	border-radius: 10px;
	margin-top: 20px;
}
.pastille-tarif {
	width: 20px;
	float:left;
	height: 100px;
	border: 1px solid rgb(183, 213, 202);
	background-color: rgb(209, 239, 228);
	border-radius: 10px;
	margin-top: 20px;
}
.menu {
	display:inline-block;
	margin:10px;
	padding:5px 10px 5px 10px;
	color:rgb(0, 103, 71);
	border:1px solid rgb(0, 103, 71);
	background-color: rgb(229, 249, 242);
	border-radius:5px;
	text-decoration: none;
}
.menu:hover, .menus{
	color: white;
	background-color: rgb(0, 103, 71);
	text-decoration: none;	
}