body, td, th, a, p, div
{ font-size: 11px; font-family: Arial Times "sans serif"; }

body
{ padding:0; margin:0;  background-color:#eee; }

a
{ text-decoration: none; color:#000; }

img
{ border: none; vertical-align: middle; }

input
{ vertical-align: middle; }

ul
{ list-style: none; }

form, ul, li
{ margin: 0; padding: 0; }

label
{ cursor: pointer; }

input[type="text"], input[type="password"], select, textarea
{
  border: 1px solid #bbb;
  padding-left: 2px;
  height: 14px;
  font-size: 11px;
}

select
{ height: 16px; }

#centreur
{ display: block; width: 1000px; min-height: 700px; margin: auto; background-image: url(../images/bg_web.jpg); background-repeat: repeat-y; }

#header
{ display: block; }

#wrapper
{ display: block; min-height: 700px; border: 3px solid #142c44; border-top: none; }

#gauche
{ display: block; width: 220px; float: left; }

#content
{ display: block; width: 774px; float: right; background-color: #fff;}

#headContent
{ display: block; float: none; height: 50px; background-image: url(../images/bg_titre_web.jpg); background-repeat: repeat-y;   border-bottom: 1px solid #142c44;}

#headContent #pagename
{ display: block; width: 664px; padding: 0 10px; float: left; overflow: hidden; height:100%; font-size: 22px; font-weight:bold; line-height: 50px; }

#headContent #zoneLangue
{ display: block; width: 90px; float: right; overflow: hidden; height:100%; text-align: center; }

#headContent #zoneLangue a
{ margin: 5px; }

#headContent #zoneLangue a img
{
  opacity: 0.5;
  moz-opacity: 0.5;
  filter:alpha(opacity=50);
}

#headContent #zoneLangue a:hover img,
#headContent #zoneLangue a.langueActive img
{
  opacity: 1.0;
  moz-opacity: 1.0;
  filter:alpha(opacity=100);
}

#actionBar
{
  line-height: 24px;
  height: 24px;
  padding-bottom: 2px;
  overflow: hidden;
  background-image: url(../images/bg_action_rub_web.jpg);
  background-repeat: repeat-y;
  color: #142c44;
  font-weight: bold;
  border-bottom: 1px solid #142c44;
}

#actionBar a,
#actionBar span
{ color: #142c44; font-weight: bold; padding: 0 10px; }

#actionBar a:hover,
#actionBar span:hover
{  }

#pageContent
{ padding: 10px; clear: both; }

.menu
{
  background-color: #fff;
  font-size: 12px;
  border: 1px solid #A4A5A5;
  width: 180px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}

#zoneLoggedUser
{ color: #fff; font-weight: bold; text-align: center; margin-bottom: 20px;}

.menuUl
{
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 5px;
}

.menuUl a
{
  display: block;
  height: 100%;
  color: #495e76;
}

.menuUl a img
{
  opacity: 0.6;
  moz-opacity: 0.6;
  filter:alpha(opacity=60);
  background-color: #fff;
}

.menuUl a:hover img
{
  opacity: 1.0;
  moz-opacity: 1.0;
  filter:alpha(opacity=100);
}

.clear
{ clear: both; }

.left
{ text-align: left; }

.right
{ text-align: right; }

.center
{ text-align: center; }

.capitalize
{ text-transform:capitalize; }

.uppercase
{ text-transform:uppercase; }

div.user
{
  display: block;
  float: left;
  width: 168px;
  height: 160px;
  text-align: center;
  background-color: #142c44;
  color: #fff;
  margin: 10px 10px;
}

div.user a
{ color:#fff; }

div.user span
{ color: #f39402; font-weight: bold; }

div.inactif
{
  opacity: 0.5;
  moz-opacity: 0.5;
  filter:alpha(opacity=50);
}

#FormulaireLogin,
#waiting
{ text-align: center; }

/*** A RETRAVAILLER ***/
.tableList
{
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.tableList th
{
  background-color: #e6e6e6;
  vertical-align: middle;
}

.tableList td
{
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  vertical-align: middle;
}

.color1
{
  background-color: #eeeeee;
  text-align: left;
}

.color2
{
  background-color: #ffffff;
  text-align: left;
}

.color1:hover, .color2:hover, #TableFields tr:hover
{
  background-color: #fef3e1;
}

.information,
.error,
.confirm
{
  display:block;
  background-color: #bdd6f8;
  background-image: url(../images/information.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 9px 5px 9px 41px;
  border:1px solid #142c44;
  min-height: 18px;
  margin-bottom:10px;
}

.confirm
{ background-color:#c0f397; color:#499909; font-weight:bold; background-image:url(../images/confirm.png); }

.error
{ background-color:#f2a0a0; color:#bc0a0a; font-weight:bold; background-image:url(../images/erreur.png); }

.warning
{ color: red; font-weight: bold; }

.onglets li
{ background-image: url(../images/tab_left.png); float:left; background-repeat: no-repeat; padding-left: 7px; }

.onglets li a
{
  background-image: url(../images/tab_right.png);
  float: none;
  background-repeat: no-repeat;
  display:block;
  width:auto;
  font-weight:bold;
  padding:10px 10px 5px 3px;
  text-decoration:none;
}

.onglets li
{ background-position: left -110px; }
.onglets li a
{ background-position: right -110px; }

.onglets li:hover
{ background-position: left -220px; color: #f39402; }
.onglets li a:hover,
.onglets li:hover a
{ background-position: right -220px; color: #f39402; }

.onglets li.selected,
.onglets li.selected:hover
{ background-position: left -220px; color: #f39402; }
.onglets li.selected a,
.onglets li.selected a:hover,
.onglets li.selected:hover a
{ background-position: right -220px; color: #f39402; }

.bgFormConfig
{ /*background-color: #4b75c6;*/ padding:5px; padding-top:10px; }