/*
========================================================================================
				 KONEKTING - 2008 - Chris Claverie
========================================================================================
*/

* { 
	margin: 0; 
	padding: 0; 
}

body {
	background-color: #e41e2d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../images/bg-up.png);
	background-repeat: repeat-x;
}

#container {
	width: 960px;
	margin: 0 auto;
/*	border: 1px solid #0066FF;*/
}

/* Particularit� pour l'�diteur pour avoir un fond blanc
=====================================================================
*/
.mceContentBody {
	background-color: #e41e2d;
	background-image: none;
	color:#FFFFFF;
}
/* 
======================================================================
Structure du header
====================================================================== 
*/
img{border:0}
#header {
	width: 960px;
	height: 190px;
}

#banner1 {
	position:relative;
	float:left;
	top: 10px;
	width:580px;
	height:120px;
}
#banner2 {
	position:relative;
	float:left;
	top: 10px;
	left:5px;
	width:370px;
	height:120px;
}
#menu{
	height: 32px;
	width: 960px;
	position: relative;
	top:30px;
	z-index:1;
}

/* 
======================================================================
Structure  du contenu central
====================================================================== 
*/
#container-content {
	width: 960px;
	background-image: url(../images/bg-partiel.jpg);
	background-repeat: no-repeat;
	background-position: 820px 130px;
	min-height:550px;
}
#container-content-bouton {
	width: 606px;
	height:121px;
}
#container-content-news {
	position:relative;
	width: 606px;
	top:10px;
	height:390px;
	background-image: url(../images/titre-news.jpg);
	background-repeat: no-repeat;
}
#container-content-right {
	position:relative;
	width: 320px;
	height:526px;
	float:right;
	overflow: hidden;
}
#container-content-right img {
	border:0px;
}

#container-content-top {
	position:relative;
	width: 960px;
}
#linkresultat {
	background-image: url(../images/btn-resultats.png);
	background-repeat: no-repeat;
	display: block;
	width:157px;
	height:47px;
	text-indent:-3000px;
	float:left;
}
#linkresultat:hover{
	background-position: 0px -47px;
}
#linkreglement {
	background-image: url(../images/btn-reglement.png);
	background-repeat: no-repeat;
	display: block;
	width:157px;
	height:47px;
	text-indent:-3000px;
	float:left;
}
#linkreglement:hover{
	background-position: 0px -47px;
}
#linkgagnant {
	background-image: url(../images/btn-gagnant.png);
	background-repeat: no-repeat;
	display: block;
	width:157px;
	height:47px;
	text-indent:-3000px;
	float:left;
}
#linkgagnant:hover{
	background-position: 0px -47px;
}
#linkclassic {
	background-image: url(../images/btn-classic.png);
	background-repeat: no-repeat;
	display: block;
	width:164px;
	height:44px;
	line-height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-indent:10px
}
#linkclassic:hover{
	background-position: 0px -44px;
	color: #e41e2d;
}
/* 
======================================================================
Structure globale du FOOTER - pied de page
====================================================================== 
*/
#footer {
	width: 960px;
}

#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: right;

}
#copyright .yellow {
	color: #fef05d;
}
#copyright .white{
	color: #fff;
}

.pagenavbar {
	text-align		: center;
	width			: 100%;
}

.pagenav {
	font-size		: 11px;
	font-weight		: bold;
	text-decoration	: none;
	margin			: 0;
	padding			: 0 2px;
	border			: 0;
	color:#FFFFFF
}

a.pagenav:link, a.pagenav:visited  {
	font-weight		: bold;
	color:#FFFFFF
}

a.pagenav:hover {
	color:#000
}

.componentheading {
	visibility: hidden;
}

/* 
======================================================================
Param�tres g�n�raux divers
====================================================================== 
*/
#tableaupage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	left:50px;
	position:relative;
	font-weight: bold;
}

.clr {
	clear:both;
}
.contentpaneopen .contentheading, .contentpaneopen1 .contentheading  {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
table.blog, table.blog-skate, table.blog-teen, table.blog-vahine, table.blog-billabong {
	margin-left: 50px;
}

table.contentpaneopen-skate, table.contentpaneopen1-skate, table.contentpaneopen-teen, table.contentpaneopen1-teen, table.contentpaneopen-vahine, table.contentpaneopen1-vahine, table.contentpaneopen-billabong , table.contentpaneopen1-billabong  {
	margin-left: 150px;
	width:550px;
}
.contentheading-skate, .contentheading-teen, .contentheading-vahine, .contentheading-billabong  {
	font-size: 16px;
	color: #FFCC00;
	font-weight: bold;
}
.article_separator {
	display: block;
	height: 60px;
	width: 600px;
}
#container-content-right .article_separator {
	background-image:none;
	height: 0;
	visibility: hidden;
}
/* 
======================================================================
Liens divers
====================================================================== 
*/
.readon-skate, .readon-skate:visited, .readon-teen, .readon-teen:visited, .readon-billabong, .readon-billabong:visited, .readon-vahine, .readon-vahine:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FFCC00;
}
.readon-skate:hover, .readon-teen:hover, .readon-billabong:hover, .readon-vahine:hover {
	color: #000;
}
.blogsection, .blogsection:visited {
	font-size: 12px;
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}
.blogsection:hover{
	color: #000;
}
/* 
======================================================================
News slider slider
====================================================================== 
*/
#twoj_news_scroll_1_all {
	position:relative;
	top:71px;
	padding: 0 0 0 30px;
}
#twoj_news_scroll_1_all .contentpagetitle {
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}
.twoj_news_slide_menu a{
	background-color: #c5c5c5 !important;
	line-height: 20px !important;
	height: 20px !important;
	vertical-align: middle !important;
	font-size: 11px !important;
	color: black !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
	text-decoration: none !important;
}
.twoj_news_slide_menu a.wactive{
	background-color: #2c2c2c !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
}
/* 
======================================================================
NEWS SHOW - promotion
====================================================================== 
*/