@charset "utf-8";
/* CSS Document */

@import "c-css.php"; 

/* Reset CSS */
/* Based on work by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}

/* General Properties */
body{font:12px arial,sans-serif; background-color:#1e1818;}
#container{margin:0 auto; min-width:1400px; width:1420px;}
.right {float:right;}
.left{float:left;}
.clear{clear:both;height:1px;}


/* Main Content */
#filmDiv{float:left;}
#video{width:640px; height:384px; background-color:#F00; margin:20px 0 0 5px;}
#vidDescription{width:625px; height:auto; color:#FFF; text-align:justify; background-color:#090506; padding:15px 10px 15px 10px;}
p.vidDesc{color:#958082;}
#scrollbar{width:640px; height:23px; margin:0 0 0 5px;}
#playlist{width:650px; margin:25px 0 25px 5px;}
.playlistdesc {width:300px; height:125px; float:left; margin:10px 0 0 0;}
.playlistborder {border-width:2px; border-color:#000; border-style:solid; background-color:#CCC; width:136px; height:94px; display:inline-block; float:left;}
.playlistdesc img {width:130px; height:88px; float:left; margin:2px; border:1px; border-style:solid; border-color:#000; }
.playlistdesc a{color:#DC4935;}
.playlisttext{float:left; width:150px; margin:0 0 0 5px;}
.histoire{width:1000px; float:left; background-color:#FFF; margin:15px 5px; padding:20px 38px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} 
.viewcount {color:#eea0a0; padding:10px 0; display:block;}

/* Left Column */
#leftBanner{float:left; margin:10px 10px 0 0; text-align:center;}
#storeAd{width:160px; height:140px; background-image:url(../ac_boutique.png); margin:5px 0 2px 0;}
#leftAd{width:160px; height:600px; }

/* Right Column Type 1 */
#rightColumn{float:left; margin:0 0 0 10px; width:420px;}
#features{width:410px; height:480px; padding:5px; margin:10px 0 0 0; float:left;}
.donation_payment{width:410px; height:auto; padding:5px; margin:10px 0 0 0; float:left;}
.emissions{width:200px; height:155px; margin-top:5px; background-image:url(../emission-bg.png); background-repeat:no-repeat;}
.emissions p, img {display:inline-block;}
.emissions p {margin:10px;  color:#efd9db; font:15px "Arial Black", Gadget, sans-serif;}
.emissions a {display:block; margin:5px; text-align:center; color:#efd9db; font:15px "Arial Black", Gadget, sans-serif; }
.emissions a:hover{color:#dc4935;}
.saveur{margin:0; padding:0;  line-height: 1.2em;}
#generationmusic {text-align:center;}
#generationmusic p {margin:115px 0 0 0;}
#rightAd{float:left; width:300px; margin:15px 0 15px 5px;}
#suivez{float:left; margin:15px 0;}

/* Right Column Type 2 */
#rightColumn2{float:left; padding:5px;}
#emissionResume{width:280px; color:#b71314; background-color:#090506; margin:15px; padding:35px 10px;}
p.emissionsResume {color:#b71314; margin:0 0 20px 0;}
#rightAd1{width:300px; margin:15px; clear:both;}
#rightAd2{width:300px; margin:15px; clear:both;}
#suivez2{float:left; margin:15px; background-color:#0FF;}


/* Header */
#header{float:left; }
#topAd{float:right; width:300px; height:90px; margin:35px 0 0 39px;}
#swifftop{float:right; width:220px; margin:35px 0 0 0;}
#swifftop object {margin:0; padding:0; display:inline;}
.pagetitle{color:#efd9db; font:23px "Arial Black", Gadget, sans-serif; margin:-10px 0 0 0; letter-spacing:3px;}

/* TopNav */
#top{float:left; width:1085px; height:170px;}
#topNav{float:left; height:47px; background:url("../ac_topmiddle.png") repeat-x scroll 0 0 transparent; width:100%;}
.topNavLeft{background:url("../ac_topleft.png") no-repeat scroll 0 0 transparent; height:47px; width:8px; float:left;}
.topNavRight{background:url("../ac_topright.png") no-repeat scroll 0 0 transparent; height:47px; width:7px; float:right;}
#logo{margin:23px 0 0 0;}
#titleImg{margin:44px 0 0 0;}
ul.topnav{list-style:none; float:left;}
ul.topnav li {float:left; font:15px Arial; color:#dc4935; padding:15px; font-weight:bold;}
ul.topnav li a, a:visited  {color:#dc4935; }
/*ul.topnav li a:visited  {color:#6f0b14;}*/
ul.topnav li a:hover {color:#bd9498;}
ul.topnav ul {position:absolute; display:none; list-style:none;}
ul.topnav li:hover ul {display: block; padding:7px 0; margin:0;}
ul.topnav ul li {float:none; padding:10px 5px; margin:0; background-color:#000; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */  opacity:0.8;}

.topnav a.selected{
color:#bd9498;
}

/* Search Bar */
#searchBar {padding:0; margin:0; float:right; height:47px;}
#searchTerms {float:right; margin:13px 0 0 15px;}
.searchTerms {width:170px;}
#submitSearch {float:right; margin:7px 0 0 5px;}
.shortened{width:170px;}

.facebookcomment{background-color:white; overflow:hidden; float:left; padding:5px; clear:both;}


/* Search Bar Drop Down */

.demoinfo-ul {position:absolute; list-style:none; margin-top:174px; margin-left:-264px; width:270px;}
[if Webkit].demoinfo-ul {list-style:none; top:0; margin:174px 0 0 0; position:fixed; left:1100px;}
.demoinfo-li {float:none; padding:10px 5px; margin:0; background-color:#000; /* for IE */ filter:alpha(opacity=100); /* CSS3 standard */  opacity:1.0;}
.demo-info {padding:1px 2px; font-size:0.9em; color:#888;}
.demo-info:hover {color:#060;}
input.autocompleter-loading {background-image:url(../spinner.gif);background-repeat: no-repeat;background-position:	right 50%; width:260px;}