@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}
a:link {color: #FFF;}
a:visited {color: #FFF;}
a:focus {color: #000;}
a:hover {color: #000;}
a:active {color: #000;}


body {
background: #0D0D0D url(../img/com/bg-body2.jpg) center -71px no-repeat;
color: #000;
font: normal normal 0.8125em Arial, Helvetica, sans-serif;
}
body#contact {background: #E00075 url(../img/com/bg-body-contact.gif) center -74px no-repeat;}
body#pro {background: #0D0D0D url(../img/com/bg-body-pro.gif) center -74px no-repeat;}
h3 { font-size:14px;}
hr {
margin: 0;
width: 340px;
}
img {border: none;}

p {margin: 10px 0;}

.cache,
h1 span,
h2 span,
h3 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
#bloc {
background: transparent;
color: #000;
height: 285px;
left: 10px;
overflow: hidden;
position: absolute;
top: 100px;
width: 950px;
z-index: 3;
}
	body#zenith.presentation #bloc,
	body#zenith.partenaire #bloc,
	body#service.prestation #bloc {color: #FFF;}
	
	body#zenith.partenaire #bloc {margin-left: 10px;}
	
#blocDroite {
background: transparent;
color: #FFF;
height: 300px;
left: 480px;
overflow: hidden;
padding: 0 10px 0 0;
position: absolute;
top: 30px;
width: 485px;
z-index: 3;
}
	
	body#archive #blocDroite {top: 80px;}
	body#prog #blocDroite.news {top: 80px;}
	
	body#infos.reservation #blocDroite,
	body#pro #blocDroite,
	body#infos.reglement #blocDroite,
	body#zenith #blocDroite {
	color: #000;
	top: 70px;
	}
	body#infos #blocDroite {top: 70px;}
	
		body#pro.salle #blocGauche a {text-decoration: none;}
	
		body#pro #blocDroite a:link,
		body#pro.salle #blocGauche a:link {color: #000;}
		
		body#pro #blocDroite a:visited,
		body#pro.salle #blocGauche a:visited {color: #000;}
		
		body#pro #blocDroite a:focus,
		body#pro.salle #blocGauche a:focus {color: #000;}
		
		body#pro #blocDroite a:hover,
		body#pro.salle #blocGauche a:hover {color: #000;}
		
		body#pro #blocDroite a:active,
		body#pro.salle #blocGauche a:active {color: #000;}
		
		body#pro.salle #blocGauche a:hover {text-decoration: underline;}
	
	#blocDroite h3 {
	font-size: 26px;
	text-align: right;
	}
	#blocDroite ul {
	padding: 0 0 0 30px;
	}
	#blocDroite #description {
	width: 485px;
	}
	#blocDroite #description p {
	font-size: 11px;
	margin: 0 0 1em 0;
	}
#blocGauche {
background: transparent;
color: #000;
height: 295px;
left: 80px;
overflow: hidden;
position: absolute;
top: 100px;
width: 367px;
z-index: 3;
}
	body#infos #blocGauche,
	body#pro #blocGauche,
	body#zenith #blocGauche {
	left: 10px;
/*	width: 457px;*/
	}
	body#infos.liens #blocGauche,
	body#infos.salle #blocGauche,
	body#infos.acces #blocGauche,
	body#infos.reservation #blocGauche,
	body#pro.salle #blocGauche,
	body#zenith.equipe #blocGauche {
	width: 430px;
	}	
		body#infos.liens #blocGauche #wn1,
		body#infos.salle #blocGauche #wn1,
		body#infos.reservation #blocGauche #wn1,
		body#zenith.equipe #blocGauche #wn1 {
		width: 430px;
		}
		body#infos #blocGauche p {
		margin-right: 24px;
		}
#blocInfo {
background: #525252;
border: 1px solid #E0115C;
border-width: 0 1px;
height: 42px;
left: 675px;
position: absolute;
top: 345px;
width: 75px;
z-index: 3;
}
	#blocInfo p { text-align: center;}
#blocInfo2 {
position: relative;
}
#blocReservation {
background: #525252;
color: #FFF;
height: 62px;
left: 480px;
position: absolute;
top: 335px;
width: 185px;
z-index: 3;
}
	#blocReservation h3,
	#blocReservation2 h3 {
	background: #E0115C;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
	}
	#blocReservation2 h3 {
	background: none;
	}
	#blocReservation p,
	#blocReservation2 p {
	margin-top: 10px;
	}
#blocReservation2 {
background: #525252;
height: 62px;
position: absolute;
right: 22px;
top: 335px;
width: 205px;
z-index: 3;
}
	#blocReservation2 a { text-decoration: none;}
	
#bulle-ce {
bottom: 45px;
left: 650px;
}
#bulle-pmr {
bottom: 50px;
left: 630px;
}
#bulle-pmr a {
color: #000;
}
.bulle {
position: absolute;
text-align: center;
visibility: hidden;
z-index: 10;
}

#contenu {
background: transparent url(../img/com/bg-contenu.gif) left bottom no-repeat;
font-size: 11px;
height: 400px;
position: absolute;
top: 185px;
width: 990px;
z-index: 2;
}
	body#infos.reglement #contenu,
	body#infos.salle #contenu,
	body#infos.reservation #contenu,
	body#infos.acces #contenu
	body#zenith.equipe #contenu,
	body#pro #contenu {background: transparent url(../img/com/bg-contenu-blanc-d.gif) left bottom no-repeat;}
	
	body#zenith.batiment #contenu, 
	body#zenith.partenaire #contenu, 
	body#zenith.presentation #contenu {background: transparent url(../img/com/bg-contenu-batiment.gif) left bottom no-repeat;}
	
	body#service.prestation #contenu, body#service.hall #contenu {background: transparent url(../img/com/bg-contenu-service.gif) left bottom no-repeat;}
	/*body#service.hall #contenu {background: transparent url(../img/com/bg-contenu-service-hall.gif) left 10px no-repeat;}*/
	
	body#contact #contenu {background: transparent url(../img/com/bg-contenu-contact.gif) left bottom no-repeat;}
	
#date {
font-size: 14px;
font-weight: bold;
text-align: right;
}
#flash {background: transparent;}
#footer {
text-align: center;
}
	#footer a {text-decoration: none;}
	#footer a:link {color: #FFF;}
	#footer a:visited {color: #FFF;}
	#footer a:focus {color: #FFF;}
	#footer a:hover {color: #FFF; text-decoration: underline;}
	#footer a:active {color: #FFF;}
	#footer a:hover {
	
	}
#formPlanSalle td input {
border: 1px solid #FFF;
width: 20px;
}
#formPlanSalle table { margin: 0;}
#formPlanSalle td { padding: 0 3px;}
#genre { 
font-size: 11px;
margin-bottom: 0.7em;
}
#global {
border: none;
height: 590px;
margin: 10px auto 0 auto;
position: relative;
width: 990px;
}
#lienBatiment {
/*background: transparent url(../img/com/puce-lien-batiment.gif) left center no-repeat;*/
color: #FFF;
font-size: 20px;
font-weight: bold;
margin: 100px 0 0 315px;
padding: 0;
text-decoration: none;

}
#logoZenith {
left: 490px;
position: absolute;
top: 15px;
}
#marqueePrestation {
font-size: 14px;
font-weight: bold;
padding-top: 130px;
}
#pictoReservation {
position: absolute;
left: 365px;
top: 300px;
z-index: 5;
}
#type {
border-bottom: 1px solid #FFF;
font-size: 13px;
font-weight: bold;
line-height: 10px;
margin: 10px 0 0 320px;
text-align: right;
text-transform: uppercase;
}
/* Services
-----------------------------------*/
body#service.prestation #bloc {color: #000;}
#service {color: #000;}
#service h3 {
color: #FFF;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size: 22px;
text-transform: uppercase;
}
a.b-entrez {
	background: transparent url(../img/fr/b-entrez.gif) left top no-repeat;
	display: block;
	height: 32px;
	left: 386px;
	position: absolute;
	text-indent: -10000px;
	top: 516px;
	width: 100px;
	z-index: 3;
	}
	a.b-entrez:hover {background: transparent url(../img/fr/b-entrez.gif) left -32px no-repeat;}
.b-form {
background: #E96A9E;
border: 1px solid #FFF;
color: #FFF;
cursor: pointer;
}
.blocArtiste {
margin-top: 7px;
font-size: 11px;
}
.blocArtiste a {
text-decoration: none;
}

	.blocArtiste a:link {color: #000;}
	.blocArtiste a:visited {color: #000;}
	.blocArtiste a:focus {color: #000;}
	.blocArtiste a:hover {color: #000; text-decoration: underline;}
	.blocArtiste a:active {color: #000;}

.blocArtiste img.imgArtiste {
border:5px solid #000;
float: left;
height: 55px;
width: 55px;
}
.blocArtiste a:hover img.imgArtiste,
.blocArtiste a#lighted img.imgArtiste {
border:5px solid #E0115C;
}
.blocArtiste div {
background: transparent;
float: left;
margin: -5px 0 0 8px;
width: 290px;
}
.blocArtiste p {margin: 0;}
.blocArtiste p.artiste {
font: bold 1.1em Arial, Helvetica, sans-serif;
}
.blocArtiste span {
background: #E0115C;
color: #FFF;
padding: 0 2px;
}
.artisteInfo {
background: transparent url(../img/com/puce-plus.gif) left center no-repeat;
padding: 0 0 0 15px;
}
.border-b {
border-bottom: 1px solid #333;
}
.center { text-align: center;}
.infobulle {
position: absolute;   
visibility : hidden;
padding: 5px;
font-weight: bold;
z-index: 5;
}
	.infobulle #test {
	font-size: 14px;
	text-align: center;
	}
.listePartenaire td {padding: 4px;}
.newsTxt {text-align: justify;}
.departement {
background: #999;
padding: 2px 4px;
}
.rose {color: #E0115C;}
.rouge {color: #993300;}
.separateur {
clear: both;
height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
/* Navigation
----------------------------------*/
#bg-nav {
position: absolute;
top: 3px;/*188px*/
width: 990px;
z-index: 3;
}
#nav {
background: transparent;
font-size: 11px;
position: absolute;
top: 190px;
z-index: 4;
}
#nav ul {
background: transparent url(../img/com/transparent.gif);
float: left;
font-weight: bold;
line-height: 1;
list-style: none;
margin: 0 0 1em 0;
/*opacity:.90;
filter: alpha(opacity=90);
-moz-opacity: 0.9;*/
}
#nav a {
	display: block;
	width: auto;
	color: #FFF;
	text-decoration: none;
	margin-right: 5px;
	text-decoration: none;
	margin: 0 0 2px 0;
}
	#nav a:hover {color: #000;}
	#nav a:hover span {color: #FFF;}
#nav li {
	background: #E0115C;
	float: left;
	list-style: none;
	margin: 45px 2px 0 2px;
	padding: 0;
	width: auto;
}
body#contact #nav li {
	background: #E96A9E;
}
body#pro #nav li {
	background: #FABB00;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 6.7em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}
#nav li#nav-services ul, #nav li#nav-services ul a {
		width: 10em;

}
#nav li li {
	background: #CCC;
	float: none;
	margin: 2px 0;
	padding: 3px 0;
}
body#pro #nav li li {background: #FCD476;}

body#contact #nav li li {background: #CCC;}
#nav li ul a {
color: #FFF;
text-decoration: none;
margin-right: 5px;
padding-left: 2px;
width: 6.7em;
}
#nav li ul a:hover,
#prog.m10 li#m1 a,
#prog.m11 li#m2 a,
#prog.m12 li#m3 a,
#prog.m10 li#m4 a,
#prog.m11 li#m5 a,
#prog.m12 li#m6 a,
#prog.m10 li#m7 a,
#prog.m11 li#m8 a,
#prog.m12 li#m9 a,
#prog.m10 li#m10 a,
#prog.m11 li#m11 a,
#prog.m12 li#m12 a,
#prog.mYear li#mYear a {color: #000;}

#nav li ul ul {
	margin: -1.75em 0 0 6.9em;
}
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul,
#prog #nav li#nav-programmation ul {
	left: auto;
}
#nav li.sfhover {
	background: #E0115C;
	color: #000;
}
#nav li li.sfhover {
	background: #CCC;
	color: #000;
}
/**/
#nav2 {
bottom: 0;
left: 5px;
position: absolute;
text-align: center;
}
#planSite {
border-collapse: separate;
border-spacing: 10px;
}
#planSite td {
padding: 5px;
vertical-align: top;
}
#planSite ul {list-style-type:none;}
/* Formulaire de contact
--------------------------------------------------*/
#formContact {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0 auto;
padding: 0;
width: 100%;
}
#formContact em {color: #F00;}
#formContact fieldset {
	background: none;
	border: none;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}
#formContact label {
	color: #000;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 30%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact legend {
	background: none;
	color: #000;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}
#formContact input#cv,
#formContact input#nom,
#formContact input#prenom,
#formContact input#telephone,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#cp,
#formContact input#ville {
width: 60%;
}

#formContact textarea {
margin: 0.2em;
width: 60%;
}
#formContact p {margin: 5px 0;}
/* Retour formulaire 
---------------------------------------------*/
#msgRetourForm {
margin: 15% 5%;
}
#msgRetourForm p {
margin: 0 0 10px 0;
padding: 0;
}
#traiteur {
background:#FFF;
font-size: 14px;
padding: 1.5em;
}
	#traiteur a {color: #000;}
	#traiteur h4 {font-size: 18px;}
	#traiteur h5 {font-size: 16px;}
/*Cool DHTML tooltip script II
--------------------------------------------*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 170px;
border: 3px solid #E0115C;
padding: 2px;
background-color: #E0115C;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#colorPlace {
	position:absolute;
	height:8px;
	width:8px;
	background-color:#e0115c;
	border:none;
}
/* CFWindow 
-----------------------------------------------*/
.x-dlg .x-dlg-hd-left {background-color:#e00075; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#e00075; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#e00075; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #6d0d0b; border-right:3px solid #e00075; border-left:3px solid #e00075;}

.x-dlg-mask {
	opacity:0.8; 
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	background-color: #000;
}