/* Body */
body {background:url(../../layout/images/header/fond-hdr.png) no-repeat top left;} 

/* Header */ 
#container-top {min-height:302px;width:100%;}
#logo-csm {position:absolute!important; top:230px; left:9%; text-align:center; z-index:1000;}
#header-line1 {width:100%;padding-top:20px; height:222px}
#header-line1, #header-line2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif!important;}
a.rss {margin-right:5px; background: url(http://www.csmtelevision.com/layout/images/bg_rss.png) right no-repeat; display: block; height: 32px; padding-right: 25px; position: absolute; top: 10px; right: 0; color: #a0a0a0; font-size: 10px; font-weight: bold; line-height: 16px; text-decoration: none}
a.compte {display: block; height: 2px; padding-right: 30px; position: absolute; top: 25px; right: 0; color: #a0a0a0; font-size: 10px; font-weight: bold; line-height: 16px; text-decoration: none}
a.newsletter {display: block; height: 32px; padding-right: 30px; position: absolute; top: 40px; right: 0; color: #a0a0a0; font-size: 10px; font-weight: bold; line-height: 16px; text-decoration: none}
a.rss:hover, a.compte:hover, a.newsletter:hover {color: #000; text-decoration : none}
     
/* Menu */
#header{background:url(../../layout/images/menu/bg-menu.png) no-repeat top left;width:998px;height:80px;z-index:1;margin:0 auto;position:relative}
#header ul{margin-left:12%;height:80px;width:850px;padding:9px 9px 11px 11px;}
#header li{padding-right:2px;text-transform:uppercase;float:left;padding-right:2px;}
#header li:hover, #header li:active {border-bottom: 2px solid #ffa518}
#header li.right:hover, #header li.right:active {border-bottom: 0px solid #ffa518}
#header li a:hover, #header li a:active {color: #ffa518; }
#header li a{float:left;padding:20px 15px 10px;font-size:1.2em;font-weight:bold;text-shadow:0 0 2px #000;}
#header li.button span{float:left;}
#droppables{width:998px;position:relative;z-index:2;top:-30px;margin:0 auto;left:9px}
div.drop-container{width:980px;background:url(http://www.a-teens.fr/layout/images/menu/dropdown-bg-bottom.png) no-repeat left bottom;padding-bottom:18px;display:none;}
div.drop-container div.contents{width:950px;padding:2em 15px 0;background:#000;}
div.drop-container div.row{width:910px;padding-left:20px;margin-bottom:0;}
div.drop-container ul{float:left;width:160px;margin:3em 0 0 25px;}
div.drop-container li{margin-bottom:1.5em;}
div.drop-container li h2{text-shadow:0 0 2px #000;font-size:2.1em;margin-bottom:.22em;}
div.drop-container li.empty h2{color:#666;}
div.drop-container li a{text-shadow:0 0 2px #000;font-size:1.2em;display:block;font-weight:bold;margin-bottom:.5em;}
div.drop-container li a:hover{text-decoration:underline;}
#news-container .contents ul li:hover {background:url(http://www.a-teens.fr/layout/images/menu/header-button-hover.gif) repeat-y top right}
#news-container .contents ul.lastnews, #marie-container .contents ul.lastnews, #dhani-container .contents ul.lastnews, #amit-container .contents ul.lastnews, #sara-container .contents ul.lastnews {width:500px; padding-right:10px; margin-top:5px; background : url(http://www.csmtelevision.com/csmradio/footer_sep.png) no-repeat top right}
.lastnews h2, .lastcateg h2 {margin-left:14%;color: #fff;font: normal 14px Helvetica, Arial, sans-serif;letter-spacing: 0.02em;padding: 0px;margin-bottom: 20px;font-weight:bold}
.lastcateg {width:100px}
.lastnews li {width:600px; height:50px}
.lastnews li span.comment {font-size:11px}
.lastcateg li a {font-size:11px; text-decoration: none}
.lastcateg li a.play, .lastnews li a.play {color: #808080; text-decoration: none}
.lastcateg li a.categ, .lastnews li a.categ {color: #fff; text-decoration: none}
.lastcateg li a:hover {color: #ff3399; text-decoration: none}
#all-programs{text-align:left;width: 980px;}
#all-programs .inner-content{float: left;width: 940px;padding: 10px 20px 10px;}
#all-programs h2{margin-bottom: 30px;}
#all-programs h3{border-bottom: 1px solid #898989;margin-bottom: 5px;padding-bottom: 7px;}
#all-programs h3.hidden-text{text-indent: -9999px;}
.program-columns a{display: block;width: 89%;padding: 2px;text-decoration: none;}
.program-columns .column ul {padding-left:0;margin-left:1%;margin-top:0;padding-top:0}
.program-columns .column li {height:10px}
.program-columns .column ul li a:hover{background: #414646;text-decoration:none}
#all-programs .program-columns{float: left;width: 100%;}
#all-programs .column{float: left;width: 174px;margin-right: 15px;}
#all-programs ul{list-style: none; margin-bottom:7px; width: 204px;}
#all-programs h2{font: normal 2.0em Arial, Helvetica, sans-serif;color: #fff;}
#all-programs h3{font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif;}
#programs-alphabetically h3 {color: #898989;}
#all-programs a{font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #fff;}