dxiv {
  border:solid 1px black;
  }

body {
  background: #edf5fa;
  background-image: url(images/body.png) ;
  Background-repeat : Repeat-X;
  height:100%;
  font-size: 80% ;
  Font-family : Tahoma;
  color: #484848  ;
  }

table {
  font-size: 100% ;
  Font-family : Tahoma;
  color:#444;
  border: 1px solid #e9eff3;
  }

td {
  border: 1px solid #e9eff3;
  }

.header {
  font-weight:bold;
  background: #fff url(images/bkg.tab.gif) repeat-x 0 0;
  border: 1px solid #e9eff3;
  }

.SiteTitle {
  position:absolute;
  top:50px;
  left:10px;
  font-family : Arial;
	Font-size : 24Pt;
	Font-weight : Bold;
	color: White;
  }

.menuleft {
  bxorder: 1px solid yellow;
  position:absolute;
  top:130px;
  padding-left:10px;
  wxidth:30%;
  background: transparent;
  }

.contentcontainer {
  position:relative;
  display:block;
  top:72px;
  left:250px;
  width:75%;
  min-width:800px;
  margin-right:10px;
  background-color: #FFFFFF;
  background-image: url(images/bg-content.png) ;
  Background-repeat : Repeat-X;
  Font-family : Tahoma;
  color: #484848  ;
  }

.contentleftmargin {
  position:absolute;
  display:block;
  float:left;
  left:-10px;
  width:50px;
  height:352px;
  background-color: #FFFFFF;
  background-image: url(images/bg-content-left.png) ;
  Background-repeat : No-Repeat;
  }

.contentrightmargin {
  position:absolute;
  display:block;
  float:right;
  width:50px;
  height:352px;
  right:-10px;
  background-color: #FFFFFF;
  background-image: url(images/bg-content-right.png) ;
  Background-repeat : No-Repeat;
  }

.content {
  display:block;
  margin-left:40px;
  margin-right:50px;
  padding-top:50px;
  background-color: #FFFFFF;
  background-image: url(images/bg-content.png) ;
  Background-repeat : Repeat-X;
  padding-bottom:50px;
  }

.navbar {
  position:absolute;
  font-size:8pt;
  top:20px;
  color: #027AC6;
  }

form {
  margin:0px;
  padding:0px;
  }
iframe {
  visibility:hidden;
  }

.Titre {
	position:absolute;
  left:295px;
  top:50px;
	Color : White;
	Font-family : Arial;
	Font-size : 20Pt;
  }

.separateur {
  margin-top:50px;
  width:100%;
  Font-family : Arial;
  font-size: 10pt;
  Color : #027AC6
  }

h1, h2 {
  font-size: 16pt;
  line-height: 130%;
  margin: 0 -25px;
  padding: .5em 25px;
  Font-family : Arial;
  font-weight:normal;
}

h1 {
  color:#444;
}

h2 {
  color:#027AC6;
}

.errorlogin {
  color:#FF0000;
}

.msglogin {
  color:#009900;
}

.picframe {
  border:1px solid #e3e3e3;
  padding:2px;
  }
  
.table {
  display:table;
  }
.tr {
  display:table-row;
  }
.td {
  display:table-cell;
  }
.pochettes {
  background-color: #FFFFFF;
  margin: 1px 1px;
  paxxdding: .5em 2px;
  dxisplay:table-cell;
  float: left;
  width:150px;
  height:200px;
  overflow:hidden;
  font-size: 10pt;
  bor-der: 1px solid #027AC6;
  text-align:center;
}

.listepochettes {
  background-color: #FFFFFF;
  margin: 1px 1px;
  padding: .5em 2px;
  display:block;
  fl-oat: left;
  wi-dth:150px;
  he-ight:180px;
  font-size: 10pt;
  border: 1px solid #027AC6;
}

.comments {
  font-size: 16pt;
  line-height: 130%;
  margin: 0 -25px;
  padding: .5em 25px;
  Font-family : Arial;
  font-weight:normal;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  color:#444;
  border: 1px solid #e9eff3;
}

.l500 {
  display:block;
  width:500px;
  }

.critical {
  font-size: 10pt;
  margin: 0 -25px;
  padding: .5em 25px;
  Font-family : Arial;
  font-weight:normal;
  background: #FF0000 url(images/bkg_red.gif) repeat-x 0 0;
  color:#FFFFFF;
}

.info {
  font-size: 10pt;
  margin: 0 -25px;
  padding: .5em 25px;
  Font-family : Arial;
  font-weight:normal;
  background: #FF0000 url(images/bkg_blue.gif) repeat-x 0 0;
  color:#FFFFFF;
}

.warning {
  font-size: 10pt;
  margin: 0 -25px;
  padding: .5em 25px;
  Font-family : Arial;
  font-weight:normal;
  background: #FF0000 url(images/bkg_orange.gif) repeat-x 0 0;
  color:#FFFFFF;
}

.ok {
  font-size: 10pt;
  margin: 0 -25px;
  padding: .5em 25px;
  Font-family : Arial;
  font-weight:normal;
  background: #FF0000 url(images/bkg_green.gif) repeat-x 0 0;
  color:#FFFFFF;
}

.discret {
  margin-top:0px;
  color:lightgrey;
}

#header-region {
  min-height: 1em;
  background: #d2e6f3 url(imagesimages/bg-navigation.png) repeat-x 50% 100%;
}

img, a img {
  border: none;
  }

a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a:active, a.active {
  color: #5895be;
}

ul {
  margin: 0.5em 0 0em;
  padding: 0;
}

ul li {
  margin: 0.4em 0 0.4em .5em;
}

ul.menu, .item-list ul {
  margin: 0.35em 0 0 -0.5em;
  padding: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  margin: 0.15em 0 0.15em .5em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em;
}

ul li.expanded {
  background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em;
}

ul li.collapsed {
  background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em;
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0;
}

