/*** PAGE DE L'ASSO AJ17 ***/


/* Nos valeurs */
.valeurs{
    margin: 5em 5%;
}
.valeurs__title{
    margin-bottom: 1rem;
}
.valeurs__text span{
    display: block;
    padding-top: 1rem;
    font-weight: 600;
}
.valeurs__content{
	margin-top: 5rem;
}
.valeur__title{
    position: relative;
    width: fit-content;
}
.valeur__title::after{
    top: 0.9rem;
    position: absolute;
    width: 110%;
    content: '';
    left: -5%;
    height: 1rem;
	background: #EAF5F7;
    z-index: -1;
}
.valeur__num{
	text-stroke: 1px #FF6600;
    -webkit-text-stroke: 1px #FF6600;
    color: #FFFFFF;
    font-size: 96px;
}
.valeur__text{
    padding-top: 1rem;
}
@media(min-width: 700px){
    .valeur__num{
        position: relative;
    }

    .valeurs .valeur {
        width: 30%; 
        position: relative;
    }
    /* Position : valeur 1 */
    .valeur--1{
        left: 50%;
        bottom: 7em;
    }
    .valeur--1 .valeur__num{
        left: 80%;
        top: 0.5em
    }
	.valeur--1::after{
		content: url(/wp-content/uploads/2023/02/bonhommes.svg);
		position: absolute;
		width: 7rem;
		right: -10rem;
		bottom: 0;
	}
    /* valeur 2 */
    .valeur--2{
        bottom: 13em;
        left: 10%;
    }
	.valeur--2::after{
		content: url(https://www.aubergesdejeunesse17.fr/wp-content/uploads/2023/01/panneaux.svg);
		position: absolute;
		width: 5.5rem;
		right: 2rem;
		top: -2rem;
	}
    /* valeur 3 */
    .valeur--3{
        bottom: 22em;
        left: 60%;
    }
    .valeur--3 .valeur__num{
        right: 20%;
        top: 0.2em;
    }
	.valeur--3::after{
		content: url(/wp-content/uploads/2023/02/cheers.svg);
		position: absolute;
		width: 10rem;
		left: -12rem;
		bottom: 0;
	}
}

/* Nos engagements */
.engagements{
    margin: 0 5%;
}
.engagements__title{
    text-align: center;
    margin-bottom: 1em;
}
.engagements__container{
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: center;
}
.engagement{
    width: 90%;
    margin: 1em;
}
.engagement__title{
    padding-bottom: 2rem;
    padding-left: 5em;
    position: relative;
}
/* Ajouter les pictos */
.engagement .engagement__title::before{
    position: absolute;
    top: -1rem;
    left: 0;
	width: 3.5em;
    height: 3.5em;
}
@media(min-width: 700px){
    .engagement{
        width: 40%;
    }
    .engagements{
        margin-top: -20em;
    }
}

/* Devenir membre */
.adhesion{
	margin: 0 5%;
	margin-top: 8em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.adhesion > div > *{
	margin-bottom: 1rem;
}
@media(min-width: 700px){
	.adhesion{
		justify-content: flex-start;
	}
	.adhesion > div{
		width: 60%;
		margin-right: 5rem
	}
}

/* Nos labels */
.labels{
    text-align: center;
    margin-top: 8em;
}
.labels__container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5em;
    gap: 2em;
}
.labels__label-img{
    height: 6em;
}