body#index{
	background: url() repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #faf7f5 url(Gx/bg.jpg) repeat-x  scroll center top;
	margin: 0;
	padding: 0;
	text-align:center;
	height:100%;
}
html{
	color: #000000;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica; /* Garder seulement 3 fontes */
	height:100%;
}
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{ outline:none; }

h1{ font-size: 20px; color:#666666;}
h1 a, h1 a:link, h1 a:visited{color:#666666;}

h2{font-size:14px; color:#cf3c67; border-bottom: 7px solid #f1dad9;margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#666666;text-decoration:none;}
h2 a:hover, h2 a:hover:visited{color:#333;text-decoration:underline;}

h3{font-size:14px; color:#000; text-transform: uppercase;}
h3 a, h3 a:link, h3 a:visited{color:#000;text-decoration:none;}
h3 a:hover, h3 a:hover:visited{color:#000;text-decoration:underline;}

h3.titreConcours{	font-size:24px;text-align: center; font-weight: normal;}
h3.sousTitreConcours{	font-size:16px;text-align: center; color:#d5202f;}

p{font-size: 12px; line-height: 130%; color: #000;}
p.textePetit{font-size:10px;}
a, p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#555; text-decoration:none;}
a:hover, 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:#cf3c67; text-decoration:none;
}

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: #cf3c67;font-weight: bold;}

a#lien1 {float:right; background:#cf3c67; color:#FFF; font-weight: normal; text-transform:uppercase; padding:4px 10px; font-size:12px; text-decoration:none; margin-bottom:5px;}
a#lien1:hover {background:#f1dad9;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:960px;
	min-height:100%;
}

#contenu {
	padding: 0px;
	margin: 0;
}

#contenuPage {float:left; width:620px;}
#contenuLateral {float:right; width:311px;}

#boiteMp3 {background: url(gx/M/bg_mp3.gif) no-repeat center top; float:right; height:78px; width:229px;}
.audioTexte {float:left; width:100px;}
.audioTexte p {color: #FFF; font-size:10px; padding-left:10px;}
.audioPlayer {float:right;}

#langue {text-align:right; padding:8px 0;}
#langue li {display:inline; margin:0px;}
#langue li a {font-size:11px;text-decoration:none; padding:2px 5px;}
#langue li a.actif {background: #d59fab; color: #c93b62}

#titreNouvelle {background: url(Gx/M/titreNouvelle.gif) no-repeat top left;}
#titreSpectacle {background: url(Gx/M/titreSpectacle.gif) no-repeat top left;}
#titreMusique {background: url(Gx/M/titreMusique.gif) no-repeat top left;}
#titreMultimedia {background: url(Gx/M/titreMultimedia.gif) no-repeat top left;}
#titreBiographie {background: url(Gx/M/titreBiographie.gif) no-repeat top left;}
#titreMembrevip {background: url(Gx/M/titreMembrevip.gif) no-repeat top left;}
#titreConcours {background: url(Gx/M/titreConcours.gif) no-repeat top left;}
#titreContact {background: url(Gx/M/titreContact.gif) no-repeat top left;}
#titreReferer {background: url(Gx/M/titreReferer.gif) no-repeat top left;}
#titrePlandusite {background: url(Gx/M/titrePlandusite.gif) no-repeat top left;}
#titreAgenda {background: url(Gx/M/titreAgenda2.gif) no-repeat top left;}
.titreH1 {text-indent: -999999px;}

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

#blocListe{display: block; border-bottom:1px solid #ccc;margin-bottom:15px;}
#blocListe .imgListe{float:left;display:block;border-right:1px solid #ccc;width:170px;}
#blocListe .ctnListe{float:left;display:block;width:420px;margin-left:15px;}
#blocListe p a{text-decoration: none;}

#blocListe p a.detail, #blocListeDetail p a.detail, #accBlocListe p a.detail, .detail{color:#cf3c67; text-decoration:none; font-family:Tahoma; font-size:11px; letter-spacing: 2px;}
#blocListe p a:hover.detail, #blocListeDetail p a:hover.detail, #accBlocListe p a:hover.detail, .detail:hover {color:#999; text-decoration:none;}

#detailListe{}
#detailListe .imgDetailListe{float:left; display:block; width: 275px;}
#detailListe .ctnDetailListe{float:left; display:block; width: 465px;}

.both{clear:both;}

.fl { float:left; }
.fr { float:right; }

#listeEcoute{
	border-bottom: 1px solid #ccc;
	display:block;
	height: 24px;
	float:left;
	width:100%;
}
#listeEcoute .titreMP3{float:left;padding-top:4px;}
#listeEcoute .playPause{float:right;margin-right:30px;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu {margin:0; padding:0;}
#menu div a, #menu div a:link, #menu div a:visited{
	float:left;
	background: url(gx/M/menu.gif) no-repeat left top;
	border: 0px solid #000000;
	height:20px;
margin: 25px 0;
	text-indent: -9999px;
}

#menu #menu01 a{width:65px; background-position: 0 0px;}
#menu div#menu01 a:hover, #menu div#menu01 a:visited:hover{background-position: 0 -40px;}
#menu div#menu01 a.actif {background-position: -0px -20px;}

#menu #menu02 a{width:95px; background-position: -65px 0px;}
#menu div#menu02 a:hover, #menu div#menu02 a:visited:hover{background-position: -65px -40px;}
#menu div#menu02 a.actif {background-position: -65px -20px;}

#menu #menu03 a{width:90px; background-position: -160px 0px;}
#menu div#menu03 a:hover, #menu div#menu03 a:visited:hover{background-position: -160px -40px;}
#menu div#menu03 a.actif {background-position: -160px -20px;}

#menu #menu04 a{width:80px; background-position: -250px 0px;}
#menu div#menu04 a:hover, #menu div#menu04 a:visited:hover{background-position: -250px -40px;}
#menu div#menu04 a.actif {background-position: -250px -20px;}

#menu #menu05 a{width:100px; background-position: -330px 0px;}
#menu div#menu05 a:hover, #menu div#menu05 a:visited:hover{background-position: -330px -40px;}
#menu div#menu05 a.actif {background-position: -330px -20px;}

#menu #menu06 a{width:105px; background-position: -430px 0px;}
#menu div#menu06 a:hover, #menu div#menu06 a:visited:hover{background-position: -430px -40px;}
#menu div#menu06 a.actif {background-position: -430px -20px;}

#menu #menu07 a{width:100px; background-position: -535px 0px;}
#menu div#menu07 a:hover, #menu div#menu07 a:visited:hover{background-position: -535px -40px;}
#menu div#menu07 a.actif {background-position: -535px -20px;}

#menu #menu08 a{width:95px; background-position: -635px 0px;}
#menu div#menu08 a:hover, #menu div#menu08 a:visited:hover{background-position: -635px -40px;}
#menu div#menu08 a.actif {background-position: -635px -20px;}

#menu #menu09 a{width:90px; background-position: -730px 0px;}
#menu div#menu09 a:hover, #menu div#menu09 a:visited:hover{background-position: -730px -40px;}
#menu div#menu09 a.actif {background-position: -730px -20px;}

#menu #menu10 a{width:65px; background-position: -820px 0px;}
#menu div#menu10 a:hover, #menu div#menu10 a:visited:hover{background-position: -820px -40px;}
#menu div#menu10 a.actif {background-position: -820px -20px;}

#menu #menu11 a{width:75px; background-position: -885px 0px;}
#menu div#menu11 a:hover, #menu div#menu11 a:visited:hover{background-position: -885px -40px;}
#menu div#menu11 a.actif {background-position: -885px -20px;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#accueil_nouvelles {background: url(Gx/01/01_100.jpg) no-repeat top left; padding:30px 0 0 285px; height:379px;}
#accueil_nouvelles img{
	margin:0 0 0 10px;
}
#accueil_nouvelles p a.detail{color:#cf3c67; text-decoration:none; font-family:Tahoma; font-size:11px;}
#accueil_nouvelles h3 a{color:#000;}

#accBlocListe {border-bottom: 7px solid #f1dad9;}

/* PAGE SPECTACLES
--------------------------------------------------------------------------------------- */
.spectacle { padding:10px; background-color:#EEE; }

/* PAGE CONCOURS
--------------------------------------------------------------------------------------- */
#pageConcours{

	padding: 20px 0 0 2px;
}
#pageConcours div.colGauche{
	float:left;
	width: 280px;
}
#pageConcours div.colGauche img{
	margin: 0 0 5px 0; 
}
#pageConcours div.colDroite{
	float:left;
	width: 460px;
}

#pageConcours div.colCentre{
	padding: 0 60px 0 60px;
}

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */

.boiteMoitie{
	float:left;
}

/* 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{font-size:10px; padding: 0px; height:150px;}
#piedPage a{color:#000; text-decoration:none;}
#piedPage a:hover{color:#cf3c67; text-decoration:underline;}

#menuPied {border-bottom: 7px solid #f1dad9; height:25px; text-align:right;}
#menuPied ul li {display:inline; padding: 15px 0; margin:0 3px;}
#menuPied a {text-decoration:none;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:left;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.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;
	border: 1px solid #fff;
}

#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 #ddd; 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{float:left; display:block; font-size:12px; color:#000; margin:2px 0 2px 0; width:110px;}
fieldset a{ text-decoration:none; color:#000; }
fieldset a:hover{ text-decoration:underline; }

/* 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{
	background: #fff;
	border: 1px solid #000;
	color: #666666;
	font-size: 12px;
	margin:2px 0 2px 0;
	width: 250px;
	float:left;
	display: block;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 12px;
	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-color: #464646;
	color: #fff;

	font-size: 13px;
	font-weight: bold;
	border:none;
}
.bouton:hover{background-color:#666666; color:#FFF;}

.boutonConcours{
	text-align:center;
}

.caseaCocher{
	width:20px;
	margin: 2px 0;
	float:left;
	display:block;
}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}

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

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

#blocCal{
	display:block;
	width:245px;
	float:left;
	margin-top:0px;
}
table#calendrier{
	width:245px;
	color:#8d8d8f;
	font-size:10px; 
	background: transparent;
	float:left;height:180px;
}

table#calendrier tr td table{background: #FFF; border: 1px solid #f1dad9;}

tr.calendarheader{height:20px;}
tr.calendarheader td{ text-transform:uppercase; color:#9d9892; line-height: 20px; font-size:11px; font-weight:bold; vertical-align: top;}
.calendar {color:#8d8d8f;
	font-size:11px; 
font-weight:bold;
	margin:2px;}
.calendartoday{color: #cf3c67;}
#calendrier a.calendarActif{
	color:#000; font-weight: bold; text-decoration:none; 
	width:25px;
	display:block;
	padding:3px 0;
}
#calendrier a.calendarActif:hover{color:#cf3c67; 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{
background: url(Gx/M/titreAgenda.gif) no-repeat top left;
	text-transform: uppercase;
	font-size:11px;
font-weight:bold;
	color: #000;
	padding:10px 10px 0 0;
width:245px;
}
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{
border-top: 7px solid #f1dad9;
	height: 50px; padding:10px 0px; margin-top:10px;
	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;
}

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


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


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