@charset "utf-8";
/* CSS Document */

html, body{ margin:0; padding:0; height:100%; }
body{
	background:#000000 url(../img/header_background.png) top repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b9b9b9;
}
#center{
	display:block;
	margin:auto;
	width:1000px;
	height:708px;
	text-align:left;
}
#header{
	display:block;
	position:relative;
	width:100%;
	height:84px;
	background:url(../img/header_background.jpg) top center no-repeat;
}
.green{ color:#82c81b; }
/*************************************** MENU CONNECTION ***************************************/
#connection{ position:absolute; top:5px; right:5px; width:950px; height:18px; margin:0; padding:0; color:#ffffff; font-size:11px; }
#connection a{ color:#ffffff; text-decoration:none; }
#connection a:hover{ text-decoration:underline; }

#connection div.spacer{ display:block; float:right; width:auto; height:16px; padding:2px 8px 0 10px; }
#connection div.links{ display:block; float:right; width:auto; height:18px; }
.welcome{ padding:2px 0 0 0; height:16px; }

#connection a.register{ display:block; width:10px; height:16px; padding:2px 0 0 22px; background:url(../img/connection_picto.gif) center left no-repeat; }
html>body #connection a.register{ width:auto; }
#connection div.flags a:hover{ text-decoration:none; }
#connection div.flags{ display:block; float:right; width:auto; padding:4px 0 0 0; }
#connection div.flags .flag{ display:block; float:left; padding-left:4px; }
#connection div.flags img{ border-left:1px solid #797979; border-bottom:1px solid #797979; }
/***************************************      TITRE      ***************************************/
#header #title{ position:absolute; top:28px; left:180px; color:#82c81b; font-family:Arial, Helvetica, sans-serif; font-size:15px;font-weight: bold;  }
/*************************************** GESTION DU MENU ***************************************/
#menu{ position:absolute; top:52px; left:5px; width:970px; height:32px; font-size:11px; }
/*
dl.homeMenu, dl.expandMenu{
	display:block;float:left;position:relative;padding:0;margin:0;width:90px;height:32px;
}
html>body dl.homeMenu, html>body dl.expandMenu{ width:auto; }
*/
/*
#menu dl{ display:block; float:left; padding:0; margin:0; width:auto; height:33px; }
*/
dl.homeMenu, dl.expandMenu, dl.spacerMenu{ display:block;float:left;padding:0;margin:0;width:90px;height:32px; }/**/
dl.expandMenu{ position:relative; }
dl.homeMenu{ width:33px; padding-right:2px; }
html>body dl.expandMenu{ width:auto; }
dl.spacerMenu{ width:2px; overflow:hidden; font-size:1px; background:url(../img/menu_separator.png) left top no-repeat; }

dl.homeMenu a.title{
	display:block;margin:0;padding:0;width:33px;height:33px;
	background:url(../img/menu_home_back.png) top left no-repeat;
}
dl.homeMenu a.title:hover{ background-position:bottom left; }

dl.expandMenu a.title{
	display:block;width:auto;margin:0;padding:10px 35px 0 25px;height:23px;color:#7dcd07; font-weight:bold;
	background:url(../img/menu_level1_back.png) right top no-repeat;text-align:center;text-decoration:none;
}

dl.expandMenu.current a.title{color:#FFFFFF;}/*background:url(../img/menu_current_back.png) right top no-repeat;}/**/
dl.expandMenu a.title:hover{ color:#FFFFFF; background-position:bottom right; }

dd.expandFrame{ display:none;position:absolute;z-index:1000;width:auto;background-color:#696969;margin:0;padding:0; }
dd.expandFrame ul{ padding:0; margin:0; width:auto; height:auto; border-top:1px solid #656565; border-left:1px solid #656565; border-right:1px solid #656565; }

dd.expandFrame li{ display:block;width:150px;height:24px;list-style:none;margin:0;padding:0;border-bottom:1px solid #555555; }
html>body dd.expandMenu li{ width:auto; }

dd.expandFrame li.bottom{ clear:both;float:none;display:block;height:1px;margin:0;padding:0; background:none;border:none; }
dd.expandFrame a{ display:block;text-decoration:none;margin:0;padding:4px 8px 5px 8px; height:15px; color:#ffffff; text-align:left;font-size:12px; }
dd.expandFrame a:hover{ background:url(../img/menu_level2_back.png) center repeat-x; color:#696969; }
/*
dd.expandFrame li{ display:block;width:auto;height:32px;list-style:none;margin:0;padding:0;border-bottom:1px solid #555555; }
dd.expandFrame li.bottom{ clear:both;float:none;display:block;height:1px;margin:0;padding:0; background:none;border:none; }
dd.expandFrame a{ display:block;text-decoration:none;margin:0;padding:8px 8px 9px 8px; height:15px; color:#ffffff; text-align:left;font-size:12px; }
dd.expandFrame a:hover{background:url(../img/menu_level2_back.png) center repeat-x; color:#696969; }
*/
/*************************************** FIN GESTION DU MENU ***************************************/
#fil-arianne{ padding-left:8px; padding-top:15px; height:25px; font-size:14px; font-weight:normal; color:#a5a5a5; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
/*************************************** CONTENU ***************************************/
#content{ /*padding:0 3px 0 15px;*/ padding:0; height:auto; }
#content .left{ float:left; width:486px; }
#content .right{ float:right; width:508px; }
/*************************************** PARTIE GAUCHE: PLAYER+ ***************************************/
#flashVideoPlayer{ width:486px; height:308px; }/*border:1px solid #ffffff;*/
#playerFlashVideoInside{width:470px; height:264px; padding:9px 8px 35px 8px;
background:#fff url(../img/playerInside.png) no-repeat;}
#playerFlashVideoInside.noflash{background:#fff url(../img/playerReplacement_en.gif) no-repeat;}

#actions{ height:55px; padding:5px 0 0 10px; }/*border:1px solid #00CCFF;*/
#actions a{
	display:block; width:133px; height:16px; padding:5px 0 5px 24px; float:left; font-size:12px; color:#8a8a8a;
	background-position:center left;
	background-repeat:no-repeat;
}
#actions a:hover{ color:#FFFFFF; }
#playlist{ background-image:url(../img/icon_playlist.gif); }
#addtopl{ background-image:url(../img/icon_add.gif); }
#permalink{ background-image:url(../img/icon_permalink.gif); }
#commenter{ background-image:url(../img/icon_commenter.gif); }
#infos{ background-image:url(../img/icon_infos.gif); }
#partager{ background-image:url(../img/icon_partager.gif); }
/*
#note, .note{ height:18px; background-color:#393839; color:#8a8a8a; padding:0 13px 0 13px; }
#note .title{ float:left; padding-right:4px; }
#note .note-off{ float:left; width:85px; height:15px; background:url(../img/icon_star_off.gif) center left repeat-x; }
#note .note-on{ float:left; background:url(../img/icon_star_on.gif) center left repeat-x; width:34px; height:15px; }
#note a.note-button{ float:right; color:#8a8a8a; padding-left:18px; background:url(../img/icon_noter.gif) center left no-repeat; }
#note a.note-button.on{ background:url(../img/icon_noter_on.gif) center left no-repeat; }
*/

.note{ height:18px; background-color:#393839; color:#8a8a8a; padding:0 13px 0 13px; }
.note .title{ float:left; padding-right:4px; }
.note .note-off{ float:left; width:85px; height:15px; background:url(../img/icon_star_off.gif) center left repeat-x; }
.note .note-on{ float:left; background:url(../img/icon_star_on.gif) center left repeat-x; width:34px; height:15px; }
.note a.note-button{ float:right; color:#8a8a8a; padding-left:18px; background:url(../img/icon_noter.gif) center left no-repeat; }
.note a.note-button.on{ background:url(../img/icon_noter_on.gif) center left no-repeat; }

#noter, #note{ display:none; float:right; width:auto; padding-left:8px; }
#noter .note-off{ float:right; }
#noter .note-off a{ width:17px; height:15px; margin:0; padding:0 0 0 0; float:left; }

#note{ display:block; }
#note .note-off{ float:right; }
#note .note-off a{ width:17px; height:15px; margin:0; padding:0 0 0 0; float:left; }

#description{ background:#302d30 url(../img/desc_background.gif) top left repeat-x; padding:13px 0 0 0; }
#description .title{ padding:0 13px 4px 34px; font-size:14px; background:url(../img/icon_title.gif) center left no-repeat; }
#description .content{
	background:url(../img/desc_rounded_bottom.gif) left bottom no-repeat; height:86px;
	padding:0 13px 8px 34px; font-size:12px; line-height:19px;font-family:Arial, Helvetica, sans-serif;
}
html>body #description .content{ height:auto; min-height:86px; }

#description .content p{padding:0;margin:0;}
#description .content a{color:#bfbfbf;text-decoration:underline;}
#description .content a:hover{color:#7dce07;}
#description .content ul{margin:0; padding:0 0 0 25px;}


/*************************************** PARTIE DROITE: VIDEO WALL ***************************************/
#wall-column{ width:260px; float:left; } /*border:1px solid #00FF00;*/
#wall-container{ height:356px; }

#slideWallReplacement{width: 250px;height:356px;padding:0 5px 0 5px; overflow:auto;font-size:11px;}
#slideWallReplacement a{color:#82c81b;text-decoration:underline;}
hr{color: #b9b9b9;height: 1px;  border: 0; }

/*#tag-cloud{ padding:20px 31px 10px 31px; height:112px; text-align:center; line-height:19px; }*/
/*#tag-cloud{ padding:10px 20px 0 20px; text-align:center; line-height:19px; }/*h:142*/
/*
#tag-cloud table{ margin:auto; width:220px; height:122px; text-align:center; }
html>body #tag-cloud table{ width:auto; min-width:220px; max-width:240px; height:auto; min-height:122px; }
#tag-cloud table tr td{ vertical-align:middle; }
*/
#tag-cloud{ padding:20px 25px 0px 25px; }
#tag-cloud table{ text-align:center; line-height:19px; }

#tag-cloud a {text-decoration:none;color:#b9b9b9;}

a.taille0 {font-size:7px; }
a.taille1 {font-size:8px;font-weight:bold;}
a.taille2 {font-size:9px;}
a.taille3 {font-size:10px;font-weight:bold;}
a.taille4 {font-size:11px; }
a.taille5 {font-size:12px;font-weight:bold;}
a.taille6 {font-size:13px; }
a.taille7 {font-size:14px;font-weight:bold;}
a.taille8 {font-size:15px; }
a.taille9 {font-size:16px;font-weight:bold;}
a.taille10 {font-size:18px;font-weight:bold;}
#tag-cloud a:hover{text-decoration:underline;}
a.green{ color:#82c81b; }


/*#tag-cloud table{ display:block; height:112px; text-align:center; line-height:19px; }
/*html>body #tag-cloud table, html>body #tag-cloud tbody, html>body #tag-cloud tr, html>body #tag-cloud td{
	height:auto; min-height:112px;
}
/*html>body #tag-cloud table tr{ min-height:112px; }
/*table tr td{ vertical-align:middle; }
/**/
/*************************************** PARTIE DROITE: CARROUSEL ***************************************/
#carrousel-column{ width:247px; color:#FFFFFF; float:right; overflow:hidden; }/*border:1px solid #FF0000;*/

#bullworld-animation{ height:175px; }

#search-tool{ padding:0 2px 0 2px; height:98px; }
#carrousel-title{ font-size:16px; text-align:center; font-weight:bold;
	padding:9px 20px 0 20px; height:26px; background:url(../img/actu_title_background.png) top center no-repeat;
}
#carrousel-container{ height:190px; }
/*************************************** CONTENU STATIC ***************************************/
#contentStatic{ padding:0 3px 0 15px; height:auto;}
#headerStatic{background:url(../img/header_titre_staticPage.png) top left no-repeat; width: 726px; height: 45px;}
#headerStatic h1{font-size: 19px; color:#8dc93c; margin:0; padding:10px 0 0 60px;}
#headerStatic{background:url(../img/header_titre_staticPage.png) top left no-repeat; width: 726px; height: 45px;}
#mainStatic{background:url(../img/bg_content_staticPage.png) top left repeat-y; width: 606px; padding: 20px 60px 30px 60px; }
#footerStatic{background:url(../img/footer_staticPage.png) top left no-repeat; width: 726px; height: 11px;}

.wysiwyg{color:#bfbfbf; font-size:13px;text-align:justify; background-color:#000;font-family:Arial, Helvetica, sans-serif;} 
.wysiwyg p{padding:0;margin:0;}
.wysiwyg h2{padding:18px 0 5px 15px;margin:0 0 0 -15px; font-size:13px;color:#7dce07;background-image:url(../img/tinyH2.png);background-repeat:no-repeat;background-position:0px 22px;}
.wysiwyg a{color:#bfbfbf;text-decoration:underline;}
.wysiwyg a:hover{color:#7dce07;}
.wysiwyg ul{margin:0; padding:0 0 0 25px;}

/*************************************** FOOTER ***************************************/
#footer{ padding:30px 0 15px 0; height:15px; font-size:10px; color:#d2d2d2; }
#footer a{ color:#d2d2d2; text-decoration:none; }
#footer a:hover{ color:#eeeeee; text-decoration:underline; }
#footer .left{ width:400px; text-align:left; padding-top:2px; }
#footer .right{ width:400px; text-align:right; }
#footer .right a{ float:right; display:block; padding:2px 28px 0 0; width:220px; height:30px; background:url(../img/logo_rss.gif) top right no-repeat; }