body {
	background-color: #eee;
	margin:0;
	font-size: 0.7em;
  	color:#222;
}

a {
	text-decoration: none;
	color: #06c;
/*	font-weight: bold;*/
}

a:hover {
	color: #066;
}

/* définir la police principale du site ainsi que la taille */
h1, h2, td, div, input, textarea, select, table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
}

/* définir la forme de tous les boutons de type submit (boutons de commande dans les écrans de saisie) */
input[type=submit] {
	background-color: #359;
	color: white;
	font-weight: bold;
}

input[type=submit].red {
	background-color: #f60;
	color: white;
	font-weight: bold;
}

/* DIV permettant de centrer le contenu, et de s'assurer que le browser a ouvert
  une page d'au moins 950px de large   FAFAFB*/
div.container {
 width:950px;
 background-color: white;
 margin:0 auto;
 display:block;
 padding: 0px 5px 20px 5px;
}

div.header {
	text-align:left;
	width:890px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

table.toplogo {
	margin-left:30px;
}

td#topbanner {
	text-align:right;
	min-width:500px;
	height: 80px;
}
td#topbanner a, td#topbanner img {
	border: 0px;
}

/* définir les propriétés du texte défilant du header */
div#iemarquee a{
	text-decoration:none;
	font-weight:bold;
	color:#06c;
}
div#iemarquee a:hover{
	color:#666;
}

/* menu horizontal ("Accueil, Nouvelles, ...") */
div.hmenu {
	width: 100%;
	height:40px;
	margin: 0;
	padding: 0;
	text-align:center;
	background:url(images/menu_background.gif) repeat-x;		/* gris du menu horizontal */
}
div.hmenu table {
	margin: 0;
	padding: 0;
	width: 100%;
}
div.hmenu td {
	width:14%;
	text-align:center; 
	vertical-align:top;
}
div.hmenu a {
	text-decoration:none;
	font-weight: bold;
	/*color:#06c;*/
	color:black;
}
div.hmenu a:hover {
	/*color origine:#666;*/
	color:#7D2020;
	/*font-size:1.1em;*/

	background-color: #06c;
	color: white;
}

span#popdown { /* menu déroulant MedPlus */
	display: block;	
	width: 130px;
	position:absolute; /* éviter de perdre le focus */
	left: 0px;
	font-weight:bold;
	/*right:170px;*/
}
span#popdown a { /* entrée du menu déroulant MedPlus */
	text-align:left;
	position:relative;
	display:none;	/* non affiché par défaut, modifié dynamiquement 
				par JavaScript */
	height:15px;
	border: 1px solid #ddd;
	padding: 2px 5px;
	background-color: white;
	color: #06c;
}

/* Boutons supplémentaires sous la barre de menu */
div.extra_button {
	float: right;
	text-align:left;
	width: 14%;
}

/*FRAMESET*/
td#left, td#right {
	vertical-align:top;
	width:150px;
	padding:2px;
	background-color:white;
}

td#middle {
	vertical-align:top;
	padding:2px;
	background-color:white;
}


/* "frame" de gauche */
div.left {
	text-align:left;
	width:150px; 
	float:left;
	margin: 0;
	padding:2px;
	background-color:white;
}

/* partie centrale de la page  origin background-color: white*/
div.page {
	text-align:left;
	width: 570px;
	min-height:400px;
	border: 1px solid #ddd;
	float:left;
	margin:2px 5px 0 5px;
	padding:5px;
	background-color: #FAFAFA;
}

/* "frame" de droite */
div.right {
	width:150px;
	text-align:left;
	/*border: 1px solid #ddd;*/
	float:right;
	margin: 0;
	padding:2px;
	background-color:white;
}

/* un item est un sous-objet des frames gauches et droites, il peut
  contenir un texte, une invite de login, les liens communiqué et 
  agenda ou encore de la publicité Google */
div.item {
/*	width:145px;*/
	width: 160px;
	text-align:justify;
	border: 1px solid #ddd;
	padding:3px;
	margin: 0 0 15px 0;
}
div.item h1 {	/* titre d'un item */
	margin: 0 0 10px 0;
	height:25px;
	font-size:.9em;
	background-image:url(images/baret.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.item h1 a { /* titre item et lien  origin #222*/
	color: #000084;
}

/* titres des communiqués dans la colonne gauche */
div.item p.commu {
	/*font-weight:bold;*/
}
div.item p.commu a{
	color: black;
}

p#bold { /* texte d'accueil présent sur chaque page (frame gauche)  origine #06c*/
	color: #003366;
	font-size:0.8em;
	font-weight: bold;
}

/* tableau avec alternance de background pour une lisibilité
   accrue */
tr.st0 {
	background-color:#eee;
}
tr.st1 {
	background-color:white;
}

/* images d'illustration pour les articles */
div.imageL {
	float: left;
	padding: 5px;
}

div.imageR {
	float: right;
	padding: 5px;
}

/* corps d'article */
div.article_body {	
	text-align:justify;
	padding-bottom:5px;
	padding-left:20px;
}
div.article_body p {
	/*margin: 5px 0 20px 0;*/
	font-size:12px;
	line-height:1.3;
	margin: 5px 0 0 0; padding:0 0 0 0;
}

div.black_right {
	float:right; clear: both;
	text-align:right;
	padding-bottom:10px;
}
div.black_right a {
	color:black;
	text-decoration:underline
}


/* titres principaux d'articles souligné, p.ex AFRIQUE EUROPE MEDITERRANEE */
h1.u {
	height:22px;
	width:550px;
	font-size:1em;
	/*margin: 5px 0 0 0;*/
	padding: 2px 0 0 15px;
	background-image:url(images/h1underline.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	text-transform: uppercase;
}
div.page>h1.u {
	height:auto;
	min-height:22px;
}

div.page h1 a {
	text-decoration: none;
	color: #06c;
	text-transform: uppercase;
}

div.page h1 a:hover {
	color:#666;
	text-transform: uppercase;
}

div.page h1 {
	color: #06c;
	padding: 0 0 0 20px;
	font-size:1.1em;
}

/* titre de page (noms des rubriques "Nouvelle", "Communiqué", ...*/
h1.pagename {
	color: black;
	font-size:17px;
	margin:0 0 10px 0 !important;
	padding: 0 !important;
}

/* titres secondaires d'articles (titres de rubriques) */
h2 {
	/*margin: 10px 2px;*/
	font-size:1em;
	font-weight:bold;
	text-transform: uppercase;
	padding: 0 0 0 20px;
	margin: 0;
	clear: both;
}
h2 a{
	color:#06c;
	/*text-decoration: underline;*/
}

/* liens de la page index oranges */
div.redlink {
	margin:0 5px 10px 0px; padding:0;
	clear: both;
	text-align:right;
}
div.redlink a {
	color:#f60;	/* couleur des liens "courrier de bruxelles" */
	text-decoration:none;
}
div.redlink a:hover {
	font-weight:bold;
}

/* liens imagés: imprimante, commentaires, ... */
a.imglnk:hover img {	/* définir un carré gris clair quand on survole le lien */
	border: 2px solid #aaa;
}
a.imglnk img {	/* couleur normale du pourtour des images: blanc (se confond dans le background) */
	border: 2px solid #fff;
}
a.imglnk {
	margin-left:10px; /* provoquer un écart inter-images */
}


div.alone { 
	clear:both;
}

/* lien discret (intro d'article menant à l'article) */
a.smoothlink {
	text-decoration:none;
	color:#222;
}
a.smoothlink:hover {
	text-decoration:underline;
}

ul.compact {
	margin-top:0; margin-bottom:0;
	padding-top:0; padding-bottom:0;
}

table.compact, table.compact tr, table.compact td {
	padding:0; margin:0;
}



/* Filtre Afrique / Europe / Med */
div#filtre_aem {
	float:right;
	clear:both;
}

/*
* les balises suivantes gèrent les titres des différents appels à
* show.php
*/
h1.titre_show_COM { /* Titre du communiqué, pleine page */
	background-color:white;
	color:#023568 ;
	font-size:1.4em;
}
h1.titre_show_NWS { /* Titre des news, pleine page */
	background-color:white;
	color:#012552 ;
	font-size:1.4em;
}
h1.titre_show_CBX { /* Titre du courrier de Bruxelles, pleine page */
	background-color:white;
	color:#023568 ;
	font-size:1.4em;
	text-align:center;
}
h1.titre_show_INV { /* Titre de l'invité, pleine page */
	background-color:white;
	color:#023568 ;
	font-size:1.4em;
	text-align:center;
}

h1.pagename#pageCBX {	/* titre de rubrique, pour courrier de bruxelles */
	text-align:center;
	color: black; /* peut accepter des codes comme #ccc */
}
h1.pagename#pageNWS {	/* titre de rubrique, pour les nouvelles */
	text-align:center;
	color: black; /* peut accepter des codes comme #ccc */
}
h1.pagename#pageCOM {	/* titre de rubrique, pour les communiqués */
	text-align:center;
	color: black; /* peut accepter des codes comme #ccc */
}
h1.pagename#pageINV {	/* titre de rubrique, pour l'invité */
	text-align:left;
	color: black; /* peut accepter des codes comme #ccc */
}


/* coller le titre à la case à cocher dans les listes */
table.nopad td, table.nopad h2 {
	clear: both;
	padding: 0px !important;
}

/* annonces google */
span.ad {
	display:block;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
}

span.ad div {
	margin: 0 auto;
}



/* affichage des commentaires */

div.comment {
	background-color:#ff9;
}

div.comment h1 {
	font-size:1.2em;
	color: black;
}

/* éditeur - différentes phases */

table.phases {
	border-bottom: 1px solid #ddd;
	width: 400px;
}

table.phases td {
	/*height: 40px;*/
	text-align:center;
	background-color:#ddd;
	color:#555;
}

table.phases td.current {
	font-weight: bold;
	color: black;
}

tr.underline td {
	border-bottom: 1px solid #06c;
}

table.calendar td {
	font-size:8px;
}

table.calendar td.today {
	background-color:#06c;
	color: white;
	font-weight: bold;
}

table.calendar td.today a {
	color: white;
}

/* définition des "screens"*/
div.screen { /* écran masquant */
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
	left:0px;
	background-color:#999999;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	z-index:15;
	display:none;
}
div.xcontent { /* pop-over */
	position:absolute;
	width: 800px;
	height:400px;
	display: none;
	top:50px;
	left:-400px;
	margin-left:50%;
	background-color:white;
	text-align:left;
	z-index:50;
}
div.xcontent span.bar{
	position: relative;	/* pour positionner la croix de fermeture */
	display: block;
	width:100%;
	background-color:#359;
	height: 15px;
	color: white;
	font-weight: bold;
}
div.xcontent span.bar a{	/* croix de fermeture */
	position:absolute;
	color:white;
	right:0px;
}
div.xcontent div{ /* contenu du pop-over */
	margin: 2px 10px;
}
	
/* définition des "pop-ins" */
div.poppy {
        position:absolute;
        display:none;
        left:100px;
        top:0px;
        border:1px solid #ddd;
        width:250px;
        padding: 10px;
        background-color:white;
		z-index: 10;
}
div.poppy a {
        color: #06c !important;
}
div.poppy a:hover {
        color: #066 !important;
}

div#zcom { /* pop-up des communiqués */
	top:-200px;
	width: 400px;
	background-color: white; 
}

div#zcom p.commu {
	margin: 0px;
	padding: 0px;
}

div#zagd { /* pop-up de l'agenda */
	top: -200px;
	width: 400px;
	height: 400px;
	background-color: white;	
}

table.form td { /* structures de formulaire: aligner le contenu des cellules en haut */
	vertical-align: top;
}


span.tag {
	font-weight:bold;
	color: #FF0000; 
}


/*Pop-up (communiqués) */

#commu_popup{ 	/* Structure globale pour pop-up communiqués */
				display: table-cell; /*affichage type table des divx */
				vertical-align: top; /* alignement verticale haut */
				background-color:#eeeee5; /*couleur de fond (light grey) */
				width:400px; /*largeur du pop-up*/
}

#commu_popup_format {  /*Utilisé pour format affichage organisme/communiqués */
				text-align:left; /*align text a gauche dans le div */
				font-size:11px;/* police 11 px */
				color:#000; /*couleur de police - noir */
				}
				
/*Pop-up (agenda) */				
				
				
#agenda_popup{ /* Structure globale pour pop-up agenda */

				background-color:#eeeee5; /*couleur de fond (light grey) */
				border:1px solid #CCC; /*bordure 1px solid grise */
				border-bottom:0px; /*pas de bordure en bas */
				}
				
#agenda_box{ /* Structure pour chaque entrée pour pop-up agenda / boite grise */
			font-size:12px; /*police 12px*/
			min-height: 20px; /*hauteur minimum - 20px*/
			display: table-cell;/*affichage div type table */
			vertical-align: top;/* alignement verticale haut */
			
			}
			
#agenda_date_format{ /*Utilisé pour format affichage date agenda / COLUMN 1 */
			float:left; /*alignement du div a gauche */
			width:70px; /*largeur 70px (column gauche)*/
			margin-right:10px;/*espace 10px entre column*/
			font-size:11px;/*police 11px*/
			font-weight:600;/*niveau de gras pour police 600*/
			}

#agenda_entry{ /*Utilisé pour format affichage entrée agenda / COLUMN 2*/
			float:right;/*alignement du div a droite */
			width:300px;/*largeur 300px (column droite)*/
			margin-left:10px; /*marge 10px a droite (alignement dans le pop-up*/
			}


/*Pop-up (partenaire) */

#part_popup{ 	/* Structure globale pour pop-up communiqués */
				display: table-cell; /*affichage type table des divx */
				vertical-align: top; /* alignement verticale haut */
				background-color:#eeeee5; /*couleur de fond (light grey) */
				width:400px; /*largeur du pop-up*/
}

#part_popup_format {  /*Utilisé pour format affichage organisme/communiqués */
				text-align:left; /*align text a gauche dans le div */
				font-size:11px;/* police 11 px */
				color:#000; /*couleur de police - noir */
				}

#page_import{
margin:25px;
font-family:verdana, arial;
}
/* aspect des titres dans les listes */

h2.titre_liste_NWS , h2.titre_liste_INV , h2.titre_liste_COM {

}
.titre_liste_CBX{
font-size:13px;
font-weight:bold;
}
.titre_liste_CBX2{
font-size:18px;
font-weight:bold;
}
.titre_liste_CBX3 a{
font-size:1em;
font-weight:bold;
color:#000;
}

.titre_normal{
font-size:1em;
font-weight:bold;
}
.titre_sommaire, .titre_sommaire ul  li{
font-size:1em;
font-weight:normal;
}
.titre_liste_une{
font-size:13px;
font-weight:bold;
}