djDebug{ font-size:10px; }

a.watchbutton { display: block; width: 100px; color: white; font-weight:bold; height:57px; background:transparent url(img/buttonbg.png) no-repeat; }
a.watchbutton img { margin: 2px; }

/* GLOBAL LAYOUT  */
 body {font-size:62.5%; background:#a7b0b9 url(img/bg.jpg) no-repeat scroll 0px 0px; font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {width:978px; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em;}
.header {width:958px; min-height:130px; border-left:solid 10px #02243c; border-right:solid 10px #02243c; background:#02243c url(img/bg_header.jpg) repeat-x /*Total header background image entered here. Height: 125px*/; overflow:hidden;}
.header-top {clear:both; width:958px; height:100px; overflow:hidden;}
.navbar {white-space:nowrap /*IE hack*/; float:left; width:958px; font-family:tahoma,arial,sans-serif; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/; background: transparent url(img/navbg.png) scroll repeat-x; } /*Color navigation bar normal mode*/
.main {clear:both; width:958px; padding:10px 0 20px 0; border-left:solid 10px #02243c; border-right:solid 10px #02243c; background-color:#02243c; font-size:1.0em;}
.content {display:inline; /*Fix IE floating margin bug*/; float:left; width:676px; background-color:#02243c; font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:270px; background-color:#02243c; font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:958px; padding:1.0em 0 1.0em 0; border-left:solid 10px #02243c; border-right:solid 10px #02243c; background-color:#02243c; font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}

/*  HEADER-TOP  */
/* Sitename and slogan */
.sitelogo {width:70px; height:70px; position:absolute; z-index:1; margin:15px 0 0 15px; background:url(img/bg_logo.gif);}
.sitename {width:300px; height:70px; position:absolute; z-index:1; margin:27px 0 0 95px; overflow:hidden;}
.sitename h1 {font-family:"trebuchet ms",arial,"sans serif"; font-weight:normal; font-size:290% !important /*Non-IE6*/; font-size:260% /*IE6*/;}
.sitename h2 {font-family:verdana,arial,"sans serif"; padding-bottom:2px; color:#ff7900; height:20px; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.sitename a{text-decoration:none; color:#80c31c}
.sitename a:hover {text-decoration:none;}

/* Button navigation */
.search {}
#lang_select_form { display:block; float: right; margin-top: 10px; }
#lang_select_form label { margin-right: 10px; }
/* Global navigation */
.navglobal {width:600px; position:absolute; z-index:3; margin-top:5px; margin-left:349px !important /*Non-IE6*/; margin-left:351px /*IE6*/;}
.navglobal p, #lang_select_form label {font-weight:normal; color:white; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/; text-align: right; margin-bottom: 5px;}
.navglobal a {color:white; text-decoration:underline; }
.navglobal a:hover {color:white;}

/*  NAVIGATION BAR  */
/* Main menu */
.navbar ul {list-style-type:none;}
.navbar ul li {float:left; z-index:10 !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right: 1px solid #555; height:45px;}
.navbar ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:45px; line-height:3.1em; padding:0 15px 0 15px; text-decoration:none; font-weight:bold; color:#eee; border-right:solid 0px rgb(215,215,215);}

/* Submenu (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar ul li:hover a {background-color:rgb(235,235,235); text-decoration:none; color:#02243c} /*Color main cells hovering mode*/
.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}
.navbar ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
.navbar ul li:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none; color:#02243c} /*Color subcells hovering mode*/

/* Submenu (IE6 hovering) */
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background: transparent url(img/navbg2.png) repeat-x; text-decoration:none; color:#fff} /*Color main cells hovering mode*/
.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }
.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
.navbar ul li a:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none; color:#02243c} /*Color subcells hovering mode*/

/*  CONTENT  */
/* Content cell (no subcells) */
.content-cell {width:676px; background-color:white;}

/* Content cell + subcells (subcells are NOT in boxform)  */
.content-cell-nobox {width:676px; background-color:white;}
.content-subcell-left-nobox {display:inline; float:left; width:337px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:white;}
.content-subcell-right-nobox {display:inline; float:right; width:337px; background-color:white;}

/* Content cell + subcells (subcells ARE in boxform) */
.content-cell-box {width:676px; background-color:transparent;}
.content-subcell-left-box {display:inline; float:left; width:333px; background-color:transparent;}
.content-subcell-right-box {display:inline; float:right; width:333px;  background-color:transparent;}
.content-subcell-cell-box {width:333px; background-color:white;}

/* SUBCONTENT  */
.subcontent-cell {width:270px; float:right; background-color:white;}

/*  FOOTER  */
.footer p {clear:both; line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}

/*  ROUNDED CORNERS  */
/* Page */
.corner-top {width:978px; height:10px; background:transparent url(img/bg_corner_top.gif) no-repeat; overflow:hidden;}
.corner-bottom {width:978px; height:10px; padding-bottom:20px; background:transparent url(img/bg_corner_bottom.gif) no-repeat; overflow:hidden;}

/* Content */
.content-cell-corner-top {clear:both; width:676px; height:7px; background:transparent url(img/bg_corner_content_cell_top.gif) no-repeat; overflow:hidden;}
.content-cell-corner-bottom {clear:both; width:676px; height:7px; margin-bottom:10px; background:transparent url(img/bg_corner_content_cell_bottom.gif) no-repeat; overflow:hidden;}
.content-subcell-corner-top {width:333px; height:7px; background:transparent url(img/bg_corner_content_subcell_top.gif) no-repeat; overflow:hidden;}
.content-subcell-corner-bottom {width:333px; height:7px; margin-bottom:10px; background:transparent url(img/bg_corner_content_subcell_bottom.gif) no-repeat; overflow:hidden;}

/* Subcontent */
.subcontent-cell-corner-top {clear:both; width:270px; height:7px; background:transparent url(img/bg_corner_subcontent_cell_top.gif) no-repeat; overflow:hidden;}
.subcontent-cell-corner-bottom {clear:both; width:270px; height:7px; margin-bottom:10px; background:transparent url(img/bg_corner_subcontent_cell_bottom.gif) no-repeat; overflow:hidden;}

/*  CLEAR FLOATS  */
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-cell:after, .content-subcell-left:after, .content-subcell-right:after, .content-subcell-cell:after, .content-cell-box:after, .content-subcell-left-box:after, .content-subcell-right-box:after, .content-subcell-cell-box:after, .subcontent-cell:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-cell-corner-top:after, .content-cell-corner-bottom:after, .content-subcell-corner-top:after, .content-subcell-corner-bottom:after, .subcontent-cell-corner-top:after, .subcontent-cell-corner-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both; Do not use here to avoid paragraphs clearing next to images*/;  visibility:hidden;}


/*  CONTENT  */
/* Heading (Full-width) */
.main h1.pagetitle {margin:0 0 0.5em 0; padding:1px 0 1px 32px; color:white; font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h1 {margin:0; padding:5px 50px 0px 20px; border-bottom:solid 1px rgb(215,215,215); color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/; background: url(img/icon_celltitle_level1.gif) no-repeat;  background-position:632px 5px;}
.content h1.closed {background: url(img/locked.gif) no-repeat; background-position:632px 0px; }
.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:10px 0 7px 0; border-top:solid 1px rgb(215,215,215); background: url(img/icon_celltitle_level2.gif) no-repeat;  background-position:right; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3 {clear:both; margin:1.0em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 20px 0 20px; padding:1.0em 0 0.5em 0; border-top:solid 1px rgb(215,215,215);}
.content h4 {margin:0 0 0.5em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:normal; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content h5 {margin:1.0em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h6 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}

/* Heading (Half-width) */
.content-subcell-left-box h1, .content-subcell-right-box h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content-subcell-left-box h2, .content-subcell-left-box h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:10px 0 7px 0; border-top:solid 1px rgb(215,215,215); background: url(img/icon_celltitle_level2.gif) no-repeat;  background-position:right; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}

/* Heading (no icon) */
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:white; font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h1.noicon {background:none;}
.content h2.noicon {background:none;}

/* Paragraph text */
.content p {clear:none; margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content p.details {margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* List */
.content ul {margin:1.0em 0 1.0em 0; padding:0 20px 0 20px; list-style:none; }
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ol {margin:1.0em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ul.indent {padding:0 50px 0 50px;}
.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* Table */
table { border-collapse:collapse; empty-cells:show; }
table th { padding: 0; padding: 2px 5px; border:solid 2px white; background-color:#efefef; text-align:center; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}

/*  SUBCONTENT  */
/* Heading (with standard icon)*/
.subcontent h1 {margin:0; padding:5px 20px 0px 20px; border-bottom: 1px solid #d7d7d7; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.subcontent h1 img { margin-right: 5px; vertical-align:top; }

/* Paragraph */
.subcontent p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px;  font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent p.details {margin:-0.25em 0 0.5em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* List */
.subcontent ul {margin:1.0em 0 0.5em 0; padding:0 20px 0 20px; list-style:none; }
.subcontent ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent ol {margin:0.5em 0 0.5em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.subcontent ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent ul.indent {padding:0 50px 0 50px;}
.subcontent ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* Table */
.subcontent p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}

/* Side menu */
.sidemenu {clear:both; width:270px; margin:0; padding:0;}
.sidemenu ul {width:270px; margin:0; padding:0;}
.sidemenu ul li {margin:0; padding:0; background:none; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:5px 20px 5px 20px; border-bottom:solid 1px rgb(200,200,200); color:rgb(75,75,75); font-weight:bold;}
.sidemenu li a:hover {background-color:rgb(240,240,240); color:rgb(75,75,75); text-decoration:none;}
.sidemenu li a:visited {color:rgb(75,75,75); text-decoration:none;}

/* IMAGES */
.main img {margin:0;  border:none;}
.main img.center {clear:both; float:none; display:block; margin:0 auto;  border:solid 3px rgb(200,200,200);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px rgb(200,200,200);}

/* LINKS */
/* Text links */
a {color:rgb(70,122,167); }
.subcontent-cell h1 a, a.placelink { text-decoration: none; }
a.taglink { padding: 2px 4px ; text-decoration:none; font-family:sans-serif;}
a:hover {text-decoration:underline;}

/*Image links */
.main a img {border:none;}
.main a:hover img {border:none;}

/* FORMS */

table.form th { width: 50%; text-align: right; font-weight: normal; background-color: white; vertical-align: top}
table.form td { color: #505050; }
ul.errorlist, ul.successlist { margin:0; padding: 0 }
ul.errorlist li img { vertical-align:bottom; }
ul.errorlist li { background:#ff0000 url(img/error_small.gif) no-repeat scroll 5px center; color:white; display:block; margin:0 0 3px; padding:4px 5px 4px 25px; font-size:18px; font-weight:bold;}
ul.successlist li { background:#d0ffd0 url(img/ok_small.gif) no-repeat scroll 5px center; color:black; display:block; margin:0 0 3px; padding:4px 5px 4px 25px; font-size:18px; font-weight:bold;}
.action { cursor: pointer; clear:both; text-decoration:none;}
.action:hover { text-decoration:none;}

/*  PRINTING  */
@media print {.content-subcell-right-nobox {display:inline; float:right; width:337px; border-left:none; background-color:white;}}

.dateblock {text-align:center; width:50px; font-family: Arial;}
.day {color:#a01515; font-size:26px; position:relative; margin:0px;}
.month {margin:0px; font-size:14px; font-weight: bold;}
.year {font-size:12px; position:relative; margin: 0px;}
.time {font-size:14px; position:relative; margin: 1px; font-weight: bold;}

#clock_window { overflow: hidden; width: 170px; height: 22px; background-color:black; color: white; position:relative; background: black url('img/clockbg.gif') repeat-x; margin-left:20px; }
.digits{ border: 0; font-size: 18px !important; text-align: center; position:relative; width:9px; top: 0px; float: left; margin-left:5px; }
.digits b { margin-bottom: 10px; height: 24px; width:8px; display: block; font-family: Arial;}