/* ==============================================================================
   == GLOBAL LAYOUT
   ============================================================================== */

html {
  margin:  0px;
  padding: 0px;
}

body {
  margin:  0px;
  padding: 0px;
  font-family: sans-serif;
  font-size: 12px;
  background-image: url(/portail/images/entourage-top.png);
  background-repeat: no-repeat;
  /* border: 1px solid red; */
}


/* ============================================================================== */

#entourage-table {
  height:  100%;
  width:   100%;
  margin:  0px;
  padding: 0px;
  border:  none;
  border-collapse: collapse;
  /* border: 1px solid red; */
}

#entourage-tr1 {
  width:  15px;
  height: 80px;
  /* border: 1px solid red; */
}

#entourage-tr2 {
  background-image: url(/portail/images/entourage-border.png);
  background-repeat: repeat-y;
  /* border: 1px solid red; */
}

#entourage-tr3 {
  background-image: url(/portail/images/entourage-bottom.png);
  background-repeat: no-repeat;
  height: 25px;
  /* border: 1px solid red; */
}

#title  {
  position: absolute;
  left:     55px;
  top:      8px;
  width:    305px;
  height:   40px;
  /* border: 1px solid white; */
}

#securelevel  {
  position: absolute;
  left:     370px;
  top:      15px;
  /* border: 1px solid white; */
}

#docdoc  {
  position: absolute;
  left:     405px;
  top:      8px;
  /* border: 1px solid white; */
}

#login  {
  position: absolute;
  left:     370px;
  top:      15px;
  /*left:     500px;*/
  /*top:      30px;*/
  white-space: nowrap;
  /* border: 1px solid white; */
}

#menu {
  position: absolute;
  left:     500px;
  top:      50px;
  white-space: nowrap;
  /* border: 1px solid white; */
}

#userinfo  {
  position: absolute;
  left:     500px;
  top:      5px;
  /* border: 1px solid white; */
}

#userinfo_div1 {
  position: absolute;
  left:     0px;
  top:      10px;
  white-space: nowrap;
  /* border: 1px solid white; */
}

#userinfo_div2 {
  position: absolute;
  left:     160px;
  top:      0px;
  white-space: nowrap;
  /* border: 1px solid white; */
}

#faq-and-cms {
  position: absolute;
  left:     80%;
  width:    19%;
  top:      5px;
  white-space: nowrap;
  text-align: right;
  /* border: 1px solid red; */
}

#content {
  margin-left:  25px;
  margin-right:  5px;
  margin-bottom: 25px;
  /*border: 1px solid black;*/
}

#footer {
  padding-top: 3px;
  margin-left: 25px;
  margin-right: 5px;
  border-top: 1px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  font-family: courier;
  font-size: 12px;
}

#proxied {
  margin:  0px;
  padding: 0px;
  border: 1px solid black;
}

#my-password {
  margin-top:   5px;
}

#my-password-form {
  left:     0px;
  top:      15px;
  white-space: nowrap;
  /* border: 1px solid black; */
}

#my-password-help {
  position: relative;
  left:     450px;
  top:      -100px;
  padding:  10px;
  width:    500px;
  background-color: #DDDDDD;
  /* border: 1px solid black; */
}

#my-password-msg {
  position: relative;
  top:      -50px;
  padding:  10px;
  width:    700px;
  background-color: #990000;
  color: white;
  /* border: 1px solid black; */
}

#my-password-failed {
  left:     0px;
  top:      0px;
  padding:  10px;
  color:    white;
  background-color: #990000;
  border: 1px solid black;
  text-align:  center;
  white-space: nowrap;
}

#my-password-success {
  left:     0px;
  top:      0px;
  padding:  10px;
  color:    white;
  background-color: #009900;
  border: 1px solid black;
  text-align:  center;
  white-space: nowrap;
}

#my-profile {
  margin-top:   5px;
}

#my-profile-form {
  left:     0px;
  top:      15px;
  white-space: nowrap;
  /* border: 1px solid black; */
}

#my-profile-failed {
  left:     0px;
  top:      0px;
  padding:  10px;
  color:    white;
  background-color: #990000;
  border: 1px solid black;
  text-align:  center;
  white-space: nowrap;
}

#my-profile-success {
  left:     0px;
  top:      0px;
  padding:  10px;
  color:    white;
  background-color: #009900;
  border: 1px solid black;
  text-align:  center;
  white-space: nowrap;
}

#error {
  left:     0px;
  top:      0px;
  padding:  10px;
  color:    white;
  background-color: #990000;
  border: 1px solid black;
  text-align:  center;
  white-space: nowrap;
}


/* ============================================================================== */

.box-bar {
  border-collapse: collapse;
  padding: 0px;
  margin:  0px;
}

.box-bar-left {
  background-repeat: no-repeat;
  width:   10px;
  padding:  0px;
  margin:   0px;
}

.box-bar-middle {
  background-repeat: repeat-x;
  padding:  0px;
  margin:   0px;
}

.box-bar-right {
  background-repeat: no-repeat;
  width:   10px;
  padding:  0px;
  margin:   0px;
}

.box-buttons {
  position: relative;
  width:    62px;
  height:   22px;
  padding:  0px;
  margin:   0px;
  float:    left;
  /*border:   1px solid red;*/
}

.box-cancel-button {
  background-repeat: no-repeat;
  position: absolute;
  left:     0px;
  top:      3px;
  width:   16px;
  height:  16px;
}

.box-minus-button {
  background-repeat: no-repeat;
  position: absolute;
  left:     22px;
  top:      3px;
  width:   16px;
  height:  16px;
}

.box-plus-button {
  background-repeat: no-repeat;
  position: absolute;
  left:     44px;
  top:      3px;
  width:   16px;
  height:  16px;
}

.box-title {
  position: absolute;
  top:         4px;
  left:       65px;
  font-size:  14px;
  text-align: center;
  /*border: 1px solid red;*/
}

.box-content {
  padding: 3px;
  margin:  0px;
  border-left:   1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-right:  1px solid #DDDDDD;
  background-color: #EFEFEF;
}



/* ==============================================================================
   == FORMAT
   ============================================================================== */

span.code {
  font-family: monospace;
  font-size: 12px;
}

A:link, A:visited, A:active {
  color: #003399;
  text-decoration: underline;
}

A:hover {
  color: red;
}

.spotlighttr:hover {
  background-color: #CCCCFF;
}

table.center {
  margin-left:  auto;
  margin-right: auto;
}

table.inline {
  display:inline;
}

img.ico {
  vertical-align: middle;
}

h1 {
  color: white;
  background-color: #004988;
  font-size: 18px;
  padding:    3px;
}

h1.error {
  color: black;
  background-color: white;
  font-size: 30px;
  padding:    3px;
}

.bgcolor-grey {
  background-color: #DDDDDD;
}

.color-grey {
  color: #DDDDDD;
}

.bgcolor-blue {
  background-color: #004988;
}

.color-blue {
  color: #004988;
}

.bgcolor-red {
  background-color: #990000;
}

.color-red {
  color: #990000;
}

.bgcolor-green {
  background-color: #009900;
}

.color-green {
  color: #009900;
}










/* =============== */
.ok {
  color: green;
  margin-top: 10px;
}

.notok {
  color: red;
  margin-top: 10px;
}

.op {
  margin-top: 10px;
}