#VAVLE_main {
	background-color: #fff;
	color-adjust: exact;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}

.fullwidthtool #VAVLE_main #titrePage {
	display: none;
} 

#VAVLE_main h3 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.692307692307692em;
	color: #3c3c3c;
	margin: 1.5em 0 0.5em 0;
}

#VAVLE_main h4 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.538461538461538em;
	color: #787f86;
	margin: 1em 0 0.5em 0;
}

#VAVLE_main .intro {
	margin: 2em 0 1em 0;
}

.results {
	margin: 1em 0;
}

.results .resultsTable {
	width: 100%;
	overflow: auto;
}

.results table {
	border: 1px solid #e5e5e5;
	border-collapse: collapse;
	width: 100%;
}

.results table td, .results table th {
	padding: 0.5em 0.5em;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
}

.results table>thead>tr>th {
	background-color: #3c3c3c;
	color: #e5e5e5;
	font-weight: bold;
	text-transform: uppercase;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	text-align: center;
}

.results table td.value {
	text-align: right;
}

#vavle0to1 table td.value {
	width: 8em;
}

#vavle-header {
	margin: 1em 0 2em 0;
}

#vavle-footer {
	margin: 2em 0 0 0;
}

#vavle-frequency {
	text-align: right;
}

#vavle-form {
	margin: 1em 0;
}

#vavle-form>.fieldWrapper {
	display: inline-block;
	margin: 0.4em 2em 1em 0;
	vertical-align: top;
}

#vavle-form>.fieldWrapper:last-child {
	margin-right: 0;
}

#vavle-form>.fieldWrapper>label {
	display: block;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}

#vavle-form>.fieldWrapper>.field>label {
	margin: 0 0.5em 0 0;
	display: inline-block;
}

#vavle-form>.fieldWrapper>.field>label:last-child {
	margin-right: 0;
}

/* --- Unités de fréquence --- */
#VAVLE_main .switch-field {
	display: flex;
	overflow: hidden;
}

#VAVLE_main .switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

#VAVLE_main .switch-field label {
	background-color: #e5e5e5;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 3px 4px;
	margin-right: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	transition: all 0.1s ease-in-out;
	width: 30px;
	border-radius: 10px;
}

#VAVLE_main .switch-field label:hover {
	cursor: pointer;
}

#VAVLE_main .switch-field input:checked+label {
	background-color: #555;
	box-shadow: none;
	color: white;
}

/* --- ACTIONS --- */
#vavle-form .action {
	display: inline-block;
	margin: 0 0 0.7em 0;
	-webkit-print-color-adjust: exact;
	text-align: left;
}

#vavle-form .action.hidden {
	display: none !important;
}

#vavle-form .boutonAction {
	padding: 8px 10px;
}

#vavle-form .action>a {
	display: inline-block;
}

#vavle-form .action>a>span {
	display: table-row;
	text-decoration: none !important;
}

#vavle-form .action>a>span>span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#vavle-form .action:hover>a>span>span {
	text-decoration: underline;
}

#vavle-form .action:hover>a.disabled>span>span {
	text-decoration: none;
}

#vavle-form .action>a>span>i {
	display: table-cell;
	width: 1px;
	vertical-align: middle;
	font-size: 1.2em !important;
	padding: 0 0.3em 0 0;
}

#vavle-form .action>a.iconRight>span>i {
	padding: 0 0 0 0.3em;
}

#vavle-form .action>a span.small {
	font-weight: normal;
	font-size: 0.9em;
}

/* Lien d'action */
#vavle-form .actionLink {
	vertical-align: middle;
	/*color:#b0273e;*/
}

#vavle-form .actionLink>i {
	font-size: 1.4em;
	vertical-align: middle;
	margin: 0 0.1em 0 0;
}

#vavle-calculate {
	font-size: 1.2em;
	position: relative;
	top: 0.5em;
	margin: 0;
}

#vavle-calculate i:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAHFJREFUSMftlUEOgCAMBKvxcRL//wHKP8aLnkSgRtJo2FtDw2R3ExD5pYANSLRLgWABqOHyU9ECAOCN/bl33N8HLKVDSw9uDoqA6VDr7OIgS3+afc7N6KCq0YF/B3eAJHJ95yuzNlOBYPzVIrD2TsNHO/e/2dwy8fsSAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTA2LTE3VDA4OjMyOjI0KzAwOjAwQu9jFQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wNi0xN1QwODozMjoyNCswMDowMDOy26kAAAAodEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL3RtcC9tYWdpY2stN2FxM244MG9eqXiqAAAAAElFTkSuQmCC);
}

div.large {
	display: block;
}

div.narrow {
	display: none;
}

@media screen and (max-width :599px) {
	div.large {
		display: none;
	}
	div.narrow {
		display: block;
	}
}

@media screen and (max-width :480px) {
	#VAVLE_main h3 {
		font-size: 1.46153846153846em;
	}
	#VAVLE_main h4 {
		font-size: 1.38461538461538em;
	}
	#VAVLE_main .results table {
		font-size: 0.9em;
	}
}

.rotateDeviceTip {
	margin: 1em 0;
	color: #129f9f;
	display: none;
}

@media screen and (max-width:550px) and (orientation: portrait) {
	.rotateDeviceTip {
		display: block;
	}
}

@media print {
	.rotateDeviceTip {
		display: none;
	}
}