body 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#000000;
}

#header {
height: 153px;
background-color: #000000;
}

#conteneur {
position: relative;
width: 993px;
margin: 0 auto; 
background-image: url(design/content_bg.jpg);
background-color:#ffffff;
}

#droit {
float:right;
background-color:#ffffff;
width:565px;
margin-top:9px;
margin-right:34px;
}

#gauche { 
float:left;
left:0;
margin-left:25px;
width: 353px;
background-color:#ffffff;
margin-top:9px;
}


#gauche3 { 
float:left;
left:0;
margin-left:25px;
width: 353px;
background-color:#ffffff;
margin-top:9px;
}

#droit2 {
float:right;
background-color:#ffffff;
width:460px;
margin-top:9px;
margin-right:34px;
}

#gauche2 { 
float:left;
left:0;
margin-left:25px;
width: 432px;
background-color:#ffffff;
margin-top:9px;
}

#pied {
height: 226px;
background-color: #000000;
background-image: url(design/footer2.jpg);
background-repeat:no-repeat;
clear:both;
border:0px solid red;
}

#conteneur_page
{
	margin-left:25px;
	margin-top:9px;
	border:1px solid red;
	width:940px;
}

#global_content_page {
float:left;
background-color:#ffffff;
width:610px;
margin-top:5px;
margin-left:34px;border:0px solid red;
}

#side_page { 
float:right;
left:0;
margin-right:34px;
width: 280px;
background-color:#ffffff;
margin-top:0px;
border:0px solid red;
}

#flash
{
	background-image:url(design/flash.jpg);
	background-repeat:no-repeat;
	width:565px;
	height:27px;
	margin-top:14px;
}



#pub_top
{
	margin-top:10px;
	margin-left:30px;
}

#pub_top img
{
		margin-left:50px;
}


#videos {
float:right;
width:256px;
margin-top:21px;
margin-right:4px;
}

#videos_header
{
	background:url(design/videos_top.gif) no-repeat;
	width:259px;
	height:174px;
}

#videos_header div
{
	padding-left: 0px;
	padding-top:10px;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	color:#D2D2D2;
	text-align:center;
}

#videos_bottom
{
	background:url(design/videos_right.gif) no-repeat;
	width:259px;
	height:82px;	
}

#videos_bottom div
{
	padding-left: 5px;
	padding-top: 5px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#4A6DBF;
}

.videos_bottom_links
{
	font-family:verdana;
	font-size:10px;
	color:#373737;	
	text-decoration:none;
	font-weight: normal;
}

#autre_actu { 
float:left;
left:0;
margin-left:0px;
width: 230px;
margin-top:21px;
}

#autre_actu_titre { 
font-family:arial;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
margin-left:5px;
}

#autre_actu_h { 
background-image:url(design/autre_actu_h.jpg);background-repeat:repeat-x;margin-top:2px;margin-left:5px;width:200px;
}

.autre_actu_content {
margin-top:-5px;
margin-left:5px;
}

.autre_actu_photo
{
	float:left;
	width:52px;
	height:52px;
	border: 1px solid #e1e1e1;
	padding: 1px 1px 1px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.autre_actu_text
{float:right;vertical-align:middle;width:165px;margin-left:4px;margin-top:10px;}

.autre_actu_date
{font-family:arial;font-size:9px;color:#6F6F6F;}

.autre_actu_titrenews
{font-family:verdana;font-size:10px;color:#E87117;font-weight:bold;text-decoration:none;cursor:pointer;}



#galerie {
float:right;
width:230px;
margin-top:50px;
margin-right:10px;
border:0px solid yellow;
}

#match { 
float:left;
left:0;
margin-left:0px;
width: 150px;
margin-top:35px;
}

#classement { 
float:left;
left:0;
margin-left:20px;
width: 140px;
margin-top:35px;
border:0px solid red;
}

#sondage {
float:right;
width:150px;
margin-top:21px;
margin-right:4px;
}

#forum_sujets { 
float:left;
left:0;
width: 234px;
margin-top:21px;
margin-left:10px;
}

#alaune_header
{
	background-image:url(design/alaune_header.jpg);
	background-repeat:no-repeat;
	height:62px;
}

#alaune_bg
{
	background-image:url(design/alaune_bg.jpg);
	background-repeat:repeat-y;
	width: 325px;
	min-height: 200px;
}

#alaune_titre
{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
}

#alaune_content
{
	font-family:verdana;
	font-size:11px;
	color:#000000;
	text-align:justify;
	margin-left:20px;
	margin-right:20px;	
}

#alaune_footer
{
	background-image:url(design/alaune_footer.jpg);
	background-repeat:no-repeat;
	height:21px;
}


#der_photos_h { 
background-image:url(design/autre_actu_h.jpg);background-repeat:repeat-x;margin-top:2px;margin-left:25px;width:210px;
}

#der_photos_titre { 
font-family:arial;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
margin-left:25px;color:#EF6C03;
}

#forum_sujets_h { 
background-image:url(design/autre_actu_h.jpg);background-repeat:repeat-x;margin-top:2px;width:210px;
}

#forum_sujets_titre { 
font-family:arial;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
color:#EF6C03;
}

.forum_sujets_titre_sujets
{
display:block;
font-family:arial;
font-size:11px;
font-style:italic;
color: #373737;	
text-decoration:none;
}

#forum_connexion { 
float:left;
left:0;
width: 275px;
margin-top:38px;
}

#forum_connexion_titre { 
font-family:arial;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
margin-left:5px;
color:#000000;
}

#forum_connexion_header
{
background-image: url(design/fc_header.jpg);
background-repeat: no-repeat;
width: 270px;
height: 7px;
margin-top:1px;
}

#forum_connexion_footer
{
background-image: url(design/fc_footer.jpg);
background-repeat: no-repeat;
width: 270px;
height: 8px;
}

#forum_connexion_bg
{
background-image: url(design/fc_bg.jpg);
background-repeat: repeat-y;
width: 270px;
}

.box_header
{
	background-image:url(design/box_header.jpg);
	background-repeat:repeat-x;
	width: 137px;
	height:17px
}

.box_header p
{
	text-align: center;
	font-family: arial;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	letter-spacing:2px;
}

.box_bg
{
	background-image:url(design/box_bg.jpg);
	background-repeat:repeat-y;
	width: 138px;
	text-align:left;
}

.box_bg p
{
		margin-left:10px;
		margin-right:10px;
}

.box_footer
{
	background-image:url(design/box_footer.jpg);
	background-repeat:no-repeat;
	width: 138px;
	height:10px;
	margin-top:-10px;
}

.lien_bleu a
{
font-family:verdana;
font-size:9px;
font-weight:bold;
color:#4A6DBF;	
text-decoration: none;
}

.lien_bleu a:hover
{
	color: #000000;
	text-decoration: underline;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

.clear
{clear:both;margin-bottom: 11px;}

.chanson_titre
{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}


.tabSelect
{
	font-family:arial;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	
}



.block_side { 
float:left;
left:0;
width: 275px;
margin-top:40px;
}

.block_side_titre { 
font-family:arial;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
margin-left:5px;
color:#000000;
}

.block_side_header
{
background-image: url(design/fc_header.jpg);
background-repeat: no-repeat;
width: 270px;
height: 7px;
margin-top:1px;
}

.block_side_footer
{
background-image: url(design/fc_footer.jpg);
background-repeat: no-repeat;
width: 270px;
height: 8px;
}

.block_side_bg
{
background-image: url(design/fc_bg.jpg);
background-repeat: repeat-y;
width: 270px;
}

.block_side_link { 
font-family:verdana;
font-size:10px;
color:#000000;
text-decoration:none;
}

#arbo_left
{
	float:left;
	background: url(design/arbo_left.gif) no-repeat;
	width:12px;
	height:33px;
	margin-left:30px;
}

#arbo_right
{
	float:left;
	background: url(design/arbo_right.gif) no-repeat;
	width:19px;
	height:33px;
}

#arbo_bg
{
	float:left;
	background: url(design/arbo_bg.gif) repeat-x;
	width:1px;
	height:33px;
	width:865px;
	padding:10px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#B4B4B4;
	text-decoration:none;

}


#arbo_bg a
{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#B4B4B4;
	text-decoration:none;
}

#pagetitle_bigtext
{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	letter-spacing:3px;
}

#pagetitle_smalltext
{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#B5B5B5;
}

#pagetitle_hr
{
	margin-top:3px;
	margin-bottom:20px;	
	background: url(design/hr_bg_black.gif) repeat-x;
	width:580px;
	height:4px;
}

#news_show_content
{
	font-family:verdana;
	font-size:11px;
	color:#000000;
	text-align:justify;
	margin-right:20px;	
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(design/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(design/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(design/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(design/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}





/* player container */
div.player {
	height:130px;
	width:170px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}

/* play button */
div.player img {
	margin-top:67px;
}

/* info area */
div.player div.info {
	height:40px;
	background:#000 url(design/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:45px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	margin-top:40px;
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}



div.overlayvideos {
	background:url(design/white.png) no-repeat;
	padding:40px;	
	width:576px;  
	display:none;
}

div.overlayvideos div.close {
	background:url(design/close.png) no-repeat;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player { 		
	display:block;
	height:450px;			
}



.input_un
{
	border:1px solid black;
	width:100px;
	background-color:#e8e8e8;
}

.news
{
color: #00001B;
font-family: verdana;
font-size: 10px;
text-decoration: none;
}

 .lienmenu 
{
color: black;
font-family: VERDANA;
font-size: 9px;
text-decoration: none;
font-weight: bold;
}


/* the overlayed element */
.apple_overlay {


	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(design/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:450px;
	height:650px;
	border:0px solid red;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
	
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(design/close.png);
	 right:0px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(design/transparent.png);
	color:#fff;
}


div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}

#triggers {
	margin-top:10px;
	text-align:center;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


#demotip {
	display:none;
	background: transparent url(design/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#d9d9d9;
	font-family: arial;
	font-size:11px;
}

 .sondage_inactif 
{
color: black;
font-family: VERDANA;
font-size: 10px;
text-decoration: none;
font-weight: bold;
}

 .sondage_lien 
{
color: black;
font-family: VERDANA;
font-size: 9px;
text-decoration: none;
font-weight: bold;
}

 .sondage_lien:a
{
color: black;
font-family: VERDANA;
font-size: 9px;
text-decoration: none;
font-weight: bold;
}

 .sondage_lien:hover
{
color: green;
font-family: VERDANA;
font-size: 9px;
text-decoration: none;
font-weight: bold;
}

 .sondage_question
{
color: black;
font-family: VERDANA;
font-size: 9px;
text-decoration: none;
font-weight: bold;
}

 .sondage_reponses
{
color: black;
font-family: VERDANA;
font-size: 10px;
text-decoration: none;
font-weight: none;
}

.sondage_bouton
{ 
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #E9F1FB;
	height: 22px;
	border: 0px dotted #274770;	
	background: url(design/vote.jpg);
}
 
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:200px;
		height:55px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	}
		
.galerie_image_show
{
	height:50px;width:50px;border:1px solid #d7d7d7;padding:2px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}


/* the thumbnails */
#triggers_gal {
	text-align:center;
}

#triggers_gal img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
#triggers_gal a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}



/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(design/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}