/* CSS Document */
body, html{height:100%;}
body{margin:0;
	padding:0;
	top:0;
	background:url(images_integr/fond_body.jpg) 0 0 repeat-x;
	background-color:#FFFFFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	cursor:default;
	}
img{border:0px;}

div#fond_global{width:100%;
						height:100%;
						margin:0 auto 0 auto;
						background:url(images_integr/fond_global.jpg) top center no-repeat;
						}
div#global{width:990px;
			min-height:100%;
            overflow:hidden;
			top:0%;
			margin:0 auto 0 auto;
			}
/* BANNIERE */
div#banniere{width:990px;
			height:164px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			top:0;
			left:0;
			overflow:hidden;
			
			}
div#logo{width:191px;
			height:89px;
			float:left;
			margin:0;
			padding:15px 0 0 205px;
			}
div#menu_gauche{width:159px;
				height:550px;
				position:relative;
				float:left;
				margin:0 0 0 0;
				padding:55px 0 0 0;
				top:0;
				left:0;
				}
	/* ARTISTES */
	/*a.artistes{display:block;
				width:106px;
				height:40px;
				position:relative;
				float:right;
				margin:0;
				padding:0;
				background:url(images_integr/onglet1.gif) 0 0 no-repeat;
				top:0;
				left:0;
				text-decoration:none;
				text-align:left;
				color:#CCCCCC;
				}
	a:hover.artistes{background:url(images_integr/onglet1.gif) -106px 0 no-repeat;}*/
	/* SPECTACLES */
	a.spectacles{display:block;
				width:135px;
				height:40px;
				position:relative;
				float:right;
				margin:2px 0 0 0;
				padding:0;
				background:url(images_integr/onglet7.gif) 0 0 no-repeat;
				top:0;
				left:0;
				text-decoration:none;
				text-align:left;
				color:#CCCCCC;
				}
	a:hover.spectacles{background:url(images_integr/onglet7.gif) -135px 0 no-repeat;}
	
	
	/* COMPAGNIES */
	a.compagnies{display:block;
				width:146px;
				height:40px;
				position:relative;
				float:right;
				margin:2px 0 0 0;
				padding:0;
				background:url(images_integr/onglet2.gif) 0 0 no-repeat;
				top:0;
				left:0;
				text-decoration:none;
				text-align:left;
				color:#CCCCCC;
				}
	a:hover.compagnies{background:url(images_integr/onglet2.gif) -146px 0 no-repeat;}
	
	/* ACTUALITES */
	a.actualites{display:block;
				width:126px;
				height:40px;
				position:relative;
				float:right;
				margin:2px 0 0 0;
				padding:0;
				background:url(images_integr/onglet3.gif) 0 0 no-repeat;
				top:0;
				left:0;
				text-decoration:none;
				text-align:left;
				color:#CCCCCC;
				}
	a:hover.actualites{background:url(images_integr/onglet3.gif) -126px 0 no-repeat;}
	
	/* SOCIETE */
	a.societe{display:block;
				width:159px;
				height:40px;
				position:relative;
				float:right;
				margin:2px 0 0 0;
				padding:0;
				background:url(images_integr/onglet4.gif) 0 0 no-repeat;
				top:0;
				left:0;
				text-decoration:none;
				text-align:left;
				color:#CCCCCC;
				}
	a:hover.societe{background:url(images_integr/onglet4.gif) -159px 0 no-repeat;}
	
	/* liens */
	a.liens{display:block;
				width:111px;
				height:40px;
				position:relative;
				float:right;
				margin:2px 0 0 0;
				padding:0;
				background:url(images_integr/onglet5.gif) 0 0 no-repeat;
				top:0;
				left:0;
				text-decoration:none;
				text-align:left;
				color:#CCCCCC;
				}
	a:hover.liens{background:url(images_integr/onglet5.gif) -111px 0 no-repeat;}
	
	/* boutique */
	a.boutique{display:block;
				width:117px;
				height:40px;
				position:relative;
				float:right;
				margin:2px 0 0 0;
				padding:0;
				background:url(images_integr/onglet6.gif) 0 0 no-repeat;
				top:0;
				left:0;
				text-decoration:none;
				text-align:left;
				color:#CCCCCC;
				}
	a:hover.boutique{background:url(images_integr/onglet6.gif) -117px 0 no-repeat;}
	
/* CENTRE */
div#centre{width:766px;
				position:relative;
				float:left;
				margin:0 0 0 0;
				padding:0 0 0 18px;
				top:0;
				left:0;
				}
	/* HOME + CONTACT */
	div#home_contact{width:766px;
					height:27px;
					position:relative;
					float:left;
					padding:0;
					margin:0;
					left:0;
					top:0;
					}
	a.home{display:block;
				width:31px;
				height:27px;
				position:relative;
				float:left;
				margin:0 0 0 0;
				padding:0;
				background:url(images_integr/onglet_home.png) 0 0 no-repeat;
				top:0;
				left:0;
				text-decoration:none;
				text-align:center;
				color:#333;
				}
	a:hover.home{background:url(images_integr/onglet_home.png) -31px 0 no-repeat;
				color:#000;
				}
				
	a.contact{display:block;
				width:32px;
				height:27px;
				position:relative;
				float:left;
				margin:0 0 0 3px;
				padding:0;
				background:url(images_integr/onglet_contact.png) 0 0 no-repeat;
				top:0;
				left:0;
				text-decoration:none;
				text-align:left;
				color:#fff;
				}
	a:hover.contact{background:url(images_integr/onglet_contact.png) -32px 0 no-repeat;
				color:#C40E0E;}

	
	/* ACCUEIL */
	div#gauche_accueil{width:465px;
						position:relative;
						float:left;
						padding:0;
						margin:0;
						top:0;
						left:0;
						}
		/* Spectacles à venir */
		div#compagnies_accueil{width:465px;
								position:relative;
								float:left;
								padding:0;
								margin:0;
								top:0;
								left:0;
								}
		div.compagnie{width:128px;
						height:128px;
						float:left;
						padding:0 26px 0 0;
						margin:0 0 10px 0;
						top:0;
						left:0;
						text-align:center;
						}
		a.compagnie_img{display:block;
								
								width:128px;
								height:84px;
								padding-top:4px;
								margin:0;
								top:0;
								left:0;
								text-align:center;
								overflow:hidden;
								}
		a:hover.compagnie_img{
							background-color:#D7D4D4;}
		a.nom_compagnie{
						width:128px;
						float:left;
						font:normal 11px/14px Tahoma;
						color:#000000;
						text-decoration:none;}
		a:hover.nom_compagnie{text-decoration:underline;}
		
		
		/* ALL SPECTACLES ou COMPAGNIES */
		
		div.all_spectacles_compagnies{width:128px;
						height:128px;
						float:left;
						padding:0 0 0 24px;
						margin:0 0 10px 0;
						top:0;
						left:0;
						text-align:center;
						}
		a.all_spectacles_compagnies_img{display:block;
								
								width:128px;
								height:84px;
								padding-top:4px;
								margin:0;
								top:0;
								left:0;
								text-align:center;
								overflow:hidden;
								}
		a:hover.all_spectacles_compagnies_img{
							background-color:#D7D4D4;}
		a.nom_all_spectacles_compagnies{
						width:128px;
						float:left;
						font:normal 11px/14px Tahoma;
						color:#000000;
						text-decoration:none;}
		a:hover.nom_all_spectacles_compagnies{text-decoration:underline;}
		a.nom_all_spectacles_compagnies_bis{
						width:128px;
						float:left;
						font:normal 10px/14px Tahoma;
						color:#333333;
						text-decoration:none;}
		a:hover.nom_all_spectacles_compagnies_bis{text-decoration:underline;}
		
		
		/* ALL SPECTACLES ou COMPAGNIES ALIGNE LEFT */
		
		div.all_spectacles_compagnies_left{width:128px;
						height:128px;
						float:left;
						padding:0 24px 0 0;
						margin:0 0 10px 0;
						top:0;
						left:0;
						text-align:center;
						}
		
		/* SOUS CAT : RUE, SCENE, JEUNE PUBLIC */
		div.spectacles_sous_cat{width:368px;
						height:80px;
						position:relative;
						float:left;
						padding:0 10px 0 0;
						margin:0 0 20px 0;
						top:0;
						left:0;
						}
		
		div.image_spectacles_sous_cat{width:128px;
						height:128px;
						position:relative;
						float:left;
						padding:0 0 0 0;
						margin:0 0 0 0;
						top:0;
						left:0;
						text-align:center;
						}
		div.droite_spectacles_sous_cat{width:230px;
						height:128px;
						position:relative;
						float:left;
						padding:0 0 0 10px;
						margin:0 0 0 0;
						top:0;
						left:0;
						overflow:hidden;
						}
		
		
		
		div#boutique_accueil{width:465px;	
							position:relative;
							float:left;
							padding:0;
							margin:0;
							top:0;
							left:0;
							}
		#boutique_accueil h2{font:normal 18px/35px Tahoma;
							color:#333;
							display:block;
							padding:0 0 12px 0;
							margin:0;
							top:0;
							left:0;
							}
	
			
	div#droite_accueil{width:263px;
						position:relative;
						float:right;
						padding:0;
						margin:0;
						top:0;
						left:0;
						}
		
		div#zomm_accueil{width:263px;
						position:relative;
						float:right;
						padding:0;
						margin:0;
						top:0;
						left:0;
						}
		
		div#oise_guinguette{width:263px;
						position:relative;
						float:right;
						padding:20px 0 0 0;
						margin:0;
						top:0;
						left:0;
						}
		
		div#actus_accueil{width:263px;
						position:relative;
						float:right;
						padding:20px 0 0 0;
						margin:0;
						top:0;
						left:0;
						}
		
		div#newsletter_accueil{width:263px;
						position:relative;
						float:right;
						padding:20px 0 0 0;
						margin:0;
						top:0;
						left:0;
						}
		div#fond_newsletter{width:263px;
							height:105px;
							position:relative;
							float:left;
							padding:0 0 0 0;
							margin:0;
							top:0;
							left:0;
							background:url(images_integr/fond_newsletter2.jpg) 0 0 no-repeat;
							}
		#fond_newsletter input.email{width:166px;
					height:16px;
					margin:0;
					padding:3px 5px 0 5px;
					top:0;
					left:0;
					font:normal 10px/11px Verdana, Arial, Helvetica, sans-serif;
					border:0;
					color:#999999;
					}
		#fond_newsletter input.prenom{width:166px;
					height:16px;
					margin:0;
					padding:3px 5px 0 5px;
					top:0;
					left:0;
					font:normal 10px/11px Verdana, Arial, Helvetica, sans-serif;
					border:0;
					color:#999999;
					}
	
	/* TOUS LES SPECTACLES / COMPAGNIES */
	div.une_rangee_de_spectacle_compagnie{width:100%;
										position:relative;
										float:left;
										padding:0;
										margin:0;
										top:0;
										left:0;
										}
	div.rangee_de_spectacle_compagnie_mini{width:100%;
										position:relative;
										float:right;
										padding:0;
										margin:0;
										top:0;
										left:0;
										}
	
	/* DETAIL SPECTACLE */
	a.nom_compagnie_titre{color:#9FC800;
							text-decoration:none;
							}
	a:hover.nom_compagnie_titre{text-decoration:underline;}
	
	div#gauche_detail_spectacle{width:263px;
						position:relative;
						float:left;
						padding:20px 0 20px 0;
						margin:0;
						top:0;
						left:0;
						}
		div#photos_spectacle{width:263px;
							position:relative;
							float:left;
							padding:0 0 20px 0;
							margin:0;
							top:0;
							left:0;
							}
		a.spectacle_img{display:block;
							float:left;	
							width:60px;
							padding:0 5px 0 0;
							margin:5px 0 0 0;
							top:0;
							left:0;
							text-align:center;
							overflow:hidden;
							}
		
		div#telechargements{width:263px;
							position:relative;
							float:left;
							padding:0 0 0 0;
							margin:0;
							top:0;
							left:0;
							}
		a.icone_pdf{display:block;
					font:normal 12px/28px Tahoma;
					background:url(images_integr/icone_pdf.png) 0 0 no-repeat;
					padding: 0 0 0 36px;
					margin:0 0 6px 0;
					top:0;
					left:0;
					color:#0065A1;
					text-decoration:none;
					}
		a:hover.icone_pdf{text-decoration:underline;}
		
		a.icone_loupe{display:block;
					font:normal 12px/28px Tahoma;
					background:url(images_integr/icone_loupe.png) 0 0 no-repeat;
					padding: 0 0 0 36px;
					margin:0 0 6px 0;
					top:0;
					left:0;
					color:#0065A1;
					text-decoration:none;
					}
		a:hover.icone_loupe{text-decoration:underline;}
		
		a.icone_loupe2{display:block;
					width:220px;
					font:normal 12px/28px Tahoma;
					background:url(images_integr/icone_loupe2.png) 0 0 no-repeat;
					padding: 0 0 0 30px;
					margin:0 0 6px 0;
					top:0;
					left:0;
					color:#0065A1;
					text-decoration:none;
					}
		a:hover.icone_loupe2{text-decoration:underline;}
		
	div#droite_detail_spectacle{width:486px;
						position:relative;
						float:right;
						padding:20px 0 20px 0;
						margin:0;
						top:0;
						left:0;
						}
		div.une_video{width:231px;
						float:left;
						padding:0 12px 12px 0;
						margin:0;
						top:0;
						left:0;
						}
	
	/************* BOUTIQUE **********************/
	div#gauche_boutique{width:528px;
						position:relative;
						float:left;
						padding:0;
						margin:30px 0 0 0;
						top:0;
						left:0;
						}
	div#droite_boutique{width:200px;
						position:relative;
						float:right;
						padding:0;
						margin:30px 0 0 0;
						top:0;
						left:0;
						}
	a.icone_loupe_panier{display:block;
									position:relative;
									float:left;
									font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
									padding-left:20px;
									background:url(images_integr/boutique/icone_loupe.png) 0 0 no-repeat;
									color:#999999;
									text-decoration:none;
									clear:both;
									overflow:hidden;
									height:18px;
									}
	a:hover.icone_loupe_panier{text-decoration:underline;
								color:#666666;
								}
	
	/* ELEMENTS SIDEBARS */
		.bloc_sidebar{width:200px;
						position:relative;
						float:left;
						background:url(images_integr/boutique/fond_bloc_sidebar_1px.jpg) 0 0 repeat-y;
						padding:0;
						margin:0;
						top:0;
						left:0;
						z-index:100;
						}
		.arrondi_haut_sidebar{width:200px;
								height:10px;
								position:relative;
								float:left;
								margin:0;
								padding:0;
								top:0;
								left:0;
								background:url(images_integr/boutique/arrondi_haut_sidebar.jpg) 0 0 no-repeat;
								}
		.arrondi_bas_sidebar{width:200px;
								height:10px;
								position:relative;
								float:left;
								margin:0;
								padding:0;
								top:0;
								left:0;
								background:url(images_integr/boutique/arrondi_bas_sidebar.jpg) 0 0 no-repeat;
								}
		.bloc_sidebar ul{margin: 0;
						padding: 0;
						list-style-type: none;
						z-index:100;
						}
		.bloc_sidebar li {
								text-align: left;
								}
					
		.bloc_sidebar li a {
					color:#000;
					text-decoration: none;
					display: block;
					height: 20px;
					border: 0 none;
					padding-left:10px;
					padding-right:10px;
					padding-top:4px;
					background:none;
					background-color:#E3E3E3;
					border-bottom:1px solid #fff;
					width:180px;
					text-align:left;
					}
		.bloc_sidebar li a:hover, .bloc_sidebar li a:focus {color:#fff;
										text-decoration: none;
										display: block;
										height: 20px;
										width:180px;
										border: 0 none;
										padding-left:10px;
										padding-right:10px;
										padding-top:4px;
										background:none;
										background-color:#A0C807;
										border-bottom:1px solid #fff;
										text-align:left;
										}
	/************* FIN BOUTIQUE **********************/
		
	/* NAVIGATION PAGE */
			
	.page_actuelle{display:block;
					width:30px;
					height:40px;
					color:#0065A1;
					margin:0 0 0 0;
					padding:0;
					overflow:hidden;
					background:url(images_integr/navigation_page.png) -30px 0 no-repeat;
					text-align:center;
					font:bold 12px/20px "Trebuchet MS";
					}
	a.page_actuelle {display:block;
					width:30px;
					height:40px;
					color:#333333;
					float:left;
					margin:0 0 0 0;
					padding:0 0 0 0;
					overflow:hidden;
					background:url(images_integr/navigation_page.png) 0 0 no-repeat;
					text-align:center;
					text-decoration:none;
					font:normal 11px/20px "Trebuchet MS";
					}
	a:hover.page_actuelle {
					background:url(images_integr/navigation_page.png) -30px 0 no-repeat;
					color:#0065A1;
					font-weight:bold;
					}
	/* FIN NAVIGATION PAGE */
	
	
	/* BALISES COMMUNES */
	h1{font:normal 24px/32px Tahoma;
		color:#0065A1;
		display:block;
		padding:0;
		margin:0;
		top:0;
		left:0;
		}
	h2{font:normal 18px/22px Tahoma;
		color:#333;
		display:block;
		padding:0;
		margin:0;
		top:0;
		left:0;
		}
	h3{font:normal 14px/18px Tahoma;
		color:#333;
		display:block;
		padding:0 0 12px 0;
		margin:0;
		top:0;
		left:0;
		}
	p{font:normal 11px/14px Tahoma;
		color:#666;
		display:block;
		margin:0;
		padding:0 0 10px 0;
		top:0;
		left:0;
		text-align:justify;
		}
	.bold_vert_18px{font-weight:bold;
					font-size:18px;
					color:#9FC800;
					}
	
	a.lien_vert{font-weight:bold;
					font-size:12px;
					color:#9FC800;
					text-decoration:none;
					}
	a:hover.lien_vert{text-decoration:underline;}
	
	a.lien_bleu{color:#0065A1;
				font-size:12px;
				text-decoration:none;
				}
	a:hover.lien_bleu{text-decoration:underline;}
	
	a.lien_gris{color:#666666;
				font-size:12px;
				text-decoration:none;
				}
	a:hover.lien_gris{text-decoration:underline;}
	
	a.lien_gris_grand{color:#333;
				font-size:18px;
				text-decoration:none;
				}
	a:hover.lien_gris_grand{text-decoration:underline;}
	
	a.lien_gris_petit{color:#666666;
				font-size:11px;
				text-decoration:none;
				}
	a:hover.lien_gris_petit{text-decoration:underline;}
	
	a.lien_suite{color:#000000;
				font-size:11px;
				text-decoration:none;
				}
	a:hover.lien_suite{text-decoration:underline;}

	.gris_grand{color:#333;
				font-size:18px;
				text-decoration:none;
				}
/* FOOTER */
div#footer{width:990px;
			height:243px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			top:0;
			left:0;
			overflow:hidden;
			background:url(images_integr/fond_footer.jpg) 0 0 no-repeat;
			}
#footer p{text-align:center;
			padding-top:20px;}
			
			
			

/* STYLES BOUTIQUE */
.separation {
	height: 1px;
	width: 528px;
	background-color: #7f8eb9;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
}
#gauche_boutique a {
	color: #0065A1;
	text-decoration: none;
}


#gauche_boutique a:hover {
	text-decoration: underline;
	color: #0065A1;
}
/* plus */
a.plus {display:block;
	padding:0 0 0 22px;
	margin:0;
	font:normal 12px/18px Tahoma;
	background:url(images_integr/boutique/icone_plus.png) 0 0 no-repeat;
	color: #333;
	text-decoration: none;
}

a.plus:hover {
	text-decoration: underline;
	color: #333;
}

/* précédente */
a.prec {display:block;
	padding:0 0 0 22px;
	margin:0;
	font:normal 12px/18px Tahoma;
	background:url(images_integr/boutique/icone_prec.png) 0 0 no-repeat;
	color: #333;
	text-decoration: none;
}

a.prec:hover {
	text-decoration: underline;
	color: #333;
}

.sousTitrePage {
	text-align: left;
	font-weight: bold;
	width: 528px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	color: #605747;
	font-weight: bold;
	background-color:#DCDCDC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size:10px;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 11px;
	line-height:14px;
	color:#444444;
	}

.zoneDeSaisie {
	color: #12335B;
	font-weight: bold;
	font-size: 11px;
	vertical-align:middle;
}

a.form_suppression{color:#FF0000;
				text-decoration:none;}
a:hover.form_suppression{text-decoration:underline;}

.form_produit{color:#0099CC;}

a.form_icone_panier_vert{display:block;
				position:relative;
				float:right;
				font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
				padding-left:25px;
				background:url(images_integr/centre/icone_panier_vert.jpg) 0 0 no-repeat;
				color:#333333;
				text-decoration:none;
				clear:both;
				overflow:hidden;
				height:18px;
				}
a:hover.form_icone_panier_vert{text-decoration:underline;
							color:#000000;
							}
							
a.form_retour_accueil{display:block;
				position:relative;
				float:right;
				font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
				padding-left:22px;
				background:url(images_integr/centre/icone_retour.png) 0 0 no-repeat;
				color:#333333;
				text-decoration:none;
				clear:both;
				overflow:hidden;
				height:18px;
				}
a:hover.form_retour_accueil{text-decoration:underline;
							color:#000000;
							}

.commentaires {
	font-size: 11px;
	font-style: italic;
	color: #50A603;
}
.obligatoire {
	color: #FF0000;
	font-size:10px;
}
.footerTableau {
	color: #12335B;
	font-weight: bold;
	background-color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/* FIN Divers éléments de formulaires & tableaux
-------------------------------------------------------- */
.visible
{
	display:block;
}
.invisible
{
	display:none;
}