@CHARSET "UTF-8";

/*

ORANGE: FF6A00
LBLUE: 88BEE3 (lines, etc.)
BLUE: 6196DB (general purpose)
DBLUE: 1C0B75 (titles, highlights)

TEXT GREY: 6E6E6E

*/

/*-------------------------------------------------------------*/
/*POSITIONS AND STYLES OF MAIN ELEMENTS-----------------------*/
/*-----------------------------------------------------------*/


body, table, td, form {
	margin:0; padding:0; 
}

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url("../img/body.bg.png");
}
input, textarea { font-family:Arial, Helvetica, sans-serif; }
a {
	color:#F00;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.pink { color:#fa0072 }
.blue { color:#36a8dB }

/*PAGE----------------------------------------------*/

#root { 
	width:990px; 
	margin:0 auto;
	text-align:left; 
}


/*TOP----------------------------------------------*/

#top {
	float:left; display:block;
	width:990px; height:115px;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url("../img/header.bg.jpg");
}

#logo { position:absolute; display:block; margin:5px 0 0 855px; padding:0px; width:160px; }
	#logo a img { float:left; display:block; border:none; margin-bottom:8px; }


#lang {
	position:absolute; display:block; margin:5px 0 0 10px;
	font-size:9px; white-space: nowrap;
	}
	#lang a { 
		padding:0 0 10px 5px;
		background-position: top left;
		background-repeat: no-repeat;
		color:#6196DB;
	}	
	/*#lang a.nl { background-image: url("../img/flag.nl.png"); }
	#lang a.fr { background-image: url("../img/flag.fr.png"); }*/
	
	
#topnav { 
	position:absolute; display:block;  margin:85px 0 0 690px; 
	width:280px; height:25px; font-size:12px; color:#3d3d52;
	text-align:right;
	}
	
	#topnav div {
		display:inline; float:right; margin:0 0 0 5px;
		background-position: top right;
		background-repeat: no-repeat;
	}
	#topnav div a {
		float:left; padding:7px 3px 7px 30px; margin:0 3px 0 0;
		background-position: top left;
		background-repeat: no-repeat;
		text-transform:uppercase; font-size:10px; white-space: nowrap; color:#fff;
	}
	#topnav div a:hover { text-decoration: none; }
	#topnav div.shop { background-image: url("../img/button.shop.border.png"); }
	#topnav div.shop a { background-image: url("../img/button.shop.bg.png"); }
	#topnav div.extranet { background-image: url("../img/button.extranet.border.png"); }
	#topnav div.extranet a { background-image: url("../img/button.extranet.bg.png"); }
	
	/*SHOP DISABLED*/
	#topnav div.shop { display:none; }


#mainnav {
	float:left; display:block;
	width:820px; height:28px; margin-top:12px;
}
	#mainnav a { font-size:13px; color:#3d3d52; text-decoration:none; }
	#mainnav a:hover { color:#36a8dB; text-decoration:none; }
	
/*MENU: MAINNAV TABLE----------------------------------------------*/
#mainnav {
	position:absolute; display:block;  margin:86px 0 0 10px; 
	}
	
	#mainnav ul, #mainnav li, #mainnav a {
		float:left; margin:0; padding:0; display:inline;
	}
	
	#mainnav li.menu-level1,
	#mainnav li.menu-level1-active,
	#mainnav li.menu-level1-current-active,
	#mainnav li.menu-level1-with-subpage {
		margin:0 3px 0 0; padding:0;
		background-repeat: no-repeat;
		background-position:top left;
	}
	#mainnav ul.menu-level1 a {
		padding:4px 10px 8px 6px; margin:0 0 0 4px;
		background-repeat: no-repeat;
		background-position:top right;
		font-size:14px; color:#1C0B75;
	}
	
	#mainnav li.menu-level1,
	#mainnav li.menu-level1-with-subpage { background-image: url('../img/m.lvl0.normal.border.png'); }
	#mainnav li.menu-level1 a,
	#mainnav li.menu-level1-with-subpage a { color:#fff; background-image: url('../img/m.lvl0.normal.png'); }
	
	#mainnav li.menu-level1-active { background-image: url('../img/m.lvl0.sel.border-short.png'); }
	#mainnav li.menu-level1-current-active { background-image: url('../img/m.lvl0.sel.border.png'); }
	#mainnav li.menu-level1-active a,
	#mainnav li.menu-level1-current-active a { color:#fff; background-image: url('../img/m.lvl0.sel.png'); }
	
	#mainnav ul.menu-level2 li { margin:0 0 0 2px; }
	
	#mainnav ul.menu-level2 a,
	#mainnav li.menu-level1 li a,
	#mainnav li.menu-level1-active li a,
	#mainnav li.menu-level1-current-active li a,
	#mainnav li.menu-level1-with-subpage li a { color:#1C0B75; }
	
	#mainnav li.menu-level2,
	#mainnav li.menu-level2-active,
	#mainnav li.menu-level2-current-active,
	#mainnav li.menu-level2-with-subpage {
		background-repeat: no-repeat;
		background-position:top left;
	}
	
	#mainnav li.menu-level2,
	#mainnav li.menu-level2-with-subpage { background-image: url('../img/m.lvl1.normal.border.png'); }
	#mainnav li.menu-level2 a,
	#mainnav li.menu-level2-with-subpage a { color:#fff; background-image: url('../img/m.lvl1.normal.png'); }
	
	#mainnav li.menu-level2-active,
	#mainnav li.menu-level2-current-active { background-image: url('../img/m.lvl1.sel.border.png'); }
	#mainnav li.menu-level2-active a,
	#mainnav li.menu-level2-current-active a { color:#fff; background-image: url('../img/m.lvl1.sel.png'); }

	#mainnav li.menu-level1-current-active a { padding-bottom:9px; }
	#mainnav li.menu-level1-current-active li a { padding-bottom:8px; }
	#mainnav li.menu-level1-active li.menu-level2-active a,
	#mainnav li.menu-level1-active li.menu-level2-current-active a { padding-bottom:9px; }

/*CONTENT----------------------------------------------*/

#content { float:left; display:block; width:990px; }

	
	#mainWrapper,
	#homeBoxWrapper { float:left; display:block; width:772px; margin:10px 0 10px 10px; }
	
	#homeBoxTop { 
		float:left; display:block; width:772px; height:3px;
		background-repeat: no-repeat; 
		background-position: top left;
		background-image: url('../img/home.main.border.png');
	}
	#homeBox { 
		float:left; display:block; width:772px; margin:0 0 10px 0;
		background-repeat: no-repeat; 
		background-position: bottom left;
		background-image: url('../img/home.main.bg.jpg');
	}
	
/*title of the page, locator, print, icon*/
	#title { float:right; display:block; }
	#locator { float:left; display:block; width:772px; font-size:10px; padding:7px 0 7px 0; color:#6E6E6E; }
	#locator a { color:#6E6E6E; text-decoration:none; }
	#locator a:hover { color:#FF6A00; text-decoration:underline; }	
	
	a.print { float:right; display:block; margin:5px; padding:5px 15px 5px 0; text-decoration:none; color:#fff; font-size:11px; margin:0 25px 0 0;  }
	a.print:hover { text-decoration:none; color:#fff; }

/*content divs, content stylesheet for innerHTML*/

	#left, #normal, #right { float:left; display:block; }
	#normal { width:772px; margin:0; }
	#right { width:180px; margin:10px 0 10px 10px; }
	
	#homeBox #title { width:427px; margin:0 0 0 344px; border-bottom:1px solid #88BEE3; }
	#homeBox #left { width:202px; margin:10px 0 10px 344px; }
	#homeBox #normal { width:202px; margin:10px 0 10px 4px; }

/*shortcuts*/

	#shortcutsWrapper { float:left; display:block; width:772px; margin:0 0 10px 0; font-size:12px; }

	#shortcutsWrapper .newsletter,
	#shortcutsWrapper .recherche,
	#shortcutsWrapper .brochure {
		float:left; display:block; width:279px; height:139px; overflow:hidden; padding:0; margin:0 10px 0 0;
		background-repeat: no-repeat; 
		background-position: top left;
	}
		#shortcutsWrapper .newsletter { width:193px; background-image: url('../img/newsletter.bg.jpg'); }
		#shortcutsWrapper .recherche { background-image: url('../img/recherche.bg.jpg'); }
		#shortcutsWrapper .brochure { background-image: url('../img/brochure.bg.jpg'); margin:0; }
	

/*FOOTER----------------------------------------------*/

#footer {
	width:990px; height:21px; margin:0 auto;
	background-image: url('');
	background-repeat: repeat-x;
	background-position: top left;
	background-image: url('../img/footer.bg.png');
	clear: both;
	padding:6px 0 10px 0;
	font-size:10px; color:#6E6E6E;
}
	#footer a { color:#555; }
	#footer a:hover { color:#000; }
	
	
/*SPLASH----------------------------------------------*/

body.splash { background: none; }
body.splash #header { position:absolute; left:-1000px; }
body.splash #splashFlash { height:600px; }
body.splash #footer { background: none; text-align: center; }

