/*

	INAMI-RIZIV - TRAJET DE SOINS - ZORGTRAJECT 
	Credits: Web is Magic - Copyright (C) 2009	VERSION 1.0
	Author: Pierre Van Meerbeeck
	http://www.webismagic.com
	
	CONTENTS ----------
	
	   0.RESET
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.NAVIGATION
	   8.FORMULAIRE
	   9.DEBUGGING
	    
    -------------------
	
*/

@charset "UTF-8";


/* 0.RESET
---------------------------------------------------------------------- */

html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 1em; /* Remettre à zéro si nécessaire. */
    /* Pensez à utiliser une collection de polices (2), par ex:
    font-family: Arial, Helvetica, FreeSans, sans-serif; */
    font-size: 0.93em; /* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: black;
    background: white;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}
ul li, ol li {
    padding: 0 0 4px 0;
}
/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */

a img {
    border: none;
}

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}


/* 1.BODY
---------------------------------------------------------------------- */

* { outline:none; }
html { font-family: Arial, Verdana, Helvetica sans-serif; /*font-size: 93%;*/ } 
body {
	background-color: #dadada;
	/*margin: 0;
	padding: 0;*/
	Zoom: 1.0 /**normalizes zoom in IE7 to 100%**/;
	height:100%;
	margin-bottom:1px; /** this forces scrollbar to appear in Mozilla **/
	background-image: url(../image/common/fond_Body.jpg);
	background-repeat: repeat-x;
}
/*select { font-family: Arial, Verdana, Helvetica sans-serif; font-size: 93%; }*/
.clear { clear: both; margin: 0; padding: 0; font-size: 0; height: 0; line-height: 0; }
.block-clear {display:block; clear:both;}


/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

.size1 {font-size: 0.80em;}
.size2 {font-size: 0.90em;}
.size3 {font-size: 1.0em;}
.size4 {font-size: 1.10em;}
.size5 {font-size: 1.20em;}
.size6 {font-size: 1.30em;}

.bold {font-weight:bold;}

.visitor { color:#00B0C9; }
.patient { color:#A1161E; }
.professional { color:#28913B; }

/* -- PARAGRAPHS -- */

p {
	line-height:1.4em;
	margin: 15px 0;
	color: #444;
	text-align: justify;
}

#content p {
	margin: 2px 0;
	padding: 3px 0 8px 0;
	/* 	font-style: italic;   */
}
#content ul a, #content ol a {margin: 0; padding: 0; }

/*#content ul li,#content ol li {
	margin-left:15px;
}
#content ul ul li,#content ol ol li {
	margin-left:30px;
}
#content ul ul ul li,#content ol ol ol li {
		margin-left:45px;
}*/


/* 3.HEADINGS
---------------------------------------------------------------------- */

h1 {font-size:1.50em;}
h2 {font-size:1.25em;}
h3 {font-size:1.00em;}
h4 {font-size: 0.75em}
#content h1, h2, h3, h4, h5, h6 {margin:0; padding:3px 0; }


/* 4.LINKS
---------------------------------------------------------------------- */

#content a { font-size: 1em;}
#content a:link { color: blue; }
#content a:visited { color: purple; }
#content a:hover { color: purple; }
#content a:active { color: red; }

#logo-homepage a { display: block; width: 250px; height: 100px; text-indent: -9999px;}
#logo a { display: block; width: 250px; height: 136px; text-indent: -9999px;}
/*#logo a:hover { background-position: -250px 0; }*/

#newsletter { float: left; text-align:center; vertical-align:middle; }
#newsletter a { /*display:block;*/ width:auto; margin:0 0px; padding:8px; background-color:#10B0C9; color:#FFF; text-decoration:none; /*font-size:0.85em; letter-spacing:0.05em; font-weight:bold;*/ }
#newsletter a:hover { background-color:#74C2D5; }


/* 5.IMAGES
---------------------------------------------------------------------- */

img { border: 0px solid white; } 
img.class {  }


/* 6.LAYOUT
---------------------------------------------------------------------- */

#global-container { width: 960px; margin: 20px auto 0 auto; }
#page-container { background-color: #FFF; }
#page-header-homepage {	background:#FFF url(../image/common/header-inami.jpg) no-repeat left top; height: 156px; }
#page-header-container { background:#FFF url(../image/common/header-inami.jpg) no-repeat left top; height: 156px; margin-bottom: 20px; }
#page-header-left-container { float: left; width: 265px;} 
#page-header-right-container { margin-left: 280px; padding: 0; }

#logo-homepage { width: 250px; height: 136px; line-height: 1; margin-top: 20px; margin-left:15px; background: transparent; }
#logo { width: 250px; height: 136px; line-height: 1; margin-top: 20px; margin-left:15px; position: relative; }

#topnav-container { height: 30px; margin:0 15px 30px 0; }
#search-container { float:right; margin:0 15px 23px 0; }
#primarynav-container { float:right; margin:-50px 15px 0px 0; }
#breadcrumb-container { float:left; margin:-20px 0 0 0;}
#breadcrumb { display:block;}

#left-column-container { float: left; width:250px; font-size:0.90em; /*adjust width left column*/ margin:0 0 40px 15px; line-height:0.8em; /*padding: 10px;*/ }
#secondarynav-container {width: 247px; margin-bottom:20px; }
#main-container{ margin-left:280px;/*adjust width to = left column width + margins, padding and borders if any*/ line-height:1.4em; height:1%; /*IE peekaboo fix*/ margin-bottom:40px; padding-right:15px; }

#content {
	background: #FFF;
	padding: 0;
	color: #333;
	margin-bottom:25px;
	font-size: 93%;
}
#content-left {width:400px; float:left; margin-right:34px; }
#content-right {width:230px; float:left; }

/* -- HOMEPAGE -- */

#page-image-container { }
#page-image-content, #page-text-content { margin: 0; }
#page-image-content .image-homepage { padding: 0 15px 0 15px; height: 422px; position: relative; }
#page-image-content .image-homepage .image-homepage-large { float: left; width: 930px; height: 364px; position: relative; margin-top:-20px; }
#page-image-content .image-homepage .image-homepage-large a { width: 930px; height: 364px; display: block; text-decoration: none; border: none; }
#page-image-content .image-homepage .image-homepage-big { position: absolute; } 
#page-image-content .image-homepage .image-homepage-big a { width: 930px; height: 364px; display: block; text-decoration: none; border: none; }
#page-image-content .image-homepage .image-homepage-small { float: left; width: 465px; height: 58px; position: relative; }
#page-image-content .image-homepage .image-homepage-small a { width: 465px; height: 58px; display: block; border: none; margin-top:364; }
#page-image-content .image-homepage .image-homepage-small a:hover { background-position: -465px 0; }

#page-text-container { margin-top: -20px; }
#page-text-content .text-homepage { padding: 5px 15px ; }

/* -- SEARCH -- */

#search { color:#000; /*font-size:0.7em;*/ padding: 5px 5px; }
#search-container .search { float: right; color:#000; /*font-size:0.7em; /*padding: 2px 5px;*/ width: auto; }
label#keywords { /*font-size:1.25em; /*font-weight:bold;*/ color:#444; padding:0 5px 0 0; }
fieldset { float:right; text-align:right; width:auto; border-top:0px solid #CCC; border-right:0px solid #EEE; border-bottom:0px solid #CCC; border-left:0px solid #CCC; /*vertical-align:middle;*/ margin:0; padding:0; }
input#keywords { /*font-size:1.25em;*/ color:#444; margin:0 4px 0px 0; padding:2px 5px; border:1px solid #999; background:#F6F6F6; width:120px; /*height:18px;*/ }
input#search-submit { margin:0 4px -4px 0; padding:0; width:auto; color: #FFF; border:0px solid #FFF; }

/* -- FOOTER - DISCLAIMER -- */

#footer { clear:both; background:#AFB0A8; height:35px; padding:0 15px; }
#disclaimer-left {width:780px; float:left; height: 35px; text-align:right; margin:0 5px 0 0; font-size:0.7em; }
#disclaimer-left p, #disclaimer-left a { text-align: right; margin:0; padding: 10px 0 0 0; color:#FFF; text-decoration:none; height: 35px; }
#disclaimer-left a:hover { text-decoration:underline; }
#disclaimer-right { background:url(../image/common/logo-powered-smals-gris.gif) no-repeat center center; display:block; width:140px; height: 35px; float:right; }
#disclaimer-right a { display:block; text-indent:-9999px; height: 35px; }


/* -- CONTACT -- */

/*#page-content .contacts { margin: 0 0 27px 0; }
#page-content .contact { display: block; margin-bottom: 27px; padding-top: 11px; background-image: url(../image/common/arrow-line-grey.gif); background-repeat: no-repeat; background-position: top left; }
#page-content .contact .element { margin-bottom: 0; display: block; }
#page-content .contact .address { margin-bottom: 19px; display: block; }
#page-content .contact .label { width: 160px; float: left; border: 1px solid white; }
#page-content .contact .data { margin-left: 170px; width: 300px; border: 1px solid white; line-height: 17px; }*/

/* -- SITEMAP - PLAN DU SITE -- */

#content #sitemap {
	border: 0px solid black;
	padding: 0;
	position: relative;
	width: 665px;
	overflow: hidden;
}
#content #sitemap a { text-decoration: none; color: #646464; border: 0px solid white; font-size:0.9em; }
#content #sitemap a:hover { color: #00B0C9; border: 0px solid white; }
#content #sitemap .separator { background: url(../image/common/line-grey.gif) repeat-x; }
#content #sitemap .level-1-first { margin: 0; padding: 0 0 10px 0; width: 665px; }
#content #sitemap .level-1 { padding: 0 0 20px 0; width: 665px; }
#content #sitemap .level-1-item { float:left; width: 155px; padding: 4px 0 2px 1px; }
#content #sitemap .level-1-item a { font-weight: bold; }
#content #sitemap .level-2-first { float:left; margin: 0 0 0 3px; padding:0 0 0 0; width: 505px; }
#content #sitemap .level-2 { float:left; margin: 0 0 0 158px; _margin: 0 0 0 83px; padding: 0 0 0 0;  width: 505px; }
#content #sitemap .level-2-item-first { width: 200px; float: left; display: inline;  padding: 4px 0 2px 0px; _margin-left: 2px; }
#content #sitemap .level-2-item { width: 200px; float: left; padding: 2px 0 2px 0px; display: inline; }
#content #sitemap .level-3 { margin: 0 0 0 203px; padding:0px; }
#content #sitemap .level-3-item-first { width: 300px; _margin-left: -4px; padding: 2px 0 2px 0px; }
#content #sitemap .level-3-item { width: 300px; padding: 2px 0 2px 0px; }



/* 7.NAVIGATION
---------------------------------------------------------------------- */

/* -- MENUS FIXES HAUT DE PAGE -- */

#topnav-left {width:85%; float:left; height: 30px; }

#topnav-left-item { float: right;}
#topnav-left-item ul { margin: 0; padding: 0; list-style-type: none; }
#topnav-left-item ul li { float: left; padding: 12px 10px; }
#topnav-left-item ul li a { text-decoration:none; text-transform:uppercase; color:#FFF; letter-spacing:0.10em; font-size:0.8em; }
#topnav-left-item ul li a:hover { text-decoration:underline; }

#topnav-right {width:15%; float:left; height: 30px; }

#topnav-right-item { float: right; }
#topnav-right-item ul { margin: 0; padding: 0; list-style-type: none; }
#topnav-right-item ul li { float: left; padding: 12px 3px; }
#topnav-right-item ul li a { margin: 0; padding: 2px; text-decoration:none; text-transform:uppercase; color:#FFF; letter-spacing:0.10em; font-size:0.8em; }
#topnav-right-item ul li a:hover, #topnav-right-item ul li a.active  { background-color: #CCCCCC; color:#646464; padding: 2px; text-decoration:none; }

#primarynav ul { margin: 0; padding: 0; list-style-type: none; }
#primarynav ul li { margin: 0; padding: 0; float: left; padding:0 10px; }
#primarynav ul li a { margin: 0; padding: 0; text-decoration:none; text-transform:uppercase; color:#333; letter-spacing:0.05em; font-size:0.8em; }
#primarynav ul li a:hover, #primarynav ul li a.active  { color:#00B0C9; }

/* -- BREADCRUMB -- */

#breadcrumb a {
	color:#333;
	font-size:0.8em;
	text-decoration:none;
}
#breadcrumb a:hover { color:#999; text-decoration:none; }
.alouette {
	color:#00B0C9;
	font-size:0.8em;
}

/* -- MENU DE GAUCHE -- */

div.secondarynav ul.menu {padding: 0px; margin: 0px; list-style: none; border: none; text-align:left;}
div.secondarynav ul.menu li { margin: 0 0 0 0.75em; padding: 6px 0px 6px 0px; list-style-type: none; /*border-bottom: 1px solid #666666;*/ list-style-image:none; }
div.secondarynav ul.menu li.collapsed { border-bottom:0px; list-style: url(../image/common/menu-collapsed.png); }
div.secondarynav ul.menu li.expanded { border-bottom:0px; list-style-image:url(../image/common/menu-expanded.png); }
div.secondarynav ul.menu li ul li { padding: 6px 0px 6px 0px; list-style-type: none; /*border-bottom: 1px solid #666666;*/ list-style-image:none; }
div.secondarynav ul.menu li ul li.collapsed { border-bottom:0px; list-style: url(../image/common/menu-collapsed.png); }
div.secondarynav ul.menu li ul li.expanded { border-bottom:0px; list-style-image:url(../image/common/menu-expanded.png); }
div.secondarynav ul.menu li li{ padding: 3px 0px 3px 0px; list-style-type: none; }
div.secondarynav ul.menu ul { margin: 3px 0; }
div.secondarynav ul.menu li.first { }
div.secondarynav ul.menu a { font-weight: bold; color: #444; }
div.secondarynav ul.menu ul a { font-weight: normal; }
div.secondarynav ul.menu a:hover { color: #00B0C9; text-decoration: none; }
div.secondarynav ul.menu a.active {
	font-weight: bold;
	color: #000;
}
.hidden { display:none; }
.tree { cursor: pointer; padding: 0px ; margin: 0px; }
ul.levels { padding: 0; margin-left: -5px; }
li.level { /*font-size : 0.85em;*/ white-space : nowrap; font-family:Arial,Helvetica,sans-serif; font-weight : normal; }


/* 8.FORMULAIRE
---------------------------------------------------------------------- */

form { margin: 0px; padding: 0px }
#commentform { margin-left:5px; }

/*#commentform a { color:#10B0C9; }*/

div.form em.required {font-weight: bold;color: red;padding-left: 4px;font-style: normal; }

/*label { font-size:1em; }*/
input, textarea { font: 1em Arial, Verdana, Helvetica, sans-serif; color: #10B0C9; border: 1px solid #CDCDCD; padding: 0; width: 250px; }

/*textarea { width: 80%; height:200px; padding:6px; overflow:auto; }*/

input { padding:5px 5px 5px 5px; }
#content input, #content select { margin:3px 0; }
#content td input, #content td select {margin-left:10px;}
/*input#newsletter-category1, input#newsletter-category2 { padding:6px 0px 6px 10px; }*/
input#Nom { padding:3px 0px 6px 6px; }
input#Prenom { padding:3px 0px 6px 6px; }
input#email { padding:3px 0px 6px 6px; }
/*input#last-name { padding:6px 0px 6px 10px; }
input#first-name { padding:6px 0px 6px 10px; }
input#email { padding:6px 0px 6px 10px; }*/
/*input#submit { background-color:#10B0C9; color:#FFFFFF; padding:6px; cursor:pointer; width: auto; border:0; }
input#submit:hover { background-color:#74C2D5; }*/

/*input#KT_Insert1 {display:block;}*/
input#KT_Insert1 { background-color:#EEEEEE; color:#10B0C9; padding:3px; cursor:pointer; width: auto; border:0; }
input#KT_Insert1:hover { background-color:#74C2D5; color:#FFFFFF; }
#content td input#KT_Insert1 { margin-left:0px; }

/* 9.DEBUGGING
---------------------------------------------------------------------- */

/** { border: 1px solid #f00; }*/

.CadreContainer {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.ConteneurCentral {
	border: 1px solid #999;
}
.ResultSearch {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #09F;
	border-right-color: #09F;
	border-bottom-color: #09F;
	border-left-color: #09F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #069;
	background-color: #CAFDFF;
}
#DescriptionSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #999;
}
.Smals {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: 034689;
	position: relative;
	left: 882px;
	top: 777px;
	width: 143px;
}
.yellow {
	background-color:#FF9;
}