/* $Id: common.css 324 2006-10-31 17:04:02Z dpapin $ */

body {
  margin: 0;
  padding:0;
  font-family: Times New Roman, Times, serif;
  font-size:100.1%;
  color: #000000;
  background: #ffffff;
}

#bodywrapper {
  width:1000px;
}

/* =================================
 *       Defaults for basic elements
 * ================================= */

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

div { margin:0; padding:0;}


/* ==========================
 *       Titles
 * ========================== */

h1, h2, h3, h4, h5, h6 {
  font-family: Times New Roman, Times, serif;
  font-weight: bold;
  color: #421344;
}
h1         { margin: 10px 0 5px 0; padding:0; font-size: 130%; }
h2         { font-size: 131%; margin: 0; padding: 3px 0; }
h2 + h3    { margin-top: 12px; }
h4, h5, h6 { font-size: 110%; margin: 0 0 3px 0; padding: 0; }
h3 + h4    { margin-top: 7px; }
h3         { font-size: 120%; padding: 0 0 7px 0; margin-bottom: 5px; color: #421344; }
h5         { font-size: 100%;  margin: 0 0 .2em 0; }
h6         { font-size: 100%;  margin: 0 0 .2em 0; font-style: italic; }


.designedText {
  font:100% Arial ;
  color:#000000;
}

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

#header {
  margin: 0;
  width:1000px;
  height:148px;
  position:relative;
  background:transparent url(../Images/header.png) no-repeat top left;
}

#header h1, #header h3 {
  position:absolute;
  margin:0;
  padding:0;
  text-indent:-1000em;
}

#header h1 a {
  position:absolute;
  display : block;
  left:34px;
  top:19px;
  height:114px;
  width:443px;
  overflow:hidden;
}

#header p {
  position:absolute;
  right:193px;
  top:20px;
  text-align:right;
  color:#861685;
  line-height:0.9em;
  font-size:80%;
  font-weight:bold;
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
}

#logoLMDE {
    position:absolute;
    left:820px;
    top:10px;
}


#footer {
  background:#ffffff;
  position:relative;
  height:20px;
  width:1000px;
}

#partenariat {
  font-weight:bold;
  letter-spacing:-1px;
  line-height:100%;
  margin:0 1em 0 2em;
}

#infos {
  float:right;
  height:20px;
  margin:0 14px 0 0;
  padding: 0;
  z-index: 1;
  font-family: Arial, Helvetica, sans-serif;
}
#infos ul, #infos li {
  margin:0;
  padding:0;
  list-style-type: none;
  font-size:90%;
}

#infos li {
  float: left;
  margin-right:15px;
}

#infos li a {
  line-height:20px;
  text-align:left;
  overflow:hidden;
  color:#5e465e;
  text-decoration:none;
  font-weight:bold;
  letter-spacing:-1px;
}

#infos li a:hover {
  color: #2f0834;
}


#copyright {
  display:none;
}

#logoRDE,
#logoONISEP {
  position:relative;
  top:8px;
  margin-right:20px;
}

#logoMF {
    position:absolute;
    left:930px;
    top:-50px;
}

/* ==========================
 *         Main zones
 * ========================== */
#leftColumn {
  float:left;
  width:260px;
}

#mainColumn {
  float:left;
  width:740px;
}

#wrapper {
    width:1000px;
    position:relative;
}

#main {
    position:relative;
    margin:0px 21px 20px 0px ;
    left:-1px;
}

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

.navConnected, .navUnconnected {
  margin:30px 0 20px 0;
}

#navig ul, #navig li {
  margin:0;
  padding:0;
  list-style-type: none;
}

#navig li {
  float: left;
  margin:0 15px 0 0;
}

#navig li a {
  display: block;
  height:62px;
  text-indent:-1000em;
  background: url(../Images/navig_second.png) top left no-repeat;
  text-decoration:none;
  overflow:hidden;
}

#navig a#menu1 { width:158px; background-position: 0px 0px; }
#navig a#menu2 { width:145px; background-position: -160px 0px; }
#navig a#menu3 { width:93px; background-position: -310px 0px; }
#navig a#menu4 { width:137px; background-position: -404px 0px; }
#navig a#menu5 { width:129px; background-position: -542px 0px; }

#navig a#menu1:hover,  #navig a#menu1up { background-position: 0px -62px; }
#navig a#menu2:hover,  #navig a#menu2up { background-position: -160px -62px; }
#navig a#menu3:hover,  #navig a#menu3up { background-position: -310px -62px; }
#navig a#menu4:hover,  #navig a#menu4up { background-position: -404px -62px; }
#navig a#menu5:hover,  #navig a#menu5up { background-position: -542px -62px; }

#navig a#menu1up { width:158px; }
#navig a#menu2up { width:145px; }
#navig a#menu3up { width:93px; }
#navig a#menu4up { width:137px; }
#navig a#menu5up { width:129px; }


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

.info, .error, .fatal {
  margin:  2em 20px 1em 20px ;
  padding: 1ex 1ex 1ex 1ex;
  border: 1px solid #999999;
  font-size:80%;
  text-align:center;
  background:#ffffff;
}
.info {
  font-weight: bold;
  color: #664466;
}

.error {
  font-weight: bold;
  color: #664466;
}

.fatal {
  font-size: large;
  color: #FF0000;
}

.fatal a {
  font-size: 90%;
  color: #999999;
}

/* ==========================
 *            User
 * ========================== */

.userFormItem       { margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; }
.userFormItem label { display: block; }
.userFormItem input { width: 9em; }
.userFormSubmit     { margin-bottom: .5em; }

.userItem      { margin-bottom: .5em; font-size: x-small; }
.userItem span { float:left; width: 5em; }

/* ==========================
 *            User menu
 * ========================== */

#userArea {
  position: absolute;
  left: 520px;
  top: 102px;
  width: 480px;
  height: 15px;
  padding: 0;
  z-index: 1;
  font-family: Arial, Helvetica, sans-serif;
}
#userArea ul, #userArea li {
  margin:0;
  padding:0;
  list-style-type: none;
  font-size:90%;
}

#userArea li {
  float: left;
  margin-right:15px;
}

#userArea li a {
  text-align:left;
  overflow:hidden;
  color:#5e465e;
  text-decoration:none;
  font-weight:bold;
  letter-spacing:-1px;
}

#userArea li a:hover {
  color: #2f0834;
}

#intro_spread {
    position:absolute;
    right:5px;
    width:180px;
    height:60px;
    text-align:left;
    font-weight:bold;
    font-size:90%;
    letter-spacing:-1px;
}

#intro_spread a#spread {
    position:absolute;
    left:50px;
    top:30px;
    display:block;
    width:28px;
    height:25px;
    background:url(../Images/home_bouton_ici.png) top left no-repeat;
    text-indent:-1000em;
    overflow:hidden;
}
#intro_spread a#spread:hover {
    background: url(../Images/home_bouton_ici.png) top left no-repeat;
    background-position:0px -25px;
}


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

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


/* ==========================
 *          Arbo
 * ========================== */

#arbo{
    width :  194px ;
    padding: 0;
    margin:105px 0 30px 50px;
    font-size:85%;
    font-family: Arial, Helvetica, sans-serif;
    color:#ffffff;
}
#arbo h3 {
    text-indent:-1000em;
    margin:0;
    padding:0;
    display:block;
    width:194px;
}

#arbo .itreeTheme0{
    padding-top: 0px;
    padding-bottom: 2px;
    text-align:center;
}
#arbo .itreeTheme0 a{
  color:#ffffff;
  font-weight: bold;
  text-decoration: none;
}

.dynamiclayer{
    display: none;
    margin-topXX: 1px;
    padding:0 4px 0 4px;
}
.dynamiclayer a{
    display: block;
    text-decoration: none;
    color: #ffffff;
    text-align:center;
}

.selectedlayer {
  display:block;
}


/* ==========================
 *          ImcDoc
 * ========================== */
#intro{
    background: #ffffff;
    border:1px solid;
}

#frame{
  border: 1px solid ;
  background: #ffffff;
  margin:0 0 1em 0;
  padding:1em;
  position:relative;
}

#frame .itreeTheme0 {
  padding:1em 0 0.4em 0;
}

#viewAlternate, #back {
  float:right;
  margin:10px 0 0 0 ;
  padding:0.2em 0.3em 0.2em 0.3em;
}
#viewAlternate a, #back a {
  text-decoration:none;
  color:#ffffff;
  font-weight: bold;
}

/* ==========================
 *        Miscellaneous
 * ========================== */
/* easy clearing */
.clear:after
    {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clear { display: inline-block; }
/*\*/
* html .clear { height:1%;}
.clear { display: block; }
/* end easy clearing */

/* popup */
#buttonClose {
  text-align:center;
  margin-top:1em;
}

#buttonClose a {
  margin:auto;
  display:block;
  width:106px;
  height:74px;
  background:url(../Images/popup_fermer.png) top left no-repeat;
  text-indent:-1000em;
  overflow:hidden;
}

#buttonClose a:hover {
  background-position:0px -74px;
}


.accesskey { text-decoration: underline; }