/* 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-color:#000;background-image:url(../images/header.jpg); background-position: top center; background-repeat:no-repeat;}

#container{position: relative; margin: 0 auto; width:980px;background-image:url(../images/header.jpg); background-position: top center; background-repeat:no-repeat;}

#header{ margin: 0 auto; width:980px; height:440px; display:block;}

#wrapper{ margin:0 auto; width:740px; padding-top:15px;}
#content { margin: 0 auto; width:980px;}
#content h1{  background:url(../images/slice_top.jpg) no-repeat; width:700px; height:28px; padding-left: 40px; padding-top:5px;font:bold 18px/24px Arial, Helvetica, sans-serif; color:#fff; }
#content h1 span{  font:bold 15px/24px Arial, Helvetica, sans-serif; color:#000;text-align:right; position:absolute; right:75px;}

#content #flash{  margin:0 auto; width:720px;  margin-bottom:10px; padding-top:20px; padding-bottom:20px;}



#content #bottom{ clear:both;background:url(../images/info.jpg) no-repeat; height:500px; width:740px; float:left; }
#content #bottom h2{ background:url(../images/title_2.jpg) no-repeat; width:670px; height:28px; padding-left: 40px; padding-top:5px;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:200px; padding-top:3px;}

#content #bottom h4{ float:left;font:bold 14px/14px Arial, Helvetica, sans-serif;padding:0px 0 5px 16px;color:#f5c64c; width:600px;}
#content #bottom span.desc{ font:bold 12px/18px Arial, Helvetica, sans-serif;color:#fff; 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:#f5c64c; }
#content #bottom #galerie span.desc{ float:left; width:410px;font:bold 12px/18px Arial, Helvetica, sans-serif;color:#fff; padding-left: 16px; top:8px; text-align:justify;}

#content #bottom #galerieNew{margin: 0; position:relative; float:left; width:750px; padding:5px 0 0 4px;}
#content #bottom #galerieNew a{ padding:0px;}
#content #bottom #galerieNew a img{ padding:0px;margin-right:0px; padding-bottom:2px; margin:0px; margin-bottom:none; margin-top:0px;}
#content #bottom #galerieNew #img_contenant{ float:left; width:525px; margin-left:12px; }

* html #content #bottom #galerieNew #img_contenant{ margin-left:6px; width:515px;}

#content #bottom #galerieNew h4{ float:left;font:bold 14px/14px Arial, Helvetica, sans-serif;padding-top:0px;padding-bottom:5px;padding-left:0px;color:#f5c64c; width:100px;}
#content #bottom #galerieNew span.desc{ float:left; width:200px;font:bold 12px/18px Arial, Helvetica, sans-serif;color:#fff; padding-left: 0px; text-align:justify;}

#content #bottom #galerieNew #bouton { width:200px; padding-top:2px; float:left; display: block; margin-right:0px; margin-top:25px;}


#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 #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;}



#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; }
