* { margin:0; padding:0; }
ul { list-style-type:none; }
a { text-decoration: none; }
img { border: 0; }

body {
	text-align:center;
	font: normal 0.7em/1.3em Arial, Helvetica, sans-serif;
	background: #717171 url(../images/bg_body.jpg) repeat-x;
}
#global {
	width:990px;
	margin:0 auto;
	text-align:left;
	background: #FFFFFF url(../images/bg_global_left.png) repeat-y;
	margin-top:35px;
}
#main {
	width:980px;
	background: url(../images/bg_main.jpg) repeat-x;
	margin-left:10px;
}


h2 { text-align:right; margin-left:218px;margin-bottom:35px;  width:280px; font-size:1.7em; font-weight:bold; color:#bd0000;line-height:1.1em;}
h3 { margin-bottom:25px; line-height:1em; font-size:1.3em; color:#bd0000; }
h4 { margin-bottom:10px; margin-top:15px; padding:0 0 5px 0; font-weight:bold; color:#666666; font-size:1.1em; border-bottom:1px dotted #bd0000;}


/* =Haut de page */

#top { height:138px; background:url(../images/bg_top.jpg) no-repeat right top; }

#top h1 {
	position:absolute;
	width:245px;
	height:42px;
	background: url(../images/titre_vodproduction.png) no-repeat;
	margin: 48px 0 0 231px;
	
}

#top #visuel-lf-tp {
	position:absolute;
	display:block;	
	width:222px;
	height:214px;
	background:url(../images/img_camera.jpg) no-repeat;	
	margin-top:-10px;
}

#top h1 span { position:absolute; left:-9000px; }
/*  =================================================================
/*  =Navigation
/*  ================================================================*/

#nav { 
	float:right;
	height:83px;	
	padding:54px 26px 0 0 !important; padding:54px 16px 0 0;
	line-height:21px;
}

#nav li { float:left; margin-right:4px; }

#nav a {
	float:left;	
	padding-left:14px;	
	color:#3d3d3d;
	background:url(../images/bg_menu.png) no-repeat left top;
}
#nav li a span {
	display:block;
	padding-right:14px;
	background: url(../images/bg_menu.png) no-repeat right top;
	cursor:pointer;
}

#nav li a:hover, #nav .active a { color:#f0f0ef; background:url(../images/bg_menu.png) no-repeat left -22px; }
#nav li a:hover span, #nav .active a span { background:url(../images/bg_menu.png) no-repeat right -22px; }

/*  =================================================================
/*  =Sous-nav
/*  ================================================================*/

#sousnav { float:left; margin:70px 0 0 23px !important; margin:70px 0 0 13px; width:161px; }
#sousnav li.first { background: url(../images/sousnav_bg.png) no-repeat left top; }
#sousnav li { background: url(../images/sousnav_bg.png) no-repeat left -60px; }
#sousnav li.last { padding-bottom:27px; background: url(../images/sousnav_bg.png) no-repeat left bottom; } /* Attention le dernier item ne peut avoir qu'1 ligne */

#sousnav li a { display:block; width:122px; font-weight:bold; color:#717171; padding:11px 0 7px 39px; font-size:1.1em; line-height:1.2em; }
#sousnav li a:hover, #sousnav li.active a { color:#bd0000; }

#sousnav li a.info { background: url(../images/sousnav_pictos.gif) no-repeat 9px 11px; }
#sousnav li a.contact { background: url(../images/sousnav_pictos.gif) no-repeat 9px -78px; }
#sousnav li a.tarifs { background: url(../images/sousnav_pictos.gif) no-repeat 9px -170px; }
.actif { color:#bd0000; }

/*  =================================================================
/*  =Home
/*  ================================================================*/

#home #sousnav { margin-top: 100px !important; }
#home h2 { width:auto; font-size:1.7em; font-weight:bold; text-align:center; margin:0 0 0 160px; padding-top:0px; }

ul#blocs { padding:55px 0 193px 0; margin-left:194px !important; margin-left:175px }

#blocs li { float:left;	width:171px; height:125px; text-align:center; margin-left:19px;	padding-top:28px; font-size:1.3em; line-height:1.1em; font-weight:bold;	letter-spacing:-0.05em; }

#blocs li span { display:block; width:100%; height:68px; margin-top:26px; background: url(../images/home_bg_bloc1.jpg) no-repeat 0px -86px; }

#blocs li a { display:block; width:161px; height:27px; text-transform: uppercase; color:#FFF; font-size:0.9em; padding:13px 0 0 10px; letter-spacing:0; }

#blocs li#eprez { background: url(../images/home_bg_bloc1.jpg) no-repeat; }
#blocs li#elearn { background: url(../images/home_bg_bloc2.jpg) no-repeat; }
#blocs li#webtv { background: url(../images/home_bg_bloc3.jpg) no-repeat; }
#blocs li#tournage { background: url(../images/home_bg_bloc4.jpg) no-repeat; }

#blocs li#eprez a { background: url(../images/home_arrow.gif) no-repeat 1.6em 1.2em; }
#blocs li#elearn a { background: url(../images/home_arrow.gif) no-repeat 2.8em 1.2em; }
#blocs li#webtv a { background: url(../images/home_arrow.gif) no-repeat 3.9em 1.2em; }
#blocs li#tournage a { background: url(../images/home_arrow.gif) no-repeat 0.7em 1.2em; }

#blocs li a:hover { color:#a4a4a4; }
#blocs li#eprez a:hover { background: url(../images/home_arrow.gif) no-repeat 1.8em -2.8em; }
#blocs li#elearn a:hover { background: url(../images/home_arrow.gif) no-repeat 3.1em -2.8em; }
#blocs li#webtv a:hover { background: url(../images/home_arrow.gif) no-repeat 4.2em -2.8em; }
#blocs li#tournage a:hover { background: url(../images/home_arrow.gif) no-repeat 0.9em -2.8em; }


/*  =================================================================
/*  =Pages intérieures
/*  ================================================================*/


#content 	{float:left; width:275px; margin-left:38px; }
#content1 	{margin:20px 30px 0 220px; padding:0 20px 0 20px; }
p {	text-align: justify; padding-bottom:15px; }

#video_container {
	width:432px;
	margin-left:525px;
	margin-top:-73px;
	
}
#droite_container {
	width:432px;
	margin-left:525px;
	margin-top:-73px;
}
.blocs_3col {
	width:220px; float:right; 
	margin:10px; margin-top:30px; padding:10px;
}


/*  =================================================================
/*  =Pied de page
/*  ================================================================*/

span#corner-rg-bt { clear:both; float:right; display:block; width:14px; height:14px; background: url(../images/corner-rg-bt.png) no-repeat; }

#footer { clear:both; width:975px; background:#717171; color:#FFF; font-size:0.9em; padding:4px 12px 30px 3px; }
#footer li { float:left; margin-left:0.7em; }
#footer li a:link, #footer li a:visited { color:#FFF; margin-right:0.9em; }
#footer li a:hover { color:#333; }

#footer #law { float:right; }
#footer #law span { margin:0 0.3em 0 0.6em; color:#444; }