/* ==================================================================================================
Layout général de la page
================================================================================================== */ 
html {
   height: 100%;
   }

body {
   height: 100%;
   background-image: url('../img/background1.gif');
   font-family: Georgia;
   padding: 0px;
   margin: 0px;
   }

div#bodyContainer {
   height: 100%;
   width: 1002px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   }

div#pageFill {
   position:absolute;
   z-index: -100;
   height: 100%;
   width: 100%;
   overflow:hidden;
   padding-top: 20px;
   padding-bottom: 6px; 
   background-color: #eef2f7;
   border-style: solid;
   border-width: 1px;
   border-color: #8f8f8f;
   border-top-style: none;
   border-top-width: 0px;
   border-bottom-style: none;
   border-bottom-width: 0px;
   }

/* div#pageContainer {
   width: 100%;
   background-color: #ffffff;
   border-style: solid;
   border-width: 1px;
   border-color: #8f8f8f;
   border-top-style: none;
   border-top-width: 0px;
   border-bottom-style: none;
   border-bottom-width: 0px;
   } */

/* ==================================================================================================
Header de la page
================================================================================================== */ 
div#pageHeader {
   height: 72px;   
   background-image: url('../img/logoulb1.gif');
   background-repeat: no-repeat;
   background-color: #ffffff;
   padding-top:24px;
   width:100%;
   text-align: right;
   }

div#pageHeaderContainer {
   float: right;
   }

form#search {
   display: inline;
   }

table#search {
   margin-top: 0px;
   margin: 0px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
   }

table#search td {
   vertical-align: top;
   font-family: Arial,Helvetica;
   font-size: 8pt;
   color: #999999;
   padding: 0px;
   margin: 0px;
   }

table#search td.headerFirst, table#search td.headerMiddle {
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 2px;
   padding-bottom: 0px;
   border-right-style: solid;
   border-right-width: 1px;
   border-right-color: #cccccc;
   }

table#search td.headerLast {
   padding-left: 4px;
   padding-right: 10px;
   padding-top: 2px;
   padding-bottom: 0px;
   }

form#search td.headerSearch {
   border-style: solid;
   border-width: 1px;
   border-color: #cccccc;
   padding-top: 0px;
   padding-bottom: 0px;
   }

form#search td.searchSelect{
   padding-top: 2px;
   }

form#search input.searchInput {
   height: 16px;
   font-family: Arial,Helvetica;
   color: #999999;
   font-size: 10pt;
   vertical-align: top;
   border-style: none;
   border-width: 0px;
   }

form#search input.searchButton {
   }

input.searchRadio, input.searchRadio:active, input.searchRadio:focus {
   margin-top: 0px;
   outline: none;
   }

form#search a:link, form#search a:hover, form#search a:visited, form#search a:active {
   font-family: Arial,Helvetica;
   font-size: 10pt;
   color: #999999;
   text-decoration: none;
   outline: none;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 0px;
   padding-top: 0px;
   border-style: solid;
   border-width: 1px;
   border-color: #ffffff;
   }

form#search  a:hover {
   background-image: url('menubar-selected-background.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
}

/*
Header de la page: menu à droite
*/
div.pageContentHeaderMenu {
padding-top:8px;
padding-bottom:16px;
}

div.pageContentHeaderMenu img {
   border-style: none;
   border-width: 0px;
   vertical-align: middle;
   }

div.pageContentHeaderMenu a:link, div.pageContentHeaderMenu a:hover, div.pageContentHeaderMenu a:visited, div.pageContentHeaderMenu a:active {
   float: left;
   font-family: Arial;
   font-size: 9pt;
   color: #004086;
   text-decoration: none;
   outline: none;
   padding-left: 0px;
   padding-right: 4px;
   border-color: #FFFFFF;
   border-style: solid;
   border-width: 1px;
   }

div.pageContentHeaderMenu a:hover {
   background-image: url('../img/menubar-selected-bgwhite.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #F0F0F0;
   border-top-color: #F0F0F0;
   border-right-color: #D8D8D8;
   border-bottom-color: #D8D8D8;
   }

div.pageContentHeaderMenu a.right:link, div.pageContentHeaderMenu a.right:hover, div.pageContentHeaderMenu a.right:visited, div.pageContentHeaderMenu a.right:active {
   float: right;
   font-family: Arial;
   font-size: 9pt;
   color: #004086;
   text-decoration: none;
   outline: none;
   padding-left: 6px;
   padding-right: 6px;
   border-color: #ffffff;
   border-style: solid;
   border-width: 1px;
   }


div.pageContentHeaderMenu a.right:hover {
   background-image: url('../img/menubar-selected-bgwhite.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #F0F0F0;
   border-top-color: #F0F0F0;
   border-right-color: #D8D8D8;
   border-bottom-color: #D8D8D8;
}

/*
Footer de la page: zone logo alignés à droite
*/
div#pageBodyFooter {
height: 100%;
vertical-align: bottom;
padding-top: 12px;
text-align: right; 
}

div#pageBodyFooter img {
vertical-align: bottom;
}

div.menuBar {
clear:both; 
height:30px;
width:100%;
padding:0px;
margin:0px;
background-image:url('../img/menubar-background-light.gif'); 
}

span.menuBarLeft {
float:left;
}

span.menuBarRight {
float:right;
}

div.menuBar a {
text-decoration: none;
outline: none;
}

img {
border:0px;
}


table.textBoxRightBottom {
   margin: 0px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
   }

tr.textBoxRightBottom {
   height:96px;
   }


td.textBoxRightBottom {
   vertical-align: bottom;
   text-align: right;
   margin: 0px;
   padding: 4px;
   border-spacing: 0px;
   color: #ffffff;
   font-size: 14pt;
   }

td.textBoxRightBottom a:link, td.textBoxRightBottom a:hover, td.textBoxRightBottom a:visited, td.textBoxRightBottom a:active {
   text-decoration: none;
   outline: none;
   color: #ffffff;
   }

div#headerZone {
   height: 22px;
   vertical-align: top;
   padding: 0px;
   margin: 0px;
   position:relative;
   }

img#menuColors {
   padding: 0px;
   margin: 0px;
   margin-top: 0px;
   }


div.newsArea {
overflow:hidden; 
clear:both; 
padding-bottom:16px;
}

div.news {
   position:relative;
   overflow: hidden;
   float:right;
   width:257px;
min-height:76px;
   text-align: left;
   margin-top: 6px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 4px;
   padding-right: 4px;
   border-spacing: 0px;
   color: #444444;
   font-size: 10pt;
   border-left-style: dotted;
   border-left-width: 1px;
   border-left-color: #8e9aa5;
   }

span.newsMore {
   vertical-align: 0px;
   background-image:url('news-more.gif');
   background-repeat: no-repeat;
   background-color: #8e9aa5;
   color: #ffffff;
   font-family: arial;
   font-size: 6pt;
   padding-left: 12px;
   padding-right: 2px;
   }

div.news a:link, div.news a:hover, div.news a:visited, div.news a:active {
   text-decoration: none;
   outline: none;
   color: #444444;
   }

div.announce {
   overflow: hidden;
   width:183px;
   min-height:76px;
   margin-top: 4px;
   margin-left: 6px;
   text-align: left;
   padding-top: 2px;
   padding-left: 4px;
   padding-right: 4px;
   padding-bottom: 4px;
   border-spacing: 0px;
   color: #444444;
   font-size: 10pt;
   background-color: #fff10d;
   }

div.announce a:link, div.announce a:hover, div.announce a:visited, div.announce a:active {
   text-decoration: none;
   outline: none;
   color: #444444;
   }

div.announce div.title {
   display: block;
   font-weight: bold;
   padding-bottom: 2px;
   }

div.keywordTags {
   margin: 0px;
   padding-top: 20px;
   padding-bottom: 6px; 
   background-color: #eef2f7;
   }

div.keywordTagsColumn {
   float:left;
   width:190px;
   padding-left: 4px;
   padding-right: 4px;
   }

div.keywordTagsColumn a:link, div.keywordTagsColumn a:hover, div.keywordTagsColumn a:visited, div.keywordTagsColumn a:active {
   display: block;
   font-family: Arial,Helvetica;
   font-size: 9pt;
   color: #0d3b73;
   text-decoration: none;
   outline: none;
   margin-top: 2px;
padding: 1px;
border-style: solid;
border-width: 1px;
border-color: #eef2f7;
   }

div.keywordTagsColumn a:hover {
   background-image: url('../img/menubar-selected-bgblue.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
   }

table.mainMenuTable {
   height: 300px;
   width:190px;
   margin: 0px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
   }

tr.mainMenuTable {
   }

td.mainMenuTable {
   vertical-align: bottom;
   padding: 0px;
   border-spacing: 0px;
   }

div.mainMenu {
   background-color:#204773;
   padding-top:5px;
   margin:0px;
   border-right-style:solid;
   border-right-width:8px;
   border-right-color:#204773;
   border-collapse:collapse;
   }

div.mainMenu a:link, div.mainMenu a:hover, div.mainMenu a:visited, div.mainMenu a:active {
   display: block;
   height:20px;
   background-image:url('main-menu-background-off1.gif');
   font-family: Verdana;
   font-size: 8pt;
   font-weight:normal;
   text-decoration: none;
   outline: none;
   padding-top: 2px;
   padding-left: 16px;
   }

div.mainMenu a.level2:link, div.mainMenu a.level2:hover, div.mainMenu a.level2:visited, div.mainMenu a.level2:active {
   color: #000000;
   }


div.mainMenu a:hover {
   background-image:url('main-menu-background-on1.gif');
   }

div.subMenu {
   position:absolute;
   display:none; 
   background-color:#ececec;
   padding-top:5px;
   padding-bottom:10px;
   margin:0px;
   border-style:solid;
   border-top-width:7px;
   border-bottom-width:1px;
   border-left-width:1px;
   border-right-width:1px;
   border-collapse:collapse;
   z-index: 10;
   }

div.subMenu a:link, div.subMenu a:hover, div.subMenu a:visited, div.subMenu a:active {
   display: block;
   font-family: Verdana;
   font-size: 8pt;
   line-height:13px;
   color: #666666;
   font-weight:normal;
   text-decoration: none;
   outline: none;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 8px;
   padding-right: 8px;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #ececec;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #ececec;
   }

div.subMenu a.more {
   background-image: url('menubar-more.gif');
   background-repeat: no-repeat;
   background-position: right center;
   }

div.subMenu div.separator {
   height: 0px;
   margin-top: 2px;
   margin-bottom: 2px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   }

div.subMenu a:hover, div.subMenu a.more:hover {
   background-image: url('menubar-selected-background.gif');
   background-repeat: repeat;
   color: #092a52;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #dbdbdb;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #a8a8a8;
   }

div.subSecondMenu {
   position:absolute;
   display:none; 
   background-color:#ececec;
   padding-top:2px;
   padding-bottom:2px;
   margin:0px;
   border-style:solid;
   border-color:#999999;
   border-top-width:1px;
   border-bottom-width:1px;
   border-left-width:1px;
   border-right-width:1px;
   border-collapse:collapse;
   z-index: 11;
   }

div.subSecondMenu a:link, div.subSecondMenu a:hover, div.subSecondMenu a:visited, div.subSecondMenu a:active {
   display: block;
   font-family: Verdana;
   font-size: 8pt;
   line-height:13px;
   color: #666666;
   font-weight:normal;
   text-decoration: none;
   outline: none;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 8px;
   padding-right: 8px;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #ececec;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #ececec;
   }

div.subSecondMenu a.more {
   background-image: url('menubar-more.gif');
   background-repeat: no-repeat;
   background-position: right center;
   }

div.subSecondMenu a:hover, div.subSecondMenu a.more:hover {
   background-image: url('menubar-selected-background.gif');
   background-repeat: repeat;
   color: #092a52;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #dbdbdb;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #a8a8a8;
   }