/* Form */
table, td, th{
	border: 0;
}
#caracteristiques table{
	border:1px solid rgba(255,255,255,0.25);
	width:100%;
}
#caracteristiques td{
	border: 0;
}
#caracteristiques td, th{
	padding: 2px 4px 2px 5px;
}
#caracteristiques tr:nth-child(odd){
  	background-color:rgba(255,255,255,0.25);
}
#caracteristiques th{
  	background-color:rgba(0,0,0,0.5);
	text-align: left;
	border: 0;
}
form{
	width: 50%;
	display: inline-block;
}
.contact{
	width: 48%;
	display: inline-block;
	vertical-align: bottom;
	text-align: right;
	padding-top: 4em;
	background-image: url("images/logo_blanc.png");
	background-size: auto 30%;
	background-repeat: no-repeat;
	background-position: right top;
}

form:after {
	content: '';
	display: block;
	clear: both;
	height: 1px;
}

form .field {
	position: relative;
	float: left;
	margin: 0 0 1.3em 0;
	vertical-align: top;
	width: 100%;
}
label{
	font-family: 'Orbitron',sans-serif;
}
form .half {
	width: calc(50% + 1em) !important;
	padding-left: 2em;
}

form .half.first {
	width: calc(50% - 1em) !important;
	padding-left: 0;
}

form :last-child {
	margin-bottom: 0;
}

form .half:nth-last-child(2) {
	margin-bottom: 0;
}

form .actions {
	position: relative;
	clear: both;
	padding-top: 1em;
}

input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background-color: transparent;
		border: none;
		border-radius: 0;
		border-bottom: solid 1px white;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0;
		text-decoration: none;
		width: 100%;
		font-size: 14px;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		select:focus,
		textarea:focus {
			border-bottom-color: #1F2833;
			box-shadow: inset 0 -1px 0 0 #1F2833;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: #c9c9c9;
			content: '\f078';
			display: block;
			height: 3em;
			line-height: 3em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 3em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select {
		height: 3em;
	}

	textarea {
		padding: 0;
		min-height: 3.75em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 300;
			padding-left: 2.55em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border-radius: 4px;
				border: solid 1px #c9c9c9;
				content: '';
				display: inline-block;
				height: 1.8em;
				left: 0;
				line-height: 1.725em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.8em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: black;
			border-color: black;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #1F2833;
			box-shadow: 0 0 0 1px #1F2833;
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

@media screen and (max-width: 736px) {

	form .half {
		width: 100% !important;
		padding-left: 0;
	}

	form .half.first {
		width: 100% !important;
		padding-left: 0;
	}

	form .half:nth-last-child(2) {
		margin: 0 0 1.3em 0;
	}
	.contact {
    width: 100%;
    text-align: center;
		background-position: center top;
	}
	form {
		width: 100%;
		display: block;
		margin-bottom: 3em;
	}
	form .actions {
    padding: 0;
    text-align: center;
	}
}