/* CSS Document */

.listePrestation h1 {
	font-family: 'Raleway', sans-serif;
	color: #009ee3;
	font-weight: bolder;
}
.listePrestation {
	list-style: none;
}
.listePrestation a {
	text-decoration: none;
}
.listePrestation li {
	text-align: center;
}
.listePrestation img {
	max-width: 100%;
	height: auto; 
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.listePrestation p {
	margin-bottom: 0px;
   
}

.exclusif {
	border: 4px dashed #000000;
}
.exclusif a {
	display: block;
	background-color: #ccff00;
	color: black;
	text-decoration: none;
	padding: 1.2rem;
	text-align: center;
}
.exclusif a:hover {
	background-color: #313131;
	color: #ccff00;
}
.exclusif h1 {
	font-family: 'Raleway', sans-serif;
	color: #009ee3;
	font-weight: bolder;
	text-align: center;
}



@media (min-width: 0px){

	.listePrestation {
		padding: 0px;
		padding-top: 3rem;
		padding-bottom: 3rem;
		margin: 0px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.listePrestation li {
		border: 4px dashed #000000;
		padding: 1rem;
		margin-bottom: 2rem;
	}
	.exclusif {
		width: 80%;
		margin: auto;
		margin-top: 2rem;
	}
	.exclusif a {
		margin-top: 2rem;
	}
	.exclusif {
		padding-bottom: 2rem;
	}

}
@media (min-width: 1024px){
	
	.listePrestation li {
		border: none;
		padding: 0px;
		width: calc(90% / 3);
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 6rem;
		
	}
	.listePrestation {
		width: 90%;

		display: flex;
		flex-wrap: wrap;
	}
	.listePrestation h1 {
		font-size: 1rem;
		display: block;
		border: 1px dashed #000000;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		border-radius: 1.5rem;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1rem;
		text-align: center;
		background-color: #FFFFFF;
		color: #313131;
		font-weight: normal;
		
	}
	.listePrestation p {
		font-size: 0.8rem;
		text-align: left;
	}
	
	.listePrestation li:hover h1 {
		background-color: #CCFF00;
		color: #313131;
	}
	
	
}