/* --------------------------
 * -      Style de base     - 
 * Theme Serenity
 * Auteur : Geoffrey ANNEHEIM
 * -------------------------*/ 
 
body {
  font-family: Arial, Verdana, 'Trebuchet MS', Tahoma, 'Deja Vu Sans', 'Bitstream Vera Sans', Arial, Helvetica, sans;
  font-size: 0.85em;
  font-weight: normal;
  color: #000000;
  background-color: #E8F0F4;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 0;
  line-height: 120%;
  /*scrollbar-face-color       : #c9d9fc;
  scrollbar-arrow-color      : #006699;
  scrollbar-track-color      : #efefef;
  scrollbar-shadow-color     : #dee3e7;
  scrollbar-3dlight-color    : #d1d7dc;
  scrollbar-highlight-color  : #ffffff;
  scrollbar-darkshadow-color : #98aab1;*/
}

a {
	color: #02679D;
  background-color: transparent;
	text-decoration: none;
}

a:hover {
  color: #02679D;
  background-color: transparent;
	text-decoration: underline;
}

img {
  border: none;
}

form {
  margin: 0;
}

input[type=submit], input[type=button] {
  margin: 2px;
}

select {
  margin: 2px;
  padding: 0;
}

select, input, textarea {
  color: #000066;
  vertical-align: middle;
}

#global_body {
  width: 100%;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-left: 8px;
  padding-right: 8px;
  border-spacing: 0;
  border: 1px solid #848686;
}

#top_body {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  vertical-align: top; 
}

.top_body_frame {
  margin: 0;
  padding: 0;
  color: #000000;
  background-color: white; 
  border-top: 1px solid #848686;
  border-bottom: none;
  border-left: 1px solid #848686;
  border-right: 1px solid #848686;
}

#left_body {
  margin: 0;
  width: 185px;
  vertical-align: top;
}

#middle_body {
  margin: 0;
  vertical-align: top; 
}

.middle_body_frame {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 4px; 
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;  
  color: #000000;
  background-color: #F4F9FD; 
  border: 1px solid #848686;
}

.foot_body_frame {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 4px; 
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;  
  color: #000000;
  background-color: #EEEEEE; 
  border: 1px solid #848686;
  text-align: center;
  line-height: 110%;
  vertical-align: top;
}

.foot_body_frame p {
  margin: 0;
  padding: 0;
  color: #000000;
  background-color: transparent;
  text-align: center;
  vertical-align: top;
}

#right_body {
  margin: 0;
  width: 185px;
  vertical-align: top;
}

.logo {
  color: #000000;
  background-color: #EBECFF;
}

.topbody_menu {
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  color: #000000;
  background: url('images/background/topbody_menu.gif') repeat-x;
  border-top: 1px solid #848686;
  font-size: 0.85em;
  font-weight: normal;  
  vertical-align: middle;  
}

.topbody_menu_left {
  margin: 0;
  padding: 2px;
  text-align: left;
  white-space: nowrap; 
}

.topbody_menu_left a {
  color: #02679D;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

.topbody_menu_left a:hover {
  color: #000000;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

.topbody_menu_middle {
  margin: 0;
  padding: 2px;
  white-space: nowrap;   
  text-align: center;
}

.topbody_menu_middle h1 {
  margin: 0;
  padding: 0;
  color: #447395;
  background-color: transparent;
  font-weight: normal;
  text-decoration: none;
}

.topbody_menu_middle img {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 2px;
  padding: 0;
  vertical-align: middle;
}

.topbody_menu_middle a {
  color: #02679D;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

.topbody_menu_middle a:hover {
  color: #000000;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

.topbody_menu_right {
  margin: 0;
  padding: 2px; 
  text-align: right;
  white-space: nowrap; 
}


/*-------------------------*/
/* -------- BBcode ------- */
/*-------------------------*/
table.bbcode_textarea {
  border           : #7ba0f2 1px dotted;
  background-color : #ffffff;
}

table.bbcode_textarea td {
  border           : #7ba0f2 1px solid;
  color            : #000066;
  *background-color : transparent;
}


/*-------------------------*/
/* ------ SmallPage ------ */
/*-------------------------*/
body.smallpage {
  font             : 11px Verdana,Arial,Helvetica,sans-serif;
  color            : #000000;
  background       : #ffffff;
  font-weight      : none;
}

table.smallpage {  
  color            : #000066;
  border           : 1px solid #486386;
  background-color : #F3F9FF;
}

table.smallpage td {
  border           : 0px;
  background-color : #FFFFFFF;
  padding          : 2px;
}

table.smallpage a {
  color            : #2277aa;
  border           : none;
}

table.smallpage a:hover {
  color            : #4376cb;
  border           : none;
  text-decoration  : underline;
}



/*********************
 *   Boîte d'alerte  *
*********************/
.boxalert {
  border: 1px solid #286097;
  background-color: Yellow;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 1px;
  padding-right: 1px;
  color: #000000;
  text-align: center;
}

.boxalert a {
  border: none;
  color: #000000;
  background-color: transparent;        
  font-size: 1.20em;
  font-weight: bold;
  text-decoration: blink;
}

.boxalert a:hover {
  border: none;
  color: #286097;
  background-color: transparent;
  font-size: 1.20em;
  font-weight: bold;
  text-decoration: none;
}


/*********************
 * Gestion des menus *
*********************/
.menu {
  margin-top: 0;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
  font-size: 0.95em;
  font-weight: normal;   
}

/* Bloc de titre d'un menu */
.menu h6 {
  height: 20px;
  margin: 0;
	padding-top: 6px;
  padding-bottom: 0px; 
	padding-left: 4px;
	padding-right: 4px; 
	background: url('images/background/menu_header.png') repeat-x;
	border: 1px solid #848686;
  color: #2C485C;
  background-color: transparent;
  font-size: 0.95em;
  font-weight: bold;  
  vertical-align: middle;
  line-height: 100%;
}

.menu h6 img {
  display: block;
  float: left;
}

.menu_content { 
  margin: 0;
  padding: 0;
  color: #000000;
  background-color: #F4F9FD; 
  border-top: none; 
  border-bottom: 1px solid #848686;
  border-left: 1px solid #848686;
  border-right: 1px solid #848686; 
  font-size: 0.95em;
}

.menu_content a {
	color: #000000;
  background-color: transparent;
	text-decoration: none;
}

.menu_content a:hover {
  color: #000000;
  background-color: transparent;
	text-decoration: none;
}

.menu_content h5 {
  height: 20px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  border: 1px none #2C485C;
  color: #000000;
  background-color: #DCDCFF;
  font-size: 0.95em;
  font-weight: bold;
  vertical-align: middle;
  line-height: 150%;
}

.menu_content h5 img {
  display: table-cell;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 4px;
  padding: 0;
  vertical-align: middle;
}

.menu_content p {
  margin: 2px;
  padding: 0;
  font-size: 0.95em;
  font-weight: normal;
  line-height: 110%;
}

.menu_content_separator {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px; 
  margin-right: 4px;
  padding: 0;
  border: 1px solid #BEBEFF;
}

.menu_content ul {
  /*list-style-type: none;*/
  list-style-image: url('images/decoration/menu_puce.gif');
	list-style-position: inside;
  margin-top: 0;
  margin-bottom: 0;
	margin-left: 5px;
  margin-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 1.00em;
}

.menu_content ul ul {
	list-style-image: url('images/decoration/menu_puce2.gif');
	list-style-position: inside;
  margin-top: 0;
	margin-bottom: 0;
  margin-left: 20px;
  margin-right: 0;
  padding: 0; 
}

.menu_content ul a {
  color: #447395;
  background-color: transparent; 
  font-size: 1.00em;
  font-weight: bold;
	text-decoration: none;
}

.menu_content ul a:hover {
  color: #000000;
  background-color: transparent; 
  font-size: 1.00em;
  font-weight: bold;
  text-decoration: none;
}


/*********************
 * Gestion des blocs *
*********************/
.box {
  margin-top: 0;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

/* Titre d'un bloc */
.box_smallhead {
  height: 16px;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  background: url('images/background/bloc_title.png') repeat-x;
  border: 1px solid #2C485C;   
  color: #2C485C;
  background-color: transparent;
  font-size: 0.95em;
  font-weight: bold;
  vertical-align: middle;
}

.box_head {
  height: 36px;
  margin: 0;
	padding: 0;
	background: url('images/background/bloc_title.png') repeat-x;
	border: 1px solid #2C485C;
  color: #2C485C;
  background-color: transparent; 
  font-size: 1.35em;
  font-weight: bold;  
  vertical-align: middle;
  line-height: 160%;
}

.box_head div {
  position: relative; 
  float: left; 
  text-align: left; 
  vertical-align: middle;
}

.box_head img {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2px;
  margin-right: 2px;
  padding: 0;
}

/* Header d'un bloc */
.box_content h5 {
  height: 20px;
  margin: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  padding-right: 4px;
  color: #000000; 
  background-color: #DCDCFF;
  border: 1px none #2C485C;
  font-size: 1.10em;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  line-height: 150%;
}

.box_content h5 img {
  display: block;
  float: left;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  margin-right: 4px;
  padding: 0;
  text-align: left;
  vertical-align: middle;
}

.box_content {
  margin: 0;
  padding: 0;
  border-top: none;
  border-bottom: 1px solid #2C485C;
  border-left: 1px solid #2C485C;
  border-right: 1px solid #2C485C;
  color: #000000;
  background-color: white;
  font-size: 0.85em;      
}

.box_content p {
  text-indent: 0;
  margin: 0;
  padding: 4px;
}

.box_frame {
  margin: 0;
  padding: 0;
  border: 1px solid #2C485C;
  color: #000000;
  background-color: white;
}

.box_frame p {
  text-indent: 0;
  margin: 0;
  padding: 4px;
}

.box_area {
  width: 100%;
  margin-top: 0;
  padding: 0;
  border-spacing: 2px;
  vertical-align: middle;
}

.box_area_item {
  margin: 0;
  padding: 4px;
  border: 1px solid #A3C0D5;
  vertical-align: middle; 
}

.box_table_item {
  width: 100%;
  border-spacing: 1px;
  empty-cells: show;
}

.box_item {
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid #A3C0D5;
  vertical-align: middle;
}

.box_header_item {
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid #A3C0D5;
  color: #000000;
  background-color: #E9F0F5;
  vertical-align: middle;
}

.box_item_color0 {
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: none;
  color: #000000; 
  background-color: #F3F3F3;
  vertical-align: middle;
}

.box_item_color1 {
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: none;
  color: #000000; 
  background-color: #EAF5FF;
  vertical-align: middle;
}

.box_foot {
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border-top: none;
  border-bottom: 1px dotted #2C485C; 
  border-left: 1px dotted #2C485C; 
  border-right: 1px dotted #2C485C;    
  color: #000000;
  background-color: #E6E6FF; 
	font-weight: normal;
  font-size: 0.80em;
}


/* Gestion des tableaux */
.table {
  width: 100%;
  empty-cells: show;
  font-size: 1.10em;
}

.table_item {
  margin: 0;
  padding: 0;
  border: 1px solid #A3C0D5;
}

.table_header_item {
  margin: 0;
  padding: 0;
  border: 1px solid #A3C0D5;
  color: #000000;
  background-color: #E9F0F5;
}

.table_item p, .table_header_item p {
  margin: 0;
  padding: 0;
  text-indent: 0;
  line-height: 120%;
}


/* Gestion des ListView */
.listview {
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 15px;
  text-align: center;
}

.listview td, .listview table td, .listview a, .listview table a {
  margin: 0;
  padding: 0; 
  font-size: 0.95em;
  font-weight: normal;
  color: #31526A;
  background-color: transparent;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  line-height: 120%;
}

.listview table img {
  margin: 0;
  padding: 0;
  border: none;
}

/* Titre */
.listview_title {
  font-size: 1.10em;
  font-weight: bold;
  color: #31526A;
  background-color: transparent;
  font-size: 1.20em;
  text-indent: 0;
}

.listview table td:hover, .listview table a:hover {
  margin: 0;
  padding: 0;
  color: #31526A;
  background-color: #E9F0F5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  line-height: 120%;
}

.dialogbox { 
  margin: 0;
  padding: 0; 
  text-align: center;
}