p {
	line-height: 1.3em; 
	margin: 0; 
	font-family: 'Lato'; 
	font-size: 20px;
	color: white;
}


.discipline {
	width: 100%;	
}

.olympique {
	width: 45%;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
}

.paralympique {
	width: 45%;
	float: right;
	box-sizing: border-box;
	cursor: pointer;
}

.olympique img, .paralympique img {
	width: 100%; 
	max-width: 100%;
	box-sizing: border-box;
	height: 250px;
	object-fit: cover;
	object-position: center;
}



.escrime_olym {
	margin-top: 400px;
}


.sections {
	width: 100%;
}


.ligne1, .ligne2 .ligne3 {
    width: 100%;
}

.categories, .competitions, .loisir, .aufeminin {
	background-size: cover;
	background-position: center;
	width: 24%;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
	margin-left: 10px;
	height: 250px;
	align-items: center;
}

.l1_col1, .l1_col2, .l1_col3 {
	background-size: cover;
	background-position: center;
	width: 30%;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
	margin-left: 30px;
	height: 250px;
	align-items: center;
}

.l2_col1, .l2_col2, .l2_col3, .l3_col1, .l3_col2, .l3_col3 {
	background-size: cover;
	background-position: center;
	width: 30%;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
	margin-left: 30px;
	margin-top: 50px;
	height: 250px;
	align-items: center;
}



.cat_contenu, .compet_contenu, .loisir_contenu, .feminin_contenu, .eveil_contenu, .m7_contenu, .m9_contenu, .m11_contenu, .m13_contenu, .m15_m17_contenu, .m20_sen_vet_contenu, .aufem_contenu {
	display: flex;
	align-items: center;
	justify-content: center;

	height: 250px;
	background-size: cover;
	background-position: center;
	
	text-decoration: none;
}


.cat_contenu {
	background-image: url("..img/activites/categories.jpeg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.compet_contenu {
	background-image: url("../img/activites/competition.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.loisir_contenu {
	background-image: url("../img/activites/no_image.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.feminin_contenu {
	background-image: url("../img/activites/no_image.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.eveil_contenu {
	background-image: url("../img/activites/no_image.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.m7_contenu {
	background-image: url("../img/activites/no_image.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.m9_contenu {
	background-image: url("../img/activites/M9.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.m11_contenu {
	background-image: url("../img/activites/M11.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.m13_contenu {
	background-image: url("../img/activites/M13.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.m15_m17_contenu {
	background-image: url("../img/activites/no_image.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.m20_sen_vet_contenu {
	background-image: url("../img/activites/no_image.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.aufem_contenu {
	background-image: url("../img/activites/no_image.jpg");
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.cat_contenu span, .compet_contenu span, .loisir_contenu span, .feminin_contenu span, .prat_contenu span, .eveil_contenu span, .m7_contenu span, .m9_contenu span, .m11_contenu span, .m13_contenu span, .m15_m17_contenu span, .m20_sen_vet_contenu span, .aufem_contenu span {
	align-items: center;
	font-size: 2rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

.categories a, .competitions a, .loisir a, .aufeminin a, .pratiques a {
	text-decoration: none;
}


.escrime_para {
	margin-top: 400px;
}

.pratiques {
	background-size: cover;
	background-position: center;
	width: 24%;
	box-sizing: border-box;
	cursor: pointer;
	margin-left: 450px;
	height: 250px;
	align-items: center;
}

.prat_contenu {
	display: flex;
	align-items: center;
	justify-content: center;

	height: 250px;
	background-image: url("../img/activites/no_image.jpg");
	background-size: cover;
	background-position: center;
	
	text-decoration: none;
}

.retour {
	float: left;
	cursor: pointer;
}

.gallery_l1 {
    width: 100%;
	height: 260px;
	/*border-style: solid;
	border-color: red;*/
}

.gallery_ln {
    width: 100%;
	height: 260px;
	margin-top: 30px;
	/*border-style: solid;
	border-color: green;*/
}

.gallery {
	background-size: cover;
	background-position: center;
	width: 30%;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
	margin-left: 30px;
	height: 250px;
	align-items: center;
}


.gallery img{
	width: 100%; 
	max-width: 100%;
	box-sizing: border-box;
	height: 250px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}


.escrime_intro {
	margin-bottom: 30px;
}

.escrime_intro p {
	line-height: 1.3em; 
	margin: 0; 
	font-family: 'Lato'; 
	font-size: 20px;
}






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

/* Très petits écrans (jusqu'à 480px) */
/*@media screen and (max-width: 480px) {

}*/


/* Mobiles (jusqu'à 767px)  -  RED */
@media screen and (max-width: 767px) {
	.gallery_l1, .gallery_ln {
		width: 100%;
		margin-left: 0;
	}
	
	.gallery {
		width: 80%;
		margin-bottom: 30px;
	}
}


/* Mobile landscape (768px - 1024px)  -  PURPLE */
@media screen and (min-width: 768px) and (max-width: 959px) and (orientation: landscape) {
	.gallery_l1, .gallery_ln {
		width: 100%;
	}
	
	.gallery {
		width: 30%;
		margin-bottom: 30px;
		margin-left: 13%;
	}
}


/* Tablettes Portrait (768px - 959px)  -  GREEN */
@media screen and (min-width: 768px) and (max-width: 959px) and (orientation: portrait) {
	.gallery_l1, .gallery_ln {
		width: 100%;
		margin-top: 0;
	}
	
	.gallery {
		width: 30%;
		margin-bottom: 30px;
		margin-left: 13%;
	}
}


/* 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) {

}