/* $Id: common.css 315 2007-12-10 14:44:17Z lmouquet $ */
/*  border: 1px solid #000000; */
/*
  grey 1   : #f5f5f5
  grey 2   : #e4e4e4
  grey 3   : #707070
  orange 1 : #f9961e
  orange 2 : #ff6b01
  orange 3 : #ffb200
  green    : #bee743
  red      : maroon
*/

body {
  margin: 0;
  background: white;
  font-family: sans-serif;
  color: #000000;
}

h1 { position: relative; color: #707070; font-size: 135%; font-weight: bold; }
h2 { color: maroon;  font-size: 135%; font-weight: bold; margin: 0; }
h3 { color: #f9961e; font-size: 120%; font-weight: bold; }
h4 { color: #707070; font-size: 110%; font-weight: bold; }
h5 { color: #707070; font-size: 100%; margin: 0; }
h6 { color: #707070; font-size: 90%;  margin: 0; font-style: italic; }

img          { border: 0; }
img.middle   { border: 0; vertical-align: middle; position: relative; top: 4px; }
img.baseline { border: 0; vertical-align: baseline; }

/* ==========================
 *            Msg Kit
 * ========================== */

.iDocPage, .iDocBlock, .back { position: relative; }

/* ==========================
 *            Page
 * ========================== */

.page {
  margin: 0;
  background: #f5f5f5 url(../Images/page_left.png) repeat-y top left;
}

.marginLeft {
margin-left: 43px;
}

/* ==========================
 *       Header & footer
 * ========================== */

.header1 { height: 100px; font-size: 70%; background: #6F7CB0 url(../Images/header1.png) no-repeat top left; }
.header2 { position: relative; font-size: 80%; background: #f9961e url(../Images/header2_left.png) repeat-y top left; }

.logototal {
  padding: 18px 0 0 50px;
  float: left;
  border: 0px;
}

.totalcom {
  position: absolute;
  left: 650px;
  top: 2px;
  background: url(../Images/arrow.png) no-repeat center left;
}

.totalcom a {
  margin-left: 8px;
  text-decoration: none;
  color: white;
  font-size: 110%;
}

.logout { /*display: none;  !!! */
/*
  clear: right;
  margin-top: 63px;
  float: right;
  background: url(../Images/gris_deco.png) no-repeat bottom left;

  position: absolute;
  top: 84px;
  right: 0px;

*/
  float: right;
  background: #f9961e url(../Images/gris_deco.png) no-repeat bottom left;
 }

.logout a {
  margin-left: 217px;
  background: #ff6a00 url(../Images/fnd_orange_deco.png) repeat-y top left;
  text-decoration: none;
  text-align: left;
}

.logout a:visited {}
.logout a:hover {}

.logout img { margin: 0; border: 0; padding: 0; }

.footer {
  clear: both;
  height: 3em;
  background: #f9961e url(../Images/footer_bg.png) repeat-x top left;
  color: maroon;
  font-size: 70%;
}
.footerLeft1 {
  float: left;
  width: 22px;
  height: 3em;
  background: #f0911d url(../Images/footer_left.png) no-repeat top left;
}
.footerLeft2           { padding: .8em 0 0 4em; }
.footerRight           { float: right; padding: 1em 1em 0 0; font-weight: bold; }
.footerRight a         { text-decoration: none; color: maroon; }
.footerRight a:visited { color: maroon; }
.footerRight a:hover   { text-decoration: underline; }

.formFooter {
font-size: small !important;
font-size/**/: x-small;
display: inline;
margin-left: 3em;
height: 1em;
vertical-align:30% !important; 
vertical-align/**/:25%; 
white-space: nowrap;
}

.formFooter form {
display: inline;
}

.formFooter .mdt {
display: inline;
}

.formFooter .mdt span {
vertical-align:middle;
font-weight: bold;
}

.formFooter .submit {
position: relative;
right: 6.5em;
}

.formFooter .submit input {
height: 1em;
width : 8em;
vertical-align:middle;
}

/* ==========================
 *       Navigation menu
 * ========================== */

.navig1 {
  height: 4px;
  font-size: 1pt;
  background: url(../Images/navig1_bg.png) repeat-x top left;
}
.navig1Left {
  height: 4px;
  width: 48px;
  background: url(../Images/navig1_left.png) no-repeat top left;
}

.navig2 { /*white-space: nowrap;*/
  height: 1.6em;
  background: #f5f5f5 url(../Images/navig2_bg.png) repeat-x bottom left;
  font-size: 75%;
  font-weight: bold;
}
.navig2Left1 {
  float: left;
  width: 40px;
  height: 1.6em;
  background: #f9961e url(../Images/navig2_left1.png) no-repeat top left;
}
.navig2Left2 {
  float: left;
  width: 22px;
  height: 1.6em;
  background: #f5f5f5 url(../Images/navig2_left2.png) no-repeat bottom left;
}

.navigMenu               { margin: 0; color: maroon; list-style-type: none; }
.navigMenuItem           { display: inline; position: relative; top: .1em; margin-right: 1.5em;  }
.navigMenuItem:before    { content: url(../Images/navig_point.png); }
.navigMenuItem a         { text-decoration: none; color: #f9961e; }
.navigMenuItem a:visited { color: #f9961e; }
.navigMenuItem a:hover   { color: #abd011; }

/* ==========================
 *       Navigation sousmenu
 * ========================== */

.sousMenu       { position: relative; margin: 0 0 0 45px; padding: .3em 20px 10px 10px;}
/*
.listSousMenu    {  }
.listSousMenu ul { padding:0; margin:0; border:0; display: inline; }
.listSousMenu li { display: inline; white-space: nowrap; color: #800000; font-size: 90%; font-weight: bold; background: url(../Images/puce_orange_1.png) no-repeat center left; padding: 0 5px 0 12px;}
.listSousMenu li a         { text-decoration: none; color: #666666; font-weight: bold; }
.listSousMenu li a:hover   { text-decoration: underline; }
.listSousMenu li a:visited { }
*/
.sousMenu .navigMenu               { padding:0; margin:0; border:0; display: inline;}
.sousMenu .navigMenuItem           { float : left; display: inline; position: static; margin : 0; white-space: nowrap; color: #800000; font-size: 90%; font-weight: bold; background: url(../Images/puce_orange_1.png) no-repeat center left; padding: 0 1em 0 12px;}
.sousMenu .navigMenuItem:before    { content: ""; }
.sousMenu .navigMenuItem a         { text-decoration: none; color: #666666; font-weight: bold;}
.sousMenu .navigMenuItem a:visited { color: #666666;}
.sousMenu .navigMenuItem a:hover   { text-decoration: underline;}

/* ==========================
 *          C-History
 * ========================== */

.history {
  color: black;
  margin-right: 1ex;
  text-align: right;
  font-size: xx-small;
}

.history a         { text-decoration: none; color: #707070; }
.history a:visited { text-decoration: none; color: #707070; }
.history a:hover   { text-decoration: none; color: #993333; }

/* ==========================
 *         Main zones
 * ========================== */

.mainLeft {
  float: left;
  width: 31px;
  height: 40px;
  background: url(../Images/main_left.png) no-repeat top left;
}

.oneCol { margin: 0 0 0 0; padding: 10px 20px 10px 10px; }


/* =============================
 *     Debug & info & error
 * ============================= */

.debug {
  margin:  1em;
  padding: 1ex;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  font-weight: bold;
  color: #008000;
}

.info {
  position: relative;
  margin:  2em;
  padding: 1ex;
  border:   1px solid #707070;
  font-weight: bold;
  color: #333399;
}

.error {
  position: relative;
  margin:  2em;
  padding: 1ex;
  border:   1px solid #707070;
  font-weight: bold;
  color: #993333;
}

.fatal {
  position: relative;
  margin:  2em;
  padding: 1ex;
  border:   1px solid #707070;
  font-size: 110%;
  font-weight: bold;
  color: #ff0000;
}
.fatal a {
  display: block;
  margin-top: 1em;
  font-size: 80%;
  color: #707070;
}


/* ==========================
 *             Tabs
 * ========================== */

.tab       { height: 1.6em; border-bottom: 1px solid #e4e4e4; white-space: nowrap; }
.tabLeft   { float:left; height:1.6em; width:25px; background: white url(../Images/tab_left.png) no-repeat top left; }
.tabCenter { float:left; height:1.6em; background:white url(../Images/tab_bg.png) repeat-x top left; padding-right:1em; }
.tabRight  { float:left; height:1.6em; width:16px; background:white url(../Images/tab_right.png) no-repeat top right; }
.tab h1    { position: relative; top: .3em; color: maroon; font-weight: bold; font-size: 90%; font-variant: small-caps; margin: 0; }


/* ==========================
 *          C-Form
 * ========================== */

.formHidden   { display: none;   }
.formNoScript { display: inline; }


/* ==========================
 *        Miscellaneous
 * ========================== */

.clearBoth { clear: both; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.accesskey { text-decoration: underline; }
.hidden    { display: none;   }
.noScript  { display: inline; }

/* ==========================
 *        Divers (LinkImccms)
 * ========================== */

.idocLinkImccms  { text-decoration: none; font-size: 75%; vertical-align: top; color: black; }
.idocLinkImccms:visited { text-decoration: none; color: black; }
.idocLinkImccms:hover   { text-decoration: underline; color: black; }
/* ==========================
Si LinkImctree avec Id
.idocLinkImcTree  { font-size: 75%; vertical-align: top; color: black; } // IE6 //
.idocLinkImcTree:visited { text-decoration: none; color: black; }
.idocLinkImcTree:hover   { text-decoration: underline; color: black; }


#_pe_tpa   { font-size: 75%; vertical-align: top; color: black;} // IE7 Mozilla //
#_pe_tpa:visited { text-decoration: none; color: black; }
#_pe_tpa:hover   { text-decoration: underline; color: black; }
   ========================== */