/* $Id: common.css 51 2005-10-05 07:21:06Z ppierre $ */
/*  border: 1px solid #000000; */

/* Colors used      */
/* red : #A82B31    */
/* gold : #EDD8A5   */
/* brown : #8D634A  */

body{
  margin: 0;
  min-width: 700px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: medium;
}
.mainBody {
  background: transparent url(../Images/bg_body.png) no-repeat top left;
  float:left;
}

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

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

.header {
  height: 117px;
  background: transparent url(../Images/bg_header.png) no-repeat top right;
}
.headerLeft {
  float:left;
  position:absolute;
  top:24px;
  width:311px;
  height:60px;
  left:15px;
  background: transparent url(../Images/maif_header.png ) no-repeat top right;
}

.footer {
  clear: both;
  margin-top: 0em;
  padding-top: 0.1em;
  border-top: 1px solid #999999;
/*   text-align: right; */
}

.footerLeft { float: left; font-size:x-small; height:0;}
/* ==========================
 *         Main zones
 * ========================== */

.mainColumn {
  margin: 0 1em 0em 10.5em !important;
  margin/**/: 0 1em 0em 10.5em;
  padding: 1.5em 0 0 1em;
  border-left:solid 1px #8D634A;
  background:transparent;
}

.leftColumn {
  float:left;
  margin: 0;
  padding: 2em 0 0 1em;
  width: 8em;
  border-style: none;
}

.rightColumn {
  float:right;
  margin:  0 0 1em 1em;
  padding: 0 0 0 0em;
  width: 11em;
  border-style: none;
}


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

.navig {
  margin: 0;
  padding: 0;
  background : #DBC184 url(../Images/pointille.png) repeat-x bottom left;
}

.navigMenu {
  height: 2em;
  margin: 0;
  padding: 0;
  background: transparent url(../Images/pointille.png) repeat-x top right;
  border-style: none;
}
.navigMenu ul { padding: 0; margin:0; list-style:none; }
.navigMenu li { padding: 0; margin:0; display: inline; }
.navigMenu a {
  float: left;
  height: 2em;
  margin: 0;
  padding: 0 60px 0 0;
  text-decoration: none;
  color: #333333;
  background : transparent url(../Images/menu_off.png ) repeat-y top left;
}
.navigMenu a:hover {
  color: white;
  background : transparent url(../Images/menu_on.png ) repeat-y top left;
}

.navigMenuSelected {
  display: block;
  float: left;
  height: 2em;
  margin: 0;
  padding: 0 60px 0 0;
  color: white;
  background : transparent url(../Images/menu_on.png ) repeat-y top left;
}

.navigMenuText {
  position: relative;
  top: 30%;
  left: 40px;
  font-weight: bold;
  font-size: x-small;
  white-space: nowrap;
  vertical-align: top;
}

.versionItem {
  float: right;
  height: 2em;
  width: 146px;
  background: #fbca30 url(../Images/version.png) no-repeat 10px;
  padding: 0;
  border-left: solid white 1px;
}


/* ==========================
 *        Info & error
 * ========================== */

.infos {
  margin: 0 0 1em 0;
  padding: .8em;
  background-color: #fee9b4;
  font-size:small;
  text-align: justify;
}

.infosImg {
  text-align:center;
  background-color: #FFFBF1;
}

.linkImg{
  text-align:center;
  color:#000000;
}

div.actuTitle {
  font-weight: bold;
  font-size: small;
}

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

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

.fatal {
  margin:  1em 1em 1em 1em;
  padding: 1ex 1ex 1ex 1ex;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  font-size: large;
  color: #FF0000;
}
.fatal a {
  font-size: medium;
  color: #999999;
}

/* ==========================
 *          Hisory
 * ========================== */
.history           { font-size: xx-small; color: #333333; margin: 0 0 0 1ex; }
.history a         { text-decoration:none; color: #333333; }
.history a:visited { color: #333333; }
.history a:hover   { color: #A82B31; text-decoration: underline; }

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

.formHidden { display: none; }
.formItem   {  margin-bottom: .5em; }
/* .formItem input  { width: 9em; } */
.formLabel  { display: block; }
.formSubmit {  margin-bottom: .5em; color: #FF3333;}



/* ==========================
 *            Links
 * ========================== */

.links         { padding-top: 0em; list-style-type: square; color: black; }
.links:hover   { color:black;}
.links:visited { color:black;}

.backTop         { font-size: x-small; color:black; }
.backTop:hover   { color:#555555; }
.backTop:visited { color:#555555; }
li.linksMenuLeftSpe    { color:#333333; padding: 1em 0 0 0; white-space: nowrap;}

.linksMenuLeft       { color:#333333; padding: 0em 0 0 0; white-space: nowrap;}
.linksMenuLeft:hover { color:#FFC82F; padding: 0em 0 0 0; white-space: nowrap;}

.linksLeftCol {
  margin: 0 0 .8em 0;
  padding: 0 0 0 5px;
  list-style-type: square;
  font-weight: bold;
  font-size: xx-small;
}

.iconForm {
  background: transparent url(../Images/puce.png) no-repeat left ;
  padding-left:1em;
  padding-bottom:0em;
  margin-bottom:0px;
}

.decal {
  padding-left:15px;
}

/* ==========================
 *        Buttons
 * ========================== */


.button1 { /* This button is an imited one */
  width: auto;
  color:#8D634A;
  font-weight:bold;
  padding : 0 0 0 0;
  text-decoration: none;
  border: 1px solid #EDD8A5;
}

.button1       { background: transparent url(../Images/fond_envoie.png);    border: 1px solid #EDD8A5;}
.button1:hover { background: transparent url(../Images/fond_envoie_on.png); border: 1px solid #23386B;}

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

.hidden{
  display:none;
}
.roman {
  font-variant:small-caps;
}

.accesskey {
  text-decoration: underline;
}

.important {
  font-weight:bold;
}

.remarque {
/*   margin-top:1em; */
  font-size:x-small;
  font-weight:lighter;
}

.smaller         {  margin:0; padding:0; font-size:smaller; }
.smallerIcon     {  margin:.4em 0 0 0; padding:0; padding-left:15px; padding-right:5px; vertical-align:bottom; }
.smallerIconLeft {  margin:.4em 0 0 0; padding:0; padding-right:5px; vertical-align:bottom; }

.wtitle {
  font-style:italic;
}

.separator {
  border-bottom: 1px dashed #b9a63a;
  margin: 1ex 0 1ex 0;
  padding-top:1em;
}

.inlineLeft {
   display: inline;
}

.inline {
  display: inline;
  vertical-align:middle;
}

.inlineForm {
  display: inline;
  vertical-align:middle;
  text-align:center;
}

.greyCenter          { text-align:center; margin: 0 90px 0 0;}
.greyCenter a:visited{ font-size:x-small; display:inline; text-align:center; color:#666; }
.greyCenter a        { font-size:x-small; display:inline; text-align:center; color:#333; }
.greyCenter a:hover  { font-size:x-small; display:inline; text-align:center; color:#C00; }
.greyCenter span     { font-size:x-small; display:inline; text-align:center; color:#333; }

.alignCenter {
  text-align: center;
  display:inline;
}

.alignLeft {
  text-align: left;
}

.idocBlockCenter {
 text-align:center;
}

.paragCenter{
  text-align:center;
  margin:0;
  padding:0;
}

.textLeft{
  list-style:none;
  text-align:left;
}

.formField {
  margin: 1em 0 1em 0;
  text-align:left;
  background:transparent;
}

.childLi{
  left:2em;
  padding-left:2em;
  text-align:left;
  list-style-type:disc;
  list-style-position:inside;
}

.listSquare li{
  list-style-type:square;
}
.list{
/*   padding-bottom:1em; */
  text-align:left;
  list-style-position:outside;
  list-style-type:square;
}
.listNoPuce{
  list-style:none;
  display:inline;
  padding-left:0;
  margin:0;
}


.fieldset { border: 1px solid #EDD8A5; clear:right; margin: 1em 0 0 0;}

fieldset legend {
  margin-bottom: 3px;
  font-weight: bold;
}

fieldset legend.formulaires {
  color: #333333;
  padding: 1px 5px 1px 3px;
}

fieldset legend.formulaires {
  background: #DDC588 url(../Images/icon_form.png) repeat-y left;
  padding-left: 22px;
}


fieldset input{
  margin-left:0em;
  padding:0;
}

fieldset span.important{
  margin-left :0em !important;
  margin-left /**/:0.5em;
}

.radioList{
   display:inline;
}

.inputForm {
  text-align:left;
  display:inline;
  margin:0 0 1em 0;
  padding:0;
}

.inputBirth {
  display:inline;
  margin-bottom:1em;
  padding:0;
  width:6em;
}

input {
  color: #8D634A;
  padding:0;
}

/* ==========================
 *     c-login & c-user
 * ========================== */
.userFormItem { font-size:x-small;}
.login        { border: 1px solid #EDD8A5; margin: 1em 0 0 0; padding:1em; }
.login input  { width:100%; font-size:x-small;}
.login ul     { list-style:none; padding:0; margin: 1em 0 0 0; line-height:0;}
.login li     { list-style:none; padding:0; margin: 1ex 0 0 0;}
.login a      { padding-top: 0em; color: black; font-size:x-small; line-height:1em; }

.liste_large{
  font-size:medium;
}

.buttonSubmit {
   background:url(../Images/fond_envoie.png) repeat-x bottom;
   margin:0;
   margin-left:5px;
   padding:0;
}

.buttonCustom {
   font-weight: bold;
   text-align:center;
   display:inline;
   border: 1px solid;
   color: #8D634A;
   padding:0;
}

.validatorFooter {
  clear:left;
  float:right;
}

form.center{ text-align:center;}

.center input{ background:#F2F6F8 url(../Images/fond_envoie.png) repeat-x bottom;}

.c_idocForm {
  display:list-item;
  margin: 0 0 2em 0;
  background:transparent;
  border: 1px solid #EDD8A5;
  list-style:none;
}

fieldset.c_idocForm {
  text-align:left;
}

.c_idocFormHidden {
  text-align:center;
  border:none;
}

.c_idocForm legend {
  padding: 1px 5px 1px 3px;
  margin-bottom: 3px;
  padding-left: 22px;
  font-weight: bold;
  background: #DDC588 url(../Images/icon_form.png) repeat-y left;
  color: #fff;
  font-size:small;
}

.c_idocForm span.important{
  margin-left :0em !important;
  margin-left/**/:0.5em;
}

.c_idocForm label{
  font-size: small;
}

.c_idocForm input {
  font-size: small;
}
.c_idocForm span {
  font-weight:bold;
  padding: 1.8em 0 0 0;
}

.c_imcdocFormSubmit {
  margin: 1em 0 .5em 0;
}

.c_imcdocFormSubmit input {
/*   font-size:small; */
}

.formTitle {
  margin: 0em 0 .3em 0;
  font-size: small;
}

.formComment {
/*   font-weight:bold; */
  font-size:small;
  margin: 0 0 1em 0;
}

.formText, .listText{
  font-size:small;

}

.formTextStats {
  display:block;
  font-size:small;
  font-weight:bold;
  text-align:left;
  margin-top: 1em;
  margin-bottom: 1em;
}

.darkerCell { background-color: #eeeeee; }
.darkerRow { background-color: #eeeeee; }

.statsForm       { margin-top:1em;  border: 1px solid #EDD8A5; }
.statsForm span  { font-size:small; margin-left:1em; font-weight:bold; }
.statsForm input { font-size:small; margin-top:1em; margin-left:1em; margin-bottom:1em; display:block; }
.statsForm select{ font-size:x-small; margin-top:1em; margin-left:1em; margin-bottom:1em; display:block; }

.stats    {border-spacing: 0; border-collapse: collapse;}
.stats tr {}
.stats td { font-size:small; padding:0.2em; margin:1em;border: 1px solid #555555; text-align:center; }
.stats th { font-size:small; padding:0.2em; margin:0;  border: 1px solid #000000; background-color: #e4e4e4; }

h3 {padding: 0 0 0 0; margin:0em 0 0 0; top:0; font-size:large;}
h6 {padding: 0 0 0 0; margin:0em 0 1ex 0; top:0; font-size:small;}

/* ==========================
 *         Miscellaneous
 * ========================== */
.back    { font-size:small; }
.cleaner { clear:right; height:1em; }
.clearBoth { clear:both; height:0.5ex; }