html,* {
	padding:0;
	margin:0;
	outline:none;
	font-weight:normal;
}
body{
	background:#171616;
    font-family: Arial,sans-serif;
	font-size:12px;
	color:#bbbbbb;
	font-weight:normal;
	overflow-x:hidden;
}

@font-face {
    font-family: tintinFont;
    src: url("../font/tintin_talking.eot") /* EOT file for IE */
}
@font-face {
    font-family: tintinFont;
    src: url("../font/tintin_talking.ttf") /* TTF file for CSS3 browsers */
}

p {
  word-wrap: break-word;
  line-height:18px;
  overflow:hidden;
}
p a {
    color:#D20338;
}
h1, h2, h3, h1 a, h2 a, h3 a {
    
}

h1 a {
   color:#ffffff;
}

a {
    color:#A1A1A1;
    text-decoration:none;
    font-family: 'lucida grande','lucida sans unicode',arial,sans-serif;
}
a:hover {
    color:#ffffff;
    text-decoration:underline;
}

ul,ol {
	list-style:none;
}
li {
    word-wrap: break-word;
}

form {
    /*background:#252223;*/
}

option {}

.img-shadow {
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}

input,select,textarea {
    font-family: Arial,serif;
    background:#3b3939;
    color:#ffffff;
    border:solid 1px #474444;
    height:20px;
    font-size:12px;
    padding:0 0 0 2px;
    
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
}

checkbox,radio {}

img {
    border:none;
}

strong, b {
    font-weight:bold;
}


.calage {
    clear:both;
    width:100%;
    font-size:1px;
    height:0px;
}

.shadow-30 {
    background: url(../img/commun/shadow-30.png) center bottom no-repeat;
}
.shadow-100 {
    background: url(../img/commun/shadow-100.png) center bottom no-repeat;
}
.half-shadow-30 {
    background: url(../img/commun/half-shadow-30.png) center bottom no-repeat;
}
.half-shadow-100 {
    background: url(../img/commun/half-shadow-100.png) center bottom no-repeat;
}
.third-shadow-100 {
    background: url(../img/commun/third-shadow-100.png) center bottom no-repeat;
}

.indent {
    text-indent:-10000px;
}

.border {
    border:solid 1px #2a2c2c;
}
.border-t {
    border-top:solid 1px #2a2c2c;
}
.border-t-3 {
    border-top:solid 3px #2a2c2c;
}
.border-b {
    border-bottom:solid 1px #2a2c2c;
}
.border-b-3 {
    border-bottom:solid 3px #2a2c2c;
}

.century {
    font-family:Georgia,"Times New Roman",serif;
    color:#555;
    font-weight:normal;
    letter-spacing:-1px;
}

.corner {
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
}

.no-margin-r {
    margin-right:0;
}

.more {
    display:block;
    float:right;
    font-size:16px;
    color:#ffffff;
    margin:15px 0 0 0;
}

.f_content {
	display:none;
	height:1px;
}

.msg {
    font-size:13px;
    font-style:italic;
}
.error {
    color:red;
}
.fine {
    color:green;
}
.comment-link {
    color:#ffffff;
}
.ancre {
    line-height:1px;
}

.submit, .submit-search {
    width:85px;
    height:20px;
    background-color:none;
    background:url(../img/commun/btn-submit.gif) no-repeat;
    border:none;
    padding:0 0 0 25px;
    cursor:pointer;
    color:#ffffff;
}

/* display zone for ajax menu*/
.display {
    float:left;
    width:300px;
    height:25px;
    line-height:25px;
    text-align:center;
    border: solid 1px #252727;
    font-size:16px;
    color:#ffffff;
    padding:0 0 0 10px;
    text-transform:capitalize;
}
.display em {
    font-size:12px;
    font-weight:bold;
}

.firstletter:first-letter {
    text-transform:uppercase;
}

.firstletterp:first-letter {
    float:left;
    clear:both;
    font-size:50px;
	color:#555555;
	margin:7px 7px 0 0;
	line-height:30px;
	font-family: Georgia,"Times New Roman",serif;
}

.hd {
    background:url(../img/commun/icon-hd.png) right 11px no-repeat;
    padding:0 38px 0 0;
}
.small-hd {
    display:block;
    position:absolute;
    z-index:20;
    width:20px;
    height:inherit;
    background:url(../img/commun/icon-hd-small.png) left bottom no-repeat;
}
#preview-video, #preview-img {
    position:absolute;
    z-index:200;
    width:125px;
    height:75px;
    background:#111111;
    border:solid 1px #111111;
    border-bottom:solid 8px #111111;
    display:none;
    overflow:hidden;
    -moz-box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
}
#preview-img {
    width:170px;
    height:100px;
    border-bottom:solid 1px #111111;
}
 #preview-img img {
    width:170px;
}

.join-facebook a {
    display:block;
    width:300px;
    height:70px;
    background:url(../img/commun/join-facebook.jpg) no-repeat;
    text-indent:-10000px;
}

/*************************************** css admin tools in website pages */
.admin-container {
    float:right;
    height:13px;
    margin:5px 6px 0 0;
}
.admin-container a {
    display:block;
    float:left;
    width:13px;
    height:13px;
    text-indent:-10000px;
    margin:0 0 0 5px;
}
.admin-container .suppr {
    background:url(../img/commun/admin-delete.gif) no-repeat;
}
.admin-container .lock {
    background:url(../img/commun/admin-lock.gif) no-repeat;
}
.admin-container .modify {
    background:url(../img/commun/admin-modify.gif) no-repeat;
}

/* btn ajout fiche film */
.ajout-film {
    display:block;
    width:300px;
    height:32px;
    background:url(../img/commun/btn-ajout-film.gif) left center repeat-x;
    font-family: 'lucida grande','lucida sans unicode',arial,sans-serif;
    color:#ffffff;
    text-align:center;
    line-height:32px;
    overflow:hidden;
    margin:8px 0 0 0;
}
.ajout-film span {
    font-size:12px;
    font-weight:bold;
}

/************************* website top menu*/
.container-site-menu {
    position:fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index:99999;
    width:100%;
    height:42px;
    background:url(../img/commun/bg-main-menu.png) left bottom repeat-x;
    /*    
    background:#373737;
    height:32px;
    background: -moz-linear-gradient(#373737, #2b2b2b);
    background: -webkit-gradient(linear,left top, left bottom,from(#373737),to(#2b2b2b));
    -moz-box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;*/
}

.container-site-menu .site-menu-content {
    width:1012px;
    margin:auto;
}

.container-site-menu .site-menu {
    float:left;
}
.container-site-menu .site-menu, .container-site-menu .site-menu li {
    height:39px;
}
.container-site-menu .site-menu li, .container-site-menu .site-menu li a {
    display:block;
    float:left;
}
.container-site-menu .site-menu li a {
    height:32px;
    font-size:1.1em;
    font-weight:bold;
    color:#ffffff;
    line-height:33px;
    padding:0 10px;
    border-right:solid 1px #171616;
}
.container-site-menu .site-menu .fixed {
    background:url(../img/commun/main-menu-pointer.png) center bottom no-repeat;
}
.container-site-menu .site-menu .fixed a {
    background:#830324;
}
.container-site-menu .site-menu li .home {
    width:25px;
    height:32px;
    background:url(../img/commun/home.gif) center center no-repeat;
    text-indent:-30000px;
    border-right:solid 1px #171616;
    border-left:solid 1px #171616;
}

/*********************************** website sub menu *******************************/
#sub-menu {
    clear:both;
    width:694px;
    height:70px;
    margin:15px 0 0 0;
}
#sub-menu ul {
    position:relative;
    height:70px;
}
#sub-menu ul li {
    display:block;
    float:left;
    height:33px;
    margin:20px 10px 0 0;
}
#sub-menu ul li a {
    display:block;
    float:left;
    height:26px;
    line-height:24px;
    font-size:12px;
    color:#a1a1a1;
    background:#000;
    border:solid 2px #444;
    padding:0 9px;
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    background:#333333;
}
#sub-menu ul .active a {
    text-decoration:none;
    color:#000000;
    font-weight:bold;
    background:#ffffff;
    border:solid 2px #cacaca;
}

/*********************************** scolling text *******************************/
#scrollup {
    float:left;
    position: relative;
    overflow: hidden;
    height: 32px;
    width: 380px;
    overflow:hidden;
}
.headline {
    position: absolute;
    top: 50px;
    left: 0px;
    width:580px;
    height: 32px;
    line-height:15px;
    overflow: hidden;
}
.headline span {
    font-size:11px;
}
.headline .img-news {
    display:block;
    float:left;
    width:65px;
    height:32px;
    margin:0 7px 0 0;
    overflow:hidden;
}
.headline .img-trailer {
    width:32px;
}
.headline a strong {
    color:#ffffff;
}


/************************************************************* structure */
#bloc-login {
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    background: url(../img/commun/bg-bloc-login.png) left top repeat-x;
    margin:0 auto auto auto;
    z-index:100000;
    width:100%;
    height:41px;
}

#bloc-login .logo {
    display:block;
    float:left;
    width:190px;
    height:25px;
    background: url(../img/commun/logo.gif) left top no-repeat;
    text-indent:-10000px;
    margin:8px 0 0 0;
}

#main-search {
    float:left;
    display:inline;
    margin:1px 0 0 150px;
    width:380px;
    height:30px;
    padding:8px 0 0 0;
}

#local-search-form {
    width:694px;
    height:40px;
    line-height:38px;
    margin:10px 0 0 0;
    color:#ffffff;
}
#local-search-form select {
   margin:10px 3px 0 3px;
}
#main-search * {
    float:left;
}
#main-search input {
    width:295px;
    padding:0 0 0 5px;
    color:#666666;
}
#main-search button, .right-search button, #local-search-form button {
    width:20px;
    height:22px;
    line-height:15px;
    margin:0 0 0 8px;
    border:none;
    cursor:pointer;
    background: url(../img/commun/bg-search-button.gif) no-repeat;
}
#local-search-form button {
    margin:0 0 0 5px;
}
#local-search-form input {
    margin:0 0 0 5px;
    width:140px;
}
#local-search-form .from {
    width:155px;
}
#local-search-form .where {
    width:120px;
}

/************************* search engine, index top menu*/
#main-container {
    width:1012px;
    margin:auto;
    padding:95px 0 0 0;
    background: url(../img/commun/bg-light.jpg) center top no-repeat;
}


/***************************** search page result */
.search-result {
    margin:22px 0 0 0;
    padding:0;
}
.search-result p.text {
    font-size:12px;
    color:#ffffff;
    line-height:21px;
    padding:0 0 15px 0;
}
.search-result div {
    line-height:21px;
    padding:15px 0;
}
.search-result div {
    line-height:21px;
    padding:15px 0;
}
.search-result div h2, .search-result div strong {
    color:#ffffff;
}
.search-result .categ {
    margin:15px 0 0 0;
}
.search-result .categ h2 {
    font-family:'Georgia',sans-serif;
    font-size:4em;
    margin:0 0 12px 0;
    color:#555555;
}
.search-result div ul {
    margin:10px 0 0 0;
}
.search-result div ul li {
    margin:0 0 5px 0;
}
.search-result div ul li a {
    font-size:14px;
    color:#ffffff;
}
.search-result div ul li a:visited {
    color:#444444;
}
.search-result div ul li a:hover {
    color:#ffffff;
}
.search-result div ul li a em {
    color:#A1A1A1;
}



/************************************************ when user is logged out */
.logged-out, .logged-in {
    width:1012px;
    height:50px;
    margin:auto;
    line-height:40px;
    color:#878082;
    font-size:11px;
}
.logged-out ul, .logged-in ul {
    float:right;
    height:40px;
}
.logged-out ul li, .logged-in ul li {
    float:left;
}
.logged-out ul li a {
    display:block;
    color:#a1a1a1;
    font-size:11px;
}
.logged-out a:hover, .logged-in a:hover {
    color:#ffffff;
}
.logged-out ul li a.log {
    padding:0 0 0 20px;
    background: url(../img/commun/icon-logged-out.gif) left center no-repeat;
}


/************************************************ when user is logged in */
.logged-in a {
   color:#878082;
}
.logged-in span {
    text-transform:capitalize;
    color:#ffffff;
}
.logged-in .deconnect {
    float:right;
}
.logged-in .deconnect span {
    color:#d20338;
}
.logged-in ul li.btn-avatar a {
    display:block;
    height:22px;
    line-height:22px;
    margin:8px 0 0 0;
}
.logged-in ul li.btn-avatar a img {
    float:left;
    margin:0 5px 0 2px;
    border:solid 1px #444444;
}

#bloc-login a {
    color:#ffffff;
}

#bloc-login .help a {
    width:16px;
    height:16px;
    background: url(../img/commun/icon-help.gif) no-repeat;
    margin:11px 0 0 0;
    text-indent:-30000px;
}

#bloc-login .btn-subscription {
    line-height:15px;
}
#bloc-login .btn-subscription a {
    width:102px;
    height:16px;
    background: url(../img/commun/bg-btn-subscription.gif) repeat-x;
    border:solid 1px #d8033a;
    margin:10px 2px 0 2px;
    padding:0 2px;
    text-align:center;
    text-decoration:none;
}

#bloc-login .formulaire {
    width:100%;
    background: url(../img/commun/bg-bloc-login-form.png) left bottom repeat-x;
    margin:-10px auto auto auto;
    border-top:solid 1px #000;
}
#bloc-login .formulaire form {
    width:1012px;
    height:48px;
    margin:auto;
    padding:17px 0 0 355px;
}
#bloc-login .formulaire form * {
    display:block;
    float:left;
}
#bloc-login .formulaire form span {
    padding:3px 0 0 0;
}
#bloc-login .formulaire form input {
    margin:0 22px 0 15px;
}
#bloc-login .formulaire p.error {
    float:none;
    clear:both;
    width:365px;
    margin:0 0 0 90px;
}
#bloc-login .close {
    clear:both;
    display:block;
    width:16px;
    height:15px;
    font-size:11px;
    margin:2px auto auto auto;
}
#bloc-login .close:hover {
    text-decoration:none;
}
#bloc-login input.f_content {
    display:none;
    border:none;
}

/***************************************************** leaderboard */
#leaderboard {
    width:728px;
    height:90px;
    margin:auto auto 20px auto;
}

/************************* container of content and the two columns*/
#content {
    float:left;
    width:1012px;
    overflow:hidden;
    padding:15px 0 0 0;
}

#container-overlay {
    width:1012px;
    height:120px;
    background:#171616;
}
.bloc-calage {
    width:1012px;
    height:58px;
    background:none;
}

.col-left {
    float:left;
    width:694px;
    overflow:hidden;
}

.col-right {
    float:right;
    width:300px;
    padding-left:12px;
    overflow:hidden;
    background: url(../img/commun/bg-right-col.png) left top no-repeat;
    margin:15px 0 0 0;
}


/*********************************************************** commun */
.col-right .bloc {
    clear:both;
    margin:0 0 22px 0;
    padding:5px 0 0 0;
    border-top:solid 3px #2a2c2c;
}
.col-right .title {
    padding:0 0 10px 0;
    font-size:2.5em;
    text-indent:-1px;
    color:#444444;
    font-family: 'Georgia',Arial,sans-serif;
    line-height:26px;
}

.col-right h3 {    
    font-size:16px;
    margin:0 0 10px 0;
    color:#555555;
    font-family: 'Georgia',arial,sans-serif;
}
.col-right h3 em {
    font-style:normal;
    font-family: Georgia,arial,sans-serif;
    font-size:27px;
    color:#A1A1A1;
    letter-spacing:0;
}

.right-menu li {
   height:25px;
}
.right-menu li a {
    font-size:1.6em;
    letter-spacing:-1px;
}
.right-menu a:hover, .right-menu .fixed {
    color:#ffffff;
}


.col-right .top {
    height:27px;
    margin:24px 0 0 0;
}
.col-right .top li {
    float:left;
}
.col-right .top li a {
   font-size:1em;
   color:#ffffff;
   letter-spacing:0;
}
.col-right .top li a.home {
    display:block;
    width:110px;
    background:url(../img/commun/home.gif) left center no-repeat;
    text-indent:20px;
}
.col-right .top li a.back-public-space {
    background:url(../img/commun/back-public-space.gif) left center no-repeat;
    padding:0 0 0 20px;
}
.right-search form {
    height:24px;
}
.right-search form * {
    float:left;
}
.right-search form input {
    width:266px;
}
right-search div.content {
    height:250px;
    overflow:auto;
    background:#F5F6F7;
    padding:10px;
    border:solid 1px #DDDEDE;
    margin:10px 0 0 0;
}
.right-search ul li {
    margin:0 0 8px 0;
}
.right-search ul li em {
    color:#ffffff;
    font-weight:bold;
    font-style:normal;
}
.right-search ul li a:visited {
    color:#444444;
}
.right-search ul li a:visited em {
    font-weight:normal;
    color:#A1A1A1;
}
.right-search ul li a:visited:hover {
    color:#ffffff;
}
.right-search a.close {
    display:block;
    width:28px;
    height:15px;
    margin:8px auto 0 auto;
    color:#878082;
}
.right-search a.close:hover {
    color:#ffffff;
}

.right-search a.close:hover {
    text-decoration:none;
}
.right-search .return {
    font-size:14px;
    color:#ffffff;
}

.right-search #right-search-result {
    width:292px;
    margin:10px 0 0 0;
    padding:0 5px 0 0;
    max-height:200px;
    overflow:auto;
}
.right-search #btn-delete-var {
    display:none;
    font-size:12px;
}
.right-search #btn-delete-var em {
    color:#D20338;
    font-style:normal;
}

/************************************** title shadow 100 */
.category-title {
    display:block;
    position:absolute;
    width:1012px;
    height:99px;
    line-height:48px;
    text-indent:-1px;
}
.category-title h1, .category-title h2 {
    font-size:3em;
    font-weight:normal;
}

.category-title h1 em, .category-title h2 em {
    font-size:1em;
    color:#A1A1A1;
}
.category-title em {
    font-size:16px;
    font-style:normal;
}

.pagination {
    clear:both;
    height:30px;
}

/*************************************************************** footer */
#bloc-footer {
    clear:both;
    width:100%;
    height:280px;
    background:#1d1c1c;
    margin:50px 0 0 0;
}
#bloc-footer div.top {
    width:100%;
    height:30px;
    background:#222222;
    margin:0 0 0px 0;
    line-height:30px;
}
#bloc-footer div.top div {
    width:1012px;
    margin:auto;
}
#bloc-footer div.content {
    position:absolute;
    width:1012px;
    left:50%;
    margin-left:-506px;
}
#bloc-footer div.top div ul li {
    float:left;
    margin:0 20px 0 0;
}
#bloc-footer div.top div ul li a {
    font-size:12px;
}
#bloc-footer div.top form {
    float:right;
}
#bloc-footer div.top form input {
    margin:4px 5px 0 5px;
    width:235px;
}
#bloc-footer div.top form button {
    padding-left:12px;
}

/******************************************** footer content */
#bloc-footer div.content {
    margin-top:15px;
    padding:0 0 15px 0;
}
#bloc-footer div.content ul {
    float:left;
    width:290px;
    overflow:hidden;
}
#bloc-footer div.content .website {
    width:190px;
}
#bloc-footer div.content ul li {
   margin:2px 0 0 0;
}
#bloc-footer div.content ul li h3 {
    font-weight:bold;
    font-size:16px;
    color:#ffffff;
    margin:0 0 10px 0;
}
#bloc-footer div.content ul li a, #bloc-footer div.content ul li a em {
   font-style:normal;
   color:#ffffff;
}

#bloc-footer div.content ul li.video {
    width:260px;
    height:71px;
    overflow:hidden;
}
#bloc-footer div.content ul li.video .big, #bloc-footer div.content ul li.video .big img {
    float:left;
    width:52px;
    height:64px;
}
#bloc-footer div.content ul li.video .big {
    margin-right:7px;
}
#bloc-footer div.content ul li.video .title {
    width:140px;
    height:auto;
    color:#ffffff;
    font-size:20px;
    font-weight:normal;
    line-height:19px;
    margin:0;
}
#bloc-footer div.content ul li.video span {
    font-size:15px;
    color:#ffffff;
}
#bloc-footer #newsletter_footer {
    float:left;
    width:215px;
    border-left:solid 1px #2a2c2c;
    border-right:solid 1px #2a2c2c;
    margin:0 12px 0 0;
    padding:0 0 0 12px;
}

#bloc-footer #newsletter_footer ul {
    float:left;
    width:210px;
}
#bloc-footer #newsletter_footer .ul2 {
    width:203px;
    padding:5px 0 0 0;
}

#bloc-footer #newsletter_footer #footer-newsletter-return {
    width:210px;
    margin:3px 0 0 0;
    line-height:15px;
}

#bloc-footer #newsletter_footer form {
    clear:both;
    height:25px;
    padding:12px 0 7px 0;
    line-height:25px;
}
#bloc-footer #newsletter_footer form * {
    float:left;
}
#bloc-footer #newsletter_footer form .submit {
    width:20px;
    margin:1px 0 0 5px;
}

#bloc-footer #newsletter_footer form .newsletter-field {
    width:173px;
}

#copyright {
    clear:both;
    display:block;
    width:250px;
    margin:15px auto;
    font-family:Arial,Verdana,sans-serif;
    color:#434040;
    text-align:center;
}

/*************************************************** subscription page */
.subscription {
    margin:40px 0 0 0;
    color:#ffffff;
    font-size:14px;
}
.subscription p.text {
    margin:0 0 15px 0;
}
.subscription p {
    line-height:19px;
}
.subscription em {
     color:#D20338;
}

/*************************************************** cgu page */
.cgu {
    color:#ffffff;
    text-align:justify;
    padding:0 0 25px 0;
}

.bookmark {
    display:block;
    width:140px;
    height:16px;
    background:url(../img/commun/heart.gif) left center no-repeat;
    color:#ffffff;
    padding:0 0 0 25px;
    overflow:hidden;
}


/******************************** widget buttons **************************/
.widget-fav-button {
    position:absolute;
    z-index:100000;
    top:0;
    right:0;
    display:block;
    width:40px;
    height:40px;
    background:url(../img/commun/widget-fav-off.jpg) no-repeat;
    text-indent:-30000px;
}

/********************************** newsletter ***************************/
.newsletter .open, .newsletter .granted {
    font-family: Georgia,arial,sans-serif;
}
.newsletter em {
    font-style:normal;      
}
.newsletter .open {
    font-size:23px;    
    color:#ffffff;
    margin:0;
}
.newsletter .open em {
   font-size:16px;  
}
.newsletter h3, .newsletter .granted em {
    font-family: Georgia,arial,sans-serif;
    font-size:16px;
    color:#ffffff;
    letter-spacing:0;
}
.newsletter h3 em {
    font-size:34px;    
}
.newsletter .granted em {
    font-weight:bold;
}

.newsletter .img {
    display:block;
    width:300px;
    height:148px;
    background:url(../img/commun/bg-bloc-newsletter.png) no-repeat;
    text-indent:-30000px;
    margin:0 0 10px 0;
}
.newsletter p {
    clear:both;
    padding:5px 0 0 0;
    color:#ffffff;
}
.newsletter form {
    width:300px;
    height:20px;
}
.newsletter form * {
    float:left;
}
.newsletter form input {
    width:225px;
    margin:10px 8px 0 0;
}
.newsletter form button {
    width:20px;
    margin:10px 0 0 0;
    text-indent:-30000px;
}


/******************************* bloc vote *******************************/
.bloc-vote {
    clear:both;
    width:694px;
    height:35px;
    background:#222222;
    margin:15px 0 0 0;
    padding:5px 0 0 20px;
    font-size:14px;
    color:#ffffff;
}
.bloc-vote li {
    float:left;
    width:215px;
    line-height:30px;
    padding:0 0 0 20px;
}
.bloc-vote li a {
    color:#ffffff;
}
.bloc-vote .up {
    background:url(../img/commun/thumb-up.png) left center no-repeat;
}
.bloc-vote .down {
    background:url(../img/commun/thumb-down.png) left center no-repeat;
}
.bloc-vote .result {
    font-size:17px;
    font-weight:bold;
}


/*********************************** comment bloc *******************************/
#contener_comment h4 {
    color:#ffffff;
    font-size:1.6em;
}
#contener_comment .comment form {
   width:100%;
}
#contener_comment .comment form button {
   margin:0 0 0 320px;
}
#contener_comment .comment form button#trailer {
   margin:0 0 0 305px;
}
#contener_comment .comment a {
   color:#ffffff;
   font-size:19px;
}
#contener_comment a.mention {
   font-size:2.0em;
   letter-spacing:-1px;
}
#contener_comment .comment textarea {
   width:688px;
   height:150px;
   margin:12px 0 12px 0;
}
#contener_comment .comment-content {
    background:#222;
    padding:12px;
    font-size:14px;
    color:#ffffff;
    line-height:20px;
    margin:0 0 12px 0;
}
#contener_comment .comment-content .avatar {
    float:left;
    display:block;
    width:50px;
    height:50px;
    margin:5px 7px 0 0;
}
#contener_comment .comment-content em {
    font-size:12px;
    color:#878082;
}
#contener_comment .comment-content em strong {
    color:#ffffff;
}
#contener_comment .comment-content .admin-container {
    margin:5px 0 0 0;
}

/*********************************** pop up trailer *******************************/
.trailer-popup {
    background:none;
    width:690px;
    margin:auto;
    color:#ffffff;
}
.trailer-popup h1 {
    font-size:20px;
    margin:0 0 10px 0;
}

/*********************************** widget currently *******************************/
#container-currently ul {
    height:420px;
    overflow:hidden;
}
#container-currently ul li {
    height:30px;
    background:#222222;
    overflow:hidden;
    padding:5px;
    margin:0 0 2px 0;
}
#container-currently ul li .img {
    display:block;
    float:left;
    width:50px;
    height:27px;
    background:#000000;
    margin:0 8px 0 0;
    overflow:hidden;
}
#container-currently ul li span strong, #container-currently ul li span em {
    font-size:11px;
    color:#ffffff;
    font-style:normal;
}
#container-currently ul li span, #container-currently ul li span em {
    font-size:10px;
}

#container-currently ul li a, #container-currently ul li a:hover {
    color:#ffffff;
}

#container-currently ul.trailer {
     height:370px;
}
#container-currently ul.trailer li {
    height:50px;
    overflow:hidden;
}
#container-currently ul.trailer li a {
    font-size:1.6em;
    line-height:18px;
    letter-spacing:-1px;
}
#container-currently ul.trailer li .img {
    height:48px;
}