* {
border:none;
margin:0;
padding:0;
}
a, a:link, a:visited, a:active, a:focus {
color : #0000AA;
text-decoration:none;
padding:0;
margin:0;
}
a:hover {
color : #000044;
text-decoration : none;
padding:0;
margin:0;
}

body{
position:absolute;
width:1260px;
height:720px;
background-color:#9b9632;
font-family:Verdana, Arial, sans-serif;
z-index:0;
}
#banniere{
width:729px;
position:absolute;
top:18px;
left:520px;
z-index:2;
}
#banniere a, #banniere img{
margin:0;
width:729px;
}

#visage{
position:absolute;
top:0px;
left:0px;
z-index:6;
}

#minute{
position:absolute;
top:299px;
left:554px;
width:357px;
background : url('images/laminute.png') no-repeat scroll left top;
background-color:#A7A251;
padding:30px 0 0 7px;
}
#minute h2{
font-size:15px;
/*display:inline;*/
margin:0 5px 0 0;
}
#minute .lien{
margin:0 0 13px 20px;
}
#minute a{
font-size:13px;
}
#minute #spectacle .titre{
font-size:17px;
font-weight:600;
margin:0 0 0 20px;
}
#minute #spectacle .description{
font-size:13px;
margin:0 5px 0 5px;
text-align:justify;
text-indent:10px;
}

#cestquicestquoi{
position:absolute;
top:275px;
left:957px;
width:274px;
height:110px;
background : url('images/cestquicestquoi_petit.png') no-repeat scroll left top;
background-color:#A7A251;
padding:30px 0 0 7px;
}
#cestquicestquoi .description{
font-size:16px;
margin:5px 5px 0 5px;
text-align:justify;
text-indent:10px;
}

#concerts{
position:absolute;
top:435px;
left:957px;
width:274px;
background : url('images/vosprochainsconcerts.png') no-repeat scroll left top;
background-color:#AEA967;
padding:30px 0 0 7px;
}
#concerts .concert{
margin:0 0 10px 0;
}
#concerts .jour{
font-size:17px;
font-weight:600;
margin:0 0 0 10px;
}
#concerts .description{
text-align:right;
font-size:15px;
margin:0 10px 0 0;
}
#concerts .lieu{
text-align:right;
font-size:13px;
margin:0 10px 0 0;
}


#chants{
position:absolute;
top:560px;
left:554px;
width:357px;
background : url('images/histoiredebosser_petit.png') no-repeat scroll left top;
background-color:#A9A55C;
padding:30px 0 0 7px;
}
#chants .chant{
margin:0 0 10px 0;
}
#chants .titre{
font-size:17px;
font-weight:600;
margin:0 0 0 10px;
}
#chants .auteur{
font-size:15px;
}

#cestquicestquoi_page{
position:absolute;
top:226px;
left:560px;
width:435px;
background : url('images/cestquicestquoi_gros.png') no-repeat scroll left top;
background-color:#A7A251;
padding:30px 10px 0 230px;
}
#cestquicestquoi_page #portrait{
position:absolute;
top:65px;
left:-170px;
z-index:1;
}
#cestquicestquoi_page #description{
}
#cestquicestquoi_page #description p{
font-size:11px;
margin:0 0 15px 0;
text-align:justify;
}

#chants_page{
position:absolute;
top:300px;
left:560px;
width:435px;
background : url('images/histoiredebosser_gros.png') no-repeat scroll left top;
background-color:#A7A251;
padding:40px 10px 10px 230px;
font-size:13px;
}
#chants_page #micro{
position:absolute;
top:-70px;
left:28px;
}
#chants_page h1{
font-size:14px;
margin:0 0 15px 0;
}
#chants_page #description{
font-size:14px;
}
#chants_page .voix h2{
font-size:12px;
}
#chants_page .voix{
padding:20px 0 0 0;
}

#gallerie_page{
position:absolute;
top:226px;
left:560px;
width:650px;
background : url('images/cestquicestquoi_gros.png') no-repeat scroll left top;
background-color:#A7A251;
padding:20px 10px 0 10px;
}
#gallerie_page {
vertical-align:middle;
border:none;
}
#gallerie_page #thumbs {
overflow:auto;
list-style:none;
margin:10px;
padding:0;
}
#gallerie_page #thumbs li {
float:left;
}
#gallerie_page #thumbs a {
display:block;
padding:10px;
outline:none;
}
#gallerie_page #thumbs a:hover, #thumbs a:focus {
background:#fff;
}
#gallerie_page #thumbs a.active {
background:#000;
}
#gallerie_page #viewer {
width:650px;
height:475px;

}
#gallerie_page #viewer img {
width:650px;
height:465px;
}
#gallerie_page #viewer #loader{
position:absolute;
left:50%;
top:50%;
width:16px;
height:16px;
margin:-15px 0 0 -15px;
}

#pied{
position:absolute;
text-align:left;
left:10px;
top:720px;
font-size:9px;
}