* {
	padding:0;
	margin:0;
	border:0;
}
body {
	margin: 0;
	padding: 0;
	background:#333 url(../images/fdPage.jpg) repeat-x;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}
#tout {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

/* Styles -----------------------------------------------------------*/

a {
	color:#ABDA4D;
	text-decoration:none;
}
a:hover {
	color:#FFF;
}
h1 {
	font: normal 21px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	padding: 15px 0 15px 0;
}
h2 {
	font: normal 15px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	padding: 10px 0 10px 0;
	color:#ABDA4D;
}
p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
}
.floatGche{
	float:left;
}
.floatDte{
	float:right;
	padding:0 0 0 15px;
}
.padBasDte{
	padding: 3px 15px 10px 0;
}
.anim{
	float:right;
	padding:0;
}
.clear {
	clear:both;
}
.vert{
	color:#ABDA4D;
}
.bullet{
	vertical-align:-2px;
	
}
.legende{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}
.petit{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

/* Entete et menus -----------------------------------------------------------*/

#entete {
	width:930px;
	height:222px;
	margin:0 auto;
	padding:0 0px 0 0;
	
}
#menu {
	width:600px;
	height:40px;
	padding:60px 0 0 0;
	background: url(../images/tuyaux.jpg) no-repeat right top;
	margin: 0 0 0 330px;
}
#btnPresentation a {
	display:block;
	float:left;
	background: url(../images/btnPresentationOff.jpg) no-repeat;
	width:145px;
	height:40px;
	text-indent:-9999px;
}
#btnPresentation a:hover {
	background: url(../images/btnPresentationOn.jpg) no-repeat;
}
#btnCompetences a {
	display:block;
	float:left;
	background: url(../images/btnCompetencesOff.jpg) no-repeat bottom;
	width:140px;
	height:40px;
	text-indent:-9999px;
}
#btnCompetences a:hover {
	background: url(../images/btnCompetencesOn.jpg) no-repeat;
}
#btnDomaines a {
	display:block;
	float:left;
	background: url(../images/btnDomainesOff.jpg) no-repeat;
	width:120px;
	height:40px;
	text-indent:-9999px;
}
#btnDomaines a:hover {
	background: url(../images/btnDomainesOn.jpg) no-repeat;
}
#btnContact a {
	display:block;
	float:left;
	background: url(../images/btnContactOff.jpg) no-repeat;
	width:100px;
	height:40px;
	text-indent:-9999px;
}
#btnContact a:hover {
	background: url(../images/btnContactOn.jpg) no-repeat;
}
#sousMenu {
	width: 465px;
	height: 122px;
	background: url(../images/ecranCable.jpg) no-repeat left top;
	margin: 0 0 0 330px;
	padding: 0 0 0 90px;
}
#btnNucleaire a {
	display:block;
	float:left;
	background: url(../images/btnNucleaireOff.jpg) no-repeat;
	width:96px;
	height:32px;
	text-indent:-9999px;
}
#btnNucleaire a:hover {
	background: url(../images/btnNucleaireOn.jpg) no-repeat;
}
#btnNucleaire a.actif {
	background: url(../images/btnNucleaireActif.jpg) no-repeat;
}
#btnIndustrie a {
	display:block;
	float:left;
	background: url(../images/btnIndustrieOff.jpg) no-repeat;
	width:77px;
	height:32px;
	text-indent:-9999px;
}
#btnIndustrie a:hover {
	background: url(../images/btnIndustrieOn.jpg) no-repeat;
}
#btnIndustrie a.actif {
	background: url(../images/btnIndustrieActif.jpg) no-repeat;
}
#btnLaboratoire a {
	display:block;
	float:left;
	background: url(../images/btnLaboratoireOff.jpg) no-repeat;
	width:97px;
	height:32px;
	text-indent:-9999px;
}
#btnLaboratoire a:hover {
	background: url(../images/btnLaboratoireOn.jpg) no-repeat;
}
#btnLaboratoire a.actif {
	background: url(../images/btnLaboratoireActif.jpg) no-repeat;
}
#btnCapteurs a {
	display:block;
	float:left;
	background: url(../images/btnCapteursOff.jpg) no-repeat;
	width:83px;
	height:32px;
	text-indent:-9999px;
}
#btnCapteurs a:hover {
	background: url(../images/btnCapteursOn.jpg) no-repeat;
}
#btnCapteurs a.actif {
	background: url(../images/btnCapteursActif.jpg) no-repeat;
}
#btnEnvironnement a {
	display:block;
	float:left;
	background: url(../images/btnEnvironnementOff.jpg) no-repeat;
	width:112px;
	height:32px;
	text-indent:-9999px;
}
#btnEnvironnement a:hover {
	background: url(../images/btnEnvironnementOn.jpg) no-repeat;
}
#btnEnvironnement a.actif {
	background: url(../images/btnEnvironnementActif.jpg) no-repeat;
}

/* Contenu -----------------------------------------------------------*/

#contenu {
	width:780px;
	padding:20px 30px 5px 30px;
	margin:0 auto;
}
#sousRub {
	float:right;
	font: normal 13px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
}
#sousRub a {
	color:#888;
}
#sousRub a:hover {
	color:#FFF;
}
ul{
	list-style:none;
	padding-left:15px;
}
ul li{
	margin:0;
	padding: 0 0 4px 12px;
	background: url(../images/puce.jpg) no-repeat left 4px;
	text-decoration:none;
}
ul.listeV {
	float:left;
	font: normal 13px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	padding-right: 50px;
}
ul.listeV li{
	margin:0;
	padding: 0 0 10px 15px;
	background: url(../images/puceV.jpg) no-repeat left 2px;
	text-decoration:none;
}
.rubDom {
	float:left;
	margin:0;
	padding:0 10px 5px 10px;
	border-left:dotted 1px #ccc;
	/*width:237px;*/
}
a div.rubDom{
	color:#FFF;
}
a:hover div.rubDom {
	color:#ABDA4D;
}
.miniRub {
	float:left;
	padding: 5px;
	margin: 5px;
	background:#666666;
}
.gpeDetail {
	float:left;
	padding: 10px 10px 0 0;
	margin: 0 20px 0 0;
	border-right:dotted 1px #ccc;
}
.imgMini {
	width:8px;
	height:8px;
	margin: 10px 5px 0 0;
	background:#aaa;
}
.imgMini:hover {
	background:#abda4d;
}
.displayNon {
	display:none;
}
.retour{
	clear:both;
	text-align:right;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}
.retour a{
	background: url(../images/flecheRetourOff.png) no-repeat right -2px;
	color:#ADBA4D;
	padding:0 13px 0 0;
}
.retour a:hover{
	background: url(../images/flecheRetourOn.png) no-repeat right -2px;
	color:#FFF;
}

/* Pied de page -----------------------------------------------------------*/

#pied {
	width:780px;
	padding:3px 30px 5px 30px;
	margin:0 auto;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	border-top:dashed 1px #ccc;
}
#pied a{
	color:#999;
}
#pied a:hover{
	color:#FFF;
}

/* Formulaire ----------------------------------------------------------*/

.contact {
	width: 465px;
	float:right;
	margin: 0 0 0 20px;
	padding:10px 0 10px 50px;
	border-left:dotted 1px #999;
}
.contact h3 {
	font: normal 13px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color: #ccc;
	padding-bottom:5px;
}
input, select, textarea {
	font-size: 10px;
}
textarea {
	padding: 6px;
}
.contact form fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}
.contact form p {
	font-size: 9px;
	padding: 5px 0px;
	margin: 0px;
	color: #99aa99;
}
.contact form label {
	display: block;
	padding: 0px 0px 5px 0px;
}
.contact form label em {
	font-size: 7px;
	text-transform:uppercase;
	font-weight: bold;
	color: #99cc00;
	font-style: normal;
}
.contact form input, .contact form textarea {
	color : #6a7d6d; border: none; background: #f4fbdc; padding: 3px 0px;
}
.champsGche {
	float:left;
	margin: 0 20px 0 0;
}
input.on, textarea.on {
	color : #333; border: none; background: #dfff9e; padding: 3px 0px;
}
input.on:hover, textarea.on:hover, input.on:focus, textarea.on:focus, input.onIE, textarea.onIE {
	color : #333; border: none; background: #dfff9e; padding: 3px 0px;
}
form.listeMachines select {
	color : #aaa; border:solid 1px #555; background: #222; padding:0px; width:230px;
}