html,body {
	margin: 0;
	background: linear-gradient(180deg, grey, white);
	font-size: 1.1em;
	width: 100%;
	min-height:100vh;
}

a {
	text-decoration: none;
	color: blue;
}

a:hover {
	color: #6B6BFF;
}

a.bouton {
	background-color: blue;
	border: solid black 1px;
	color: white;
	padding: 10px 24px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 10px;
	font-size:1.3em;
}

a.bouton:hover {
	background-color:#00ACFF;
	font-weight: bold;
}

input[type=submit] {
	background-color: blue;
	border: solid black 1px;
	color: white;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	border-radius: 10px;
	font-size:1.1em;
}

input[type=submit]:hover {
	background-color: #00ACFF;
	border: solid black 1px;
	color: white;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	border-radius: 10px;
	font-size:1.1em;
}

h1 {
	text-align: center;
	margin: 0;
}

h2 {
	margin:0;
	color: #575757;
}

h3 {
	margin:0;
	font-size: 1.2em;
	color: #575757;
}

h4{
	margin:0;
}

#global {
	margin: 0 auto 0 auto;
	padding: 15px;
	width: 970px;
	text-align: justify; 
	min-height: calc(100vh - 200px);
	background-color: white;
}

#haut {
	/*background-image: url('images/banniere.jpeg');*/
	width: 1000px;
	height: 200px;
	margin: 0 auto 0 auto;
}

#signature {
	font-size: 0.8em;
	text-align:right;
}

#message {
	font-size: 1.1em;
	color: red;
	font-weight: bold;
	font-style: italic;
	
}

#avertissement {
	color: red;
	font-size: 0.9em;
	font-style: italic;
	display: inline;
}

/*Pages paiement par carte*/
#payer {
	width: 48%;
	float: left;
	height: 250px;
	text-align: center;
	margin-right: 2%;
}

#cadre_payer {
	background-color: #ebf5fb;
	width: 100%;
	height: 100%;
}

.container {
	border: solid black 1px;
	padding: 25px;
}

#revoir_infos {
	width: 50%;
	float: left;
}

/*Le bouton pour payer par carte*/

#lien_payer {
  background-color: blue;
  width: 400px;
  border-radius: 10px;
  color: white;
  border: 0;
  padding: 12px 16px;
  margin-top: 16px;
  font-weight: bold;
  font-size: 1.1em;
  transition: all 0.2s ease;
  cursor: pointer;
}
#lien_payer:hover {
  background-color:#00ACFF;
}
#lien_payer:active {
  transform: translateY(0px) scale(0.98);
  filter: brightness(0.9);
}

#annuler_ins {
	font-size: 0.9em;
}

/*Les étiquettes des formulaires*/
.a {
	display: inline-block;
	font-size : "typewriter", sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	margin-left: 5px;
}
form {
	text-align: left;
	width: 950px;
}

#civilite {
	width: 80px;
}

input[type="text"] {
	width: 250px;	
}

input[type="submit"] {
	width: 100px;
	margin-left: 5px;	
}

#ville {
	width: 600px;
}

#ville2 {
	width: 335px;
}

#email {
	width: 600px;
}

#autre2 {
	width: 235px;
}

#bahut {
	width: 550px;
}

#nom_collec {
	width: 300px;
}

#ville2 {
	width: 250px;
}

#mailg {
	width: 750px;
}

table,th,td {
	border: solid black 1px;
	border-collapse: collapse;
}

td,th {
	padding: 5px;
}

table tr.noborder td {
	border-top-style: hidden;
}