/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#index{
	background: #fcdb7b url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #fcdb7b url(gx/bg.gif) repeat-x  scroll center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma; /* Garder seulement 3 fontes */
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
#listePromoAccueil div {display:none;}
#listePromoAccueil div.listePromoAccueilActif {display:block;}
#swapper a{
	display:none;
}
#swapper a.accueilActif{display:block;}
#swapper a.swapnumber{
	color:#60634e;
	display:block;
}
#swapper a.swapnumberActif{color:red;}
a, a:link, a:visited, a:hover{outline:none;}

h1{color: #ff8b24; font-size:24px; border-bottom: #ff8b24 5px solid;font-family:times;}
h2{text-transform:uppercase;color: #6f9b7a; font-size: 14px; border-bottom: #6f9b7a 1px solid; margin: 0 0 15px 0; }
h3#calendrier{background: url(Gx/M/titreCalendrier.gif) no-repeat top left; color: #385f42; font-size:24px; border-bottom: #385f42 5px solid;font-family:times;}
h3#coulisse{background: url(Gx/M/titreCoulisse.gif) no-repeat top left; color: #385f42; font-size:24px; border-bottom: #385f42 5px solid;font-family:times;margin-bottom:10px;}

#accueilTitre {background: url(Gx/M/titreDerniereNouvelle.gif) no-repeat top left;}
#nouvelle {background: url(Gx/M/titreNouvelle.gif) no-repeat top left;}
#spectacle {background: url(Gx/M/titreSpectacle.gif) no-repeat top left;}
#musique {background: url(Gx/M/titreMusique.gif) no-repeat top left;}
#multimedia{background: url(Gx/M/titreMultimedia.gif) no-repeat top left;}
#biographie{background: url(Gx/M/titreBiographie.gif) no-repeat top left;}
#membreVIP{background: url(Gx/M/titreMembrevip.gif) no-repeat top left;}
#concours{background: url(Gx/M/titreConcours.gif) no-repeat top left;}
#contact{background: url(Gx/M/titreContact.gif) no-repeat top left;}
#agenda{background: url(Gx/M/titreAgenda.gif) no-repeat top left;}
#planSite{background: url(Gx/M/titrePlanSite.gif) no-repeat top left;}
#referer{background: url(Gx/M/titreReferer.gif) no-repeat top left;}

.titreH1 {overflow:hidden;}
.titreH3 {overflow:hidden;}
.away {margin-left: -450px;}

p{font-size: 12px; line-height: 120%; color: #272829; text-align: justify;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#272829; 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{color:#ff8b24; text-decoration:underline;}

a#lien1, #enVedette a#lien1 {float:right; background:#385f42; color:#FFF; font-weight: normal; text-transform:uppercase; padding:4px 10px; font-size:12px; text-decoration:none; margin-bottom:5px;}
a#lien1:hover, #enVedette a#lien1:hover {background:#6f9b7a;}
#lien2{color:#1c1c1c;font-size:12px;text-decoration:none;font-weight:normal;font-family:arial;}
a#lien2:hover{color:#ff8b24;}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

.date{color: #ff8b24;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{background: url(Gx/bgTop.gif) no-repeat top center; margin: 0 auto; padding-top:15px; text-align:left; width:1000px;}

#contenu {background: #FFF; margin: 20px auto; width:962px;}
#contenuPage {float:left; margin:8px 0px 8px 6px; width:660px;}
#contenuLateral {float:right; margin:8px 6px 8px 0px; width:275px;}
#contenuPiedPage {float:left; background: url(Gx/M/bg_contenuPiedPage.gif) no-repeat bottom center; height:100px; width:962px;}

#listePromoAccueil{height:266px;}

#conteneurPiedPage{background: #222324; display: block; width:100%; text-align:center;}

#haut{background: transparent url(gx/m/bg_haut.gif) no-repeat center; margin: 0 auto; height: 119px; width:962px; }
#logo{float:left;margin:35px 0 0 10px;}

#zoneMedia{background: #1c1c1c;width:356px;}
#zoneMedia H2{color:#d53737; font-size:24px;border:none;padding:5px 15px; font-family:times;font-weight:normal;}

#liensSociaux{display:block;float:left; margin:40px 10px;}
#liensSociaux img{float:left; margin:0 5px;}
#liensSociaux p{font-size:12px;color:#000;float:left; line-height:25px;}

#boiteMp3 {float:right; display:block;  width:255px; height:90px; overflow:hidden;}
#boiteMp3 p {color:#000; font-size:11px; line-height:11px;}
#boiteMp3 p span{}
#boiteMp3 .audioTexte{float:left; display:block; width:200px;}
#boiteMp3 .audioPlayer{float:left; width:85px;display:block;}

#blocListe{float:left; display: block; border-bottom:1px solid #f6a965;margin-bottom:15px;}
#blocListe .imgListe{float:left;display:block;width:115px;}
#blocListe .ctnListe{float:left;display:block;width:530px; padding:0 5px;}
#blocListe p a{text-decoration: none;}

.titreNouvelle {color: #6f9b7a; font-weight:bold;}

#detailListe .imgDetailListe img{margin:0 10px 5px 0; /*float:left; display:block; width: 275px;*/}

.both{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{margin:0 auto; width:962px;}
#menu div a, #menu div a:link, #menu div a:visited{
	float:left;
	background: url(gx/M/bg_menu.gif) no-repeat left top;
	border: 0px solid #000000;
	height:43px;
	text-indent: -99999px;
}

#menu #menu1 a{width:109px; background-position: 0 0px;}
#menu div#menu1 a:hover, #menu div#menu1 a:visited:hover{background-position: 0 -86px;}
#menu div#menu1 a.actif {background-position: -0px -43px;}

#menu #menu2 a{width:116px; background-position: -109px 0px;}
#menu div#menu2 a:hover, #menu div#menu2 a:visited:hover{background-position: -109px -86px;}
#menu div#menu2 a.actif {background-position: -109px -43px;}

#menu #menu3 a{width:95px; background-position: -224px 0px;}
#menu div#menu3 a:hover, #menu div#menu3 a:visited:hover{background-position: -224px -86px;}
#menu div#menu3 a.actif {background-position: -224px -43px;}

#menu #menu4 a{width:106px; background-position: -320px 0px;}
#menu div#menu4 a:hover, #menu div#menu4 a:visited:hover{background-position: -320px -86px;}
#menu div#menu4 a.actif {background-position: -320px -43px;}

#menu #menu5 a{width:108px; background-position: -425px 0px;}
#menu div#menu5 a:hover, #menu div#menu5 a:visited:hover{background-position: -425px -86px;}
#menu div#menu5 a.actif {background-position: -425px -43px;}

#menu #menu6 a{width:123px; background-position: -532px 0px;}
#menu div#menu6 a:hover, #menu div#menu6 a:visited:hover{background-position: -532px -86px;}
#menu div#menu6 a.actif {background-position: -532px -43px;}

#menu #menu7 a{width:102px; background-position: -655px 0px;}
#menu div#menu7 a:hover, #menu div#menu7 a:visited:hover{background-position: -655px -86px;}
#menu div#menu7 a.actif {background-position: -655px -43px;}

#menu #menu8 a{width:98px; background-position: -757px 0px;}
#menu div#menu8 a:hover, #menu div#menu8 a:visited:hover{background-position: -757px -86px;}
#menu div#menu8 a.actif {background-position: -757px -43px;}

#menu #menu9 a{width:105px; background-position: -857px 0px;}
#menu div#menu9 a:hover, #menu div#menu9 a:visited:hover{background-position: -857px -86px;}
#menu div#menu9 a.actif {background-position: -857px -43px;}

#menuu{float:right;}
#menuu ul{text-align:right; padding:7px 10px 0 0;}
#menuu ul li{display:inline; list-style-type:none;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	color: #578a80;
	font-family:arial;
	font-size: 13px;
	font-weight: normal;
	padding: 0 5px;
	text-decoration: none;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover{color:#f89c4b;}
#menuu ul li a.actif, #menuu ul li a.actif:visited{color:#f89c4b;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#zoneFlash{float:left;display: block;width:752px;height: 267px;margin-right:20px;border:1px solid #000;}
/*#zoneFlash img{border:1px solid #000;}*/


div#swapper{
	width:660px;
	height:266px;
	position:relative;}	
div#swapper #imgjs{
	width:660px;
	height:266px;
	position:absolute;}
div#bgpng{
	background: transparent url(Gx/publicite/swapperbar_bg.png) repeat-x top left;
	position:absolute;
	top:445px;
	width:660px;
	height:26px;}
div#bgpng div{
	padding:6px 0 0 17px;}
a#swapperleft_prev, a#swapperleft_prev:link, a#swapperleft_prev:visited{
	background: transparent url(Gx/publicite/swapper_left.gif) no-repeat top left;
	float:	left;
	display: block;
	width: 12px;
	height: 17px;}
a#swapperleft_prev:hover{
	background: transparent url(Gx/publicite/swapper_left_over.gif) no-repeat top left;}
a#swapperright_next, a#swapperright_next:link, a#swapperright_next:visited{
	background: transparent url(Gx/publicite/swapper_right.gif) no-repeat top left;
	float: left;
	display: block;
	width: 12px;
	height: 17px;}
a#swapperright_next:hover{
	background: transparent url(Gx/publicite/swapper_right_over.gif) no-repeat top left;}
a.swapnumber, a.swapnumber:link, a.swapnumber:visited{
	float: left;
	display: block;
	height: 17px;
	line-height: 17px;
	text-align: center;
	width: 17px;
	font-size: 12px;
	text-decoration: none;
	color: #60634e;
	font-weight: normal;}
a.swapnumber:hover{
	color: #e21738;}



/* PAGE MULTIMEDIA
--------------------------------------------------------------------------------------- */
#blocMultimedia{float:left; display: block; margin-bottom:15px; width:369px;}
#blocMultimedia .imgMultimedia{float:left;display:block;width:160px;}
#blocMultimedia .ctnMultimedia{float:left;display:block;width:195px;margin-left:5px;}
#blocMultimedia p a{text-decoration: none;}

#albumMultimedia{float:left; display: block; margin-bottom:15px; width:185px;}


/* PAGE CONCOURS
--------------------------------------------------------------------------------------- */
.boiteTitre {font-size:18px;}
.boiteDescr {}


/* PAGE AGENDA
--------------------------------------------------------------------------------------- */
#contenu2 {width:500px}
#contenu2 a{color: #000; text-decoration:none;}
#contenu2 a:hover{color: #ff9333; text-decoration:none;}



/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_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;} */

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage{color:#578a80; font-size:11px;padding-top:10px; min-height:100px; height:100%; _height:100px; width:962px;margin: 0 auto;}
#piedPage a{color:#e1c470; text-decoration:underline;}
#piedPage a:hover{color:#FFF;}
#piedPage #copyrights{float:left; margin:0px; text-align:left;}
#piedPage #copyrights a{font-weight:normal; color:#578a80;}
#piedPage #copyrights a:hover{color:#FFF;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#578a80;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #666666;}
#piedPage #menuBas{float:right;text-align:right;}
#piedPage #logoProductionsJ{float:right;}

#menuPied {float:left; }
#menuPied ul li {display:inline; margin:5px; padding: 0px;}
#menuPied ul li a {text-decoration:none;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;margin:70px 8px 0 0;}
#socialBookmarkerPrefix {float:left;color:#81b48b;padding:2px 2px 2px 30px;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}

#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:0px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{color: #000000; font-size: 12px; width: 180px; padding: 5px 0 0 0; margin: 0 0 10px 0; float: left; display: block; }

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}

.champTexte{
	color: #000000; font-size: 12px; border: #000000 1px solid; width: 200px; padding: 3px; margin: 0 20px 10px 0; float: left; display: block; 
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{background:#ff8b24; color: #ffffff; text-transform: uppercase; border: 0px; height: 23px; padding: 5px; margin: 5px;
}
.bouton:hover{background-color:#f6a965; color:#FFF;}
.caseaCocher{
	float:left; display:block; width: 20px;font-size:12px;
}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}

/* 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; }



/* CALENDRIER
--------------------------------------------------------------------------------------- */
#calendrier {float:right; width:275px;}

#blocCal{

display:block;
	width:275px;
	float:left;
	margin-top:10px;
}
table#calendrier{
	width:275px;
	color:#8d8d8f;
	font-size:10px; 
	background: #6f9b7a;
	float:left;height:180px;
}

table#calendrier tr td table{background: #6f9b7a; border: 0px solid #f1dad9;}

table#calendrier tr td h2{background: #385f42; color: #FFF; padding:3px;}

tr.calendarheader{height:20px;}
tr.calendarheader td{text-transform:uppercase; color:#FFF; line-height: 20px; font-size:11px; font-weight:normal; vertical-align: top;}
.calendar {color:#FFF;
	font-size:11px; 
font-weight:none;
	margin:2px;}
.calendartoday{color: #FFF;}
#calendrier a.calendarActif{
	color:#ff8b24; font-weight: bold; text-decoration:none; 
	width:25px;
	display:block;
	padding:3px 0;
}
#calendrier a.calendarActif:hover{color:#000; 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:11px;
	font-weight:none;
	color: #FFF;
	padding:0px 10px 0 0;
	width:275px;
}
table#calendrier tr td.mois img{
	float: right;
}
table#calendrier tr td.mois strong{
	display:block;float:right; line-height: 17px;
	padding:3px 5px 10px 5px; font-weight: normal;

}

#basCalendrier{
border-top: 7px solid #f1dad9;
	height: 50px; padding:10px 0px;
	display:block;float:left; width:245px;

}
#basCalendrier img{margin-right: 8px;float:left;}
#basCalendrier p{margin: 0px; color:#000; font-size:11px; 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;
}


/* 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; }