@font-face { 
    font-family: 'octopepper'; 
    src: local('Titillium'), local('Titillium'), url('TitilliumText1.otf') format('opentype'); 
} 

body{
	background-image:url(../img/bg_octopepper.gif);
}

#contenant{
	width : 1000px;
}

#gauche{
	float : left;
	margin-left:70px;
	margin-top:56px;
	width:470px;
}

.box_top{
	background-image:url(../img/plus.png);
	background-repeat: no-repeat;
	height:100px;
	font-family : octopepper, Arial, Helvetica, FreeSans, sans-serif;
	padding-bottom : 10px;
}
.titre_box_top{
	font-size:20px;
	color : #fff;
	text-transform:uppercase;
	margin-left : 50px;
	padding-top : 11px;
	padding-bottom:2px;
}
.texte_box_top{
	font-size:16px;
	color : #696969;
	text-transform:uppercase;
	margin-left : 50px;
}
.lien_box_top{
	color : #d91a7e;
	text-transform:uppercase;
	font-size : 9px;
	float : right;
	margin-top : 16px;
	font-family : Arial, Helvetica, FreeSans, sans-serif;
	background-color:#050505;
	padding:1px;
}
.lien_box_top a{
	color : #d91a7e;
	text-decoration:none;
	outline:none;
}

.box{
	font-family : Arial, Helvetica, FreeSans, sans-serif;
	height:120px;
}
.titre_box{
	font-size:20px;
	color : #fff;
	text-transform:uppercase;
	margin-top : 20px;
	font-family : octopepper, Arial, Helvetica, FreeSans, sans-serif;
	border-bottom : 2px solid #242424;
	cursor : pointer;
}
.titre_box_market{
	font-size:20px;
	color : #fff;
	text-transform:uppercase;
	margin-top : 20px;
	font-family : octopepper, Arial, Helvetica, FreeSans, sans-serif;
	border-bottom : 2px solid #242424;
}
.border{
	border-top : 1px solid #3a3a3a;
	border-bottom : 2px solid #242424;
	margin-bottom : 10px;
}
.texte_box_market{
	height: 80px;
	font-size : 9px;
	color:#9a9a9a;
}
.hash{
	float : left;
}
.texte_box_market p{
	padding : 0px;
	margin:0px;
	font-size : 10px;
}
.texte_box_market p a{
	color:#9a9a9a;
	text-decoration:none;
	outline:none;
}
.texte_box_market p a:hover{
	color:#fff;
}
.twit{
	color : #d91a7e;
	text-transform:uppercase;
	margin-right : 3px;
}
.puces{
	float:left;
	margin-top : 10px;
}
#puce_active{
	background-color:#d3187b;
	cursor: default;
}
.puce{
	width :8px;
	height : 8px;
	-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
	background-color:#300a1e;
	float:right;
	margin:0px 2px;
	cursor:pointer;
}
.texte_box{
	font-size : 10px;
	color:#9a9a9a;
}
.texte_box a{
	color : #d91a7e;
}
.lien_box{
	color : #d91a7e;
	text-transform:uppercase;
	font-size : 9px;
	float : right;
	font-family : Arial, Helvetica, FreeSans, sans-serif;
	margin-top : 8px;
	cursor:pointer;
}
.lien_box a{
	color : #d91a7e;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}
#careers_texte a{
	float:left;
	text-transform:uppercase;
	width : 100px;
	text-decoration:none;
	text-align : right;
}
#careers_texte span{
	float:left;
	width : 370px;
}
#contact_texte .mails{
	float:left;
	width : 200px;
	text-align : right;
}
#contact_texte span{
	float:left;
	width : 270px;
}
#white{
	color:#fff;
}

#droite{
	float:left;
	width : 470px;
	margin-left : 30px;
	margin-top:56px;
}
#logo{
	background-image:url(../img/octopepper_logo.png);
	background-repeat: no-repeat;
	background-position:right;
	height:52px;
	margin-bottom : 438px;
}