/* ...........................................
				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: 0; padding: 0; border: 0; outline: 0; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

input, textarea, select {
border:solid; border-width:1px; border-color:#CCCCCC; background-color:#F9F9F9; font-family:arial; font-size:11px; color: #333;
}

#dir td {
	width: 50%;
	vertical-align: top;
}

#dir table {
	border: 0;
	width: 100%;
}

div#foot {background: url(foot-bg.gif) repeat-x;height:120px;color:#7e2f5e;}
div#foot a {text-decoration:none}
div#foot .wrap-inner {width:960px; margin:0 auto; padding-top:1em}
div#foot ul, div#foot p {clear:both;margin-right:15px;margin-left:15px;margin-top:18px;}
div#foot li {float:left;margin-right:.5em}
div#foot #logo_co {position:absolute;right:111px;margin-bottom:.30em;}


div#foot #copyright {color:#7e2f5e;margin-top:.25em;clear:both}


/* End hide from IE-mac */
ins {text-decoration:none;}
legend {display:none;}
input, select, textarea, button {font-size:12px; font-family:tahoma, arial, sans-serif;}
input, select, label, button {vertical-align:baseline;}
button {width:auto; overflow:visible; padding:0 20px; font-size:11px;}

body {background:url(bg.jpg) repeat-x; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a {color:#ec0f93; text-decoration:none; outline:0;}
a:hover {color:#000000;}

.container {width:960px; margin:0 auto; text-align:left;}
.left_column {float:left; width:195px;}
.left_column_pr {margin-left:17px; float:left; width:390px;}
.main {float:right; width:764px; repeat-y; margin-bottom:5px;}
.mainp {float:right; width:764px; repeat-y; margin-bottom:5px;}
.mainp_pr {float:left; width:565px; repeat-y;}
.header {padding-bottom:0px;}

hr {border-bottom:3px solid #EEE;}

h1.logo a {background:url(logo.gif); width:248px; height:98px; display:block;}
	h1.logo a span {display:none;}
.logo a {background:url(logo.gif); width:248px; height:98px; display:block;}
	.logo a span {display:none;}
	h1.category_name {height:38px; line-height:38px; font-size:22px;color:#1c1a1b; padding:0 15px; letter-spacing:-1px;}
	h1.category_name span {color:#ec0f93;}

.playlist_wrap {
width:700px;
background:url('images/hr_orange.gif') 0 100% no-repeat;
float:left;
clear:both;
padding:0 0 1px;
}

.playlist {
width:740px;
background:url('images/video.gif') 100% 80% no-repeat;
float:left;
margin-top:-4px;
margin-bottom:11px;
}

.playlist .thumb {
width:740px;
float:left;
}

.playlist .thumb img {
width:120px;
border:1px solid #999;
float:left;
padding:1px;
}

.intro {
width:92px;
float:right;
margin-top:10px;
}

.playlist .intro h2 {
text-align:left !important;
background:none !important;
margin:0 0 15px;
padding:0 !important;
}


.playlist .intro p.producer {
background:url('images/icon_host.gif') 0 50% no-repeat;
line-height:1.4em;
color:#999;
margin:0;
padding:0 0 0 20px;
}



div.produit {
	width: 555px;
	height:160px;
	float:left;
	margin-left:4px;
	text-align:left;
}

div.produit {text-align:middle; margin-top:-3px;}
div.produit a {font-size:15px; font-color:#ec0f93; text-decoration:none; }	
div.produit a:hover {font-size:15px; font-color:#ec0f93; text-decoration:underline; }
div.produit a img {padding:1px; background:#ffffff; border:1px solid #FF9999;}	
div.produit a:hover img {padding:1px; background:#ffffff; border-color:#333333;}
div.produit span {color:#D5D5D5}

img.produit {
float: left;
margin-right: 5px;
}

hr {color:#D5D5D5;background-color: White;border: dashed;border-top-width: 0px; border-bottom-width: 1px; border-right-width: 0px; border-left-width: 0px; margin-top:5px;}

div.navp {
	text-align:center;
}

.pages a {padding:4px 9px; font-weight:bold; color:#7e2f5e; border:1px solid #ffe7f6;}
	.pages a:hover {background:#feebf6; color:#ec0f93;}
	.pages a.active {background:#feebf6; color:#f10c9a; border-color:#ffe7f6;}
	.pages {padding:15px}
	

	.top_page {background:url(li_video.jpg) repeat-x center bottom; padding-bottom:15px; margin:0 1px;}

.categories_menu {background:#feebf6 url(left_top.gif) no-repeat; margin-bottom:10px;}
	.categories_menu h3 {color:#fff; font-size:14px; font-weight:bold; line-height:30px; padding:0 13px; margin:0;}
	.categories_menu a {font-size:14px; color:#7e2f5e; display:block;line-height:180%; padding:0 13px; margin:0;}
	.categories_menu a:hover {font-size:14px; color:#fff; font-weight:bold; background:#ffc7e8;}
	.categories_menu li h3 {color:#f10c9a; font-size:14px; font-weight:bold; line-height:30px; padding:0 0; margin:0;}
	.categories_menu li.active a {color:#f10c9a;}
	
	.categories_menu ul {padding-bottom:18px; background:url(left_bottom.gif) no-repeat left bottom;}
	.categories_menu li {}

.yes {background:#ffacdd url(left_top.gif) no-repeat; margin-bottom:10px;}
	.yes h3 {color:#fff; font-size:14px; font-weight:bold; line-height:30px; padding:0 15px; margin:0;}
	.yes_in {padding-bottom:18px; background:url(left_bottom.gif) no-repeat left bottom;}

.aide {background:#ffacdd url(left_top.gif) no-repeat; margin-bottom:10px; text-align:justify;}
	.aide h3 {color:#fff; font-size:14px; font-weight:bold; line-height:30px; padding:0 15px; margin:0;}
	.aide_in {padding-bottom:18px; background:url(left_bottom.gif) no-repeat left bottom;}

.right_head a img {padding:2px; background:#fff; border:1px solid #999;}	
.right_head a:hover img {border-color:#f10c9a;}
.right_head {width:503px; height:82px; float:right; margin:12px 70px 0 0 ;}
.right_head h4 {font-size:32px; font-style:italic; padding:20px 15px 0 110px;}
.right_head h4 em {color:#ec0f93;}


.video_list { padding:5px 1px 0 1px;} 
.video_list li { margin-bottom:10px; padding:0 15px;}
.video_list li li {background:none;}

.video_list li.col {width:714px; float:left; padding:0}
.video_list li.col_1 {width:516px; float:left; padding:0}
.video_list li.col_2 {width:180px; float:right; padding:0}
.video_list li.col_2 a {display:block; margin-bottom:4px;}
	
.video_list a img {padding:2px; background:#fff; border:1px solid #999;}	
.video_list a:hover img {border-color:#f10c9a;}
.video_list h1 {font-size:18px; font-weight:bold; padding-bottom:5px; border-bottom:3px solid #EEE; margin-bottom:15px;}
.video_list h2 {font-size:18px; font-weight:bold; padding-bottom:5px; border-bottom:3px solid #EEE; margin-bottom:15px;}
.video_list h2 a {font-color:#f10c9a; }
.video_list p {margin-bottom:10px;}
.time {float:right; font-size:12px; font-weight:bold; color:#666; padding-left:15px;}

.big_pic a {position:absolute; background:url(play.gif) no-repeat center center; width:514px; height:387px; display:block;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; border:1px solid #999;}
.big_pic a:hover {border-color:#f10c9a;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.big_pic a span {display:none;}
.big_pic img {width:510px; height:383px; padding:3px}

.button {background:url(button.gif) no-repeat left center; font-size:16px; font-weight:bold; padding:5px 0 5px 30px ; text-decoration:underline; }
.button:hover {color:#000;}
.t_center {text-align:center; margin-top:20px;}




.footer {width:960px; margin:0 auto; text-align:left; padding:20px 0 30px 0; }
.footer div {float:left; margin-right:100px;}
.footer ul {padding:5px 0; line-height:180%;}
.footer_first {margin-left:220px;}

.popup {background:#fff; position:fixed; position:fixed; padding:10px 10px 6px 10px; z-index:200; top:50%; left:50%; margin-left:-330px; margin-top:-300px;}
	.popup li {float:left;}
	.popup li.popup_form {padding:3px 30px 0 30px;}
	.popup li.popup_form li {margin:0; padding:0}
	.popup li.popup_form h1  img {border:0; padding:0; margin-bottom:15px;}
	.popup li li {float:none;}
	.popup img {display:block; margin-bottom:4px; padding:2px; background:#fff; border:1px solid #ccc;}
	.popup label {font-size:14px; font-weight:bold;}
	.popup input {padding:6px; font-size:14px; text-align:center; width:310px; margin:5px 0; position:relative;}
	.popup button {padding:4px 20px; width:auto; overflow:hidden; font-size:18px; font-weight:bold; margin-bottom:20px;}
	
.overlay {filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; background:#000; position:fixed; width:100%; height:100%; top:0; left:0; z-index:100;}

.popup, .overlay {display:none;}

div#disclaimer{ text-align:left; }
 div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
 div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
  div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
   div#disclaimer-cadre b{ font-size:14px; color:black; }
   div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#356aa0; }
   div#disclaimer-cadre a:hover{ color:blue; }