.slogan {
		color: #1E6F8A;
		text-align: center;
		font-weight: bold;
		font-size: 64px;
		margin-left: 200px;
		position: relative;
	}
	.slogan_creol {
		text-align: center;
		position: relative;
		transform: rotate(-4deg);
		font-size: 32px;
		font-family: 'Rock Salt', cursive;
		margin: 0 20px 0 800px !important;
		top: -20px;
	}
	.intro {
		display: flex;
		margin: 0 5%;
	}
	.intro_gauche {
		background: radial-gradient(circle, #1e6f8a 250px, transparent 101px);
		padding: 50px;
		top: -120px;
		position: relative;
	}
	.intro_gauche img {
		top: 40px;
		position: relative;
	}
	.intro_droite {
		display: flex;
		flex-direction: column;
		margin: 0 180px;
		font-size: 30px;
		text-align: justify;
	}
	.intro_droite p {
	}
	.btn-rond {
		width: 250px;
		height: 250px;
		background-color: #1E6F8A;
		color: white;
		border: none;
		border-radius: 63%;
		cursor: pointer;
		font-weight: bold;
		margin-left: auto;
		margin-bottom: auto!important;
		margin-top: 50px;
		margin-right: auto !important;
		padding: 40px;
		font-size: 36px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.btn-rond:hover {
		background-color: #155466;
	}
	.guard-modal-overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  margin-top: 145px;
	  background: rgba(0,0,0,0.6);
	  z-index: 9999;
	  height: calc(100% - 120px);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.guard-modal-content {
	  background: #fff;
	}
	.guard-close {
	  margin-top: 1rem;
	  background: #444;
	  color: white;
	  border: none;
	  padding: 0.5rem 1rem;
	  cursor: pointer;
	}