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

			 
			html, body {
				font-family: verdana, arial, "Lucida Sans Unicode", Helvetica, sans-serif;
				font-size-adjust: 0.58; /* x-height/total height verdana’s ratio */
				margin: 0;
				padding: 0;
				text-align: center;
				font-size: 100%; /* nécessaire à cause d’un bug de IE */
				color: #333333;
			}
			html {
				background-color: #9EBFFF; /* temp $*$*$* */
				/* background-color: #4E6FAF; /* temp $*$*$* */
				
				/* background: url("../images/Red_Star_of_David_bg3.png"); */
				/* background: url("../images/Red_Star_of_David_bg3_1.png"); */
				/* background: url("../images/Red_Star_of_David_bg3_2.png"); /* */
				/* background: url("../images/Red_Star_of_David_bg3_3.png"); */
				/* background: url("../images/Red_Star_of_David_bg3_4.png"); */
				 background: url("../images/Red_Star_of_David_bg3_5.png"); /* */
				/* background: url("../images/Logo_as_bg.png"); */
				/*
				filter:alpha(opacity=25);
				-moz-opacity:0.25;
				-khtml-opacity: 0.25;
				opacity: 0.25;
				*/
			}
			body {
				/* background-image: url("../images/grille_semi_transparante.png"); /* pose problème dans IE */
				line-height : 1.3;
				/*
				filter:alpha(opacity=100);
				-moz-opacity:1.0;
				-khtml-opacity: 1.0;
				opacity: 1.0;
				*/
			}
			/* texte #333 sur fond #fff.
			La règle est simple : pas plus de 10 à 15 mots par ligne. S’il s’agit d’un design liquide - et si le corps est à 100 % - une taille de colonne à 50 % devrait le faire pour la plupart des résolutions utilisées.
			L’interlignage par défaut des navigateurs est trop faible. En augmentant la hauteur de ligne de 140 %, les textes deviennent tout de suite plus lisibles.   line-height : 1.4  (pas 1.4px ni 1.4em !! )  note W3C conseille une valeur entre 1.0 et 1.2
			*/
			abbr, acronym { cursor: default; border-bottom: none; }
			abbr.no_underline, acronym.no_underline { cursor: help; border-bottom: none; }
			abbr.underline, acronym.underline { cursor: help; border-bottom: 1px dotted; }
			h1 { font-size: 1.6em; }
			h2 { font-size: 1.5em; }
			h3 { font-size: 1.4em; }
			h4 { font-size: 1.3em; }
			h5 { font-size: 1.2em; }
			h6 { font-size: 1.1em; }
			
			hr { text-align: center; }
			sup { font-size: smaller; } /* peut-être inutile mais qui sait certains browsers pourraient avoir du mal sans */
 
			.gris { color: #777777; }
			
			img { color: #000000; border-color: #000000; }
			
			div#common_header { 
				text-align: center; 
				color: red; 
				background: transparent; 
				top: 0px;
				/* width: 760px; / * limitation ou pas $*$*$* */
				margin: 0 auto;
				position: relative;
			}
			.headercontent { 
				text-align: center;
				/* color: black; */
				background: transparent; 
				/* padding: 10px 10px 10px 10px; */
				width: 760px; /* limitation ou pas $*$*$* */
				margin: 0 auto;
				position: relative;
				/* border-bottom: 1px solid #cccccc; déplacé vers le top de maincontainer , cf. bug de Firefox */
/*
				border-left: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
*/
			}
			/* requis pour que IE et Firefox adoptent la bonne largeur de colonne - Firefox n’en a pas besoin car Sidebars lui suffit */
			.forceIEcolomnwidth {
				width: 758px; /* 760px - 2px des bordures */
				/* ne pas mettre de height:  peut provoquer des ennuis dans Firefox */
			}

			div#common_footer { 
				text-align: center; 
				color: #4E6FAF; /* or blue */
				background: transparent; 
				bottom: 0px; 
				clear: both; 
				/* width: 760px; /* limitation ou pas $*$*$* */
				margin: 0 auto;
				position: relative;
				min-height: 200px;
			}
			.footercontent { 
				text-align: center;
				/* color: black; */
				background: transparent;
				/* padding: 10px 10px 10px 10px; */
				width: 760px; /* limitation ou pas $*$*$* */
				margin: 0 auto;
				position: relative;
				border-top: 1px solid #cccccc;
			}

			div#left_menu { 
				visibility: hidden;
				/* position: fixed; pose problème sous IE */
				text-align: left;
				/* color: yellow; 
				background: orange; */
				margin: 0px;
				float: left;
				width: 10em;
				padding: 0.5em;
				/* z-index: 5; */
				font-size: smaller;
				/*
				left: 0px; 
				position: absolute; 
				!z-index: 1; 
				!display: block;
				*/
			}
			div#right_menu { 
				visibility: hidden;
				text-align: left;
				/* color: green; 
				background: orange; */
				width: 5%; 
				margin: 0px; 
				float: left; /* right; */
/*
				position: absolute; 
				right: 0px; 
				!z-index: 1; 
				!display: block;
				*/
			}

			div#maincontainer {
				text-align: center;
				/* width: 760px; /* déplacé vers SideBars */
				/*
				height: auto !important;
				*/
				margin: 0 auto;
				position: relative; 
				/* background: white; */
/*
				border-left: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
*/
				/* border-top: 1px solid #cccccc;     /* 1px solid white; /* même couleur que le background - pas transparent sinon IE va afficher la couleur de fond de body et non de cette div */
/*
				!sans la border-top: 1px il créer un décallage de 1em sous Firefox par rapport au cadre supérieur;
				!z-index: 3; 
				!display: block;
				min-height: 350px;  !déplacé dans globalXX 
				height: 350px;  !déplacé dans globalXX

				*/
			}
			
			.SideBars {
				background: white;
				border-top: 1px solid #cccccc;
				border-left: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
				text-decoration: none;
				text-align: center;
				width: 758px; /* 760px - 2× 1px = 758px - ok dans FF pas dans IE qui a besoin d’un hack ? */
				margin: 0 auto;
				position: relative; 
			}

			.mini_navigation {
				text-align: left;
				color: #333333;
				padding: 10px 5px 5px 5px;
				font-size: smaller;
				border: none; /* 0px; */
				cellpadding: 2px;
				cellspacing: 2px;
			}
			.ISOlang_current {
				text-align: center;
				color: white;
				background: #333333;
				/* font-size: smaller; */
			}
			.ISOlang {
				text-decoration: none;
				border: none;
				text-align: center;
				color: #333333;
				background: white;
				/* font-size: smaller; */
			}

			.maincontent { 
				text-align: left;
				color: #333333; 
				padding: 5px 10px 10px 10px;
				/*  déplacé dans SideBars
				border-left: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
				*/
			}
			.construction { 
				color: brown; 
				background: lime;
				margin: 0 auto;
				position: relative; 
				margin: 0px;
				text-align: left;
				padding: 30px 10px 10px 10px;
			}
			
			p {
				text-align: justify;
			}
			li {
				text-align: justify;
			}
			em { font-style: italic; }
			
			.Times {
				font-family: 'Times New Roman', Times, Serif; 
			}
			.justify {
				text-align: justify;
			}
			.imgframe {
				border: 2px solid #999999;
				margin: 0.5em;
				text-align: center;
				padding: 3px 3px 3px 3px;
				background: white;
				overflow:auto;
			}
			.ImageCenter, .CenterImage { text-align: center; padding: 3px 3px 3px 3px; }
			.thumbborder {
				border: 1px solid #999999;
				padding: 1px;
			}
			.imgthumb {
				border: none;
				margin: 2px;
			}
			.imglegende {
				text-align: left;
				font-size: smaller;
				padding-right: 3px;
				padding-left: 3px;
			}
			.loupe { 
				border: none;
				margin-left: 5px;
				margin-top: 2px;
				float: right;
			}
			.floatstop, .stopfloat {
				clear: both;
			}
			.leftfloatstop, .stopfloatleft {
				clear: left;
			}
			.righttfloatstop, .stopfloatright {
				clear: right;
			}
			.ref {
				font-size: 90%;
				/* vertical-align: super; */
				text-decoration: underline;
			}
			.note {
				font-size: 65%;
				vertical-align: super;
				text-decoration: underline;
			}
			.references-list {
				margin-top: 10px;
				margin-left: 50px;
				margin-right: 50px;
				border-top: 1px solid #999999;
				padding: 5px 5px;
				width: 75%;
				font-size: 80%;
			}
			.signature_auteur { 
				text-align: right;
				margin-right: 5em;
			}
			.mp3player {
				text-align: right;
				font-size: smaller;
				width: 300px;
				border: 1px dotted #333333;
				padding: 3px;
				right: 5px;
				position: relative;
				float: right;
				margin: 0.5em;
			}
			
			/* guillemets adaptés à chaque langue */
			HTML:lang(fr) { quotes: '«\00A0' '\00A0»' '“' '”' }
			:lang(fr) > Q { quotes: '«\00A0' '\00A0»' '“' '”' }
			q:lang(fr) { quotes: '«\00A0' '\00A0»' '“' '”' }
			HTML:lang(en) { quotes: '“' '”' "‘" "’" } /* US rule - UK rule is inverted */
			:lang(en) > Q { quotes: '“' '”' "‘" "’" } /* US rule - UK rule is inverted */
			q:lang(en) { quotes: '“' '”' "‘" "’" } /* US rule - UK rule is inverted */
			HTML:lang(he) { quotes: '"' '"' "'" "'" } /* merHaot - attention : gerchaïm ( ״ ou \05F4 ) = pour marquer abréviation uniquement */
			:lang(he) > Q { quotes: '"' '"' "'" "'" } 
			q:lang(he) { quotes: '"' '"' "'" "'" } 
			HTML:lang(de) { quotes: '»' '«' '„' '“' } /* pour tests uniquement */
			:lang(de) > Q { quotes: '»' '«' '„' '“' }
/* $*$*$* bug avec IE - il ne place pas les guillemets */

			.head-foot-padder { 
				height: 66px;
				background: transparent;
			}
			.MDAlogo {
				padding: 10px;
				border-left: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
				background: white;
				text-align: left;
				/* cursor: default;     - supprimé temporairement, à remplacer par "la main" ? */
			}
			 .prefooter {
				clear: both;
				text-align: left;
				color: white;
				background: #4E6FAF;
				width: 715px; /* indispensable */
				margin: 10px 10px 10px 10px;
				padding: 0.2em;
				bottom: 0;
				position: absolute;
				font-size: smaller;
				text-decoration: none;
				border: none;
			}
			.legalfooter {
				text-align: center;
				padding: 10px;
				border-left: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
				background: white;
				font-size: smaller;
				font-weight: bolder;
			}
			.conception {
				text-align: left;
				position: absolute;
				left: 10px;
				font-weight: normal;
				font-size: 0.90em;
			}
			.copyright {
				text-align: right;
				position: absolute;
				right: 10px;
				font-weight: normal;
				font-size: 0.90em;
			}
			.AmisBelges {
				text-align: left;
				font-size: 1.3em;
				font-weight: bold;
				text-decoration: none;
				color: #4E6FAF;
			}
			.MenuBar {
				/* background: white; */
				border-bottom: 1px solid #cccccc;
				/* 
				border-left: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
				*/
				padding: 5px;
				text-decoration: none;
				text-align: center;
				font-size: smaller;
				cellpadding: 5px;
				cellspacing: 5px;
			}
			.Banner {
				text-align: center;
				width: 758px;
				height: 170px;
				border-bottom: 1px solid #cccccc;
				margin: 0px;
				padding: 0px;
			}
			.BannerImg { /* peut-être mettre l’image en background via xsl:attribute  à la place de img src= et afficher du texte par dessus ? mais alors s’assurer que la banner sera intégralement affichée en fixant le height de la div banner $*$*$* */
				text-align: center;
				width: 758px;
				height: 170px;
				margin: 0px;
				padding: 0px;
			}
			.home { 
				border: none;
			}
			.BottomMenuContact {
				position: absolute; 
				right: 1em;
			}
			.bouton { /* lien ou bouton avec javascript (par ex. pour fermer) qui ne doit pas être imprimé */
				/* temporairement affiché comme debug - à remplacer à terme   --- ou supprimer les target et mettre un bouton de type "back"  cf. http://css-tricks.com/list-of-depreciated-elements-still-in-widespread-use/ */
				font-weight: bold; color: red; text-decoration: underline; background: yellow;
			}

			a.ISOlang:link, a.MenuItem:link, a.NavigItem:link { 
				text-decoration: none; color: #333333;
			}
			a.ISOlang:visited, a.MenuItem:visited, a.NavigItem:visited { 
				text-decoration: none; color: #333333;
			}
			a.ISOlang:hover, a.MenuItem:hover, a.NavigItem:hover { 
				text-decoration: none; color: #FFFFFF; background: #4E6FAF;
			}
			a.ISOlang:active, a.MenuItem:active, a.NavigItem:active { 
				text-decoration: none; color: #FFFFFF; background: #4E6FAF;
			}
			a.BottomMenuItem:link, a.BottomMenuItem:visited { 
				text-decoration: none; color: #FFFFFF;
			}
			a.BottomMenuItem:hover, a.BottomMenuItem:active {
				text-decoration: none; color: #000000;
			}
			.CurrentMenuItem { text-decoration: none; color: #FFFFFF; background: #00CCCC; }
			
			.TopArrow { text-decoration: none; color: #777777; font-size: smaller; float: right; }
			
			a img { border: 0px; }
			
			.transparency0 {
				filter:alpha(opacity=0);
				-moz-opacity:0.0;
				-khtml-opacity: 0.0;
				opacity: 0.0;
			}
			.transparency10 {
				filter:alpha(opacity=10);
				-moz-opacity:0.1;
				-khtml-opacity: 0.1;
				opacity: 0.1;
			}
			.transparency20 {
				filter:alpha(opacity=20);
				-moz-opacity:0.2;
				-khtml-opacity: 0.2;
				opacity: 0.2;
			}
			.transparency30 {
				filter:alpha(opacity=30);
				-moz-opacity:0.3;
				-khtml-opacity: 0.3;
				opacity: 0.3;
			}
			.transparency40 {
				filter:alpha(opacity=40);
				-moz-opacity:0.4;
				-khtml-opacity: 0.4;
				opacity: 0.4;
			}
			.transparency50 {
				filter:alpha(opacity=50);
				-moz-opacity:0.5;
				-khtml-opacity: 0.5;
				opacity: 0.5;
			}
			.transparency60 {
				filter:alpha(opacity=60);
				-moz-opacity:0.6;
				-khtml-opacity: 0.6;
				opacity: 0.6;
			}
			.transparency70 {
				filter:alpha(opacity=70);
				-moz-opacity:0.7;
				-khtml-opacity: 0.7;
				opacity: 0.7;
			}
			.transparency80 {
				filter:alpha(opacity=80);
				-moz-opacity:0.8;
				-khtml-opacity: 0.8;
				opacity: 0.8;
			}
			.transparency90 {
				filter:alpha(opacity=90);
				-moz-opacity:0.9;
				-khtml-opacity: 0.9;
				opacity: 0.9;
			}
			.transparency100 {
				filter:alpha(opacity=100);
				-moz-opacity:1.0;
				-khtml-opacity: 1.0;
				opacity: 1.0;
			}

			noscript {
				color: red;
				font-size: 0.7em;
				font-weight: normal;
			}
			.debug { font-weight: bold; color: red; text-decoration: underline; background: yellow; }
			.parse_error { font-weight: bold; color: red; text-decoration: underline; background: yellow; }