/*-------- Zcore VDoc Easy Site -------*/

BODY {margin:0px; padding:0px; background:#ffffff url(../images/fond.gif); text-align:center;}

/*---links---*/
A:link, A:visited {font:normal 12px Calibri; color:#0000FF; text-decoration:underline;}
A:hover, A:active {font:normal 12px Calibri; color:#333333; text-decoration:underline;}

/*---HTML forms---*/
FORM {padding:0px; margin:0px; }
INPUT,TEXTAREA,SELECT { background:white; color:#333333; border:1px solid #D2D2D2; font:normal 12px Calibri; padding:2px; }
INPUT.radio { background:transparent none; border:none;}
INPUT.checkbox { background:transparent none; border:none; }


/*----------------------------------------global layout---*/
.page {background-color:#ffffff; width:769px; margin:20px auto 20px auto;}
.layout { margin:20px; width:729px; text-align:left; }

/*--header--*/
.header {}

/*top navigation*/
.header .topnav {margin:0px; padding:0px; height:22px; padding-right:10px; }
.header .topnav .outer {float:right; margin-top:4px;}
.header .topnav .leftmargin {width:0px;}
.header .topnav .left {width:4px;}
.header .topnav .content {height:16px; font:normal 10px Calibri; padding:0px 4px 0px 4px; }
.header .topnav .right {width:0px;}
.header .topnav .rightmargin {width:0px;}

	/*topnav links*/
	.header .topnav A:link, .header .topnav A:visited {color:#7A7A7A; text-decoration:underline;}
	.header .topnav A:hover, .header .topnav A:active {color:#0000FF; text-decoration:underline;}

/*-quicksearch-*/
.header .quicksearch {float:right; margin:0px 0px 1px 0px; height:22px; padding-left:10px; width:auto}
.header .quicksearch A:link,.header .quicksearch A:visited {color:#333333}
.header .quicksearch A:hover,.header .quicksearch A:active {color:#333333}

/*graphic identity*/	
.header .identity {height:225px; background:#96A5AC; border:1px solid #000000; clear:both; }
.header .identity .logo-left {font-size:0px}
.header .identity .image {font-size:0px}
.header .identity .image IMG {margin:0px;}
.header .identity .logo-right {font-size:0px}

/*mainnav*/
.header .mainnav {height:22px; background:#000066; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; text-align:left; padding-left:170px;}/*align menu with text-align*/

/*--container--*/
.container { width:100%; background:white;}
.sublayout {}

/*left column*/
.leftcol {width:170px; background-color:#C3CCD5 }
.leftcol .outer {width:170px; margin:0px}
.leftcol .topmargin {height:0px; }
.leftcol .content {font-family:Verdana,Arial,helvetica,sans-serif; font-size:15px;}
.leftcol .bottommargin {height:20px; background:#ffffff; }

/*middle column*/
.maincol {}
.maincol .topmargin {height:10px;}
.maincol .content { padding:6px 0px 0px 0px; font-size:15px; font-family:Calibri; color:#595959;}
.maincol .bottommargin {height:10px; }

/*right column*/
.rightcol {width:170px; background-color:#C3CCD5 }
.rightcol .outer {width:170px; margin:0px}
.rightcol .topmargin {height:0px; }
.rightcol .content {text-align:center; font-size:15px; font-family:Calibri; color:#595959;}
.rightcol .bottommargin {height:20px; background:#ffffff; }


/*--footer--*/
.footer {margin:0px 0px 10px 0px; padding:0px; border-bottom:16px solid #000066; background:white; }

.footer #poweredBy {position:absolute; width:86px; height:24px; left:640px; top:34px; background: url(../images/poweredbyvdoc.gif) no-repeat left top; }

.footer .bottomnav {margin:0px; padding:0px; background:#C3CCD5; border-bottom:1px solid #ffffff; height:16px;}
.footer .bottomnav .outer {margin:0px; padding:0px; float:right}
.footer .bottomnav .leftmargin {width:0px;}
.footer .bottomnav .left {width:3px; background:url(../images/bottomnavleft.gif) no-repeat; }
.footer .bottomnav .content {height:16px; font:normal 10px Calibri; padding:0px 12px 2px 12px; }
.footer .bottomnav .right {width:0px;}
.footer .bottomnav .rightmargin {width:0px;}

	/*bottomnav links*/
	.footer .bottomnav A:link, .footer .bottomnav A:visited {color:#000066; text-decoration:underline;}
	.footer .bottomnav A:hover, .footer .bottomnav A:active {color:#0000FF; text-decoration:underline;}
	
	

/*----------------------------------------contents---*/

/*-content zone-*/
.main-content  {font:normal 15px Calibri; margin:0px; height:100%; color:#595959;}
.main-content TD {font-family:Calibri; font-size:15px; color:#595959; }

/*-titres-*/
.main-title {font-size:15px; color:#333333; padding:0px; margin:5px 14px 5px 10px; }

.title-level1 { font:bold 14px Calibri; color:#333333; padding:0px; margin:10px 0px 7px 0px}
.title-level2 { font:bold 13px Calibri; color:#333333; padding:0px; margin:10px 0px 7px 0px}

/*Multicolumn*/
.multicolumn {}
.multicolumn .outer {}
.multicolumn .column {}
.multicolumn .column-1 {}
.multicolumn .column-2 {}

/*-content bloc-*/
.text-bloc {margin:10px 15px 10px 12px; }

/*-text types-*/
.bloc-header {font-weight:bold; color:#333333; margin:5px 0px 10px 0px}
.paragraph {color:#333333; margin:5px 0px 10px 0px; font-weight:normal }
.separator {height:6px; font-size:1px; background:url(../images/separator.gif) repeat-x; padding:0px; margin:5px 15px 10px 12px; text-align:right; clear:both}
#withtop.separator {height:16px; font-size:1px; background:url(../images/separator.gif) repeat-x left bottom; padding:0px; margin:5px 15px 10px 12px; text-align:right; }
#withtop.separator #gototop {width:16px; height:16px; background:url(../images/gototop.gif) no-repeat; cursor:pointer; cursor:hand;float:right}

/*-text styles-*/
.text-style1 {font-weight:bold;}
.text-style2 {color:#000066}
.text-style3 {font-style:italic}
STRONG.text-style3 {font-weight:normal}
.text-highlighted {color:#FF0000}

/*- list-*/
.list-bloc { padding:0px; margin:0px 0px 10px 0px}
.bullet-link {margin:0px; padding:0px 0px 0px 18px; font:normal 15px Calibri; color:#595959; list-style:none; line-height:16px;}
.bullet-list {margin:0px; padding:0px 0px 0px 18px; background: url(../images/bullet_list.gif) no-repeat 5px 7px; font:normal 15px Calibri; color:#595959; list-style:none; line-height:18px;}

/*-tables-*/
.table-border {border-collapse:collapse; margin:10px 15px 10px 12px;}
.table-caption {font:bold 13px Calibri; color:#333333; padding:4px 6px 4px 6px; text-align:left; padding:4px 6px 4px 6px; border-bottom:1px solid #333333}
.cell-header {background-color:#D9D9D9; color:#333333; padding:4px 6px 4px 6px; font:normal 15px Calibri;}
.cell1 {font:normal 15px Calibri; color:#333333; padding:4px 6px 4px 6px; background-color:white; }
.cell2 {font:normal 15px Calibri; color:#333333; padding:4px 6px 4px 6px; background-color:#F0F0F0;}
.cell-footer {font:normal 12px Calibri; color:#333333; padding:4px 6px 4px 6px; background-color:#ffffff; border-top:1px solid #333333 }

/*-forms-*/
.form-style { margin:10px 15px 10px 12px; padding:7px; _width:100%}
.form-style .cell1 {padding:2px 10px 2px 2px; border:none; background-color:transparent; font-weight:bold; }
.form-style .cell2 {padding:2px; border:none; background-color:transparent; }

/*images*/
.img-left {float:left; display:block; margin:5px 10px 2px 0px; font:bold 10px Verdana,Arial,helvetica,sans-serif; color:#333333; text-align:center}
.img-center { display:block; margin:5px 0px 2px 0px; font:bold 10px Verdana,Arial,helvetica,sans-serif; color:#333333; text-align:center}
.img-right {float:right; display:block; margin:5px 0px 2px 10px; font:bold 10px Verdana,Arial,helvetica,sans-serif; color:#333333; text-align:center}

/*-buttons-*/

/* outer */
.buttons-outer { margin:5px 0px 10px 0px; padding:8px 0px 0px 0px; text-align:right }

/* main */
.button {font:bold 10px Calibri;}
	
/* links */
.button A:link, .button A:visited { cursor:hand; color:#333333; text-decoration:none !important }
.button A:hover, .button A:active { cursor:hand; text-decoration:none !important }

/* button1 */
.button1-part0 { white-space:nowrap; background: url(../images/buttongridbg1.gif) no-repeat top left; } /* margin = space between buttons  */
.button1-part1 { white-space:nowrap; background: url(../images/buttongridbg.gif) no-repeat top right; }
.button1-part0-down { white-space:nowrap; background: url(../images/buttongridbg1.gif) no-repeat top left; } /* margin = space between buttons  */
.button1-part1-down { white-space:nowrap; background: url(../images/buttongridbg.gif) no-repeat top right; }

/* button2 */
.button2-part0 { white-space:nowrap; background: url(../images/buttongridbg1.gif) no-repeat top left; } /* margin = space between buttons  */
.button2-part1 { white-space:nowrap; background: url(../images/buttongridbg.gif) no-repeat top right; }
.button2-part0-down { white-space:nowrap; background: url(../images/buttongridbg1.gif) no-repeat top left; } /* margin = space between buttons  */
.button2-part1-down { white-space:nowrap; background: url(../images/buttongridbg.gif) no-repeat top right; }

/* button3 */
.button3-part0 { white-space:nowrap; background: url(../images/buttongridbg1.gif) no-repeat top left; } /* margin = space between buttons  */
.button3-part1 { white-space:nowrap; background: url(../images/buttongridbg.gif) no-repeat top right; }
.button3-part0-down { white-space:nowrap; background: url(../images/buttongridbg1.gif) no-repeat top left; } /* margin = space between buttons  */
.button3-part1-down { white-space:nowrap; background: url(../images/buttongridbg.gif) no-repeat top right; }

/*----------------------------------------objects---*/
/*-submenu-*/
.submenu {width:170px; padding:0px; text-wrap:normal;  }
.submenu .menutop {display:none; background-color:blue}
.submenu .menulevel1 { width:170px; background:#C3CCD5; font:bold 15px Calibri; margin:0px; padding:5px 0px 6px 0px; border-top:1px solid #BBBBBB}
	/*links level1*/
	.submenu .menulevel1 A {padding:0px; margin:0px 6px 0px 6px; display:block}
	.submenu .menulevel1 A:link,.submenu .menulevel1 A:visited {color:#333333; text-decoration:underline}
	.submenu .menulevel1 A:hover,.submenu .menulevel1 A:active {color:#0000FF; text-decoration:underline}
.submenu .menulevel1-expanded { width:170px; background:#C3CCD5; font:bold 15px Calibri; margin:0px; padding:5px 0px 6px 0px; border-top:1px solid #BBBBBB}
	/*links level1*/
	.submenu .menulevel1-expanded A {padding:0px; margin:0px 6px 0px 6px; display:block}
	.submenu .menulevel1-expanded A:link,.submenu .menulevel1-expanded A:visited {color:#0000FF; text-decoration:underline}
	.submenu .menulevel1-expanded A:hover,.submenu .menulevel1-expanded A:active {color:#0000FF; text-decoration:underline}
	
.submenu .menulevel2 { list-style:none; width:170px; background:#C3CCD5; font:bold 15px Calibri; margin:0px; padding:5px 0px 6px 0px; border-top:1px solid #BBBBBB  }
	/*links level2*/
	.submenu .menulevel2 A {padding:0px; margin:0px 6px 0px 18px; display:block}
	.submenu .menulevel2 A:link,.submenu .menulevel2 A:visited {color:#333333; text-decoration:underline}
	.submenu .menulevel2 A:hover,.submenu .menulevel2 A:active {color:#0000FF; text-decoration:underline}

.submenu .menulevel2-active { list-style:none; width:170px; background:#C3CCD5; font:bold 15px Calibri; margin:0px; padding:5px 0px 6px 0px; border-top:1px solid #BBBBBB  }
	/*links level2 active*/
	.submenu .menulevel2-active A {padding:0px; margin:0px 6px 0px 18px; display:block}
	.submenu .menulevel2-active A:link,.submenu .menulevel2-active A:visited {color:#0000FF; text-decoration:underline}
	.submenu .menulevel2-active A:hover,.submenu .menulevel2-active A:active {color:#0000FF; text-decoration:underline}
	
.submenu .menulevel3 { list-style:none; width:170px; background:#C3CCD5; font:bold 15px Calibri; margin:0px; padding:5px 0px 6px 0px; border-top:1px solid #BBBBBB}
	/*links level3*/
	.submenu .menulevel3 A {padding:0px; margin:0px 6px 0px 32px; display:block}
	.submenu .menulevel3 A:link,.submenu .menulevel3 A:visited {color:#333333; text-decoration:underline}
	.submenu .menulevel3 A:hover,.submenu .menulevel3 A:active {color:#0000FF; text-decoration:underline}

.submenu .menulevel3-active { list-style:none; width:170px; background:#C3CCD5; font:bold 15px Calibri; margin:0px; padding:5px 0px 6px 0px; border-top:1px solid #BBBBBB}
	/*links level3 active*/
	.submenu .menulevel3-active A {padding:0px; margin:0px 6px 0px 32px; display:block}
	.submenu .menulevel3-active A:link,.submenu .menulevel3-active A:visited {color:#0000FF; text-decoration:underline}
	.submenu .menulevel3-active A:hover,.submenu .menulevel3-active A:active {color:#0000FF; text-decoration:underline}

.submenu .menubottom {width:170px; height:10px; list-style:none; border-top:1px solid #BBBBBB}

/*-streamline navigation-*/
.streamline { font:normal 10px Calibri; color:#555555; margin:0px 15px 10px 12px; padding:2px 0px 0px 0px;}

	/*streamline links*/
	.streamline A:link, .streamline A:visited {color:#0000FF; text-decoration:underline;}
	.streamline A:hover, .streamline A:active {color:#333333; text-decoration:none;}

/*raccourcis*/
.shortcuts {margin:0px 5px 0px 5px; width:20px; padding:0px; text-align:left; float:right; display="none"}
.shortcuts .list-bloc {margin:0px}
.shortcuts .bullet-link {margin:1px; width:16px; height:16px; cursor:pointer; cursor:hand}
.shortcuts #friend {background: url(../images/send_icon.gif) no-repeat center center;}
.shortcuts #print {background: url(../images/print_icon.gif) no-repeat center center;}

/*-quicksearch-*/
.quicksearch {text-align:left; margin:4px 0px 6px 10px; width:140px;}
.quicksearch INPUT {font-size:10px; width:100px;}

/*-bloc-*/
.bloc {margin:4px auto 6px auto; width:150px; padding:10px 10px 0px 0px; text-align:left; background:#C3CCD5;}
.bloc .title { font:bold 12px Calibri; color:#333333; padding:0px 0px 5px 0px; margin:0px 0px 10px 10px; border-bottom:2px solid #333333;}
.bloc .content-zone {  padding:0px 10px 12px 10px}
.bloc .bottom {display:none }

/*bloc contents*/
.bloc .list-bloc {margin:0px}
.bloc .bullet-link {padding:0px; font-size:10px}

/*specific rightcol contents*/
.rightcol .bloc {margin:4px 0px 6px 10px;}
.leftcol .bloc {margin:4px 0px 6px 0px; width:160px;}
.rightcol .text-bloc {font:normal 10px Calibri; color:#595959; text-align:left; margin:5px 0px 10px 10px;}
.leftcol .text-bloc {font:normal 10px Calibri; color:#595959; text-align:left; margin:5px 10px 10px 10px;}
.rightcol .paragraph,.leftcol .paragraph  { font-size:10px }
.rightcol .bullet-link,.leftcol .bullet-link {font-size:10px}
.rightcol .bullet-list,.leftcol .bullet-list {font-size:10px}
.rightcol .separator  { margin-right:0px; }
.leftcol .separator  {  }

/*Pager*/
.pager {background:url(../images/separator.gif) repeat-x left bottom; padding:5px 0px 10px 0px; margin:5px 10px 10px 7px; clear:both}

/* tooltip*/
#ToolTip { border:1px solid #797C82; color:#240615; background-color:#FFF59F; font:normal 10px Calibri; padding:2px 4px 2px 4px; width:250px }
#ToolTip .text-style2 { color:#DF0000 }
#ToolTip .text-style3 { color:#B88101 }

/* ---- bars ---- */
.bar-outer { font-size:1px }
.bar { background-color:#ffffff; border:1px solid #333333;}
.bar-gauge {background-color:#B0C0E0; border-right:1px solid #333333; font-size:9px}
.bar-text {width:26px; font-family:Calibri; font-weight:normal; color:#E30606; font-size:10px; margin:0px 3px 0px 0px; text-align:right}