@charset "ISO-8859-1";
/* CSS Document */

Body
{
font-family: Helvetica, Arial, sans-serif;
line-height:16px;
font-size:12px;
color:#000;
margin:0;
padding:0;
background-image:url(../img/conteneur-background.png);
background-repeat:repeat-x;
}

#conteneur
{
position:absolute;
left:50%;
margin-left:-509px;
width:1018px;
}

img
{
border:0;
}


/*------------------------ TOP ------------------------ */

#top
{
height:90px;
width:1018px;
}

	#topliens
	{
	height:60px;
	width:1018px;
	background-image:url(../img/topliens-background.png);
	}
	
		a.toplienslogo
		{
		width:250px;
		height:60px;
		background-image:url(../img/logo-serial-streaming.png);
		display:block;
		cursor:pointer;
		float:left;
		}
		
		#topliensliste ul
		{
		margin:0;
		padding:0;
		}
		
		#topliensliste ul li
		{
		margin:0;
		padding:0;
		display:inline;
		line-height:60px;
		font-weight:bold;
		text-transform:uppercase;
		font-size:14px;
		height:60px;
		display:block;
		float:left;
		margin-left:62px;
		color: #FF751A;
		}
		
		#topliensliste ul li a:link,
		#topliensliste ul li a:visited
		{
		text-decoration:none;
		color:#000;
		display:block;
		float:left;
		
		 /* Fonctionne déjà sur webkit */
		    -webkit-transition-property: color;
				-webkit-transition-duration: 0.5s;
				
				/* Bientôt supporté par Firefox */
        -moz-transition-property: color;
				-moz-transition-duration: 0.5s;
				
				/* … et lorsque ce sera standardisé */
				transition-property: color;
				transition-duration: 0.5s;
		}
		
		#topliensliste ul li a:hover
		{
		color:#FF751A;
		}
		
			
	#topligne
	{
	height:7px;
	width:1018px;
	background-image:url(../img/topligne-background.png);
	}
	
	#topmoteur
	{
	width:1018px;
	height:24px;
	background-image:url(../img/topmoteur-background.jpg);
	background-position:center;
	}
	
		#topmoteurelement
		{
		height:21px;
		margin-left:656px;
		}
	
			#topmoteurelement_left
			{
			background-image:url(../img/topmoteurelement-background-left.png);
			width:11px;
			height:21px;
			float:left;
			}
			
			#topmoteurelement_middle
			{
			background-image:url(../img/topmoteurelement-background-middle.png);
			height:21px;
			width:338px;
			float:left;
			color:#FFF;
			font-weight:bold;
			}
		
			#topmoteurelement_middle input[type=text]
			{
			color: #000;
			width:130px;
			height:14px;
			background-image:url(../img/input-background.png);
			border:1px solid #2B292A;
			}
			
			#topmoteurelement input[type=submit]
			{
			width:17px;
			height:16px;
			background-image:url(../img/topmoteurelement-iconeloupe.png);
			border:0;
			cursor:pointer;
			background-position:-1px 0px;
			}
			
			
			#topmoteurelement_right
			{
			background-image:url(../img/topmoteurelement-background-right.png);
			width:11px;
			height:21px;
			float:left;
			}
			
	#banniereflash
	{
	width:1018px;
	height:195px;
	background-color:#333333;
	background-image:url(../img/banniere.jpg);
	margin-bottom:10px;	
	}
	
		
/*------------------------ TOP ------------------------ */

/*---------------------- CONTENU ---------------------- */

#contenuligne
{
width:1018px;
height:102px;
text-align:center;
}

	#banniere1
	{
	width:728px;
	height:90px;
	background-color:#009;
	margin-left:auto;
	margin-right:auto;
	}
	
/*---------------------- GAUCHE ---------------------- */	
	
	
#gauche
{
float:left;
width:173px;
}

#gauche h1
{
font-size:14px;
margin:0;
padding:0;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
margin-top:9px;
margin-left:10px;
}

	#banniere2
	{
	width:160px;
	height:600px;
	background-color:#FF0000;
	margin-left:auto;
	margin-right:auto;
	}
	
	#gaucheliens1 ul
	{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
		#gaucheliens1 ul li a:link,
		#gaucheliens1 ul li a:visited
		{
		background-image:url(../img/gauche-liens1-all.png);
		width:138px;
		height:18px;
		margin:0;
		padding-top:5px;
		padding-left:35px;
		color:#000;
		text-decoration:none;
		display:block;
		background-repeat:no-repeat;
		}
		
		#gaucheliens1 ul li a:hover
		{
		background-position:0 -23px;
		color:#FFF;
		}
		
		#gaucheliens1 ul li:first-child a:link,
		#gaucheliens1 ul li:first-child a:visited
		{
		background-image:url(../img/gauche-liens1-1.png);
		width:138px;
		height:17px;
		margin:0;
		padding-top:10px;
		padding-left:35px;
		color:#000;
		text-decoration:none;
		display:block;
		}
		
		#gaucheliens1 ul li:first-child a:hover
		{
		background-position:0 -27px;
		color:#FFF;
		}
		
		#gaucheliens1last
		{
		width:173px;
		height:8px;
		background-image:url(../img/gauche-liens1-last.png);
		}
		
		li.gaucheliens1_over
		{
		background-image:url(../img/gauche-liens1-all.png);
		width:138px;
		height:18px;
		margin:0;
		padding-top:5px;
		padding-left:35px;
		color:#000;
		text-decoration:none;
		display:block;
		background-repeat:no-repeat;
		background-position:0 -23px;
		color:#FFF;
		}
		
		
	#gaucheliens2top
	{
	width:173px;
	height:21px;
	background-image:url(../img/gauche-liens2-top.png);
	}
	
	#gaucheliens2 ul
	{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
	#gaucheliens2icone
	{
	float:left;
	width:16px;
	height:20px;
	margin-left:18px;
	}
	
		#gaucheliens2 ul li
		{
		
		}
		
		#gaucheliens2 ul li a:link,
		#gaucheliens2 ul li a:visited
		{
		background-image:url(../img/gauche-liens2-all.png);
		width:130px;
		height:17px;
		padding-top:3px;
		margin:0;
		color:#000;
		text-decoration:none;
		display:block;
		padding-left:43px;
		}
		
		#gaucheliens2 ul li a:hover
		{
		color:#FF751A;
		}
		
		#gaucheliens2_over
		{
		color:#FF751A;	
		background-image:url(../img/gauche-liens2-all.png);
		width:130px;
		height:17px;
		padding-top:3px;
		margin:0;
		text-decoration:none;
		display:block;
		padding-left:43px;
		}
		
		#gaucheliens2contenu
		{
		background-image:url(../img/gauche-liens2-all.png);
		padding-left:18px;
		padding-top:1px;
		}
		
	#gaucheliens2bottom
	{
	width:173px;
	height:19px;
	background-image:url(../img/gauche-liens2-bottom.png);
	}	
	
	#gaucheliens3 ul
	{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
		#gaucheliens3 ul li
		{
		
		}
		
		#gaucheliens3 ul li a:link,
		#gaucheliens3 ul li a:visited
		{
		background-image:url(../img/gauche-liens3-all.png);
		width:130px;
		height:20px;
		margin:0;
		line-height:20px;
		color:#000;
		text-decoration:none;
		display:block;
		padding-left:43px;
		}
		
		#gaucheliens3 ul li a:hover
		{
		color:#FF751A;
		}
	

/*---------------------- GAUCHE ---------------------- */

/*---------------------- MILIEU  ---------------------- */

#milieu
{
margin-left:173px;
width:529px;
}

#milieu h1
{
font-size:18px;
margin:0;
padding:0;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
margin-top:18px;
margin-bottom:10px;
}

#titreorange
{
font-color:#FF751A;
}

#milieublocmenu
{
width:529px;
height:24px;
}
	
	li.milieublocmenu_over
	{
	background-image:url(../img/milieu-menu-all.png);
	width:117px;
	padding-left:4px;
	height:24px;
	margin:0;
	text-decoration:none;
	background-repeat:no-repeat;
	text-align:center;
	line-height:24px;
	color:#4F4F4F;
	background-position:0 -24px;
	float:left;
	z-index:100;
	}
	
	li.milieublocmenu_over:first-child
	{
	width:119px;
	background-image:url(../img/milieu-menu-1.png);
	padding-left:12px;
	z-index:100;
	}
	
	#milieublocmenu ul
		{
		margin:0;
		padding:0;
		list-style-type:none;
		background-image:url(../img/milieu-menu-background.png);
		width:526px;
		height:24px;
		z-index:100;
		}
			
			#milieublocmenu ul li a:link,
			#milieublocmenu ul li a:visited
			{
			float:left;
			background-image:url(../img/milieu-menu-all.png);
			width:117px;
			height:24px;
			margin:0;
			text-decoration:none;
			background-repeat:no-repeat;
			text-align:center;
			line-height:24px;
			color:#4F4F4F;
			padding-left:4px;
			z-index:100;
			}
			
			#milieublocmenu ul li a:hover
			{
			background-position:0 -24px;
			color:#000;
			z-index:100;
			}
			
			#milieublocmenu ul li:first-child a:link,
			#milieublocmenu ul li:first-child a:visited
			{
			width:119px;
			background-image:url(../img/milieu-menu-1.png);
			padding-left:12px;
			z-index:100;
			}
			
			#milieublocmenu ul li:first-child a:hover
			{
			background-position:0px -24px;
			z-index:100;
			}



/* BORDEL */


#milieubloccontenufilms,
#reco
{
width:517px;
background-image:url(../img/milieu-blocmenucontenu-background.png);
padding-top:8px;
padding-bottom:4px;
padding-left:12px;
}


#milieubloccontenutexte,
#milieubloccontenufaq,
#milieubloccontenututoriels
{
text-align:justify;
width:507px;
background-image:url(../img/milieu-blocmenucontenu-background.png);
padding:10px;
padding-left:12px;
}


#milieubloccontenufilms img,
#reco img
{
	border:0;
	box-shadow: 0px 0px 0px black;  
	-moz-box-shadow: 0px 0px 0px black;  
	-webkit-box-shadow: 0px 0px 0px black;
}

a.jaquettevide,
#jaquettevide
	{
	color:black;
	background-image:url(../img/jaquette.png);
	width:110px;
	height:50px;
	display:inline-block;
	text-decoration:none;
	vertical-align:top;
	padding-top:110px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
	}


#milieubloccontenututoriels img,
#milieubloccontenutexte img
{
	border:1px solid #FF751A;
	box-shadow: 0px 0px 5px black;  
	-moz-box-shadow: 0px 0px 5px black;  
	-webkit-box-shadow: 0px 0px 5px black; 
}
	
	#milieubloccontenufilms ul,
	#milieubloccontenututoriels ul,
	#reco ul
	{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
	#milieubloccontenufaq ul,
	#milieubloccontenutexte ul
	{
	margin-bottom:13px;
	padding:0;
	list-style-type:none;
	}
	
	#milieubloccontenufilms li,
	#reco li
	{
	display:inline;
	width:120px;
	height:160px;
	margin:0;
	padding:0;
	margin-right:5px;
	padding-top:30px;
	}
	
	#milieubloccontenututoriels li
	{
	display:inline-block;
	width:240px;
	height:285px;
	margin-right:8px;
	margin-bottom:20px;
	margin-top:-3px;
	}
	
	
	#milieubloccontenutexte ul li,
	#milieubloccontenufaq ul li
	{
	margin:0;
	margin-top:10px;
	padding:0;
	padding-left:31px;
	background-image:url(../img/puce.png);
	background-repeat:no-repeat;
	background-position:center;
	background-position:4px;
	}

	
	#milieubloccontenututoriels h2,
	#milieubloccontenututoriels h2 a:link,
	#milieubloccontenututoriels h2 a:visited
	{
	padding:0;
	margin:0;
	display:block;
	color:#FF751A;
	margin-bottom:5px;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	}
	
	
	
	#milieubloccontenutexte h2,
	#milieubloccontenufaq h2
	{
	font-size:14px;
	margin:0;
	margin-top:15px;
	padding:0;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF751A;
	}
	
	#reco h2
	{
	font-size:14px;
	margin:0;
	margin-top:5px;
	margin-bottom:15px;
	padding:0;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF751A;
	}
	
	#milieubloccontenutexte a:link,
	#milieubloccontenutexte a:visited,
	#milieubloccontenufaq a:link,
	#milieubloccontenufaq a:visited,
	#partenaires ul li a:link,
	#partenaires ul li a:visited
	{
	color:#FF751A;
	text-decoration:none;
	}
	
	#milieubloccontenutexte a:hover,
	#milieubloccontenufaq a:hover,
	#partenaires ul li a:hover
	{
	text-decoration:underline;
	}
	
	
	
	
	.redimensionnement2
	{
	width:245px;
	height:130px;
	}
	
	.redimensionnement3
	{
	width:505px;
	}
	
	a.bouton:link,
	a.bouton:visited
	{
	background-image:url(../img/bouton.png);
	width:127px;
	height:23px;
	margin:0;
	padding-top:9px;
	color:#000;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
	float:right;
	text-align:center;
	position:relative;
	}
		
	a.bouton:hover
	{
	background-position:0 -32px;
	color:#FFF;
	}
	
	.milieubloccontenufilm_rollover
	{
	display:none; 
    position:absolute;  
    background-color: white; 
    padding: 10px;
	width:400px;
	text-align:left;
	margin-left:-200px;
	margin-top:30px;
	border-radius: 7px;  
	-moz-border-radius: 7px;  
	-webkit-border-radius: 7px;
	box-shadow: 0px 0px 10px black;  
	-moz-box-shadow: 0px 0px 10px black;  
	-webkit-box-shadow: 0px 0px 10px black;
	border:1px solid #FF751A;
	}
	
	
	#rollover_contenu h2
	{
	font-size:14px;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	}
	
	#rollover_contenu ul,
	#fichedroite ul
	{
		margin:0;
		padding:0;
		
	}
	
	#rollover_contenu ul li,
	#fichedroite ul li
	{
		margin:0;
		padding:0;
		display:inherit;
		width:inherit;
		height:inherit;
		background-image:none;
	}
	
	#listelecteur ul
	{
	margin:0;
	padding:0;
	list-style-type:none;
	margin-bottom:10px;
	}
	
	#listelecteur ul li
	{
	height:18px;
	display:inline-block;
	background-position:0px -2px;
	padding-left: 20px;
	background-repeat:no-repeat;
	line-height:18px;
	margin-right:6px;
	}



#milieubloccontenucommentaire
{
margin-bottom:15px;
}

#milieubloccontenucommentairetitre
{
font-weight:bold;
}

#milieublocontenucommentairecontenu
{

}

.redimensionnement
{
width:120px;
height:160px;
border:1px solid #FF751A;
box-shadow: 0px 0px 5px black;  
-moz-box-shadow: 0px 0px 5px black;  
-webkit-box-shadow: 0px 0px 5px black;   
}
	

#milieubloccontenubas
{
width:523px;
height:9px;
background-image:url(../img/milieu-blocmenucontenu-bas.png);
margin-left:3px;
}

#milieubloccontenuhaut
{
width:523px;
height:11px;
background-image:url(../img/milieu-blocmenucontenu-haut.png);
margin-left:3px;
}

#milieupage
{
text-align:left;
margin-left:2px;
}

#milieupage ul
	{
	padding:0;
	margin:0;
	list-style:none;
	}
	
		#milieupage ul li
		{
		text-align:center;
		display:inline;
		}
		
		#milieupage_over
		{
		display:inline-block;
		width:30px;
		height:21px;
		padding-top:6px;
		background-image:url(../img/milieu-page-liens-all.png);
		text-decoration:none;
		margin-left:-2px;
		background-position:0 -27px;
		color:#FFF;
		}
		
		#milieupage_over2
		{
		display:inline-block;
		width:30px;
		height:21px;
		padding-top:6px;
		background-image:url(../img/milieu-page-liens-all.png);
		text-decoration:none;
		margin-left:-2px;
		color:#000;
		}
		
		#milieupage ul li a:link,
		#milieupage ul li a:visited
		{
		display:inline-block;
		width:30px;
		height:21px;
		padding-top:6px;
		background-image:url(../img/milieu-page-liens-all.png);
		text-decoration:none;
		margin-left:-2px;
		color:#000;
		}
		
		#milieupage ul li a:hover
		{
		background-position:0 -27px;
		color:#FFF;
		}
		
		li.decalage
		{
		margin-left:37px;
		}
		
	#fichegauche{
	width:120px;
	text-align:center;
	float:left;
	padding-top:3px;
	}
	
	#fichedroite
	{
margin-left:130px;
padding:0 0;
text-align:left;
width:372px;
	}

#autresources
{
margin-top:15px;
}

#autresources img
{
border:0;
box-shadow: 0px 0px 0px black;  
-moz-box-shadow: 0px 0px 0px black;  
-webkit-box-shadow: 0px 0px 0px black;
}

#autresources ul
{
margin:0;
padding:0;
list-style-type:none;
}

#autresources ul li
{
margin:0;
padding:0;
background-image:none;
}

#autresources ul li a:link
{
display:block;
width:477px;
height:22px;
text-decoration:none;
line-height:22px;
color:#000;
padding-left:5px;
padding-right:5px;
margin-bottom:2px;
background-color:#F0F0F0;
margin-left:20px;
}

#element_over
{
display:block;
width:477px;
height:22px;
text-decoration:none;
line-height:22px;
color:#000;
padding-left:5px;
padding-right:5px;
margin-bottom:2px;
background-color:#FF751A;
margin-left:20px;
color:#FFF;
}

#autresources ul li a:visited
{
background-color:#CCCCCC;
display:block;
width:477px;
height:22px;
text-decoration:none;
line-height:22px;
color:#000;
padding-left:5px;
padding-right:5px;
margin-bottom:2px;
margin-left:20px;
}

#autresources ul li a:hover
{
background-color:#FF751A;
color:#FFF;
}

.decalagedroite
{
float:right;
}

.decalageimg
{
float:left;
margin-top:1px;
margin-left:-2px;
}

#lecteur
{
padding-bottom:5px;
}

a.bouton-megaupload
{
background-image:url(../img/bouton-megaupload.png);
display:block;
height:40px;
width:225px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

#erreur
{
color:#FF0000;
font-weight:bold;
}


/*---------------------- DROITE ---------------------- */

#droite
{
float:right;
width:316px;
}

#droite h1
{
font-size:14px;
margin:0;
padding:0;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
margin-top:9px;
margin-left:10px;
}



	#droiteliens1top
	{
	width:316px;
	height:21px;
	background-image:url(../img/droite-liens1-top.png);
	}
	
	#droiteliens1 ul
	{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
	#droiteliens1icone
	{
	float:left;
	width:16px;
	height:20px;
	margin-left:18px;
	}
	
	#droiteliens2icone
	{
	float:left;
	width:16px;
	height:16px;
	margin-left:18px;
	margin-top:3px;
	}
	
		#droiteliens1 ul li
		{
		
		}
		
		#droiteliens1 ul li a:link,
		#droiteliens1 ul li a:visited,
		span.temp
		{
		background-image:url(../img/droite-liens1-all.png);
		width:273px;
		height:17px;
		padding-top:3px;
		margin:0;
		color:#000;
		text-decoration:none;
		display:block;
		padding-left:43px;
		}
		
		#droiteliens1 ul li a:hover
		{
		color:#FF751A;
		}
		
		#droiteliens1contenu
		{
		background-image:url(../img/droite-liens1-all.png);
		padding-left:18px;
		padding-top:1px;
		}
		
	#droiteliens1bottom
	{
	width:316px;
	height:19px;
	background-image:url(../img/droite-liens1-bottom.png);
	}	

	#banniere3
	{
	width:300px;
	height:250px;
	background-color:#33C;
	margin-left:auto;
	margin-right:auto;
	}
	
	#banniere4
	{
	margin-top:9px;
	width:300px;
	height:250px;
	background-color:#669900;
	margin-left:auto;
	margin-right:auto;
	}
	
	#banniere5
	{
	margin-top:9px;
	width:300px;
	height:250px;
	background-color:#339999;
	margin-left:auto;
	margin-right:auto;
	float:left;
	margin-left:38px;
	margin-right:47px;
	margin-top:36px;
	}
	
	#banniere6
	{
	margin-top:9px;
	width:300px;
	height:250px;
	background-color:#FF00FF;
	margin-left:auto;
	margin-right:auto;
	float:right;
	margin-left:38px;
	margin-right:47px;
	margin-top:36px;
	}
	
	#banniere7
	{
	width:468px;
	height:60px;
	background-color:#C33;
	margin-left:18px;
	margin-top:10px;
	}





/*---------------------- DROITE ----------------------- */

#reset
{
clear:both;
}

/*---------------------- FOOTER  ---------------------- */

#footertop
{
width:1018px;
background-image:url(../img/footer-top.png);
height:17px;
}

#footermiddle
{
width:988px;
background-image:url(../img/footer-middle.png);
text-align:center;
padding-left:15px;
padding-right:15px;
}

	#disclaim
	{
	color:#FF751A;
	font-weight:bold;
	}
	
	#partenaires
	{
		height:30px;
		line-height:30px;
	}
	
	#partenaires ul
	{
		margin:0;
		padding:0;
		list-style:none;
		margin-left:auto;
		margin-right:auto;
		width:980px;
	}
	
	#partenaires ul li
	{
		margin:0;
		padding:0;
		vertical-align:middle;
		float:left;
		margin-left:10px;
	}
	
#footerbottom
{
width:1018px;
background-image:url(../img/footer-bottom.png);
height:17px;
}

/*---------------------- FOOTER  ---------------------- */


/*---------------------- AUTRE --------------------------*/



h3.accordion_toggle {
padding:0;
margin:0;
display:block;
width:473px;
height:22px;
line-height:22px;
background-color:#F0F0F0;
font-size:12px;
cursor:pointer;
padding-left:7px;
padding-right:5px;
margin-bottom:3px;
margin-left:19px;
}

h3.accordion_toggle:hover,
h3.accordion_toggle_active
{
background-color:#FF751A;
color:#FFF;
}

.accordion_content {
	overflow: hidden;
}

.accordion_content p
{
margin-bottom:15px;
margin-top:5px;
}

.accordion_contentnews {
	overflow: hidden;
}

.accordion_contentnews p
{
margin-bottom:10px;
margin-top:10px;
}

.accordion_contentnews img,
.accordion_content img
{
border:1px solid #FF751A;
	box-shadow: 0px 0px 5px black;  
	-moz-box-shadow: 0px 0px 5px black;  
	-webkit-box-shadow: 0px 0px 5px black; 
}