/* page style e.g. Mission, News... */

html {
	padding: 0;
	margin: 0;
}
body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;/* Google Font PT sans narrow */
	color: #FFFFFF;
	font-size: 1.05em;
	font-weight: normal;
	line-height: 1.4em;
}
div, span, form, textarea, input, p, h1, h2, h3, h4, h5, h6, a, img, section, header, footer, article, nav, iframe, audio, video, iframe { /* 23/07/18 I removed ul, ol, li  */
	position: relative;
	display: inline-block;
}
.infoText {
	width: auto;
	height: auto;
	font-size: 0.75em;
	line-height: 1em;
	font-weight: normal;
	white-space: pre-line;
	letter-spacing: -0.2px;
	text-align: left;
}
.paragraph {
	width: 100%;
	height: auto;
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: normal;
}
/* global classes */
.radius {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.recaptcha {
	float: left;
	clear: both;
}
.posr {
	position: relative;
}
.posa {
	position: absolute;
}
.boxSizing {
	-webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;/* Firefox, other Gecko */
	box-sizing: border-box;/* Opera/IE 8+ */
}
.borderRadius {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
#wrapper { /* more for responsive design */
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: center;
}
	#main {
		width: auto;
		height: auto;
		text-align: left;/* not center in this page */
		margin-left: 35px;/* specific to this page */
	}
		.pageField {
			width: 70%;
			height: auto;
			text-align: left;
			color: #FFFFFF;
			white-space: pre-line;
			padding-bottom: 25px;			
		}
		#Title {
			font-weight: normal;/* 14/07/18 because h2 is bold by default */
			margin: 35px 0px 10px 0px;/* 14/07/18 because 'pageField' has bigger one */
		}
		#Text {
			height: auto;
			padding: 0px 0px 35px 0px;/* 14/07/18 nicer */
		}
		/* used in xml */
		.subTitle { /* for 'h3' title in text */
			font-weight: normal;
			margin: 0px 0px 5px 0px;
		}
		.listBlock { /* for ul and ol */
			margin: -18px 0px -18px 0px;
		}
			.listRow { /* for <li> */
				margin-left: -14px;
			}
		/* ~~~ more specific to this page ~~~ */
		.pageElement {
			width: 70%;
			height: auto;
			text-align: left;
		}
		.pageField {
			
		}
		#header {
			margin-top: 10px;
			margin-bottom: -10px;
		}
		/* php form */
		p {
			margin: 0px;
			padding: 0px;
		}
		.label {
			float: left;
		}
		.warn {
			color: red;
			margin: -15px 0px 0px 4px;
		}
		.formPart {
			float: left;
			clear: left;
		}
		.inputField {
			display: inline-block;
			border: 1px solid #663300;
			margin-left: 3px;
			margin-bottom: 1px;
			padding-left: 2px;
			text-align: left;
		}
		.question {
			margin: 3px 0px 10px 0px !important;
		}
		.formSend {
			margin-top: -18px;
			margin-bottom: 2px;
		}
		#details {
			margin-top: 20px;
			margin-bottom: 30px;/* 20/07/18 instead of 10 */
		}
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */