/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* INDEX
--------------------------------------------------------------------------------------- */
body.splash {background:#000 url(gx/i/bg.gif) repeat-x; text-align:center;}
.index {width:982px; min-height:800px; height:auto; background:#000; margin-left:auto; margin-right:auto; padding:0;}
	.index .header {width:982px; height:161px; background:#FFFFFF; padding-top:2px; margin-left:auto; margin-right:auto;}
	.index .contentBox {  width:735px; min-height:536px; height:auto; margin-left:auto; margin-right:auto;}
		.index .contentBox .box1 { width:620px; height:155px; border:1px solid #3c4146; margin-top:22px;}
		.index .contentBox .box2 { margin:0 auto; width:735px;margin-top:22px;}
		.index .contentBox .box3 { margin:0 auto;  width:620px; height:155px; border:1px solid #3c4146; margin-top:22px;}
		.index .contentBox .box4 {width:620px;  border:1px solid #3c4146; margin-top:22px;}
		.index .contentBox .box4 .tableSpectacle{ margin:0;padding:0; width:420px;}
		.index .contentBox .box4 .tableSpectacle tr.row1{	background: #2f363c;}
		.index .contentBox .box4 .tableSpectacle tr.row0{	background: #21262a;}
		.index .contentBox .box4 .tableSpectacle tr td{text-transform:uppercase; color:#F9F9F9; font-size: 10px; font-weight:bold; padding:3px 5px;}
		.index .contentBox .box4 .tableSpectacle tr td a{color:#438ec7;}
		.index .contentBox .box4 .tableSpectacle tr td a:hover{text-decoration:none;}
		.index .contentBox .box5 { margin:0 auto;  width:620px; height:45px; margin-top:22px;}
		.index .contentBox .box6 { border:1px solid #FFFFFF; padding:5px;margin:0 auto;  width:610px;margin-top:22px;color: #fff;font-size: 12px;font-family: Verdana, Arial, Tahoma;}
		.index .contentBox .box6 .titre {color: #fff;font-size: 32px;font-family: Verdana, Arial, Tahoma;}
		.index .contentBox .footerIndex {position:relative; clear:both; width:622px; height:50px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#7e7e7e; margin:0 auto;}
		.index .contentBox .footerIndex a, .index .contentBox .footerIndex a:visited, .index .contentBox .footerIndex a:visited:hover{color:#7e7e7e;}
/*#btTroisImages{}*/

.lienSpectacles { position:absolute; top:330px; width:240px; left:0; text-align:center; }

/*MAXIME*/
#btGauche2{background: url(gx/I/btGaucheBg2.jpg) no-repeat top left; float:left; width:244px; height:370px; position:relative;  }
#btGauche2 a p{color:#fff; font-size:14px; padding:5px 0 0 0; text-align:center;}
#btGauche2 a:hover p{text-decoration:underline;}

/*MET*/
#bandeauRouge{background:#e51937; height:30px; margin:0 0 0 2px; width:242px; position:absolute; top:300px; left:0px;}
#bandeauRouge a p{color:#fff; font-size:14px; font-weight:bold; padding:5px 0 0 0; text-align:center; }
#btGauche{background: url(gx/I/btGaucheBg.jpg) no-repeat top left; float:left; width:244px; height:370px; position:relative;  }
#btGauche a p{color:#fff; font-size:14px; padding:5px 0 0 0; text-align:center;}
#btGauche a:hover p{text-decoration:underline;}

/*MM*/
#dateSupplementaire{ position:absolute; top:170px; left:35px; color:#fff; font-size:10px; font-weight:bold; text-align:center; margin-top:110px;}
#bandeauOrange{ background:#d65a24; height:30px; margin:0 0 0 2px; width:242px; position:absolute; top:300px; left:0px;}
#bandeauOrange p{color:#000; font-size:14px; font-weight:bold; padding:5px 0 0 0; text-align:center;}
#bandeauOrange a p{color:#fff; font-size:14px; font-weight:bold; padding:5px 0 0 0; text-align:center;}
#btCentre{background: url(gx/I/btCentreBg.jpg) no-repeat top left; float:left; width:246px; height:370px; position:relative;  }
#btCentre a p{color:#fff; font-size:14px; padding:5px 0 0 0; text-align:center;}
#btCentre a:hover p{text-decoration:underline;}

/*WILLIAM*/
#bandeauVert{background:#34826c; height:30px; margin:300px 0 0 0; width:242px;}
#bandeauVert a #lienWilliam {color:#fff; font-size:14px; font-weight:bold; padding:5px 0 0 0; text-align:center;}
#btDroite{background: url(gx/I/btDroiteBg.jpg) no-repeat top left; float:left; width:244px; height:370px;}
#btDroite a p{color:#34826c; font-size:14px; padding:5px 0 0 0; text-align:center; font-weight:bold;}
#btDroite a:hover p{text-decoration:underline;}


/* CODE TEMPORAIRE ENLEVER APRÈS LE 5 FÉVRIER À MINUIT */
#btCentreTemp{ float:left; width:246px; height:370px; position:relative; }
#btDroiteTemp{background: url(gx/I/btDroiteBg.jpg) no-repeat top left; float:left; width:244px; height:370px;}
#btDroiteTemp #bandeauOrangeTemp{background:#d65a24; height:30px; margin:300px 0 0 0; width:99%; }
#btDroiteTemp #bandeauOrangeTemp a p{color:#fff; font-size:15px; font-weight:bold; padding:4px 0 0 0; text-align:center;}
#btDroiteTemp a p{color:#fff; font-size:12px; padding:5px 0 0 0; text-align:center;}
#btDroiteTemp a:hover p{text-decoration:underline;}

#formPrevente{ width: 350px; background: white; margin: 30px auto 0 auto; padding: 25px; text-align: center; }
#formPrevente p{ color: black; text-align: center; }
#formPrevente label{ float: none; font-weight: bold; font-size: 12px; margin: 0; padding: 0; color: black; }
#formPrevente input.textBox{ margin-bottom: 3px; width: 200px; font-size: 11px; padding: 3px; border: 1px #CFCFCF solid; }
#formPrevente a{ text-decoration: underline; color: red; font-size: 10px; }
#formPrevente .erreur{ color: red; }

#preventeLienBillets { background-color:#eee; border:1px solid #ddd; padding:10px; }
#preventeLienBillets a{ text-decoration: underline; color: #33449f; font-size: 10px;  }

#pubTemporairePourPrevente{ width: 490px; margin: 20px auto 0 auto; border: 3px black solid; }

/* GAD ELMALEH
--------------------------------------------------------------------------------------- */
body.gad {background:#000 url(gx/i/bg.gif) repeat-x; text-align:center;}
.index {width:982px; min-height:800px; height:auto; background:#000; margin-left:auto; margin-right:auto; padding:0;}
	.index .header {width:982px; height:161px; background:#FFFFFF; padding-top:2px; margin-left:auto; margin-right:auto;}
	.index .contentBoxGad {  width:735px; min-height:536px; height:auto;text-align:left;}
		.index .contentBoxGad .box1 { width:465px; margin-top:22px;color:#ffffff;font-family:Arial;display:block;float:left;text-align:left;}
		.index .contentBoxGad .box2 { width:260px; margin-top:22px;display:block;float:right;color:#ffffff;font-family:Arial;}
		.index .contentBoxGad .footerIndex {position:relative; clear:both; width:622px; height:50px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#7e7e7e; margin-top:20px;}


/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
img, div{ behavior: url("inc/iepngfix.htc") }
body#index{
	background: #000 url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
	
}
body#main{
	background: #fff url(gx/bg.gif) repeat-x;;
	margin: 0;
	padding: 0;
	text-align:center;
	
}
html{
	color: #717172;
	font-size: 12px;
	/* Garder 3 fontes seulement */
	font-family: Verdana, Arial,  Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
h1{
	font-size: 12px;
	font-weight: bold;
	display:block;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff; 
	font-family: Verdana;
}
h1.artiste{background:#fcba63; }
h1.television{background:#a1becf;}
h1.spectacle{background:#da1c5c;}
h1 span{color:#a7a9ac;}
h1.agenda{background-color:#33aed7;}
h1.nouvelle{background-color:#000;padding-left:10px;}
h1.contact, h2.contact{background-color:#004264;}
h1.tubej{background-color: #a7a9ac;}
h1.tubej span, h1.agenda span{color:#000;}
h1.boutique{background:#ba005a; }
h1.media{background-color: #d35759;}
h2{
	font-size: 12px;
	font-weight: bold;
	display:block;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff; 
	font-family: Verdana;
}
h2.artiste{background-color:#fcba63; padding-left:10px;}
h2.blog{background-color:#83bdc3;padding-left:10px;margin-right:10px;}
h2.blogMembre{background:#83bdc3 url(gx/icone_cadenas2.gif) no-repeat right 1px;padding-left:10px;margin-right:10px;}
h2.agenda{background-color:#33aed7;}
h2.spectacle{background-color:#6d6e72; font-size:18px;line-height: 25px;font-weight: normal;text-align:right;}
/*h2.nouvelle{background-color:#000;}*/
h2.production{background-color:#231f20;padding-left:10px;}
h2.discographie{background-color:#86bb4d;padding-left:10px;margin-right:10px;}
h2.albumPhoto{background-color:#424c97;padding-left:10px;margin-right:10px;}
h2.tubeJ{background-color:#6a6865;}


h2.membre{background-color:#c72959;padding-left:10px;margin-right:10px;}
h2.liens{background-color:#f1b30a;padding-left:10px;margin-right:10px;}
h2.autre{background-color:#97978a;}


h3{color:#800000; font-size:14px; line-height: 25px;}
h3.production{color:#231f20;}
h4{color:#717172; font-size:14px;}

.iconePlus{
	float:right;margin:5px  5px 0 5px;
}

.italic{font-style:italic;}

#colGauche{float:left; width:600px; padding-bottom:15px;}
#colPhotoArtiste{float:left; padding-left:100px; width:200px; text-align:right;}



/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	background: #000 ;
	margin: 0 auto 0 auto;
	text-align:left;
	width:980px;
}
#conteneur2{
	/*background: red;*/
	margin: 0 auto 0 auto;

	border-top:1px solid #474747;
	/*text-align:center;
	width:100%;
	display: block;
	margin:0;
	padding:0;*/
}
#haut{background: #000;	height: 37px;display:block;float:left;width:980px;}
#haut a, #haut a:link, #haut a:visited{font-size:12px; font-weight:bold; color:#fdfdfd; line-height:28px;text-decoration:none;}
#haut a:hover, #haut a:hover:visited{text-decoration:underline;}
#blocRecherche{float:right;margin-right:25px;}
#audioPlayerHaut{
	float:left;
}
/* background: url(gx/m/bg_header.jpg) no-repeat;  */
#header{width:980px;	height:161px;	float:left;display:block;}
#header .logo{	margin: 25px 8px 0 15px ; float:left;}
/*#header .flashEqualizer{	margin: 6px 20px 0 0 ; float:right; position: relative;}*/
#header .leaderbord{	float:right; margin:30px 0px 0px 0;}

#contenu{margin:0; background: #f6f6f6;border:1px solid #dacfca; border-top:none;border-bottom:none;width: 980px;}
#contenu2{
	background: #f6f6f6;
	width: 980px;
}


/*#innerCtn{margin:0 10px;}*/
#ctnDeuxTier{width:675px;float:left; margin-left:15px;}
#ctnUnTier{width:275px;float:right;margin-right:15px;_margin-right:0px; }
/*.ctnBordure{border-right:5px solid #d6d6d6;}*/
#ctnMilieu{ 	width:185px; float:left; margin-left:7px;}

#pubBasdepage{
	float: right;
	display: block;
	border:1px solid #545454;
	width: 728px;
/*	height: 137px;*/
	vertical-align: middle;
	text-align: center;
}

#coverAlbums{float:left; height:100px; margin:10px 0;}
#coverAlbums img{float:left; margin-right:15px; border:1px solid #dacfca;}
#

/* CONTACT
--------------------------------------------------------------------------------------- */
#organigramme{float:left;width:290px;margin:0 10px;}
#organigramme p strong{color: #231f20;font-weight:normal; font-size:12px;text-transform:uppercase;}
#organigramme p, #organigramme p a, #organigramme p a:visited{font-size:11px;color:#404040;font-family:verdana;text-decoration:none;}
#organigramme p a:hover, #organigramme p a:visited:hover{color:#404040;font-family:verdana;text-decoration:underline;}

#ConceptTele{font-family:verdana;color:#a7a9ac;background:#000 url(gx/10/bg_10_200.jpg) no-repeat bottom right;height:700px;display:block;width:100%;}
#ConceptTele h2{color:#fff; font-size:20px;}
#ConceptTele h3{color:#33add6; font-size:10px; font-family:verdana;}
#ctnConceptTele{margin:45px 40px;}
#ctnConceptTele p, #ctnConceptTele p strong{color:#a7a9ac;}
/* BLOG
--------------------------------------------------------------------------------------- */
#colonneListe{
	float:left;
	width:245px;
}
#colonneListe .aSurveiller, #colonneListe .nouveaute{
	color:#fff;
	background: #000;
	display:block;
	text-align: right;
	height: 36px;
	font-family: verdana;
	font-size:18px;
	line-height: 36px;
	padding-right:10px;
}
#colonneListe .nouveaute{
	background: #001730;
	height: 40px;
	line-height: 40px;
}
#colonneListe .voirTout{
	background: #000;
	display:block;
	text-align: center;
	height: 30px;
	
}
#colonneListe .voirToutVideo{
	background: #001730;
	height: 50px;

}
#colonneListe .voirTout a, #colonneListe .voirTout a:link, #colonneListe .voirTout a:visited{
	font-family: verdana;
	font-size:12px;
	line-height: 30px;
	text-decoration: none;
	color:#fff;
}
#colonneListe .voirTout a:hover, #colonneListe .voirTout a:visited:hover{
	text-decoration: underline;
}
#blocListe{
	width: 245px;
	height: 70px;
	display:block;
	margin: 6px 0;
	cursor: pointer;
	overflow: hidden;

}
#blocListeDetail{
	width: 495px;
	height: 50px;
	display:block;
	margin: 6px 0;
	cursor: pointer;

}
#blocListeDetail.listeVideo{width: 485px;}

#blocListe .btnListe{float:right;margin:25px 10px;}
#blocListeDetail .btnListe{float:right;margin:5px 10px 0 0;}

div.liste1{background: #dacfca ;}
div.liste2{background: #e2d9d2 ;}
div.liste0{background: #cbc2bd ;}
div.listeAgenda1{background: #33aed7 ;}
div.listeAgenda2{background: #248bac ;}
div.listeAgenda0{background: #85bed9 ;}
div.listeVideo1{background: #004264 ;}
div.listeVideo2{background: #005d88 ;}
div.listeVideo0{background: #002a46 ;}
div.liste1:hover, div.liste2:hover, div.liste0:hover{background: #b7afab; cursor:hand;}
div.listeAgenda1:hover, div.listeAgenda2:hover, div.listeAgenda0:hover{background: #75a5bc; cursor:hand;}
div.listeVideo1:hover, div.listeVideo2:hover, div.listeVideo0:hover{background: #016c9d; cursor:hand;}

#blocListe p{
	color: #231f20;
	margin:0px 0px 0 10px;_margin-left:5px;
	padding-top:10px;
	width: 190px;
	float:left;
	font-size:11px;
	overflow:hidden;
	
}
#blocListeDetail p{
	color: #231f20;
	margin:0px 0px 0 10px;_margin-left:5px;
	padding-top:10px;
	line-height: 15px;
	width: 450px;
	float:left;
	height: 40px;
	text-align: left;
}
#blocListeDetail.listeVideo p{width: 440px;color: #AFA5A7;}
#blocListe p a, #blocListe p a:link, #blocListe p a:visited{
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	text-transform: normal;
	font-family: arial;
}
#blocListeDetail p a, #blocListeDetail p a:link, #blocListeDetail p a:visited{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-transform: normal;
	font-family: arial;
	
}
#blocListe span{
	text-transform: uppercase;
	font-family: verdana;
	font-size:11px;
}
#blocListe span.dateVideo{color:#a7a9ac;}
#blocListe span.titreVideo{font-size:10px;color:#a7a9ac; line-height: 11px; }

#colonneBlog{
	width: 728px;
	float:right;
	margin-right:3px;
}
#blog{display:block;float:right; width: 728px; background: #f6f6f6;border:1px solid #dbd1cc; border-top:none; height: 427px;margin-bottom:5px;}
#blogImg{float:left;	display:block;	width:270px;margin:0px 5px 0 0px; font-size: 9px; color:#404040; font-family:verdana; line-height: 200%;}
#blogCtn{float:left;	display:block; width: 420px; margin-top:5px;}
#blogCtn H1{color:#000; text-transform: none; padding-bottom:5px; }
#blogCtn p{ color:#404040;
	
}
#scrollBlog{
	margin:5px;
	max-height: 407px; _height:407px;
	overflow: auto;
	
}
/*#blog a{color:#56959c;}*/
#footerBlog{
	background:#f7f9e1;
	/*border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
	line-height: 30px;
	padding:0 10px;
	color: #717172;
}

#controles{	float:right;margin-right:15px;}
#controles img{margin-top:5px;}	

/* TELEVISION
--------------------------------------------------------------------------------------- */
#blocSucces{
	border:1px solid #00b2d9;
	background: #f3f3f4;
	display:block;
	padding:10px;
}
#blocSucces ul li{
	float:left;
	width: 290px;
	font-size: 12px;
}


/* SPECTACLE
--------------------------------------------------------------------------------------- */
#enSpectacle{
	width:479px;
	min-height:604px;*min-height: 604px;_height:604px;
	background: #000;
	float:left;
	position:relative;
	z-index: 1;
}
#enSpectacle img{
	float:left;
}

#enSpectacle p, #ctnManchette p{color:#8d8d8f;margin:15px;text-align:justify;}
#enSpectacle p strong.nomArtiste, #ctnManchette p strong.nomArtiste{color:#fff;font-size:16px;}
#enVedette a, #enVedette a:link, #enVedette a:visited{color:#8d8d8f;}

#imgEnSpectacle{ line-height:436px; height:436px; overflow:hidden;}
#imgEnSpectacle a img{vertical-align: middle;  }
#imgPrincipale{}
#imgSecondaire{position:absolute; width:80px;left:385px; top:20px; text-align: center; background: #000;z-index: 1;}
#imgSecondaire img{margin:7px; border:1px solid #383534;}
span.dateSpectacle{color:#33aed7;}

#blocSpectacle{display:block;float:left;margin-bottom:5px; /*background: transparent url(gx/next.gif) no-repeat right center;*/}
#spectacleImg{	float:left;	display:block;	width:85px; }
#spectacleCtn{	float:left;	display:block;	width:210px;}
#spectacleCtn p{font-size: 11px;color: #000; line-height: 175%;}
#spectacleCtn p a,#spectacleCtn p a:link, #spectacleCtn p a:visited{text-decoration:underline;} 
#spectacleCtn p a:hover{color:#000;}

#prodCol, #prodCol1{
	float:left;
	display:block;
	margin-right:10px;
	width:468px;
	color: #231f20;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

prodCol1{width:470px;}
#prodCol, prodCol1 p{color: #231f20;font-size:12px; margin-left:5px;}

#prodFiche{	border-top:1px dotted #ccc;padding:5px; color:#404040; font-size: 12px; display: block;}
#prodFiche .titreFiche{float:left;display:block;width:150px; }
#prodFiche .reponseFiche{float:left;display:block;width:300px;margin-bottom:5px;}

#tableauContactGeneral{border-top:1px solid #ccc;}
#tableauContactGeneral td p{text-align: left;}
#tableauContactGeneral td.col1{border-right:1px solid #ccc;}
#tableauContactGeneral td.col1 p{margin-right:10px;}
#tableauContactGeneral td.col2 p{margin-left:10px;}

#blocIntegral{
	border-bottom:1px dotted #ccc;
	font-size: 12px;	
	color:#4c4c4c;
	display: block;
	/*float:left; width:300px;*/
}
#blocIntegral span {color:#da1c5c;}
#blocIntegral strong {color:#231f20;}
#blocIntegral .nomArtiste{ text-transform: uppercase; font-weight: normal;}
#blocIntegral .nbpresentation{ color:#4c4c4c; font-size: 10px;}

/* NOUVELLE ACCUEIL
--------------------------------------------------------------------------------------- */
/*#nouvelle{border-bottom:1px solid #d6d6d6;	display:block;float:left;margin-bottom:10px;padding-bottom:5px;}*/

#blocNouvelle{	
	background: #f6f6f6;
	float:left;	
	display:block;
	/*margin-bottom:19px;*margin-bottom:12px;_margin-bottom:12px;*/
	margin-bottom:4px;
	height: 360px;*height: 348px;
	
	overflow: hidden;
	font-size: 10px;
	color: #8d8d8f; 
	width:184px;
}
#blocNouvelle h2.nouvelles{background:#000;}
#nouvelleImg{	border:1px solid #000; float:left;	display:block;	width:64px; height: 58px; overflow: hidden; margin:0 5px;}
#nouvelleImg img{ }
#nouvelleCtn{ float:left;	display:block;	width:100px; }
#blocNouvelle p{font-size: 10px;color: #8d8d8f; }
#blocNouvelle p strong{font-size: 11px;color: #000; }
#blocNouvelle p a,#nouvelleCtn p a:link, #nouvelleCtn p a:visited{color:#000; font-size:11px;text-decoration:none; } 
#blocNouvelle p a.lienTexte,#nouvelleCtn p a.lienTexte:link, #nouvelleCtn p a.lienTexte:visited{color:#8d8d8f; } 
#blocNouvelle p a:hover{color:#000;text-decoration:underline; }

#boiteClubJ{
	background:#fcb040;
	float:left; 
	position:relative; 
	display:block;
	height:146px;
	margin-bottom:5px;
	margin-top: 1px;
}
/* Photos ACCUEIL
--------------------------------------------------------------------------------------- */
#blocPhotoAccueil{
	width:183px;
	background: #01131f;
	/*float:left;*/
	display:block;
	border:1px solid #383838;
	height:140px;
	
}
#blocPhotoAccueil .photoGauche{float:left;display:block; width:135px;}
#blocPhotoAccueil .listePhoto{padding-top:10px;float:left;display:block; width:48px;text-align:center; }
#blocPhotoAccueil .listePhoto img{margin:0 0 5px 6px;}
/* PRODUCTIONS
--------------------------------------------------------------------------------------- */
#banniereProduction{
	display: block;
	height: 200px;
	background: #000;
	text-align: center;
}
#imgProduction{
	width:90px;
}
#blocListeProduction{text-align:center;float:left;width:930px;}
#imgProduction img{border:3px solid #000;margin:5px 2px 5px 0;}
#banniereProduction .fleche {float:left;margin:40px 5px 0 5px;border:none;}
#banniereProduction .prod1:hover img, #banniereProduction .prod1:hover:visited img{border:3px solid #d91b5c;}
#banniereProduction .prod1 img.actif{border:3px solid #d91b5c;}
#banniereProduction .prod6:hover img, #banniereProduction .prod6:hover:visited img{border:3px solid #a1bdcf;}
#banniereProduction .prod6 img.actif{border:3px solid #a1bdcf;}
#banniereProduction .prod7:hover img, #banniereProduction .prod7:hover:visited img{border:3px solid #a1bdcf;}
#banniereProduction .prod7 img.actif{border:3px solid #a1bdcf;}

h2#nomProduction{color:#fff;font-size:24px;}
.lienweb img{
	float:right;
	margin-right:10px;
}

/* PAGE DES TÉLÉVISION
--------------------------------------------------------------------------------------- */
#banniereRecompense{
	display: block;
	height: 200px;
	background: #000;
}


#banniereRecompense img.btn_prix{
	float:left;
	display: block;
	margin-right:4px;
}
#banniereRecompense img{
	margin:5px 0;
}
#blocRecompense{color: #404040;font-size: 11px; float:left;display:block;width:315px; margin: 0 5px 15px 0;}
#imgRecompense{
	width:85px; float:left;
}
#ctnRecompense{
	width:215px; float:left;margin-top:5px;
}
#blocRecompense strong{font-weight:normal;font-size: 12px; text-transform: uppercase;}

/* PAGE DES ARTISTES
--------------------------------------------------------------------------------------- */
#blocArtiste{
	width:472px;
	height: 279px;
	float:left; display:block;
	margin: 0 0 12px  12px ;
}
#blocArtiste div.imgArtiste{height: 204px; overflow: hidden;}
#blocArtiste p{color:#000;width:450px; margin:12px;font-size:10px;}
#blocArtiste p strong{ color:#fff; font-size:13px; font-family: verdana;}

#btn_siteWeb{
	float:right;
	display:Block;
	border:1px solid #fff;
	color:#fff;
	width:106px;
	height:20px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

div.listeArtiste1{background: #f7941d;}
div.listeArtiste2{background: #fcb040;}
div.listeArtiste0{background: #fcba63;}
div.listeBoutique1{background: #ba005a;}
div.listeBoutique2{background: #f05d84;}
div.listeBoutique0{background: #d50267;}

/* TUBE J
--------------------------------------------------------------------------------------- */
#blocTubeJ{
	background:#01131f;
	/*margin-bottom:5px;*/
	border:1px solid #6f777d;
}
#ctnTubeJ{
	border:1px solid #1f2e38;
	background: #000;
	color:#8d8d8f;
	font-size: 10px;
	margin:0 20px;
	display: block;
	height: 100%;
	
}
#imgTubeJ{
	width:64px;
	margin:5px 10px;
	float:left;

	
}
#texteTubeJ{
	margin:5px 0;
	float:left;
	width:140px;
	height: 68px;
	overflow: hidden;
	

}
#texteTubeJ strong{
	color:#fff;
	font-size:12px;
}
#blocVideo{
	float:left;
	display:block;
	width:488px;
	height: 400px;
	background: #00142e;
}

#primeurVideo{
	float:left;
	display:block;
	background: #001730;
	width:324px;
	height: 210px;
	margin-top:5px;
}
#primeurVideo h2{background:#a7a9ac;}
#primeurVideo .imgVideo{
	float:left;
	width: 154px;
	height: 170px;
	overflow: hidden;
	margin: 10px;
}
#primeurVideo .ctnVideo{
	float:left;
	width: 140px;
	margin: 10px 0;
}
#primeurVideo .ctnVideo p{color:#b2b2b2; font-size: 13px; font-family:verdana; text-align: left;}
#primeurVideo .ctnVideo p span.datePublication{font-size:10px;}
#primeurVideo .ctnVideo p a, #primeurVideo .ctnVideo p a:link, #primeurVideo .ctnVideo p a:visited{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#primeurVideo .ctnVideo p a:hover, #primeurVideo .ctnVideo p a:visited:hover{text-decoration:underline;}

#blocAlbum{
	float:left;
	display:block;
	background: #001730;
	width:650px;
	height: 210px;
	margin: 5px 0 0 5px;
}
#blocAlbum .blocPetit{float:left; display:block; width:124px; text-align: center;padding-top: 10px;}
#blocAlbum .blocGrand{float:left; display:block; width:526px;}
#blocAlbum .blocGrand h2{background:#a7a9ac;}
#blocAlbum .blocGrand div.infoAlbum{   width:400px; float:left; display:block; margin-bottom:10px; }
#blocAlbum .blocGrand div.btnLien{  margin-left:5px; width:105px; float:left; display:block; }
#blocAlbum .blocGrand p { margin-left:10px;color:#a7a9ac;line-height: 150%;font-size: 12px;}
#blocAlbum .blocGrand p strong{color:#fff;}
#blocAlbum .blocGrand p span.nomArtiste{font-size:16px;font-weight:bold;}
#blocAlbum .blocGrand p strong.titreAlbum{font-size:16px;}

#listeAlbum{
	border-top:1px dotted #fff;
	margin:10px;
	
	background: #001730;
	/*float:left;
	width:485px;*/

}
#listeAlbum div.imgAlbum{float:left; display:block; width:64px; margin:0px 0px 0 5px; padding-top: 10px;} 
#listeAlbum div.imgAlbum img{border:2px solid #001730;}
#listeAlbum div.imgAlbum img.actif{border:2px solid #a1becf;}

/* CLUB J
--------------------------------------------------------------------------------------- */
h1.clubj{
	background: #f7931e;
	
}
h2.titreClubJ{
	font-size: 20px;
	color: #231f20;
	
}
p.texteClubJ{
	color: #231f20 !important;
	width: 550px;
}
form.clubJForm label{
	color: #231f20 !important;
}

form.clubJForm label.erreur{
	color: #FF0000 !important;
}

.clubJForm .champTexte{
	background: #FFF;
	margin: 10px 5px;
	display: block;
	float: left;
	line-height: 18px;
	margin: 0 0 10px 0;
}


/* MEMBRE
--------------------------------------------------------------------------------------- */
#blocMembre p{color:#000; font-size: 11px;}
#blocMembre p a,#blocMembre p a:link, #blocMembre p a:visited{color:#c72959; text-decoration:underline; font-size:11px;} 
#blocMembre p a:hover{color:#000;}

/* CALENDRIER
--------------------------------------------------------------------------------------- */
#blocCal{
	background: #000;
	display:block;
	width:275px;
	float:left;
	margin-top:5px;
}
table#calendrier{
	width:275px;
	color:#8d8d8f;
	font-size:10px; 
	background: transparent;
	float:left;height:180px;
	
	
}
table#calendrier tr td table{

}
tr.calendarheader{height:20px;}
tr.calendarheader td{ text-transform:uppercase; background-color: #000; color:#8d8d8f; line-height: 20px; font-size:10px; vertical-align: top;}
.calendar {color:#8d8d8f;
	font-size:10px; 
	margin:2px;}
.calendartoday{font-weight:bold;}
#calendrier a.calendarActif{
	color:#fff; font-weight: bold; text-decoration:none; 
	width:25px;

	display:block;
	padding:3px 0;
}
#calendrier a.calendarActif:hover{color:#fff; font-weight: bold; 
	}
table#calendrier tr td a, #blocCal p a{color: #666666; font-size: 11px; text-decoration: underline;}
table#calendrier tr td a:hover, #blocCal p a:hover{color:#fff;}
table#calendrier tr td.mois{
	text-transform: uppercase;
	font-size:10px;
	color: #fff;
	padding-right:10px;
}
table#calendrier tr td.mois img{
	float: right;
}
table#calendrier tr td.mois strong{
	display:block;float:right; line-height: 17px;
	padding:3px 5px;

}

#basCalendrier{
	background:#000 url(gx/m/bg_basAgenda.gif) no-repeat;
	height: 68px; padding:10px 0px;
	display:block;float:left; width:275px;

}
#basCalendrier img{margin-right: 8px;float:left;}
#basCalendrier p{margin: 0 15px;color:#fff;font-size:10px;	text-align: left;}
/*tr#basCalendrier td{ height: 68px; padding:10px 15px;color:#fff;}*/
#basCalendrier .nomArtiste{ text-transform: uppercase;}
#basCalendrier .heure{color:#32aed6; font-size:30px;margin-left:40px; line-height: 30px;}

#codeCouleur{
	float:left;
	display:block;
	width:15px;
	margin:0 10px;
}

/* SOUS-CALENDRIER
--------------------------------------------------------------------------------------- */
#sousCalendrier{
	height: 25px;
	background:#000;
	margin-top:1px;
	padding:0 0;
	line-height: 25px;
	text-align: center;
}
#sousCalendrier a, #sousCalendrier a:link, #sousCalendrier a:visited{
	font-size:9px; color: #fff; text-transform: uppercase; margin: 0 4px;
}
#sousCalendrier span{margin: 0 4px;}
#sousCalendrier a.calendar, #sousCalendrier a.calendar:link, #sousCalendrier a.calendar:visited{
	font-size:9px; color: #fff;
}

#sousCalendrier a.calendartoday, #sousCalendrier a.calendartoday:link, #sousCalendrier a.calendartoday:visited, #sousCalendrier .calendartoday{
	font-size:13px; color: #c5bcb8; font-weight: bold;
}

#sousCalendrier a.moisGauche{float:left;margin-left:30px;}
#sousCalendrier a.moisDroit{float:right;margin-right:30px;}


/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
************************************************************** */

#dhtmltooltip { position: absolute; left: -300px; width: 150px; padding: 10px; visibility: hidden; z-index: 100; text-align : left; }
#dhtmltooltip dt, #dhtmltooltip dd { width : auto; padding : 0; margin : 0 }
#dhtmltooltip dd { padding-left : 5px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #9A6219; text-align: left; }
#dhtmltooltip dt { margin-bottom : 2px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; text-align: left;}
#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip { border: 1px solid #555; background-color: #FCF5E5; color : #000; }
#dhtmltooltip dt { color : #000; border-bottom : 1px solid #000; }

/* MENU
--------------------------------------------------------------------------------------- */
#menu{ width:980px;height:38px;  padding:0;float:left;display:Block; background: #000;z-index: 10;}
#menu ul{padding:0;margin:0 0 0 10px;background: #000;width:950px;}
#menu ul li{position:relative;z-index: 10;padding:0; margin:0; display:block; float:left; list-style-type:none; background: none;color: #7b7b7d; }
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #fff;
	font-family: verdana;	
	font-weight: normal;
	font-size: 11px;
	font-weight: normal;
	line-height: 38px;
	height: 38px;
	margin:0 11px;
	padding-top: 13px;
	text-decoration: none;
	text-transform: uppercase;
}

#menu ul li a:hover, #menu ul li a:visited:hover{color:#33aed7; background: url(gx/m/bg_menu.gif) no-repeat center top;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#FFF; background: url(gx/m/bg_menu.gif) no-repeat center top;}
#menu ul li strong{
	visibility: hidden;
	/*line-height: 0px;
	font-size: 0px;*/
	display: none;}

/*		SOUSMENU		*/
#menu ul ul{
	position:absolute;
	left:0;
	top:35px;
	padding: 0px;
	margin: 0px;	
	background: #32aed6;
	height:auto;
	border: solid 1px #5cb7d4;
	/*border-top: solid 0px #606060;*/
	/*width:200px;*/
	width: 200px;
	display:none;
	text-align: left;
	z-index: 10;}
#menu ul ul#lastul{left: auto;right:0px;}	
#menu li:hover ul ul{display:none;}
#menu li:hover ul, #menu li:hover li:hover ul{display:block;}
#menu li li{	
	background: none;
	display: block;
	width: 200px;
	height: auto;
	/*padding: 4px 0 3px 0;	*/
	border-bottom: solid 1px #5cb7d4;}
#menu ul li ul li:hover{
	color:#fff;
	/*padding: 4px 0 3px 0;*/
	background: #258bac;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	font-weight: normal;
	color: #fff;
	_width: 200px;
	height: auto;
	background: none;
	font-size: 12px;
	line-height: 19px;
	text-decoration: none;
	margin: 0px;
	padding: 4px 8px 3px 10px;
	float:left; display:block;
}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{	background: #258bac; color:#fff; text-decoration: none;}
/* MENUU
--------------------------------------------------------------------------------------- */
#menuu{ height:37px;margin:0;padding:0;float:right;}
#menuu ul{padding:0;margin:0;}
#menuu ul li{padding:0; margin:0; display:inline; list-style-type:none;color: #7b7b7d; background: none;font-family: verdana;	font-size: 8px;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	margin:0 10px;
	line-height: 37px;
	color: #FFF;
	font-size: 10px;
	font-family: verdana;	
	font-weight: normal;
	padding-top: 13px;
	text-decoration: none;
	/*border-right: solid 1px #E0C6AA;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 10px 3px 8px;
	text-decoration: none;*/
}
#menuu ul li a:hover, #menuu ul li a:visited:hover{color:#33aed7;background: url(gx/m/bg_menu.gif) no-repeat center top; text-decoration: none;}
#menuu ul li a.actif, #menuu ul li a.actif:visited{color: #FFF;background: url(gx/m/bg_menu.gif) no-repeat center top;}

/* SOUS-MENU
--------------------------------------------------------------------------------------- */

#smenu {
height: 20px;
display:block;
font-size: 0.7em;
background: #000;
float:left;
width: 980px;
}
#smenu ul{padding:0; margin:0;}
#smenu ul li{display: inline; list-style: none; background: none;color:#fff;}
#smenu ul li a, #smenu ul li a:link, #smenu ul li a:visited{ 
	color: #fff;
	background: none;

}


/* TEXTES
--------------------------------------------------------------------------------------- */
#ctnTexte{
	margin:10px;
	min-height: 250px;height: 100%; _height:250px;
}
#ctnTexte p, p{text-align:justify;font-size: 12px; line-height: 150%; color: #4c4c4c;}
table tr td p, p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, a, a:link, a:visited{color: #363636; text-decoration: none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover, a:hover, a:visited:hover{
	color:#000; text-decoration:underline;
}
ul li{font-size:12px; color:#4c4c4c; line-height:150%; list-style:none; padding-left:16px; background: url(gx/bullet.gif) no-repeat 5px 8px;}
ul.siteMap li{font-size:12px; margin-left:10px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; padding-left:16px;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/
a.lienSpectacle, p a.lienSpectacle{color:#b1002e;}
a.lienFleche, a.lienFleche:link, a.lienFleche:visited{
	background: url(Gx/next.gif) no-repeat right;
	padding:5px 15px 5px 0;
	font-size:11px;
	text-decoration: underline;
	float:right;
}
a.lienFonce, p a.lienFonce{color:#666666;}
.lienMembre{
	background: url(Gx/icone_Cadenas.gif) no-repeat left;
	padding:5px 0 5px 20px;
	float:right;
	text-decoration: none;
}
.lienFavoris{
	background: url(Gx/coeur.gif) no-repeat left;
	padding:5px 0 5px 20px;
	font-size: 11px;
}
.lienCommentaire{
	background: url(Gx/write.gif) no-repeat left;
	padding:5px 0 5px 20px;
	font-size: 11px;
}
.lienPartage{
	background: url(Gx/email.gif) no-repeat left;
	padding:5px 0 5px 20px;
	font-size: 11px;
}
.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienFiche{
	background: url(Gx/icone_Fiche.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.ligne{
	border:none;color:#ccc;height:1px;line-height:1px;border-top:1px solid #ccc;margin-bottom:10px;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{ font-size:11px; text-align: center;color:#8d8d8f; line-height:15px; background: #000; height:35px;
}
#piedPage a{font-weight:normal; text-decoration:none; color:#959595;}
#piedPage a:hover{font-weight:normal; text-decoration:underline; color: #959595;}
#piedPage #copyrights{ margin:0px; color:#959595; font-size:11px;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#959595;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #959595;}

#piedPage #PromoFACT img{margin:5px 5px 0 5px; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:0px solid #ccc;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#555555; padding:3px;border: 0px solid #999;}
fieldset label, label{line-height:25px;font-family:verdana;font-size: 12px; color:#dad0ca;margin:2px 0 2px 0;float:left;display:block;}
#formRecherche{}
#formRecherche .champTexte{margin: 10px 5px; width:155px;}
.boutonrech{margin: 10px 0px;}
.champTexte{	
	background: #f3f3f3;
	border: 1px solid #C9D0D6;
	color: #1c1c1f;
	font-size: 12px;
	margin:2px 0 2px 0;
	float:left;display:block;
	line-height:25px;
	height:25px;
}
.listeDeroulante{
	background: #f3f3f3;	
	border: 1px solid #C9D0D6;
	color: #1c1c1f;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #f3f3f3;
	border: 1px solid #C9D0D6;
	color: #1c1c1f;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #a7a9ac;
	border: 1px DOTTED #7e8083;
	color: #FFF;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	HEIGHT:30px;
	line-height:30px;
}
.bouton:hover{background-color: #97978a; color:#fff;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;float:left;display:block;}
.caseaCocher{border: none;float:left;display:block;margin-right:5px;}
.erreur{color: #FF0000;}
.champCache {display:none; visibility:hidden;} /* Utilisé pour l'antiSpam */

/* CALENDRIER (Popup) */
div#Calendar{ background:#FFFFFF; border:#2266B3 1px solid; font-size:11px; }
div#Calendar div.weekdays div{ border:#FFFFFF 1px solid; color:#2266B3; font-weight:bold; margin:-1px 0 0 -1px; }
div#Calendar div.days a, div#Calendar div.days a:visited{ border:#2266B3 1px solid; color:#3e3328; margin:-1px 0 0 -1px; text-decoration:none; }
div#Calendar div.days a:hover{ color:#999999; }
div#Calendar div.days div{ background:#CFCFCF; border:#2266B3 1px solid; margin:-1px 0 0 -1px; }