/* -------------------------------------------------
	Version	:	1.0
	Author	:	Tremani
	E-mail	:	info@tremani.nl
	Website	:	http://tremani.nl
	Client	:	http://vsonet.nl/
---------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td { margin:0; padding:0; background-color:transparent;}
html, body {  height:100%; text-align:center; }
body { font:69%/1.5em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000; background:#fff url(../img/bg-body.png) repeat-x 0 0; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, li, address { margin:16px 0 16px 0; }
h1, h2, h3, h4, h5, h6 { font-family:"Helvetica neue", Helvetica, calibri, Arial, Verdana, sans-serif; letter-spacing:0; background-color:transparent; }
img {border:0;}
		
h1{font-size:18px;}
h2 {font-size:13px; margin:0 0px 0 0; padding-left:11px; line-height:25px; color:#fff; background:#f60000; }
h3 {font-size:100%; margin-bottom:-16px; color:#000; background:transparent;}
h4 {font-size:100%; margin-bottom:-16px;}
h5 {font-size:90%; margin-bottom:-16px;}
h6 {font-size:90%; margin-bottom:-16px; font-weight:normal; }

a, 
a:visited { background-color:transparent; text-decoration:none; color:#6e6e6e; }
a:hover {  background-color:transparent; color:#f60000;}
a:active { background-color:transparent; color:#000;}

ul {margin:1.8em 0 1.5em 0; padding:0; list-style:none; position:relative;}
ul li {position:relative; background:transparent url(../img/bullet-li-black.png) no-repeat 0 9px; padding-left:8px; margin:.3em 0 .3em 0;}

.noTopMarg {margin-top:0;}

/* SITE SPECIFIC ______________________________________
_______________________________________________________ */

#outer-wrapper { min-height:100%; width:778px; margin:0 auto 0 auto; padding: 0 0 0 0; background:transparent url(../img/bg-wrapper.png) repeat-y 0 0; text-align:left;}
	* html #outer-wrapper { height: 100%; }
#inner-wrapper { padding: 0 0 40px 0;}
	
#header {position:relative; z-index:1; height:149px; width:778px; background:#fff; border-bottom:21px solid #fff; border-top:12px solid #f60000;}
#header-logo {position:absolute; top:0px; left:0px; height:137px; width:175px; background:transparent url(../img/logo.png) no-repeat 0 0;}
#header-image {position:absolute; top:-12px; right:-16px; height:149px; width:605px; background:#fff url(../img/header-image.jpg) no-repeat 0 0;}
	* html #header-image {right:-1px;}
/* Nav extras ----------------------------------------------------------- */
	#extras {height:36px; background:url(../img/nav-extras-bg.png) repeat-x 0 0; position:relative; margin:-6px 0 13px 0; padding-left:6px; z-index:10;}
	ul#nav-extras {padding:0; margin:0; list-style:none; }
	ul#nav-extras li {float:left; display:inline; position:relative; padding:0; margin:0; background-position:0 0; background-repeat:no-repeat; width:35px; height:36px; }
	ul#nav-extras a,
	ul#nav-extras a:visited {position:absolute; top:0; height:36px; width:35px; display:block; background-color:transparent; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; /*border:1px solid red; */}
	ul#nav-extras a:hover {background-position:0 -36px;}
	ul#nav-extras a:active {background-position:0 -72px;}
	
	li#btn-home, #btn-home a, #btn-home a:visited { background-image:url(../img/nav-extras-home.png); }
	
/* Main Nav ----------------------------------------------------------- */
#nav {width:175px; margin:0 auto 18px 0; font-family:"Helvetica neue", Helvetica, calibri, Arial, Verdana, sans-serif; font-size:13px;}
	* html #nav {/*position:relative; */}
ul#mainnav  {padding:0;	margin:0; list-style:none; }
ul#mainnav li {position:relative; margin:0 0 4px 0; width:175px; padding:1px 0; min-height:23px; line-height:21px !important; }
	* html ul#mainnav li {height:22px; margin-bottom:1px;}
ul#mainnav li a,
ul#mainnav li a:visited {position:absolute; top:0; text-indent:-9999px; left:-4px; width:163px; padding:1px 0 1px 16px; min-height:23px; color:#fff; line-height:21px; font-weight:bold; display:block; color:#f60000; background-color:#fff; background-position:0 0; background-repeat:no-repeat; overflow:hidden; }
	* html ul#mainnav li a,
	* html ul#mainnav li a:visited {height:22px;}
ul#mainnav li a:hover {color:#fff; background-color:#f60000; background-position:0 -25px;  }
ul#mainnav li a:active {color:#fff; background-color:#f60000; background-position:0 -50px;  }
ul#mainnav li.deactivated a,
ul#mainnav li.deactivated a:visited {background-position:0 -75px; cursor:default; }
ul#mainnav li.current a, 
ul#mainnav li.current a:visited {color:#fff; background-color:#000; background-position:0 -50px;}
	* html ul#mainnav li.current a {color:#fff; background-color:#000;}
	*:first-child+html ul#mainnav li.current a {color:#fff; background-color:#000;}
	span.no_option { display:block; overflow:hidden; text-indent:-3000px; }
	#btn-1 a, #btn-1 a:visited, #btn-1 span.no_option {background-image:url(../img/nav1.png);}
	#btn-2 a, #btn-2 a:visited, #btn-2 span.no_option  {background-image:url(../img/nav2.png);}
	#btn-3 a, #btn-3 a:visited {background-image:url(../img/nav3.png);}
	#btn-4 a, #btn-4 a:visited {background-image:url(../img/nav4.png);}
	#btn-5 a, #btn-5 a:visited {background-image:url(../img/nav5.png);}
	
/* Menu --------------------------------------------------------------------- */
#breadcrumb {/*color:#6e6e6e; */color:#646464;padding-left:10px;}
#breadcrumb a {background:none; padding:0; color:#6e6e6e; border-bottom:1px #d9d9d9 solid;}
#breadcrumb a:hover {color:#f60000; border-bottom:none;}
#breadcrumb a:active {color:#000;}

.menu {padding:0 0 0 0px; margin:1em 0; /*border:1px solid red;*/}
.menu li {/*padding:0 0 0 0 !important; margin:0 0 !important; border:1px solid green;*/}
.menu a,
.menu a:visited {color:#000; font-weight:bold; background:url(../img/btn-more2.png) no-repeat 0 0; padding-left:14px;;}
.menu a:hover {color:#f60000; background-position:0 -15px;}
	
/* Page structure ----------------------------------------------------------- */
#col1 {float:left; width:175px;}
#col2 {float:left; width:370px; margin-left:29px; z-index:10; position:relative;}
#col3 {float:left; width:175px; margin-left:29px;}
.block { margin:23px 0; position:relative;}
	.block.first{ margin:0 0 23px 0;}
	* html .block {height:1px;}
	
	* html .block h2 {line-height:20px; padding:1px 0 3px 17px;}
	*:first-child+html .block {/*margin-bottom:-23px;*/}
.item {padding:0 0 0 0; /*position:relative;*/}
.caption {font-weight:bold; font-size:10px; text-align:right; color:#004990; margin:0 0 8px 0;}


/* content  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
p.title {font-weight:bold; margin-bottom:-16px;}
	* html p.title { margin-bottom:-15px; line-height:1.3em;}
	*:first-child+html p.title {line-height:1.3em;}
p.title a {color:#000 !important; font-weight:bold;}
p.title a:hover {color:#f60000 !important;}
.date { font-weight:bold; color:#0191bf;}
	* html .date {top:3px;position:relative;}
	*:first-child+html .date {top:3px;position:relative;}


.more {float:right; margin:-24px 5px 0 0; padding:3px 0 1px 0; position:relative; display:inline;}
.more a, .more a:visited {color:#fff; font-size:11px; font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; padding:0px 14px 3px 0; background:transparent url(../img/btn-more.png) no-repeat 100% 0;}
.more a:hover { color: #77d5f7; background-position:100% -15px;  }
.more a:active { color:#000; background-position:100% -30px;}

a.alt-link {color:#000 !important; background-image:none; padding-right:0;}
a:hover.alt-link {color:#f60000 !important;}
a:active.alt-link {color:#000 !important;}

p a {background:transparent url(../img/btn-more2.png) no-repeat 100% 0; padding-right:15px;}
	* html p a {background-image:none; padding-right:0px;}
	*:first-child+html p a {background-image:none; padding-right:0px; }
	p a > span.hide {display:none;}
	*:first-child+html p a > span.hide {display:inline; }
	
p a:hover { background-position:100% -15px; }
p a:active { background-position:100% -30px;}

/* dossiers  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.cta-dossiers {}
.cta-dossiers a.ados {background-image:none; border:1px solid #f60000; position:relative; display:block; color:#000; font-weight:bold;}
.cta-dossiers img {display:block; position:relative;}
.cta-dossiers a.ados span.dos-hover,
.cta-dossiers a:visited.ados span.dos-hover {position:relative; display:block; margin:-79px 0 0 0; width:160px; min-height:11px; padding:60px 0 7px 13px; color:#000; background-image:none; line-height:1.2em;}
.cta-dossiers a:hover.ados span.dos-hover {background:transparent url(../img/cta-dossiers-b8bits.png) no-repeat 0 0; color:#fff; }


/* Footer ----------------------------------------------------------- */
#footer {position:relative;	padding:1px 0; width:778px; margin:-33px auto 0 auto; height:10px; background:#f60000; color:#000; text-align:left; border-top:21px solid #fff;}

#footer .copyright {position:absolute; top:-3px; right:-70px; width:150px; height:12px; text-align:right; padding:0px 0px 0px 0px;}
	* html #footer .copyright {position:absolute; top:-1px; right:-77px; width:150px; height:12px; text-align:right; padding:0px 0px 0px 0px;}
	#footer .copyright a,
	#footer .copyright a:visited {position:absolute; top:0; right:0; text-align:right; color:#000; text-decoration:none; letter-spacing:1px; font:9px/12px "lucida sans", verdana, sans-serif;}

	#footer .copyright a:hover {color:#38b1d7; background-color:transparent; }
	#footer .copyright a:focus,
	#footer .copyright a:active {color:#000; background-color:transparent; }
	#footer .copyright a span {font-size:11px;}

/* Standard extras ----------------------------------------------------------- */
.seo {position:absolute; left:-5000px; top:-5000px}	
.usability {text-indent:-5000px; }
#header > .usability {height:1px; width:1px; min-height:1px; min-width:1px; text-indent:0; font-size:1px; color:#fff; line-height:1px; overflow:hidden; background-color:transparent;}/*fix ff-mac render bug*/
#header a#gohome, #header a:visited#gohome {position:absolute; top:0; left:0; height:92px; width:203px; text-indent:-9999px; overflow:hidden; background-color:transparent; }
.clearer { clear:both; font-size:0px; line-height:0;  padding:0;}
.float-l { float:left; margin-right:1em; display:inline;}
.float-r { float:right; margin-left:1em; display:inline;}