/* Page Mes tarifs */

#tarifs{
	background-image: url("/img/background_mestarifs.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	justify-content: start;
	align-items: center;
}
#tarifsligne{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	flex: 1;
}
.prix{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	margin: 2vh 2vw auto 2vw;
	width: 25vw;
	padding: 2vh;
	border-radius: 10%;
	background-color: var(--second-logo-color);
	max-height: 100%;
}
.prix .tarifstitre{
	background-color: var(--second-logo-color);
	color: var(--main-bg-color);
	text-align: center;
	font-size: 2.5vmin;
	font-weight: bold;
	margin-bottom: 1vh;
}
.prix .tarifsensavoirplus{
	padding: 1vw;
	border-radius: 10%;
	text-align: center;
	font-size: 2vmin;
	background-color: var(--second-bg-color);
	color: var(--second-logo-color);
	cursor: pointer;
}

.prix .tarifsinteresse{
	padding: 1vw;
	border-radius: 10%;
	text-align: center;
	font-size: 2vmin;
	background-color: var(--second-bg-color);
	color: var(--second-logo-color);
	cursor: pointer;
	max-height: 70%;
}
.prix .tarifsdetail{
	color: var(--main-text-color);
	font-size: 1.7vmin;
}

#tarifscolonne{
	padding: 0.5vh 3vw 0.5vh 3vw;
	margin: 1vh auto 5vh auto;
	border: 1px solid var(--main-text-color);
	border-radius: 10px;
	box-shadow: 10px 5px 5px var(--main-text-color);
	text-align: center;
	font-size: 2.5vmin;
	font-weight: bold;
	color: var(--main-text-color);
	background-color: var(--second-bg-color);
}
	
@media screen and (max-width: 576px) 
{

}

@media screen and (min-width: 576px) 
{
 
}

@media screen and (min-width: 768px) 
{

}

@media screen and (min-width: 1024px) 
{

}