/* - - - - - - - - - - - - - - - - - -

Title : Default CSS
Author : JAS
URL : http://www.allmer.fr

- - - - - - - - - - - - - - - - - - */

/* ____ Global ____ */
html, body {
	font-family: "Lucida Grande", "Trebuchet MS";
	font-size: 0.8em;
	background: url(../images/header_1px.jpg) repeat-x;
	margin:0px;
}

h1 {font: normal 1.8em sans-serif; color: #000; border-bottom: 1px solid #003366;}
h2 {font: normal 1.6em sans-serif; color: #666;}
h3 {font: normal 1.4em sans-serif; color: #333; border-bottom: 1px solid #999;}
h4 {font: bold 1.0em sans-serif; color: #222;}
.small {font-size: 0.9em; color: #555;}

/* ____ Misc ____ */
.clear,.clearer {clear: both;}
.clearer {font-size: 0;}
.split .left {float: left; width: 460px; padding: 10px 20px 0px 15px;}
.split .right {float: right; width: 300px; padding: 25px 50px 0px 0px;}

/* ____ Block list ____ */
ul.block {
	border-top: 1px dotted #ddd;
	margin: 2px 0;
	padding: 0;
	width: 100%;
}
.block li {
	border-bottom: 1px dotted #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #000;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 2px 3%;
	text-decoration: none;
	width: 95%;
}
.block li a span {font-weight: bold;}
.block li a:hover, .block li a#active {background: #333; color: #ffcc00;}

.right .block,.right .block li {border-color: 1px dotted #BCBAAC;}
.right .block li a:hover {background: #333;}

.feed {
	margin-left: 3px;
	padding: 0 0 0 20px;
	background: url(../feed-icon.png) no-repeat 0 50%;
}

/* ____ Headers ____ */
#news {
	margin: 0 auto;
	width:1000px;
	height:200px;
	background: url(../images/news_header.jpg) no-repeat;
	position: relative;
	z-index:5;}
#news li.btn_news a{
	color: #fff;
	text-decoration: none;
	border-top: 3px solid #cc0000;
	padding: 9px 16px 12px;}
	
#figaro {
	margin: 0 auto;
	width:1000px;
	height:200px;
	background: url(../images/figaro_header.jpg) no-repeat;
	position: relative;
	z-index:5;}
#figaro li.btn_figaro a{
	color: #fff;
	text-decoration: none;
	border-top: 3px solid #cc0000;
	padding: 9px 16px 12px;}
	
#hdr {
	margin: 0 auto;
	width:1000px;
	height:200px;
	background: url(../images/home_header.jpg) no-repeat;
	position: relative;
	z-index:5;}
#hdr li.btn_home a{
	color: #fff;
	text-decoration: none;
	border-top: 3px solid #cc0000;
	padding: 9px 16px 12px;}

#f9 {
	margin: 0 auto;
	width:1000px;
	height:200px;
	background: url(../images/f9_header.jpg) no-repeat;
	position: relative;
	z-index:5;}
#f9 li.btn_f9 a{
	color: #fff;
	text-decoration: none;
	border-top: 3px solid #cc0000;
	padding: 9px 16px 12px;}

#f9pro {
	margin: 0 auto;
	width:1000px;
	height:200px;
	background: url(../images/f9pro_header.jpg) no-repeat;
	position: relative;
	z-index:5;}
#f9pro li.btn_f9pro a{
	color: #fff;
	text-decoration: none;
	border-top: 3px solid #cc0000;
	padding: 9px 16px 12px;}

#f7 {
	margin: 0 auto;
	width:1000px;
	height:200px;
	background: url(../images/f7_header.jpg) no-repeat;
	position: relative;
	z-index:5;}
#f7 li.btn_f7 a{
	color: #fff;
	text-decoration: none;
	border-top: 3px solid #cc0000;
	padding: 9px 16px 12px;}

#f5 {
	margin: 0 auto;
	width:1000px;
	height:200px;
	background: url(../images/f5_header.jpg) no-repeat;
	position: relative;
	z-index:5;}
#f5 li.btn_f5 a{
	color: #fff;
	text-decoration: none;
	border-top: 3px solid #cc0000;
	padding: 9px 16px 12px;}

#flot {
	margin: 0 auto;
	width:1000px;
	height:200px;
	background: url(../images/flot_header.jpg) no-repeat;
	position: relative;
	z-index:5;}
#flot li.btn_flot a{
	color: #fff;
	text-decoration: none;
	border-top: 3px solid #cc0000;
	padding: 9px 16px 12px;}

#after {
	margin: 0 auto;
	width:1000px;
	height:200px;
	background: url(../images/after_header.jpg) no-repeat;
	position: relative;
	z-index:5;}
#after li.btn_after a{
	color: #fff;
	text-decoration: none;
	border-top: 3px solid #cc0000;
	padding: 9px 16px 12px;}

#contact {
	margin: 0 auto;
	width:1000px;
	height:200px;
	background: url(../images/contact_header.jpg) no-repeat;
	position: relative;
	z-index:5;}
#contact li.btn_contact a {
	color: #fff;
	text-decoration: none;
	border-top: 3px solid #cc0000;
	padding: 9px 16px 12px;
}
.htit {
	color:#000;
	text-align:center;
	margin:0px 0 0 0;
	font-size:12px;
}

/* ____ Top Navigation ____ */
.topnav {
	width: 100%;
	margin: 160px 0 0 0;
	float: left;
	padding: 0;
	background: #000 url(../images/topnav_stretch.jpg) repeat-x;
}
.topnav ul{
	width: 870px;
	margin: 0 auto;
	padding: 0 25px;
	height: 46px;
	background: url(../images/bg_topnav.jpg) no-repeat left top;
}
.topnav li{
     margin: 0;
     float: left;
     list-style: none;
	 text-align:center;
	 font-size: 1.0em;
}
.topnav a{
     color: #999;
     text-decoration: none;
	 display:block;
	 padding: 12px 16px 12px;
	 text-transform: uppercase;
}
.topnav a:hover{
	color: #fff;
	text-decoration: none;
	display:block;
	padding: 9px 16px 12px;
	border-top: 3px solid #cc0000;
}
.topnav a:activ{
	color: #fff;
	text-decoration: none;
	display:block;
	padding: 9px 16px 12px;
	border-top: 3px solid #cc0000;
}
.banner {
	float: left;
	width: 100%;
	height: 200px;
}
.banner div {
	margin: 0 auto;
	background:url(../images/HP_banner.jpg) no-repeat left 0;
	width: 920px;
	height: 200px;
	display:block;
}
.banner img {
	padding: 40px 20px;
	display: block;
}
.banner a , .banner a:hover{
	border: 0;
	color: #fff;
	font-size: 1.1em;
}
a {
	color: #1d68af;
}

/* ____ Menu ____ */
#menu {
	width:592px !important;
	width:620px;
	height:194px;
	margin:30px auto;
}
#menu a {
	display:block;
	width:128px;
	text-align: center;
	font-size:18px;
	color:#A1A1A1;
	text-decoration:none;
	padding:140px 0 0 0;
	float:left;
	margin:0 10px;
}
#menu a:hover {
	color:#000;
}
.menu_freeb {
	background: url(../images/icons/download_128.png) no-repeat;
	background-position:0px 4px;
}
.menu_grap {
	background: url(../images/icons/palette_128.png) no-repeat;
}
.menu_frm {
	background: url(../images/icons/comments_128.png) no-repeat;
	background-position:0px 11px;
}
.menu_fnt {
	background: url(../images/icons/text_page_128.png) no-repeat;
	background-position:0px 4px;
}
#applications {
  height:217px;
}

#bubbleInfo {
	width:260px;
	float:left;
	position:relative;
	padding: 20px 0px 0px 15px;
	margin:0 15px 0 0px;
}

.popup {
  display: none; /* keeps the popup hidden if no JS available */
  position: absolute;
  width:260px;
  height:104px;
  padding:22px;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  line-height:16px;
  background:url(images/tooltip.png) no-repeat;
  z-index:2;
  overflow:hidden;
}

#cnt {
	width:870px;
	margin:0 auto;
	position:relative;
}
#cnt2 {
	width:870px;
	margin:0 auto;
	position:relative;
	background: url(../images/content.jpg) repeat-y 0 165px;
}
#cnt3 {
	width:870px;
	margin:0 auto;
	position:relative;
	background: url(../images/content2.jpg) repeat-y 0 165px;
}
#cnt4 {
	width:920px;
	margin:0 auto;
	position:relative;
}

#full {width: 870px; margin: 0 auto;}

.full {
	width:870px;
	float:left;
	position:relative;
	z-index:7;
	margin: 0 0 0 50px;
}
#lcnt {
	width:280px;
	float:left;
	position:relative;
	z-index:7;
}
#ccnt {
	width:280px;
	min-height:480px;
	height:auto;
	float:left;
	margin: 0 15px 0 15px;
	position:relative;
}
#dummy {
	width:310px;
	height:228px;
	float:left;
	background: url(../images/#dummy.jpg) no-repeat;
	position:absolute;
	bottom:0px;
}
#rcnt {
	width:280px;
	float:left;
	position:relative;
	z-index:7;
}

#wrapper {
	background-color: #fff;
	margin: 0 auto;
	width: 1000px;
}

/* content */
#content {
	background: #fff;
	width:870px
	position:relative;}

#content h2 {
	font-size:30px
}
#content p {
	padding:0 0px 0px;
}

/* blog */
#blog {
	padding:15px 0 0 36px;
}
#blog2 {
	padding:15px 0 0 80px;
}
.blog {
	background: #fff;
	float:left;
	width:263px;
	padding:0 10px
}
.blog h2 {
	font-size:24px;
	padding-bottom:0 0px;
}
.blog .quote {
	color:#5795c3
}

/* ____ Left Side Links ____ */
.pop_post {
	background:url(../images/sprite.jpg) no-repeat;
	display:block;
	min-height:24px;
}
.lslink a {
	color:#A1A1A1;
	text-decoration:none;
	font-size:12px;
	text-align:right;
	padding: 0 35px 10px 0;
}
.lslink a:hover {
	color:#000;
}
.sidetit_l, .sidetit_r {
	width:245px;
	color:#fff;
	margin:0px 0 10px;
	height:20px;
	background-color:#999;
	font-size:14px;
}
.sidetit_l {
	text-align:right;
	padding:5px 15px 0 0;
}
.sidetit_r {
	text-align:left;
	padding:5px 0 0 15px;
}
.pop_post {
	background-position: 163px 0;
	color:#A1A1A1;
	text-decoration:none;
	text-align:right;
	padding: 0 35px 10px 0;
	border-bottom: 2px dotted #000;
	margin:0 0 10px 0;
}
.pop_post:hover {
	background-position: 163px -60px;
	color:#000;
}
.pop_post div {
	text-align:right;
	width:144px;
}
.pop_post span {
	text-align:right;
	margin: 0 35px 0 0;
	display:block;
}
.adv {
	width:180px;
	height:60px;
	background-color:#EEE;
	text-align:center;
	padding: 40px 0 0 0;
}
.adv a {
        color:#A1A1A1;
	font-weight:bold;
	text-decoration:none;
}
.adv a:hover {
	color:#000;
}

/*
.side_title img {
	border:0px none;
	margin:0px 0 10px 0;
}
*/

.img_link img {
	border:0px none;
	margin:0px 0 10px 0;
}

.friends {
	background:url(../images/sprite.jpg) no-repeat 59px -720px;
	display:block;
	height:24px;
	color:#A1A1A1;
	text-decoration:none;
	text-align:right;
	padding: 0 35px 5px 0;
	line-height:20px;
}
.friends:hover {
	background-position: 59px -780px;
	color:#000;
}
.friends span {
	float:right;
	margin: 0 35px 0 0;
}

/* ____ Contakt ____ */
.contakt-left
{
float: left;
width: 400px;
margin: 0px 0px 0px 0px;
padding: 15px;
background: #fff;
}
.contakt-right
{
float: right;
width: 400px;
margin: 0px 0px 0px 0px;
padding: 15px;
background: #fff;
}

/* ____ Slide wshow ____ */
#slideshow {width: 260px; height: 135px; margin: 0; padding: 0px;}
.slide {width: 260px; margin: 0; padding: 0;}
.slide-tag {position: absolute; width: 260px; height: 25px; margin: 92px 0 0 0; padding: 31px 0 0 10px; font-size: 10px; line-height: 0.6em; color:#fff; display: block; overflow: hidden;}

/* ____ Sap ____ */
.sap-left
{
float: left;
width: 435px;
margin: 0px 0px 0px 0px;
padding: 15px;
background: #fff;
}
.sap-right
{
float: right;
width: 310px;
margin: 0px 0px 0px 0px;
padding: 20px;
background: #fff;
}

/* ____ Forces ____ */
ul#galerie_mini
{
margin: 0 ;
padding: 0 ;
list-style-type: none;
}
ul#galerie_mini li
{
float: left ;
}
ul#galerie_mini li a img
{
text-decoration: none; border: 0; border: none; margin: 0px 7px;
}
dl#photo
{
clear: both;
margin: 0 auto;
}
dl#photo dt
{
font: normal 1em sans-serif; font-family: "Lucida Grande", "Trebuchet MS";
color: #666;
margin: 0px 0px 0px 10px;
}
dl#photo dd
{
margin: 0px;
}
dl#photo img
{
border: 0px;
}

/* ____ Right Side Links ____ */
.rslink a {
	color:#A1A1A1;
	text-decoration:none;
	font-size:12px;
	display:block;
	height:24px;
	text-align:left;
	padding: 0 0 10px 35px;
}
.rslink a:hover {
	color:#000;
}
.rslink span {
	margin: 0 0 0 35px;
}
.p_twit {
	font-size:9px;
	color:#000;
	margin:0px 0 0 15px;
}
.p_twit span {
	color:#ACACAC;
}
.p_twit a {
	color:#ACACAC;
	text-decoration:none;
}
.p_twit a:hover {
	text-decoration: underline;
	color:#000;
}
.twitter {
	height:auto;
	border-bottom: 1px dotted #ccc;
}

/* ____ Center Container Style ____ */
.post {
	width:280px;
	position:relative;
	z-index:117;
	margin: 25px auto 0px;
	border-bottom: 1px dotted #000;
}
.tit {
	font-size:12px;
	font-weight:bold;
	color:#555;
}
.post_tit {
	width:260px;
	height:28px;
	background-color:#EEE;
	/*- IE 6 Fix -*/
	overflow:hidden;
}
.post_tit span {
	font-size:9px;
	padding: 0px 0px 0 24px;
	float:left;
	color:#A1A1A1;
	margin: 0 10px;
	line-height:28px;
	cursor:default;
}
.post_tit span:hover {
	color:#000;
}
.post_tit a {
	font-size:9px;
	padding: 0px 0px 0 24px;
	float:left;
	color:#A1A1A1;
	margin: 0 10px;
	text-decoration:none;
	line-height:28px;
}
.post_tit a:hover {
	color:#000;
	text-decoration:underline;
}
.ptxt {
	color:#666;
}
.more-link {
	width:90px;
	height:15px;
	display:block;
	text-decoration:none;
	background-color:#cc0000;
	color:#fff;
	padding:2px 0 0 8px;
	margin:10px 0 15px 0;
}
.more-link:hover {
	background-color:#000066;
	color:#00ccff;
}

/* ____ Footer Style ____ */
#foo {
	width:100%;
	height:63px;
	background: url(../images/fbg.jpg) repeat-x;
}
#foot_menu {
	width:870px;
	height:63px;
	margin:0px auto;
	position:relative;
	background: url(../images/footer.jpg) no-repeat;
}
#f_menu {
	height:63px;
	width:296px !important;
	width:340px;
	position:absolute;
	left:50%;
	top: 0;
	margin:0 0 0 -148px !important;
	margin:0 0 0 -170px;
	text-align:center;
}
#f_menu a {
	display:block;
	float:left;
	width:48px;
	text-align: center;
	font-size:9px;
	color:#808285;
	text-decoration:none;
	padding:43px 0 0 0;
	margin:0 13px;
}
#f_menu a:hover {
	color:#000;
}
.f_freeb {
	background: url(../images/icons/download_48.png) no-repeat;
	background-position:0px -4px;
}
.f_grap {
	background: url(../images/icons/palette_48.png) no-repeat;
	background-position:0px -4px;
}
.f_frm {
	background: url(../images/icons/comments_48.png) no-repeat;
	background-position:0px 0px;
}
.f_fnt {
	background: url(../images/icons/text_page_48.png) no-repeat;
	background-position:0px -4px;
}
.f_left {
	position:absolute;
	padding: 22px 0 0 15px;
	font-size:9px;
	color:#808285;
}
.f_rght {
	position:absolute;
	right: 0;
	padding: 22px 125px 20px 0;
	font-size:9px;
	color:#808285;
	text-decoration:none;
}
.f_rght:hover {
	color:#000;
}

/* ____ Comments ____ */
.comments {
	width:526px;
	padding:25px 57px 56px;
	z-index:7;
	position:relative;
}
.cmnt_hdr {
	margin:44px 0 0 56px;
	font-weight: normal;
	font-size:20px;
}
.comment {
	width:526px;
	margin:20px 0;
}
.comment_header {
	background-color: #eee;
	width:100%;
	height:42px;
	margin: 0px;
	padding: 3px 0 0;
	font-size:12px;
}
.comment_header p {
	margin:10px 0 0 26px;
	font-weight:bold;
}
.comment_header span {
	color:#838280;
}
.comment_time {
	font-size:10px;
	margin:0 0 0 26px;
}
.avatarcnt {
	margin:-57px 0px 0 424px;
	width:70px;
	height:70px;
	padding:8px;
	position:absolute;
	border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
}
.comment_text {
	min-height:42px;
	padding: 10px 0 0 26px;
	margin:0px;
	color:#A1A1A1;
	width:395px;
}
#cmntfrm {
	margin: 20px 0 0;
}
#cmntfrm fieldset {
	border: 1px solid #EEE;
	padding:25px;
}
#cmntfrm span {
	color:#FAA61A;
}
#cmntfrm input {
	border:0px none;
	background-color:#F3F4F4;
	height:21px;
	width:203px;
	margin: 0 10px 0 0;
	padding:5px 0 0 5px;
}
#cmntfrm textarea {
	border:0px none;
	background-color:#F3F4F4;
	padding:5px 0 0 3px;
}
#cmntfrm #submit {
	float:right;
	width:130px;
	height:27px;
	background-color:#A9A9A9;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	padding:0px;
}
#cmntfrm #submit:hover {
	color:#000000;
}
.pyct {
	font-size:14px;
	font-weight:bold;
	background-color:#FAA61A;
	color:#FFF;
	padding:7px;
}
.aptxt {
	color:#A1A1A1;
	margin:0 0 70px 0;
}

/* ____ Networks ____ */
#networks {
  background:url(images/line_break.png) no-repeat;
  padding:20px 0;
  margin:20px 0 0;
}

#networks img {
  opacity:0.5;
  -webkit-transition:0.2s opacity;
}

#networks:hover img {
  opacity:1;
}

#networks a {
  margin:0 5px;
}