html, body {
	height: 90%;
	margin: 0;
	}
body {
	font: 90% "Trebuchet MS", sans-serif;
}

div#global {
	min-height: 100%;
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	}

#globalheader { width: 980px; height: 38px; margin: 20px auto; position: relative; z-index: 9998; }
#globalheader #navigation { margin: 0; padding: 0;}
#globalheader #navigation li { display: inline; }
#globalheader #navigation li a { float: left; width: 140px; height: 0; padding-top: 38px; overflow: hidden; }
#globalheader #navigation li a,
#globalheader { background-image: url(../img/navigationbg.png); background-repeat: no-repeat;}

/* BOUTONS */
#globalheader #navigation li#nav-neodiag a { background-position: 0 0; }
#globalheader #navigation li#nav-neodiag a { background-position: -140px 0; }
#globalheader #navigation li#nav-services a { background-position: -280px 0; }
#globalheader #navigation li#nav-references a { background-position: -420px 0; }
#globalheader #navigation li#nav-attestations a { background-position: -560px 0; }
#globalheader #navigation li#nav-news a { background-position: -700px 0; }
#globalheader #navigation li#nav-contact a { background-position: -840px 0; }

/* ETAT OVER */
#globalheader #navigation li#nav-accueil a:hover { background-position: 0 -38px; }
#globalheader #navigation li#nav-neodiag a:hover { background-position: -140px -38px; }
#globalheader #navigation li#nav-services a:hover { background-position: -280px -38px; }
#globalheader #navigation li#nav-references a:hover { background-position: -420px -38px; }
#globalheader #navigation li#nav-attestations a:hover { background-position: -560px -38px; }
#globalheader #navigation li#nav-news a:hover { background-position: -700px -38px; }
#globalheader #navigation li#nav-contact a:hover { background-position: -840px -38px; }

/* ETAT ACTIF */
#globalheader #navigation li#nav-accueil a:active { background-position: 0 -76px; }
#globalheader #navigation li#nav-neodiag a:active { background-position: -140px -76px; }
#globalheader #navigation li#nav-services a:active { background-position: -280px -76px; }
#globalheader #navigation li#nav-references a:active { background-position: -420px -76px; }
#globalheader #navigation li#nav-attestations a:active { background-position: -560px -76px; }
#globalheader #navigation li#nav-news a:active { background-position: -700px -76px; }
#globalheader #navigation li#nav-contact a:active { background-position: -840px -76px; }

/* ETAT ON */
#globalheader.home #navigation li#nav-accueil a:hover { background-position: 0 0; cursor: default; }
#globalheader.neodiag #navigation li#nav-neodiag a { background-position: -140px -114px !important; }
#globalheader.services #navigation li#nav-services a { background-position: -280px -114px !important; }
#globalheader.references #navigation li#nav-references a { background-position: -420px -114px !important; }
#globalheader.attestations #navigation li#nav-attestations a { background-position: -560px -114px !important; }
#globalheader.archives #navigation li#nav-news a { background-position: -700px -114px !important; }
#globalheader.contact #navigation li#nav-contact a { background-position: -840px -114px !important; }

div#center {
  float: left;
  padding-bottom: 20px;
  overflow: auto; 
  width: 980px;
	}
div#c-left {
  float: left;
  width: 280px;
  padding-bottom: 20px;
  }
div#c-right p {
margin-top: 40px;
text-indent: 20px;
}
div#c-right {
  float: left;
  width: 638px;
  min-height: 485px;
  padding-top: 20px;
  margin-left: 20px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #e8ebef;
  background: url(../img/titre-r.gif) left top no-repeat;
  /*background: yellow;*/
  }
div#c-image {
  float: left;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 20px;
  color: #525355;
  text-align: center;
  font: 0.9em Verdana,sans-serif;
  /*background: green;*/
  }
div#c-right h1 {
	padding-right: 20px;
  color: #000;
  font: 1.0em Verdana,sans-serif;
	font-weight: bold;
  }
div#c-right h2 {
  font: 0.9em Verdana,sans-serif;
  font-weight: bold;
  color: #3f5789;
  }
div#c-right h3 {
	margin-right: 20px;
  color: #000;
  font: 0.9em ,Verdana,sans-serif ;
  }
div#c-right h3 a {
  text-decoration: none;
  }
div#c-right ul {
  margin-right: 20px;
  list-style-type: square;
  color: #525355;
  font: 0.75em ,Verdana,sans-serif ;
  line-height: 3.0em;
  }
div#c-right li a {
  color: #525355;
  text-decoration: none;
  }
div#c-right li a:hover {
  color: red;
  text-decoration: none;
  }
div#c-right h4 {
  /*font-variant:small-caps;*/
  font: 0.7em ,Verdana,sans-serif ;
  line-height: 1.5em;
  }
div#contenuhg {
	float: left;
	width: 280px;
	height: 350px;
	background: cyan;
	background: url(../img/menu.jpg) left top no-repeat;
	}
div#contenuhg h3 {
	margin-top: 120px;
	margin-left: 30px;
	margin-right: 20px;
  color: #000;
  font: 0.7em ,Verdana,sans-serif ;
  }
div#contenuhg h3 a {
  color: #000;
  text-decoration: none;
  }
div#contenubga {
	float: left;
	width: 280px;
	height: 30px;
  margin-top: 20px;
	background: url(../img/box-menu.jpg) left top no-repeat;
	}
div#contenubga h2 {
	padding-top: 5px;
	padding-right: 20px;
  margin-left: 30px;
  color: #fff;
  font: 0.8em Verdana,sans-serif;
	font-weight: bold;
  }
div#contenubgb {
	float: left;
	width: 278px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #e8ebef;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #e8ebef;
	}
div#contenubgb ul {
  list-style-type: square;
  }
div#contenubgb li {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
  color: #525355;
  font: 0.7em ,Verdana,sans-serif ;
  line-height: 0.5em;
  }
div#contenubgb li a {
  color: #525355;
  text-decoration: none;
  }
div#contenubgb li a:hover {
  color: red;
  text-decoration: none;
  }
div#contenubgc {
	float: left;
	width: 280px;
	height: 24px;
	background: url(../img/box-menu-c.jpg) left top no-repeat;
	}
	}

div#footer p {
	padding: 0 10px;
	}

div#footer {
  float: left;
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: 0.7em;
	padding-top: 5px;
	color: #525355;
	background: url(../img/footer.jpg) left top no-repeat;
	}

