﻿
/* :::::::: LAYOUT :::::::: */

body{
font-family:"Trebuchet MS", Verdana, sans-serif;
background-color:#f2f2f2;
margin:0px;}
ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
li{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.bodyprint{
font-family:"Trebuchet MS", Verdana, sans-serif;
background-color:#ffffff;
margin:0px;}


.container{
width:911px;
margin:auto;}

.headercontainer{
padding:10px 0px 10px 0px;
height:100px;}
	.logo{
	float:left;
	width:443px;}
	.pub{
	float:right;
	width:468px;}

.menucontainer{
clear:both;
height:28px;}
	.menushadow{
	float:left;
	width:9px;}
	.menu{
	float:right;
	background-image:url(/Newimages/menubg.jpg);
	width:902px;
	height:28px;}
	.divider{
	text-align:center;
	font-size:12px;
	color:#eff6fa;}
		.menu a{
		font-size:12px;
		color:#eff6fa;
		text-decoration:none;}
		.menu a:hover{
		font-size:12px;
		color:#012d46;
		text-decoration:none;}
		.active{
		background-image:url(/Newimages/menuitemactive.gif);
		background-position:bottom;
		background-repeat:no-repeat;}

.submenucontainer{
clear:both;
height:35px;}
	.submenushadow{
	float:left;
	width:9px;
	height:35px;
	background-image:url(/Newimages/submenushadow.jpg);}
	.submenu{
	float:right;
	background-image:url(/Newimages/submenubg.jpg);
	background-position:right;
	width:902px;
	height:35px;}
	.subdivider{
	text-align:center;
	font-size:10px;
	color:#adadad;}
		.submenu a{
		font-size:10px;
		color:#adadad;
		text-decoration:underline;}
		.submenu a:hover{
		font-size:10px;
		color:#333333;
		text-decoration:underline;}
	.searchfield{
	width:100px;
	height:12px;
	font-size:10px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	border:1px solid #adadad;}
	
	.submenulist{
	font-size:12px;
	color:#808080;
	line-height:13px;
	padding-left:0px;}
	.submenulist li{
	list-style-image:url(/Newimages/list.gif);
	border-top:1px solid #e8e8e8;}
	.submenulist a{
	font-size:12px;
	color:#808080;
	text-decoration:none;
	display:block;}
	.submenulist a:hover{
	font-size:12px;
	color:#0779bd;
	text-decoration:none;
	background-color:#fcfdfe;
	display:block;}
	.submenuactive{
	background-color:#f4f6f8;}
	.submenuactive a{
	color:#0779bd;
	display:block;}

.contentcontainer{
clear:both;}
	.contentshadow{
	background-image:url(/Newimages/contentshadow.jpg);
	background-repeat:repeat-y;}
	.content{
	background-image:url(/Newimages/contentbg.jpg);
	background-repeat:repeat-y;}
		.hr{
		border-bottom:1px solid #adadad;
		margin-bottom:10px;}
		.contenttitle{
		font-size:16px;
		color:#0779bd;
		text-align:left;}
		.contentsubtitle{
		font-size:14px;
		color:#0779bd;
		text-align:left;}
		.contenttext{
		font-size:12px;
		color:#808080;
		text-align:left;}
		.contenttext a{
		color:#0779bd;
		text-decoration:none;}
		.contenttext a:hover{
		color:#808080;
		text-decoration:none;}
		b{
		color:#6e6e6e;}
		.box{}
		.boxtitle{
		font-size:16px;
		color:#0779bd;}
		.boxsubtitle{
		font-size:12px;
		color:#055b8f;}
		.boxtext{
		font-size:11px;
		color:#808080;}
		
        .boxtitle_withlink{
		font-size:16px;
		color:#0779bd;}
		}
		.boxtitle_withlink a{
		color:#0779bd;
		font-size:16px;
		text-decoration:none;}
		.boxtitle_withlink a:hover{
		color:#0779bd;
		font-size:16px;
		text-decoration:none;}
			.boxlist{
			font-size:11px;
			color:#808080;
			padding-left:12px;}
			.boxlist li{
			list-style-image:url(/Newimages/list.gif);}
			.boxlist a{
			font-size:11px;
			color:#808080;
			text-decoration:none;}
			.boxlist a:hover{
			font-size:11px;
			color:#0779bd;
			text-decoration:none;}	
		.more{
		border-top:1px solid #0779bd;
		padding-top:5px;
		line-height:15px;}
		.more a{
		color:#0779bd;
		font-size:12px;
		text-decoration:none;}
		.more a:hover{
		color:#990000;
		text-decoration:none;}
		
		.totop{
		text-align:right;
		font-size:10px;}
		
		.bluebox{
		background-color:#0779bd;
		font-size:11px;
		color:#ffffff;}
		.blueboxtitle{
		font-size:14px;
		color:#ffffff;
		padding-left:10px;}
			.blueboxtitle a{
			font-size:15px;
			color:#eff6fa;
			text-decoration:none;}
			.blueboxtitle a:hover{
			font-size:15px;
			color:#012d46;
			text-decoration:none;}
			.forget a{
			font-size:9px;
			color:#eff6fa;
			text-decoration:none;}
			.forget a:hover{
			font-size:9px;
			color:#012d46;
			text-decoration:none;}
			.white {
			font-size:12px;
			color:#eff6fa;
			}
			.white a{
			font-size:12px;
			color:#eff6fa;
			text-decoration:underline;}
			.white a:hover{
			font-size:12px;
			color:#012d46;
			text-decoration:none;}
	.dossiersalfabet{
	background-image:url(/Newimages/alfabetbg.gif);
	width:19px;
	height:19px;
	text-align:center;
	line-height:19px;
	float:left;
	margin:10px 2px 10px 1px;}
	.dossiersalfabet a{
	color:#FFFFFF;
	display:block;}
	.dossiersalfabet a:hover{
	color:#CCCCCC;
	display:block;}

	.leden{
	 background-image:url(/Newimages/ledenbg.gif);
	 background-position:top left;
	 background-repeat:no-repeat;
	 width:260px;
	 height:210px;}
	 .slideshow1{		
	 width:160px;
	 height:90px;
	 margin:0 0 0 50px;}
	 .slideshow2{		
	 width:160px;
	 height:90px;
	 margin:0 0 0 50px;}
	 

.footercontainer{
height:46px;
clear:both;}
	.footershadow{
	float:left;
	width:9px;
	height:46px;
	background-image:url(/Newimages/footershadow.jpg);}
	.footer{
	float:left;
	background-image:url(/Newimages/footerbg.jpg);
	width:902px;
	height:46px;
	font-size:10px;
	color:#adadad;
	text-align:center;
	line-height:40px;}
		.footer a{
		font-size:10px;
		color:#adadad;
		text-decoration:underline;}
		.footer a:hover{
		font-size:10px;
		color:#333333;
		text-decoration:underline;}
		
.ramdesign{
height:30px;
font-size:9px;
text-align:center;
color:#0779bd;}
.ramdesign a{
font-size:9px;
color:#0779bd;
text-decoration:none;}
.ramdesign a:hover{
font-size:9px;
color:#666666;
text-decoration:none;}
		
.spatie5{
height:5px;}
.spatie10{
height:10px}
.spatie20{
height:20px}
.spatie30{
height:30px}

.calendarHeader{
color:#808080;}
.calendar{
background-color:#e8e8e8;}
.calendarcel{
background-color:#FFFFFF;}
.calendarToday{
background-color:#0779bd;
color:#FFFFFF;
font-weight:bold;}
.calendarEvent{
background-color:#bfdbec;
color:#666666;}

.datatable{
background-color:#e8e8e8;}
.datatable td{
background-color:#FFFFFF;
font-size:11px;}
.datatable th.descend{
background-image:url(/Newimages/caret_up.gif);}
.datatable th.ascend{
background-image:url(/Newimages/caret_down.gif);}
.datatable th{
background-color:#e8e8e8;
background-position: 95% 50%;
background-repeat:no-repeat;
cursor:pointer;
padding: 6px 15px 6px 6px;}
A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #0779bd;    
    TEXT-DECORATION: none
}
A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #6e6e6e;    
    TEXT-DECORATION: underline
}


.message
{
    FONT-WEIGHT: bold;
    COLOR: #ff0000;
    TEXT-ALIGN: center
}
TD
{
    font-family:"Trebuchet MS", Verdana, sans-serif;
    COLOR: #6e6e6e;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: top;    
} 
p
{
    font-family:"Trebuchet MS", Verdana, sans-serif;
    COLOR: #6e6e6e;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: top;    
} 
TD.tdcoltext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: top;    
} 

TD.text
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: top;    
}  



 
TD.tdblack
{
    BACKGROUND-COLOR: #000000
}
TD.tdcoltextblanck
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: top;
    COLOR: #ffffff;
}
TD.tdnormaltext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
	LINE-HEIGHT : 15px;
    COLOR: #4d4d4d;
}
TD.tdinterline
{
    LINE-HEIGHT : 6px
}
.tdchiffre
{
    BORDER-RIGHT: #0077bf 1px solid;
    COLOR: #6e6e6e;
    FONT-SIZE: 10px;
    BORDER-BOTTOM: #0077bf 1px solid;
    TEXT-ALIGN: right
}
.tddroite
{
    BORDER-RIGHT: #0077bf 1px solid;
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: top;
    COLOR: #6e6e6e;
    BORDER-BOTTOM: #0077bf 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tdclair
{
    VERTICAL-ALIGN: top;
    COLOR: white;
    FONT-SIZE: 12px;
    BACKGROUND-COLOR: #7ca2cd;
    FONT-VARIANT: normal
}
.tdfonce
{    
    VERTICAL-ALIGN: top;
    COLOR: #ffffff; 
    FONT-SIZE: 12px;
    BACKGROUND-COLOR: #1a69ad; 
}
.tdfoncenormal
{
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: top;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #666699;
}
.tdclairnormal
{
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: top;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #9999cc;
}
.tdorange
{
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: top;
    COLOR: #666699;
    BACKGROUND-COLOR: #ffcc99;
}
.tdorange3cote
{    
    BORDER-TOP: #152495 0.5pt solid;
    BORDER-BOTTOM: #152495 0.5pt solid;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: #152495 0.5pt solid;
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: top;    
    COLOR: #373485;    
    BACKGROUND-COLOR: #ffdab9;
}
.tdbegin
{
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: top;
    COLOR: #ffffff;    
    BACKGROUND-COLOR: #0077bf;
}
.tdbeginlibre
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;    
    BACKGROUND-COLOR: #0077bf; 
}
.tdnormal
{    
    BORDER-TOP: medium none;
    BORDER-BOTTOM: #152495 0.25pt solid;    
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    FONT-SIZE: 10px;
    COLOR: #4d4d4d;    
}
.tdfindroite
{
    BORDER-TOP: medium none;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: #0077bf 0.25pt solid;    
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: top;    
    COLOR: #6e6e6e;    
}
.td3cote
{    
    BORDER-TOP: #0077bf 0.5pt solid;
    BORDER-BOTTOM: #0077bf 0.5pt solid;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: #0077bf 0.5pt solid;
    FONT-SIZE: 10px;    
    COLOR: #6e6e6e;    
}



em
{
	COLOR: #6e6e6e;
    FONT-SIZE: 10px;
}
BR.page
{
    PAGE-BREAK-AFTER: left
}

.tdnormaltext{
		font-size:12px;
		color:#0779bd;}
		.tdnormaltext a{
		color:#0779bd;
		font-size:12px;
		text-decoration:none;}
		.tdnormaltext a:hover{
		color:#012d46;
		font-size:12px;
		text-decoration:none;
}

a.blank
{
	font-size:12px;
	color:#ffffff;	
	text-decoration:none;
}
a.blank:hover
{
	font-size:12px;
	color:#000066;	
	text-decoration:none;
}
a.login
{
	font-size:12px;
	color:#ffffff;	
	text-decoration:none;
}
a.login:hover
{
	font-size:12px;
	color:#000066;	
	text-decoration:none;
}
