body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }

/* global layout */
html { background: #619ee4 url(/images/bg-shadow.jpg) repeat-y center top; }
body { background: transparent url(/images/cloud.jpg) fixed no-repeat center center; text-align: center; margin: 0; min-height: 1024px; }
div.global { position: relative; margin: auto; width: 898px; text-align: left; font: 75% Verdana; }
div.header { width: 897px; z-index: 2; position: relative; background: transparent url(/images/bg-header.gif) no-repeat left top; height: 235px; text-transform: uppercase; margin-left: 1px; }
html > body div.header { position: fixed; background: transparent url(/images/bg-header.png) no-repeat left top; }
div.container { padding:24px;}
html > body div.container { padding-top: 245px; }
div.footer { text-align: center; text-transform: uppercase; font-size: 80%; padding: 35px 0; }

/* header layout */
div.logo { height: 104px; background: transparent url(/images/ilu-baseline.gif) no-repeat 715px 73px;}
div.logo a.hlLogo { position: absolute; left: 50%; margin-left: -55px; display: block; width: 110px; height: 104px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/innoveosolutions.png',sizingMethod='scale'); }
html > body div.logo a.hlLogo { filter: none; background: transparent url(/images/innoveosolutions.png) no-repeat left top; }
div.logo p { display: none; }
ul.menu { width: 647px; float: left; height: 40px; margin: 15px 0 0 0; padding: 0; list-style: none; }
ul.menu li { float: left; }
ul.lang { width: 30px; float: left; height: 40px; margin: 18px 0 0 0; padding: 0; list-style: none; }
ul.lang li { float: left; margin-right: 8px; }
ul.action { width: 55px; float: left; height: 40px; margin: 15px 0 0 0; padding: 0; list-style: none; }
ul.action li { float: left; margin: 1px 6px 0 0; }
ul.action li * { border: none; }
div.search { width: 150px; float: left; height: 40px; margin: 15px 0 0 3px; }
html > body div.search { margin: 15px 0 0 5px; }
ul.lang li a { text-decoration: none; color: #969696; font-size: 11px; }
ul.lang li a.select { color: #00a6e9; }

/* footer layout */
div.footer p { margin: 0; }
div.footer p a { text-decoration: none; }

/* general stuff */
.clr { clear: both; }
.blue { color: #00a6e9; }
.gray { color: #333; }
.white { color: #fff; }
.fleft { float: left; }
.fright { float: right; }
.line { border-bottom: solid 1px #333; }
.whiteline { border-bottom: solid 1px #fff; }
.date { font: 11px Verdana; }

h2 { color: #333; font: 18px Verdana; margin-top: 20px; }
h2 a { color: #333; background: white; text-decoration: none; }
h2 a:hover { color: #00a6e9; background: white; }

p { font-size: 11px; color:#333; margin: 11px 0 11px 0; }
p a { color: #00a6e9; text-decoration: none; }
p a:hover { color: #00a6e9; }

/* inputs style */
/* taille max supportee par une textbox : 300px, si besoin de plus, editer l'image "bg-rightinput.gif" */
span.input { background: transparent url(/images/bg-leftinput.gif) no-repeat left top; display: block; height: 20px; }
span.input span { background: transparent url(/images/bg-rightinput.gif) no-repeat right top; display: inline-block; height: 20px; margin-left: 4px; }
html > body span.input span { display: block; }
span.input input { border: 0; height: 10px; color: #969696; font-size: 9px; font-family: Arial; text-transform: uppercase; margin: 1px 6px 0 0; position: relative; left: -2px !ie; }
input.tbSearch { width: 100px; }

/* menu */
#menu { background: white; float: left; margin-left: 20px; margin-top : 2px;}
#menu ul { list-style: none; margin: 0 10px 0 0; padding: 0; float: left; }
#menu a, #menu h2 { font: 11px Verdana; display: block; margin: 0; padding: 2px 3px; }
#menu h2 { color: #333333; background: white; text-transform: uppercase; }
#menu a { color: #333333; background: white; text-decoration: none; }
#menu a:hover { color: #00a6e9; background: white; }
#menu li { position: relative; background: white; }
#menu ul ul { background: white; position: absolute; z-index: 500; width: 150px; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; }
div#menu ul ul,  div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}

/* flash */
div.flashcontent { overflow: hidden; }

/* map */ 
#innoveo_map { width: 570px; height: 380px; margin-right: 100px; margin-bottom: 20px; }

/* two columns */
.twocolumns { width: 855px; }
.sidebar { width: 255px; margin-left: 10px; }
.content { width: 570px; margin-right: 15px; }

/* light box */
div.lrounded { color:#333; clear:both; max-width:2400px; margin:auto; width:100%; }

div.lrounded div.top {
    background:url(/images/lightbox/tl.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.lrounded div.top div.right {
    background:url(/images/lightbox/tr.png) no-repeat bottom right;
    height:14px;
    margin-left:11px;
}

div.lrounded div.middle {
    background:url(/images/lightbox/l.png) repeat-y left;
    clear:both;
    width:100%;
}

div.lrounded div.middle div.right {
    background:url(/images/lightbox/r.png) repeat-y right;
    margin-left:5px;
}

div.lrounded div.bottom {
    background:url(/images/lightbox/bl.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.lrounded div.bottom div.right {
    background:url(/images/lightbox/br.png) no-repeat top right;
    height:15px;
    margin-left:11px;
}

/* dark box */
div.drounded {
  color:#fff;
  clear:both;
  max-width:2400px;
  width:100%;
  background-color: #454548;
}

div.drounded div.bottom {
  background:url(/images/darkbox/bl.png) no-repeat top left;
  clear:both;
  padding:0px;
  width:100%;
}

div.drounded div.bottom div.right {
  background:url(/images/darkbox/br.png) no-repeat top right;
  height:14px;
  margin-left:10px;
}

div.drounded div.top {
  background:url(/images/darkbox/tl.png) no-repeat bottom left;
  padding:0px;
  width:100%;
}

div.drounded div.top div.right {
  background:url(/images/darkbox/tr.png) no-repeat bottom right;
  height:14px;
  margin-left:10px;
}

div.drounded div.middle {
  background:url(/images/darkbox/l.png) repeat-y left;
  clear:both;
  width:100%;
}

div.drounded div.middle div.right {
    background:url(/images/darkbox/r.png) repeat-y right;
    margin-left:5px;
}

/* boxes */ 
.boxcontent { padding: 0 5px 0 5px; margin: 0 20px 0 10px; }
.boxcontent p { font-size: 11px; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; }
.boxcontent img.board { float:left; margin: 0 10px 5px 0px; }
.boxcontent h2 { color: #333; font: 18px Verdana; margin-top: 0px; }
.boxcontent h2 a { color: #333; background: white; text-decoration: none; }
.boxcontent h2 a:hover { color: #00a6e9; background: white; }
.boxcontent h2.white { color: #fff;}

/* lists */
ul.bluearrow-list, ul.greyarrow-list, ul.whitearrow-list { list-style-type: none; font-size: 11px; }

ul.bluearrow-list li { margin: 0px; padding: 5px 15px; background: url(/images/BlueArrow.png) 0 9px no-repeat;  }
ul.greyarrow-list li { margin: 0px; padding: 5px 15px; background: url(/images/GreyArrow.png) 0 9px no-repeat;  }
ul.whitearrow-list li { margin: 0px; padding: 5px 15px; background: url(/images/WhiteArrow.png) 0 9px no-repeat;  }

ul.greyarrow-list a, ul.bluearrow-list a { color: #00a6e9; background: white; text-decoration: none; }
ul.greyarrow-list a:hover, ul.bluearrow-list a:hover { color: #00a6e9; background: white; }

.info-element { margin: 10px 0 10px 0; }

/* news */
.latest-news { margin-top: 5px; }
.latest-news-item {  }

.latest-news span.date { margin-left: 15px;  }