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 {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
  float: left;
  padding-bottom: 20px;
  overflow: auto; 
  width: 980px;
  height: 350px;
  background: url(../img/center.jpg) left top no-repeat;
	}
div#contenuhg {
	float: left;
	width: 240px;
	padding-top: 120px;
	/*background-color: #333333;*/
	/*padding-left: 10px;*/
	}
div#contenuhg h3 {
	padding-left: 30px;
  color: #000;
  font: 0.7em Verdana,sans-serif ;
	}
div#contenuhg h3 a {
  color: #000;
  text-decoration: none;
  }
div#contenuhd {
	float: right;
	width: 420px;
	background-color: #222222;
	}

/*div#box{
  float: left;
  width: 248px;
  height: 170px;
  background: url(../img/box.jpg) left top no-repeat;
  overflow: auto;
  }*/
div#box-diag{
  float: left;
  width: 248px;
  height: 170px;
  background: url(../img/box-diag.jpg) left top no-repeat;
  overflow: auto;
  }
div#box-edd{
  float: left;
  width: 248px;
  height: 170px;
  background: url(../img/box-edd.jpg) left top no-repeat;
  overflow: auto;
  }
div#box-expertise{
  float: left;
  width: 248px;
  height: 170px;
  background: url(../img/box-expertise.jpg) left top no-repeat;
  overflow: auto;
  }
.box-titre {
  /*background: green;*/
  margin-top: 12px;
  margin-left: 15px;
  margin-right: 27px;
  text-align: center;
  color: #000;
	font: small-caps 0.9em Verdana,sans-serif;
	font-weight: bold;
  }
.box-text {
  margin-top: 8px;
  margin-left: 15px;
  margin-right: 85px;
  text-align: left;
  color: #000;
	font: 0.7em Verdana,sans-serif;
	line-height: 1.5em;
	text-decoration: none;
}
.box-text a {
  text-decoration: none;
  color: #000;
  }
.box-text a:hover {
  text-decoration: underline;
  color: red;
  }
div#boxd{
  float: right;
  width: 236px;
  height: 150px;
  background: url(../img/box.jpg) left top no-repeat;
  overflow: auto;
  }
.box-form {
  float: left;
  /*background: green;*/
  height: 60px;
  width: 217px;
  }

.cssform select {
  float: left;
  margin-top: 8px;
  margin-left: 15px;
  margin-right: 15px;
  width: 200px;
  font: 0.7em Verdana,sans-serif;
}
.boxd-text {
  float: left;
  /*background: green;*/
  margin-top: 37px;
  margin-left: 15px;
  text-align: left;
  color: #000;
	font: 0.7em Verdana,sans-serif;
	line-height: 1.5em;
	text-decoration: none;
}
.boxd-text a {
  text-decoration: none;
  color: #000;
  }
.boxd-text a:hover {
  text-decoration: underline;
  color: red;
  }
div#footer p {
	padding: 0 10px;
	}
.news{
  float: left;
  width: 100%;
  /*background: red;*/
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-width:1px;
  border-style:solid;
  border-color:#d2d4d5;
  overflow: auto;
	}
.news-rub{
  float: left;
  /*height: 30px;*/
  width: 965px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  margin-bottom: 5px;
  color: #000;
	font: small-caps 0.9em Verdana,sans-serif;
	font-weight: bold;
  overflow: auto;
	}
.news-img{
  float: left;
  width: 113px;
  height: 85px;
  margin-left: 15px;
  border-width:1px;
  border-style:solid;
  border-color:#000;
  background: url(../img/7gaz.gif) left top no-repeat;
  overflow: auto;
	}
.news-img2{
  float: left;
  width: 113px;
  height: 85px;
  margin-left: 15px;
  border-width:1px;
  border-style:solid;
  border-color:#000;
  background: url(../img/expertise-savoie.jpg) left top no-repeat;
  overflow: auto;
	}
.news-text{
  float: left;
  width: 825px;
  /*height: 85px;*/
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 10px;
  color: #000;
  font: 0.7em Verdana,sans-serif;
  line-height: 1.5em;
  overflow: auto;
	}
.news-text h3 a{
  font: 0.9em Verdana,sans-serif;
  font-weight: bold;
  color: #3f5789;
  text-decoration: none;
}
.news-text a:hover {
  text-decoration: underline;
  color: #d91419;
  }
div#footer {
  float: left;
	width: 100%;
	/*bottom: 0;*/
	/*margin: 2px 0;*/
	text-align: center;
	font-size: 0.7em;
	color: #5c5c5c;
	}

