h1 {
	font-size: 18px;
	font-family: Bahnschrift;
	color: white;
}

h2 {
	text-decoration: underline;
	font-size: 22px;
	font-family: roboto;
		text-align: center;
}

h3 {
	font-family: roboto;
	font-style: italic;
	font-weight: lighter;
	font-size: 14px;
		text-align: center;
}
p {
	text-align: center;
}

.button {
	border: none;
	border-radius: 10px;
	background-color: rgb(222, 129, 30);
	font-family: roboto;
	font-size: 24px;
	color: white;
	padding: 10px 30px 10px 30px;
	margin-bottom: 20px;
	transition-duration: 0.5s;
	}

.hover:hover {
	 background-color: rgb(219, 69, 27);
 	 color: white;
}

#paiement {
	width: 60%;
	height: 70%;
	
}

#prix {
	font-family: roboto;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
}

#TTC {
	font-size: 18px;
	font-family: roboto;
	margin-top: -30px;
}

#header {
	border-bottom: solid ;
	border-radius: 10px 10px 0px 0px ;
	padding-top : 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	background-color: rgb(62, 80, 98);
}


.centre {
	text-align: center;
}



@media (max-width: 700px){
.table thead {
display: none;
}
table tr{
display: block;
margin-bottom: 40px;
}
table td {
display: block;
text-align: right;
width: 100% !important;
text-align: center;
}
table td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
}