/*
  main.css - Litteral.com main style sheet 
  Unpublished proprietary source code.
  Copyright (C) 2006-2007 LITTERAL SAS, SURESNES, FRANCE
  All rights reserved.
*/

/*** Std elements ***/

HTML
{
  /* Scrollbar color as a reminder of the text color */
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #646476;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-3dlight-color: #646476;
  scrollbar-arrow-color: #646476;
  scrollbar-track-color: #eeeeee;

  /* Alternate: */
  /* Scrollbar color as a reminder of the top header color */
  /* scrollbar-base-color: #6666aa; */
}

BODY
{
  /* Almost-gray text on white background */
  color: #646476;
  background-color: #ffffff;

  /* No borders of any kind (margin, spacing, ...) */
  margin:  0px;
  padding: 0px;
  border:  #ffffff 0px solid;

  /* Center contents, whatever... */
  text-align: center;
}

A { text-decoration: none; }

A:link    { color: #000080; }
A:visited { color: #000080; }
A:active  { color: #646476; }
A:hover   { color: #885555; }

/*** Local classes ***/

.contents
{
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.topsep
{
  width: 550px;
  height:  25px;
  background-image: url(images/ltor_sep_shade6.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

.botsep
{
  width: 550px;
  height:  25px;
  background-image: url(images/rtol_sep_shade6.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

.sep0
{
  width: 550px;
  height: 25px;
  background-image: url(images/ltor_sep_shade6.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

.sep1
{
  width: 550px;
  height: 25px;
  background-image: url(images/center_sep_shade6.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

.title0
{
  color:       #000080;
  font:        15px verdana, arial, sans-serif;
  font-weight: bold;
  text-align:  left;
}

.title1
{
  font:        11px verdana, arial, sans-serif;
  font-weight: bold;
  text-align:  left;
  margin-top: 5px;
  margin-bottom: 6px;
}

.title0 img
{
  float:            right;
  clear:            both;
  background-color: #646476;
  border:           #646476 1px solid;
  margin-left:      12px;
}

.title1 img
{
  float:            right;
  background-color: #646476;
  border:           #646476 1px solid;
  margin-left:      6px;
}


.tstamp0
{
  float:       right;
  font:        11px verdana, arial, sans-serif;
  font-weight: bold;
  text-align:  right;
}

.para0
{
  font:       11px verdana, arial, sans-serif;
  text-align: justify;
  margin-top: 5px;
  margin-bottom: 6px;
}

.para1
{
  font:       11px verdana, arial, sans-serif;
  text-align: justify;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 5px;
  margin-bottom: 6px;
}

.liste0
{
  text-align: left;
  list-style-type: square;
  list-style-position: inside;
  padding-left: 0px;  /* Disable Firefox UL ident */
  margin-left: 0px;   /* Disable IE6 UL indent */
  margin-top: 0px;
  margin-bottom: 0px;
}

.liste0 LI
{
  padding-top: 5px;
  line-height: 13px; /* Hack for IE6 */
}

.liste1
{
  list-style-type: disc;
}

.liste1 LI
{
  padding-top: 5px;
  line-height: 12px; /* Hack for IE6 */
}

.liste0indent
{
  text-align: left;
  list-style-type: square;
  list-style-position: outside;
  padding-left: 0px;  /* Disable Firefox UL ident */
  margin-left: 0px;   /* Disable IE6 UL indent */
  margin-top: 0px;
  margin-bottom: 0px;
}

.liste0indent LI
{
  padding-top: 5px;
  line-height: 13px; /* Hack for IE6 */
  margin-left: 19px;
}

.liste1indent
{
  list-style-type: disc;
}

.liste1indent LI
{
  padding-top: 5px;
  line-height: 12px; /* Hack for IE6 */
  margin-left: 0px;
}

.glryleft
{
  float:            left;
  clear:            both;
  margin-right:     8px;
}

.glryright
{ 
  float:            right;
  clear:            both;
  margin-left:      8px;
}

/*** Columning... ***/

.colfloat
{
  float: left;
}

.colright
{
  float: right;
}

.col33
{
  float: left;
  width: 33%;
}

.col50
{
  float: left;
  width: 50%;
}

.col0
{
  clear: both;
  width: 1px;
  height: 1px;
}

/*** Simple alignment positionning ***/

.vertxttop
{
  vertical-align: text-top;
}

.vertxtbot
{
  vertical-align: text-bottom;
}

/*** Minimal form elements ***/

LABEL
{
  font:        11px verdana, arial, sans-serif;
  font-weight: bold;
  width:       11em;
  float:       left;
}

INPUT
{
  font:          11px verdana, arial, sans-serif;
  width:         22em;
  margin-bottom: 5px;
  clear:         right;
}

INPUT#submit
{
  width: auto;
}

TEXTAREA
{
  font:          11px verdana, arial, sans-serif;
  width:         24em;
  height:        12em;
  margin-bottom: 5px;
}