html {
	height:100%;
	width:640px;
	margin:0px;
	padding:0px;
	min-width:1070px;
	width:auto !important;
	position:relative;
	z-index:1000;
	background-color: #666666;
}
body {
	min-height:100%;
	height:100%;
	min-width:1070px;
	width:auto !important;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:1000;
	overflow:hidden
}
#frame {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto 0;
	z-index:100;
	min-width:1070px;
	width:auto !important;
	width:100%;
	background:url('http://bokolo.fr/images/design/pattern_bg_40.png');
	background-color:#1B1B1B;
	overflow:hidden
}
#frame_loading {
	background:#000000;
	min-width:1070px;
	width:100% !important;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:9999;
	display:none
}
#frame_loading2 {
	width:100%;
	height:100%;
	min-width:1070px;
	width:100% !important;
	position:fixed;
	top:0px;
	left:0px;
	z-index:9999;
	display:none;
	background:url('http://bokolo.fr/images/design/ajax-loader.gif') no-repeat center center #000000
}
#frame_loading3 {
	background:#000000;
	min-width:1070px;
	width:100% !important;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1100;
	display:none
}
#top {
	position:relative;
	height:50px;
	top:0px;
	width:100%;
	text-align:center;
	z-index:7000
}
#top_inner {
	height:50px;
	display:block;
	padding-left:90px;
	width:939px;
	margin:0px auto;
	text-align:left;
	z-index:7000
}
#top_bg {
	display:block;
	width:100%;
	height:50px;
	position:absolute;
	top:0px;
	left:0px;
	background:#000000;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity:0.60;
	opacity:0.60;
	z-index:50
}
#middle {
	text-align:center;
	position:relative;
	z-index:1000;
	width:100%
}
#middle_logo {
	position:relative;
	width:1029px;
	margin:0px auto;
	z-index:8000
}
#logo_link {
	position:absolute;
	top:-50px;
	left:-4px;
	z-index:8000
}
#middle_inner {
	text-align:left;
	position:relative;
	z-index:300;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	height:23px;
	text-align:center;
	z-index:8000;
	display:block;
	position:absolute;
	line-height:100%
}
#footer_inner {
	width:auto;
	text-align:center;
	color:#ffffff;
	font-size:11px;
	z-index:8000;
	height:23px;
	margin-top: -15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer_inner .item {
	padding-right:30px;
	z-index:8000;
	font-family:ApexSansBookTRegular;
	text-shadow:#000000 1px 1px 2px;
	float:left
}
#footer_inner .item span {
	float:left;
	margin-top:2px
}
#footer_inner .bold {
	z-index:8000;
	font-family:ApexSansBookTRegular;
	text-shadow:#000000 1px 1px 2px;
	font-size:15px;
	float:left;
	margin-top:0px !important
}
#footer_inner .extrabold {
	z-index:8000;
	font-family:ApexSansExtraBoldTRegular;
	text-shadow:#000000 1px 1px 2px;
	float:left
}
#footer_inner a.extrabold {
	color:#ffffff;
	z-index:8000;
	font-family:ApexSansExtraBoldTRegular;
	text-shadow:#000000 1px 1px 2px;
	text-decoration:none;
	float:left;
	margin-top:2px
}
#footer_inner a.extrabold:hover {
	text-decoration:none
}
#top_inner ul.menu {
	height:50px;
	display:block;
	position:relative;
	z-index:400;
	padding-left:55px
}
#top_inner ul.menu li {
	float:left;
	height:16px;
	padding-top:27px;
	padding-left:24px;
	padding-right:22px;
	margin: 15px 5px 0 5px;
    padding: 0px 5px 2px;
    height: 10px;
    border-left: 1px solid #b8b8b8;
	float:left
}
#menu li.separateur {
    margin: 0 5px 0 5px;
    padding: 0 0 2px;
    height: 16px;
    border-left: 1px solid #b8b8b8;
}
#top_inner ul.menu li a.inactive {
	font-size:14px;
	height:14px;
	line-height:14px;
	display:block;
	padding-right:10px;
	color:#8e8e8e;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
	font-family:"Trajan Pro", "Trebuchet MS"
}
#top_inner ul.menu li a.inactive:hover {
	color:#ffffff;
	text-decoration:none
}
#top_inner ul.menu li a.active {
	font-size:14px;
	height:14px;
	line-height:14px;
	display:block;
	padding-right:10px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
	font-family:"Trajan Pro", "Trebuchet MS";
	font-style: italic;
}
#top_inner ul.menu li ul {
	float:left;
	padding-left:14px;
	padding-right:27px
}
#top_inner ul.menu li ul li {
	background:none !important;
	padding-top:0px;
	padding-left:4px;
	padding-right:0px !important
}
#top_inner ul.menu li ul li a.inactive {
	font-size:12px;
	color:#8e8e8e;
	text-transform:none;
	text-decoration:none;
	font-family:"Trajan Pro", "Trebuchet MS"
}
#top_inner ul.menu li ul li a.inactive:hover {
	color:#ffffff;
	text-decoration:none
}
#top_inner ul.menu li ul li a.active {
	font-size:12px;
	color:#ffffff;
	text-transform:none;
	text-decoration:none;
	float:left;
	font-family:"Trajan Pro", "Trebuchet MS"
}
.doc-list {
	width:100%;
	height:300px;
	position:relative
}
.doc-list .doc-list-item {
	position:relative;
	margin:0px auto;
	width:100%;
	height:300px;
	overflow:hidden
}
.doc-list .product-cat {
	width:100%;
	overflow:hidden
}
.doc-list div.row {
	float:left;
	position:relative;
	height:150px;
	width:5000px
}
.doc-list div.row div.horizontal_slide_item {
	float:left;
	width:150px;
	height:150px;
	margin-right:20px;
	border: 1px solid white;
}
.doc-list .doc_list_header {
	width:inherit;
	padding-right:3px;
	padding-left:3px;
	padding-top:9px;
	height:45px;
	line-height:16px
}
.doc-list5 .doc-list-item {
	width:1057px;
	height:400px;
	padding-left:10px;
	overflow:hidden;
	display:block;
	color:#8e8e8e;
	font-size:14px;
	position:relative
}
.doc-list5 {
	width:5000px
}
.doc-list5 .product-start {
	float:left;
	margin-right:1000px
}
.doc-list5 .doc_list_5_item {
	float:left;
	width:141px;
	height:91px;
	margin-right:10px;
	margin-bottom:9px;
	position:relative;
	overflow:hidden
}
.doc-list5 .doc_list_5_item_header {
	float:left;
	margin-right:10px;
	margin-bottom:9px;
	padding-top:65px;
	font-size:13px;
	padding-left:12px;
	padding-right:8px;
	width:121px;
	height:26px;
	text-align:left;
	background:#000000;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity:0.60;
	opacity:0.60;
	font-family:ApexSansMediumTRegular;
	text-transform:normal
}
.doc-list5 .doc_list_5_item a.doc_list5_a_tag {
	position:relative;
	display:block;
	text-decoration:none;
	width:141px;
	height:91px;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity:0.50;
	opacity:0.50
}
.doc-list5 .doc_list_5_item a .doc_list5_img {
}
.doc-list5 .doc_list_5_item .doc_list5_img_overlay {
	background:#000000;
	width:141px;
	height:91px;
	position:absolute;
	top:-1000px;
	left:0px;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity:0.50;
	opacity:0.50
}
.doc-list5 .doc_list_5_item a .doc_list5_cross {
	width:70px;
	height:69px;
	padding-top:11px;
	padding-left:35px;
	position:absolute;
	top:0px;
	left:0px;
	background:transparent;
	zoom:1;
	display:none
}
.doc-list5 .doc_list_5_item .doc_list_black {
	display:block;
	width:127px;
	height:27px;
	padding-top:12px;
	padding-left:14px;
	position:absolute;
	bottom:-39px;
	left:0px;
	background:transparent;
	background:url('http://bokolo.fr/images/icons/black.png') repeat;
	z-index:500;
	font-size:12px;
	color:#ffffff;
	text-transform:none;
	text-decoration:none;
	font-family:ApexSansMediumTRegular
}
.item-content {
}
.item-content .abstract {
	font-size:11px;
	color:#ffffff;
	font-family:ApexSansMediumTRegular;
	line-height:17px;
	padding-top:10px;
	text-shadow:#000000 1px 1px 2px
}
.item-content .abstract2 {
	font-size:11px;
	color:#000000;
	font-family:ApexSansMediumTRegular;
	line-height:17px;
	padding-top:10px;
	position:absolute;
	top:1px;
	left:1px;
	z-index:500;
	display:block
}
.doc-list div.row div.horizontal_slide_item h2 {
	color:#ffffff;
	text-transform:uppercase;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-shadow:#000000 1px 1px 2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:16px
}
.doc-list div.row div.first {
}
.doc1 h1 {
	font-size:50px;
	color:#ffffff;
	font-family:"Trajan Pro", "Trebuchet MS";
	text-shadow:#000 1px 1px 2px;
	line-height:50px;
	margin:0px;
	padding:0px;
	display:block;
	width:710px;
	padding-left:2px;
	font-variant: small-caps;
	font-weight: 100;
}
.doc1 .inner-doc {
	padding-top:19px;
	font-size:13px;
	font-family:ApexSansBookTRegular;
	color:#ffffff;
	text-shadow:#000000 1px 1px 2px;
	line-height:19px;
	width:520px;
	padding-left:5px
}
.doc2 h1 {
	font-size:60px;
	color:#ffffff;
	font-family:ApexSansLightTRegular;
	line-height:60px;
	text-shadow:#000000 1px 1px 2px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px;
	padding:0px;
	display:block;
	width:710px
}
.doc2 .pos_info {
	padding-top:18px;
	padding-left:4px
}
.doc2 .pos_info .position {
	font-family:ApexSansBookTRegular;
	font-size:14px;
	color:#ffffff;
	line-height:15px;
	text-shadow:#000000 1px 1px 2px;
	font-weight:normal;
	text-transform:uppercase
}
.doc2 .pos_info .type_divider {
	font-family:ApexSansBookTRegular;
	font-size:15px;
	color:#ffffff;
	line-height:16px;
	text-shadow:#000000 1px 1px 2px;
	text-transform:uppercase
}
.doc2 .pos_info .type {
	font-family:ApexSansBookTRegular;
	font-size:14px;
	color:#ffffff;
	line-height:15px;
	font-weight:normal;
	text-shadow:#000000 1px 1px 2px;
	text-transform:uppercase
}
.doc2 .inner-doc {
	padding-top:45px;
	font-size:13px;
	font-family:ApexSansBookTRegular;
	color:#ffffff;
	text-shadow:#000000 1px 1px 2px;
	line-height:19px;
	width:520px;
	padding-left:5px
}
.doc2 .email, .doc2 .mobile {
	padding-top:20px;
	padding-left:8px
}
.doc2 .email a {
	font-size:13px;
	color:#ffffff;
	text-shadow:#000000 1px 1px 2px;
	line-height:13px;
	font-family:ApexSansBookTRegular;
	text-decoration:none;
	color:#8E8E8E
}
.doc2 .mobile {
	font-size:13px;
	color:#ffffff;
	text-shadow:#000000 1px 1px 2px;
	line-height:13px;
	font-family:ApexSansBookTRegular;
	text-decoration:none;
	color:#ffffff
}
.doc2 .email a:hover {
	color:#ffffff
}
a.no_decoration_link, a.no_decoration_link:link, a.no_decoration_link:active, a.no_decoration_link:visited, a.no_decoration_link:hover {
	border:0px;
	text-decoration:none
}
.actus {
	display:block;
	height:250px;
	width:auto
}
.clearer {
	display:block;
	height:0px;
	width:0px;
	clear:both;
	visibility:hidden
}
ul {
	padding:0px;
	margin:0px;
	list-style:none
}
li {
	padding:0px;
	margin:0px;
	list-style:none
}
a img {
	padding:0px;
	margin:0px;
	border:none;
}

.img_button {
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity:0.40;
	opacity:0.40
}
.background_fade {
	position:relative;
	position:absolute;
	width:100%;
	height:100%;
	background:black;
	top:0px;
	left:0px;
	display:none;
	z-index:500
}
#timeline {
	position:relative;
	margin-right:39px;
	margin-top:75px;
	margin-bottom:24px;
	width:903px;
	padding:0px 0px 0px 0px;
	height:100%;
	z-index:100
}
.slider-wrapper {
	overflow:hidden;
	z-index:100
}
#timeline .bg {
	position:absolute;
	width:100%;
	height:210px;
	bottom:0;
	left:0
}
#timeline.dynamic {
	position:relative;
	z-index:100
}
.timeline-arrow {
	display:block;
	position:absolute;
	width:17px;
	height:32px;
	left:0px;
	z-index:1000
}
#timeline.dynamic .slider-wrapper {
	overflow:hidden;
	position:relative
}
#timeline ul {
	position:absolute;
	width:100%;
	list-style:none;
	padding:0px;
	margin:0px;
	border-bottom:0px;
	border-top:0px;
	border-style:none;
	z-index:100
}
#timeline ul li {
	padding:0px;
	margin:0px 0px 0px 0px;
	border:0px;
	position:relative;
	z-index:100;
	height:70px;
	text-align:left
}
#timeline ul li.header .header_text {
	padding:41px 0px 16px 0px;
	margin:0px 0px 0px 0px;
	border:0px;
	position:relative;
	z-index:100;
	text-align:left;
	font-size:13px;
	color:#ffffff;
	text-transform:uppercase;
	line-height:13px;
	font-family:ApexSansBookTRegular;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity:0.50;
	opacity:0.50;
	text-shadow:#000000 1px 1px 2px
}
#timeline ul li div.timeline_seperator {
	background:#ffffff;
	height:1px;
	width:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	border:none;
	position:relative;
	filter:alpha(opacity=20);
	-moz-opacity:0.20;
	-khtml-opacity:0.20;
	opacity:0.20
}
#timeline ul .seperator {
	border-top:2px #d5d5d7 solid;
	border-bottom:0px;
	margin:0px;
	padding:0px;
	height:2px !important;
	overflow:hidden !important;
	background:black
}
#timeline ul li a {
	overflow:hidden;
	display:block;
	padding:14px 0px 0px 0px;
	margin:0px;
	text-decoration:none;
	text-transform:uppercase;
	border:0px;
	line-height:25px;
	text-align:left;
	z-index:1000;
	color:#000000;
	position:relative;
	height:55px;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
	background:url('http://bokolo.fr/images/icons/blank.gif')
}
#timeline ul li:hover {
}
#timeline ul li a:hover, #timeline ul li.selected a {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	opacity:1.0
}
#timeline ul li a span.text_container {
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	height:55px;
	width:891px
}
#timeline ul li a img {
	float:right;
	margin:0px;
	padding:1px 0px 0px 0px;
	height:38px;
	width:12px;
	display:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}
#timeline ul li a:hover img {
	display:block;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}
#timeline ul li a span.title {
	padding:10px 0px 0px 0px;
	margin:0px;
	border:0px;
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	color:#ffffff;
	font-family:ApexSansBookTRegular;
	text-shadow:#000000 1px 1px 2px
}
#timeline ul li a span.position {
	padding:10px 0px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:13px;
	line-height:13px;
	color:#ffffff;
	font-family:ApexSansBookTRegular;
	width:191px;
	display:block;
	float:left;
	overflow:hidden;
	text-shadow:#000000 1px 1px 2px
}
#timeline ul li a span.param_name {
	padding:10px 0px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:13px;
	line-height:13px;
	color:#ffffff;
	font-family:ApexSansBookTRegular;
	display:block;
	float:left;
	overflow:hidden;
	text-shadow:#000000 1px 1px 2px
}
#timeline ul li a span.param_value {
	padding:10px 0px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:13px;
	line-height:13px;
	color:#ffffff;
	font-family:ApexSansBookTRegular;
	display:block;
	float:left;
	overflow:hidden;
	text-shadow:#000000 1px 1px 2px
}
.screenshot img {
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}
#screenshot body {
	margin:0;
	padding:40px;
	background:#fff;
	font:80% Arial, Helvetica, sans-serif;
	color:#555;
	line-height:180%
}
#screenshot h1 {
	font-size:180%;
	font-weight:normal;
	color:#555
}
#screenshot h2 {
	clear:both;
	font-size:160%;
	font-weight:normal;
	color:#555;
	margin:0;
	padding:.5em 0
}
#screenshot a {
	text-decoration:none;
	color:#f30
}
#screenshot p {
	clear:both;
	margin:0;
	padding:.5em 0
}
#screenshot pre {
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;
	margin:.5em 0;
	overflow:auto;
	width:800px
}
#screenshot ul, li {
	margin:0;
	padding:0
}
#screenshot li {
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px
}
#screenshot {
	position:absolute;
	border:none;
	background:url('http://bokolo.fr/images/design/ramme_preview.png') no-repeat;
	padding:1px 1px 9px 1px;
	display:none;
	color:#000
}
#screenshot img {
	border:none;
	padding-bottom:5px
}

#large_img_outer {
}

#copyright {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	position: relative;
	z-index:8000;
	text-shadow:#000000 1px 1px 2px;
}

.citation {
	float:none;
	margin-left: 20px;
	font-style: italic;
}
.imgEnter {
	z-index:8000:
}

.construct {
	font-family:"Trajan Pro", "Trebuchet MS";
	font-size: 11px;
	text-align:center;
	color:white;

}


@font-face {
	font-family: "Trajan Pro";
	src: url('http://bokolo.fr/css/TrajanPro-Regular.otf');
}
@font-face {
	font-family: "Trajan Pro";
	font-weight: bold;
	src: url('http://bokolo.fr/css/TrajanPro-Bold.otf');
}