*{
margin:0;
padding:0;
}

body{
font: 80% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 background-image:url("test.png");
 height:100%;
}
html{
height:100%;
}
h1{
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	font-size : 40px;
	text-transform:uppercase;
	color:#FFFFFF;
}
h3{
	text-align:center;
	font-family:Helvetica,"Trebuchet MS",Verdana,sans-serif;
	font-size : 20px;
	color:#FFFFFF;
}

#tabs-1 a img,:link img,:visited img {border: none;text-decoration:none;color: #11AA11;}    
#tabs-1 a:visited{border: none;text-decoration:none;color: #11AA11;}    
#tabs-1 a:link {  
	text-decoration:none;
  	padding: 0 2px;   
	color: #11AA11;	
}
#tabs-1 a:hover { font-style:italic;}
#tabs-2 a img,:link img,:visited img {border: none;text-decoration:none;color: #ff5A08;}    
#tabs-2 a:visited{border: none;text-decoration:none;color: #ff5A08;}    
#tabs-2 a:link {  
	text-decoration:none;
  	padding: 0 2px;   
	color: #ff5A08;	
}                                                                                                              

#tabs-2 a:hover { font-style:italic;} 

#global{
	border:none;
	top:0px;
	padding:5px;
	margin:auto;
	width:800px;
	/*background:#FFFFFF;*/
	/*height:100%;*/
	
	}
.acceuil{
	/*color:#FFFFFF;*/
	padding : 10px;
	font-family:Helvetica,"Trebuchet MS",Verdana,sans-serif;
	font-size : 12px;
	font-style:italic;
}
.Container{
cursor : pointer;
  color: #fff;
  font-size :6pt;
  border:1px  solid #000; 
  padding:5px;
  margin:10px; 
	float:top;
	/*top:200px;*/ 
	width:250px;
	height:20px;
	  /*line-height:200px; */
	text-align:left;
}
.Container div{
text-align:center;
}

              
/* classe appliquée par jquery */
.tabs{
	height:200px;
}
.SITE{ 
  background: #4AFA50;
 /*top:140px; */
}
.GMS{ 
  background: #FA4537  ;

}
.UNIX{ 
 background: #5F9EA0;
}
/* ----------------- */
.contenu{
	padding:5px;
	margin :10px;
position:absolute;
width:400px;
right:300px;
/**********/
top : 100px;
/**********/
}