/* CSS Document */

/* entete */

#logo {
	position:fixed;
	left:339px;
	top:0px;
	width : 100%;
	height : 130px;
	background : #000000 url('../images/ik-logo-page.jpg') no-repeat left top;
	z-index:1;
}

#curriculum {
	position : absolute;
	left : -133px;
	top : 17px;
	width : 133px;
	height : 15px;
	z-index : 3;
	background : transparent url('../images/curriculum-page.gif') no-repeat center center;
}

#references {
	position : absolute;
	left : -224px;
	top : 52px;
	width : 224px;
	height : 15px;
	z-index : 3;
	background : transparent url('../images/references-page.gif') no-repeat center center;
}

#photos {
	position : absolute;
	left : 118px;
	top : 15px;
	width : 217px;
	height : 15px;
	z-index : 3;
	background : transparent url('../images/photos-page.gif') no-repeat center center;
}

#demos {
	position : absolute;
	left : 118px;
	top : 37px;
	width : 130px;
	height : 15px;
	z-index : 3;
	background : transparent url('../images/demos-page.gif') no-repeat center center;
}

#sourire {
	width : 100%;
	height : 26px;
	position : absolute;
	left : -339px;
	top : 130px;
	z-index : 2;
	background : #000000 url('../images/sourire.jpg') no-repeat left center;
}

#textCurriculum {
	position : absolute;
	left : -280px;
	top : 17px;
	z-index : 4;
	text-align : center;
}

#textReferences {
	position : absolute;
	left : -328px;
	top : 52px;
	z-index : 4;
	text-align : center;
}

#textPhotos {
	position : absolute;
	left : 283px;
	top : 17px;
	width : 167px;
	height : 178px;
	z-index : 4;
	text-align : center;
}

#textDemos {
	position : absolute;
	left : 248px;
	top : 40px;
	z-index : 4;
	text-align : center;
}

#johnAkaIkonea {
	position : absolute;
	left : -111px;
	top : 120px;
	z-index : 4;
	color : #808080;
	font-size : 10px;
}

#mail {
	position : absolute;
	left : 115px;
	top : 118px;
	z-index : 4;
	white-space : nowrap;
}

#ki {
	position : absolute;
	left : -339px;
	top : 0px;
	width : 339px;
	height : 130px;
	background : transparent url('../images/ki.jpg') no-repeat center center;
}

#ik {
	position : absolute;
	left : 118px;
	top : 0px;
	width : 339px;
	height : 130px;
	background : transparent url('../images/ik.jpg') no-repeat center center;
}

/* page */
#corps {
	margin-top : 160px;
	margin-left : 5px;
	margin-right : 5px;
}

#onglets {
	float : left;
	width : 18%;
	z-index : 2;
	border-top : 1px solid #a29928;
	margin-top : 26px;
}

.onglet {
	background : transparent url(../images/decors-menu.gif) repeat-x left bottom;
	border-bottom : 1px solid #a29928;
	padding : 4px;
	height : 30px;
	text-align : center;
}

.onglet:hover {
	border-bottom : 1px solid #a29928;
	padding : 4px;
	background : #a29928 url(../images/vide.gif) no-repeat left bottom;
	height : 30px;
}

#onglets a {
	color : #ffffff;
	border-style : none;
	padding : 0px;
	margin : 0px;
}

#onglets a:hover {
	color : #ffffff;
	border-style : none;
	padding : 0px;
	margin : 0px;
	cursor : pointer;
}

#details {
	width : 80%;
	float : left;
	z-index : 1;
}

.detail {
	width : 100%;
	height : 100%;
	display : none;
	margin-left : 10px;
}

#logicielsLibres {
	position : absolute;
	left : 250px;
	top : 200px;;
	width : 300px;
	background-color : #440000;
	display : none;
	z-index : 8;
	padding : 5px;
	border : 2px outset #ffffff;
}

.imgBord {
	margin-right : 5px;
	border : 0px solid #808080;
	float :left;
}

.nonLien {
	clear : both;
	color : #808080;
	font-size : 10px;
	text-align : right;
}