/* -------------------------------------------------------------------- 
                General style definitions
          Atos Worldline Web Applications, v1.6.5
            By Le Studio, Atos Worldline, 2008
-------------------------------------------------------------------- */

/* NOTES : */
/* All application specifics styles or modifications to the 
original style definitions must be done in the 
stylesheet "dev.css" */

/* CSS index (!):
  DEFAULT VALUES
  PAGE BODY STRUCTURE
  HEADER
  FOOTER
  MAIN BLOCKS
  TABLE SPECIFICS
  FORMS SPECIFICS
  TOOLS PAGES
  EXCEPTIONS & SPECIFICS (used sitewide)
*/

/* ------------------------- !DEFAULT VALUES --------------------------------- */

body {
	width: 955px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 101%;
	text-align: center;
	margin: 10px auto 0 auto;
}

* {padding: 0; margin: 0;} /* 0 for all objects */
img {border: 0;}
hr {display: none;}

h1 {float: left; width: 100px; height: 77px; padding-left: 15px;}

p, ul, dl {font-size: 0.75em;}

a:link {text-decoration: underline; color: #39545e;}
a:visited {text-decoration: underline; color: #39545e;}
a:hover {text-decoration: none; color: #39545e;}
a:active {text-decoration: none; color: #39545e;}



table {
	clear: both;
	width: 100%;
	border-collapse: separate;
}

caption {display: none}

th {
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #39545e;
	padding: 1px 1px 1px 1px;
}
th a, th a:link {text-decoration: underline; color: #fff;}
th a:visited {text-decoration: underline;}
th a:hover {text-decoration: none;}
th a:active {text-decoration: none;}
th[data-grid-column-sort] a {
    color: #fff;
    padding-top:10px;
    padding-right:0px;
    background:none
}
th[data-grid-column-sort="ascending"] a {
    background: url("/assets/ctx/b1361b36/static/imgs/pic_up.gif") top center no-repeat;
    display:block;
}
th[data-grid-column-sort="descending"] a {
    background: url("/assets/ctx/89ef19c0/static/imgs/pic_down.gif") top center no-repeat;
    display:block;
}

td {
  font-size: 0.7em;
	text-align: center;
	padding: 1px 1px 1px 1px;
}

acronym, abbr {border-bottom: 1px dashed #000; cursor: help;}

/* FORM DEFAULT VALUES */

form h4 {
  font-size: 0.75em;
  text-transform: uppercase;
  padding: 5px 0 20px 10px;
}
fieldset {clear: both; padding: 8px 0 8px 0;}
fieldset p {/*float: left; width: 100%; _width: 840px;*/}
legend {display: none;}
label {
  float: left;
  width: auto;
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  padding-right: 8px;
  margin: 0 5px;
}
input {font-size: 0.8em; margin: 0 0 8px 0; padding: 2px 4px;}
select {font-size: 0.75em; margin: 0 0 5px 0;}
option {padding-right: 8px;}
textarea {
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 0.9em;
  padding: 2px;
  /*margin: 0 0 5px 8px;*/
}

/* -------------------------- !PAGE BODY STRUCTURE --------------------------- */

#main {width: 100%; text-align: left;}


/* ------------------------------------ !HEADER ------------------------------ */


div#logo {
  	background: url("/assets/ctx/1ab22058/static/imgs/logoWEX.png") top left no-repeat;
	width: 252px;
  	height: 85px;
  	margin-left:15px;
  	float: left;
}

/* Structural blocks */
#topwrap {
  /*position: relative;*/
  width: 100%;
}

#headbar {
  width: 100%;
  position: relative;
  background: #007cbb; ;
  height: 77px;
}

#langBox, #login {
  float: right;
/*  width: 170px;*/
  /*min-height: 77px; */
  /*background: url("/assets/ctx/f3674fb0/static/imgs/bg_login.gif") top left repeat-x;*/
  background :#e81c3f;
  /*margin-left: 785px;*/
/*  height:77px;*/
  /*position: relative;*/
}

#langBoxLeftBorder, #loginBox {
  width: 170px;
  min-height: 67px;
  height: 67px; 
  color: #fff;
  font-weight: bold;
 /* background: url("/assets/ctx/3fd85151/static/imgs/bg_login_left.gif") top left no-repeat;*/
  margin: 0 ;
  padding-top: 10px;
}

#langBoxLeftBorder {
	width: 0px;
}

#loginBox p {margin: 0 0 5px;}
#loginBox a {
   color: #000;
   background: url("/assets/ctx/79363798/static/imgs/bg_deconnect.png") 0px 4px no-repeat; 
   padding: 0 12px 0;
}

.langBox {
   position: absolute;
   top: 0;
   right: 0;
   background:  url("/assets/ctx/2ffe6f77/static/imgs/bg_lang.gif") top left repeat-x;
}
#langOpen {
   width: 170px;
   display: none;
}
.langBox p.handle, .langBox p.handle {float: left; width: 15px; }

.langBox ul {
   float: left; 
   width: auto;
   list-style: none;
   margin: 6px 5px 0;
}
#langOpen ul {margin: 6px 7px 0;}
.langBox li {padding: 3px 0;}
.langBox a, .langBox a:link, .langBox a:visited {
   color: #e81c3f;
   font-weight: bold;
   text-decoration: none; 
 
}
.langBox li.lgOn a, .langBox li.lgOn a:link, .langBox li.lgOn a:visited {color: #fff;}

/********** Nouveau panneau de langues ********* /
#langBox {
   position: absolute;
   top: 0;
   background: #505151 url("/assets/ctx/2ffe6f77/static/imgs/bg_lang.gif") top left repeat-x;
   height: 77px;
}
.langClose {
   width: 45px;
   right: 170px;
}
.langOpen {
   width: 190px;
   right: 170px;
}
#langBox p.handle {float: left; width: 15px;}

#langBox ul {
   float: left; 
   width: auto;
   list-style: none;
   margin: 6px 7px 0;
}
#langBox li {padding: 3px 0;}
#langBox a, #langBox a:link, #langBox a:visited {
   color: #e2e805;
   font-weight: bold;
   text-decoration: none; 
}
#langBox .lgOn span {color: #fff; font-weight: bold;}
.langClose #langSup {display: none;}
*******/

/* TOP MENU */

#menubar {
   clear: left;
   width: 925px;
   height: 25px;
   background: #fffff  url("/assets/ctx/7c74f406/static/imgs/bg_menubar.gif") top left no-repeat;
   padding-left: 30px;
   margin: 5px 0 10px;
}
#menubar li {
  float: left;
  width: auto;
  list-style-type: none;
  font-weight: bold;
  text-align: center;
  background: url("/assets/ctx/a3bc33c5/static/imgs/bg_menubar_separ.gif") top left no-repeat;
  padding: 5px 30px 0;
  margin-right: 2px;
}
#menubar a, #menubar a:link, #menubar a:visited {
   text-decoration: none; 
   color: #39545e;
   padding: 0 10px 0 15px;
}
#menubar a:hover {text-decoration: none;}
/* tabs exceptions */
#menubar li.first {background: none}
#menubar li.tabOn a,#menubar li.tabOn a:visited, #menubar li.tabOn a:hover {
   color: #e81c3f;
   background: url("/assets/ctx/5f14454d/static/imgs/bg_menubar_on.gif") 0px 3px no-repeat;
   padding:0 10px 0 15px;
}
#menubar li.help{
	background: none;
	float: right;
}

/* Page Title */
#titbar {display: none;}

/* Skip main menu link */
p#skipmenu {display: none;}

/* Breadcrumbs */
#bdcrumbs {
  clear: left;
  text-align: left;
  margin: 5px 0 40px 60px ;
}
#bdcrumbs a {font-weight: bold;}



/* -------------------------------- !FOOTER ---------------------------------- */

#foot {
   background:#007cbb;
   float: left; 
   width: 100%; 
   height: 26px;
   text-align: left;
   margin: 0;
}
#foot p {
  font-weight: bold;
  font-size: 0.7em;
  padding: 6px 0 0 45px;
}




/* ------------------------- !MAIN BLOCKS --------------------------------- */

/* TABS */
#tabbar, #subtabbar {
   clear: left;
   width: 100%;
   /*padding-left: 30px;
   margin: 0 0 10px;*/
}

ul#subtabbar {
	left:2px;
	position:relative;
	top:12px;
    padding-bottom: 50px;
}

/* non-current tabs*/
#tabbar li {
  float: left;
  width: auto;
  list-style-type: none;
  font-weight: bold;
  text-align: center;
  background: #edebeb url("/assets/ctx/941e2d41/static/imgs/tab_lft_off.gif") no-repeat;
  padding-left: 7px;
  margin-right: 20px;
  height: 29px;
}
#tabbar a, #tabbar a:link, #tabbar a:visited {
   display: inline-block;
   text-decoration: none; 
   color: #39545e;
   background: #edebeb url("/assets/ctx/5dd3417f/static/imgs/tab_rgt_off.gif") top right no-repeat;
   padding: 7px 15px 7px 10px;
}
#tabbar a:hover,
#subtabbar a:hover {
	text-decoration: none;
}

/* current tab */
#tabbar li#tabOn {
  background: #007cbb /*url("/assets/ctx/ce8024a9/static/imgs/tab_lft_on.gif") no-repeat*/;
  height: 29px;
}
#tabbar strong {
      display: inline-block;
      font-weight: bold;
      color: #fff;
      background: #007cbb /*url("/assets/ctx/6ba3aca/static/imgs/tab_rgt_on.gif") top right no-repeat*/;
      padding: 7px 15px 7px 10px;
}

/* non-current first tab */
#tabbar li#firstTabOff {
      background: #edebeb/*url("/assets/ctx/74acf2b4/static/imgs/tab_first_lft_off.gif") no-repeat*/;
      padding-left: 62px;
      /***** AJOUTER *****/
      height:29px;
}
#tabbar li#firstTabOff a, #tabbar li#firstTabOff a:link, #tabbar li#firstTabOff a:visited {
   background: #edebeb url("/assets/ctx/5dd3417f/static/imgs/tab_rgt_off.gif") top right no-repeat;
   padding-left: 0px  
}

/* current first tab */
#tabbar li#firstTabOn {
     /* background: #39545e url("/assets/ctx/db54dd36/static/imgs/tab_first_lft_on.gif") no-repeat;*/
     background :#007cbb;
      padding-left: 62px;
      /***** AJOUTER *****/
      height:29px;
}
#tabbar li#firstTabOn strong {
   background: #007cbb;
   padding-left: 0px  
}


#subtabbar li {
  float: left;
  width: auto;
  list-style-type: none;
  font-weight: bold;
  text-align: center;
  background: #39545e url("/assets/ctx/ce8024a9/static/imgs/tab_lft_on.gif") no-repeat;
  padding-left: 7px;
  margin-right: 10px;
  height: 29px;
}

#subtabbar a, #subtabbar a:link, #subtabbar a:visited {
   display: block;
   text-decoration: none; 
   color: #ffffff;
   background: #39545e url("/assets/ctx/6ba3aca/static/imgs/tab_rgt_on.gif") top right no-repeat;
   padding: 7px 15px 7px 10px;
}

#subtabbar a span.selected {
   text-decoration: underline; 
}


/* --- SUBTITLE / ACTION BAR --- */
.topbartop {
   height: 6px;
   width: 100%;
   clear: left;
   font-size: 1px; 
   /*background: #fff url("/assets/ctx/379a7bc2/static/imgs/bg_topbar.gif") no-repeat;*/
}
.bartop {
   /*float: left;*/
   width: 100%; 
   height: 18px;
   clear: left;
   text-align: right;
   background: #e81c3f;
}
.bartop h3 {
  float: left;
  width: auto;
  color: #fff;
  font-size: 0.75em;
  padding: 1px 0 0 62px;
}
.bartop h3 span {font-weight: normal; padding-left: 6px;}
.bartop p span.bartopbt {
   display: block;
   float: right;
   width: 160px;
   text-align: left;
   /*background: #afb400 url("/assets/ctx/7acc2351/static/imgs/bg_topbarbt.gif") top left repeat-x;*/
   padding: 0 5px 3px 40px;
}
.bartop p span.bartopbt a {
   color: #fff;
   padding-left : 12px;
}
.bartop p span.bartopbt a.btHide {background: url("/assets/ctx/25cce922/static/imgs/bt_topbar_hide.gif") top left no-repeat;}
.bartop p span.bartopbt a.btShow {background: url("/assets/ctx/cd79b4b1/static/imgs/bt_topbar_show.gif") top left no-repeat;}

/* --- TAB CONTENT --- */

.tabcnt {
   background: #ffffff url("/assets/ctx/d1056340/static/imgs/bg_tabcnt.gif") top left repeat-y; 
   padding: 40px 30px 5px 62px;
}

.intertabcnt, .bottomtabcnt {
   background: #fff
}
.intertabcnt {
   height: 31px;
   background: /*url("/assets/ctx/d7023b65/static/imgs/bg_inter_tabbar.gif") top left no-repeat*/;
   /*margin-top:31px;*/
}
.intertablftcnt {
   height: 31px;
   /*background: url("/assets/ctx/4f53bfd6/static/imgs/bg_inter_tabbar_lft.gif") top left no-repeat;*/
}
.bottomtabcnt {
   width: 100%; 
   height: 31px;
   background: url("/assets/ctx/a1c215f/static/imgs/bg_bottom_tabbar_lft.gif") top left no-repeat;
}

/* fsLike : fieldset-like box */
.fsLike {border: 1px solid #99a; position: relative;}
.fsLike .legendLike{
   /*float:left;*/
   position: absolute;
   top: 0px;
   left: 10px; 
   width: auto;
   color: #39545e;
   font-weight: bold;
   font-size: 0.9em;
   margin: -0.7em 0 0 5px;
}
.fsLike .legendLike strong {
   background-color: #edebeb;
   padding: 0 15px;
}
.fsLike .fsLikeContent {
   clear: left;
   padding: 20px 20px 10px;   
}

.fsLike p {margin: 0 0 4px;}
.fsLike .lblike {
  float: left;
  width: auto;
  font-weight: bold;
  text-align: right;
  padding-right: 8px;
  margin: 0 5px;
}

#fromto {clear: both; width: 100%; min-height: 125px; margin-top: -15px; padding-top: 5px;;}
#fslkFrom {float: left; width: 47%;}
#fslkTo {float: right; width: 47%; clear: none;}
#fslkFrom .lblike, #fslkTo .lblike {
	width: 10em;  
}

#fslkDetail {clear: both; width: 100%; margin: 25px 0 15px;}
#fslkDetail .part1 {float: left; width: 55%;}
#fslkDetail .part1 .lblike {width: 12em; }

#fslkPJ {width: 100%; height: 1%;}
#fslkPJ:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#fslkPJ .ulPjPdf {float: left; width: 48%; padding: 0 0 10px 10px;}
#fslkPJ .ulPjPdf li {
  list-style-type: none;
  font-weight: bold;
  background: url("/assets/ctx/c9b2158/static/imgs/filenameExtensionIcons/pict_pdf.gif") top left no-repeat;
  padding: 7px 0 7px 30px;
}
#fslkPJ .ulPjDoc {float: left; width: 48%; padding: 0 0 10px 10px;}
#fslkPJ .ulPjDoc li {
  list-style-type: none;
  font-weight: bold;
  background: url("/assets/ctx/b455e7b/static/imgs/filenameExtensionIcons/pict_doc.gif") top left no-repeat;
  padding: 7px 0 7px 30px;
}

/* BUTTONS */
/* Bar of form buttons and links */
div.fbtbar {display: block; text-align: right; margin: 10px 0 20px 0;}

/* actions buttons  */


ul.ulActionsBar {
  float: right;
  display: inline;
  padding: 10px 15px 15px 0;
}
ul.ulActionsBar li {
  display: inline;
  list-style-type: none;
}
ul.ulActionsBar a span {
  display: block;
  color: #fff;
  background: #4b4b4b url("/assets/ctx/9a63d686/static/imgs/button_lft_on2.gif") top left no-repeat;
  padding: 5px 14px 5px 25px; 
}
ul.ulActionsBar a:link, ul.ulActionsBar a:visited {
  float: left;
  width: auto;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background: #4b4b4b url("/assets/ctx/c8793b4d/static/imgs/button_rgt_on.gif") top right no-repeat;
  padding: 0 10px 0 0;
  margin-left: 15px;
}
ul.ulActionsBar a:hover {text-decoration: underline;}

p#changeSearch {clear : both;}
p#changeSearch a {
   font-weight: bold;
   background: url("/assets/ctx/35bd28a5/static/imgs/pct_link.gif") 0 3px no-repeat;
   padding-left: 12px;
}

/* inline actions buttons : link */ 
.btActions {
   float: left;
   width: auto;
}
.btActions a span {
  display: block;
  color: #fff;
  background: #4b4b4b url("/assets/ctx/8f9d985a/static/imgs/button_lft_on.gif") top left no-repeat;
  padding: 5px 14px 5px 25px; 
}
.btActions a:link, .btActions a:visited {
  float: left;
  width: auto;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background: #4b4b4b url("/assets/ctx/c8793b4d/static/imgs/button_rgt_on.gif") top right no-repeat;
  padding: 0 10px 0 0;
  margin: -5px 8px 0 8px;
}
.btActions a:hover {text-decoration: underline;}


/* inline actions buttons with input */ 
span.button {
  height: 25px;
  display: block;
  float: left; 
  width: auto;
  background: #4b4b4b url("/assets/ctx/c8793b4d/static/imgs/button_rgt_on.gif") top right no-repeat;
  padding: 0 5px 0 0; 
  margin: 0 15px 0 0;
}
span.button input {
  height: 25px;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  border :none;
  background: #4b4b4b url("/assets/ctx/8f9d985a/static/imgs/button_lft_on.gif") top left no-repeat;
  padding: 0px 12px 1px 18px;
  margin: 0;
   /******* AJOUTER *****/
  cursor:pointer;
}

/* picto buttons */
.pictoBar {
  float: right;
  width: auto;
  height: 31px;
  margin: 0 0 10px;
}
.pictoBar a:link, .pictoBar a:visited {
  float: left;
  width: auto;
  font-weight: bold;
  text-decoration: none;
  padding: 0 10px 0 0;
}
.pictoBar a:hover {text-decoration: underline;}


/* ------------------------- !TABLES SPECIFICS --------------------------------- */

thead th  {
    border-bottom: 1px solid #edebeb;
    border-right: 1px solid silver;
}

tr.alternate1 td {background-color:#fff;}
tr.alternate1 a			{ width: 100%; display: block; text-align: center;}
tr.alternate1 a:visited	{ color: inherit; }
tr.alternate1 a:hover		{ background: #ccc; color: #fff; }

tr.alternate2 td {background-color:#E6E7E8;}
tr.alternate2 a			{ width: 100%; display: block; text-align: center;}
tr.alternate2 a:visited	{ color: inherit; }
tr.alternate2 a:hover		{ background: #ccc; color: #fff; }

tr.selected td {background-color:#747E80;color: #fff;}
tr.selected a			{ width: 100%; display: block; text-align: center;}
tr.selected a:visited	{ color: inherit; }
tr.selected a:hover		{ background: #ccc; color: #fff; }

table input {margin: 3px 0 0; margin: 0;} 

/* ------------------------- !FORMS SPECIFICS --------------------------------- */

/* generic fsMain */
fieldset.fsMain {border: none;}

fieldset.fsMain p {height: 30px;}

fieldset .lblike {
  float: left;
  width: auto;
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  padding-right: 8px;
  margin: 0 5px;
}

/* fsSearch */
#fsSearch label {width: 20em; padding-top: 4px;}
#fsSearch span.and {font-weight:bold; padding: 0 8px; vertical-align: 4px; }

/* fsFilter */
fieldset#fsFilter {margin-bottom: 15px;}
#fsFilter select {
  float: left;
  width: auto;
}

/* fsSelect */

fieldset#fsSelect {padding: 0 0 4px;}
fieldset#fsSelect p {height: auto;}
#fsSelect .inlineBt .lblike {margin: 6px 5px 0;}



/* to size dates input */
.ipDate {width: 9em;}
button.btn {
    vertical-align: top;
    border: 0;
    cursor: pointer;
}

span.glyphicon-calendar {
    display: block;
    margin: 0 0 0 5px;
    width: 20px;
    height: 20px;
    font-size: 0;
    background-image: url("/assets/ctx/e663a417/static/imgs/pct_calender.gif");
    background-color: transparent;
    background-size: 100% 100%;
}

/* ERRORS */
/* Contextual error messages */
.ctxl {
   color: #cc3333;
   font-size: smaller;
   font-weight: bold;
   padding: 0 0 0 5px;
   vertical-align: 4px;
}

/* Error message */
#ferror {
/*   display: none; */
   color: #669999;
   font-weight: bold;
   text-align: center;
   border: 1px solid #996600;
   padding: 10px 0;
   margin-bottom: 25px;
}
#formError {
/*   display: none; */
   color: #cc3333;
   font-weight: bold;
   text-align: center;
   border: 1px solid #996600;
   padding: 10px 0;
   margin-bottom: 25px;
}

/* input error */
input.errorField {
   color: #fff;
   border-color: #000;
   background-color: #cc3333;
}





/* --------------- !EXCEPTIONS & SPECIFICS (used sitewide) ------------------- */

#entitiesdetailspopup {
	display:none; 
	border: 1px solid rgb(0, 0, 0); 
	z-index: 100; 
	filter: alpha(opacity = 0); 
	position: fixed; 
	_position: absolute;
	color: rgb(0, 0, 0); 
	opacity: 0.5; 
	background-color: rgb(255, 255, 255); 
	width: 40%; 
	height: 430px; 
	top: 20%; 
	right: 30%;
}


#entitiesreceivingformatconfirmpopup {
	display:none; 
	border: 1px solid rgb(0, 0, 0); 
	z-index: 100; 
	filter: alpha(opacity = 0); 
	position: fixed; 
	_position: absolute;
	color: rgb(0, 0, 0); 
	opacity: 0.5; 
	background-color: rgb(255, 255, 255); 
	width: 40%; 
	height: 430px; 
	top: 20%; 
	right: 30%;
}

#hidden {
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	filter: alpha(opacity = 0); 
	background-color:#000000; 
	opacity: 0.0; 
	z-index: 50;
}
.btsearchHidden {
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    opacity: 0.0;
}