/* 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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{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:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body{text-align: center;font-family: Georgia, Helvetica, "Times New Roman";}
body#main{background: #0d0805 url(gx/M/bg_gen.jpg) no-repeat center top;text-align:center;}
body#home{background: #0d0805 url(gx/M/bg.jpg) no-repeat center top;text-align:center;}
html{font-family: Georgia, Helvetica, "Times New Roman";color: #b2b2b2;font-size: 12px; }

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{font-family: Georgia, Helvetica, "Times New Roman";font-size: 35px; color: #ffffff;font-weight: normal;padding: 0 0 30px 0;}
a{color: #ff6139;text-decoration: none;}
a:hover{color: #ff6139;text-decoration: underline;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
input{
	background-color: transparent;
	border: none;
	color: #7d7d7d;
}
p{text-align:justify;}
p.erreur{text-align:left; color:#FFDDDD;font-weight: bold;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/RSS_32.gif) no-repeat left;padding:10px 0 5px 40px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{margin:0 auto 0 auto;text-align:left;width:980px;height: auto;}
#contenuPrincipal{	width: 980px;height:auto;float:left;}
#contenu{width: 785px;/*743*/min-height:600px;height:auto !important;height:600px;float:left;}
img{float:left;}
#boitesHaut{width:685px;height: auto;float:left;}
#boites2colonnes{width: 980px; height: auto;float: left;}
#col1{width: 195px; height: auto;float: left;}
#interieur{font-family: Georgia, Helvetica, "Times New Roman";width: 703px; min-height:550px;height:auto !important;height:550px;float: left;border: 1px solid #625e5a;background-image: url(Gx/M/bg_noir.png);padding: 20px;margin: 60px 0 0 20px;}
#colGauche{width: 490px; height: auto;float: left;}
#colDroite{width: 292px; height: auto;float: left;}
#boitesGauche{width: 195px; height: auto;float: left;}
#boiteDroite{width:292px;height: auto;float:left;} 
#logo{width:195px; height: auto; float: left;}
#menu{width:195px; height: auto; float: left;}

/* BOITES BAS */
#boitesBas{width:980px;height: auto;float:left;margin-top: 50px;}

#boiteVideos{width: 357px;/*357*/ height: 246px; float: left; padding: 29px 0 0 0; /*padding: 29px 0 0 32px;*/border: 1px solid #625e5a;background-image: url(Gx/M/bg_alpha.png);}
.videoTn{width: 104px; height: 79px; float: left;padding: 0 2px 9px 2px;}
#boiteImg{width: 357px; height: auto; float: left;}
#videosPrec{width: 11px; height: auto; float: left;padding: 78px 0 0 1px;}
#videosSuiv{width: 12px; height: auto; float: left;padding: 78px 0 0 0;}
#videosImg{width: 331px;/*333*//*357*/ height: 180px; float: left;padding: 0 1px 0 1px}
.videoTn img{border: 1px solid #494846;}
#videosLogo{width: 72px;/*64*/ height: auto; float: left;padding: 3px 0 0 233px;}

#boiteTwitter{width: 306px;/*266*/ min-height:260px;height:auto !important;height:260px; float: left;border: 1px solid #625e5a;margin-left: 10px;padding: 5px 0 10px 0;background-image: url(Gx/M/bg_alpha.png);}
#boiteFacebook{width:292px;height: auto;float:left;margin-left: 10px;}  
#twtr-widget-1 span a{font-size:11px;}

/*
#twitterPresentation{width: 256px; height: auto; float: left; padding: 0 0 0 10px;}
#twitterPhoto{width: 31px; height: 31px; float: left;}
#twitterNom{width: 212px; height: auto; float: left;padding-left: 10px;}
.twitterTitrePhoto{font-family: Arial, sans-serif; font-size: 11px; color: #ffffff;}
.twitterTextePhoto{font-family: Arial, sans-serif; font-size: 18px; color: #ffffff;}
#twitterMsg{width: 256px; height: auto; float: left;padding: 16px 0 0 10px;}
#twitterMsg p, #twitterReponse p{font-family: Arial, sans-serif; font-size: 11px; color: #ffffff;}
#twitterMsg a, #twitterReponse a{font-family: Arial, sans-serif; font-size: 11px; color: #ffe7c4;text-decoration: none;}
#twitterLigne{width: 266px; height: auto; float: left;}
#twitterReponse{width: 256px; height: 96px; float: left;padding: 0 0 0 10px;}
#twitterBas{width: 266px; height: auto; float: left;padding-top: 5px;}
#twitterLogo{width: 64px; height: auto; float: left;padding-left: 9px;}
#twitterJoin{width: 126px; height: auto; float: left;padding-left: 67px;}
#twitterJoin a{font-family: Arial, sans-serif, font-size: 11px; color: #ffffff;text-decoration: none;}
#twitterJoin a:hover{font-family: Arial, sans-serif, font-size: 11px; color: #ffffff;text-decoration: underline;}
*/

/* BOITE SPECTACLE */
#boiteSpectaclesTitre{width:277px;height: auto;float:left;padding-left: 15px;padding-top: 10px;}
#boiteSpectaclesTitre a{font-size: 18px;text-transform: uppercase;color: #191919;font-weight: bold;padding-bottom: 10px;text-decoration: none;}
#boiteSpectaclesTitre p{font-size: 18px;text-transform: uppercase;color: #191919;font-weight: bold;padding-bottom: 10px;}
#boiteSpectaclesTitre span{font-size: 18px;text-transform: uppercase;color: #474747;font-weight: bold;}
#boiteSpectacles{width:292px;height: auto;float:left;background-color: #f3fc00;padding-bottom: 14px;} 
.ligneSpectacle{width:262px;height: auto;float:left;padding-left: 15px;}
.dateSpectacle{width:87px;height: auto;float:left; font-size: 12px; color: #e05531;font-weight: bold; line-height: 16px;}
.dateSpectacle a{font-size: 12px; color: #e05531;font-weight: bold; line-height: 16px;text-decoration: none;}
.dateSalle{width:174px;height: auto;float:left; font-size: 12px; color: #000000; line-height: 16px;}
.dateSalle a{font-size: 12px; color: #000000; line-height: 16px;text-decoration: none;}
.dateSalle a:hover{font-size: 12px; color: #000000; line-height: 16px;text-decoration: underline;}
#boiteSpectaclesLiens{width:292px;height: auto; float:left;padding-top: 7px;} 
#lienSpectacles{width:142px;height: auto; float:left;padding-left: 15px;} 
#lienSpectacles a{font-size: 12px; color: #424242;text-decoration: underline; } 
#lienBillets{width:124px;height: auto; float:left;} 
#lienBillets a{ font-size: 12px; color: #d8370e;text-decoration: underline;} 

/* BOITE NOUVELLE */
#nouvelles{padding-left: 20px;}
#titreNouvelles{width:292px;height: auto;float:left;padding-top: 15px;}   
#boiteNouvelles{width:292px;height: 133px;float:left;background-image: url(Gx/01/bg_nouvelles.png);border: 1px solid #625e5a;} 
#boiteNouvelles h2{padding: 14px 0 4px 0px; font-size: 12px;color: #ff6139;font-weight: bold; } 
#boiteNouvelles h2 a{ font-size: 12px;color: #ff6139;font-weight: bold; text-decoration: none; } 
#boiteNouvelles h2 a:hover{ font-size: 12px;color: #ff6139;font-weight: bold; text-decoration: underline; } 
#boiteNouvelles h3{padding: 0 0 4px 14px; font-size: 12px;color: #ffffff;font-weight: bold; } 
#boiteNouvelles p{padding: 0 14px 0 14px; font-size: 12px;color: #b0b0b0;text-align: left;} 
#boiteNouvelles a{padding-left: 14px; font-size: 12px;color: #ff6139;font-weight: normal;text-decoration: underline; } 
#boiteNouvelles a:hover{padding-left: 14px; font-size: 12px;color: #ff6139;font-weight: normal;text-decoration: none; } 

/* BOITE PROMOTION */
#titrePromotion{width:292px;height: auto;float:left;padding-top: 15px;}   
#boitePromotion{width:288px;height: 108px;float:left;background-image: url(Gx/01/bg_nouvelles.png);border: 1px solid #625e5a;padding: 2px;}    

/* 02_100 : PAGE SPECTACLES
--------------------------------------------------------------------------------------- */
td {font-family: Georgia, Helvetica, "Times New Roman"; font-size: 12px; color: #b2b2b2;border-top: 1px solid #523b37;border-bottom: 1px solid #523b37;}
.trActif{background:url(Gx/M/bg_alphaover.png)}
.billets, a {width:72px; height:22px;}
.billets {background-image:url(Gx/02/btn_billets.jpg);}
.billets a {display:block; background-image:url(Gx/02/btn_billets_on.jpg);}
.billets a:hover {background-image:none;}
.pagination{text-align: center;padding-top: 10px;}

/* Navigation en bas-de-page */
#menuBas{font-family: Arial, sans-serif; width:487px; height: auto; float: left; color: #f2fa01;padding-top: 14px;}
#menuBas a{font-size: 11px; color: #f2fa01; font-weight: normal; text-decoration: none;}
#menuBas a:hover{font-size: 11px; color: #f2fa01; font-weight: normal; text-decoration: underline;}

/* 05_100 : INFOLETTRE
--------------------------------------------------------------------------------------- */
#boiteInfolettre{width:292px;height: auto;float:left;padding: 39px 0 10px 0;}    
#bteInfolettre{width:292px;height: auto;float:left;}  
#messageInfolettre{width:292px;height: auto;float:left;}    
#titreInfolettre{width:292px;height: auto;float:left;}  
#champInfolettre{width:220px;height: 26px; auto;float:left;border: 1px solid #625e5a;background-image: url(Gx/01/bg_nouvelles.png);padding: 8px 0 0 10px;}  
#boutonInfolettre{width:22px;height: 34px; auto;float:left;padding-left: 10px;}  

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
.partenaires{width: 630px;height: auto;float: left;padding-left: 20px;}
.logoPartenaires{width: 156px;height: auto;float: left;padding-bottom: 20px;}
.contactPartenaires{width: 400px;height: auto;float: left;padding-left: 20px;padding-bottom: 20px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#logosBas{width:400px;height: auto; float:left;padding: 22px 0 11px 574px;border-bottom: 1px solid #3e3e3e;}
#piedPage{width:974px;height: auto; float:left;}

#seo {font-family: Arial, sans-serif; width: 974px; height: auto; float: left;padding-top: 31px;}
#seo p{font-size: 11px; color: #4f4f4f;font-weight: normal;line-height: 17px;}
#seo a{font-size: 11px; color: #969696;font-weight: normal;line-height: 17px;text-decoration: none;}
#seo a:hover{font-size: 11px; color: #969696;font-weight: normal;line-height: 17px;text-decoration: underline;}
#copyrights {font-family: Arial, sans-serif;width: 974px; height: auto; float: left;padding: 21px 0 50px 0;}
#copyrights p{ font-size: 11px; color: #4f4f4f;font-weight: normal;}
#copyrights a{font-size: 11px; color: #969696;font-weight: normal;text-decoration: none;}
#copyrights a:hover{ font-size: 11px; color: #969696;font-weight: normal;text-decoration: underline;}
.both{clear:both;}

#signets{width:487px; height: auto; float: left; padding-top: 12px;font-family: Arial, sans-serif; font-size: 11px; color: #848484;}
#socialBookmarker{float:right;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems{float:left; height:25px; margin-right:4px; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}

/* PERE POULE
--------------------------------------------------------------------------------------- */
#ytapiplayer {visibility:hidden}
#boiteVideosPerePoule{width: 630px;height: auto;float:left}
.videoPP{width: 120px;height: 90px;float: left;padding: 20px 20px 20px 0;font-family: Arial, sans-serif; font-size: 11px; color: #ff6139;}
.videoPP img{border: 1px solid #494846;}
.titreVideoPP{width: 120px;height: auto;float: left;padding-bottom: 3px;}
.tnVideoPP{width: 120px;height: 20px;float: left;}