@charset "UTF-8";

/*
 - Site : MusiqueDePub.TV
 - Fichier : mdp-v5.css
 - Version : 5.0.0
 -
 - shine@aillas.net
 */



/*
 html body
 */

body {
	font-family: Verdana;
	margin: 0px;
	background: #f0f0f0 url(/image/commun/bg-body.png) repeat-x;
	color: #000000;
	font-size: 8pt;
}



/*
 Layout
 */

#mainTop {
}

#mainHeader {
	background: url(/image/commun/bg-header.png) no-repeat center top;
	height: 85px;
	margin:0 auto;
	padding:30px 9px 10px;
	border: solid 0px;
}

#mainContent {
	width:990px;
	padding:0;
	margin:0 auto;
}

#mainBottom {
	background: url(/image/commun/bg_maindiv_bottom.png) no-repeat bottom;
	width: 970px;
	margin:0 auto 56px;
	padding:10px 9px 0;
	border: solid 0px;
}



/*
 Colonnes
 */

#mainContent .colonne_gauche {
	float: left;
	width:790px;
}
#mainContent .colonne_droite {
	float: right;
	width:20%;
}

/* Accueil */
#mainContent .colonne_accueil_gauche {
	float: left;
	width:50%;
}
#mainContent .colonne_accueil_droite {
	float: left;
	width:50%;
}
#mainContent .ligne_bas {
	margin:20px auto 0 auto;
}



/*
 Contents
 */

.margeMDP {
	padding: 10px;
}

.margeAnnexe {
	width: 142px;
	height: 108px;
	margin:	10px;
	overflow: hidden;
}

.newRow {
	clear: both;
	height: 1px;
	line-height: 1px;
}

/* Home page */
#zoneProgrammeTop {
	width: 368px;
	height: 20px;
	background: url(/image/accueil/bg_div_programme_top.png) no-repeat;
}

#zoneProgrammeMiddle {
	width: 368px;
	background: url(/image/accueil/bg_div_programme_middle.png) repeat-y;
}

#zoneProgrammeBottom {
	width: 368px;
	height: 30px;
	background: url(/image/accueil/bg_div_programme_bottom.png) no-repeat;
}

.zoneProgrammeEntry {
	height: 70px;
	text-decoration: inherit;
}
.zoneProgrammeEntry:hover {
	text-decoration: underline;
}

.zoneProgrammeImage {
	float: left;
	width: 70px;
	text-align:right;
}

.zoneProgrammeTexte {
	float: left;
	width:240px;
	margin-left:30px;
	margin-top:5px;
}
.zoneProgrammeTexte ul {margin: 0;}

.zoneActuTop {
	width: 392px;
	height: 18px;
	background: url(/image/accueil/bg_div_generique_top.png) no-repeat center left;
}

.zoneActuMiddle {
	width:268px;
	background: url(/image/accueil/bg_div_generique_middle.png) repeat-y;
	padding:10px 12px;
}

.zoneActuBottom {
	width: 292px;
	height: 34px;
	background: url(/image/accueil/bg_div_generique_bottom.png) no-repeat;
}

.zoneAnnexe {
	width: 152px;
	height: 131px;
	background: url(/image/accueil/bg_div_annexe.png) no-repeat;
}

.zoneAnnexe2Top {
	width: 172px;
	height: 13px;
	background: url(/image/accueil/bg_div_annexe2_top.png) no-repeat;
}

.zoneAnnexe2Middle {
	width: 152px;
	background: url(/image/accueil/bg_div_annexe2_middle.png) repeat-y;
}

.zoneAnnexe2Bottom {
	width: 172px;
	height: 13px;
	background: url(/image/accueil/bg_div_annexe2_bottom.png) no-repeat;
}

.zoneGenerique3Top {
	width: 789px;
	height: 11px;
	background: url(/image/accueil/bg_div_generique3_top.png) no-repeat;
}

.zoneGenerique3Middle {
	width: 769px;
	background: url(/image/accueil/bg_div_generique3_middle.png) repeat-y;
}

.zoneGenerique3Bottom {
	width: 789px;
	height: 16px;
	background: url(/image/accueil/bg_div_generique3_bottom.png) no-repeat;
}

.zoneGenerique4Top {
	width: 388px;
	height: 11px;
	background: url(/image/accueil/bg_div_generique4_top.png) no-repeat;
}

.zoneGenerique4Middle {
	width: 368px;
	background: url(/image/accueil/bg_div_generique4_middle.png) repeat-y;
}

.zoneGenerique4Bottom {
	width: 388px;
	height: 31px;
	background: url(/image/accueil/bg_div_generique4_bottom.png) no-repeat;
}

#zoneDB {
	width: 100%;
	height: 55px;
	position:fixed;
	bottom:0;
	background: url(/image/fiche/bg-db.png) repeat-x;
}

#zoneDB .titre {
	margin:5px auto 0;
	color:white;
	font-family:Myriad Pro, Verdana;
	font-size:2em;
	width:170px;
	margin:5px auto 0;
}

.zoneDBdata {
	float: left;
	width: 155px;
	border:1px dotted transparent;
}

.zoneDBfiltre {
	float: left;
	margin:5px 0 0 20px;
}

.zoneDBfiltre a {
	color:white;
	padding:3px;
	font-weight:bold;
	margin:0 10px;
	cursor:pointer;
}
.zoneDBfiltre a:hover {
	background-color:highlight;
	text-decoration:none;
}
.zoneDBfiltre a:active {
	background-color:orange;
	color:highlight;
}

.zoneDBdata:hover {
	border-color: #26268f;
}

.zoneDBdataTitre {
	padding: 5px;
	height: 10px;
	text-align: center;
}
.zoneDBdataAjax {
	padding: 5px;
	margin-top:10px;
	font-size:0.8em;
	height: 178px;
	overflow: auto;
}

.audimat table {
	width:100%;
}
.audimat caption {
	font-weight:bold;
	text-align:left;
	margin-top:15px;
}
.toright {
	text-align:right;
}


/* Fiches */

#results .fiche {
	padding: 10px 0;
	width: 790px;
}

#results .fiche .header {
	height: 10px;
	background: url(/image/fiche/bg_fiche_header.png) no-repeat;
}
#results .fiche .content {
	background: url(/image/fiche/bg_fiche_content.png) repeat-y;
	padding:10px 20px 0;
}
#results .fiche .footer {
	height: 12px;
	background: url(/image/fiche/bg_fiche_footer.png) no-repeat;
}

#results .fiche .pub {
	width: 410px;
	background: url(/image/fiche/picto_annonceur.png) no-repeat;
	color: #d35f01;
	padding-left:30px;
}

#results .fiche .musique {
	margin-top:20px;
	width: 410px;
	background: url(/image/fiche/picto_artiste.png) no-repeat;
	color: #d35f01;
	padding-left:30px;
}

#results .annonceur,
#results .auteur {
	font-size: 1.3em;
	font-weight: bold;
}
#results .produit,
#results .titre {
	font-size: 1.3em;
	font-weight: bold;
}

#results .fiche .version {
	background:#f09634;
	-moz-border-radius:0.5em;
	padding:1px;
	font-size: 10px;
	font-weight:bold;
	color:white;
}

#results .fiche .url a {
	color: #FEAE6D;
	font-size:7pt;
}
#results .fiche .url a:hover {color: #D35F01;}

#results .fiche .son {
}

#results .amazon {
	width: 86px;
	height: 100px;
	text-align:center;
	padding-top:5px;
	background: url(/image/fiche/bg_amazon.png) no-repeat;
}

#results .amazon a {font-size:7pt;}
#results .amazon:hover a {text-decoration:none;}

#results .amazon img {
	max-width:75px;
	max-height:75px;
}

#results .player_mp3 {
	float:left;
	width: 138px;
	height: 19px;
}

#results .amazon_mp3 {
	float:left;
	width: 138px;
	height: 19px;
	text-align:center;
	padding-top:3px;
	margin-left:63px;
	background: url(/image/fiche/amazon-mp3-bg.png) no-repeat;
}

#results .video_zone {
	position:relative;
	width: 54px;
	height: 63px;
	text-align:center;
	background: url(/image/fiche/bg_video.png) no-repeat;
	margin-left:16px;
	margin-top:20px;
	padding-top:2px;
	font-size:7pt;
}

#results .video_play {
	position:absolute;
	background: transparent url(/image/fiche/video-player-bg.png) no-repeat;
	border:0;
	left:-125px;
	padding:29px 19px 18px 22px;
	top:-150px;
	visibility:hidden;
}

#results .video img {
	cursor:pointer;
}

.video_iframe iframe {
	width:330px;
	height:266px;
	border:0;
	overflow:hidden;
}

#results .descriptif {
}

#results .comment {
	margin-top:20px;
}

#results .comment a,
#results .descriptif a {
	color:blue;
	text-decoration:underline;
}

#results .newsDate {
}

#results .internautes {
	margin-top:10px;
	border-top:1px dashed #d35f01;
}

#results .vote {
	background:transparent url(/image/fiche/emoticons.png) no-repeat scroll right top;
	padding-right:25px;
	margin-right:10px;
	float:left;
	height:25px;
	font-size:1.5em;
	line-height:23px;
}
#results .vote_pos {background-position:right -50px;}
#results .vote_neg {background-position:right -75px;}
#results .vote_pos_large {background-position:right 0px;font-size:2em;}
#results .vote_neg_large {background-position:right -25px;font-size:2em;}

#results .current_vote {
	float:left;
	width:110px;
}

#results .last_reaction {
	float:left;
	width:255px;
}

#results .total_reaction {
	float:left;
	width:255px;
}

#results .nbr_reaction {
	cursor:pointer;
}

#results .detail_reaction {
	float:left;
	background:transparent url(/image/fiche/bg_reaction.png) no-repeat scroll right top;
	height:44px;
	width:86px;
}

#results .zone_ajax_reaction {
	max-height:150px;
	overflow:auto;
	padding-top:20px;
}

.zone_ajax_reaction fieldset.avote {
	float:left;
	width:220px;
}

.zone_ajax_reaction .avote label {
	display:block;
}

.zone_ajax_reaction input {
	border: 1px solid #000000;
	color: #000000;
	font-size: 9px;
}

.zone_ajax_reaction .all_reaction {
	float:left;
	width:347px;
	margin-right:16px;
}

.zone_ajax_reaction .type_vote {white-space:nowrap;}
.zone_ajax_reaction .type_vote.pos {color:green;}
.zone_ajax_reaction .type_vote.neg {color:red;}



/* initiales */
.initiales div {
	float:left;
	margin-bottom:10px;
	margin-right:25px;
	width:45%;
}

.initiales span {
	width:100px;
}

.initiales a {
	background:white;
	height:20px;
	display:block;
	float:left;
	margin:3px 1px;
	padding:3px 6px 0;
	text-align:center;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
}
.initiales a:hover {
	background:#d35f01;
	text-decoration:none;
	color:white;
}



/* contentHeader */

#logo {
	float:left;
	margin-top:15px;
	position:relative;
}
#logo .hover {
	background:transparent url(/image/commun/logo-musiquedepubtv-hover.png) no-repeat scroll 0 0;
	height:92px;
	position:absolute;
	top:0px;
	width:319px;
	opacity:0;
	filter: alpha(opacity=0);
	display:block;
}

#logo img {
	position:absolute;
}

#pub {
	float: right;
	background: url(/image/commun/bg_pub_top.png) no-repeat;
	width:489px;
	height:83px;
	margin: 5px 0px 0px 0px;
	padding: 12px 40px 8px 10px;
}

#mainTop ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#mainTop li {
	line-height:18px;
	position:relative;
	margin:0;
	padding:0;
	float:right;
	list-style:none;
}
#mainTop a {
	border-left:1px solid white;
	display:block;
	color:white;
	height:21px;
	padding:0 11px 0 14px;
	font-size:0.9em;
}
#mainTop a:hover {
	color:orange;
	text-decoration:none;
}

#mainTop li.corporate {
	margin-right:10px;
	border-right:0;
	color:SlateGray;
}
#mainTop .corporate a {
	width:20px;
}

/* Menu primaire */

.menuMain {
	height:70px;
	margin:0 40px;
	float:left;
}

.menuMain ul {
	list-style-type: none;
	padding:0 15px;
}

.menuMain li {
	float: left;
}

.menuMainElem {
	background-repeat: no-repeat;
	width: 85px;
	height: 49px;
	display:block;
}
.menuMainElem.accueil		{background-image: url(/image/commun/bt_menu_accueil_out.png);}
.menuMainElem.accueil:hover	{background-image: url(/image/commun/bt_menu_accueil_hover.png);}
.menuMainElem.accueil:active,
.menuMainElem.accueil.isactive	{background-image: url(/image/commun/bt_menu_accueil_active.png);}
.menuMainElem.programme		{background-image: url(/image/commun/bt_menu_programme_out.png);}
.menuMainElem.programme:hover	{background-image: url(/image/commun/bt_menu_programme_hover.png);}
.menuMainElem.programme:active,
.menuMainElem.programme.isactive{background-image: url(/image/commun/bt_menu_programme_active.png);}
.menuMainElem.guide		{background-image: url(/image/commun/bt_menu_guide_out.png);}
.menuMainElem.guide:hover	{background-image: url(/image/commun/bt_menu_guide_hover.png);}
.menuMainElem.guide:active,
.menuMainElem.guide.isactive	{background-image: url(/image/commun/bt_menu_guide_active.png);}
.menuMainElem.interview		{background-image: url(/image/commun/bt_menu_interview_out.png);}
.menuMainElem.interview:hover	{background-image: url(/image/commun/bt_menu_interview_hover.png);}
.menuMainElem.interview:active,
.menuMainElem.interview.isactive{background-image: url(/image/commun/bt_menu_interview_active.png);}
.menuMainElem.boutique		{background-image: url(/image/commun/bt_menu_boutique_out.png);}
.menuMainElem.boutique:hover	{background-image: url(/image/commun/bt_menu_boutique_hover.png);}
.menuMainElem.boutique:active,
.menuMainElem.boutique.isactive	{background-image: url(/image/commun/bt_menu_boutique_active.png);}
.menuMainElem.zapping		{background-image: url(/image/commun/bt_menu_zapping_out.png);}
.menuMainElem.zapping:hover	{background-image: url(/image/commun/bt_menu_zapping_hover.png);}
.menuMainElem.zapping:active,
.menuMainElem.zapping.isactive	{background-image: url(/image/commun/bt_menu_zapping_active.png);}

.feeds {
	float:right;
	margin-bottom:0;
	margin-left:0;
	margin-right:20px;
	margin-top:30px;
	text-align:right;
}

#zoneQuiz {
	font-weight: bold;
	margin-left:45px;
	font-size: 12pt;
	width: 292px;
	height: 95px;
	background: url(/image/accueil/icon_lg_quiz_out.png) no-repeat;
}

#zoneQuiz a {
	display:block;
	padding-bottom:25px;
	padding-left:0;
	padding-right:100px;
	padding-top:22px;
	text-align:center;
}

#layerFastSearch {
	background: #eeeeee;
	padding: 10px;
	border: solid 1px #5869ab;
}



/*
  QUIZ
*/

#quiz {
	width:500px;
}

#quiz .gauche {
	float:left;
	width:360px;
	height:379px;
	margin-left:5px;
}

#quiz .droite {
	float:right;
	width:120px;
	border-left:2px solid black;
	padding-left:10px;
}

#quiz .footer {
	height: 30px;
	text-align:center;
	padding-top:10px;
	background: transparent url(/image/commun/bg_maindiv_bottom.png) no-repeat scroll left bottom
}

#quiz .question { 
	position:absolute;
	width:360px;
	text-align: center;
}
 
#quiz .nfiche {
	color:black;
	font-size:1.5em;
	margin-bottom:1em;
}

#quiz .sous_titre {
}

#quiz span.win { 
	color:green;
	font-weight:bold;
}
#quiz span.ok { 
	color:green;
}
#quiz span.ko { 
	color:red;
	text-decoration:line-through;
}

#quiz span.win img { 
	border:4px solid green;
}
#quiz span.ok img { 
	border:2px solid green;
}
#quiz span.ko img { 
	border:2px solid red;
}


  
/*
- CMS
*/

.cms {
	margin-top:20px;
	clear:both;
}

.cms_resume_entries p {
	float:left;
	width:125px;
	margin:5px;
	padding:5px;
}

.cms_resume_entries p.active {
	background:lightGrey;
}



/*
 - textes
 */

.txtTitre1 {
	font-size: 12pt;
	font-weight: bold;
}

.txtTitre2 {
	font-size: 10pt;
	font-weight: bold;
}

.sTitre {
	width: 100%;
	height: 2px;
}

.txtDate {
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
}

.txtAnnotation {
	color: #25284b;
	font-size: 8pt;
}

.txtAnnotation a {
	color: #25284b;
	font-size: 8pt;
}

.txtGras {
	font-weight: bold;
}

.found {
	background:yellow;
	font-weight:bold;
}

.txtAlert {font-weight: bold; color:red;}
.txtSucces {font-weight: bold; color:green;}
.puce {font-size:1.5em}

/*
 - couleurs
 */

.orange {color: #d35f01;}
.orangeBg {background: #d35f01;}
.blanc {color: #FFFFFF;}
.blancBg {background: #FFFFFF;}
.marine {color: #26268f;}
.marineBg {background: #26268f;}



/*
 - images
 */

img {
	border: 0px;
}



/*
 - tableaux
 */

td {
	vertical-align: top;
}



/*
 - listes
 */

ul {
	padding-left:10px;
}

li {
	margin-left: 12px;
}

li.programmeAnn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-image: url(/image/accueil/icon_annonceur_lt.png);
}

li.programmeArt {
	margin: 0px 0px 0px 0px;
	list-style-image: url(/image/accueil/icon_artiste_lt.png);
}

/*
 - liens
 */

a {
	text-decoration: none;
	color: #000000;
}
.original a {
	text-decoration: underline;
	color: blue;
}

a:hover {
	text-decoration: underline;
}

.overUnder:hover {
	text-decoration: underline;
}
a.connexe {
	color:inherit;
	border-bottom:1px dotted;
}
a.connexe:hover {
	text-decoration:none;
	border-bottom-style:solid;
}

/* Pagination */
.pagination {
	float:right;
	margin-right:20px;
}

.pagination a {
	display:block;
	float:left;
	border-bottom:1px solid ;
	width:20px;
	text-align:center;
	margin:2px;
	text-decoration:none;
}
.pagination a.current {
	border-bottom:2px solid #d35f01;
	
}
.pagination a:hover {
	border-bottom-color:red;
}
.pagination span {
	float:left;
}	



/*
 - clouds
 */
.cloud a {cursor:help;}
.cloud_prog {color:orange;}
.cloud_pos {color:green;}
.cloud_neg {color:red;}
.cloud_0 {font-size:1.4em; font-weight:bold;}
.cloud_1 {font-size:1.1em;}
.cloud_2 {font-size:0.8em;}



/*
 - forms
 */

input.fastSearch {
	border: 1px dotted #000000;
	color: #000000;
	font-size: 9px;
	height: 12px;
	text-indent:2px;
	background-color: transparent;
}

input.fs {
	margin: 5px 0px;
	padding:8px 15px;
	width: 160px;
	border: solid 0 #fff;
	background: transparent url("/image/commun/bg_input_fastsearch.png") no-repeat;
}

#zone_fs {
	display:block;
	position:absolute;
	overflow:hidden;
	z-index:10;
	height:0px;
	width:279px;
	background: white;
	top:127px;
	margin-top:45px;
	background: transparent url("/image/commun/bg-ajax-fs.png") no-repeat center bottom;
}

#s_ajax {
	overflow:hidden;
	margin:45px 20px 20px;
}

fieldset.null {
	border:0;
	padding:0;
}

.null a {
	color:blue;
	text-decoration:underline;
}
