@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Righteous&display=swap');
*{
	margin:0;
	padding:0;
	font-family:"Poppins", sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:1.7;
}
h1,h2,
.fauxh1,.fauxh2,.fauxh3{
	font-family: "Righteous", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 5px 0 25px;
}
h1{
	font-size:1.5rem;
}
h2{
	font-size:2rem;
}
p{
	margin:10px 0 15px 0;
}
b,strong,
b span,strong span{
	font-weight:600;
}

a{
	text-decoration:none;
	color:#1d1d1b;
}
ul{
	list-style-type:none;
}
.maj{
	text-transform:uppercase;
}


/* /// COULEURS /// */
.noir{
	color:#1d1d1b;
}
.bg-noir{
	background-color:#1d1d1b;
}
.border-noir{
	border:1px solid #1d1d1b;
}

.blanc{
	color:#ffffff;
}
.bg-blanc{
	background-color:#ffffff;
}
.border-blanc{
	border:1px solid #ffffff;
}

.vert,.bg-vert span.surlign.bg-blanc{
	color:#129f8a !important;
}
.bg-vert{
	background-color:#129f8a;
}

.jaune{
	color:#fbc03f !important;
}
.bg-jaune,.bg-pepite{
	background-color:#fbc03f;
}

.jauneplus{
	color:#f8ae22 !important;
}
.bg-jauneplus,.bg-pepite{
	background-color:#f8ae22;
}

.bleu{
	color:#1e588a !important;
}
.bg-bleu{
	background-color:#1e588a;
}

.rouge{
	color:#eb5c62 !important;
}
.bg-rouge{
	background-color:#eb5c62;
}

.orange{
	color:#f49642 !important;
}
.bg-orange,.bg-conseil{
	background-color:#f49642;
}

.presale{
	color:#a8c28e;
}
.bg-presale,.bg-balade{
	background-color:#a8c28e;
}

.hortensia{
	color:#94afdc;
}
.bg-hortensia{
	background-color:#94afdc;
}

.rose{
	color:#ef9bc3;
}
.bg-rose{
	background-color:#ef9bc3;
}

.rouille{
	color:#d76f7e;
}

.turquoise{
	color:#00a4ca;
}


.bg-noir,.bg-noir a,.bg-noir p,.bg-noir span,.bg-noir b,.bg-noir strong,.bg-noir h1,.bg-noir h2,.bg-noir h3,
.bg-vert,.bg-vert a,.bg-vert p,.bg-vert span,.bg-vert b,.bg-vert strong,.bg-vert h1,.bg-vert h2,.bg-vert h3,
.bg-bleu,.bg-bleu a,.bg-bleu p,.bg-bleu span,.bg-bleu b,.bg-bleu strong,.bg-bleu h1,.bg-bleu h2,.bg-bleu h3,
.bg-orange,.bg-orange a,.bg-orange p,.bg-orange span,.bg-orange b,.bg-orange strong,.bg-orange h1,.bg-orange h2,.bg-orange h3,
.bg-presale,.bg-presale a,.bg-presale p,.bg-presale span,.bg-presale b,.bg-presale strong,.bg-presale h1,.bg-presale h2,.bg-presale h3,
.bg-rose,.bg-rose a,.bg-rose p,.bg-rose span,.bg-rose b,.bg-rose strong,.bg-rose h1,.bg-rose h2,.bg-rose h3,
.bg-hortensia,.bg-hortensia a,.bg-hortensia p,.bg-hortensia span,.bg-hortensia b,.bg-hortensia strong,.bg-hortensia h1,.bg-hortensia h2,.bg-hortensia h3,
.bg-jaune,.bg-jaune a,.bg-jaune p,.bg-jaune span,.bg-jaune b,.bg-jaune strong,.bg-jaune h1,.bg-jaune h2,.bg-jaune h3,
.bg-rouge,.bg-rouge a,.bg-rouge p,.bg-rouge span,.bg-rouge b,.bg-rouge strong,.bg-rouge h1,.bg-rouge h2,.bg-rouge h3
.bg-jauneplus,.bg-jauneplus a,.bg-jauneplus p,.bg-jauneplus span,.bg-jauneplus b,.bg-jauneplus strong,.bg-jauneplus h1,.bg-jauneplus h2,.bg-jauneplus h3{
	color:#ffffff;
}


/* /// WIDTH FLEX & CO /// */
.flexblock{
	display:flex;
}
.flexreverse{
	flex-direction:row-reverse;
}
.items-center{
	align-items:center;
}
.items-end{
	align-items:flex-end;
}
.items-start{
	align-items:flex-start;
}
.justif-center{
	justify-content:center;
}
.justif-evenly{
	justify-content:space-evenly;
}
.justif-between{
	justify-content:space-between;
}
.wrap{
	flex-wrap:wrap;
}
.midwidth{
	width:46%;
}
.midwidth-plus{
	width:62%;
}
.un-tiers{
	width:36%;
}
.deux-tiers{
	width:66%;
}
.un-quart{
	width:21%;
}
.trois-quart{
	width:71%;
}
.midwidth,
.un-tiers,
.deux-tiers,
.un-quart,
.trois-quart{
	margin:20px 2%;
}
section.all,
footer#footer{
	width:90%;
	max-width:1100px;
	margin:50px auto;
}
.center{
	text-align:center;
}

/* boutons */
a.bta{
	border: none;
    padding: 10px 20px;
    border-radius: 50px;
    width: fit-content;
    display: block;
    margin: 20px auto;
	font-weight:500;
	transition:0.4s;
}
a.bta:hover{
	transition:0.4s;
	background-color:#1d1d1b;
}
div.pdf a{
	padding: 10px 20px;
    width: fit-content;
    display: block;
    margin: 20px 25px 20px 0;
	font-size:1rem;
	font-weight:500;
	transition:0.4s;
	border:1px solid #1d1d1b;
}
div.pdf a:hover{
	cursor:pointer;
	transition:0.4s;
	background-color:#1d1d1b;
	color:#ffffff;
}








div#page{
	overflow:hidden !important;
	padding:20px;
}



/* ----- HEADER -----*/
div.header-top a{
	font-size:0.8rem;
}
figure#logo-page{
	display:block;
	margin:30px auto;
	text-align:center;
}
figure#logo-page img{
	text-align:center;
	max-width:210px;
}

/* ----- CONTENU ----- */
h2{
	margin-top:90px;
}
h3 span{
	display:inline-block;
	width:25px;
	height:25px;
	border-radius:25px;
	text-align:center;
	margin-right:15px;
	font-weight:600;
	font-size:1.1rem;
}
h3{
	font-size:1.1rem;
	font-weight:500;
	margin:10px 0 15px 0;
}
h3:hover{
	cursor:pointer;
	transition:0.4s;
}

h2.inline{
	display:flex;
	align-items:center;
}

h2.inline figure img{
	width:40px;
	margin-right:15px;
}




div#tabs{
	padding: 20px 0;
	border-top: 1px solid #1d1d1b;
	border-bottom: 1px solid #1d1d1b;
	margin:30px 0;
}
div#tabs ul li{
	text-align:center;
}
div#tabs ul li img{
	display:block;
	width:80px;
	margin:10px auto 0 auto;
	text-align:center;
}

div#tabs ul li a{
	font-family: "Righteous", sans-serif;
	display:block;
	margin:10px auto;
	text-transform: uppercase;
	font-size:1.2rem;
}

/* accordion */
span.ui-accordion-header-icon{
	display:none; 
}
div.ui-accordion-content{
	margin: 15px auto 70px 15px;
    padding-left: 25px;
}
div.pdf{
	justify-content:flex-start;
}
div.ui-accordion-content.border-pepites{
	border-left: 1px solid #f8ae22;
}
div.ui-accordion-content.border-balades{
	border-left: 1px solid #a8c28e;
}
div.info{
	margin:15px 0;
}
div.info p,
div.info a,
div.info b,
div.info span,
div.info strong{
	font-size:0.85rem;
	font-style:italic;
}
div.info p span,
div.info b{
	color:#a8c28e;
}
div.info p span{
	font-style:normal;
}

div.meta aside img,
aside.meta-pepite img,
img.picto{
	width:22px;
	height:auto;
	margin-right:10px;
}

span.nb.bg-jauneplus{
	color:#ffffff;
}
span.nb{
	line-height:1.6;
}


/* suggestions */
section.all.suggestions{
	padding:50px 0;
	border-top:1px solid #129f8a;
	border-bottom:1px solid #129f8a;
}
section.suggestions p{
	font-size:1.1rem;
}





/* ----- FOOTER -----*/
footer,
footer p,
footer a,
footer b,
footer strong{
	font-size:0.7rem;
	text-align:center;
}

figure#logo-footer{
	width:110px;
	margin:20px auto;
}



/* ////////////////////////////////////// RESPONSIVE /////////////////////////////////////// */
@media screen and (max-width: 700px){
	.pdf.flexblock{
		display:block;
	}
	.pdf .flexblock a{
		padding:5px 8px;
		margin:20px 0;
	}
	section.all{
		width::100%;
	}
	div.ui-accordion-content{
		margin-left:10px;
	}
	aside.items-center.meta-pepite{
		align-items:baseline;
	}
	div#tabs ul{
		display:block;
	}
	div#tabs ul li{
		width:90%;
		margin:20px 5% 30px 5%;
	}
	
	
}