@charset "utf-8";
/* CSS Document */

/*########################################################
	BODY, CONTENEUR & HTML GENERIQUES
########################################################*/
body {
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 70%;
}
h1, h2, h3, h4, p, ul, ol, li, dd, dl, dt, form, fieldset, a, img {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
input, select, textarea {
	font-size: 100%;
	font-family: Arial,Helvetica,sans-serif;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*--------------------- class génériques --------------------- */
.clear {
	clear: both;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.floatL {
	float: left;
	clear: none !important;
}
.floatR {
	float: right;
	clear: none !important;
}

input.text, input.date {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
}
input.button, input.submit {
	font-size: 100%;
}
.struct {
	margin: 0 auto;
	overflow: hidden;
	width: 990px;
}

#content.popup {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.warning {
	color: #D70008;
}

/*########################################################
	PREHOME
########################################################*/
.prehome{
	text-align: center;
	padding-top: 10px;
}
.prehome a.accesausite{
	margin-top: 10px;
	display: block;
}

/*########################################################
	HEADER-NEW
########################################################*/
#header-new {
	min-height: 136px;
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 100;
}
#header-new iframe{
	width: 100%;
	border: none;
	overflow: hidden;
	
}
#header-new a {
	text-decoration: underline;
}
#header-new input.text, #header-new select, #header-new textarea, #header-new span.text {
	font-family: inherit;
}
#header-new .btn, .btn span {
	display: -moz-inline-stack;
	display: inline-block;
}
#header-new .btn, .btn span, .btn input {
	vertical-align: middle;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}
#header-new .btn {
	padding-left: 17px;
	_width: 1%;
	position: relative;
}
#header-new .btn span {
	display: block;
	background-position: right top;
	padding-right: 8px;
}
#header-new .link li {
	display: inline;
}
#header-new .link a {
	padding-left: 7px;
}

/*--------------------- #lien_direct --------------------- */
#header-new #lien_direct {
	min-height: 18px;
	_height: 18px;
	overflow: hidden;
}
#header-new #lien_direct ul {
	font-weight: bold !important;
	text-align: left;
}
#header-new #lien_direct li {
	display: inline;
	margin-right: 10px;
}
#header-new #lien_direct a {
	font-weight: bold;
	margin-left: 6px;
	padding-left: 6px;
	text-decoration: none;
}

/*--------------------- #head --------------------- */
#header-new #head {
	/* pour centrer le header
	width: 990px;
	margin: 0 auto;
	*/
	margin-bottom: 1px;
	padding-bottom: 10px;
	overflow: auto;
	_height: 1%;

}

/*--------------------- #logo --------------------- */
#header-new #logo {
	float: left;
}
#header-new #logo a {
	display: block;
	width: 228px;
}
#header-new #logo a img {
	display: block;
}

/*--------------------- #banner --------------------- */
#header-new #banner {
	float: left;
	padding-top: 17px;
	text-align: center;
	width: 487px;
}
#header-new #banner img {
	display: block;
}

/*--------------------- #espace_perso --------------------- */
#espace_perso {
	float: right;
	text-align: left;
	width: 264px;
	position: relative;
	right: -3px;
}
.espacePerso {
	border: solid 1px;
	margin-right: 6px;
}
#espace_perso .inMyCarrefour {
	height: 89px;
	margin-left: 8px;
	margin-right: 38px;
	overflow: hidden;
}
#espace_perso .inMyCarrefour .legend {
	display: block;
	margin-top: 12px;
	font-weight: bold;
}
#espace_perso .inMyCarrefour .legend img {
	display: block;
}
#espace_perso .inMyCarrefour input.text {
	margin: 0 3px 0 0;
	width: 68px;
	padding: 1px 2px;
}
#espace_perso .inMyCarrefour h4{
	font-size: 100%;
	margin-bottom: 0px;
}

/*--------------------- #toolbar --------------------- */
#header-new #toolbar {
	min-height: 28px;
	_height: 28px;
	/* pour centrer la toolbar
	width: 988px;
	margin: 0 auto;
	*/
}
#header-new #toolbar * {
	vertical-align: middle;
}
#header-new #toolbar label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header-new #toolbar .struct form#emailform{
	float: right;
}
#header-new #toolbar .struct form#recherche{
	float: left;
}
#header-new #toolbar .struct form#recherche input.text{
	width: 320px;
	height: 16px;
	padding-top: 5px;
}
#header-new #toolbar .struct form#recherche.reduit input.text{
	width: 120px;
}
#header-new #toolbar span.btn{
	_margin-top: 3px;
	_margin-bottom: -3px;
}
#header-new #toolbar a {
	text-decoration: none;
	line-height: 28px;
}
#header-new #toolbar a, #toolbar span, #toolbar label {
	font-weight: bold;
}
#header-new #toolbar #recherche label {
	height: 100%;
	margin: 0 10px;
	padding-left: 10px;
}
#header-new #toolbar #recherche label.labelSearch {
	padding: 1px 0 1px 15px;
}
#header-new #toolbar input.text {
	font-weight: normal;
	width: 96px;
}
#header-new #toolbar .text {
	padding: 1px 2px;
}
#header-new #toolbar input.small {
	width: 68px !important;
}
#header-new form#newsletter {
	margin-left: 80px;
}
#header-new #toolbar .contactLink {
	margin: 0 8px 0 0;
	padding-left: 15px;
}
img.a_venir{
	width: 158px;
	margin-left: -8px !important;
	margin-bottom: -3px !ie;
	margin-top: 9px;
	_height:1%;
	_position:relative; /*tric ie6*/
}
/*########################################################
	FOOTER-NEW
########################################################*/
#footer-new {
	padding-top: 30px;
	overflow: hidden;
	text-align: center;
	clear: both;
}
#footer-new li {
	display: inline;
	font-size: 90%;
}
#footer-new a {
	line-height: 33px;
	padding: 0 8px 0 4px;
	text-decoration: none;
}
#footer-new li.last a {
	background: none !important;
}
#footer-new .footerbis {
	line-height: 25px;
	position: relative;
	z-index: 10;
	zoom: 1;
}
#footer-new .footerbis li a {
	line-height: 25px;
}

/*--------------------- #links --------------------- */
#footer-new #links {
	padding-top: 50px;
	padding-bottom: 2px;
	margin-top: -50px;
	position: relative;
	z-index: 1;
	zoom: 1;
}

/*--------------------- #logos --------------------- */
#footer-new #logos {
	margin: 10px 0 5px 0;
}


/*########################################################
	NAVIG
########################################################*/
#navig {
	background-image: none !important;
	overflow: visible;
	min-height: 37px;
	_height: 37px;
}
#navig ul {
	font-weight: bold;
	text-align: center;
}

/*--------------------- #nav --------------------- */
#nav {
	padding-right: 3px;
	min-height: 37px;
	_height: 37px;
	
}
#nav li {
	display: block;
	float: left;
	min-height: 37px;
	_height: 37px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	width: auto;
	z-index: 20;
}
#nav li.last {
	float: none;
	overflow: hidden;
	_position: relative;
	_left: -3px;
	_margin-right: -3px;
}
#nav li a {
	display: block;
	padding: 11px 30px;
	text-decoration: none;
	margin: 0;
	min-width: 82px;
	_width: 82px;
	text-align: center;
	white-space: nowrap;
}
#nav li.first a {
	min-width: 89px;
	_width: 89px;
}

/*--------------------- #nav ul (menu deroulant) --------------------- */
#nav ul {
	width: auto;
	display: none;
	position: absolute;
	left: 0;
	top: 37px;
	z-index: 99;
	border: 1px solid;
	background: #ffffff;
}
#nav li:hover ul, #nav li.sfhover ul {
	display: block;
}
#nav ul li, #nav ul li.first, #nav ul li.last {
	width: 142px;
	float: none;
	text-align: left;
	height: auto;
	position: static;
	margin-right: 0;
	min-height: 1px;
}
#nav ul li a {
	display: block;
	width: 132px !important;
	text-align: left;
	padding: 7px 0 7px 10px;
	margin: 0;
}
#nav li.selected li a {
	background: none;
}

/*########################################################
	CONTENT
########################################################*/
#content {
	overflow: visible;
	_height: 1%;
}
.bloc {
	border: 1px solid;
	padding: 3px;
}
.nav_gauche_univers .bloc, .nav_droite_blocs .bloc {
	overflow: auto;
	_height: 1%;
}
.bloc h2, .bloc h3, .bloc h4 {
	margin-top: 3px;
	padding: 2px 4px;
	font-size: 110%;
	text-align: left;
}

.bloc h2 {
	font-size: 105%;
}
/*--------------------- div.nav_gauche_univers --------------------- */
.nav_gauche_univers {
	display: block;
	float: left;
	width: 148px;
	padding: 0 0 0 1px;
	margin-right: 18px;
	_margin-right: 15px;
}
.nav_gauche_univers .bloc {
	margin-bottom: 20px;
	padding: 0 3px 3px 3px !important;
}
.nav_gauche_univers .bloc ul {
	display: block;
}
.nav_gauche_univers .bloc img {
	display: block;
	margin: 3px auto 0 auto;
}

.nav_gauche_univers .votrePochette {
	overflow: visible;
	border: none;
	margin-top: -7px;
	text-align: center;
	margin-right: 0px !ie;
	margin-bottom: 60px;
	margin-bottom: 0px !ie;
}

.nav_gauche_univers .votrePochette img {
	float: left;
	position: relative;
	margin-left: -30px;
}

.nav_gauche_univers .votrePochette #textePochette {
	position: relative;
	top: 35px;
	margin-left: 15px;
	_height: 1%;
	z-index: 10;
	top: 37px !ie;
	
}

.nav_gauche_univers .nosServices h2 span {
	font-size: 12px;
}

.nav_gauche_univers .tousLesSpectacles h3 {
	display: none;
}
.nav_gauche_univers .bloc ul li {
	padding: 0 0 3px 15px;
	display: block;
	line-height: 15px;
	margin: 0;
}
.nav_gauche_univers .evenement, .nav_gauche_univers .printAtHome, .nav_gauche_univers .promoSorties, .nav_droite_blocs .evenement {
	text-align: center;
}
.nav_gauche_univers .evenement div, .nav_gauche_univers .printAtHome div , .nav_gauche_univers .promoSorties div, .nav_droite_blocs .evenement div {
	font-size: 110%;
}

/*--------------------- div.nav_droite_blocs --------------------- */
.nav_droite_blocs {
	display: block;
	float: right;
	width: 151px;
	padding: 18px 0px 0 0;
	margin-left: 19px;
	_margin-left: 13px;
	position:relative;
}
.nav_droite_blocs .newsletter {
	padding: 0 3px 3px 3px !important;
}
.nav_droite_blocs .newsletter div {
	display: block;
	padding: 4px;
}
.nav_droite_blocs .bloc {
	margin-bottom: 8px;
}
.nav_droite_blocs .bloc img {
	display: block;
	margin: 0 auto;
}

/*--------------------- div.contenu_principal --------------------- */
.contenu_principal {
	padding: 18px 0 0 0;
	overflow: auto;
	_height: 1%;
}
.contenu_principal h4, .contenu_principal div.titre {
	font-weight: bold;
	font-size: 160%;
	margin-bottom: 15px;
	clear: both;
}

.contenu_principal h1 {
	font-weight: bold;
	font-size: 160%;
	margin-bottom: 15px;
}
.contenu_principal .description h1.titre{
	margin-bottom: 5px;
}
/*--------------------- div#enPartenariat --------------------- */
#enPartenariat{
	float: left;
	width: 100px;
	text-align: right;
}
#enPartenariat span{
	display: block;
}

/*--------------------- div.contenu_header --------------------- */
.contenu_header {
	overflow: hidden;
	clear: both;
}
.contenu_header #breadcrumb {
	display: block;
	float: left;
}
.contenu_header #breadcrumb li {
	display: inline;
	padding: 0 8px 0 4px;
}
.contenu_header #breadcrumb li.last {
	background: none;
}
.contenu_header #breadcrumb li a {
	display: inline;
	font-size: 90%;
	text-decoration: none; 
}
.contenu_header #toolBox {
	display: block;
	float: right;
}
.contenu_header #toolBox li {
	display: block;
	float: left;
	margin-left: 8px;
}
.contenu_header #toolBox a#toolMail img, .contenu_header #toolBox a#toolPrint img {
	margin: 5px 0;
}


/*--------------------- div.contenu_page --------------------- */
.contenu_page {
	width: 100%;
	overflow: hidden;
	position: relative;	
}
.contenu_principal .marquee {
	padding: 4px;
	font-size: 110%;
	margin-bottom: 10px;
	height: 16px;
}
.contenu_page #espace_perso{
	margin-bottom: 4px;
}
/*--------------------- #a_la_une --------------------- */
#a_la_une #bloc0, #bloc1, #bloc2 {
	padding: 0 3px 3px 3px;
}
#a_la_une #bloc0.carrousel object{
	margin-top: 3px;
	margin-left: 1px;
}
#a_la_une #bloc0.carrousel{
	float: right;
	padding-right: 0;
}
#a_la_une .bloc {
	float: left;
	margin: 0 13px 0 0;
	overflow: hidden;
}
#a_la_une .carrousel .bloc{
	margin: 0;
	clear: both;
	margin-top: 3px !ie;
}
#a_la_une.accroches{
	height: 220px;
}
#a_la_une.accroches .bloc{
	height:185px;
	margin:0 19px 0 0;
	overflow:hidden;
	width:196px;
}
#a_la_une.accroches .bloc.last{
	margin-right: 3px;
	float: right;
}
#a_la_une.accroches div.titre{
	background-color: #0C3471;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 5px;
	font-weight: bold;
}
#a_la_une.accroches .last div.titre{
	background-color: #4992CF;
}
#a_la_une.accroches .first div.titre{
	background-color: #D70008;
}

.mea {
	overflow: auto;
	overflow-y: hidden;
	_height: 1%;
	margin-bottom: 20px;
	clear: both;
}
#nuagetags, #fblikebloc {
	overflow: auto;
	overflow-y: hidden;
	_height: 1%;
	margin-bottom: 20px;
}
#a_la_une #accroche0 {
	float: left;
	padding-bottom: 0;
}
#a_la_une div#accroche1{
	margin-right: 0px;
	padding-bottom: 0;
}


/*--------------------- #meilleures_ventes & #tarif_reduit --------------------- */
#meilleures_ventes, #tarif_reduit, #flux_actualites {
	padding: 0;
	border: 0;
}
#meilleures_ventes h3, #tarif_reduit h3, #flux_actualites h3 {
	padding: 3px;
	border: 1px solid;
}
#meilleures_ventes .MEAmoyen, #tarif_reduit .MEAmoyen {
	padding: 4px 7px;
	border: 1px solid;
	border-top: 0;
	height: 150px;
}
#flux_actualites .MEAmoyen{
	border-bottom: 0;
	border-top: 0;
	height: 110px;
}

#meilleures_ventes h3 span, #tarif_reduit h3 span, #flux_actualites h3 span {
	display: block;
	padding:6px 4px;
}
#meilleures_ventes, #tarif_reduit, #flux_actualites {
	float: left;
	width: 48%;
}
#tarif_reduit {
	float: right;
}
#flux_actualites div.actusList{
	clear: both;
	max-height: 412px;
	_height: 412px;
	overflow-y: scroll;
}
.contenu_principal .actualitesListe h4 {
	clear:none;
}
#flux_actualites h3{
	border-bottom: 0px;
}
#flux_actualites div.bouton{
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	height: 28px;
	text-align: center;
}
img.titreBloc{
	clear: both;
	margin-left: 0px;
	margin-bottom: -3px !ie;
}
/*
#widget img.titreBloc{
	margin-left: -2px;
}
*/
#a_la_une img.titreBloc{
	margin-left: -6px !important;
	float: left;
	margin-left: -6px;
}

#widget div.titre, #nuagetags div.titre {
	margin-bottom: 0px;
}

#nuagetags ul{
	height: 241px;
	overflow: hidden;
	text-align: justify;
	padding: 2px;
	line-height: 22px;
}
#nuagetags img.titreBloc{
	margin-left: -2px;
}

div.actualitesListe {
	clear: both;
}

div.actualitesListe h2{
	margin-bottom: 20px;
}
div.actualitesListe a.consulter{
	float: right;
}
div.actualitesListe .MEAmoyen{
	clear: both;
	height: 130px;
}

#actualite_page a.illustration{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

#actualite_page a.voir_concert{
	float: right;
}
#actualite_page a.retour_aux_news{
	float: left;
}

div.actualitesListe .MEAmoyen .droite {
	margin-left : 110px;
}
/*--------------------- div.MEAmoyen --------------------- */
.MEAmoyen {
	padding: 4px;
}
.MEAmoyen div.droite {
	margin-left: 70px;
}
.MEAmoyen a img.illustration {
	clear: none;
	float: left;
	margin: 3px 10px 0 0;
}
.MEAmoyen span.titre {
	font-weight: bold;
	display: block;
	margin-top: 4px;
}
.MEAmoyen span.ville {
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}
.MEAmoyen span.date {
	font-weight: normal;
	display: block;
}
.MEAmoyen div.prix {
	font-weight: bold;
	display: block;
	margin: 6px 0;
}
.MEAmoyen span.deb {
	font-size: 60%;
	font-weight: normal;
	margin-right: 4px;
}
.MEAmoyen img.picto {
	margin-right: 4px;
}
.MEAmoyen div.plusInfos {
	margin-bottom: 5px;
	height: 26px;
}
.MEAmoyen div.plusInfos a {
	display: block;
	float: left;
	width: 89px;
	height: 26px;
	overflow: hidden;
}
#a_la_une .MEAmoyen div.plusInfos {
	float: right;
}
/*--------------------- div.ficheManif --------------------- */
div.ficheManif, div.ficheArtiste{
	clear: both;
	margin-top: 10px;
}

.membertexte{
	display: block;
	clear: both;
}

.toolsOnglet{
	float: right;
	width: 56px;
	clear: both;
}
.toolsOnglet img{
	clear: none;
	float: left;
}
.toolsOnglet ul{
	width: 47px;
	clear: none;
	
	float: right;
	padding: 0;
	margin: 0;
	margin-top: 2px;
	border-top: 1px solid #C2CFDE;
	border-right: 1px solid #C2CFDE;
	border-left: 1px solid #C2CFDE;
	height: 24px;
}
.toolsOnglet ul li{
	float: right;
	margin-left: 4px;
	margin-right: 4px !important;
	margin-right: 2px !ie;
	margin-top: 5px;
}
/*--------------------- petite vidéo --------------------- */
#minivideo {
	padding-left: 28px;
	margin-top: 20px;
}
#minivideo div{
	float: left;
}
#minivideo a.button{
	float: left;
	margin-left: 18px;
}
#minivideo div img{
	height: 96px;
}
	
/*--------------------- div#diaporama --------------------- */
#diaporama {
	float: left;
	width: 217px;
	text-align: center;
}
#diaporama .copyright {
	display: block;
}

/*--------------------- div#information --------------------- */
#information, #salle_prix {
	width: 436px;
	float: right;
	overflow: hidden;
}
#salle_prix {
	margin-bottom: 12px;	
}
.tableContainer .description, #information .description, p.ficheManifThemes a.rechercheGenre {
	font-weight: bold;
}
#information .description p {
	margin-bottom: 15px;
}
#information .description p.descriptif {
	margin-bottom: 0px;
}
#information .description p.printAtHome{
	margin-top: 15px;
	margin-bottom: 0px;
}
#information .description .infoGenerales{
	width: 260px;
	float: left;
	margin-bottom: 10px;
}
#information .prix {
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
	overflow:hidden;
}
#information .prix{
	clear: both;
	margin-bottom: 0;
}
#information .prix div{
	margin-bottom: 0;
	font-size: 1.4em;
	float: left;
	width: 200px;
	clear: both;
}
#information .prix div.reservez{
	float: right;
	width: 146px;
	margin-top: 2px;
	margin-right: -2px;
	clear: none;
}
#information .printAtHome{
	float: right;
}
/*--------------------- #information .tabs --------------------- */
#information .tabs {
	font-weight: normal;
	border: 1px solid;
	margin-bottom: 15px;
	clear: both;
	margin-top: 0;
	padding-top: 0;
}
#information .tabs .tabsHead {
	margin: 0;
	padding: 15px 15px 0 15px;
	overflow: auto;
	_height: 1%;
}
#information .tabs .tabsHead  li {
	display: block;
	float: left;
	margin-right: 20px;
}
#information .tabs .tabsHead li a {
	font-weight: bold;
	font-size: 125%;
	text-decoration: underline;
}
#information .tabs .tabsHead li.selected a {
	text-decoration: none;
}
#information .tabs .tabsHead li a:hover {
	text-decoration: none;
}
#information .tabs .tabsContainer{
	margin: 0;
	padding: 15px;
	border-top: none;
	max-height: 420px;
	overflow-y: auto;
	overflow-x: hidden;
}
* html div#information .tabs .tabsContainer { 
   height: expression( this.scrollHeight > 402 ? "420px" : this.scrollHeight+17 ); /* sets max-height for IE */
}

#information #video.tabs .tabsContainer{
	_padding: 2px;
}
#information .tabs .tabsContainer .description{
	margin: 0;
	padding: 0;
}

#information .tabs p {
	margin-bottom: 8px;
}

/*--------------------- .tableHeader --------------------- */
.tableHeader {
	font-weight: normal;
	height:auto;
	overflow: auto;
	border-bottom:0px !important;
	clear: both;
}
.tableHeader h5, .descriptionPaiement h5 {
	margin: 0;
	font-weight : bold;
	font-size: 100%;
	padding: 7px 15px 0 15px;
	margin: 0;
	overflow: auto;
	_height: 1%;
}
.variousContent {
	margin: 0;
	padding: 7px 15px 0 15px;
	overflow: auto;
	_height: 1%;
}
p.indicationsCategorie {
	padding: 0px 15px 0 15px;
}
.variousContent p a {
	text-decoration: underline;
	font-weight: normal;
}
.comboTri {
	float: left;
	margin: 0;
	margin-left: 100px;
	margin-left: 50px !ie;
	width: 400px;
	font-weight : bold;
	clear: both;
	/* overflow: auto; */
	_height: 1%;
}
.comboTri p {
	margin-top: 6px;
	font-weight: normal;
}
.comboTri label {
}

.comboTri #adresseProximite, .trier select {
	border: 1px solid;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	padding: 1px;
}
.pagination {
	float: right;
	position: relative;
	padding: 7px 15px 0 15px;
}
.pagination img {
	vertical-align:middle;
}
.pagination span {
	font-weight:bold;
}
.actualiteArtiste{
	clear: both;
	text-align: right;
	margin: 15px 15px 0 15px;
	padding-bottom: 4px;
}
.affinerRecherche {
	clear: both;
	text-align: center;
	font-size: 12px;
	margin-top: 0px;
}
.affinerRecherche a {
	padding-left: 10px;
	font-weight:bold;
	text-decoration:underline;
}
.tableContainer {
	height: auto;
}
.tableContainer table {
	font-size: 100%;
}
#tableauDesCategories .tableContainer table {
	border: 1px solid #C2CFDE;
}
.tableContainer thead td {
	font-weight: bold;
}
.tableContainer table td {
	border-bottom : 1px solid;
	padding: 5px;
}
.tableContainer table td.last{
	border-bottom: none;
}
.tableContainer .typeTarif{
	text-align: center;
	vertical-align: center;
}
.tableContainer .typeTarif .picto {
	float: left;
	padding: 0px 15px 0px 0px;
	text-align: center;
	vertical-align: top;
}
.tableContainer .categorie {
	text-align: center;
}
.tableContainer .prix {
	font-weight: bold;
	text-align: right;
	margin-bottom: 30px;
	text-align: right;
}


.imageContainer .fiche{
	float: left;
	width: 130px;
	text-align: center;
	height: 190px;
	margin-left: 30px;
	margin-left: 15px !ie;
	overflow:hidden;
	padding:0;
}
.imageContainer .ligne{
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 190px;
	border-bottom: 1px solid #BAC8D9;
}

.imageContainer div.last{
	border-bottom: none;
}
.imageContainer .fiche a{
	display: block;
	clear: both;
}
.imageContainer .fiche a.description{
	background-color:#F0F5F9;
	width: 130px;
	height: 190px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.imageContainer .fiche a.titre{
	margin-top: 2px;
	font-size: 12px;
	font-weight: bold;
}
.imageContainer .fiche a.titre span.ville {
	margin-top: 2px;
	font-size: 10px;
}
.selectViewResultat{
	cursor: pointer;
}
#imageSwitch{
	display: block;
	width: 83px;
	height: 38px;
}
.lignes{
	background-image: url("/images/picto/Picto-liste.jpg");
}

.mosaique{
	background-image: url("/images/picto/Picto-mosaique.jpg");
}

.mosaique:hover{
	background-image: url("/images/picto/Picto-mosaique-passage.jpg");
}

.lignes:hover{
	background-image: url("/images/picto/Picto-liste-passage.jpg");
}
.prix p {
	font-size: 200%;
	white-space: nowrap;
	margin-bottom: 4px;
}
.prix p img {
	vertical-align: middle;
	margin-right: 2px;
}
.prix p.promotion {
	font-size: 100%;
	margin-bottom: 10px;
}
.prix .deb {
	font-size: 60%;
	font-weight: normal;
	margin-right: 4px;
}
.tableContainer p.lieu {
	font-weight:bold;
	font-size:110%;
}
.tableContainer p.titre {
	font-weight: bold;
	font-size: 150%;
}
.tableContainer p.descriptif {
	font-weight:bold;
}
.tableContainer p.synopsis {
	font-weight:normal;
}
.tableContainer .paiement p.mode {
	font-weight: bold;
}
.tableContainer .paiement ul {
	margin-left: 50px;
}
.tableContainer .paiement ul li {
	display: block;
	float: left;
	display : table-cell !important;
	width: 180px;
	text-align: center;
	font-weight: bold;
}
.tableContainer .paiement ul li a {
	text-decoration: underline;
	font-weight: normal;
}
.tableFooter {
	background-color : #F5F9FB;
	border : 1px solid;
	border-top: 0px;
	overflow: auto;
	_height: 1%;
}
.tableFooter .pagination {
	font-weight: bold;
	margin-top: 0px;
	padding: 15px;
}

/*--------------------- .tableQuery --------------------- */
.tableQuery {
	margin-bottom: 10px;
}

/*--------------------- div#artistes--------------------- */
#artistes {
	font-weight: normal;
	border: 1px solid;
	padding: 0;
	margin-bottom: 15px;
	overflow: auto;
	_height: 1%;
	clear: both;
}
#artistes h4, #artistes span.titre {
	display: block;
	margin: 0;
	font-size: 125%;
	/*padding: 15px 15px 0 15px;*/
	margin: 3px 3px 0 3px;
	padding: 4px;
	font-weight: bold;
}
#artistes ul {
	/*padding: 15px;*/
	margin: 0 3px 3px 3px;
	padding: 10px 6px;
	overflow: auto;
	_height: 1%;
}
#artistes ul li {
	display: block;
	float: left;
	width: 33%;
}
#artistes ul li a {
	padding-left: 10px;
}

.message {
	font-weight: bold;
	margin: 10px 0px;
}
div.message.submit{
	float: right;
}
div#infoPAH{
	clear: both;
}
div#erreurMessage{
	clear: both;
}
/*--------------------- div#actusalle--------------------- */
#actusalle {
	font-weight: normal;
	border: 1px solid;
	padding: 0;
	margin-bottom: 15px;
	clear: both;
}
#actusalle h4 {
	margin: 0;
	font-size: 125%;
	margin: 3px 3px 0 3px;
	padding: 4px;
}
#actusalle ul {
	margin: 0 3px 3px 3px;
	padding: 10px 6px;
	overflow: auto;
	_height: 1%;
}
#actusalle ul li {
	display: block;
	float: left;
	width: 20%;
	height: 85px;
}
#actusalle ul li a {
	padding-left: 10px;
	text-decoration: none;
}

#actusalle p.titre {
	font-weight: bold;
}

/*-------------------div#imagePlanSalle----------------------*/
#imagePlanSalle{
	margin-bottom: 20px;
	text-align: right;
	clear: both;
}
#imagePlanSalle img.planSalle{
	max-width: 440px;
	/* hack pour ie 6 */ 
	/*_width: expression(document.getElementById("planSalle").clientWidth > 302 ? "300px" : "auto");*/
	_width: 300px;
}
/*--------------------- div#calendrier --------------------- */
#calendrier {
	padding: 0px;
	clear: both;
}
#entetecalendrier {
	padding: 0px;
}
#calendrier ul#calMois {
	overflow: hidden;
	margin: 0;
	height: 25px;
	padding-top: 10px;
}
#calendrier ul#calMois li {
	display: block;
	float: left;
	width: 10%;
	margin: 0;
	padding: 0;
	height: 25px;
}
#calendrier ul#calMois li a {
	display: block;
}
#calendrier ul#calMois li span {
	display: block;
	font-weight: bold;
	font-size: 140%;
	text-align: center;
	height: 19px;
	border-style: solid;
	border-width: 1px;
	border-left-width: 0px;
	padding: 2px 0;
	cursor: pointer;
}
#calendrier ul#calMois li.first span {
	border-left-width: 1px;
}

#calendrier ul#calMois li.selected span {
	height: 30px;
	border-bottom:0;
	border-left-width: 1px;
	position: relative;
	top:-10px;
	cursor: default;
}

#calendrier ul#calMois li.last{
	border-left-width: 1px;
	width: 9%;
}


/*
#calendrier ul#calMois li a {
	text-decoration: none;
}
#calendrier ul#calMois li a:hover {
	text-decoration: none;
}
#calendrier ul#calMois li.selected a {
	text-decoration: none;
}
*/
#tarifcalendrier{
	border-right: 1px solid;
	border-left: 1px solid;
	height: 55px;
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0px;
}
#tarifcalendrier div{
	display: block;
	float: left;
	width: 15%;
	margin:2%;
	text-align:center;
	font-weight: bold;
}
#tarifcalendrier div.tarif{
	border: 1px solid;
}

#datacalendrier {
	clear: both;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	padding: 15px;
}
#calendrier table#calJour {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
#calendrier table#calJour td.calendrierJour {
	border: none;
}
#calendrier table#calJour a.calendrierSeance {
	display: block;
	font-weight: bold;
	margin: 2px 15px;
	padding: 2px 4px;
	text-decoration: none;
	border: 1px solid;
	text-decoration: none;
	display: block;
}
#calendrier .choixSeance {
	font-weight: bold;
}

/*--------------------- .bcal (refonte du calendrier) --------------------- */
.bcal {
	padding: 0px;
	clear: both;
}
.bcal .entete {
	padding: 0px;
}
.bcal ul.calMois {
	overflow: hidden;
	margin: 0;
	height: 25px;
	padding-top: 10px;
}
.bcal ul.calMois li {
	display: block;
	float: left;
	width: 10%;
	margin: 0;
	padding: 0;
	height: 25px;
}
.bcal ul.calMois li a {
	display: block;
}
.bcal ul.calMois li span {
	display: block;
	font-weight: bold;
	font-size: 140%;
	text-align: center;
	height: 19px;
	border-style: solid;
	border-width: 1px;
	border-left-width: 0px;
	padding: 2px 0;
	cursor: pointer;
}
.bcal ul.calMois li.first span {
	border-left-width: 1px;
}

.bcal ul.calMois li.selected span {
	height: 30px;
	border-bottom:0;
	border-left-width: 1px;
	position: relative;
	top:-10px;
	cursor: default;
}

.bcal ul.calMois li.last{
	border-left-width: 1px;
	width: 9%;
}

.tarifcalendrier{
	border-right: 1px solid;
	border-left: 1px solid;
	height: 55px;
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0px;
}
.tarifcalendrier div{
	display: block;
	float: left;
	width: 15%;
	margin:2%;
	text-align:center;
	font-weight: bold;
}
.tarifcalendrier div.tarif{
	border: 1px solid;
}

.datacalendrier {
	clear: both;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	padding: 15px;
}
.bcal table.calJour {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.bcal table.calJour td.calendrierJour {
	border: none;
}
.bcal table.calJour td.calendrierSeance {
	height: 14px;
}
.bcal table.calJour a.calendrierSeance {
	display: block;
	font-weight: bold;
	margin: 2px 15px;
	padding: 2px 4px;
	text-decoration: none;
	border: 1px solid;
	text-decoration: none;
	display: block;
}
.bcal .choixSeance {
	font-weight: bold;
}

/*--------------------- div.tunnel--------------------- */
.tunnel {
	border: 1px solid;
	overflow: auto;
	_height: 1%;
}
.tunnel #steps {
	border-bottom: 1px solid;
}
.tunnel #steps ul {
	width: 750px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	overflow: auto;
	_height: 1%;
}
.tunnel #steps ul li {
	display: block;
	float: left;
	margin-right: 30px;
	padding: 0 0 8px 30px;
	background: left top no-repeat;
	font-weight: bold;
}
.tunnel #steps ul li.selected {
	background-position: left -79px;
}
.tunnel #steps ul li.b_monpanier {
	width: 85px;
}
.tunnel #steps ul li.b_identification {
	width: 95px;
}
.tunnel #steps ul li.b_malivraison {
	width: 110px;
}
.tunnel #steps ul li.b_paiement {
	width: 135px;
}
.tunnel .tunnel_content {
	width: 750px;
	margin: 40px auto 20px auto;
	overflow: auto;
	overflow-x: hidden;
	_overflow: visible;
}
.tunnel .tunnel_content p {
	margin-bottom: 10px;
	margin-right: 2px;
}
.tunnel .tunnel_content table p {
	margin: 0;
}
.tunnel .tunnel_content table {
	width: 100%;
	border: 1px solid;
	border: collapse;
}
.tunnel .tunnel_content table th, .tunnel .tunnel_content table td {
	text-align: center;
	padding: 2px;
}
.tunnel .tunnel_content table td.mode_obtention {
	text-align: left;
}

.tunnel .tunnel_content table th {
	font-weight: bold;
	/*font-size: 70%; */
}
.tunnel .tunnel_content table td {
	vertical-align: top;
	/*font-size:75%; */
}
.tunnel .tunnel_content table td .titre, .tunnel .tunnel_content table td .lieu {
	font-weight: bold;
	font-size: 125%;
	text-transform: uppercase;
}
.tunnel .tunnel_content table td.colArticle a {
	padding-left: 6px;
	text-decoration: underline;
	font-size: 90%;
}
.tunnel .tunnel_content table td.colAjoutSuppr a {
	display: block;
	margin: 6px 0 4px 0;
}
.tunnel .tunnel_content table td.colAnnuler a {
	padding-left: 6px;
	text-decoration: underline;
	font-size: 90%;
}
.tunnel .tunnel_content table td.colActions {
	padding: 10px 5px 0 5px;
	margin-bottom: 6px;
}
.tunnel .tunnel_content table td.colActions p {
	margin-bottom: 10px;
	text-align: right;
}
.tunnel .tunnel_content table td.colActions p strong {
	font-size: 120%;
	margin-left: 20px;
}
.tunnel .tunnel_content table td.colActions a {
	display: block;
	float: left;
}
.tunnel .tunnel_content table td.colActions p a {
	display: inline;
	float: none;
}

#changeAdresseForm{
	margin-left: 20px;
	margin-top: 6px;
	margin-bottom: 30px;
}

#changeAdresseForm p label{
	width: 220px
}


/*--------------------- form --------------------- */
.column2 {
	float: left;
	width: 50%;
	clear:none !important;
}

.column3{
	float: left;
	width: 35%;
	clear:none !important;
}

.column4 {
	float: left;
	width: 24%;
	clear:none !important;
}
.column4_small{
	float: left;
	width: 18%;
	clear:none !important;	
}
.column4_large{
	float: left;
	width: 30%;
	clear:none !important;	
}
.rechercheDetaillee {
					/*border: 1px solid #C2CFDE;*/
	padding: 15px;
}
.contenu_principal form input, .contenu_principal form select {
	/*font-size: 95%; */
	vertical-align: middle;
}
.contenu_principal form input.text {
	width: 14em;
}
.contenu_principal form p {
	margin-bottom: 8px;
	_height: 1%;
	clear: both;
	min-height:1%;	
}
.contenu_principal form p label {
	display: block;
	float: left;
	font-weight: bold;
	width: 120px;
	margin-top: 2px;
}
.contenu_principal form .checkbox label {
	display: inline;
	float: none;
	font-weight: bold;
}
.contenu_principal form .date label {
	width: 80px;
}
.contenu_principal form .checkbox input {
	margin-right: 20px;
}
.contenu_principal form img {
	vertical-align: middle;
}
.contenu_principal form span.legend {
	font-weight: bold;
}
.contenu_principal p.submit {
	text-align: right;
	margin: 6px 0 10px 0;
}
.contenu_principal div.submit {
	text-align: right;
}

.contenu_principal .autreSpectacle{
	float: left;
	margin:10px 0;
}

/* --------------- page de recherche de guichet ----------------- */
#guichets {
	border-style: solid;
	border-width: 4px 1px 1px;
	display: block;
	padding: 10px 10px 10px;
	vertical-align:top;
	overflow: auto; /* firefox & ie7 applique le clear jusqu'à  ce qu'ils rencontrent un parent avec un contexte de formatage bloc, l'overflow permet de le créer */
	_height: 1%; /* ie6 gère nativement le clear sur le parent seulement mais se trompe sur le dimensionnement du content, ce hack corrige le bug */	
}
#guichets h2{
	margin-bottom: 10px;
}
#guichets .membertexte{
	display: block;
	float: left;
	width: 400px;
	/*font-size: 12px; */
	margin-bottom: 30px;
}
#guichets select{
	float: right;
	width: auto;
}
#guichets_resultats{
	clear: both;
}
#guichets_resultats .nbreRetrait{
	display: block;
	border-bottom: 1px solid;
	font-weight: bold;
	padding-left: 12px;
}
#guichets_resultats .boutons_actions{
	margin-bottom: 10px;
	margin-top: 6px;
}
#guichets_resultats .boutons_actions span{
	vertical-align: top;
}
#guichets_resultats .magasins img{
	display: block;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}
#guichets_resultats .magasins p{
	display: block;
	margin-left: 46px;
}
#guichets_resultats .magasins h2{
	line-height: normal;
	font-size: 1em;
	margin: 0;
}
#guichets_resultats .magasins .small{
	color: #898989;
}
#guichets_resultats .magasins {
	padding-bottom: 10px;
	overflow: auto;
	_height: 1%;
}
#guichets_resultats .magasins .magasinsColonne {
	float: left;
	width: 49.9%;
}
div#rechercheGuichets form p label {
	width: auto;
	margin-right: 5px;
}

div#googlemap div#map_canvas {
	width: 100%;
	height: 400px;
}

.retour_btn{
	clear: both;
	float: right;
}

/* Style pour la page contactez nous*/
.contenu_principal .contactez_nous form p label {
	width: 140px;
}
.contenu_principal .contactez_nous form div{
	width: 49%;
}
.contenu_principal .contactez_nous{
	/*font-size: 1.1em; */
}
.contenu_principal .contactez_nous p{
	margin-bottom: 12px;
}
.contenu_principal .contactez_nous form p{
	overflow: hidden;
}
.contenu_principal .contactez_nous form p select, .contenu_principal.contactez_nous form p textarea{
	width: 300px;
}
.contenu_principal .contactez_nous form p textarea {
	height: 122px;
}

.contenu_principal .contactez_nous span#indication {
	display: block;
	float: right;
	/*font-size: 1.0em;*/
}


/*****************************************************/
.mea .accroches .genre{
	margin-top: 0px;
	margin-bottom: 2px;
	text-align: center;
	display: block;
	height: 16px;
	overflow: hidden;
}
/* Style de la page de recherche thematique */
.mea .accroches{
	float: left;
	margin-right: 28px;
	margin-left: 0px;
	text-align: center;
	width: 130px;
	height: 168px;
	overflow: hidden;
}
.mea .accroches.last{
	margin-right: 0px;
}
.mea .accroches h1{
	font-size: 1em;
	font-weight: normal;
}
#meilleuresVentesTheme,
#nouveautesTheme{
	width: 48%;
	float: left;
}
#nouveautesTheme{
	width: 48%;
	float: right;	
}
.mea .genre{
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #0C3471;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
}
#meilleuresVentesTheme ul, #nouveautesTheme ul {
	min-height: 200px;
}
#meilleuresVentesTheme a.toutes, #nouveautesTheme a.toutes {
	display: block;
	float: right;
	margin-right: 10px;
}
#meilleuresVentesTheme ul li,
#nouveautesTheme ul li{
	padding: 4px;
	border-bottom: solid 1px;
}
#meilleuresVentesTheme ul li span.choixLettre,
#nouveautesTheme ul li span.choixLettre{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 120%;
}
/*-----------------------------------------------------------
	Un pavé de recherche ou de text, entouré d'un cadre bleu
------------------------------------------------------------*/
.pave{
	clear: both;
	border: 1px solid;
	margin-bottom: 10px;
	overflow: auto; /* firefox & ie7 applique le clear jusqu'à  ce qu'ils rencontrent un parent avec un contexte de formatage bloc, l'overflow permet de le créer */
	_height: 1%; /* ie6 gère nativement le clear sur le parent seulement mais se trompe sur le dimensionnement du content, ce hack corrige le bug */
}
.pave .column2{
	float: left;
	width: 46%;
}
/*--------------------- FIN PAVE -------------------*/
#rechercheThematique, #rechercheAbcdaire, #recherceClub, #rechercheTheme {
	clear: both;
	border: 1px solid;
	margin-bottom: 10px;
	overflow: hidden;
	_height: 1%; /* ie6 gère nativement le clear sur le parent seulement mais se trompe sur le dimensionnement du content, ce hack corrige le bug */
	
}
#rechercheThematique div.miniTitre, #rechercheAbcdaire h3, #recherceClub div.miniTitre, #rechercheTheme h3 {
	padding-top: 4px;
	padding-left: 10px;
	/*font-size: 1.1em;*/
	font-weight: bold;
	padding-bottom: 10px;
}

#rechercheThematique form, #rechercheAbcdaire form, #recherceClub form, #rechercheTheme form {
	margin-left: 10px;
	margin-right: 10px;
}
#rechercheThematique form p, #rechercheAbcdaire form p, #recherceClub form p {
	overflow: hidden;
}
.bandeLetter{
	display: block;
	color: #BE1B1E;
	/*font-size: 18px; */
	font-weight: bold;
	padding-left: 20px;
}
#rechercheAbcdaire form p label, #recherceClub form p label{
	width: 200px;
	font-weight: normal;
	font-family: Verdana;
}
#rechercheAbcdaire ul{
	width: 48%;
	float: left;
	margin-top: 5px;
}
#rechercheAbcdaire ul li a{
	margin-left: 20px;
}
#recherceClub .blocClub{
	float: left;
	width: 23%;
	margin-right: 10px;
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
}
#recherceClub .blocClub .logo{
	margin-top: 10px;
	/*font-size: 0.9em; */
}
#recherceClub .blocClub .logoclub{
	float: left;
	margin-left: 10px;
}
#recherceClub{
	padding-bottom: 10px;
}
#rechercheRegionnale{
	clear: both;
	padding-top: 20px;
}
ul.selection{
	width: 48%;
	float: left;
	margin-top: 5px;
}
ul.selection li{
	clear: both;
}
ul.selection li label{
	width: 120px;
	display: block;
	float: left;
}

.rechercheBloc{
	clear:both;
	margin-bottom:10px;
	overflow:auto;
	border:1px solid #C2CFDE;
	border-top: 0;
	margin-top: 20px;
}
.rechercheBloc h3{
	clear: both;
	border-top:4px solid #0C3471;
	color:#0C3471;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:4px;
}
.rechercheBloc form{
	margin-left:10px;
	margin-right:10px;
}
#tarifsReduits{
	clear: both;
}
#tarifsReduits .rechercheBloc{
	margin-top: 0;
} 
#tarifsReduits .titrePage{
	height: 25px;
	background-color: #D70008;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding-top: 8px;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 2px;
}
#tarifsReduits #meamarketing{
	background-color: #F0F5F9;
	border-top: 4px solid #0C3471;
	height: 210px;
}
#tarifsReduits #meamarketing #carrousel li{
	background-color: #FFFFFF;
}

#tarifsReduits div.titre {
	margin-bottom: 0px;
}

.tarifReduitRecherche a#abonsPlans,
.tarifReduitRecherche a#acartePass,
.tarifReduitRecherche a#acarteFid{
	display: block;
	float: left;
	width: 200px;
	color: #FFFFFF;
	height: 25px;
	text-align: center;
	padding-top: 8px;
	font-size: 1.3em;
	font-weight: bold;
}

#cartePass.tableHeader, carteFid.tableHeader{
	border-bottom: 1px solid #C2CFDE !important;
	margin-bottom: 10px;
}
/******* page d'identification ******/
#nouveauClient{
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 100px;
	_margin-left: 50px;
	width: 400px;
}
#dejaClient{
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 250px;
}
#nouveauClient h2,
#dejaClient h2{
	text-transform: uppercase;
	margin-bottom: 10px;
	/*font-size: 150%;*/
}

/******* première page du compte quand on est loguée (moncompte_view)********/
.informationsClient{
	/*
	padding-left: 120px;
	padding-top: 20px;
	padding-right: 30px;
	*/
}
.informationsClient h4{
	clear: both;
}
.informationsClient h4 strong{
	text-transform: uppercase;
}
.informationsClient div{
	display: block;
	float: left;
	width: 30%;
}
.informationsClient label.radio{
	float: none;
	display: inline;
	font-weight: normal;
}
.informationsClient strong{
	font-weight: bold;
}
.informationsClient .submit{
	clear: both;
}
table.recapCommande{
	border-collapse: collapse;
}
table.recapCommande th{
	text-align: left;
	padding-left: 10px;
}
table.recapCommande tr{
	height: 20px;
}
table.recapCommande td{
	padding-left: 10px;
}
table.recapCommande td a{
	text-decoration: underline;
}

/**************** page de modification de compte ***********/
div.informationObligatoire {
	/*float: right;*/
	width: 100%;
	font-size: 120%;
}
span.bienvenue {
	font-size: 160%;
	font-weight: bold;
}
p.explications{
	font-weight: bold;
	margin-top: 6px;
}
#editCompte label {
	width: 220px;
}
#editCompte div.column2 {
	/*
	margin-bottom: 20px;
	*/
}
#editCompte h4{
	margin-top: 20px;
}
#editCompte .inputLarge {
	width: 150px;
}
div#supressionCompte{
	text-align: center;
	height: 80px;
	width: 90%;
	margin: auto;
	margin-top: 6px;
}

#editCompte .radio input, #editCompte .radio label, .radio, #editionAdresse .radio input, #editionAdresse .radio label, #editionInfosPersos .radio input, #editionInfosPersos .radio label {
	float: none;
	display: inline;
}
/**************** POPUP CALENDRIER ***************/
#calPopup table {
	font-size: 100%;
	border-collapse: collapse;
}
#calPopup td.calmonth {

}
#calPopup td.calmonth a, #calPopup td.fonce a {
	display: block;
	border: solid 1px;
	text-decoration:  none;
	text-align: center;
	height: 16px;
}
#calPopup td.fonce a {
	border: solid 1px;
}
#calPopup span.moisCalPopup {
	display: block;
	width: 100px;
	/*font-weight: bold;*/
	height: 18px;
	padding-top: 2px;
}

/********************* PAGE plan du site *******************************/
.planDuSite .bloc{
	float: left;
	width: 30%;
	border: none;
}
.planDuSite .bloc h5{
	background-image: none;
	background-color: none;
	font-weight: bold;
	margin: 0px;
	color: #0C3471;
	font-size: 1.3em;
}

.planDuSite h4{
	padding-top: 10px;
	margin-bottom: 4px;
	clear: both;
	border-bottom: 1px solid #0C3471;
}
.planDuSite ul li{
	list-style: square;
	list-style-position: inside;
	font-size: 1.2em;
}
.planDuSite ul li a {
	color: #000000;
}

#nuagetags, #widget {
	float: right;
	width: 50%;
}

/********************* PAGE mini home region v2 *******************************/
div#listedepartements ul {
	clear: both;
}

div#listedepartements ul li {
	float: left;
}

div#listedepartements ul li.departement {
	min-width: 50px;
	width: 140px;
	height: 35px;
	text-align: center;
}
div#listedepartements.EST ul li.departement {
	width: 110px;
}
div#listedepartements.EST ul li.departement.classe2{
	width: 130px;
}

div#listedepartements ul li.departement div {
	height: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#principalesSalles ul {
	margin-left: 10px;
	margin-right: 10px;
}

div#principalesSalles ul li {
	display: block;
	float: left;
	width: 25%;
	height: 150px;
	margin-top: 14px;
}

div.vide{
	clear: both;
}
#flashcontent{
	clear: both;
	font-size: 14px;
	color: #DC0030;
}
#flashcontent a{
	color: #DC0030;
	font-size: 14px;
	font-weight: bold;
}
div#rechercheThematique div.blocRecherche {
	display: inline;
}

div#rechercheThematique div.blocRecherche, div#rechercheThematique label.labelRecherche {
	position: relative;
	left: -40px;
}

div#rechercheThematique div.blocRecherche img {
	position: relative;
}

.carte div.titre {
	margin-bottom: 0;
}

.carte .bloc{
	padding: 0;
}
/************************** GENERATEUR DE LIENS **********************/
table.geneliens{
	width: 100%;
	padding: 30px;
	border: 1px;
	border-style: solid;
	border-color: black;
}
table.geneliens td{
	width: 70%;
	padding-top:    2px;
	padding-bottom: 2px;
	padding-right: 20px;
	padding-left:  20px;
}
table.geneliens .label{
	text-align: right;
	width: 30%;
}

/***Fix actus infoconcerts fait n'importe quoi***/
.actusList img.illustration {
	width: 100px;
	height: 100px;
}

/*********************** ENVOYER A UN AMI **********************/
div.envoyerAmi {
	float: left;
}

#googlestatsinvisible{
	display: none;
}

/******************* CROSSELLING ********************************/
div#partieGauchePanier {
	width: 758px;
	margin-left: 20px;
	margin-right: 20px;
}

div#crosseling {
	float: right;
	width: 162px;
	margin-right: 20px;
	position: relative;
	top: 32px;
}

div#crosseling img#titre {
	border-right: 1px solid #C2CFDE;
}

div#crosseling ul#crosseling {
	border: 1px solid #C2CFDE;
}

div#crosseling div.fiche {
	width: 120px;
	margin: 0px 10px;
	padding: 0px 10px;
	text-align: center;
	/** border:1px solid #C2CFDE; **/
}

div#crosseling div.fiche div.fiche_description {
	width: 100px;
	margin-left: 10px;
	margin-right: 10px;
}

div#crosseling div.fiche img.fiche_image {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
}

div#crosseling div.fiche div.animate {
	height: 120px;
	/** j'emmerde IE6 **/
	_height: 123px;
	background-color: #F0F5F9;
	
}

div#crosseling div.fiche div.animate a.animate div {
	/**border: 1px solid #C2CFDE;**/
	overflow: hidden;
}

div#crosseling div.fiche h1 {
	font-size: 1.1em;
	text-align: center;
}

/************************ PARTAGER **********************************/
span.partagerlogo {
	margin-left: 1px;
	margin-right: 1px;
}

span.partagerlogo#yahoobuzz {
	margin-left: 4px;
	margin-right: 2px;
	position: relative;
	top: -4px;
}

/********************** Assurance annulation **************************/
div#explicationsAssuranceAnnulation{
	text-align: left;
}

div#explicationsAssuranceAnnulation a{
	display: inline;
}

div#explicationsAssuranceAnnulation a, div#explicationsAssuranceAnnulation input, div#explicationsAssuranceAnnulation span {
	float: none;
}

#crosseling .fiche{
	text-align: center;
}

.titreRegion img{
	margin-left: 4px;
}
#wait{
	clear: both;
}
#wait h4{
	text-align: center;
}
#wait #monpanier{
	margin: 6px;
}
/************************* Glossaire ********************/
#tableGlossaire {
	width : 100%;
}
#tableGlossaire td {
	width : 33p%;
	padding-left : 15x;
}
#glossaireAccueil li {
	list-style-type : disc;
	list-style-position: outside;
	margin-left: 17px;
	}
#menuAlphabet {
	width : 100%;
	font-weight: bold;
	}
/************************* Fiche salle ******************/

* html div#agendaList { 
   height: expression( this.scrollHeight > 402 ? "420px" : this.scrollHeight+17 ); /* sets max-height for IE */
}
#information.ficheSalle .tabs{
	border-color: #C2CFDE;
}
#agenda h4{
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 10px;
}
#agenda .pagination{
	margin-bottom: 3px;
	padding-top: 0;
}
.manifAgenda .bloc{
	margin:0;
	float: none;
	border: none;
}	
.contenu_principal .ficheManif #agenda h4, #information.ficheSalle .description h4 {
	color:#0C3471;
}
div#information.ficheSalle {
	width: 49%;
}

#descriptionTabs.description {
	display:block;
	padding:10px;
}

.contenu_principal .ficheManif  h4 {
	color:#D7030B; 
}
	
/**************fiche disponibilite google map */
.map_fiche_salle {
	width: 600px;
	height: 430px;
	clear: both;
}

#tableauDesCategories{
	clear: both;
}
/***************** fiche artiste *************/
.ficheArtiste #diaporama {
 	margin-bottom: -65px;
}

.ficheArtiste .border, .ficheSalle .border{
	margin-bottom: -4px;
	border-top: 4px solid #0C3471;
}
.encartTitre{
	overflow: hidden;
	_height: 1%;
	margin: 0 auto;
}
.encartTitre h1{
	color: #D7030B;
	font-size: 25px;
	float: left;
	text-transform: uppercase;
}
.encartOnglets{
	clear: both;
	overflow: hidden;
	_height: 1%;
	margin-top: 10px;
}
ul.onglets{
	text-align: center;
	margin-left: 200px;
}
ul.onglets li{
	display: inline-block;
	float: left;
	margin-left: 10px;
	cursor: pointer;
	text-align: center;
}
ul.onglets li.actif h2{
	background-color:#0C3471;
}
ul.onglets li div.nomOnglet{
	clear: both;
}
ul.onglets li img.picto{
	width: 48px;
	margin: auto;
}
ul.onglets li img.corner{
	float: left;
}
ul.onglets li h2{
	color: #FFFFFF;
	background-color:#869DB9;
	padding: 1px 8px 1px 2px;
	_padding-bottom: 0px;
	float: left;
	font-weight: normal;
	height: 20px;
	font-size: 18px;
}
ul.onglets .contenu {
	display: none;
}

#contenuArtiste{
	clear: both;
}
.ficheArtiste .aucuneDate{
	margin-left: 10px;
	font-size: 14px;
	_height: 1%;
}

#biographie, #actus, #descriptif{
	background: url("/images/picto/bord-gauche.gif") repeat-y left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#biographie, #descriptif{
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
	padding-top: 16px;
	_height: 1%;
}
#biographie p, #descriptif p{
	text-indent: 30px;
	margin-bottom: 8px;
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
}
.ficheArtiste #carte, .ficheSalle #acces{
	background: url("/images/picto/bord-gauche.gif") repeat-y left;
	padding-top: 4px;
	padding-left: 5px;
	_height: 1%;
}
table.listeManifestation{
	clear: both;
	width: 98%;
	margin-left:2%;
	border-spacing: 0;
}
table.listeManifestation td{
	border-bottom: 1px solid #C2CFDE;
	padding-top: 3px;
	padding-bottom: 3px;
}
table.listeManifestation .last td{
	border-bottom: 0px;
}
table.listeManifestation td.description h1.titre{
	font-size: 14px;
	margin-bottom: 0px;
}
table.listeManifestation td .date{
	color: #D7030B;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
table.listeManifestation td.prix {
	font-weight:bold;
	margin-bottom:30px;
	text-align:right;
}

#enteteTableau, #piedTableau{
	clear: both;
	padding: 6px 10px;
	font-size: 14px;
	font-weight: bold;
	background: url("/images/picto/bord-gauche.gif") repeat-y left;
	_height: 1%;
}
#enteteTableau{
	padding-top: 16px;
}
#piedTableau{
	height: 45px;
}
#enteteTableau .nbResultats{
	float: left;
	margin-bottom: 10px;
}
#enteteTableau .nbResultatsRecherche{
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 4px;	
}
#enteteTableau .nbResultatsRecherche .motRecherche{
	color: #D7030B;
	font-weight: normal;
}

#enteteTableau .selectViewResultat{
	float: left;
	margin-bottom: 2px;
}
#enteteTableau .pagination{
	padding: 0;
}
#enteteTableau form, #enteteTableau div.trier{
	clear: both;
	text-align: center;
}
#enteteTableau div.trier{
	height: 36px;
	margin-bottom: 0;
	margin-top: 6px;
	vertical-align: middle;
}
#enteteTableau div.trier .tri{
	float: left;
	margin-left: 30px;
}
#enteteTableau div.trier .tri, #enteteTableau div.trier .pagination{
	margin-top: 14px;
}
#enteteTableau div.trier .pagination{
	float: right;
	width: 159px; /* bug snn quand plus de 100 pages de resultats */
	clear: none;
}
.grandOmbre{
	margin-left: 1px;
}
.infoWidget{
	vertical-align: middle;
	height: 52px;
	padding-left: 10px;
	margin-top: 10px;
	float: right;
}
.infoWidget a{
	display: block;
	float: left;
}
.infoWidget a.text{
	margin-top: 20px;
	font-size: 16px;
	width: 80%;
}

/***************** fiche salle *************/
.titreSalle{
	width: 230px;
	margin-top: 10px;
	float: left;
	text-align: center;
	font-size: 12px;
	color:#5F7998;
	font-weight: bold;
	clear: both;
	margin-bottom: -30px;
}
.titreSalle h1{
	color: #D7030B;
	margin-bottom: 2px;
	text-align: center;
}
.titreSalle p{
	width: 50%;
	margin-left: 30%;
	margin-right: 15% !ie;
	text-align: left;
}

.ficheArtiste div.like{
	width: 400px;
	overflow: hidden;
	margin-top: 15px;
	*margin-top: 7px;
}

.ficheSalle div.like{
	float: right;
	width: 400px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 25px;
}
.ficheSalle #agenda{
	background: url("/images/picto/bord-gauche.gif") repeat-y left;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	_height: 1%;
}

.section{
	margin-bottom: 10px;
	width: 650px;
	overflow: hidden;
}
.section h2{
	border-bottom: 1px solid #ABABAB;
	margin-bottom: 8px;
	margin-top: 16px;
	margin-left: 1%;
	font-weight: bold;
	padding: 0;
	font-size: 18px;
}
.section .carouselProduit{
	clear: both;
}
.section .produit{
	width: 152px;
	text-align: center;
	float: left;
	margin-bottom: 6px;
}
.section h1{
	font-size: 12px;
	margin-bottom: 0;
}
.section .jcarousel-next-horizontal {
    position: absolute;
    top: 40%;
    right: 0px;
    width: 27px;
    height: 45px;
    cursor: pointer;
    background: transparent url(/images/caroussel/BTN-Droit-etat-normal.gif) no-repeat 0 0;
}
.section .jcarousel-next-horizontal:hover{
	background: transparent url(/images/caroussel/BTN-Droit-etat-survol.gif) no-repeat 0 0;
}
.section .jcarousel-prev-horizontal {
    position: absolute;
    top: 40%;
    left: 0px;
    width: 27px;
    height: 45px;
    cursor: pointer;
    background: transparent url(/images/caroussel/BTN-Gauche-etat-normal.gif) no-repeat 0 0;
}
.section .jcarousel-prev-horizontal:hover {
    background: transparent url(/images/caroussel/BTN-Gauche-etat-survol.gif) no-repeat 0 0;
}
.section .jcarousel-list li{
	height: auto;
}

.section .jcarousel-container{
	text-align: center;
}
.section .jcarousel-clip{
	width: 90%;
	margin: auto;
	text-align: left;
}
#agenda .noButton .jcarousel-prev-horizontal,
#agenda .noButton .jcarousel-next-horizontal{
	background-image: none;
}

div.like{
	margin-top: 8px;
}
.ficheManif div.like{
	clear: both;
	height: 60px;
	margin-top: 20px;
}

form#crea {
	clear: both;
}

#viewCompte label {
	display: block;
	float: left;
}

#viewCompte span.adresse {
	float: left;
}

#viewCompte #dialog-modal {
	display: none;
}
	
	#viewCompte fieldset p.data, #dialog-modal p.data {
	float: left;
	clear: both;
	margin-top: 10px;
	margin-left: 10px;
	width: 100%;
}

#viewCompte fieldset p {
	margin-left: 10px;
	clear: both;
}

#viewCompte div label, #dialog-modal label {
	width: 250px;
	display: block;
	float: left;
}

#viewCompte div label.xl {
	width: 350px;
}

div.barreSoulignante {
	 border-top: 1px solid #C2CFDE;
	 width: 100%;
	 margin-bottom: 10px;
}

.informationsClient div.xl {
	width: 48%;
}

.informationsClient div.xxl {
	width: 75%;
}

.informationsClient div#infosPersos {
	width: 100%;
}

.informationsClient div#editionInfosPersos {
	margin-top: 10px;
}

#viewCompte .errorMessage {
	margin-left: 10px;
}

img.warning {
	position: relative;
	top: 10px;
}

div.demandemdp, div.remerciement {
	width: 100%;
	padding-left: 10px;
}
#cartePassForm p {
	margin-left: 10px;
}
#cartePassForm label{
	width: 280px;
}

#carteFidForm p {
	margin-left: 10px;
}
#carteFidForm label{
	width: 280px;
}

.publicidees {
	display: none;
}

.fb_iframe_widget {
	margin-bottom: 8px;
}
div.fbConnectWidgetTopmost{
	border-color: #C2CFDE;
}

/********************** Facebook ***************************/
div.fblike {
	width: 149px;
	margin-bottom: 8px;
	overflow: hidden !ie;
}

div.fblike .titlefb {
	height: 20px;
}

div.fblike .titlefb img {
	float: left;
	position: relative;
	top: -5px;
	left: 3px;
	margin-bottom: -8px !ie;
}

div.fblike .titlefb span {
	float: right;
	margin-right: 8px;
}

div.fblike .blocfb {
	margin-top: 8px;
}

div.fblike .blocfb .carrefour {
	margin-left: 5px;
}

div.fblike .lienfb {
	margin-left: 10px;
}

div.fblike .blocfb .likebutton {
	margin-top: 5px;
	margin-left: 28px;
}

div.fblike .blocfb .likebutton #likeFB{
	height:25px;
	width:95px;
	overflow:hidden;
}

body.home #content, body.home .struct {
	overflow: visible;
}

/********************** nouvelle page de recherche *********************/
#resultats .entete{
	font-size: 16px;
	margin-top: 20px;
	border-bottom: 1px solid #C2CFDE;
	color: #C03;
	clear: both;
}

#resultats li{
	font-size: 12px;
	margin-left: 4px;
	margin-top: 6px;
	list-style-position: inside;
	list-style-type: disc;
}

#resultats li .lieu{
	font-size: 10px;
	color: #565656;
}
#resultats #resultatsAristes li,
#resultats #resultatsSalles li	{
	float: left;
	width: 30%;
	overflow: hidden;
}

#resultats .visuel{
	float: left;
	margin-right: 10px;
}
#resultats #resultatManifestations li{
	clear: both;
	list-style-type: none;
}

/********************** alertes internautes *********************/

div.alerteInternaute {
	margin-bottom: 15px;
}

div#alerteSalle, div#alerteArtistes {
	clear: both;
}

.alerteTitre, .alertePicto, .alerteListe {
	float: left;
}

.alerteTitre {
	width: 75px;
	line-height: 45px;
	vertical-align: middle;
}

.alertePicto {
	margin-left: 10px;
	margin-right: 10px;
}

.alerteDescriptionCenter .alertePicto {
	margin-left: 0px;
}
	
.alerteListe {
	width: 66%;
}

.alerteListe ul {
	height: 42px;
	overflow: auto;
	width: 338px;
}

.alerteListe ul li {
	float: left;
	width: 50%;
}

.alerteListe ul li a {
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}

#alerteBandeRouge, #alerteBandeRougeSalle {
	clear: both;
	text-align: center;
}

#alerteBandeRougeSalle {
	margin-top: 10px;
	margin-bottom: 10px;
}

#alerteFlecheRouge {
	float: left;
	padding: 0;
	margin: 0;
}


#alerteFlecheRouge, .alerteTexte {
	padding-left: 20px;
}

.alerteTexte {
	padding-right: 20px;
	clear: both;
}

#alertePopupListe {
	padding-left: 7px;
	clear: both;
}

#fieldsetAlertesInternauteMonCompte {
	margin-top: 10px;
}

div.divEmailAlerte {
	text-align: center;
}

.inputEmailAlerte, .imgEmailAlerte {
	vertical-align: middle;
}

.alerteartiste .alertePicto, .alerteartiste .nomArtiste {
	float: left;
}

.alerteartiste .nomArtiste {
	margin-top: 14px;
}

.ui-dialog .centre {
	margin-left: 10px;
	margin-right: 10px;
}

.ui-widget-content .alerteartiste a.alerteGo {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}