/*-------- Easysite 2006 sp3 VDOC SOFTWARE -------*/

BODY {margin:0px; padding:0px; text-align:center; background-color:#000000}

/*---links---*/
A {font-family:Arial,helvetica,sans serif;}
A:link, A:visited {color:#cdcdcd; text-decoration:underline;}
A:hover, A:active {color:#bbb38e; text-decoration:underline;}

/*---HTML forms---*/
FORM {padding:0px; margin:0px; }
INPUT,TEXTAREA,SELECT { background:#4a4a4a; color:#cdcdcd; border-top:1px solid #4a4a4a; border-left:1px solid #4a4a4a; border-right:1px solid #4a4a4a; border-bottom:1px solid #4a4a4a; font:normal 11px Arial,Helvetica,sans serif; padding-left:4px;}
INPUT.radio { background:transparent none; border:none;}
INPUT.checkbox { background:transparent none; border:none; }


/*----------------------------------------global layout---*/
.page {width:auto; _width:100%;  background:#000000 url(../images/fond.jpg) repeat-x;}
.layout {width:899px; margin:0px auto 10px auto; text-align:left; }

/*--header--*/
.header {margin:0px 0px 0px 0px;}

/*top navigation*/
.header .topnav {margin:0px; padding:0px; height:40px;}
.header .topnav .outer {float:left;}
.header .topnav .leftmargin {width:4px;}
.header .topnav .left {width:4px; background:url(../images/topnavleft.gif) no-repeat 0px 0px;}
.header .topnav .content {height:16px; font:normal 11px arial,helvetica,sans serif; padding:4px 2px 0px 2px; }
.header .topnav .right {width:0px;}
.header .topnav .rightmargin {width:0px; }

	/*topnav links*/
	.header .topnav A:link, .header .topnav A:visited {color:#bbb38e; text-decoration:none;}
	.header .topnav A:hover, .header .topnav A:active {color:#8e8e8e; text-decoration:none;}

/*-quicksearch-*/
.header .quicksearch {float:left; margin:0px 5px 0px 0px; height:40px; padding:0px 0px 0px 3px; width:auto}
.header .quicksearch INPUT {border-top:1px solid #757A7D; border-left:1px solid #757A7D; border-right:1px solid #5D5F61; border-bottom:1px solid #5D5F61; font:normal 11px arial,helvetica,sans serif; color:#374B53; padding-left:4px; background:#E7E7E7 url(../images/quicksearchfield.gif) left top repeat-x; }
.header .quicksearch .button {font:bold 10px verdana,Arial,helvetica,sans serif; padding:0px 0px 0px 0px;}
.header .quicksearch .button A:link,.header .quicksearch .button A:visited { font-weight:bold; color:#bbb38e; }
.header .quicksearch .button1-part0 { white-space:nowrap; background:#000000 !important; } /* margin = space between buttons  */
.header .quicksearch .button1-part1 { white-space:nowrap; background:#000000 !important; }
.header .quicksearch .button1-part0-down { white-space:nowrap; background: #000000 !important;}
.header .quicksearch .button1-part1-down { white-space:nowrap;  background:#000000 !important; }


/*graphic identity*/	
.header .identity {height:140px; background:url(../images/header.gif) no-repeat;clear:both; }
.header .identity .logo-left {font-size:0px}
.header .identity .image {font-size:0px;}
.header .identity .image IMG,.header .identity .image DIV {margin:0px;}
.header .identity .logo-right {font-size:0px}

/*mainnav*/
.header .mainnav {height:30px; background:url(../images/mainnavback.gif) no-repeat left top; text-align:left; margin:0px; padding:0px 0px 2px 0px; clear:both; display:block}/*align menu with text-align*/

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

/*left column*/
.leftcol {width:200px; height:100%; background:#303030; }
.leftcol .outer {width:177px; margin:0px 0px 0px 0px}
.leftcol .topmargin {height:42px;}
.leftcol .content {font:normal 11px Trebuchet MS,Arial,Helvetica,sans serif; border-right:1px solid #515151}
.leftcol .bottommargin {height:42px;}

/*middle column*/
.maincol {background:#303030; padding-right:0px;}
.maincol .outer {margin:0px 1px 0px 0px;}
.maincol .topmargin {height:42px;}
.maincol .content { padding:0px 14px;}
.maincol .bottommargin {height:20px;}

/*right column*/
.rightcol {width:220px; height:100%; background:#303030;}
.rightcol .outer {width:210px; margin:0px}
.rightcol .topmargin {height:42px; }
.rightcol .content {text-align:center; font:normal 11px Trebuchet MS,Arial,Helvetica,sans serif; border-left:1px solid #515151;}
.rightcol .bottommargin {height:42px;}


/*--footer--*/
.footer {height: 51px; margin:0px; padding:0px 0px 0px 0px; background:#282828 url(../images/footerback.gif) repeat-x left top;}

.footer #poweredBy {position:absolute; width:130px; height:51px; left:755px; background:url(../images/poweredbyvdoc.gif) no-repeat 0px 0px; }

.footer .bottomnav {margin:0px 0px 5px 10px; padding:10px 0px 0px 0px;}
.footer .bottomnav .outer {margin:0px; padding:0px;}
.footer .bottomnav .leftmargin {width:5px; background:url(../images/bottomnavleft.gif) no-repeat 0px 20px;}
.footer .bottomnav .left {width:0px;}
.footer .bottomnav .content {height:14px; font:normal 11px arial,helvetica,sans serif; padding:15px 4px 0px 4px; }
.footer .bottomnav .right {width:4px; background:url(../images/bottomnavright.gif) no-repeat 0px 20px;}
.footer .bottomnav .rightmargin {width:0px;}

	/*bottomnav links*/
	.footer .bottomnav A {display:block}
	.footer .bottomnav A:link, .footer .bottomnav A:visited {color:#cdcdcd; text-decoration:none;}
	.footer .bottomnav A:hover, .footer .bottomnav A:active {color:#bbb38e; text-decoration:none;}
	
	

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

/*-content zone-*/
.main-content  {font:normal 12px Trebuchet MS,Arial,helvetica,sans serif; line-height:15px; margin:0px; height:100%; }
.main-content TD {font-family:Trebuchet MS,Arial,Helvetica,sans serif; font-size:12px; line-height:15px; }
.main-content P {}

/*-titres-*/
.main-title {background:url(../images/h0_bullet.gif) no-repeat 5px 2px; font-weight:bold; font-size:14px; color:#bbb38e; padding:0px 0px 5px 22px; margin:25px 18px 2px 5px; ; text-align:left}

.title-level1 { background:url(../images/h1_bullet.gif) no-repeat 0px 2px; font-weight:normal; font-size:12px; color:#bbb38e; padding:0px 0px 5px 22px; margin:10px 0px 7px 0px; text-align:left}
.title-level2 {background:url(../images/h2_bullet.gif) no-repeat 0px 2px;.font-weight:normal; font-size:11px; color:#bbb38e; padding:0px 0px 5px 22px; margin:7px 0px 7px 0px; text-align:left}
	/* links */
	.title-level2 A:link, .title-level2 A:visited { color:#cdcdcd; text-decoration:underline }
	.title-level2 A:hover, .title-level2 A:active { text-decoration:none }

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

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

/*-text types-*/
.bloc-header {font-weight:bold; color:#cdcdcd; margin:5px 0px 10px 0px;  line-height:13px}
.paragraph { font:Verdana, Arial, Helvetica, sans-serif; color:#8e8e8e; 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 18px 2px 5px; text-align:right; clear:both}
#withtop.separator {height:18px; font-size:1px; background:url(../images/separator.gif) repeat-x left bottom; padding:0px; margin:5px 18px 2px 5px; text-align:right; }
#withtop.separator #gototop {width:15px; 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:#999999}
.text-style3 {font-style:italic}
.text-highlighted {color:#cdcdcd; font:bold 14px Trebuchet MS,Arial,helvetica,sans serif; text-decoration:underline;}

/*- list-*/
.list-bloc { padding:0px; margin:0px 0px 10px 0px}
.bullet-link {margin:0px 0px 4px 0px; padding:0px 0px 3px 28px; background:url(../images/link_arrow.gif) no-repeat 0px 4px; font:normal 11px Verdana,Arial,helvetica,sans serif; list-style:none; line-height:13px}
	/*link*/
	.bullet-link A:link,.bullet-link A:visited {color:#cdcdcd; text-decoration:underline}
	.bullet-link A:hover,.bullet-link A:active {color:#bbb38e; text-decoration:underline}
	
.bullet-list {margin:0px; padding:0px 0px 0px 18px; background: url(../images/bullet_list.gif) no-repeat 6px 6px; color:#8e8e8e; list-style:none; line-height:18px;}



/*-tables-*/
.table-border {border-collapse:collapse; margin:10px 15px 10px 12px;}
.table-caption {background:#bbb38e; font:bold 13px Trebuchet MS,Arial,helvetica,sans serif; color:#1F4E66; padding:0px 6px 4px 6px; text-align:center; padding:4px 6px 4px 6px; line-height:24px; border-bottom:1px solid #bbb38e; }
.cell-header {color:#1F4E66; padding:4px 6px 4px 6px; background:#DEE6E8; border:1px solid #D1D8DC; font:bold 12px Verdana,Arial,helvetica,sans serif;}
.cell1 {font:normal 12px Verdana,Arial,helvetica,sans serif; color:#494949; padding:4px 6px 4px 6px; background-color:white; border:1px solid #D1D8DC}
.cell2 {font:normal 12px Verdana,Arial,helvetica,sans serif; color:#494949; padding:4px 6px 4px 6px; background-color:#F1F5F6; border:1px solid #D1D8DC}
.cell-footer {font:bold 12px Verdana,Arial,helvetica,sans serif; color:#1F4E66; padding:4px 6px 4px 6px; background-color:#DEE6E8; border:1px solid #D1D8DC;}

/*-forms-*/
.form-style { padding:7px; margin:10px 28px 10px 15px; _width:100%;}
.form-style .cell1 {padding:2px 10px 2px 2px; border:none; background-color:transparent; font-weight:bold; font-family:Trebuchet MS,Arial,Helvetica,sans serif; text-align:left; color:#cdcdcd;}
.form-style .cell2 { border:none; font-family:Trebuchet MS,Arial,Helvetica,sans serif; background:transparent; padding:2px 2px 2px 10px;}

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

/*-buttons-*/

/* outer */
.buttons-outer { margin:10px 28px 10px 40px; padding:15px 0px 0px 0px; text-align:right; background:url(../images/separator.gif) repeat-x; width:100%}

/* main */
.button {font:normal 11px verdana,arial,helvetica,sans serif;}
	
/* links */
.button A:link, .button A:visited { cursor:hand; color:#cdcdcd; 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/button1bg1.gif) no-repeat 6px 4px; } /* margin = space between buttons  */
.button1-part1 { white-space:nowrap; background:transparent; }
.button1-part0-down { white-space:nowrap; background:url(../images/button1bg1.gif) no-repeat 6px 4px;  }
.button1-part1-down { white-space:nowrap; background:transparent; }

/* button2 */
.button2-part0 { white-space:nowrap; background:  url(../images/button2bg1.gif) no-repeat 2px 11px; } /* margin = space between buttons  */
.button2-part1 { white-space:nowrap; background:transparent; }
.button2-part0-down { white-space:nowrap; background:  url(../images/button2bg1.gif) no-repeat 2px 11px;  }
.button2-part1-down { white-space:nowrap; background:transparent; }

/* button3 */
.button3-part0 { white-space:nowrap; background:  url(../images/buttongridbg1.gif) no-repeat 2px 8px; } /* margin = space between buttons  */
.button3-part1 { white-space:nowrap; background:transparent; }
.button3-part0-down { white-space:nowrap; background:  url(../images/buttongridbg1.gif) no-repeat 2px 8px;  }
.button3-part1-down { white-space:nowrap; background:transparent; }
	
/*inactive button*/	
.inactive {}
	/* links */
	.inactive A:link, .inactive A:visited { cursor:hand; color:#e5e5e5; text-decoration:none !important }
	.inactive A:hover, .inactive A:active { cursor:hand; text-decoration:none !important }

.inactive .button1-part0,.inactive .button1-part0-down,.inactive .button2-part0,.inactive .button2-part0-down,.inactive .button3-part0,.inactive .button3-part0-down {background:  url(../images/buttoninact1.gif) no-repeat top left;}
.inactive .button1-part1,.inactive .button1-part1-down,.inactive .button2-part1,.inactive .button2-part1-down,.inactive .button3-part1,.inactive .button3-part1-down {background:  url(../images/buttoninact2.gif) no-repeat top right;}

/*-vignette-*/
.stamp { margin:4px 5px 6px 5px}
	
/*----------------------------------------objects---*/
/*-submenu-*/
.submenu {width:177px; padding:0px 0px 0px 5px; text-wrap:normal;  }
.submenu .menutop {display:none;}
.submenu SPAN {}
.submenu .menulevel1 { width:172px; background:url(../images/menulevel1.gif) no-repeat 1px 10px; margin:0px; padding:8px 0px 6px 0px; cursor:pointer; cursor:hand; }
	/*links level1*/
	.submenu .menulevel1 A {padding:0px; margin:0px 2px 0px 30px; font:bold 12px Trebuchet MS,Arial,Helvetica,sans serif; display:block}
	.submenu .menulevel1 A:link,.submenu .menulevel1 A:visited {color:#cdcdcd; text-decoration:none}
	.submenu .menulevel1 A:hover,.submenu .menulevel1 A:active {color:#bbb38e; text-decoration:none}
	
.submenu .menulevel1-expanded { width:172px; background:url(../images/menulevel1actif.gif) no-repeat 7px 11px; margin:0px; padding:9px 0px 5px 0px; cursor:pointer; cursor:hand;  }
.submenu .menulevel1-expanded SPAN {border:none}
	/*links level1*/
	.submenu .menulevel1-expanded A {padding:0px; margin:0px 2px 0px 30px; font:bold 12px Trebuchet MS,Arial,Helvetica,sans serif; display:block}
	.submenu .menulevel1-expanded A:link,.submenu .menulevel1-expanded A:visited {color:#bbb38e; text-decoration:none}
	.submenu .menulevel1-expanded A:hover,.submenu .menulevel1-expanded A:active {color:#cdcdcd; text-decoration:none}
	
.submenu .menulevel2 { list-style:none; width:162px; background:url(../images/menulevel2.gif) no-repeat 7px 2px; margin:0px 0px 0px 15px; padding:0px 0px 6px 5px;  cursor:pointer; cursor:hand; }
	/*links level2*/
	.submenu .menulevel2 A {padding:0px; margin:0px 2px 0px 24px; font:bold 11px Trebuchet MS,Arial,Helvetica,sans serif; display:block}
	.submenu .menulevel2 A:link,.submenu .menulevel2 A:visited {color:#cdcdcd; text-decoration:none}
	.submenu .menulevel2 A:hover,.submenu .menulevel2 A:active {color:#bbb38e; text-decoration:none}

.submenu .menulevel2-active { list-style:none; width:162px; background:url(../images/menulevel2actif.gif) no-repeat 7px 2px; margin:0px 0px 0px 15px; padding:0px 0px 6px 5px;  cursor:pointer; cursor:hand; }
.submenu .menulevel2-active SPAN {border:none}
	/*links level2 active*/
	.submenu .menulevel2-active A {padding:0px; margin:0px 2px 0px 24px; font:bold 11px Trebuchet MS,Arial,Helvetica,sans serif; display:block}
	.submenu .menulevel2-active A:link,.submenu .menulevel2-active A:visited {color:#bbb38e; text-decoration:none}
	.submenu .menulevel2-active A:hover,.submenu .menulevel2-active A:active {color:#cdcdcd; text-decoration:none}
	
.submenu .menulevel3 { list-style:none; width:162px; background:#303030 url(../images/menulevel3.gif) no-repeat 21px 7px; margin:0px 0px 0px 15px; padding:3px 0px 3px 0px;  }
.submenu .menulevel3 SPAN {border:none}
	/*links level3*/
	.submenu .menulevel3 A {padding:0px; margin:0px 2px 0px 34px; font:bold 10px Trebuchet MS,arial,helvetica,sans serif; display:block}
	.submenu .menulevel3 A:link,.submenu .menulevel3 A:visited {color:#cdcdcd; text-decoration:none}
	.submenu .menulevel3 A:hover,.submenu .menulevel3 A:active {color:#bbb38e; text-decoration:none}

.submenu .menulevel3-active { list-style:none; width:162px; background:#303030 url(../images/menulevel3.gif) no-repeat 21px 7px; margin:0px 0px 0px 15px; padding:3px 0px 3px 0px; }
.submenu .menulevel3-active SPAN {border:none; background:#303030;} 
	/*links level3 active*/
	.submenu .menulevel3-active A {padding:0px; margin:0px 2px 0px 34px; font:bold 10px Trebuchet MS,arial,helvetica,sans serif; display:block}
	.submenu .menulevel3-active A:link,.submenu .menulevel3-active A:visited {color:#bbb38e; text-decoration:none}
	.submenu .menulevel3-active A:hover,.submenu .menulevel3-active A:active {color:#cdcdcd; text-decoration:none}

.submenu .menubottom {width:2; height:15px; list-style:none; background:#303030;}

/*-streamline navigation-*/
.streamline {background:url(../images/stream_arrow.gif) no-repeat 0px 4px; font:bold 10px Trebuchet MS,Arial,Helvetica,sans serif; color:#8e8e8e; margin:0px 15px 10px 5px; padding:2px 0px 0px 18px;}

	/*streamline links*/
	.streamline A {font:bold 10px Trebuchet MS,Arial,Helvetica,sans serif;}
	.streamline A:link, .streamline A:visited {color:#bbb38e; text-decoration:underline;}
	.streamline A:hover, .streamline A:active {color:#cdcdcd; text-decoration:underline;}

/*raccourcis*/
.shortcuts {margin:0px 5px 0px 5px; width:20px; padding:0px; text-align:left; float:right; }
.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;}
.shortcuts #print {background: url(../images/print_icon.gif) no-repeat;}

/*-newsletter-*/
.newsletter {}
.newsletter .libelle {}

/*-quicksearch-*/
.quicksearch {text-align:left; margin:10px auto 10px 26px; padding:0px; }
.quicksearch INPUT {width:150px;}

/*-bloc-*/
.bloc {margin:4px auto 0px auto; width:195px; padding:0px; text-align:left; background:url(../images/bloctop.gif) no-repeat 10px left;}
.bloc .title {background:transparent; font:bold 14px Trebuchet MS,Arial,Helvetica,sans serif; color:#40464a; padding:10px 0px 7px 10px; margin-top:6px;}
.bloc .content-zone { padding:4px 14px 0px 16px; background:url(../images/blocmid.gif) repeat-y top left; }
.bloc .list-bloc {}
.bloc .bottom {height:12px; background:url(../images/blocbottom.gif) no-repeat; font-size:0px}

/*bloc contents*/
.bloc .list-bloc {margin:0px}
.bloc .bullet-link { }
	.bloc .bullet-link A:link,.bloc .bullet-link A:visited { }	
	.bloc .bullet-link A:hover,.bloc .bullet-link A:active { }

.bloc .button A:link,.bloc .button A:visited { color:white}
.bloc .button1-part0 { white-space:nowrap; background:url(../images/button2bg1.gif) no-repeat top left !important;} /* margin = space between buttons  */
.bloc .button1-part1 { white-space:nowrap; background:url(../images/button2bg.gif) no-repeat top right !important;}
.bloc .button1-part0-down { white-space:nowrap; background:url(../images/button2bg1.gif) no-repeat top left !important;}
.bloc .button1-part1-down { white-space:nowrap; background:url(../images/button2bg.gif) no-repeat top right !important;}

.leftcol .text-bloc { margin:4px 10px 6px 5px; width:195px;}
.leftcol .bloc {margin:4px 10px 6px 5px; width:195px;}
.rightcol .text-bloc { margin:4px auto 6px auto; width:195px; text-align:left}
.rightcol .paragraph {text-align:left}
.rightcol .separator {margin:5px 10px 10px 10px;}


/*Pager*/
.pager {background:url(../images/separator.gif) repeat-x left bottom; padding:5px 0px 10px 0px; margin:5px 10px 10px 7px; clear:both}
.pager .button {font:bold 10px verdana,Arial,helvetica,sans serif;}
.pager .text-level1 {font:normal 10px verdana,Arial,helvetica,sans serif; color:#cdcdcd}
.pager .text-level2 {font:normal 10px verdana,Arial,helvetica,sans serif; color:#cdcdcd}
.pager .button A:link,.pager .button A:visited { font-weight:bold; color:#cdcdcd}
.pager .button1-part0 { white-space:nowrap; background: url(../images/buttongridbg1.gif) no-repeat top left !important;} 
.pager .button1-part1 { white-space:nowrap;  background: url(../images/buttongridbg.gif) no-repeat top right !important;}
.pager .button1-part0-down { white-space:nowrap; background: url(../images/buttongridbg1.gif) no-repeat top left !important;}
.pager .button1-part1-down { white-space:nowrap;  background: url(../images/buttongridbg.gif) no-repeat top right !important;}

/* tooltip*/
#ToolTip { border:1px solid #797C82; color:#adadad; background-color:#FFF59F; font-family:Arial, Helvetica,sans serif; font-size:10px; padding:2px 4px 2px 4px; width:250px }
#ToolTip .text-style2 { color:#DF0000 }
#ToolTip .text-style3 { color:#B88101 }