/* CSS Document */

* {margin:0; padding:0;}
img {border:none;}

*html img, *html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

a, input
{
position: relative;
z-index: 1;
}
/*----------------------------------------------------GENERAL------------------------------------------------------------*/

body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:url(images/bg_pixel.gif) repeat-x;
	background-color:#E1D0b1;
}

a {
	text-decoration:none;
	color:#000;
}

a:hover {
	text-decoration:underline;
}

a.souligne {
	text-decoration:underline;
}

a:hover.souligne {
	text-decoration:none;
}

.color_secondaire {
	color:#bbb662;
}
.error_index {	
	background-color: #ffb395;
	width:183px;
	font-size:11px;
	border:#BBB662 solid 1px;
	margin-right:10px;
	margin-left:20px;
	margin-bottom:5px;
}
/*--------------------------------BOUTONS------------------------------*/
.btn_ok a {
	background:url(boutons/btn_ok.gif) no-repeat;
	width:28px;
	height:18px;
	display:block;
	float:right;
	margin-top:-1px;
}

*html .btn_ok a {/*ie6*/
	margin-right:-10px;
}

.btn_ok a:hover {
	background:url(boutons/btn_ok_hover.gif) no-repeat;
	
}


/*----------------------------------------------------GABARIT------------------------------------------------------------*/
#conteneur_index {
	width:1104px;
	background:url(images/bg_figurine.gif) 0px 148px no-repeat;
	margin:auto;
	position:relative;
	padding-bottom:250px;
}

#contenu_index {
	width:876px;
	margin-left:228px;
}

#header_index {	
	width:876px;
	height:60px;	
	position:relative;
}


#monpanier_index {	
	background:url(images/monpanier.gif) no-repeat;
	width:123px;
	height:70px;
	top:1px;
	left:753px;
	position:absolute;
}

#monpanier_index .titre_monpanier_index {	
	color:#fefefe;
	padding-left:20px;
	padding-top:15px;
	font-size:11px;
	font-weight:bold;
	padding-bottom:2px;
}

#monpanier_index .article_monpanier_index {
	padding-left:20px;
	color:#fefefe;
	font-size:10px;
}

#navigation_haute_index {
	position:absolute;
	top:48px;
	left:311px;
	color:#FFF;
}

#navigation_haute_index a {
	color:#FFF;
	font-size:10px;
	text-decoration:none;
}

#navigation_haute_index a:hover {
	text-decoration:underline;
}

#gabarit_gauche_index {	
	width:300px;
	position:absolute;
	top:55px;
	left:226px;
}

*html #gabarit_gauche {	/*ie6*/
	left:267px;
}

#gabarit_gauche_index #menu_onglet_index {
	background:url(images/menu_gauche.gif) no-repeat;
	width:300px;
	height:491px;
}

#gabarit_gauche_index #logo {
	width:240px;
	height:23px;
	padding-top:43px;
	padding-left:25px;
}
	

ul#liste_onglet_index {	
	margin-left:71px;
	padding-top:110px;
}

*html ul#liste_onglet_index {	/*ie6*/
	text-align:right;
	margin-right:32px;
}

#liste_onglet_index li {	
	list-style-type:none;
	width:229px;
	height:28px;
}

#liste_onglet_index li.menu1_index a {
	background:url(boutons/presentation.gif) no-repeat;
	background-position:top;
	display:block;
	width:229px;
	height:28px;
}

#liste_onglet_index li.menu1_index a:hover {
	background-position:bottom;
}

#liste_onglet_index li.menu2_index a {
	background:url(boutons/preparez_visite.gif) no-repeat;
	background-position:top;
	display:block;
	width:229px;
	height:28px;
}

#liste_onglet_index li.menu2_index a:hover {
	background-position:bottom;
}

#liste_onglet_index li.menu3_index a {
	background:url(boutons/infos_pratiques.gif) no-repeat;
	background-position:top;
	display:block;
	width:229px;
	height:28px;
}


#liste_onglet_index li.menu3_index a:hover {
	background-position:bottom;
}

#liste_onglet_index li.menu4_index a {
	background:url(boutons/vente_ligne.gif) no-repeat;
	background-position:top;
	display:block;
	width:229px;
	height:28px;
}



#liste_onglet_index li.menu4_index a:hover {
	background-position:bottom;
}

#liste_onglet_index li.menu5_index a {
	background:url(boutons/mon_compte.gif) no-repeat;
	background-position:top;
	display:block;
	width:229px;
	height:28px;
}


#liste_onglet_index li.menu5_index a:hover {
	background-position:bottom;
	
}

#liste_onglet_index li.menu6_index a {
	background:url(boutons/espace_professionnel.gif) no-repeat;
	background-position:top;
	display:block;
	width:229px;
	height:28px;
}

#liste_onglet_index li.menu6_index a:hover {
	background-position:bottom;
}

#ssmenu1_index {
	width:220px;
	background-color:#c8d5c3;
	position:absolute;
	top:178px;
	left:300px;
	z-index:1;
	color:#000;
	padding-top:6px;
	padding-bottom:6px;
}

#ssmenu2_index {
	width:220px;
	background-color:#c8d5c3;
	position:absolute;
	top:206px;
	left:300px;
	z-index:1;
	color:#000;
	padding-top:6px;
	padding-bottom:6px;
}

.sous_menu_long  {	
	padding-left:20px;
	text-decoration:none;
}


#ssmenu3_index {
	width:220px;
	background-color:#c8d5c3;
	position:absolute;
	top:237px;
	left:300px;
	z-index:1;
	color:#000;
	padding-top:6px;
	padding-bottom:6px;
}

#ssmenu6_index {
	width:220px;
	background-color:#c8d5c3;
	position:absolute;
	top:320px;
	left:300px;
	z-index:1;
	color:#000;
	padding-top:6px;
	padding-bottom:6px;
}

ul.sous_categorie_index {
	margin:0px;
}

.sous_categorie_index li {
	list-style-type:none;
}


.sous_categorie_index li a {
	list-style-type:none;
	font-size:11px;
	color:#000;
	height:auto;
	display:block;
	font-weight:bold;
	text-decoration:none;
	margin-left:8px;
}



.sous_categorie_index li a:hover {
	text-decoration:underline;
}

#gabarit_gauche_index #menu_onglet_index #texte_newsletter_index {	
	padding-top:62px;
	text-align:justify;
	color:#000;
	width:255px;
	padding-left:20px;
	padding-right:25px;
	clear:left;
}

*html #gabarit_gauche_index #menu_onglet_index #texte_newsletter_index {	/*ie6*/
	padding-top:62px;
}

*+html #gabarit_gauche_index #menu_onglet_index #texte_newsletter_index {	/*ie7*/
	padding-top:62px;
}

.bloc_champs_newsletter_index {
	width:300px;
	height:18px;
	margin-top:13px;
	margin-bottom:20px;
}

*html .bloc_champs_newsletter_index {/*ie6*/
	width:300px;
}

*+html .bloc_champs_newsletter_index {/*ie7*/
	width:300px;
}

.bloc_champs_newsletter_index input.champs_NL_index {	
	width:183px;
	font-size:11px;
	border:#BBB662 solid 1px;
	margin-right:10px;
	margin-left:20px;
	margin-bottom:5px;
}

#gabarit_gauche_index #menu_agenda_actu_index {	
	background:url(images/menu_gauche_agenda.png) no-repeat;
	width:255px;
	height:148px;
	position:absolute;
	top:491px;
	padding-left:20px;
	padding-right:25px;
	clear:left;
}

*html #gabarit_gauche_index #menu_agenda_actu_index {	/*ie6*/
	background:url(images/menu_gauche_agenda.gif) no-repeat;
}

#gabarit_gauche_index #menu_agenda_actu_index  p.agenda_index {
	padding-top:65px;
	padding-bottom:21px;
}	

#gabarit_gauche_index #menu_agenda_actu_index  p.actu_index {
	padding-right:100px;
}

.bloc_noir_index {
	margin-left:265px;
	width:600px;
	background:url(images/bloc_bg.gif) no-repeat;
	background-color:#000;
}

.bloc_noir_index_bas {	
	background:url(images/bg_noir_bas.gif) bottom no-repeat;
	width:600px;
	height:14px;
	margin-left:265px;
}

*html .bloc_noir_index_bas {	/*ie6*/
	margin-top:-1px;
}
		
#bloc_contenu_site_index {
	background:url(images/bg_contenu.gif) top no-repeat;
	background-color:#EFE7B9;
	width:633px;
}

#bloc_bas_contenu_index {
	background:url(images/bas_contenu.gif) no-repeat;
	width:633px;
	height:37px;
}

#footer_index {	
	width:864px;
	clear:both;
	margin:auto;
	text-align:center;
	font-size:10px;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:20px;
	padding-top:15px;
}

#footer_index a {
	text-decoration:none;
}

#footer_index a:hover {
	text-decoration:underline;
}

.logo_footer_index {
	float:right;
	margin-top:-20px;
}

/*----------------------------------------------------INDEX-----------------------------------------------------------*/
#gabarit_centrale_index {	
	width:565px;
	padding-left:35px;
}

#bloc_index_gauche {
	width:264px;
	margin-left:50px;
	padding-bottom:15px;
	float:left;
}

*html #bloc_index_gauche {/*ie6*/
	margin-left:25px;
}


#bloc_index_gauche #img_preparez_visite {
	width:264px;
	height:116px;
	margin-bottom:14px;
	display:block;
	margin-top:-2px;
	padding-top:-2px;
}

#bloc_index_gauche #btn_voir_parcours_spectacle a {	
	background:url(boutons/btn_voir_parcours_spectacle.gif) no-repeat;
	background-position:top;
	width:171px;
	height:23px;
	display:block;
	margin-left:85px;
	margin-top:10px;
}

#bloc_index_gauche #btn_voir_parcours_spectacle a:hover {
	background-position:bottom;
}

#bloc_index_droite {
	width:251px;
	margin-left:325px;
	padding-top:22px;
	padding-bottom:15px;
}



#bloc_index_droite #titre_billeterie {
	background:url(images/titre_billeterie_librairie.gif) no-repeat;
	width:251px;
	height:17px;
	margin-bottom:21px;
}

#bloc_index_droite #titre_decouvrez {	
	background:url(images/titre_decouvrez_gamme.gif) no-repeat;
	width:152px;
	height:53px;
	margin-bottom:16px;
}

#bloc_index_droite #btn_acceder_vente_ligne a {
	background:url(boutons/btn_acceder_vente_ligne.gif) no-repeat;
	background-position:top;
	display:block;
	width:171px;
	height:23px;
	margin-left:80px;
	margin-top:10px;
}

#bloc_index_droite #btn_acceder_vente_ligne a:hover {
	background-position:bottom;
}

/*----------------------------------------------------rajout091012------------------------------------------------------------*/
ul.liste_picto {	
	height:23px;
	width:290px;
	position:absolute;
	top:350px;
	left:-18px;
}

.liste_picto li {
	list-style-type:none;
	float:right;
}

.liste_picto li.facebook a {	
	background:url(images/facebook.gif) no-repeat;
	width:61px;
	height:23px;
	display:block;
	margin-left:4px;
}

.liste_picto li.overblog a {	
	background:url(images/overblog.gif) no-repeat;
	width:60px;
	height:23px;
	display:block;
	margin-left:2px;
}

.liste_picto li.phrase  {	
	background:url(images/retrouvez.gif) no-repeat;
	width:124px;
	height:23px;
	display:block;
	margin-left:10px;
}
