/* Général */
html, body {
	max-width: 1024px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	margin-bottom: 40px;
	text-align: center;
	font-size: 1.8em;
	color: #4D4D4D;
}

p {
	font-size: .9em;
	padding-left: 15px;
}

hr {
	width: 98%;
	margin: 25px auto;
}
label,
td {
	font-size: .9em;
}
.radio label {
	margin-bottom: 0;
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  position: relative;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

/* Header */
header {
	text-align: center;
}
header img {
	width: 85%;
}

/* Header - Informations */
.label-inline {
	display: flex;
	justify-content: space-between;
	margin: 15px;
}
.label-header + label {
	padding: 3px 5px;
}

/* Message d'erreur */
div.alert-danger {
	max-width: 90%;
	margin: 35px auto 15px auto;
}

/* Formulaire - Général */
form {
	margin: 25px auto;
	max-width: 90%;
}

/* Formulaire - Tableau */
form .table {
	margin: 0 auto;
}
form .table th {
	font-size: .7em;
	text-align: center;
	color: #616161;
}
form .table th img {
	width: 100%;
}
form .table th {
	vertical-align: bottom;
}
form .table th:last-child span {
	display: inline-block;
	width: 100%;
}
form .table td {
	vertical-align: middle;
}
form .table td:first-child,
form .table td:last-child {
	text-align: center;
}
form .table td:first-child {
	width: 5%;
}
form .table td:nth-child(n+3) {
	width: 4%;
	text-align: center;
}

/* Formulaire - Tableau - Bordures */
form .table {
	border-collapse: separate;
	border-spacing: 0;
}
form .table th {
	border: none;
}
form .table th,
form .table tr:first-child > td {
	border-top: none;
}
form .table td:first-child {
	border-right: 1px solid #dee2e6;
}
form .table tr:nth-last-child(2) > td {
	border-bottom: 3px solid #dee2e6;
}
form .table tr:nth-child(n+1) td:nth-child(5) {
	border-left: 3px solid #dee2e6;
	border-right: 3px solid #dee2e6;
}
form .table tr:nth-child(1) td:nth-child(5) {
	border-top: 3px solid #dee2e6;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
form .table tr:last-child td:nth-child(5) {
	border-bottom: 3px solid #dee2e6;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* Formulaire - Remarques */
.remarques {
	margin: 50px 0;
}
.remarques textarea {
	width: 100%;
	min-height: 150px;
	border: 1px solid #BDBDBD;
	border-radius: 5px;
}

/* Formulaire - Référence */
.reference {
	margin-bottom: 50px;
}
.reference .radio{
	display: inline-block;
	margin-left: 50px;
}
.reference .radio label:first-of-type {
	margin-right: 50px;
}

/* Formulaire - Bouton */
input.btn {
	display: flex;
	margin-left: auto;
	padding: 8px 35px;
}

/* Pages d'infos */
.msg-content {
	text-align: center;
}
.msg-content .alert {
	display: flex;
	height: 160px;
	max-width: 720px;
	margin: 50px auto;
	font-size: 2.3em;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	color: #fff;
}
.msg-content p {
	padding: 0 15px; 
}
.msg-content p:first-of-type {
	font-size: 1.4em;
	margin-bottom: 50px;
}
.msg-content p:last-of-type {
	font-size: 1em;
}
.msg-content img {
	width: 100%;
}
.msg-content .img {
	display: inline-block;
	position: absolute;
	left: 50px;
	width: 50px;
}

/* Page - Envoyé */
.msg-content .alert-success {
	background-color: #58B957;
}

/* Page - Warning */
.msg-content .alert-warning {
	background-color: #efac43;;
}

/* Page - Erreur */
.msg-content .alert-danger {
	background-color: #db524c;
}
.msg-content button {
	padding: 10px 35px;
}