/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; }

fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a,a:link,a:visited,a:hover,object,embed { outline:none; }
 

/* ------------------------------------------------------------------------------------------------------------------ */
/* Body et HTML ----------------------------------------------------------------------------------------------------- */	

body { color:#a0a0a0; margin-top:10px; background-color:#000; font-family: Arial, Helvetica, sans-serif; text-align:left; font-size:14px; line-height:22px; /*behavior:url("inc/csshover.htc");*/ } 
 
/* ------------------------------------------------------------------------------------------------------------------ */
/* Textes et hyperliens  -------------------------------------------------------------------------------------------- */

a, a:link, a:visited { color:#FFF; text-decoration:none; }
a:hover { color:#FFF; text-decoration:underline; }
a:active { color:#f50303; }

h1, h2, h3, h4, h5, h6, a.h1, a.h2, a.h3, a.h4, a.h5, a.h6 { color:#FFF; font-weight:bold; text-decoration:none; padding:0 0 15px; display:block; }
a.h1:hover, a.h2:hover, a.h3:hover, a.h4:hover, a.h5:hover, a.h6:hover { text-decoration:underline; }
h1, a.h1 { font-size:23px; line-height:25px; text-transform:uppercase; cursor:default;  }
h2, a.h2 { font-size:20px; }
h3, a.h3 { font-size:18px; }
h4, a.h4 { font-size:17px; font-weight:normal; padding:0 0 5px; }
h5, a.h5 { font-size:16px; }
h6, a.h6 { font-size:15px; }

#contenuAccueil h1{ background:url(Gx/01/fleche-h1.gif) right top no-repeat; padding-right:56px; float:left; }

p { padding:0 0 15px; }

a.lien { background-position:left 3px; background-repeat: no-repeat; padding-left:26px; font-size:12px; }
a.lien.Suivre { background-image:url(Gx/fleche-d.gif); }
a.lien.Retour { background-image:url(Gx/fleche-g.gif); }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Classe générales et frame ---------------------------------------------------------------------------------------- */

.clear:after { content:"."; display:block; clear: both; visibility:hidden; line-height:0; height:0; }
.clear { clear:both; }

.wrap { width:955px; margin:0 auto; }
.main { background-color:#0b0b0b; background-position:top center; background-repeat:no-repeat; }


.imgAlignLeft{ float:left; margin:0 10px 5px 0; }
.imgAlignRight{ float:right; margin:0 0 5px 10px; }

#contenu ul, #contenu ol { margin-bottom: 15px; }
#contenu ol { list-style:decimal; margin-left:25px; }
#contenu ol li { margin-bottom:10px; }
#contenu ul li, #contenu #nouvelles li ul li{ line-height:22px; background:url(Gx/liste-puce.gif) left center no-repeat; padding-left:15px; border:0; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Conteneurs ------------------------------------------------------------------------------------------------------- */ 

#conteneur { background:url(Gx/barre-droite-bg.gif) right top repeat-y; position:relative; padding:0 0 30px; width:100%; }
#contenu { float:left; width:638px; padding:40px 26px 6px 12px; }
#barreDroite { float:left; width:278px; padding:40px 0 30px; border-left:1px solid #131313; background:url(Gx/barre-droite-bg-degrade.jpg) top right no-repeat; }

#conteneur.contenuSeul { background:none; }
.contenuSeul #contenu { float:none; width:500px; padding-right:0px;  }
.contenuSeul.pleinePage #contenu { float:none; width:auto; padding-right:0px; }

#conteneur.noPaddingTop { padding-top:0; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Haut ------------------------------------------------------------------------------------------------------------- */

#entete { height:280px; overflow:hidden; padding-bottom:15px; position:relative; }
#logo { width:268px; height:105px; position:absolute; top:86px; left:51px; }
#miniAudioPlayer{ position:absolute; top:5px; right:0; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Menus ------------------------------------------------------------------------------------------------------------ */

#menuSecondaire { position:absolute; top:5px; right:220px; }
#menuSecondaire li { float:left; margin:0 3px; cursor:default; color:#333; }
#menuSecondaire li a { text-transform:uppercase; font-size:11px; margin:0 3px; }
#menuSecondaire li a:hover,
#menuSecondaire li a.active { color:#fff600; text-decoration:none; }


#menu { position:absolute; top:265px; right:0; }
#menu li { float:left; margin-left:18px; }
#menu li a { background:url(Gx/menu.gif) top left no-repeat; height:21px; line-height:21px; overflow:hidden; display:block; }
#menu li #aPropos { width:100px; background-position:left top; }
#menu li #aPropos:hover, #menu li #aPropos.active { background-position:0 bottom; }
#menu li #nouvelles { width:111px; background-position:-116px top; }
#menu li #nouvelles:hover, #menu li #nouvelles.active { background-position:-116px bottom; }
#menu li #mulitmedia { width:115px; background-position:-243px top; }
#menu li #mulitmedia:hover, #menu li #mulitmedia.active { background-position:-243px bottom; }
#menu li #spectacles { width:122px; background-position:-370px top; }
#menu li #spectacles:hover, #menu li #spectacles.active { background-position:-370px bottom; }
#menu li #boutique { width:97px; background-position:-500px top; }
#menu li #boutique:hover, #menu li #boutique.active { background-position:-500px bottom; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Barre de Droite -------------------------------------------------------------------------------------------------- */

.barreWrap { padding:0 12px; }

.listeRouge { border-bottom:1px solid #151515; margin-bottom:6px; }
.listeRouge li { line-height:18px; margin-bottom:8px; }
.listeRouge li a , 
.listeRouge li a:visited ,
.listeRouge a.lieuVille { background:url(Gx/fleche-r.gif) left 1px no-repeat; padding-left:17px; color:#d01919; }
.listeRouge a.lieuVille { float:left; background-position:left 4px; }

#contenu .listeRouge li { background:none; padding:0; }
#contenu .listeRouge li p { font-size:12px; }
#contenu .listeRouge .date { float:left; margin-left:15px; }

#contenu .listeRouge a:hover { text-decoration:none; }
#contenu .listeRouge .zoom { margin-top:7px; cursor:pointer; width:100px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Accueil ---------------------------------------------------------------------------------------------------------- */

#contenuAccueil { float:left; width:458px; padding:0 30px 25px 12px; margin-top:40px;  }

#lienVideo { float:right; width:455px; overflow:hidden;  height:359px; background:url(Gx/01/video-splash.jpg) top left no-repeat; }
#lienVideo a { display: block; width:352px; height:228px; margin:89px 0 0 51px; }

#promotionConteneur { background:url(Gx/01/promotion-bg.gif) center top; padding:34px; font-family: "Times New Roman", Times, serif; color:#151515; font-size:12px; }
#promotion 	{ height:267px; overflow:hidden; /*background:url(Gx/01/promotion-bg-splash-noir.gif) 140px center no-repeat;*/ padding:0 40px; width:875px; margin:0 auto; }

#albumLecteur { width:520px; position:relative; }
#albumLecteur a { position:absolute; z-index:1; }
#albumLecteur #mainAudioPlayer { position:absolute; z-index:2; top:105px; left:600px; }

#playlist { width:300px; padding:15px 0; margin-left:300px; cursor:default; }
#playlist ul li { text-transform:uppercase; line-height:18px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Nouvelles -------------------------------------------------------------------------------------------------------- */

#contenu #nouvelles li { border-bottom:1px solid #272727; background:url(Gx/fleche-b.gif) left 5px no-repeat; padding-left:17px; margin-bottom:8px; padding-bottom:5px; }
#nouvelles li h3 { padding-bottom: 0; }
#nouvelles li p { font-size:12px; line-height:16px; color:#a1a1a1; padding:2px 0 4px; }
#nouvelles li img { padding-top:5px; }
#nouvelles li div a { font-size:12px; }

#nouvelle { border-bottom:1px solid #272727; padding-bottom:15px; margin-bottom:5px; }
#nouvelle h1 { padding-bottom:0; }
#nouvelle .documents li { font-size:12px; background:url(Gx/fleche-b.gif) left 4px no-repeat; padding-left:17px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Contact  --------------------------------------------------------------------------------------------------------- */

#contactForm { background:left bottom no-repeat url(Gx/06/contact-manu.jpg); padding-bottom:130px; border-bottom:1px solid #131313; position:relative; }
#contactForm .envoyer { position:absolute; right:20px; bottom:24px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* À propos --------------------------------------------------------------------------------------------------------- */

#scrollFrame { height:320px; overflow:auto; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Pied de page ----------------------------------------------------------------------------------------------------- */

#piedDePage { color:#474747; font-size:12px; border-top:1px solid #131313; padding:23px 0;   }
#piedDePage a { color:#474747; font-weight:bold; }
#piedDePage a:hover { color:#fff; text-decoration:none; }
#piedDePage p { line-height:16px; }

#infosGauche { width:579px; float:left; padding:0 30px 0 12px; }
#infosDroite { width:322px; float:left; text-align:right; font-weight:bold; padding-right:12px; }

#navBas { text-transform:uppercase; }

#liensSociaux { font-size:14px; font-weight:bold; }
#liensSociaux span { line-height:35px; margin-right:10px; float:right; }
#liensSociaux a { display:block; float:right; width:35px; height:35px; background:url(Gx/icons-sprite.jpg) 0 no-repeat; margin-left:2px; }
#liensSociaux #facebook { background-position:0 -17px; }
#liensSociaux #facebook:hover { background-position:0 -54px; }
#liensSociaux #myspace { background-position:-35px -17px; }
#liensSociaux #myspace:hover { background-position:-35px -54px; }
#liensSociaux #itunes { background-position:-71px -17px; }
#liensSociaux #itunes:hover { background-position:-71px -54px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Formulaires et bookmarks ---------------------------------------------------------------------------------------- */

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

textarea { font-family:Arial, Helvetica, Sans-serif; font-size:14px; padding:2px; }

p.erreur { text-align:center; color:#fc9; background-color:#191919; border-width:1px; border-color:#333 #333 #222 #222; border-style:solid; padding:6px; font-size:12px; }
p.succes { text-align:center; color:#7d7; background-color:#191919; border-width:1px; border-color:#333 #333 #222 #222; border-style:solid; padding:6px; font-size:12px; }

.asterix { font-size:12px; color:#999; }
fieldset{ padding:5px; }
fieldset.erreur { color:#fc9; background-color:#191919; border-width:1px; border-color:#333 #333 #222 #222; border-style:solid; }

#formulaire fieldset { margin:5px 0; font-size:14px; width:500px; }
#formulaire label { width:200px; display:block; float:left; }
#formulaire input.champTexte { background:url(Gx/form-bg.jpg) top left no-repeat; width:222px; }
#formulaire textarea { background-color:#fff; width:288px; height:105px; border:0; }

#formulaire.mini fieldset { width:auto; }
#formulaire.mini label { width:auto; }
#formulaire.mini input.champTexte { width:150px; float:right; }
#formulaire.mini textarea { width:240px; height:105px; overflow:auto; margin-top:4px; }

.envoyer { display:block; background:url(Gx/envoyer-btn.png) bottom left; width:100px; height:31px; border:0; cursor:pointer; }
.envoyer:hover { background-position:top left; }

#bookMarkerConteneur { position:absolute; bottom:8px; left:12px; }
#socialBookmarker { padding:20px 0 0; float:left; background:url("Gx/bookmarks.gif") top left no-repeat; color:#fff; font-size:11px; line-height:18px; position:relative; }
#socialBookmarkerPrefix { float:left; cursor:default; color:#474747; font-size:14px; text-transform:uppercase; font-weight:bold; margin-right:5px; }
#socialBookmarker .bookmarkIconesVisibles { float:left; margin:1px 0 0 0; padding:auto 0; }
#bookmarkHoverPopup { position:absolute; margin-top:25px; border:solid 1px #202020; background-color:#181818; text-align:left; padding:4px; width:315px; display:none; }
#bookmarkHoverPopup .bookmarkHoverPopupItems { float:left; width:150px; height:25px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a { line-height:25px; height:25px; color:#fff; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, 
#bookmarkHoverPopup .bookmarkHoverPopupItems a:visited { border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; color:#fff; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, 
#bookmarkHoverPopup .bookmarkHoverPopupItems a:hover { text-decoration: none; color:#333; background-color:#eee; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* Classes spéciales ------------------------------------------------------------------------------------------------ */

.noMargin { margin:0; }
.noPadding { padding:0; }

.minimalist { color:#413f3f; font-size:12px; }
.zoom { padding:9px 9px 5px; border:1px solid #262626; background-color:#000; width:181px; text-align:center; }
.zoom a, #contenu .listeRouge li .zoom a { color:#413f3f; float:right; font-size:11px; line-height:16px; background:none; padding:0; }
.zoom a:hover { text-decoration:none; }