/* ### PRINT stylesheet ###*/



/* ###################### SOMMAIRE ###### */
/* $1. Balises de base */
	/* $1.1 CLASSES GENERIQUES  */
/* $2. Styles de formulaires */
/* $3. Blocs de mise en page */
/* $4. Header */
/* $5. Menu principal */
/* $6. Contenu principal */
/* $7. Footer */
/* $8. Hacks IE7 */
/* ###################################################### */



/* ###################### $1. Balises de base ############################## */
@import url(reset.css);

body {
	font-family: "Arial",sans-serif;
	font-size:75%;
	line-height:1.5em;
	color:#000;
}

/* BALISES BLOCK ******************* */

h1,h2,h3,h4,h5,h6 {
	font-family:"Arial", Sans serif; 
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1 {
	font-size: 11px;
	font-weight: normal;
	color:#008080;
	padding:7px 0 0 25px;
}

h2 {
	font-size: 12px;
	line-height:1.5em;
	margin:10px 0 10px 0px;
	padding:0px 0 0 17px;
}

h3 {
	font-size:1.3em;
	font-weight:bold;
	line-height:1.5em;
	margin-top:10px;
	color:#008080;
}

h4 {
	font-size:1.1em;
	line-height:1.5em;
	text-transform:uppercase;
	background:#008080;
	color:#FFF;
	padding:0 3px;
}

h4 a {
	padding:0 0 0 15px;
	color:#008080;
	background: no-repeat 0 4px;
}

h6 {
	font-size:25px;
	width:97%;
	line-height:1.5em;
	border-top:1px solid #D8D8D4;
}

p, ul, ol, table {
	margin-bottom:20px;
}

p {
	margin:12px 0;
}

ul {
	margin:10px 15px 10px 15px;
	overflow:auto;
}

li {
	padding:0 0 0 15px;
	margin:2px 0 2px 0;
}

ul ul {
	margin:10px 0 10px 0;
}

abbr, acronym {
	cursor:help;
}

table {
	border:none;
	width:100%;
	color:#666666;
}

table tr {
	border:none;
}

table td, table th {
	padding:10px;
	font-size:0.92em;
	vertical-align:baseline;
	border-right:2px solid #FFF;
}


td[scope], th[scope] {
	font-weight:bold;
	text-transform:uppercase;
}

td[scope] {
	background:#FFF;
	color:#008080;
	padding:10px 5px;
}

td.day {
	background:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	color:#008080;
	padding:10px 5px;
}


table th {
	width:172px;
	text-align:right;
	padding:2px 10px 10px 10px;
}

table th.white {
	width:40px;
	color:#FFF;
}

table th.vert {
	background:url(../images/thVert.gif) no-repeat;
}

table th.noir {
	background:url(../images/thNoir.gif) no-repeat;
}

table th.gris {
	background:url(../images/thGris.gif) no-repeat;
}

table thead th {
	font-weight:bold;
	text-transform:uppercase;
}

table tbody th {
	background:#FBFAF8 no-repeat left;
}


table th, table td {
	color:#FFF;
}

table td span {
	text-transform:uppercase;
	font-weight:bold;
}

table td span.lieu {
	font-weight:normal;
	color:#000;
}

table td a {
	color:#003333;
}

table td.noir a {
	color:#BCC0AE;
}

table td a.redif {
	padding:0 15px 0 5px;
	height:11px;
	background:url(../images/pictoRedif.gif) no-repeat right;
}

table td.vert {
	background:#008080 url(../images/tdLine.gif) no-repeat center bottom;
}

table td.noir {
	background:#000 url(../images/tdLine.gif) no-repeat center bottom;
}

table td.gris {
	background:#7B8165 url(../images/tdLine.gif) no-repeat center bottom;
}


table tfoot td.vert {
	background:url(../images/tfootVert.gif) no-repeat;
}

table tfoot td.noir {
	background:url(../images/tfootNoir.gif) no-repeat;
}

table tfoot td.gris {
	background:url(../images/tfootGris.gif) no-repeat;
}


caption {
	display:none;
}

/* BALISES INLINE ****************** */
a {
	color:#008080;
	background-color:inherit;
	text-decoration:none;
}

a:hover, a.actif {
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

img {
	padding:0px;
	margin:0px;
}

img.left {
	float:left;
	margin:5px 10px 10px 0;
}

.blocText2 img.leftPicto {
	float:left;
	margin:5px 10px 0px -5px;
	border:none;
}

img.right {
	float:right;
	margin:5px 0 10px 10px;
}

blockquote {
	background:url(../images/imgQuote.gif) no-repeat top right;
	color:#95969A;
	display:block;
	float:right;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.3em;
	margin:10px 0pt 5px 5px;
	padding:0pt 90px 0pt 0pt;
	text-align:right;
	width:200px;
}

/* ************** $1.1 CLASSES GENERIQUES ************** */

.noDisplay {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.noFloat {
	clear:both;
}

.noBorder {
	border:none;
}

.regular {
	font-weight:normal;
}

.lower, #colGauche .lower {
	text-transform:capitalize;
}

.noPadding, #liste #colGauche .noPadding , #listeProd #colGauche .noPadding , #recherche #colGauche .noPadding {
	padding:0;
}	

/* ###################### $2. Styles de formulaires ######################## */

form {
	display:none;
}


/* ###################### $3. Blocs de mise en page ######################## */

#container {
	width:100%;
}

#header {
	display:none;
}

#impression #container {
	width:644px;
}

#impression #header {
	display:block;
	height:71px;
	width:100%;
	position:relative;
	z-index:30;
	font-size:0.92em;
}

#colContenu {
	float:left;
	position:absolute;
	z-index:1;
	background:#E6E6E6;
}

#colGauche {
	width:100%;
	float:left;
	position:relative;
	background:#FFF;
	padding:0;
}

#liste #colGauche, #presse #colGauche, #listeProd #colGauche, #liste2col #colGauche , #recherche #colGauche, #agenda #colGauche{
	padding-top:50px;
}

#colDroite {
	display:none;
}

#footer {
	display:none;
}


#impression .topMenu {
	position:absolute;
	top:0;
	right:0;
	height:70px;
}	

.topMenu ul{
	margin:0;
}	

.topMenu li {
	float:left;
	background:#008080;
	margin-left:10px;
}	

.topMenu li a{
	color:#FFF;
	padding:0 5px;
}	

.topMenu img {
	margin:10px 0 0 0;
	float:right;
}	

#impression .blocV h2, #impression .blocN h2, #impression .demiblocV h2{
	background:#008080;
	color:#FFF;
	margin-bottom:10px;
	padding:0px 5px;
}

#impression .blocN div.content , #impression .demiblocV div.content, #impression .blocV div.content {
	bottom:0;
	position:relative;
	float:left;
	padding:0;
}

#impression div.topStick {
	background:#008080;
}
#impression #blocGauche{
	float:left;
	text-align:right;
	font-size:0.92em;
	width:160px;
	margin-right:25px;
}

#impression #blocDroite {
	padding:0 10px 0 0px;
	float:left;
	width:365px;
	text-align:justify;
	width:445px;
}

.savoirPlus {
	font-weight:bold;
	color:#0B0A0A;
}

.savoirPlus .info{
	text-transform:uppercase;
	color:#008080;
}
/* ###################### $6. CONTENU PRINCIPAL ############################ */

/* colonne gauche */

.logoPrint {
	display:block;
	margin-bottom:20px;
}

.blocV, .blocN {
	width:100%;
	overflow:auto;
	margin-bottom:23px;
}

.demiblocV {
	width:49.7%;
	float:left;
	margin-bottom:23px;
}
#liste2col .demiblocV {
	margin-bottom:2px;
}

.listePresse {
	background:#DDD;
	overflow:auto;
	padding-bottom:100px;
	width:100%;
}

.listePresse .txt {
	float:right; 
	width:100%;
	text-align:justify;
	background:#FFF;
	padding:0 10px;
}

.formPresse {
	display:none;
}

#liste .demiblocV , #listeProd .demiblocV, #presse .demiblocV , #recherche .demiblocV {
	width:100%;
	float:left;
	background:#DDD;
	margin-bottom:0px;
	padding-bottom:10px;
	position:relative;
}

#presse .demiblocV  {
	width:325px;
}

.demiblocV.right {
	float:right;
}

.blocV h2, .blocN h2, .demiblocV h2{
	background:#FFF;
	float:left;
	padding:0;
	margin:0;
	line-height:1.8em;
	text-transform:uppercase;
}

.blocN h2 {
	padding:0 5px 0 0;
}

.demiblocV h2{
	background:#008080;
	color:#FFF;
	padding:0 5px 0 5px;
	margin-left:-3px;
}

#liste .demiblocV h2, #presse.demiblocV h2{
	margin-bottom:7px;
}

.blocV h3, .blocN h3, .demiblocV h3{
	width:100%;
	padding:0;
	font-size:1.67em;
	margin:0;
	overflow:auto;
	line-height:1em;
	text-transform:uppercase;
	background:#FFF;
}

#presse .demiblocV h3{
	color:#000;
	margin:30px 0 0 5px;
	width:90%;
}

#presse .demiblocV h3 a{
	font-size:0.8em;
}

.demiblocV h3{
	font-size:1.34em;
}

h3 span.smaller {
	font-size:0.8em;
}

.demiblocV h3 span.smaller {
	font-size:0.87em;
}

.blocV h2 a, .blocN h2 a, .demiblocV h2 a{
	background:#008080;
	padding:4px 5px 3px 5px;
	color:#FFF;
}

.blocV h2 a:hover, .blocN h2 a:hover, .demiblocV h2 a{
	background:#FFF;
	color:#008080;
}

.blocV h2 a.active, .blocN h2 a.active, .demiblocV a.active {
	background:#FFF;
	padding:5px 5px 5px 0;
	color:#008080;
}


.blocV ul, .blocN ul, .demiblocV ul{
	overflow:hidden;
	margin:0;
	background:#FFF;
	width:100%;
	font-weight:bold;
	font-size:0.92em;
}

.blocV li, .blocN li, .demiblocV li {
	float:left;
	padding:0 5px 0 0;
	margin:0;
}

.blocV p, .blocN p, .demiblocV p {
	background:#FFF;
	padding:0px 0 5px 0;
	margin:0;
}

.blocV, .demiblocV, .blocN {
	float:left;
	position:relative;
}

.blocV img, .blocN img, .demiblocV img  {
	display:block;
	z-index:5;
}

#liste .blocV img, #liste .blocN img, #liste .demiblocV img, #presse .demiblocV img {
	float:left;
}

.blocV div.content, .blocN div.content, .demiblocV div.content {
	bottom:25px;
	z-index:50;
	background:url(../images/bgWhite.gif) repeat-y;
	left:0;
	text-align:left;
	overflow:auto;
	width:91%;
	padding-left:1%;
	position:absolute;
}

#liste .demiblocV div.content, #presse .demiblocV div.content, #recherche .demiblocV div.content {
	float:left;
	width:523px;
	position:relative;
	padding:0;
	height:115px;
	overflow:hidden;
	bottom:0;
	background:url(../images/bgListe.gif) repeat-x top;
}

#recherche .demiblocV div.content {
	width:100%;
	height:auto;
	padding:10px 0 10px 0;
	background:#FFF;
}

#recherche .demiblocV div.content p {
	width:100%;
	background:#FFF;
}

#presse .demiblocV div.content {
	width:245px;
	background:#FFF;
	height:77px;
}

#listeProd .demiblocV div.content {
	width:523px;
	left:117px;
	overflow:hidden;
	top:42px;
	padding:0;
	bottom:0;
	background:url(../images/bgListe.gif) repeat-x top;
}

#liste .demiblocV div.content ul, #liste .demiblocV div.content h3, #listeProd .demiblocV div.content ul, #listeProd .demiblocV div.content h3, #recherche .demiblocV div.content h3,#recherche .demiblocV div.content p  {
	padding:0 0 0 3px;
}

#recherche .demiblocV div.content p  {
	padding:0 10px 0 3px;
	width:625px;
}

#liste .demiblocV ul.info, #liste .demiblocV ul.artiste, #listeProd .demiblocV ul.info, #listeProd .demiblocV ul.artiste {
	width:520px;
}

#colGauche ul.artiste li {
	text-transform:capitalize;
}

.blocV div.topStick , .blocN div.topStick, .demiblocV div.topStick {
	left:0;
	top:0;
	padding:2px 5px;
	background:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	width:auto;
	z-index:49;
	position:absolute;
}

.demiblocV div.topStick {
	color:#008080;
}

.blocV ul.artiste, .blocN ul.artiste {
	font-size:1.33em;
}

.demiblocV ul.artiste {
	font-size:1em;
}

#liste .demiblocV ul.artiste {
	padding-bottom:17px !important;
}

.demiblocV ul.artiste li{
	padding:0;
	width:100%;
}

.blocV ul.nav, .blocN ul.nav, .demiblocV ul.nav {
	text-transform:uppercase;
	width:auto;
	float:left;
}

#liste .blocV ul.nav, #liste .blocN ul.nav, #liste .demiblocV ul.nav {
	position:absolute;
	bottom:0;
	left:0;
	float:none;
}

#logo {
	width:192px;
	height:99px;
	display:block;
	margin:11px 0 15px 20px;
	background:url(../images/logo.gif) no-repeat;
}

h4.plan {
	float:left;
	background:#E6E6E6;
	color:#000;
	margin:50px 400px 20px 0;
}

#colGauche .blocVert , #colGauche .blocNoir, #colGauche .blocGris {
	width:198px;
	float:left;
	overflow:auto;
	background:url(../images/titrePlanN.gif) no-repeat;
	font-size:0.92em;
	padding:3px 0 0 0;
	line-height:1.2em;
	text-align:left;
	margin:0 0 0 23px;
}

#recherche #colGauche .blocNoir {
	width:630px;
	float:left;
	font-size:1em;
	margin:10px 0 0 0;
	padding-right:10px;
	text-transform:lowercase;
	background:url(../images/bgblocNoirW.gif) no-repeat;
}

#recherche #colGauche .blocNoir strong{
	margin-top:10px;
	display:block;
}

#colGauche .blocVert  {
	background:url(../images/titrePlanT.gif) no-repeat;
}

#colGauche .blocGris  {
	background:url(../images/titrePlanG.gif) no-repeat;
}

#colGauche .blocVert h2, #colGauche .blocNoir h2, #colGauche .blocGris h2 {
	color:#FFF;
	text-align:right;
	padding-right:10px;
}

#recherche #colGauche .blocNoir h2{
	text-align:left;
	margin-bottom:3px;
}
#colGauche .blocNoir {
	margin:0;
}

#colGauche .blocGris a {
	color:#666; 
}

#colGauche .blocVert ul, #colGauche .blocNoir ul, #colGauche .blocGris ul{
	margin:0px 0px 10px 0;
}

#colGauche .blocVert ul ul, #colGauche .blocNoir ul ul, #colGauche .blocGris ul ul {
	margin:0px 0px 10px 20px;
}

#colGauche .blocVert ul li a, #colGauche .blocNoir ul li a, #colGauche .blocGris  ul li a, #colGauche li {
	font-weight:bold;
	text-transform:uppercase;
	color:#010101;
}

#colGauche .blocVert ul ul li a, #colGauche .blocNoir ul ul li a, #colGauche .blocGris  ul ul li a {
	font-weight:normal;
}

#colGauche .blocVert ul li, #colGauche .blocNoir ul li, #colGauche .blocGris  ul li  {
	padding:5px 0 5px 15px;
}

#colGauche .blocVert ul ul li, #colGauche .blocNoir ul ul li, #colGauche .blocGris  ul ul li  {
	padding:0px 0 0px 15px;
}


#recherche #colGauche .piedN {
	height:12px;
	width:640px;
	float:left;
	display:block;
	background:url(../images/bgblocNoirpiedW.gif) no-repeat;
	margin-bottom:8px;
}

.piedN {
	background:url(../images/bgblocNoirpied.gif) no-repeat;
}

.piedAgenda {
	padding:0 0px 8px 30px;
	margin:0 0 18px -31px;
	background:#008080 url(../images/bgblocAgendapied.gif) no-repeat 19px 0;
}

.piedG {
	background:url(../images/bgblocGrispied.gif) no-repeat;
}

.miniblocVert {
	float:left;
	margin-bottom:18px;
}

.miniblocVert.right {
	float:right;
}

.miniblocVert h2 {
	margin:13px 10px 10px 0;
	padding:0 0 0 5px;
	color:#FFF;
}

.miniblocVert a {
	color:#003333;
	display:block;
	text-transform:uppercase;
}

.miniblocVert .borderLeft {
	float:left;
	height:45px;
	background:url(../images/bgpetitVert.gif) no-repeat;
}

.miniblocVert .borderRight {
	float:left;
	height:45px;
	width:6px;
	background:url(../images/bgpetitVertRight.gif) no-repeat;
}

/* style AGENDA */

.listeAgenda {
	width:100%;
	float:left;
	padding-top:10px;
}

.blocAgenda ul {
	margin:10px 0;
}

.blocAgenda li {
	padding:0;
	overflow:auto;
	line-height:20px;
}

.blocAgenda ul ul {
	display:none;
	margin:0;
}

.blocAgenda ul li.open ul, .blocAgenda ul li a:hover ul  {
	display: block;
}

.blocAgenda li.open a  {
	background:#000 url(../images/pucen.gif) no-repeat 32px 8px;
	text-decoration:none;
}

.blocAgenda a {
	color:#FFF;
	line-height:20px;
	width:215px;
	text-transform:uppercase;
	display:block;
	font-weight:bold;
	padding:0px 5px 0px 40px;
	background:url(../images/pucen.gif) no-repeat 32px 8px;
}

.blocAgenda a:hover{
	background:#000 url(../images/pucen.gif) no-repeat 32px 8px;
	text-decoration:none;
}

.blocAgenda ul ul li {
	padding:0 0 0 30px;
}

.blocAgenda ul ul li a, .blocAgenda li.open li a {
	font-weight:normal;
	width:185px;
	background:url(../images/pucen.gif) no-repeat 32px 8px;
}

.blocAgenda ul ul li a:hover{
	color:#000;
	text-decoration:none;
}

#agenda .mois {
	display:none;
}

/* FIN style AGENDA */


#menuPartage {
	display:none;
}


/* ----------------- */
/* CONTENU SPECTACLE */

#fiche #blocGauche {
	display:none;
}

#fiche #blocDroite {
	width:100%;
}

/* FIN CONTENU SPECTACLE */

.mois, .pagination {
	display:none;
}

#colGauche .presse li{
	font-weight:normal;
	text-transform:lowercase;
}