@import url(resources/css/default.css);

body{
	background:url('../images/background.jpg') center top no-repeat #000;	
}

body, *{
	font-family:"Segoe UI", Helvetica, Arial;	
}
.canevas{
	width:1000px;	
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.white-panel{
	background:url('../images/white_panel_03.png') top center no-repeat;
	height:440px;
	z-index:1;
}
.content-panel{
	width:550px;
	position:absolute;
	top:60px;
	left:150px;
}
.content-panel .bloc-txt{
	width:450px;
	margin-left:0px;	
}
.image-panel{
	position:absolute;
	top:0px;
	right:30px;
}
.navigation{
	background:url('../images/navigation_background.png') top left repeat-x;
	width:1195px;
	height:45px;
	margin-left:34px;
	text-align:center;
}
.navigation a{
	display:inline-block;
	color:#AAA;
	font-size:13px;
	text-decoration:none;
	text-transform:uppercase;
	padding:15px;
	margin:0px;
	margin-top:2px;
}
.navigation a:hover{
	background:#333;
}
.navigation a.active{
	background:#FFF;
	color:#333;
}
.top{
	position:relative;	
	padding-top:50px;
}
.logo{
	width:139px;
	height:139px;
	background:url('../images/2m-interactive-logo.png') no-repeat;
	position:absolute;
	top:5px;
	left:70px;
	z-index:10;
}
.shortcuts{
	position:absolute;
	top:25px;
	right:70px;
	color:#FFF;
	font-size:11px;
}
.shortcuts a{
	float:left;
	padding:3px;
	background:none;
	color:#555;
	text-decoration:none;
}
.shortcuts a:hover{
	background:#333;
	color:#FFF;
}
.canevas{
	margin-left:auto;
	margin-right:auto;
	width:1260px;
}
.clear{
	clear:both;	
}

h1{
	font-size:35px;
	padding-bottom:3px;
	margin-bottom:25px;
	color:#999;
}
h1 span{
	font-size:36px;
	font-weight:bold;
	margin-left:50px;
	color:#555;
}
p{
	margin-bottom:10px;
	font-size:14px;
	line-height:normal;
	text-align:justify;
	color:#555;
}
p strong{
	font-size:1.2em;
	color:#333;
	font-weight:normal;
	/*color:#3c315c;
	background:#ece5ff;*/
}


.topLink{
	display:inline-block;
	padding:4px;
	text-decoration:none;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	color:#111;
}
.topLink:hover{
	background:#AAA;
}

.left-bloc-sep{
	border-left:1px dotted #333;
	float:left;
	margin-top:20px;
	width:1px;
	height:90px;
	margin-left:1px;
}
.left-bloc{
	float:left;
	width:24%;
	margin:2px;
	_background:#121212;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.left-bloc-2col .left-bloc{
	width:45%;
	margin-left:20px;
	margin-right:20px;
}
.mini-bloc{
	padding:2px;	
}
.mini-bloc h2{
	font-size:20px;
	margin-bottom:2px;
	color:#AAA;
	margin-top:5px;
}
.mini-bloc p{
	font-size:12px;
	color:#555;
}
.mini-bloc a{
	color:#777;
	float:left;
	font-size:12px;

}
.customer{
	clear:both;	
	border-bottom:1px solid #111;
	margin-bottom:1px;
	padding-bottom:1px;
	background:#000;
}
.customer div.bloc{
	padding:0px;
	margin:0px;
	width:400px;
	float:left;
	margin-left:10px;
}
.customer h3{
	font-size:16px;
	margin-bottom:2px;
	margin-top:5px;
	color:#ddd;	

}
.customer p{
	color:#777;
	font-size:12px;
}
.customer a{
	color:#777;
	float:right;
	font-size:12px;
}
.customer img{
	float:right;
}

.center{ text-align:center;}


body.mceContentBody{
	background:none !important;
}