/* $Id: common.css 3541 2008-01-30 14:51:23Z svaugeois $ */
/*
couleur verte    : #154b3a
couleur bordeaux : #a82b31
couleur jaune    : #fee9b4 
*/

body{
  margin: 0;
  min-width: 700px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
/*  font-size: 100% !important;
  font-size */ /**//*: 90%; */
}
.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: 5em !important;
  height/**/: 7em;
  background: #a82b31;
  border-bottom: 1px solid #a12831;
  top:0px;
  margin:0;
  padding:0;
}
.header h1   { display: none; }

.headerLeft {
  float:left;
  position:absolute;
  height:5em !important;
  height/**/: 6.95em;
  width: 13em !important;
  width/**/: 21em;
  top:0px;
  margin:0;
  padding:0;
  border-right: 1px solid #a12831;
  background: #fee9b4 url(../Images/littre2008.png ) no-repeat ;
}

.headerRightTop {
  right:0px;
  position:absolute;
  top:0px;
  margin:0;
  padding:0 1em 0 1em;
  height:2em;
  background: #fee9b4;
  font-weight:bold;
  font-size:large;
  color:#a82b31;
}

.headerRightBottom {
  right:0px;
  position:absolute;
  top:5em;
  margin: 0 1em 0 0;
  padding:0;
  font-weight:bold;
  font-size:x-small;
  color:#fee9b4;
}

.footer {
  clear: both;
  height:3em;
  border-top: 1px solid #154b3a;
  text-align: right;
}

.footerLeft { float: left; font-size:x-small; height:0;}

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

.mainColumn {
  /* idem headerLeft */
  margin: 0 1em 0em 13em !important;
  margin/**/: 0 1em 0em 21em;
  padding: 1.5em 0 0 1em;
  border-left: 1px solid #a12831;
}

.mainColumnAlone {
  /* idem headerLeft */
  margin: 0 1em 0em 13em !important;
  margin/**/: 0 1em 0em 21em;
  padding: 1.5em 0 0 1em;
  background:transparent;
  border-left: 1px solid #a12831;
}

.leftColumn {
  float:left;
  margin: 1.5em 0 0 0;
  padding: 0;
  /* idem headerLeft */
  width: 13em !important;
  width/**/: 21em;
  height:100%; top:0px;
}

.leftColumn fieldset{
  border-style:none;
  left:0px;
  margin:0;
  padding:0;
}

.leftColumn legend {
  display:none;
  margin:0;
  padding:0;
}

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

.history {
  display: none;
}

.mainColumnArea {
  position:relative;
  margin: 0;
  padding: 0;
  background:transparent;
}


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

.navig {
  margin: 0;
  padding: 0;
  background:transparent;
}

.navigMenu {
  margin: 0;
  padding: 0;
  border-style: none;
  font-size:small;
  font-weight:bold;
  background: transparent;
}

.navigMenu h2.menu   { display: none; }

.navigMenu ul       { padding: 0; margin:0 0 0 1em; color:#a82b31; list-style:none;}
.navigMenu a        { padding: 0 0 0 20px; margin:0 0 0 0em; color:#a82b31; text-decoration:none;
                      background: transparent url(../Images/menu_off.png) no-repeat left}
.navigMenu a:hover  { padding: 0 0 0 20px; margin:0 0 0 0em; color:#154b3a; text-decoration:underline;
                      background: transparent url(../Images/menu_on.png) no-repeat left}
.navigMenu li       { padding: 0; margin:8px 0 0 0; }
.navigMenuText span { margin-left:19px;}

.navigMenuSelected {
  margin: 0;
  padding:0;
  color: #154b3a;
  font-weight:bold;
  background: transparent url(../Images/menu_on.png) no-repeat left
}
.navigMenuText {
  font-weight:bold;
  margin-left:19px;
  background:transparent;
}

.versionItem {
  float: right;
  height: 2em;
  width: 146px;
  padding: 0;
  border-left: solid white 1px;
}


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

.infos {
  margin: 0 0 1em 0;
  padding: .8em;
  background-color: #fee9b4;
}

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

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

.actuTitle {
  font-weight: bold;
  font-size: 90%;
}

.info {
  margin:  1em 1em 1em 1em;
  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: 120%;
  color: #FF0000;
}
.fatal a {
  font-size: 80%;
  color: #999999;
}


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

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

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

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

.backTop         { font-size: x-small; color:black; }
.backTop:hover   { color:#CC0000; }

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

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

.iconForm {
  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 {
  font-size:80%;
  font-weight:lighter;
}

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

.wtitle {
  font-style:italic;
  font-size:100%;
}

.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-left:7em;}
.greyCenter a:visited{ font-size:80% !important; font-size/**/:70%; display:inline; text-align:center; color:#666; }
.greyCenter a        { font-size:80% !important; font-size/**/:70%; display:inline; text-align:center; color:#333; }
.greyCenter a:hover  { font-size:80% !important; font-size/**/:70%; display:inline; text-align:center; color:#C00; }
.greyCenter span     { font-size:80% !important; font-size/**/:70%; 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 {
  list-style-position:inside;
  list-style-type:square;

}
.listNoPuce{
  list-style:none;
  display:inline;
  padding-left:0;
  margin:0;
}

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

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

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

fieldset legend.formulaires {
  background: #a82b31 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;
  font-weight: bold;
  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; }

select {
  display:inline;
  margin-bottom:1em;
}

.liste_large{
  font-size:100%;
}

.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 {
  margin-top:0.35em;
  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;
  background:transparent;
  border: 1px solid #a82b31;
  list-style:none;
  padding: .5em;
  margin-right:1em;
}

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: #a82b31 url(../Images/icon_form.png) repeat-y left;
  color: #fff;
  font-size:80%;
}

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

.c_idocForm label{
  font-size: 80%;
}

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

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

.c_imcdocFormSubmit input {
}

.c_idocFormRadio {
 display:inline;
}

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

.formComment {
  font-weight:bold;
  font-size:80%;
  margin: 0 0 1em 0;
}

.formText, .listText{
  font-size:80%;

}

.formTextStats {
  display:block;
  font-size:80%;
  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:80%; margin-left:1em; font-weight:bold; }
.statsForm input { font-size:80%; margin-top:1em; margin-left:1em; margin-bottom:1em; display:block; }
.statsForm select{ font-size:80%; margin-top:1em; margin-left:1em; margin-bottom:1em; display:block; }

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


.editionsgarnier{
  float:left;
  position:absolute;
  margin:0;
  padding:0 1em 0 1em;
  color: #154b3a;
  font-weight:bold;
  font-size:xx-small;
  text-align:center;
}

.garnier{
  margin:0;
  width:5em;
  color:#a12831;
  font-size:x-small;
  font-weight:bold;
  text-align:center;
  border-bottom: 1px solid #a82b31;
  margin-bottom:0.2em;
  padding:0;
  line-height:.75em;
  height:1.25em;
}

h3 {
  color:#a12831;
  font-size:130%;
  padding: 0 0 0 0;
  margin:1em 0 1em 0 !important;
  margin/**/:3em 0 1em 0;
}

h6 {
  color:#a12831;
  font-size:130%;
  padding: 0 0 0 0;
  margin:1em 0 1em 0;
}

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