/* Master CSS file */
/* reset.css, copied from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* 1em = 10px */
html body {
	font-size: 62.5%;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
 * structure.css: contains the structural markup, i.e. the basic lay-out 
 */

body
{
	background-color: #0055a4;
}

#container
{
	width: 90em;
	min-height: 58.3em;
	overflow: auto;
	margin: 1em auto 0 auto;
	background-color: #b6d4e5;
	background-image: url(../img/france.png);
	background-repeat: no-repeat;
	background-position: 24.5em 16em;
	position: relative;
}

/* positioning scheme */
#header, #left, #content
{
	float: left;
}

#header
{
	height: 16em;
	width: 66em;
	margin-top: 2em;
}

#left, #content
{
	height: auto;
}

#header, #left
{
	margin-left: 2em;
}

#left
{
	width: 19em;
}

#right
{
	float: right;
	width: 20em;
	margin-top: 2em;
	height: 56em;
}

#content
{
	width: 47em;
}


/*
 * main.css: contains the basic styles for the content
 */

body {
	font-family: "Trebuchet MS", Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #0055a4;
}

/* Content markup*/
h1
{
	font-size: 180%;
	margin-bottom: 1.2em;
}

h2
{
	font-size: 150%;
	font-weight: bold;
	margin-top: 2.3em;
	margin-bottom: 1em;
}

strong
{
	font-weight: bold;
}

em
{
	font-weight: bold;
	font-style: italic;
}

a:link, a:visited, a:active {
	color: #0055a4;
	text-decoration: underline;
}

a:hover {
	color: #E60000;
	font-weight: bold;
}

blockquote
{
	font-style: italic;
}

#right img 
{
	margin-top: -1.7em;
}

#flags
{
	margin-top: 0.8em;
}

.flag
{
	padding-right: 0.5em;
}


p, legend, label, input, textarea 
{
	font-size: 140%;
	margin-bottom: 1em;
	font-family: "Trebuchet MS", Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0055a4;
}

legend
{
	font-weight: bold;
	margin-bottom: 0.5em;
}

.ie7 legend, ie6 legend
{
	margin-left: -0.75em;
}

textarea, input
{
	background-color: #e2ebf0;
	border: 1px solid #E60000;
	margin-bottom: 1em;
}

textarea
{
	width: 100%;
}

fieldset label
{
	float: left;
	width: 7em;
}

input
{
	float: right;
	width: 25em;
}

.required-mark
{
	color: #E60000;
	font-size: 110%;
	font-weight: bold;
}

.button-group input
{
	float: none;
	width: 5em;
	background-color: #E60000;
	font-family: "Trebuchet MS", Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	border: 1px solid #0055a4;
}

/* Styling and (hover) behaviour of the menu */

/* General layout:
 * - same offset (from top), color, font and line-height as p(aragraphs)
 * - display link as block and no underlining
 */
#nav
{
	font-size: 140%;
	line-height: 200%;
}

/* IE6: compensate for its block + meaningless white space handling */
.ie6 #nav
{
	padding-top: 14px;
}


.ie6 #nav li
{
	padding-top: 0px;
	margin-bottom: -8px;
}

.ie6 #nav li li
{
	padding-top: 8px;
	margin-bottom: -8px;
}

#nav a
{
	display: block;
	text-decoration: none;
}

/* Active behaviour:
 * - only display submenus for active item
 * - reverse colors for active and hovered menuitems
 */
#nav ul ul
{
	display: none;
}

#nav ul.open
{
	display: block;
}

#nav a:hover, #nav li.active span 
{
	color: #ef4135;
	font-weight:  bold;
}


/*
 * hcard.css: styling the hcard information
 */

/* copied from .p */
.vcard {
	font-size: 140%;
}

/* default newline for all address elements */ 
.vcard span {
	display: block;
}

/* but not for value and describing elements and place postal-code and locality on 1 line as well */ 
.vcard .desc, .vcard .value, .vcard .postal-code, {
	display: inline;
}

/* some white space before portable number and before email */
.vcard .country-name, .vcard .n {
	margin-bottom: 1em;
}

.vcard .email {
	margin-top: 1em;
}

.ie6 .vcard .email {
	margin-top: 0;	/* remove empty line that ie6 plots */
}

/* strong org*/
.vcard .org {
	font-weight: bold;
}

/* address elements that we do not show */
.vcard .extended-address, .vcard .logo, .vcard .type, .vcard .street-address, .vcard .postal-code, .vcard .locality, .vcard .country-name, .vcard .url, .vcard .region {
	display: none;
}

.vcard .fr {
	visibility: hidden;
	line-height: 0;
}

/* address elements that we do not show in the short version */
.short .vcard .fn, .short .vcard .adr, .short .vcard .cell , .short .vcard .desc {
	display: none;
}

/* no empty lines in short version */
.short .vcard .email {
	margin-top: 0;
}

.ie6 .short .vcard .email {
	margin-top:-1.3em;	/* remove empty line that ie6 plots */
}



/* Print CSS style
 *
 * - Do not print menu, news and footer
 * - Widen main part to full width
 * - print headers and text in black
 * - display images inline (so 2 maps will display alongside each other)
 * - do not print the + or - sign from collapsible panels, but do print their contents
 * - do not display language links, but do display the active language flag
 */
@media print {

#nav, #news, #footer, .noprint, #flag a {
	display: none;
}

body {
	background-image: none;
}

body, h1, a, a:visited {
	color: black;
	background-color: transparent;
}

#main {
	width: 800px;
}

#flag .activeLang {
	display: inherit;
}

h1, h2, p {
	padding-left: 0;
}

#main table {
	font-size: 100%;
}

img.paragraph {
	display: inline;
}

.questionClosed, .questionOpen {
	padding-left: 0;
}

.questionClosed {
	background-image: none;
}

.questionOpen {
	background-image: none;
}

.answerClosed {
	display: block;
}
}