/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 15, 2011 */



@font-face {
    font-family: 'AFBatterseaMedium';
    src: url('afbattersea-medium-webfont.eot');
    src: url('afbattersea-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('afbattersea-medium-webfont.woff') format('woff'),
         url('afbattersea-medium-webfont.ttf') format('truetype'),
         url('afbattersea-medium-webfont.svg#AFBatterseaMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AFBatterseaRegular';
    src: url('afbattersea-webfont.eot');
    src: url('afbattersea-webfont.eot?#iefix') format('embedded-opentype'),
         url('afbattersea-webfont.woff') format('woff'),
         url('afbattersea-webfont.ttf') format('truetype'),
         url('afbattersea-webfont.svg#AFBatterseaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body, .tabs {
	margin:0;
	padding: 0;
}
#container {
	width: 90%;
	margin: 0px auto;
}
#main_content{
	position:relative;
	left:7%;
	width: 95%;
	top: -10px;
}
#desc {
	text-transform:uppercase;
	position:relative;
	left: 16px;
	width: 170px;
	top:-15px;
}
#txt {
	position:relative;
	font: 11px/1.2em 'Arial';
	left: 16px;
	width: 170px;
	top:-10px;
	padding-bottom: 5px;
}
.tabs {
	background-color: #000000;
    bottom: 0;
    height: 31px;
    overflow: hidden;
    padding-left: 986px;
    position: fixed;
	left:-900px;
    width: 300px;
}
.tabs li {
	float:  right;
	margin: 0;
	overflow: hidden;
	background-color: #000;
}
.tabs li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font: bold 11px/11px 'Arial';
	text-transform: uppercase;
	padding: 10px 15px;
	border-right: 1px solid #fff;
	position:relative;
	top:-3px;
}

.tabs li a:hover {
	background-color: #FFFF33;
	color:#000000
}

.tabs li.active a {
	color:  #000;
	background-color: #FFFF33;
}
.hybride-img{
	/*background:url(../../images/hybride_degrade.png) no-repeat;*/
	border:none !important;
}
.col2{
	width:50%;
	float:left;
}
.col2 #desc{
	top:0px !important;
}
.col2 #txt, .col2 p{
	top:0px !important;
	width: 95% !important;
}
#img-hybride, #hybride-img, .panels { width:100% !important; height: 100% !important; display:block; overflow:hidden}
.hybride-img { width:100%; height: 100%; position:relative}
#img-hybride .tabs {top:0;}