/* 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, .hidden { display: none; margin-left:-100000px; font:0; }
 
body {background-image:url(../images/bg.jpg); background-repeat:repeat-y; background-position:top; background-color:#fff;}

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

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

#content { position:relative; margin: 0 auto; background-color:#fff; width:965px; padding:0 0 0 15px; }
#content h1{  background:url(../images/slice_top.jpg) no-repeat -10px 0; width:921px; height:32px; padding-left: 40px; padding-top:10px;font:bold 18px/24px Arial, Helvetica, sans-serif; color:#fff}
#content h1 span{  font:bold 15px/24px Arial, Helvetica, sans-serif; color:#fff;text-align:right; position:absolute; right:75px;}

#content #flash{ width:720px; float:left; background-image:url(../images/bg_flash.gif); background-repeat:no-repeat; background-position:bottom right;  margin-bottom:10px; padding-top:20px; padding-bottom:20px;}

#content #scene{ float:left;width:200px; padding:20px 0 15px 35px;}
#content #scene #lien{margin: 5px auto; background-image:url(../images/watch-the-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:76px; display:block; float:none;}
#content #scene #joinNow strong{ display:none;}

#content #scene ul { background-image:url(../images/bg_scene.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 11px/18px Arial, Helvetica, sans-serif; text-decoration:none; color:#000;}
#content #scene span {font: normal 11px/18px Arial, Helvetica, sans-serif;color:#fff;}
#content #scene a:hover{text-decoration:underline; color:#003366;}

#content #bottom{ clear:both;background:url(../images/info.jpg) no-repeat -10px top; height:500px; width:750px; float:left; }
#content #bottom h2{ background:url(../images/title_2.jpg) no-repeat; width:670px; height:32px; padding-left: 40px; padding-top:4px;font:bold 18px/18px Arial, Helvetica, sans-serif; color:#FFF; margin-bottom:15px}
#content #bottom span.longueur{font:bold 15px/18px Arial, Helvetica, sans-serif;  color:#fff;text-align: right; padding-left: 5px; position:absolute; right:290px; padding-top:3px;}

#content #bottom h4{ float:left;font:bold 14px/14px Arial, Helvetica, sans-serif;padding:0px 0 5px 16px;color:#c60a01; width:600px;}
#content #bottom span.desc{ font:bold 12px/18px Arial, Helvetica, sans-serif;color:#000; padding-left: 5px;}

#content #bottom #galerie{margin: 0; position:relative; float:left; width:720px; padding:20px 0 0 4px;}
#content #bottom #galerie a{ padding:0px;}
#content #bottom #galerie a img{ padding:0px;margin-right:2px; padding-bottom:2px;}
#content #bottom #galerie #img_contenant{ position:relative; left:7px; }

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


#content #bottom #galerie #bouton { width:200px; padding-top:10px; float:right; 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;}

#content #relatedVid{ margin: 0 auto;width: 200px;height:490px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif;text-align:center; background-image:url(../images/related_back.jpg); background-position:bottom; background-repeat:no-repeat;}


/*---------------------nouveaux screenshots-------------------------------*/
#content #bottom #galerieNew{margin: 0; position:relative; float:left; width:720px; padding:5px 0 0 4px;}
#content #bottom #galerieNew a{ padding:0px;}
#content #bottom #galerieNew a img{ padding:0px; padding-bottom:2px; margin:4px; margin-bottom:none; margin-top:0px;margin-right:0px;}
#content #bottom #galerieNew #img_contenant{ float:left; margin-left:0px; width:510px;}

#content #bottom #galerieNew h4{ float:left;font:bold 14px/14px Arial, Helvetica, sans-serif;padding-top:0px;padding-bottom:5px;padding-left:16px;color:#c60a01; width:100px;}
#content #bottom #galerieNew span.desc{ float:left; width:190px;font:bold 12px/14px Arial, Helvetica, sans-serif;color:#000; padding-left: 0px; text-align:justify; margin-left:10px;}
#boutonNew { width:200px; padding-top:10px; position:absolute;display: block; right:-10px; bottom:-10px;}
*:first-child+html #boutonNew{ right:5px;}
#boutonNew #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;}
#boutonNew #boutonDown:hover{ background-position: 0 -26px;}
#boutonNew #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;}
#boutonNew #boutonWatch:hover{ background-position: 0 -26px}
/**********************-----------------------------------------------*/
#content #relatedVid a{padding-top: 15px;text-decoration:none; color:#000;}
#content #relatedVid h4{ position:relative;font:bold 13px/18px Arial, Helvetica, sans-serif; width:200px;}
#content #relatedVid a:hover{text-decoration:underline;color:#c60a01;}

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

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