/********* RESET *********/
html,body,div,h1,h2,h3,h4,h5,h6,pre,form,p,input {margin: 0; padding: 0;}
body {font-size: 1em; font-weight: normal; font-style: normal; font-family:verdana,arial,sans-serif; background-color:#212121;}
ul {list-style-type: square;}
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* Gen */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.floatLeft {float:left;}
.dottedLine {clear: both; line-height: 14px; height: 14px; font-size: 1px; margin:5px 0; background: url(/lib/images/dottedLine.png) repeat-x center;}

/*Pub*/
#superBannerTopWrap {height:auto; width:920px; margin:0 auto 10px auto; padding:10px 0; text-align:center; background: url(/lib/images/superTopBg.png) no-repeat top center;}
.superBanner {text-align:center;}
.bigBox {text-align:center; padding:10px 0 10px 0;}

/********* LAYOUT *********/
.innerMain {width:920px; margin:0 auto; text-align:left;}

/*mainTop*/
#mainWrapTop {background: #212121 url(/lib/images/headerBg.png) repeat-x bottom;}
#mainTop {position:relative; height:128px; margin:0 15px;}
#mainTop #vanasseTop {width:207px; height:128px; position:absolute; right:-8px; bottom:1px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/vanasse2.png');
}
#mainTop #vanasseTop[id] {background: url(/lib/images/vanasse2.png) no-repeat left top;}
#mainTop #logoV1 { width:896px; height:68px; position:absolute; left:0; top:12px; text-indent:-9999px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/logoV1.png');
}
#mainTop #logoV1[id] {background: url(/lib/images/logoV1.png) no-repeat left top;}

/*Menu*/
ul#mainMenu {position:absolute; top:78px; left:0; display:block; height:37px; font-size:11px; margin:0; padding:0;}
ul#mainMenu li {display:inline;}
ul#mainMenu li a {display:block; float:left; padding:15px 12px 0 12px; height:35px; background: url(/lib/images/menuBg2.png) no-repeat right top; cursor:pointer; color:#fff; text-transform:uppercase; font-weight:bold;}
ul#mainMenu li a:hover {text-decoration:none; background: url(/lib/images/menuBg2.png) no-repeat right bottom;}
ul#mainMenu li a.selected {background: url(/lib/images/menuBg2.png) no-repeat right -70px;}
ul#mainMenu li a span {display:block; color:#999; text-transform:none; font-weight:normal;}

/* mainWrapContent */
#mainWrapContent {padding:10px 0 0 0; background: #212121 url(/lib/images/ *****DISABLED FOR NOW***** mainBg2.png) repeat-x top;}

/*mainPlayerWrap*/
#mpTopInfo {height:15px; padding:5px 30px 0 30px;}
#mpTopInfo h2 {float:left; font-size:.8em; color:#1fa9e8;}
#mpTopInfo div {float:right; font-size:.7em; color:#fff;}
#mpTopInfo div span span {color:#9f9f9f;}

#playerWrap {height:auto; padding:34px 35px 0 35px; background: url(/lib/images/mainPlayerBgTop3.png) no-repeat top center;}
#playerWrap .plyInner {min-height:411px; background:#000;}
#playerBas {height:35px; background: url(/lib/images/mainPlayerBgBas2.png) no-repeat bottom center;}

/*subPlayerContent*/
#subPlayerContent {padding:0 13px 15px 13px;}

/*************************boxRc****************************/
.boxRc {clear:both; margin:0 14px 20px 14px;}
.boxRc .boxRcTL,
.boxRc .boxRcTR,
.boxRc .boxRcBL,
.boxRc .boxRcBR {clear:both; height:12px; line-height:11px; padding:0; margin:0; background-repeat:no-repeat; background-color:#101010;}
.boxRc .boxRcTL {padding-left:10px; background-image: url(/lib/images/boxRc2/cornersBlack.png); background-position:left top;}
.boxRc .boxRcTR {background-image: url(/lib/images/boxRc2/cornersBlack.png); background-position:right top;}
.boxRc .boxRcBL {padding-left:10px; background-image: url(/lib/images/boxRc2/cornersBlack.png); background-position:left bottom;}
.boxRc .boxRcBR {background-image: url(/lib/images/boxRc2/cornersBlack.png); background-position:right bottom;}
.boxRc .boxRcContent {
	_height:1%; 
	padding:6px 0;
	background-color:#000;
	font-size:.8em;
	color:#fff;
	line-height:1.4em;
}
.boxRc .boxRcContent h2 {color:#1fa9e8; font-size:1.4em;}
.boxRc .boxRcContent p {font-size:.88em; margin:10px 0;}
.boxRc .boxRcContent a {color:#1fa9e8;}

.colInnerCont {padding:15px 0 15px 20px;}

.boxSec.boxRc .boxRcContent {padding: 0;}
.boxSec.boxRc .boxRcContent .colLeft {width:60%; min-height:300px; float:left; padding:0 15px 0 0; border-right:1px solid #3d3d3d;}
.boxSec.boxRc .boxRcContent .colLeft .tSection {background-color:#121212; padding:3px 0; margin:0;}
.boxSec.boxRc .boxRcContent .colLeft .tSection h2 {display:inline; color:#fff; font-size:.95em; padding:4px 25px 4px 0; border-right:5px solid #000; background:url(/lib/images/boxRc2/t-sectionBg.png) no-repeat right center;}
.boxSec.boxRc .boxRcContent .colLeft .tSection h2 span {padding:4px 4px 4px 35px; background:url(/lib/images/boxRc2/t-sectionBg.png) no-repeat left center;}
.boxSec.boxRc .boxRcContent .colLeft .colInnerCont {padding:15px 0 15px 20px;}
.boxSec.boxRc .boxRcContent .colLeft .colInnerCont h3.tMois {display:block; font-size:1.2em; margin-bottom:30px; background:url(/lib/images/boxRc2/bgLine.png) repeat-x center;}
.boxSec.boxRc .boxRcContent .colLeft .colInnerCont h3.tMois span {padding:0 8px; background-color:#000;}

.imgItem {padding:10px 0; font-size:.85em;}
.imgItem .left {float:left;}
.imgItem .left img {padding:6px; background:#1f1f1f;}
.imgItem .right {float:left; width:55%; margin:0 0 0 20px;}
.imgItem .right .infosWrap {clear:left; margin:0 0 5px 0;}
.imgItem .right .label {float:left; width:65px; font-size:1em; color:#7c7c7c; text-align:right;}
.imgItem .right .infosText.emi {font-weight:bold;}
.imgItem .right .infosText.emi a {color:#fff;}
.imgItem .right .infosText {font-size:1em; margin:0 0 0 70px;}
.imgItem .right .lienEmi {display:block; font-size:.95em; color:#1fa9e8; padding:0 0 0 70px; background: url(/lib/images/boxRc2/flecheBleu.png) no-repeat 58px 4px;}

.boxSec.boxRc .boxRcContent .colRight {width:38%; float:right;}

.dlArchiveBox {width:300px; margin:0 auto 10px auto;}
.dlArchiveBox dt {padding:0 0 0 20px; background: url(/lib/images/dlDtBg.png) no-repeat left center;}
.dlArchiveBox dt span {display:block; padding:2px 20px 2px 0; font-size:1em; font-weight:bold; background: url(/lib/images/dlDtBg.png) no-repeat right center;}
.dlArchiveBox dd {padding:2px 20px 2px 0; margin:0; border-bottom:1px solid #383838; background: url(/lib/images/dlDdBg.png) no-repeat right top;}
.boxRc .boxRcContent .dlArchiveBox dd a {display:block; color:#fff; padding:3px 3px 3px 35px; background: url(/lib/images/dotBleu.png) no-repeat 24px center;}
.dlArchiveBox dd.dlFooter {padding:0 0 0 20px; border:none; background: url(/lib/images/dlDdBg.png) no-repeat left bottom;}
.dlArchiveBox dd.dlFooter span {display:block; height:10px; padding:2px 20px 2px 0; background: url(/lib/images/dlDdBg.png) no-repeat right bottom;}

/*tabsWrap*/
#tabsWrap {margin:0 14px;}
#tabsWrap div.unTab {display:inline-block; float:left; height:40px; line-height:32px; padding:0 0 0 33px; margin:0 0 0 0; cursor:pointer; background: url(/lib/images/tabs/bg.png) no-repeat left top;}
#tabsWrap div.unTab div {display:inline-block; float:left; height:40px; line-height:32px; padding:0 25px 0 0; font-size:.7em; color:#fff; background:url(/lib/images/tabs/bg.png) no-repeat right top;}
#tabsWrap div.unTab:hover,
#tabsWrap div.unTab:active,
#tabsWrap div.unTab.active {color:#1fa9e8; text-decoration:none; background: url(/lib/images/tabs/bg.png) no-repeat left bottom;}
#tabsWrap div.unTab:hover div,
#tabsWrap div.unTab:active div,
#tabsWrap div.unTab.active div {color:#1fa9e8; background: url(/lib/images/tabs/bg.png) no-repeat right bottom;}

#tabsWrap div.unTab.first {display:inline-block; float:left; height:40px; line-height:32px; padding:0 0 0 22px; margin:0 0 0 0; background: url(/lib/images/tabs/bgFirst.png) no-repeat left top;}
#tabsWrap div.unTab.first div {display:inline-block; float:left; height:40px; line-height:32px; padding:0 25px 0 0; font-size:.7em; color:#fff; background:url(/lib/images/tabs/bgFirst.png) no-repeat right top;}
#tabsWrap div.unTab.first:hover,
#tabsWrap div.unTab.first:active,
#tabsWrap div.unTab.first.active {color:#1fa9e8; text-decoration:none; background: url(/lib/images/tabs/bgFirst.png) no-repeat left bottom;}
#tabsWrap div.unTab.first:hover div,
#tabsWrap div.unTab.first:active div,
#tabsWrap div.unTab.first.active div {color:#1fa9e8; background: url(/lib/images/tabs/bgFirst.png) no-repeat right bottom;}

.boxRc #noBg.active,
.boxRc #noBg.activeOver {background:#000;}

.half {width:45%; float:left; padding:20px;}
.half h4 {margin-top:20px; border-bottom:1px solid #333;}

.leftContent {float:left; width:529px;}
.rightBB {float:right; width:320px;}
/* Liens promo */
.rightBB .lienPromo {padding:6px 0;} 
.rightBB .lienPromo img {float:left; padding:0 8px 0 10px;} 
.rightBB .lienPromo .text {float:left; margin:0;}
.rightBB .lienPromo .text span {display:block; font-size:.7em;} 
.rightBB .lienPromo .text .plus a {display:block; padding-left:9px; background:url(/lib/images/petiteFlecheBleu.png) no-repeat center left;} 
.rightBB .dottedLine{margin:0 4px 0 0}
.rightBB .paypal {text-align:right; padding:0 14px}

/*TabContent*/
.tabContent {min-height:200px;}
#tabsContentWrap {min-height:200px;}


/*formV1*/
.formV1 {width:400px;}
.formV1 .inputWrap {height:28px; padding:5px 0;}
.formV1 label {float:left; width:170px; line-height:22px; text-align:right;}
.formV1 label span {color:#1fa9e8;}
.formV1 input {float:right; width:205px; padding:2px 4px; border:1px solid #000; background: url(/lib/images/forms/inputBg.png) no-repeat left top;}
.formV1 select {float:right; width:205px;}
.formV1 #btnSubmit {float:right; width:123px; height:27px; cursor:pointer; background: url(/lib/images/forms/btnSubmit.png) no-repeat left top;}
.formV1 .error {border:1px solid #9C0001;}
#msgContainer {color:#1fa9e8; padding:10px 0 20px 0; text-align:center;}

/*Footer*/
#footer {margin:10px 14px 40px 14px;}
#footer ul {margin:0; padding:0 0 0 24px;}
#footer ul li {display:inline; font-size:.6em; color:#717171;}
#footer ul li a {line-height:25px; padding: 5px 2px; color:#717171;}
#footer .footerRcBoxTrans {
	position:relative;
	padding: 0 15px; 
	height:40px; 
	line-height:40px;
	font-size:10px;
	color:#717171;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/boxRc/cornersBlackTrans.png');}
#footer .footerRcBoxTrans[class] {background: url(/lib/images/boxRc/cornersBlackTrans.png) no-repeat left;}
#footer .footerRcBoxTrans ul {display:block; position:absolute; top:0; right:10px; height:40px; margin:0; padding:0; z-index:20;}
#footer .footerRcBoxTrans ul li {display:inline; font-size:1em;}
#footer .footerRcBoxTrans ul li a {float:left; padding:0 15px 0 12px; margin:0; line-height:40px; font-size:1em; text-transform:uppercase; background: url(/lib/images/footerDots.png) no-repeat right center;}
#footer .footerRcBoxTrans ul li a.last {background:none;}
/*TODO ie6 ne prend pas les lien du ul dans le footerTrans*/

/*Archives*/
.moisRow {clear:both; padding:10px 0;}
.moisRow h3 {display:block; color:#666; text-indent:10px; padding:5px 0; margin:10px  0; border-bottom:1px solid #333;}
.moisRow .uneEpisode {float:left; width:190px; height:auto; padding:0 13px; text-align:left;}
.moisRow .uneEpisode img {margin:0 0 10px 0;}
.moisRow .uneEpisode,
.moisRow .uneEpisode:hover {color:#fff;}
.moisRow .uneEpisode h4 {color:#fff; line-height:20px;}

#phpListWrap {padding:30px;}
#phpListWrap table,
#phpListWrap textarea {margin:20px 0;}
#phpListWrap table td {padding:10px 0;}
#phpListWrap table td.attributeinput {padding:0 10px;}

.guignolee hr {border-right: none;border-left: none;border-top: none; border-bottom: 1px solid #333; margin-top: 50px;}
.boxRc .boxRcContent .guignolee h4,
.boxRc .boxRcContent .guignolee h4 a,
.guignolee h5 { color: #71c108;}