/* ------------------------------------------------------- 
  body : default values 
------------------------------------------------------- */
body { 
  margin: 0; /* pour éviter les marges */
  margin-top: 25px;
  text-align: center; /* pour corriger le bug de centrage IE */
  background-color: #004e8f; /*  Orig : #000B1E, autre (with bg1.jpg) #001834 */
  font-family: 'Trebuchet MS', verdana, helvetica, arial;
  font-size: 12px;
  color: #ffffff;
  background-image: url(../img/backgrounds/bg3b.jpg);
  background-position: center 15px;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
}

a {
  text-decoration: none;
  color: #778CA4;
  font-weight: normal;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

/* ------------------------------------------------------- 
  top menu - blue 
------------------------------------------------------- */
div.top_menu_main {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 100;
}

div.top_menu_spacer {
  width: 1px;
  height: 36px;
  float: left;  
}

div.top_menu_blue {
  position: absolute;  
  width: 130px;
  height: 36px;
  background: url(../img/blue_top_menu/top_menu_pale.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  float: left;
}

div.top_menu_blue a {
  text-decoration: none;
}

div.top_menu_blue a:hover {
  text-decoration: none;
}

div.top_menu_blue_selected {
  position: absolute;  
  width: 130px;
  height: 36px;
  background: url(../img/blue_top_menu/top_menu_dark.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  float: left;
}

div.top_menu_blue_selected a {
  text-decoration: none;
}

div.top_menu_blue_selected a:hover {
  text-decoration: none;
}

div.top_menu_blue0 {
  width: 126px;
  height: 32px;
  line-height: 12px;
  overflow: hidden;
}

div.top_menu_blue1 {
  padding-left: 10px;
  padding-top: 5px;
  color: #ffffff;
  font-weight: bold;
  /*cursor: pointer;*/
}

div.top_menu_blue1 a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

div.top_menu_blue1 a:hover {
  text-decoration: none;
  color: #ffffff;
}

div.top_menu_blue_dropped_0 {
  position: absolute;
  width: 130px;
  height: 36px;
  background: url(../img/blue_top_menu/top_menu_pale_dropped_0.gif);
  float: left; 
}

div.top_menu_blue_dropped_1 {
  position: absolute;
  width: 130px;
  height: 104px;
  background: url(../img/blue_top_menu/top_menu_pale_dropped_1.gif);
  float: left; 
}

div.top_menu_blue_dropped_2 {
  position: absolute;
  width: 130px;
  height: 161px;
  background: url(../img/blue_top_menu/top_menu_pale_dropped_2.gif);
  float: left; 
}

div.top_menu_blue_dropped_3 {
  position: absolute;
  width: 130px;
  height: 218px;
  background: url(../img/blue_top_menu/top_menu_pale_dropped_3.gif);
  float: left; 
}

div.top_menu_blue_dropped_4 {
  position: absolute;
  width: 130px;
  height: 275px;
  background: url(../img/blue_top_menu/top_menu_pale_dropped_4.gif);
  float: left; 
}

div.top_menu_blue_dropped_5 {
  position: absolute;
  width: 130px;
  height: 332px;
  background: url(../img/blue_top_menu/top_menu_pale_dropped_5.gif);
  float: left; 
}

div.top_menu_blue_dropped_9 {
  position: absolute;
  width: 130px;
  height: 559px;
  background: url(../img/blue_top_menu/top_menu_pale_dropped_9.gif);
  float: left; 
}

div.top_menu_green {
  position: absolute;  
  width: 130px;
  height: 36px;
  background: url(../img/green_top_menu/top_menu_pale.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  float: left;
}

div.top_menu_green a {
  text-decoration: none;
}

div.top_menu_green a:hover {
  text-decoration: none;
}

div.top_menu_green_selected {
  position: absolute;  
  width: 130px;
  height: 36px;
  background: url(../img/green_top_menu/top_menu_dark.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  float: left;
}

div.top_menu_green_selected a {
  text-decoration: none;
}

div.top_menu_green_selected a:hover {
  text-decoration: none;
}

div.top_menu_green0 {
  width: 126px;
  height: 32px;
  line-height: 12px;
  overflow: hidden;
}

div.top_menu_green1 {
  padding-left: 10px;
  padding-top: 5px;
  color: #ffffff;
  font-weight: bold;
  /*cursor: pointer;*/      
}

div.top_menu_green1 a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

div.top_menu_green1 a:hover {
  color: #ffffff;
  text-decoration: none;
}

div.top_menu_green_dropped_2 {
  position: absolute;
  width: 130px;
  height: 161px;
  background: url(../img/green_top_menu/top_menu_pale_dropped_2.gif);
  float: left; 
}

a.item_green div {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  line-height: 12px;
}

div.top_menu_item_green {
  margin-right: auto;
  margin-left: auto;
}

div.top_menu_item_green a.item_green {
  width: 120px;
  height: 57px;  
  color: #000000;
  font-weight: bold;
  display: block;
  border: none;
  background: url(../img/green_top_menu/highlight_pale.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;      
}

div.top_menu_item_green a.item_green:hover {
  text-decoration: none;
  color: #000000;
  background-position: -120px 0;
}

div.top_menu_full {  
  position: relative;  
  top: 10px;
  left: 0px;
  padding-left: 5px;
}

div.top_menu_item_blue {
  margin-right: auto;
  margin-left: auto;
}

div.top_menu_item_blue a.item_blue {
  width: 120px;
  height: 57px;  
  color: #000000;
  font-weight: bold;
  display: block;
  border: none;
  background: url(../img/blue_top_menu/highlight_pale.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;    
}

div.top_menu_item_blue a.item_blue:hover {
  text-decoration: none;
  color: #000000;
  background-position: -120px 0;
}

div.top_menu_item_blue_selected {
  margin-right: auto;
  margin-left: auto;
}

div.top_menu_item_blue_selected a.item_blue {
  width: 120px;
  height: 57px;  
  color: #ffffff;
  font-weight: bold;
  display: block;
  border: none;
  background: url(../img/blue_top_menu/highlight_dark.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;    
}

div.top_menu_item_blue_selected a.item_blue:hover {
  text-decoration: none;
  color: #ffffff;
}

a.item_blue div {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  line-height: 12px;
}

/* -------------------------------------------------------
  content - blue
------------------------------------------------------- */
div.content_top_blue {
  width: 543px;
  height: 10px;
  background: url(../img/content/blue/l1/top.gif) 0 0 no-repeat;
  color: #000000;
  text-align: left;
  border: none;
  margin: 0;
}

div.content_mid_blue {
  width: 543px;
  background: url(../img/content/blue/l1/mid.gif) 0 0 repeat-y;
  color: #000000;
  text-align: left;
  margin-right: auto;
  margin-left: auto;  
}

div.content_mid_blue div {
  /*padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;*/
}

div.content_bot_blue {
  width: 543px;
  height: 10px;
  background: url(../img/content/blue/l1/bot.gif) 0 0 no-repeat;
  color: #000000;
  text-align: left;
  border: none;
}

/* -------------------------------------------------------
  content - level 2 - blue 
------------------------------------------------------- */
div.content_l2_blue {
  width: 521px;
  /*float: left;*/
  color: #000000;
  text-align: left;
  padding-top: 0px;
  padding-left: 0px;
  border: none;  
}

div.content_top_l2_blue {
  width: 521px;
  height: 10px;
  background: url(../img/content/blue/l2/top.gif) 0 0 no-repeat;
  color: #000000;
  text-align: left;
  border: none;
}

div.content_mid_l2_blue {
  width: 521px;
  /*height: 520px;*/
  background-color: #f0f7ff;
  background: url(../img/content/blue/l2/mid.gif) 0 0 repeat-y;
  color: #000000;
  text-align: left;
  border: none;
}

div.content_mid_l2_blue1 {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

div.content_mid_l2_blue div {  
  /*padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;*/
}

div.content_bot_l2_blue {
  width: 521px;
  height: 10px;
  background: url(../img/content/blue/l2/bot.gif) 0 0 no-repeat;
  color: #000000;
  text-align: left;
  border: none;
}

/* ------------------------------------------------------- 
  light blue content 
------------------------------------------------------- */
div.lblue_content {
  background-color: #f3f6f7;
  color: #000000;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
}

div.lblue_content div {
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;  
}

/* ------------------------------------------------------- 
  top-menu - position - blue
------------------------------------------------------- */
div.top_menu_position_blue {
  color: #70a8e5;
  font-weight: normal;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  font-size: 10px;
  height: 20px;  
} 

div.top_menu_position_blue_div1 {
  padding-top: 2px;  
  width: 340px;
  float: left;
}

div.top_menu_position_blue_div1 a {
  color: #6b8231;
  font-weight: bold;
}

div.top_menu_position_blue_div1 a:hover {
  text-decoration: underline;
}

div.top_menu_position_blue_div2 {
  padding-top: 2px;  
  width: 183px;
  float: left;
  text-align: right;
}

div.top_menu_position_blue_div2 a {
  /*color: #6b8231;*/
  color: #70a8e5;
  font-weight: bold;
}

div.top_menu_position_blue_div2 a:hover {
  text-decoration: underline;
}

/*
div.top_menu_position_blue div {
  padding-top: 2px;
}

div.top_menu_position_blue div a {
  color: #70a8e5;
  font-weight: normal;
}

div.top_menu_position_blue div a:hover {
  text-decoration: underline;
}
*/

/* ------------------------------------------------------- 
  mid section - blue content
------------------------------------------------------- */
div.blue_content_header_full {
  background: url(../img/content/blue/header_full.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: bold;
  width: 501px;
  height: 21px;
}

div.blue_content_header_full1 {
  padding-top: 3px;  
  padding-left: 10px;  
}

div.blue_content_footer_full {
  background: url(../img/content/blue/footer_full.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: bold;
  width: 501px;
  height: 21px;
}

div.blue_content_footer_full1 {
  padding-top: 3px;
  padding-left: 10px;
}

div.blue_content_header_spacer {
  width:501px;
  height:10px;
}

div.blue_content_wrapper {
  margin-left: auto;
  margin-right: auto;
  /*position: relative;*/
}

div.blue_content_left_box {
  float: left;
}

div.blue_content_header_left {
  background: url(../img/content/blue/header_left.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: bold;
  width: 336px;
  height: 21px;
}

div.blue_content_header_left1 {
  padding-top: 3px;
  padding-left: 10px;
}

div.blue_content_mid_box {
  float: left;
  width: 4px;
}

div.blue_content_right_box {
  float: left;
}

div.blue_content_header_right {
  background: url(../img/content/blue/header_right.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: bold;
  width: 161px;
  height: 21px;
}

div.blue_content_header_right1 {
  padding-top: 3px;
  padding-left: 10px;
}

div.blue_content_full_white_top {
  width: 501px;
  height: 10px;
  background: url(../img/content/blue/content_full_white_top.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.blue_content_full_white_bot {
  width: 501px;
  height: 10px;
  background: url(../img/content/blue/content_full_white_bot.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.blue_content_full_lblue_bot {
  width: 501px;
  height: 10px;
  background: url(../img/content/blue/content_full_lblue_bot.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.blue_content_left_white_bot {
  width: 336px;
  height: 10px;
  background: url(../img/content/blue/content_left_white_bot.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.blue_content_right_lblue_bot {
  width: 161px;
  height: 10px;
  background: url(../img/content/blue/content_right_lblue_bot.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

a.mythe_link {
  color: #000000;
  font-weight: bold;
  font-size: 12px;
}

a.mythe_link:hover {
  text-decoration: underline;
}

a.blue_link {
  color: #778CA4;
  font-weight: bold;
  font-size: 12px;
}

a.blue_link:hover {
  text-decoration: underline;
}

ul.small_blue {
  list-style-type: list-item;
  padding: 0;
  margin-left: 15px;
  margin-top: 0px;
  /*font-weight: bold;*/
}

li.small_blue {
  display : list-item;
  list-style-image : url(../img/content/bullet.gif);
  list-style-position: outside;
}

li.small_blue:first-letter {
  /*color: #778CA4;
  font-size: 10px;*/  
}

li.small_blue div {
  color: #000000;
  font-size: 12px;
}


li.small_blue_bold {
  display : list-item;
  list-style-image : url(../img/content/bullet.gif);
  list-style-position: outside;
  font-weight: bold; 
}

tr.blue_list1 {
  background-color: #84b5d6; /* #10214a */  
}

tr.blue_list1 td {
  color: #000000;
}

tr.blue_list2 {
  background-color: #f3f6f7; /* #84b5d6 */
  color: #000000;  
}

tr.blue_list2 td {
  color: #000000;
}

div.blue_list_line {
  width: 464px;
  height: 2px;
  background: url(../img/content/blue/list_select_line.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.blue_list_pale {
  width: 464px;
  height: 21px;
  background: url(../img/content/blue/list_select_light_blue.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.blue_list_pale div {
  padding-left: 10px;
  padding-top: 3px;
  font-weight: bold;
}

div.blue_list_white {
  width: 464px;
  height: 21px;
  background-color: #ffffff;
}

div.blue_list_white div {
  padding-left: 10px;
  padding-top: 3px;
  font-weight: bold;
}

div.blue_list_content_white {
  width: 464px;
  background-color: #ffffff;
}


div.blue_list_up {
  width: 464px;
  height: 21px;
  background: url(../img/content/blue/list_select_up.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.blue_list_down {
  width: 464px;
  height: 21px;
  background: url(../img/content/blue/list_select_down.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

/* -------------------------------------------------------
  repertoire items list
------------------------------------------------------- */
div.blue_rep_list0 {
  background-color: #f0f7ff; /* light blue */
  color: #000000;
  font-weight: bold;
  cursor: pointer;
}

div.blue_rep_list1 {
  background-color: #ffffff; /* white */
  color: #000000;
  font-weight: bold;
  cursor: pointer;
}

div.blue_rep_list_hover {
  background-color: #7badd6; /* darker blue */
  background: url(../img/content/blue/list_select_up.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #000000;
  font-weight: bold;
  cursor: pointer;  
}

div.blue_rep_list_select {
  background-color: #10316b; /* darkest blue */
  background: url(../img/content/blue/list_select_down.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;  
}

div.blue_rep_details {
  background-color: #e5f1ff; /* blue-grey */
  color: #000000;
  font-weight: bold;  
}