body {
	/*padding:50px 80px;
	font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;*/
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
/* navigation */
	#nav {
		background: url(../images/bg-nav-bas.jpg);
		border-bottom:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		height:100px;	
		width:1024px;
		font-family: 'WalkwayBoldRegular', Verdana, Arial, Helvetica, Sans-Serif;
		
		
	}
	
	#nav ul {	
		width:1024px;
		margin:0 auto;	
	}
	
	#nav li {	
		/*border-right:1px solid #999;*/
		border:none;
		float:left;
		/*padding-left:0px;*/
		padding:0px;
		width:340px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
	}
	
	#nav a {
		/*color:#EC6600;*/
		color:#791cf8;
		display:block;
		padding:0;
		position:relative;
		font-size:14px;	
		font-weight:bold;
		height:100px;
		text-decoration:none;
		/*text-shadow: 2px 2px 2px #333;
		background:url(../images/bouton-bas-inactive.jpg);*/
		
	}	
	
	#nav a.current {
		background:url(../images/bouton-bas2.png);	
		color:#FF6600;
	}
	
	#nav img {
		background-color:#fff;
		border:1px solid #ccc;
		margin:3px 0 5px 27px;
		padding:0px;		
		display:block;
	}
	
	#nav strong {
		display:block;		
		font-size:13px;
	}
	
	/* panes */
	#panes {
		background:#fff /*url(http://static.flowplayer.org/img/global/gradient/h300_reverse.png) repeat scroll 0 0*/;
		border-color:#ccc;
		border-style:solid;
		border-width:0px 1px 0;
		width:1024px;	
		height:426px;
		margin-bottom:0px;
		padding-bottom:0px;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		/*top:20px;
		left:20px;*/
		top:0px;
		left:0px;
		font-size:13px;
		color:#444;	
		width:1024px; 
	}
	
	#panes img {
		float:left;
		margin-right:20px;	
	}
	
	#panes p.more {
		color:#000;
		font-weight:bold;
		font-size:13px;
	}
	
	#panes h3 {
		margin:10 10 5 0;
		font-size:14px;
		font-weight:bold;
	}
	
	#panes h4 {
		margin:8px 10px 2px 0px !important;
		font-size:10px;
		font-weight:bold;
		color:#791CF8;
	}
	
	#panes p {
		margin:0px 10px 5px 0px !important;
		font-size:13px;
		  word-spacing: 0.1em;
		  letter-spacing: 0.05em ;
		  line-height: 1.5em ;
		
	}
	
	.overlay {
		display:none;
		width:1024px;
		padding:0px;
		background-color:#ddd;
	}


/*=====================THUMBS============================*/
#thumbs {
	float:left;
	border:1px solid #CCC;
	margin:10px 0px;
	background: url(../images/thumbs-social2.jpg) no-repeat;
	height:25px;
	position:relative;
	width:1024px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
}


.t {
	padding:0;
	border:0 !important;
}

.t a {
	background:transparent url(../images/thumbs-social2.jpg) no-repeat scroll -21px -75px;
	
	display:block;
	width:25px;
	float:left;
	height:25px;
	cursor:pointer;
	/*border:1px solid #FF0000;*/
	
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:924px;
	_margin-left:924px;
}

/* CSS sprite for the navigation */


#t1			{ background-position:-923px 0px; }
#t1:hover 	{ background-position:-923px -25px; }
#t1:active	{ background-position:-923px -50px; }
#t1.active	{ background-position:-923px 0 !important; }

#t2			{ background-position:-949px 0px; }
#t2:hover 	{ background-position:-949px -25px; }
#t2:active	{ background-position:-949px -50px; }
#t2.active	{ background-position:-949px 0 !important; }

#t3			{ background-position:-974px 0px; }
#t3:hover 	{ background-position:-974px -25px; }
#t3:active	{ background-position:-974px -50px; }
#t3.active	{ background-position:-974px 0 !important; }

#t4			{ background-position:-999px 0px; }
#t4:hover 	{ background-position:-999px -25px; }
#t4:active	{ background-position:-999px -50px; }
#t4.active	{ background-position:-999px 0 !important; }