/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a, a:hover, a:visited 
{
    text-decoration: none;
}

/* STRUCTURE du site */

body 
{
	padding:0;
	margin:0;
	background: #000000 url(../img/fond.png) no-repeat center top;
}

#container
{
	background: url(../img/vhsman.png) no-repeat center top;
	width: 100%;
	height: 700px;
}

#container2
{
	
	width: 100%;
	height: 700px;
}

#contenu
{
	width: 100%;
}

#header
{
	width:100%;
	height:40px;
}


#menu_bt
{
    margin:auto;
	width:700px;
	height:40px;
}

#bt_jcom
{
    float:left;
	width:118px;
	height:40px;
    display:inline;
}

#bt_jcom img:hover
{
   filter:alpha (opacity=90);
    opacity:0.90;
    -moz-opacity:0.90;
}

#films
{
    float:right;
	width:127px;
	height:40px;
    display:inline;
}

#films img:hover
{
    filter:alpha (opacity=90);
    opacity:0.90;
    -moz-opacity:0.90;
}

#team
{
    float:right;
	width:72px;
	height:40px;
    display:inline;
}

#team img:hover
{
    filter:alpha (opacity=90);
    opacity:0.90;
    -moz-opacity:0.90;
}

#contact
{
    float:right;
	width:99px;
	height:40px;
    display:inline;
}

#contact img:hover
{
    filter:alpha (opacity=90);
    opacity:0.90;
    -moz-opacity:0.90;
}

#centre
{
	width:100%;
	height:460px;
}

#footer
{    
	width:100%;
	height:200px;
}

#menu_colonne
{
    margin: auto;
	width:800px;
	height:170px;
}

#col_news
{
    float:left;
	width:350px;
	height:170px;
    display:inline;
}

#col_news img:hover
{
    filter:alpha (opacity=80);
    opacity:0.80;
    -moz-opacity:0.80; 
}

#col_cachalot
{
    float:right;
	width:100px;
	height:170px;
    display:inline;
}

#col_cachalot img:hover
{
    filter:alpha (opacity=80);
    opacity:0.80;
    -moz-opacity:0.80; 
}
    
#col_lastfilm
{
    float:right;
	width:350px;
	height:170px;
    display:inline;
}

#col_lastfilm img:hover
{
    filter:alpha (opacity=80);
    opacity:0.80;
    -moz-opacity:0.80; 
}

#menu_link
{
    margin: auto;
	width:413px;
	height:30px;
}

#twitter
{
    float:left;
	width:104px;
	height:25px;
    display:inline;
}

#twitter img:hover
{
 background: url(../img/bt_twitter.png) no-repeat center; 
}

#facebook
{
    float:right;
	width:104px;
	height:30px;
    display:inline;
}

#facebook img:hover
{
    background: url(../img/bt_facebook.png) no-repeat center; 
}
#vimeo
{
    float:right;
	width:84px;
	height:30px;
    display:inline;
}

#vimeo img:hover
{
    background: url(../img/bt_vimeo.png) no-repeat center; 
}

#dailymotion
{
    float:right;
	width:121px;
	height:30px;
    display:inline;
}

#dailymotion img:hover
{
    background: url(../img/bt_dailymotion.png) no-repeat center; 
}



/* CLIENTS */

#clients 
{
    width: 100%;
    z-index: 10000;  
}

#slideshow 
{
    position: relative;
    height: 340px;
    overflow: hidden;
}

#prev 
{
    width: 26px;
    height: 30px;
    margin-left:117px;
    cursor: pointer;
}

#next 
{
    width: 26px;
    height: 30px;
    margin-left:117px;
    cursor: pointer;
}

.client 
{
    position: relative;
    height: 335px;
    margin-bottom: 5px;
    overflow: hidden;
}

.client-img 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 340px;
    z-index: 10;
    
}

.client-text
{
    position: absolute;
    width: 260px;
    height: 150px;
    margin-top:8px;
}

.client-inf 
{
    position: absolute;
    width: 600px;
    height: 340px;
    top: 0;
    right: 635px;
    color: #A6A6A6;
    overflow: hidden;
    z-index: 9;
}





.clearer
{
    clear:both;
    line-height:0px;
    font-size:1px;
    height:0px;
    overflow:hidden;
}


img
{
	border: 0px;
}

/*By jcomprod */