body#index{
	background: #111d1d;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #ebebeb url(Gx/M/new_background_2_couleur.gif) center;
	margin: 0;
	padding: 0;
	text-align:center;
	position:relative;
}
html{
	color: #282829;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Helvetica; /* Garder seulement 3 fontes */
}
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{outline:none; color:#64737b; text-decoration:underline;}
a:hover { color:#7d939f; }


h1{ font-size: 18px; color:#666;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{font-size:13px; color:#990000;border-bottom:1px solid #ccc;margin-bottom:3px;}
h2 a, h2 a:link, h2 a:visited{color:#990000;}

h3{font-size:12px; color:#000;}

p{font-size: 11px; line-height: 150%; color: #282829;}
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:#282829; text-decoration:underline;}
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:#282829; text-decoration:underline;
}

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

.sousTitre{
	/*color:#990000;*/
	color:#000;
}
a.pageActive, a.pageActive:link, a.pageActive:visited{
	font-weight:bold;
	text-decoration: none;
}

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

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

#bodyIndex{
	background: #e4e9ed url(gx/bgIndex.gif) repeat-x center top;
	margin: 0;
	min-height: 500px;
	padding: 0;

}
#conteneurPiedPage{
	background: #111d1d url(gx/bgPiedPage.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}

#contenu{
	width:446px;
	height:262px;
	overflow: none;
	padding 0;
	margin:0;
	color: #717172;
	font-size: 11px;
}


.both{clear:both;}

/* CONCOURS
--------------------------------------------------------------------------------------- */<
#conteneurIndex{
	background: red;
	display: block;
	text-align:left;
	width:740px;
}
#conteneurIndex .contenu{
	margin: 0 auto 0 auto;
	padding: 15px 0; 
	text-align:left;
	width:868px;
}
#conteneurIndex .contenu h1{font-size: 30px; margin:15px 0 15px 50px;}
#conteneurIndex .contenu h2{font-size: 16px;}
#conteneurIndex .contenu p{font-size: 12px;}
#conteneurIndex .contenuGauche{
	display: block;
	float:left;
	width:350px;
	text-align: left;
}
#conteneurIndex .contenuDroit{
	display: block;
	float:left;
	width:500px;
}
#conteneurPiedPage #piedPage{
	padding: 22px 0px;
	width:880px;
}
#conteneurPiedPage #piedPage img{float:left; margin:0; }


#frame{position:relative;width:900px;}
/*Player MP3*/
#audioplayer{ margin-bottom:10px; position:absolute; z-index:1; display:block; right:15; bottom:-40;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu{height:21px; margin:0; padding:0;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	border: 1px solid #999;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{background-color:#999; color:#333;}
#menu ul li a.actif, #menu ul li a.actif:visited{background-color:#C21527; color:#FFF;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

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


/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPlay{padding:5px 0 5px 15px; line-height: 200%;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; font-size:10px;padding:0; width:820px; margin: 0 auto 0 auto; position:relative;}
#piedPage a{color:#555; text-decoration:none; }
#piedPage a:hover{ text-decoration:underline; }
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}
#piedPage #menuBas{float:right;text-align:right;}




/* Partager cette page (bookmarker) */
#socialBookmarker {position:absolute; z-index:10; right:0; top:0;}
#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;
	z-index:10;
}
#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 #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 0px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;float:left;display:block; width:75px;}

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

/* Formulaire ClubJ */
#formulaireClubJ .champTexte{float:left;width:200px;}
#formulaireClubJ label{float:left;width:115px;}

#formulaireConcours .champTexte{float:left;width:200px;}
#formulaireConcours label{float:left;width:115px;}


.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.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{
	border:none;
	background-color: #111d1d;
	color: #fff;

	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#253F3F; color:#FFF;}

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

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

.erreur{color:#FF0000;}


/* PAGE DISCOGRAPHIE
--------------------------------------------------------------------------------------- */
.albumGauche {
text-align:center;
float:left;
width:150px;
}

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

#boiteMp3{position:relative;width:203px;height:268px;background:#edf1f1;display:block;float:left;}
#boiteMp3 div.titreBoite{color:#fff;background:#222324;display:block;padding:3px 5px;text-transform:uppercase;font-size:12px;}
#boiteMp3 p{color:#126eb8;	margin: 20px 30px; font-size:11px;}
#boiteMp3 p span{text-transform:uppercase;}
#boiteMp3 img{	margin:0 0 0 5px;}

#blocListe{color: #282829;float:left; display: block;	border-bottom:1px solid #ccc; margin-bottom:15px;}
#blocListe.listeAccueil{ border:none; }
#blocListe .imgListe{float:left;display:block;border-right:1px solid #ccc;width:77px;}
#blocListe .ctnListe{float:left;display:block; margin-left:15px;width:300px;}
#blocListe p a, #blocListe p a:link, #blocListe p a:visited{text-decoration: none;}
#blocListe p a:hover, #blocListe p a:hover:visited{text-decoration: underline;}

#detailListe{}
#detailListe .imgDetailListe{ float:left;margin-right:10px; }
#detailListe .ctnDetailListe{float:left; }

#listeEcoute{
	border-bottom: 1px solid #ccc;
	display:block;
	height: 25px;
	line-height: 25px;
	float:left;
	width:100%;
}


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