@charset "utf-8";
/* CSS Document */
html,body{
	margin:0px;
	padding:0px;
	background-color:#666;
}
*{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#top{
	height:620px;
	background-image:url(../i/back.jpg);
min-width:1060px;
}
#top #acc{
	background-image:url(../i/back_accueil.png);
	background-repeat:no-repeat;
	background-position: left bottom;
	height:560px;
	width:1000px;
	margin:0px auto;
position:relative;
padding:20px;
}
#top #global{
	height:600px;
	width:1000px;
	margin:0px auto;
}
#bottom{
	color:#FFF;
	margin-top:30px;
}
#contener{
width:1000px;
margin:20px auto;
}
#actus{
width:540px;
min-height:200px;
float:left;
margin-right:50px;
position:relative;
}
#concert{
width:340px;
float:left;
}
#footer{text-align:center;clear:both;}
/*** MEP ***/
h3{
	color:#000;
	background-color:#FFF;
	display:inline-block;
	padding:5px 10px;
	font-size:14px;
	text-transform:uppercase;
margin:0px 0px 5px 0px;
}
#presentation{
position:absolute;
width:300px;
line-height:22px;
right:0px;
top:180px;
}
#concert h4{
color:#e9b229;
}
#concert a{
background-color:#fff;
padding:5px;
text-decoration:none;
color:#000;
float:right;
}
/*** LOGO ***/
#acc h1 a{
background-image:url(../i/logo.png);
background-repeat:no-repeat;
display:block;
width:302px;
height:189px;
}
h1 span{display:none;}

#acc h1{
margin:0px;
position:absolute;
top:125px;
left:135px;
width:302px;
}
/*** PAGINATION ***/

.next{
padding:5px;
background-color:#FFF;
font-weight:bold;
color:#000;
text-decoration:none;
margin-left:5px;
}
.prev{
padding:5px;
background-color:#FFF;
font-weight:bold;
color:#000;
text-decoration:none;
margin-right:5px;
}
.next,.prev {
	position:absolute;
	top:1px;
	left:-39px;


	display:block;
	z-index:101;
}

.next {
	left:540px;
}
/*** MENU ACCUEIL ***/
#menu{
list-style-type:none;
}
#menu li a{
text-decoration:none;
text-transform:uppercase;
color:#000;
font-size:14px;
}
#menu li a{
display:block;
width:90px;
padding-top:60px;
position:absolute;
background-repeat:no-repeat;
background-position:top center;
text-align:center;
}
#menu #musique{
top:330px;
left:85px;
background-image:url(../i/m/musique.png);
}
#menu #musique:hover{
background-image:url(../i/m/musiqueHover.png);
}
#menu #concerts{
top:370px;
left:200px;
background-image:url(../i/m/concerts.png);
}
#menu #concerts:hover{
background-image:url(../i/m/concertsHover.png);
}
#menu #photos{
top:420px;
left:310px;
background-image:url(../i/m/photos.png);
}
#menu #photos:hover{
background-image:url(../i/m/photosHover.png);
}
#menu #musiciens{
top:470px;
left:420px;
background-image:url(../i/m/musiciens.png);
}
#menu #musiciens:hover{
background-image:url(../i/m/musiciensHover.png);
}
#menu #contact{
top:170px;
left:570px;
background-image:url(../i/m/musique.png);
}
#menu #contact:hover{
background-image:url(../i/m/musiqueHover.png);
}
#menu #pro{
padding-top:40px;
top:270px;
left:590px;
background-image:url(../i/m/pro.png);
}
#menu #pro:hover{
background-image:url(../i/m/proHover.png);
}
/*** MENU FOOTER ***/
#menubottom{
list-style-type:none;
margin:0px auto;
padding:0px;
text-align:center;
margin-top:150px;
}
#menubottom li{
display:inline;
margin-right:10px;
}
#menubottom li a{
text-decoration:none;
color:#FFF;
text-transform:uppercase;
}
#menubottom li a{
padding-top:50px;
background-image:url(../i/m/musiqueSmall.png);
background-repeat:no-repeat;
background-position:top center;
text-align:center;
min-width:40px;
}
/*** FOOTER ***/
#footer{padding-top:20px;}
#footer a{
color:#a9c334;
text-decoration:none;
}