/*div, li { border:1px solid #000000; }  */         /* pour débogage */
body{  FONT-FAMILY:  Verdana, Arial, Helvetica, serif; font-size:0.9em; }

form.ConfigForm { width:100%; }
form.ConfigForm strong { width:50%; }
form.ConfigForm input { width:80%; margin: 0 auto; }
textarea { width:90%; height:14em; margin: 0 auto; }
textarea.summary { width:90%; height:10em; margin: 0 auto; }
strong.checkbox { background-color:#FFAAAA; }
input[type="submit"] { background-color:#D3DE25; padding: 0 0.5em; font-weight:bold; }
input[type="text"], input[type="password"] { background-color:#FFFFCC; width:20em;}

table { width:100%; }
tr { background-color: #DDDDDD; }
tr:hover { background-color: #FFAAAA; }
th { padding: 0 1em; background-color: #D3DE25; text-align:center; }
td { padding: 0 1em; }
li  { margin-bottom:0.5em; padding:0.2em; text-align:left; }
h1, h2, h3  { font-family:Arial, Verdana, sans serif; }
h1  { color:#24618E; font-size:1.5em; text-align:center; }
h2  { color:#FFAA00; font-size:1.2em; }

#maintitle    { position:relative; top:0; left:1em; margin:0; padding:0; font-size:1.2em; }
#mainmenu     { position:absolute; top:0; right:0; }

.button       { background-color:#D3DE25; padding: 0 1em;  font-weight:bold; border:2px solid #CCCCCC; text-align:center; width:15em; }
.maintopic    { background-color:#DDDDDD; }
.seltopic     { background-color:#FFAAAA; }
.message      { position:absolute; right:2em; top:2em; border:1px solid; width:30em; text-align:left; background-color:#FFFF66; }
.frame_wrapper{ position:relative; }
.frame        { padding:0;font-size:0.8em;position:absolute;left:0;width: 30%;height: 450px;background-color:#FFFFFF;overflow: auto; border:1px solid #CCCCCC; }
.frameedit    { margin-left:30%; padding: 2em; width: auto; /*height: 400px;*/ /*overflow: auto;*/ }
.frameedit input { width: 90%; margin-bottom:1em; }
.frameedit input[type='checkbox'] { width:10%; }
.label        { float:left; width:10em; text-align:right; padding-right:1em; }
.label2       { float:left; width:20em; text-align:right; padding-right:1em; }
.impair       {background-color:#CCCCCC}
.isimage      { margin:1em 0; border-bottom:1px solid #D3DE25; background:#FFFFFF; }
.isnotimage   { margin:1em 0; border-bottom:1px solid #D3DE25; background:#FFFFFF; }
.resource     { margin:1em 0; border-bottom:1px solid #D3DE25; background:#FFFFFF; }

#bodydiv      { width:95%;margin: 0 auto; padding: 5px;  text-align:justify;  /*border: 2px solid #93A774;*/  background-color:#EEEEEE; /*rgb(240,240,255)*/;}
#mainheader   { position:relative; width:0 auto; height: 130px; font-size: 1em; background-image: url(image/header_charteLR.gif); background-repeat: no-repeat; }
#content_box  { position:relative; width: 900px; margin : 0 auto; }

#leftcol      { position:absolute; left:0; margin: 0; width:150px; }
#content      {  margin-left: 150px;  padding: 1em; }
#content p li { font-size: 1em; color:#A0A0A0; }


#footer{ position:relative; border-top:1px solid #93A774; font-size: 11px; color:#93A774; text-align:center; }
#loginform{ float:center; width:100%; font-size: 12px; text-align:center; background-color: #6699FF; }

/****************** LINKS *****************/
a           {  color:#24618E; font-size:1em; text-decoration: none; }
a:hover     {  text-decoration: underline;  }
a:selected  {  text-decoration: underline; }

.leftmenu, .leftmenusel, .leftmenumodedit  {  width:150px; display:block; border:1px solid #24618E; padding: 3px; margin:2px; }
.leftmenumodeedit    { background-color: #FFFF00; color:#FF0000; border:2px solid #FF0000; }

a.leftmenu          {  color:#24618E; font-size:0.8em; text-decoration: none; }
a.leftmenu:hover    {  text-decoration: underline;  }
a.leftmenu:selected {  text-decoration: underline; }

a.leftmenusel { background-color: #24618E; color:#FFFFFF; }

.boxlink    { background-color: #24618E; color:#FFFFFF; margin:0.2em; padding:0.2em; display:inline; }
.boxlinsel  { background-color: #24618E; color:#FFFFFF; }
.boxlogin   { float:right; }
/*- Menu Tabs J--------------------------- */
#tabsJ {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
        border-bottom:1px solid #24618E;
}

#tabsJ ul {
      margin:0;
      padding:10px 10px 0 50px;
      list-style:none;
}


#tabsJ li {
      display:inline;
      margin:0;
      padding:0;
}


#tabsJ a {
      float:left;
      background:url("image/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
}

#tabsJ a span {
      float:left;
      display:block;
      background:url("image/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span { float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
}

#tabsJ a:hover {
      background-position:0% -42px;
}
#tabsJ a:hover span {
      background-position:100% -42px;
}

#tabsJ a.tabsJsel {
      background-position:0% -42px;
}

#tabsJ a.tabsJsel span {
      background-position:100% -42px;
      color:#FFF;
}