/* ----- general ----- */

body {
	margin:0;
	padding:0;
	background: #3c61ae url(../imgs/bg.gif) repeat-x top;
	font: normal 13px "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size-adjust: 0.53;
    color: #fffafa;
}

strong {font-weight:bold}
.underline {text-decoration: underline}

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

a:hover, active {
	color: #f1ab00;
}

.titre_spectacle {
	font-style: italic;
}

.lien_photos {
	line-height: 30px;
}

ul {
	list-style: circle;
}

li {
	margin-bottom: 14px;
}

.spacer {
	clear: both;}


#pich {
	position: relative;
	top: -364px;
	left: -28px;
}

#equipe {
	position: relative;
	top: -60px;
	left: -80px;
}

tt {
    color: #fff;
    font-size: 1em;
}

/* ----- logo ----- */

#logo a {
	display:block;
	margin:18px 0px 0px 20px;
	padding:0;
	background:transparent url(../imgs/logo_pich2.gif) no-repeat;
	width:174px;
	height:115px;
	}
	
#logo_balles a {
	display:block;
	margin:18px 0px 0px 20px;
	padding:0;
	background:transparent url(../imgs/logo_pich1.gif) no-repeat;
	width:174px;
	height:115px;
	}

#logo_batons a {
	display:block;
	margin:18px 0px 0px 20px;
	padding:0;
	background:transparent url(../imgs/logo_pich3.gif) no-repeat;
	width:174px;
	height:115px;
	}

#logo_anneaux a {
	display:block;
	margin:18px 0px 0px 20px;
	padding:0;
	background:transparent url(../imgs/logo_pich4.gif) no-repeat;
	width:174px;
	height:115px;
	}

#logo a span, #logo_balles a span, #logo_batons a span, #logo_anneaux a span, h1, h2 {
	display: none;
	}
/* ----- menu ----- */

#menu dl,#menu dt,#menu dd,#menu ul,#menu li {
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
	z-index:5000;
}
#menu dt {
	font-weight:600;
	}
#menu dd {
	background:#3B4284;
	border-top:1px solid #211759;
	border-bottom:1px solid #333366;
	}
#nav {
	position:relative;
	margin-left:37px;
	width: 154px;
	z-index:3000;
	}

#menu {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	font-size:100%;
	z-index:5000;
	}
#menu li {
	display:block;
	padding:3px 0px 6px 22px;
	border-bottom:1px solid #30366B;
	}

#menu dt a {
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
	line-height:2.5em;
	}
#menu a:hover, active {
	color:#ffcc66;
	}
#menu li a {
	color: #f2d65e;
	font-size:75%;
	}
#menu li a:hover, active {
	color:#f1ab00;
	}

#lien_equipe_bg {
	display:block;
	background: transparent url(../imgs/lien_equipe.gif) no-repeat bottom 
	left;
	width:100%;
	height:30px;
	}
#lien_manip_bg {
	display:block;
	background: transparent url(../imgs/lien_manip.gif) no-repeat bottom 
	left;
	width:100%;
	height:30px;
	}
#lien_spectacles_bg {
	display:block;
	background: transparent url(../imgs/lien_spectacles.gif) no-repeat; 
	width:100%;
	height:30px;
	}

#lien_agenda_bg {
	display:block;
	background: transparent url(../imgs/lien_agenda.gif) no-repeat ;
	bottom left;
	width:100%;
	height:30px;
	}

#menu dt a span {
	margin-left:22px;
	}
	
#listeinfos {
	height:30px;
	padding-top:10px;
	}

#menu #listeinfos a {
	font-size:90%;
	font-weight:normal;
	color:#f2d677;
	}

#menu #listeinfos a:hover, active {
	color:#f1ab00;
	}

#lien_infos {
	display:block;
	background: transparent url(../imgs/lien_infos.gif) no-repeat ;
	bottom left;
	width:100%;
	height:30px;
	padding-top:5px;
	}

/* ----- contact ----- */

#contact {
	width: 174px;
	position:relative;
	z-index:4000;
}
#contact a {
	display: block;
	background: transparent url(../imgs/contact1.gif) no-repeat;
	width: 100%;
	height: 89px;
}
#contact a:hover, active {
	background: transparent url(../imgs/contact1.gif) no-repeat 0px -89px;
}
#contact p {
	display: none;
}
#contact span {
	display: none;
}

/* ----- main ----- */
#container {
position:absolute;
top:0;
left:0;
}

p {
	margin: 0px 0px 14px 0px;
	padding:0;
}

#main, #main_manipgraphique {
	position:absolute;
	/*top:-130px;
	left:180px;*/
	top:3px;
	left:217px;
	padding:  26px 0px 0px 16px;
	width: 440px;
}

#main_manipgraphique p {
	margin-bottom:2px; 
}
#main_equipe {
	overflow: auto;
	width: 486px;
	height: 310px;
}

#main_photos {
	overflow: auto;
	width: 440px;
}

#padding {
	padding: 6px 30px 80px 0px;
}

#titre_spectacles {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 142px;
	height: 25px;
	position: relative;
	font-size: 1px;
}
#titre_spectacles span {
	background: transparent url(../imgs/titre_spectacles.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_agenda {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 90px;
	height: 25px;
	position: relative;
	font-size: 1px;
}
#titre_agenda span {
	background: transparent url(../imgs/titre_agenda.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_tspd {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 215px;
	height: 20px;
	position: relative;
	font-size: 1px;
}
#titre_tspd span {
	background: transparent url(../imgs/titre_tspd.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_lcdp {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 170px;
	height: 20px;
	position: relative;
	font-size: 1px;
}
#titre_lcdp span {
	background: transparent url(../imgs/titre_lcdp.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_perf {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 450px;
	height: 20px;
	position: relative;
	font-size: 1px;
}
#titre_perf span {
	background: transparent url(../imgs/titre_perf.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_pb {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 132px;
	height: 20px;
	position: relative;
	font-size: 1px;
}
#titre_pb span {
	background: transparent url(../imgs/titre_pb.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#titre_cp {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 248px;
	height: 25px;
	position: relative;
	font-size: 1px;
}
#titre_cp span {
	background: transparent url(../imgs/titre_cp.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_manipgraphique {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 225px;
	height: 25px;
	position: relative;
	font-size: 1px;
}
#titre_manipgraphique span {
	background: transparent url(../imgs/titre_manip-graphiques.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_manip {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 340px;
	height: 20px;
	position: relative;
	font-size: 1px;
}
#titre_manip span {
	background: transparent url(../imgs/titre_manip.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_thematiques {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 494px;
	height: 20px;
	position: relative;
	font-size: 1px;
}
#titre_thematiques span {
	background: transparent url(../imgs/titre_thematiques.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_infos {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 163px;
	height: 25px;
	position: relative;
	font-size: 1px;
}
#titre_infos span {
	background: transparent url(../imgs/titre_infos.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_equipe {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 436px;
	height: 25px;
	position: relative;
	font-size: 1px;
}
#titre_equipe span {
	background: transparent url(../imgs/titre_equipe2.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#titre_photos {
	margin: 0px 0px 20px -12px;
	padding:0;
	width: 160px;
	height: 25px;
	position: relative;
	font-size: 1px;
}
#titre_photos span {
	background: transparent url(../imgs/titre_photos.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

h4 {
	margin:0;
	padding: 10px 0px 5px 0px;
	font-size: 14px;
}

h5 {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
}

/* ----- encart_video ----- */

.titre_video {
	margin:0;
	padding: 4px 10px 8px 10px;
	background: transparent url(../imgs/titre_video.gif) no-repeat top left;
	width: 440px;
}

#encart_video {
	margin-top: 30px;
}
#encart_video_pb {
	z-index: 6000;
	margin-top: 30px;
	position:relative;
}

.videos {
  width: 440px;
	margin: -4px 0px 20px 0px;
	padding: 8px 0px 10px 0px;
	background: transparent url(../imgs/encart_video.gif) no-repeat bottom;
}

.videos p {
	padding: 0px 10px 0px 26px;
}

.videos span {
	font-size: 12px;
	padding: 0px 0px 30px 0px;
}

/* ----- fiche technique ----- */

#fiche {
	margin: 0px 0px 30px 0px;
	padding: 8px 20px 14px 26px;
	background: transparent url(../imgs/bg_fiche.gif);
	border: solid #4e6aab 1px;
	position:relative;
    z-index:1;
}

#fiche_perf {
	width: 440px;
	height: 385px;
  	margin: 0px 0px 30px 0px;
	background: transparent url(../imgs/ecran.jpg) no-repeat;
	border: solid #4e6aab 1px;
	position:relative;
}

#fiche_perf_pad {
	padding: 8px 20px 14px 26px;
	position:relative;
	z-index:7000;
}

#visuel_goldo {
	background: transparent url(../imgs/goldo.gif) top right no-repeat;
	position:absolute;
	top:-26px;
	left:0;
	z-index:6000;
	width:480px;
	height:68px;
}
#visuel_lcdp {
	background: transparent url(../imgs/lcdp.gif) no-repeat;
	position:relative;
	margin:-180px 0 20px -85px;
	z-index:6000;
	width:580px;
	height:505px;
}
#visuel_tspd {
	background: transparent url(../imgs/robot.gif) top left no-repeat;
	position:absolute;
	top:-72px;
	left:-338px;
	z-index:6000;
	width:363px;
	height:324px;
}
#visuel_projecteur {
	background: transparent url(../imgs/projo.gif) top left no-repeat;
	position:absolute;
	top: -60px;
	left: -274px;
	width: 274px;
	height: 124px;
}
#visuel_pich {
	background: transparent url(../imgs/pich_levitation.gif) bottom left no-repeat;
	position:absolute;
	top: 170px;
	left: -255px;
	width: 350px;
	height: 257px;
}
#visuel_grille_pb {
	background: transparent url(../imgs/grille_pointbarre.png) top right no-repeat;
	position:absolute;
	top:300px;
	left:-217px;
	z-index:0;
	width:531px;
	height:653px;
}
#visuel_pb {
	background: transparent url(../imgs/pich_pointbarre.png) top right no-repeat;
	position:absolute;
	top:272px;
	left:-217px;
	z-index:1;
	width:494px;
	height:681px;
}

/* ----- album photos ----- */

.image_g {
	margin:auto;
}

.photo img:hover, active {
	border: #f1ab00 solid 2px;
	padding: 8px;
}

.photo {
	display: block;
	text-align: center;
}
	
.photo img {
	background-color: #fff;
	border: #fff solid 10px;
}

.photo_nav {
	margin: 0px 0px 20px 10px;
}

.data {
	display:block;
	text-align: right;
	margin: 10px auto 20px auto;
	background:  transparent url(../imgs/encart_video.gif) no-repeat bottom;
	font-size: 80%;
	padding: 10px;
}

.data span {
	display: block;
	text-align: left;
	padding: 10px 0px 0px 0px;
}

.thumbnail {
	float: left;
	width: 88px;
	height: 88px;
	background: transparent url(../imgs/vignette.gif) no-repeat bottom;
	text-align: center;
	margin: 8px;
}
.thumbnail2 {
	float: left;
	width: 88px;
	height: 98px;
	text-align: center;
	margin: 2px 8px 8px 8px;
}

.thumbnail img {
	border: #fff solid 2px;
	margin: 7px;
}

.thumbnail img:hover, active {
	border: #f2d65e solid 2px;
}
.thumbnail2 img  {
	border: #fff solid 2px;
	margin-top: 2px;
}
.thumbnail2 img:hover, active {
	border: #f2d65e solid 2px;
}
.rubrique {
	margin:1em 0 0 0;
}
.rubrique p {
	margin:0.5em 0 0 0;
}

#copyright_photo {
	margin: 0px auto 30px auto;
	font-size: 80%;
	padding: 0px 10px 0px 10px;
}	

/* ----- footer ----- */


address {
	font-size:9px;
	font-style:normal;
}

#copy {
	font-size:10px;
}
/*address {
	position: absolute;
  	top: 1%;
  	right: 1%;
	width: 20px;
	height: 159px;
	background: no-repeat url(../imgs/copyright.gif) top right;
}
#copyright {
	position:relative;
	margin:22px 0px 0px 6px;
	width: 159px;
	height: 20px;
	background: no-repeat url(../imgs/copyright_h.gif) top right;
}
#copyright_equipe {
	position:relative;
	margin:-52px 0px 0px 6px;
	width: 159px;
	height: 20px;
	background: no-repeat url(../imgs/copyright_h.gif) top right;
}
#zone1 {
	position: absolute;
	width: 20px;
	height: 84px;
}

#zone2 {
	position: absolute;
	margin-top: 84px;
	width: 20px;
	height: 69px;
}

#zone1_h {
	position: absolute;
	margin-left: 74px;
	width: 84px;
	height: 20px;
}

#zone2_h {
	position: absolute;
	width: 69px;
	height: 20px;
}

address span {
	display: none;
}*/

#copyright {
	position:relative;
	margin:-18px 0px 0px 6px;
	background: no-repeat none;
}

#copyright_pb {
	position:relative;
	margin:-10px 0px 0px 230px;
	background: no-repeat none;
}

#copyright_equipe2 {
	position:relative;
	margin:-56px 0px 0px 0px;
	background: no-repeat none;
}
.spectacle {
	position:relative;
	width:440px;
	margin: 0px 0px 26px 0px;	
	height:auto;
}
.zipcode, .country {
	font-size: 0.9em;
}
.external_link, .nom_spectacle2 {
	margin-left:0px;
	margin-right:6px;
}
.salle {
	padding-top:12px;
}
.country {
	font-style:italic;
}
.country, .zipcode, .city {
	color:#F7E399;
}
.table_spectacle {
	font-size: 13px;
	width:440px;
	text-align: left;	
}
.table_spectacle em {
	display:block;
	font-size: 11px;
	margin: 4px 0px 6px 0px;
	height:auto;	
}
.spectacle em {
	display:block;
	font-size: 11px;
	margin: 4px 0px 6px 0px;
	height:auto;
}
.date {
	font-size:13px;
}
.nom_spectacle, .nom_spectacle2 {
	font-weight: bold;
}
.border {
	position:relative;
	clear:both;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dashed #F2D65E ;
}
#pagination {
	margin-top:-6px;
	text-align: right;
	font-size: 80%;
}
.line2  {
	margin: 6px 0px 2px 0px;
}

#corner {
		background: no-repeat url(../imgs/corner.png) top right;
		width:117px;
		height:113px;
		position:absolute;
		top:0;
		right:0;
}
.small {
	font-size:10px
}