/* Fichier http://www.mda-be.org/style/splashpage.css créé par Saxon (basé sur mda.xml et mda.xsl) */
			/* Version : 20101206 */

			 
			.globalindex_maincontainer {
				text-align: center;
				width: 760px;
				margin: 0 auto;
				position: relative; 
				background: white;
/*
				border-left: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
*/
				min-height: 200px;
				height: auto !important;
				/*
				filter:alpha(opacity=100);
				-moz-opacity:1.0;
				-khtml-opacity: 1.0;
				opacity: 1.0;
				*/
			}
			.globalindex_maincontent {
				/* width: 760px; /* pas réellement utile voire source de problèmes */
				height: 505px; /* ici définir exactement la hauteur de l’image de fond, sans quoi ça va bugger au niveau de la position des cadres de texte - note : si on indique une hauteur inférieure à celle de l’image, elle sera rognée, si supérieur alors il y aura une zone blanche en dessous et un mauvais positionnement des cadres de texte */   /* données dimensions archives : images/globalindex_bg_760_2006.jpg 760×523 ; images/globalindex_bg_760_2009.jpg 760×505 */
				border-left: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
				background-image: url('../images/globalindex_bg_760_2009.jpg'); /* l’image doit faire 760px de large, et sa hauteur exacte doit être explicitement spécifié ci-dessus */
				background-repeat:no-repeat;
				background-position: center middle;
				/*
				filter:alpha(opacity=100);
				-moz-opacity:1.0;
				-khtml-opacity: 1.0;
				opacity: 1.0;
				*/
			}
			.start_swap {
				top: 0.5em;
				right: 10px;
				cursor: pointer;
			}
			.stop_swap {
				top: 2.5em;
				right: 10px;
				visibility: hidden;
				cursor: pointer;
			}
			.hide_text {
				top: 2.5em;
				left: 10px;
				cursor: pointer;
			}
			.show_text {
				border: 2px solid #4E6FAF;
				top: 0.5em;
				left: 10px;
				visibility: hidden;
				cursor: pointer;
				position: absolute;
				font-size: 1.3em;
				font-weight: bold; 
				/* font-style: italic; */
				color: #4E6FAF;
				font-variant: small-caps;
				text-align: center;
				padding: 2px;
				/* transparent effect - pourrait remplacer le png en utilisant un fond uniforme définir par un bgcolor */
				background-color: white;
				filter:alpha(opacity=25);
				-moz-opacity:0.25;
				-khtml-opacity: 0.25;
				opacity: 0.25;
			}
			.activate_text_fr {
				width: 2em;
				left: 10px;
				bottom: 2.5em;
				cursor: pointer;
			} 
			.activate_text_nl {
				width: 2em;
				left: 10px;
				bottom: 0.5em;
				visibility: hidden;
				cursor: default; /* ou choisir le pointeur via XSL + javascript, en fonction de l’état d’activation de chaque langue - default, sauf si active alors pointer */
				/* cursor: pointer; /* ne remettre pointer qu’une fois le site NL disponible $*$*$* */
			}
			.activate_text_en {
				width: 2em;
				left: 10px;
				bottom: 4.5em;
				visibility: hidden;
				cursor: default;
				/* cursor: pointer; /* supprimé vu qu’il n’y aura pas de site en anglais */
			}
			.activate_text_fr, .activate_text_en, .activate_text_nl, .start_swap, .stop_swap, .hide_text {
				visibility: hidden; /* certains boutons seront activés par my_js_init(initialized) puisqu’il est inutile de les afficher si JS est inactif ou non supporté */
				border: 2px solid #4E6FAF;
				position: absolute;
				font-size: 1.3em;
				font-weight: bold; 
				/* font-style: italic; */
				color: #4E6FAF;
				font-variant: small-caps;
				text-align: center;
				padding: 2px;
				/* transparent effect - pourrait remplacer le png en utilisant un fond uniforme définir par un bgcolor */
				background-color: white;
				filter:alpha(opacity=50);
				-moz-opacity:0.5;
				-khtml-opacity: 0.5;
				opacity: 0.5;
			}
			
			.textfr_over_image0, .textfr_over_image1, .textfr_over_image2 {
				/* visibility: visible; /* ne surtout pas mettre ceci, sans quoi le texte s’affiche en blanc sous IE7 ou alors le bug est ailleurs */
				width: 15.85em;
				text-align: center;
			}
			.texten_over_image0, .texten_over_image1, .texten_over_image2 {
				visibility: hidden;
				width: 13.85em;
				text-align: center;
			}
			.textnl_over_image0, .textnl_over_image1, .textnl_over_image2 {
				visibility: hidden;
				width: 15.85em;
				text-align: center;
			}
			.textlangchoice_over_image0, .textlangchoice_over_image1, .textlangchoice_over_image2 {
				visibility: hidden;
				max-width: 640px;
				text-align: left;
			}
			
			.textfr_over_image0, .texten_over_image0, .textnl_over_image0, .textlangchoice_over_image0 {
				/* background-image: url('images/grille_semi_transparante.png'); / * ne doit surtout pas être utilisé pour les 2 autres */
				border: 2px solid #4E6FAF;
				bottom: 13px;
				right: 13px;
				color: #999999;
				/* transparent effect - pourrait remplacer le png en utilisant un fond uniforme définir par un bgcolor */
				background-color: white;
				filter:alpha(opacity=70);
				-moz-opacity:0.7;
				-khtml-opacity: 0.7;
				opacity: 0.7;
			}
			.textfr_over_image1, .texten_over_image1, .textnl_over_image1, .textlangchoice_over_image1 {
				border: 2px solid transparent;
				bottom: 11px;
				right: 11px;
				color: blue; /* or red */
				filter:alpha(opacity=100);
				-moz-opacity:1.0;
				-khtml-opacity: 1.0;
				opacity: 1.0;
				z-index: 4;
			}
			.textfr_over_image2, .texten_over_image2, .textnl_over_image2, .textlangchoice_over_image2 {
				border: 2px solid transparent;
				bottom: 12px;
				right: 12px;
				color: #4E6FAF; /* or black or blue */
				filter:alpha(opacity=100);
				-moz-opacity:1.0;
				-khtml-opacity: 1.0;
				opacity: 1.0;
				z-index: 5;
			}
			
			.textfr_over_image0, .texten_over_image0, .textnl_over_image0, 
			.textfr_over_image1, .texten_over_image1, .textnl_over_image1, 
			.textfr_over_image2, .texten_over_image2, .textnl_over_image2,
			.textlangchoice_over_image0, .textlangchoice_over_image1, .textlangchoice_over_image2 {
				position: absolute;
				font-size: 1.7em;
				font-weight: bold; 
				font-variant: small-caps;
				padding: 5px;
				/* font-style: italic; */
				/* text-shadow: 3px 3px blue, yellow -3px 3px 2px, 3px -3px; */
			}