/*** major document sections
******************************************************************/

/*** body
*********************************/
body {
 text-align: center;
 background: #f2a89b url(fond.jpg) no-repeat 0px 0px fixed;
 color: #000;
 font-family: arial, sans-serif;
 padding-left: 170px;
}

/*** container-outer
*********************************/
#pagewidth {
 margin: 0 auto 30px auto;
 width: 700px;
 text-align: left;
 font-size: 85%;
}

/*** header
*********************************/
#header {
 width: 100%;
}

#header .content {
 padding: 0;
 background: transparent url(lapresquile.jpg) no-repeat top left;
}
/*** main
*********************************/
#main {
 position: relative;
 width: 100%;
 min-height: 400px;
 background: transparent;
 font-size: 110%;
}

* html #main {
 height: 400px;
}

#main .content {
 padding: 10px 5px;
}

#main p, #main ul {
 margin-bottom: 1em;
}

/*** footer
*********************************/
#footer {
 width: 100%;
 min-height: 80px;
 background: #f2a89b url(footer.jpg) no-repeat top left;
 color: #fff;
 font-family: arial;
 font-size: 100%;
}

* html #footer {
 height: 80px;
}

#footer .content {
 padding: 8px;
 background: transparent url(bord-vert.gif) no-repeat 41% 5px;
}

#footer p {
 float: left;
 width: 39%;
 text-align: right;
}

#footer address {
 float: right;
 width: 57%;
}

#footer strong {
 font-family: arial;
}

#footer a:link, #footer a:visited {
 color: #003278;
 text-decoration: underline;
}


/*** columns
*********************************/
.colleft {
 float: left;
 width: 250px;
}

.colright {
 float: right;
 width: 415px;
 padding-top: 30px;
}

    #accueil .colright {
     padding-top: 0;
    }

/*** nav-second
*********************************/
#nav-second * {
 float: left;
}

#nav-second li, #nav-second li ul {
 margin: 0;
 padding: 0 10px;
}

#nav-second li li {
 background: transparent url(/style/fleche_droite.gif) no-repeat 0% 50%;
}

/*** a
*********************************/
a:link, a:visited {color: #003278;}
a:focus, a:hover {color: #fff;}

	.mir li a {
	 width: 178px;
	 height: 45px;
	 display: block;
	}
	a#ticketonline {background: transparent url(logo/logo-ticketonline2.gif) no-repeat;}
	a#festival-zincs {background: transparent url(titre-festival-zincs.png) no-repeat;}
	a#festival-chansons {background: transparent url(titre-festival-chansons.png) no-repeat;}
	a#blog {background: transparent url(titre-blog.png) no-repeat;}
	a#newsletter {background: transparent url(titre-newsletter.png) no-repeat;}
	a#info_pros {background: transparent url(titre-infos-pro.png) no-repeat;}
	a#billetterie {background: transparent url(titre-billetterie.png) no-repeat;}
/*** abbr
*********************************/

/*** h
*********************************/
h1 {
 display: none;
 margin: 0 0 2em 0;
 font-size: 200%;
 font-weight: bold;
}


h2 {
 margin: 0 0 0.5em 0;
 font-size: 160%;
 font-weight: bold;
 color: #FFF;
 text-transform: uppercase;
}

	h2.mir {width: 250px; height: 35px;}
	h2#edito {background:  url(titre-edito.png) no-repeat;}
	h2#raccourci {background:  url(titre-raccourcis.png) no-repeat;}
	h2#prochainement {width: 415px; background: url(titre-prochainement.png) no-repeat;}
	h2#interview {width: 395px; background: url(titre-interview.png) no-repeat;}
	h2#titre-presentation {height: 70px; background: url(titre-presentation.png) no-repeat;}
	h2#titre-partenaire {height: 70px; background: url(titre-partenaires.png) no-repeat;}
	h2#titre-programme {background: url(titre-programme.png) no-repeat;}
	h2#titre-festivals {background: url(titre-festivals.png) no-repeat;}
	h2#titre-artistes {background: url(titre-artistes.png) no-repeat;}
	h2#titre-billetterie {background: url(titre-billetterie2.png) no-repeat;}
	h2#titre-infospratiques {background: url(titre-infospratiques.png) no-repeat;}
	h2#titre-infospros {background: url(titre-infospros.png) no-repeat;}
	h2#titre-liens {background: url(titre-liens.png) no-repeat;}
	h2#festival-zincs {height: 45px; background: transparent url(titre-festival-zincs.png) no-repeat;}
	h2#festival-chansons {height: 45px; background: transparent url(titre-festival-chansons.png) no-repeat;}
	h2#mentions-legales {background: transparent url(titre-mentions.png) no-repeat;}

h3 {
 margin: 0 0 0.5em 0;
 font-size: 120%;
 font-weight: bold;
}

h4 {
 margin: 0 0 0.5em 0;
 font-size: 105%;
 font-weight: bold;
}

/*** img
*********************************/
.imgleft {
 float: left;
 margin: 1em 0.5em 1em 40px;
}

/*** dl
*********************************/

/*** p
*********************************/
.more {
 font-weight: bold;
 text-align: right;
}

.bordinf {
 padding-bottom: 35px;
 background: transparent url(points.gif) no-repeat bottom left;
}

/*** table
*********************************/

/*** ul
*********************************/
.carre {
 margin-left: 20px;
 list-style-type: square;
}

.carre li, .picto li {
 margin-bottom: 0.4em;
}

li .carre, .picto li {
 margin-top: 0.6em;
}

.picto li img {
 float: left;
 vertical-align: bottom;
 margin: 0 5px 0 0;
}

ul.tronbino li {
 float: left;
 margin: 0 0 1em 0;
 width: 100%;
}

ul.tronbino img {
 float: left;
 margin: 0 1em 0 0;
}

/*** printer styles
******************************************************************/
@media print {

}



/*** liste de liens illustrés
* les sélecteurs ou classes doivent être portés par les balises li
*********************************/
.illustree {
 /* position: relative; */
}

.illustree li {
 margin: 2px 0 6px 0;
 line-height: 16px; /* hauteur icone */
 background-repeat: no-repeat;
 background-position: 0 50%;
}

.illustree li a {
 padding-left: 26px; /* largeur icone + padding */
}

/*** icones
*********************************/
.pdf {background-image: url(mime/pdf.gif);}
.mp3 {background-image: url(mime/mp3.gif);}
.doc {background-image: url(mime/doc.gif);}

/*** programme
*********************************/
.artistes, .artistes li, .artistes li img {
 float: left;
}

.artistes li {
 width: 250px;
 margin-bottom: 0.5em;
}

.artistes li img {
 margin: 0 0.5em 0 0;
}

.artiste {
 font-family: arial;
}

.artiste dt, .artiste dd {
 width: 415px;
 margin-bottom: 1em;
}

.artiste dt {
 font-size: 130%;
}

.artiste .presentation {
 float: left;
}

.artiste .presentation img {
 float: left;
 margin: 0 0.5em 0.5em 0;
}

.artiste .video  {
 
}

.nav-art {
 width: 100%;
}

.nav-art ul li {
 display: inline;
 margin-right: 2px;
 border-right: 1px solid #000;
 padding: 0 2px;
}

.nav-art ul li.lp {
 border-right: none;
}

/*** programme
*********************************/
.archives li.current {
    font-size: 150%;
    font-weight: bold;
}

.seance {
 margin-bottom: 0.5em;
 border-bottom: 1px dashed #000;
 padding: 0 0 0.5em 0;
 position: relative;
 float: left;
}

.seance .etat {
 position: absolute;
 left: 0%;
 top: 10%;
 z-index: 100;
}

.seance h3 {
 float: left;
}

.seance h3 span {
 color: #003277;
}

.seance .scene {
 float: right;
}

.programme {
 font-family: arial;
 float: left;
 position: relative;
}

.programme dt, .programme dd {
 float: right;
 width: 310px;
 margin-bottom: 5px;
}

.programme dt strong {
 font-size: 115%;
 width: 90%;
 float: left;
}

.programme dt a.more {
 float: right;
}

.programme dd.vignette {
 float: left;
 width: 100px;
}

.seance .programme .etat {
 position: absolute;
 z-index: 99;
 top: 0px;
 left: 0px;
}

.programme .infos {
 text-transform: uppercase;
}

.programme .infos span {
 text-transform: none;
 font-weight: bold;
}


/*** article
*********************************/
.article {

}

.article strong {
 text-transform: uppercase;
 font-size: 110%;
}

.article .info {
 color: #999;
}

.article .lien {
 text-align: right;
}

.article .photo {
 padding: 5px 0;
}

.article .document .illustree {
 float: right;
}

.article .document .illustree li {
 line-height: 16px;
}

.article .document .illustree li a {
 padding-left: 21px;
}

/*** interview
*********************************/
dl.interview {
 margin-bottom: 0;
}

dl.interview dt {
 padding-bottom: 0.5em;
 text-transform: uppercase;
 font-family: arial;
 font-size: 110%;
}

dl.interview dd {
 padding-bottom: 0.5em;
}

dl.interview dd.span {
 font-family: arial;
}

.interview img {
 float: left;
 margin: 0 0.5em 0.5em 0;
 position: relative; /* ie */
}

/*** encart
*********************************/
.encart {
 padding-bottom: 5px;
 background: transparent url(encart_bas.png) no-repeat bottom left;
 color: #fff;
}

.encart .ct1 {
 padding-top: 5px;
 background: transparent url(encart_haut.png) no-repeat top left;
}

.encart .ct2 {
 position: relative; /* ie */
 padding: 0px 10px;
 background: #000;
}

#main .encart p {
 margin-bottom: 0;
}

#encart_pub{
width: 280px;
height: 50px;
background-color: #fff;
padding-top: 5px;
margin-bottom: 10px;
}



/*** archives
*********************************/
ul.archives  ul {
 margin-left: 20px;
 list-style-type: square;
}

ul.archives  li.rubrique {
 font-size: 110%;
 color: #999;
}

ul.archives  li.courant a {
 color: #999;
}

p.archive {
 border-top: 1px solid #c0c0c0;
 border-bottom: 1px solid #c0c0c0;
 padding: 5px;
 background: #EFEFEF;
}

p .logo {
 float: left;
 margin: 0 5px 5px 0;
}

.listeImageLien {
 line-height: 1.5;
}

.listeImageLien li {
 display: inline;
 padding: 0 4px 0 0;
}

.listeImageLien li a {
 padding-left: 0;
 background: none;
}