/*****************************
Bleu foncée            #1C529C
Bleu globa             #1C1AFC
Blue logo poles        #046ABC
Vert claire logo pôles #C4DE1C
Vert pétard claire     #D3DE25
Vert                   #31CC32
Vert foncé logo        #048204
Vert claire            #BCDA74
Vert claire footer     #ACD244
Vert claire bground    #F4FAEC
Gris claire            #DCDEDC
Fond mainheader        #FCFEFC
******************************/

/*div, li { border:1px solid #000000; }  */         /* pour débogage */
body{  FONT-FAMILY:  Verdana, Arial, Helvetica, serif; margin:0; border-top:2px solid #D3DE25; line-height:25px; }

form {  /*background-color:#EEE;*/ text-align:left; }
/*form { width:100%; }*/
form p { clear:both; /*border-bottom:1px solid #DDD;*/ margin:0.2em 0; }
form p.inline { display:inline; }
form input { width:30em; text-align: left; }
input[type="submit"] { width:auto; /*margin-left:10em;*/ background-color:#D3DE25; padding: 0 2em; font-weight:bold; text-align:center; }
input[type="text"], input[type="password"] { background-color:#FFFFCC; width:30em;}
input[type="checkbox"] { width:auto;}
textarea { width:500px; padding:0; margin:0; }
select { width:auto; }
form td { /* background-color:#EEE; */}
form strong { width: 20em; }


legend { color:#1C529C; font-size:1em;  padding: 0 0.5em; }
fieldset { border:1px solid #CCC; margin:0.5em auto; background:#FFF; width:800px; background:#EEE; }
textarea.summary { width:80%; height:50%; margin: 0 auto; }
strong.checkbox { background-color:#FFAAAA; }

table { /*background-color:#DDD;*/ margin:0.5em auto; width:100%; }
tr:hover { background:#FFA; }
th, td { font-size:0.8em; padding: 0 0.5em; margin:0; border-bottom:1px solid #DDD; }
th    { background-color: #DDD; text-align:center; color:#444; text-transform:uppercase; }
td    { /*background-color: #FFF;*/ text-align:left; }
td.uppercase { text-transform:uppercase; }
li    { padding:0.2em; text-align:left; }
h1, h2, h3  { font-family:Arial, Verdana, sans serif; }
h1    { color:#24618E; font-size:1.5em; text-align:left; margin-top:0; }
h2    { color:#FFAA00; font-size:1.2em; }


table.menutopicnew input { width:10em; }
.langform    { position:absolute; top:40px; right:0; }
.submit_ADD { left:10em; padding:1em; background-color:#D3DE25; font-size:1em; }
.button       { background-color:#D3DE25; padding: 0 1em;  font-weight:bold; border:2px solid #CCCCCC; text-align:center; width:15em; }
.button_2     { background-color:#FFD; padding: 0;  font-weight:bold; border:1px solid #CCCCCC; text-align:center; padding:0 1em; width: 100%; }
.mainpage    { background-color:#DDD; }
.selpage     { background-color:#FAA; }
.message      { border:1px solid #DDD; width:800px; text-align:center; background-color:#FFC; padding:0.5em; margin:0 auto; }
.message img  { float:left; }
.checkboxlist { margin-left:220px; }
.editform     { /*background-color:#EEE;*/ }
.editform  td { background-color:#EEE; border: 1px solid #DDD;  }
.editform  td textarea { width:100%;  }
.frame_wrapper{ position:relative; }
.frame        { padding:0;font-size:0.8em; width:250px; height: 400px; overflow: auto; background:#FFF; }
.framelarge   { padding:0;font-size:0.8em; width:100%; height: 200px; overflow: auto; background:#FFF; border:1px solid #AAA; }
.framelarge2   { padding:0; width:100%; height: 400px; overflow: auto; border:2px solid #AAA; }
.frameedit    { margin-left:30%; padding-left: 1em; width: auto; /*height: 400px;*/ /*overflow: auto;*/ }
.frameedit input[type='text'] { width: 90%; margin-bottom:1em; }
.frameedit input[type='checkbox'] { width:10%; }
.frameedit textarea { width:90%; height:25em; padding:0;}
.label        { float:left; width:150px; text-align:left; padding-right:1em; font-weight:normal; }
.label2       { float:left; width:150px; text-align:right; padding-right:1em; }
.label3       { width: 15em; }
.impair       { background-color:#FFC; }
.isimage      { margin:1em 0; border-bottom:1px solid #D3DE25; background:#FFF; }
.isnotimage   { margin:1em 0; border-bottom:1px solid #D3DE25; background:#FFF; }
.resource     { margin:1em 0; border-bottom:1px solid #D3DE25; background:#FFF; }
.selected     { background:#FDA; }
.checked     { background:#FDA;  list-style-type:none;}
.unchecked     { list-style-type:none;}
.currency      { text-align:right; }
.tableform input  { width:20em; }
.tableform input[type="submit"]  { width:auto; }
.alert { color:#F00; font-weight:bold; background:#FCC; }

.uppercase    { text-transform:uppercase; }

#bodydiv      { margin: 0.5em auto; padding: 5px;  text-align:justify;  /*border: 2px solid #9A774;*/  /*background-color:#EEEEEE;*/ /*rgb(240,240,255)*/;}
#mainheader   { position:relative; width:0 auto; height: 70px; font-size: 1em; border-bottom:2px solid #24618E; /*background: #EFE;*/ }
#mainheader img { height:50px; }
#mainheader h1 { font-size:1.3em; font-weight:normal; margin-left: 50px; }
#content_box  { position:relative; width: 900px; margin : 0 auto; }
#maintitle    { position:relative; top:0; left:1em; margin:0; padding:0; font-size:1.2em; }
#mainmenu     { position:absolute; bottom:0.3em; left:50px; }
#menutopright { position:absolute; top:0; right:0; }
#menutopright a { padding:0.3em 1em; font-size:0.8em; font-weight:bold; background:#D3DE25; border-right:1px solid #AAA; }



#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; height:25px; background:#EEE; border-top:1px solid #BBB; font-size: 11px; color:#93A774; text-align:center; padding-top:1em; }
#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; }


/* Listes et paragraphes */
ul.steps { margin-bottom : 1em;  list-style-image:none; border-bottom:1px solid #AAA; padding:0; }
ul.steps li { display:inline; padding:0 0.5em; background:#E1E5F1;  border-left:1px solid #AAA; border-right:1px solid #AAA; border-top:1px solid #AAA; margin:0 0.5em 0 0; }
ul.steps li.selected { font-weight:bold; color:#B4925C; background:#EFEFEF; border-bottom:1px solid #EFEFEF; }
ul.steps li.selected a { color:#B4925C; }
ul.steps li a:hover { color:#B4925C; }

/* Listes et paragraphes */
ol.steps { margin-bottom : 0.5em; }
ol.steps li { display:inline; padding:1em; }
ol.steps li.selected { font-weight:normal; color:#B4925C; }

.boxlink, .boxlinksel { font-size:0.8em; margin:0; padding:0.4em 0.6em; display:inline; color:#24618E; font-weight:normal; border-right:1px solid #24618E; }
.boxlink    { background-color: #DDF; }
.boxlinksel, .boxlink:hover  { background-color: #24618E; color:#FFF; }
.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;
}