#profil {

	display: flex;
	margin-top: 10%;
	
}

#profil h3 {

	margin-bottom: 0.5em;
}

#tb_smartphone {

	display: none;
}

#profil span {

	background-color: var(--gray);
	width: 100%;
	display: flex;
	padding-bottom: 6%;
}

#profil img {

	width: 57%;
    height: auto;
    object-fit: cover;
}

hr {

	height: 2px;
	background-color: var(--black);
	border: none;
	width: 56%;
    margin-left: 0;
}

#profil_b1 hr {

	margin-top: 7%;
    margin-bottom: 9%;
}

#profil span div {

	width: 40%;
	margin-left: 5%;
	margin-top: 10%;
}

#profil_b2 .reseaux_sociaux {

	margin-left: 0;
	justify-content: flex-start;
	margin-top: 21%;
	margin-bottom: 12%;
}

#profil_b2 .reseaux_sociaux a {

	width: 15%;
	margin-left: 0;
}

#profil_b2 .button {

	padding-left: 125px;
    padding-right: 125px;
    width: 33%;
    justify-content: center;
}

@media all and (max-width: 1280px) {

	#profil_b2 .button {

		padding-left: 30%;
		padding-right: 30%;
		width: 42%;
	}
}

@media all and (max-width: 1024px) {

	#profil_b2 .button {

		padding-left: 21%;
	    padding-right: 21%;
	    width: 48%;
	}

	#profil img {

		width: 38%;
	}

	#profil span div {

		width: 44%;
		margin-top: 5%;
	}

	#profil_b2 .reseaux_sociaux a {

		width: 28%;
	}

	#profil_b2 .reseaux_sociaux {

		margin-top: 24%;
	}
}

@media all and (max-width: 960px) {

	#profil_b2 .button {

		padding-left: 15%;
		padding-right: 15%;
		width: 58%;
	}
}

@media all and (max-width: 768px) {

	#profil_b2 .reseaux_sociaux {

		margin-top: 33%;
	}

	#tb_desktop {
		display: none;
	}

	#tb_smartphone {

		display: block;
	}

	.reseaux_sociaux #tb_smartphone {
		display: none;
	}

	.reseaux_sociaux #tb_desktop {

		display: block;
	}

	#profil {

		flex-direction: column;
		width: 100%;
	}

	#profil #tb_smartphone {

		width: 100%;
	}

	#services .button {

		width: 20%;
	}

}

@media all and (max-width: 480px) {

	#profil_b2 .button {

		width: 34%;
		margin-left: auto;
		margin-right: auto;
	}

	.reseaux_sociaux #tb_desktop {
		display: none;
	}

	.reseaux_sociaux #tb_smartphone {

		display: block;
	}

	#profil span div {

		width: 90%;
		margin: auto;
	}

	#profil span {

		flex-direction: column;
		text-align: center;
	}

	#profil_b1 hr {

		margin-left: auto;
	}

	#profil .reseaux_sociaux {

		flex-direction: row;
		width: 81%;
		margin-bottom: 8%;
	}

	#profil_b2 .reseaux_sociaux {

		margin-top: 0;
	}
}

@media all and (max-width: 414px) {

	#profil_b2 button {

		width: 34%;
	}
}

@media all and (max-width: 380px) {

	#profil_b2 .button {

		width: 35%;
	}
}

@media all and (max-width: 321px) {

	#profil_b2 .button {

		width: 39%;
	}
}