/* CSS Document */
/* Spécifique à la Charte Christian Pegand Productions */
/* custom rewrite */
div#ttTop {background:url(/img/charte/fonds/logo-rond.png) no-repeat 33% 40%;}
div#ttMainBottom {
	background:url(/img/charte/fonds/bottom.png) no-repeat 0 0;
	margin:1em auto 0;
}
ul, ol {color:#ccc;}
p.chapeau {
	margin:0.35em 0em 1em;
	line-height : normal;
	font-size:98%;
	font-weight : normal;
	color:#666;
	text-align:left;
	letter-spacing:normal;
}
p {
	color:#fff;
	text-align:left;
}
h1.titreBig strong {
	letter-spacing:normal;
	/*opacity:0.3;*/
	color:#454545;
	}
h1.titreBig em {
	letter-spacing:normal;
	font-size:0.2em;
	font-style:normal;
	font-weight:normal;
	color:#fff;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	opacity:#d1d1d1;
	}
div#ttFooter a, 
div#ttFooter a:link,
div#ttFooter a:visited	{
	color:#666;}

/* forms.css */
label {color:#ccc;}
label[for]:hover {color : #fff; }
/* Thierry : 01/12/2008 --> Background Flash Area */
/* Moved to styleTT.css - Dave samedi 26 décembre 2009 */
/* subnav css */
div.subnav h4 {
	margin: 0.5em 0px 1em;
	font-size:0.8em;
	font-weight:100;
}
div.subnav ul li {
	line-height:1.35em;
	border-top:1px solid #222;}
div.subnav ul li:hover {
	background:#333;
	border-top:1px solid #ccc;}
/* Page d'Accueil  */
body.home div#row1 {	
	height: 306px;
	background:url(/img/charte/fonds/pegandHomeComp.jpg) no-repeat 0 0;
}
body.home div#row2.ttRow div.aBox {
	margin:3em auto 4em;
	float:left;
}
body.home div#row2.ttRow div.aBox p.buttonText {
	text-align:center;
	font-size:1em;
	font-weight:bold;
	margin:0 2em 0.5em -25px;
	padding:0.5em;
	text-align:right;
	letter-spacing:normal;
}
body.home div#row2.ttRow div.aBox p.buttonText span.line2 {
	color:#ffcc00;
	font-weight:normal;
	margin:0 0 1em;
	/*margin:0 0 0 -80px;*/
	position:absolute;
	top:1.5em;
	left:2em;
}
body.home div#row2.ttRow div.aBox p.buttonText.long span.line2 {
	margin:0 0 0 -10px;
}
body.home div#row2.ttRow div.aBox p a:link,
body.home div#row2.ttRow div.aBox p a:visited {color:#fff;}
body.home div#row2.ttRow div.aBox p a:hover {color:#ffaa33;}
/* end variantes */
body.home div.aBoxIn p.chapeau {
	font-size:98%;
	margin:0 0 1em !important;
	color:#fff;
}
body.home div#ticker.cadre5 {opacity:0.7;}
/* -- Artistes -- */
body.artistes div#ttMain {background:url(/img/charte/fonds/fdEncart.png) repeat-y left top;}
body.artistes div.lineEncartR,
body.artistes div#lineEncartR {width:71%;}
body.artistes div#ttEncartR {width:27%;}
/* Artistes - slider */
body.artistes div#container {
	float: left;
	overflow: hidden;
	width: 648px;
	padding:0;
	min-height:500px;
	border:1px solid #d4d1d1;
	border-width:0 0 1px;
}
body.artistes div#row2 {
	min-height:500px;
}
body.artistes div#containerList {
	height: 490px;
	overflow: auto;
	width: 3000px;
}
body.artistes div.vItem {
	float: left;
	height: 490px;
	overflow: hidden;
	width: 648px;
}
body.artistes div#container div.vItem div.graph {
	padding:0;
}
/* Artistes - sliderNav */
body.artistes div#subnav ul {
	list-style: outside none;
	margin: 1em 2em !important;}
body.artistes div#subnav ul li {line-height: 14px;}
body.artistes div#subnav ul li a {	vertical-align:top;}

body.artistes div#subnav ul li.textLink {
	list-style:url(/img/tools/textLinkDark2.png) outside;
}
body.artistes div#subnav ul li.videoLink {
	list-style:url(/img/tools/videoLinkDark2.png) outside;
}
body.artistes div#subnav ul li.photoLink {
	list-style:url(/img/tools/photoLinkDark2.png) outside;
}

/* Artistes - Encarts */
/*div#ttEncartR {background:#171717;}*/
div#disco p {
	margin:1em 0 !important;
	border-bottom:1px dotted #d86519;}
div#disco p em {
	margin-left:3.8em !important;}
p#concertLink {
	line-height:20px;
	margin:0.8em 0.25em 2em 1.7em;
	padding-left:2.3em;
	background:url(/img/tools/musicLinkDark2.png) no-repeat 0 65%;
	vertical-align:top;
	font-size: 0.68em;
}
p.outLink {
	line-height:20px;
	margin:2em 0.25em 2em 1.7em !important;
	padding-left:2.3em;
	background:url(/img/tools/linkbackDark2.png) no-repeat 0 2px;
	vertical-align:top;
}
div#myQuotes {padding:0;}
div#myQuotes p {
	font-size: 0.68em;
	border-bottom:1px dotted #ccc;
	color:#fff;
	}
div#myQuotes p em {
	display:block;
	text-align:right;
	font-size:0.6em;
	margin:-0.5em 0 1em;
}
div#myQuotes h4 {
	background:#333;
	background-color:rgba(0,0,0,0.5);
	margin:0 0 0.5em;
	padding:0.5em 1.25em;
	color:#e2e2e2;
	}
div#flashMedia2 {
	margin:0 0 0.65em;
	background:#000;
}
	
/* Page Contact */
body.contact h1.titreBig {margin: -12px 1em 0.5em;}
body.contact h2 {margin-top:1.5em;}
body.contact .columnLeft {margin-left:1.5em;}
body.contact .telephone {
	border:1px solid #ccc;
	margin:0.25em auto;
	padding:0.25em;
	text-align:center;
	width:50%;
	}
body.contact address {margin-left:1.5em;}
body.contact div.block2 {
	margin:1.5em 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border:1px solid #ccc;
	padding:0.25em;
	}
body.contact div.block2 a {color:#e36f1f;}

/* les DIVS absolute */
div#absolutebeginner,
div#absoluteedition  {
	position:absolute;
	z-index:400;
	min-height:300px;
	width:308px;
}
div#absolutebeginner {
	width:308px;
	color:#a26b1b;
	top:200px;
	left:1024px;
}
div#absolutebeginner  p {line-height:1.5em;}
div#absolutebeginner  p a {color:#694108;}


/*Moved Common List - Mode Diaporama to modules.css - Dave samedi 26 décembre 2009 2:50:58*/


	/* ---- Les listes ---- */
/* Liste Gras */
div#boldList p,
div.boldList p {
	font-size:0.7em;
	text-align:left;
	}
/* --------- fd Noir --------- */
/* Liste Gras */
/*.fdNoir div#boldList p strong,
.fdNoir div.boldList p strong {color:#FF3399;}
.fdNoir div#boldList p strong,
.fdNoir div.boldList p em {
	color:#CC9999;
	font-style:normal;
	font-size:0.9em;
	clear:right;
	}
.fdNoir div.boldList p span.underline {
	background-color:#FF3399;
	color:#FFF;
	text-decoration:none;
	padding:0 0.35em 0.15em;
	}
*/

/*div#ttMain.fdNoirOpaque,
body.fdNoirOpaque {background:#000;}

div#ttMain.fdNoir,
.fdNoir,
#fdNoir {color:#fff;}
.fdNoir #ttEncartR,
.fdNoir #ttEncartL {
	background:none;
	border:none;
	}*/
/* Les changements de couleur sur fond Noir */
/*case#1 only inside ttMain*/
/*.fdNoir div#tttMain * a,
.fdNoir div#tttMain * a:link    {color : #aac9d3;}
.fdNoir div#tttMain * a:visited  {color:#d8baba;}
.fdNoir div#tttMain * a:hover,
.fdNoir div#tttMain * a:visited:hover,  {color:#fff;} 
.fdNoir div#tttMain * a:active  {color:#e6c881;}*/
/*case#2 start from body*/
/*.fdNoir * a,
.fdNoir * a:link {color : #aac9d3;}
.fdNoir * a:visited {color:#d8baba;}
.fdNoir * a:hover,
.fdNoir * a:visited:hover {color:#fff;} 
.fdNoir * a:active {color:#e6c881;}
.fdNoir h1,
.fdNoir h2 {color:#EAEAEA !important;}
.fdNoir h3 {color:#e5e5e5;}
.fdNoir h4 {color:#b9b7b7 !important;}*/
/*.fdNoir p,
.fdNoir ul {color:#fefefe;}*/

/*.fdNoir fieldset legend {color:#ccc;}
.fdNoir address {color:#fff;}
.fdNoir div#ttEncartR>p, 
.fdNoir div#ttEncartL>p {color:#333;}
.fdNoir div#ttEncartR>h5,
.fdNoir div#ttEncartR>h5 {color:#333;}
.fdNoir div#ttEncartR>h5:hover {color:#CC0000;}
.fdNoir .lieuEvent {color:#fff;}
.fdNoir div#ttFooter p  {color: #ccc;}*/
/*.fdNoir *  div#ttFooter  {background: url(/img/gui/fd_breadN.png) no-repeat top center;}*/

/*subnav Sur Fond Noir 
.fdNoir div.subnavmenuH li a {color: #fff;}
.fdNoir div.subnav ul.subnavmenuV a {color: #ccc;}
.fdNoir div.subnavmenuH li a:hover{color: #333;}
*/



/* Moved Effect costumize to modules.css - Dave samedi 26 décembre 2009 2:50:58 */
/* shadowbox */


/* Advanced CSS2.1 and CSS3 selectors */
/* For Aware browsers */
/* These selectors enhances the user experience by providing clearer and better designed element arrangements and visual relations, they degrade well to unaware browsers but should not to be 'hacked' or simulated for non supporting browsers*/

ul + h4 {margin-top: 1em !important;}

body.credits div#ttMain {
	background:url(/img/charte/fonds/logoPegandCredits.png) no-repeat 0 50%;
	}
body.sitemap div.columnCenter {	
	width:40%;
	background:#000;
	opacity:0.9;
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	border:1px solid #333;
	padding:2em;}

body.sitemap div#ttMain {	background:url(/img/charte/fonds/fd_sitemap.jpg) no-repeat 0 0;}
body.news  div.dateZone { 
	margin:0px 1em 0px 7.5em; 
	-webkit-border-radius: 5px;
	-moz-borderft-radius: 5px;
	background :none; 
	border:1px solid #333;
	border-width:2px 0 2px;
}
body.news div#newsContent div.article {
	width:60%;
	background :none; 
	margin:0 0 1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border:1px solid #333;
	border-width:4px 0 4px;
}
body.news div#shortcuts {
	left:25px;
	top: 170px;
	background:none;
	opacity:1;
	border:1px solid #333;
	border-width:2px 0 2px;

}

/* Agenda */
body.agenda {
background:#000 url(/img/beta/chPegand_fdAgendaTest3.jpg) no-repeat 50% 0;}
body.agenda div#ttMain h1.titreBig {
	color:#fff;
		opacity:0.6;
}
body.agenda div#ttMain h1.titreBig strong {
	color:#e2e2e2;
		opacity:0.4;
}
.playing #playingMainContainer {
	width:872px;
}
div#playingMainMenu {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-top:3px;
	border:1px solid #222;
	background-color: #111 !important;
	width: 870px !important;
}
div#playingThemeMenuBar {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #222;
	background-color: #111 !important;
	width: 870px !important;
	margin-top:0.2em !important;
}
div#edMenuContainer { width:870px !important; }
div#edMenuContent { width:870px !important; height:auto !important; border:none !important; }
div#edMenuContent ul { margin:0.5em !important;}
div#edMenuContent ul li { display:inline !important; float:left !important; width:212px !important; text-align:center !important; color:#CCCCCC; }
div#edMenuContent ul li.menuInActive:hover,
div#edMenuContent ul li.menuActive:hover,
div#edMenuContent ul li.menuActive {
	color:#EEEEEE;
}
div#playingMainMenu div#rightMenu div.menuItem {
	margin-top:2px;
	height:18px !important;
	display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #222;
	margin-left:0.5em;
}
div#playingMainMenu div#rightMenu div.menuItem p {
	margin-top:3px !important;
	line-height:100% !important;
}
div#playingMainMenu div#rightMenu div.menuInActive:hover,
div#playingMainMenu div#rightMenu div.menuActive:hover,
div#playingMainMenu div#rightMenu div.menuActive {
	background-color: #222 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
div#playingMainContainer .playingMainList {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #222 !important;
	background-color: #111 !important;
	width: 870px !important;
	margin-top:0.2em !important;
}
.pagingSearch {border-bottom:1px solid #666; }
div#playingMainMenu p#modeLegend { margin:0 0 0 1em !important; padding:0; padding-top:10px; color:#666666 !important; }
div#eritSearchList .hover { background-color:#151515 !important; }
div#eritSearchList table#Listing th {background-color:#222 !important; }
/* End Agenda */

div#repeatLine.ttRow p {
	color:#666;
	line-height:0.8em;
	margin:1em 0 0;
}