.center-image {
	width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.main-image {
    max-width: 90%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s ease;
	cursor: pointer;
}

.reglement_lien img {
	width: 20%;
}

.charte {
	margin-top: 100px;
}

.charte_lien img {
	width: 30%;
}

/*
.reglement {
	height: 300px;
	/*background-size: cover;
	background-position: center;*/
/*	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
	/*align-items: center;*/
/*	margin-left: 480px;
}

.charte {
	height: 300px;
	/*background-size: cover;
	background-position: center;*/
/*	width: 100%;
	box-sizing: border-box;
	/*cursor: pointer;*/
/*}

.reglement_contenu {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20%;
	height: 300px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.charte_contenu {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56%;
	height: 300px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 260px;
}

.reglement_contenu {
	background-image: url("../img/reglement.png");
}

.charte_contenu {
	background-image: url("../img/charte.png");
	border-radius: 30px;
    box-shadow: 0 30px 10px rgba(0, 0, 0, 0.3);
}

.reglement_contenu span {
	align-items: center;
	font-size: 2rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #E02687;
}

.charte_contenu span {
	align-items: center;
	font-size: 2rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

.reglement a, .charte a {
	text-decoration: none;
}*/




	

/* ===== RESPONSIVE DESIGN ===== */

/* Mobiles (jusqu'à 767px) | RED */
@media screen and (max-width: 767px) {
	.charte {
		margin-top: 50px;
	}
	
	.charte h2, .reglement h1 {
		margin-bottom: 10px;
	}
}


/* Mobile landscape (768px - 1024px) | PURPLE */
@media screen and (min-width: 768px) and (max-width: 959px) and (orientation: landscape) {
	.charte h2, .reglement h1 {
		margin-bottom: 10px;
	}
}


/* Tablettes Portrait (768px - 959px) | GREEN */
@media screen and (min-width: 768px) and (max-width: 959px) and (orientation: portrait) {
	
}


/* Tablettes Paysage (1024px - 2048px)  -  YELLOW */
@media screen and (min-width: 960px) and (max-width: 1599px) {
	
}


/* Support pour les écrans haute densité */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
}