/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
html { overflow:-moz-scrollbars-vertical; }
.clear { clear: both; font-size: 0; height: 0; line-height: 0; }
.hiddentext { display: none; }
.hidden { font:0; display:none; margin-left:-100000px; height:0 }

body {background-image:url(../images/bg.jpg); background-repeat:repeat-y; background-position:top; background-color:#959595;}

#container{position: relative; left:-11px;margin: 0 auto; background-color:#fff; width:980px;}

#header{ margin: 0 auto; background-image:url(../images/header.jpg); background-position:top center;width:980px; height:473px; display:block; margin-bottom:10px;}
#header span { position:relative; top:9px; left:464px; font:bold 43px Arial, Helvetica, sans-serif; color:#000; 
text-align:left;}
#header a strong{ display:none;}

#content { position:relative; margin: 0 auto; background-color:#fff; width:980px;}
#content h1{ position:relative;margin: 0 auto; background-image:url(../images/tilte_1.jpg); background-repeat:no-repeat; width:920px; height:32px; padding-left: 40px; padding-top:4px;font:bold 18px/18px Arial, Helvetica, sans-serif; color:#FFF}
#content h1 span{ position:absolute;font:bold 15px/18px Arial, Helvetica, sans-serif; left:750px;color:#fff;text-align:right;padding-left: 5px; top:5px;}

#content #flash{ position:relative; margin: 0 auto 0 15px; width:760px; float:left; background-image:url(../images/bg_flash.gif); background-repeat:no-repeat; background-position:bottom right;  margin-bottom:10px; padding-bottom:20px; padding-top:20px;}
#content #scene{ position:relative; float:left; clear:right; width:200px; left:-12px;}
#content #scene #lien{margin: 5px auto; background-image:url(../images/watch_full.jpg); width:200px; height:32px; display:block;}
#content #scene #lien strong{ display:none;}
#content #scene #lien:hover{ background-position: 0 -32px;}
#content #scene #joinNow{position:relative; background-image:url(../images/join_now.jpg); background-repeat:no-repeat; width:200px; height:75px; display:block; float:none;}
#content #scene #joinNow:hover{background-position: 0 -75px;}
#content #scene #joinNow strong{ display:none;}

#content #scene ul { background-image:url(../images/scene_bg.jpg); height:150px; background-position:bottom; background-repeat:no-repeat;}
#content #scene ul li {margin: 5px auto 0 5px; width:200px; text-align:left;}
#content #scene a {font:bold 12px/12px Arial, Helvetica, sans-serif; text-decoration:none; color:#000;}
#content #scene span {font: normal 12px/12px Arial, Helvetica, sans-serif;color:#fff;}
#content #scene a:hover{text-decoration:underline; color:#799900;}

#content #bottom{ float:left;background-image:url(../images/bg_gallerie.jpg); background-repeat:no-repeat; background-position:5px 33px; width:980px;}
#content #bottom h2{ position: relative;float:left;background-image:url(../images/title_2.jpg); margin-left:23px;  background-repeat:no-repeat; width:915px; height:32px; padding-left: 25px; padding-top:4px;font:bold 18px/18px Arial, Helvetica, sans-serif; color:#FFF; margin-bottom:35px}
* html #content #bottom h2{margin-left:13px;}
* html #content #bottom{ margin-left:6px;}
#content #bottom span.longueur{ position:absolute; font:bold 15px/18px Arial, Helvetica, sans-serif; left:500px; color:#fff;text-align: left; padding-left: 5px; top:5px;}

#content #bottom h4{ float:left;font:bold 14px/14px Arial, Helvetica, sans-serif;padding-top:0px;padding-bottom:5px;padding-left:10px;color:#424242; margin-left:15px;}
* html #content #bottom h4{ float:left;font:bold 14px/14px Arial, Helvetica, sans-serif;padding-top:0px;padding-bottom:5px;padding-left:0px;color:#424242; margin-left:15px;}
#content #bottom span.desc{ font:bold 12px/18px Arial, Helvetica, sans-serif;color:#000; padding-left: 5px;}

#content #bottom #galerie{margin: 0 auto; position:relative; top:-5px; float:left; margin-left:16px; width:750px; padding-top:20px; background-repeat:no-repeat;}
* html #content #bottom #galerie{margin: 0 auto; position:relative; top:-5px; float:left; margin-left:10px; width:750px; padding-top:20px; background-image:url(../images/bg_galerie.gif); background-position:bottom left; background-repeat:no-repeat;}
#content #bottom #galerie img{ margin:2px;}
#content #bottom #galerie a{ padding:0px;}
#content #bottom #galerie #img_contenant{ position:relative; left:7px;}


/*----------------------------New Screenshots-----------------------------------------------*/

#content #bottom #galerieNew{margin: 0 auto; position:relative; top:-5px; float:left; margin-left:0px; width:750px; padding-top:20px; background-repeat:no-repeat;}
* html #content #bottom #galerieNew{margin: 0 auto; position:relative; top:-5px; float:left; margin-left:10px; width:750px; padding-top:20px; background-image:url(../images/bg_galerie.gif); background-position:bottom left; background-repeat:no-repeat;}
#content #bottom #galerieNew img{}
#content #bottom #galerieNew a{ padding:0px;}
#content #bottom #galerieNew #img_contenant{ float:left; margin-left:20px; width:505px;}
* html #content #bottom #galerieNew #img_contenant{ margin-left:5px;}
#content #bottom #galerieNew h4{ float:left;font:bold 14px/14px Arial, Helvetica, sans-serif;padding-top:10px;padding-bottom:5px;padding-left:02px;color:#424242; margin-left:5px; width:100px;}
#content #bottom #galerieNew span.desc{ position:relative; float:left; width:200px;font:bold 12px/18px Arial, Helvetica, sans-serif;color:#000; padding-left: 5px; top:8px; text-align:justify;}


#content #bottom #galerieNew #bouton { float:left;  width: 200px;padding-right:0px;padding-top:50px;display: block; margin-left:15px;}
*:first-child+html #content #bottom #galerieNew  #bouton { margin-left:0px;}
* html #content #bottom #galerieNew  #bouton { margin-left:0px;}


#content #bottom #galerieNew  #bouton #boutonDown { position:relative; margin-bottom:15px; width: 215px; height:26px; float:right; clear:none; display: block ;background:url(../images/download.jpg) no-repeat 0 0; padding:0px;}
#content #bottom #galerieNew  #bouton #boutonDown:hover{ background-position: 0 -26px;}
#content #bottom #galerieNew  #bouton #boutonWatch { position:relative; margin-bottom:15px; width: 215px; height:26px; float:right; clear:none; display: block ;background:url(../images/watch_online.jpg) no-repeat 0 0; padding:0px;}
#content #bottom #galerieNew  #bouton #boutonWatch:hover{ background-position: 0 -26px;}

/*************----------------------------------------***************************************/

#content #bottom #galerie h4{ float:left;font:bold 14px/14px Arial, Helvetica, sans-serif;padding-top:10px;padding-bottom:5px;padding-left:02px;color:#424242; margin-left:5px;}
#content #bottom #galerie span.desc{ position:relative; float:left; width:410px;font:bold 12px/18px Arial, Helvetica, sans-serif;color:#000; padding-left: 5px; top:8px; text-align:justify;}


#content #bottom #galerie #bouton { position:relative; left:42px; width: 200px;padding-right:0px;padding-top: 10px;float:left;clear:none;display: block;}
*:first-child+html #content #bottom #galerie #bouton { position:relative; left:32px; width: 200px;padding-right:0px;padding-top: 10px;float:left;clear:none;display: block;}
* html #content #bottom #galerie #bouton { position:relative; left:12px; width: 200px;padding-right:0px;padding-top: 10px;float:left;clear:none;display: block;}


#content #bottom #galerie #bouton #boutonDown { position:relative; margin-bottom:15px; width: 215px; height:26px; float:right; clear:none; display: block ;background:url(../images/download.jpg) no-repeat 0 0; padding:0px;}
#content #bottom #galerie #bouton #boutonDown:hover{ background-position: 0 -26px;}
#content #bottom #galerie #bouton #boutonWatch { position:relative; margin-bottom:15px; width: 215px; height:26px; float:right; clear:none; display: block ;background:url(../images/watch_online.jpg) no-repeat 0 0; padding:0px;}
#content #bottom #galerie #bouton #boutonWatch:hover{ background-position: 0 -26px;}

#relatedVid{margin: 0 auto;width: 200px;height:450px; float:left; position:relative;  top:-60px;font:bold 12px/18px Arial, Helvetica, sans-serif;text-align:center; background-image:url(../images/bg_related.jpg); background-position:0px 20px;; background-repeat:no-repeat;padding-top: 75px; margin-left:15px;}
* html #relatedVid{ margin-left:5px;} 

#relatedVid a{padding-top: 15px;text-decoration:none; color:#000; }
#relatedVid a:hover{text-decoration:underline;color:#799900;}

#footer{ margin: 0 auto; position:relative; clear:both; background-image:url(../images/footer.gif); width:948px; height:74px; display:block; padding-bottom:10px; background-repeat:no-repeat; }

#flashplayer { position:relative; }
#flashplayer .bt_play { display:block; width:130px; height:130px; position:absolute; z-index:2; left:285px; top:198px; background:url(../images/play.png) no-repeat 0 0; }
#flashplayer .bt_play span { display:none; }