#onglets {
	position: relative;
	width: 80%;
	height: 200px;
	margin: 0 auto 1.4em auto;
	background-color: white;
	padding: 0;
}

#onglets > li {
	max-height: 1.2em;
	list-style: none;
	float: left;
	margin: 0 0.4em 0 0;
	color: inherit;
	background-color: inherit;
	height: inherit;
}

#onglets > li > a:first-child {
	color: inherit;
	background-color: inherit;
	text-decoration: none;
	padding: 0 0.3em;
}

#onglets > li > a:first-child:hover {
	text-decoration: underline;
}

#onglets > li > div {

	position: absolute;
	display: block;
	top: 1.2em; left: 0;

	color: inherit;
	background-color: inherit;

	margin: 0;
	padding: 0 1em;

	height: 100%;
	width: 100%;
	z-index: 1;
	overflow: auto;
}

#onglets > li:target > div {
	z-index: 3;
}


#onglets > li:not(:target) {
	opacity: 0.5;
}

#onglets > li:not(:target):hover {
	opacity: 1.0;
}

#onglets > li:not(:target) > div {
	
}
#onglets > li:not([id]) {
	display: block;
	opacity: 1.0;
}

#onglets > li:not([id]) > div {
	z-index: 2;
}



#onglets #RED { background-color: red; }
#onglets #BLUE { background-color: blue; color: white; }
#onglets #GREEN { background-color: green; }
#onglets #YELLOW { background-color: yellow; }
#onglets #PINK { background-color: pink; }