body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: rgb(145,200,11);

	/*background-image: url('images/fond_renesis.jpg');*/
}

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#topbar {
	width: 98%;
	height: 110px;
	margin-left: 0px;
	margin-top: 10px;
	border:0;
	overflow: hidden;
	/*background-color: white;*/
	/*border: 2px groove #999999;*/
}

#container {
	/*float: left;*/
	width: 100%;
	/*height: 100%;*/
	padding-bottom: 5px;
	/*margin-top:140px;*/
	border: 0;
	background-color: gray;
}

#content {
  /*background-color: #EECCCC;*/
  width:80%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background-color: white;
  font-family: Trebuchet MS;
  font-size: 90%;
  border: 0px;

}


#acao {
	position: relative;
	float: right;
	top: 2px;
	width: 160px;
	text-align: right;
	height: 15px;
	font-family: Verdana;
	color: #333333;
	font-size: 70%;
}


.spacer {
	clear: both;
	height: 1px;
}

img {
	border: 0;
}


#titre {
	font-family: Trebuchet MS;
	font-size: 120%;
	color: black;
	position: absolute;
	top: 102px;
	left: 270px;
	height: 16px;
	width: 226px;
	text-align: left;
	
}

a.classic{
	color: black;
	font-size: 85%;	
}
a.classic:hover{
	color: red;
	font-size: 85%;		
}
a.classic:visited{
	color: black;
	font-size: 85%;	
}

a:visited{
	color: black;
}
a:visited{
	color: black;
}

/************
* menu
*************/
div#menu {
	
	width: 80%;
	margin-left: 10%;
	font-family: Trebuchet MS;
	font-size: 90%;
	background-color: white;
	height: auto;
	font-weight: bold;
}

.submenuItem {
	position: absolute;
  	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
  	font-size: 75%;
  	font-weight: bold;
  	color: white;
	width: 120px;
	top: 80px;
	text-align: center;
	border: 0;
	visibility: hidden;
	z-index:99;
	height:38px;
	}

.menuItem {
	float: left;
  	/*background-color:rgb(179,204,182);*/
  	font-family: Trebuchet MS;
  	font-size: 80%;
  	padding: 0px 20px 0px 20px;
  	font-style: italic;  	
  	text-align: center;
	border-right: solid 1px black;
	
  }


.submenuItemCurrent {
	color: rgb(179,204,182);
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 80%;
}
.currentPage{
	float: left;
	background-color:white;
	color: #3A5180;
	font-family: Trebuchet MS;
	padding: 0px 20px 0px 20px;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	font-style: italic;
	border-right: solid 1px black;

}

#menuTitrePage {
  	position: absolute;
  	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
  	font-size: 30px; 
  	color: rgb(120,167,126);
  	right: 5%; /*340px;*/
  	margin-left: 0px;
  	top: 7px;
  	height: 44px;
  	width: 600px;
  	text-align: right;
  	z-index: 10;
  	overflow: hidden;
  }
 #menuBox {
  	/*position: absolute;*/
	top: 67px;
  	width:100%;
  	text-align: right;
	z-index:2;
	border: 0;
  }

  #pad {
	width: 20px;
	padding:0;
	border:0;
	margin:0;

  }
a.menu {
	color: black;
	text-decoration: none;
	display : block;
}

a.menu:hover{
	color: #3A5180;
	
	
	
}
a.composante{
color :rgb(145,200,11);
text-decoration:none;
font-weight:bold;
}

/******* PAGE main.php **********/
	
input[type=text],select,textarea{
border : 1px solid #DDDDDD ;
width:150px;
font-size: 85%;
font-family: Arial;
}


table{
 border-collapse:collapse;
 background-color : white;
 width:100%;
 }
 
th{
display : table-cell;
}

.table td{
	border : 1px solid gray;
	width:20%;
}
table.popup{
	font-family: Trebuchet MS;	
	font-size: 90%;	
}


div.textbox {
	width:90%;
	/*margin-left: 10%;
	margin-right: 10%;*/
	background-color: #F5F7F5;
	border: 1px solid #666666;
	padding: 10px 0 10px 3px;
	font-size: 100%;
	color:#666666;
}
#error{
	position:absolute;
	right:100px;
}
div.error {
  	margin-top: 5px;
  	margin-bottom : 10px;
  	background-color: #FF7700;
  	color: white;
  	/*font-weight: bold;*/
  	width : 300px;
  	padding: 4px;
  	border: 1px solid #CCCCCC;
  }
div.success {
  	margin-top: 5px;
  	margin-bottom : 10px;
  	background-color: green;
  	color: white;
  	/*font-weight: bold;*/
  	width : 300px;
  	padding: 4px;
  	border: 1px solid #CCCCCC;
  }
  .formlist{
  border : 1px solid #DDDDDD ;
	width:220px;
	overflow-y: hidden;
  }
  
.parametres input[type="text"],select{
	width:350px;
}
.parametres_import input[type="text"],select{
	width:auto;
	max-width:150px;
}
.parametres input[type="checkbox"]{
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
	vertical-align:middle;
	height:17px;
}
.parametres label{
   	display: block;
   	clear: none;
	margin-left: 20px;
	padding-bottom:5px;
}

.gemrcnlist{
	display:none;
	border:1px solid black;
	padding:5px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#dddddd') progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='gray');
	-moz-box-shadow :3px 3px 4px gray;
	-webkit-box-shadow :3px 3px 4px gray;
	box-shadow:3px 3px 4px gray;
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#dddddd') progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='gray');
	position:absolute;
	top:300px;
	left:400px;
	width:500px;
	background-color:#DDDDDD;
}

#grammageForm th{
	font-size:11px;
	width:240px;
}
#grammageForm {
	text-align:center;
}