/* CSS Document */

body {
	background-color: #333333;
	margin:auto;
	color: #666666;
}
#fond{
	position:relative;
	padding:auto;
	margin: auto;
	width:800px;
	height:auto;
	background-color:#000000;
}

.menu{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
margin:3px;
color:#FFA448;
font-weight:bold;
clear:left;
}
.menu a{
text-decoration:none;
color:#FFA448;}




/*ON ECOUTE*/

#fondimg5{
background-image:url(image/onecoute.jpg);
background-repeat:no-repeat;
height:510px;
background-position:top;
border-left-color: #000000;
border-left-style:solid;
border-left-width:3px;
border-right-color: #000000;
border-right-style:solid;
border-right-width:3px;
border-top-color: #000000;
border-top-style:solid;
border-top-width:3px;
border-bottom-color: #000000;
border-bottom-style:solid;
border-bottom-width:3px;}

#chanson{
padding-top:70px;
float:left;
padding-left:220px;
width:200px;
line-height:30px;
}

#parole{
	margin-top:100px;
	margin-left:30px;
	padding-right:50px;
	float:left;
	width:250px;
	height:360px;
	line-height:20px;
	cursor: text;
	overflow:auto;

	scrollbar-face-color: #666666;
    scrollbar-shadow-color: #666666 ;
    scrollbar-highlight-color:#666666 ;
    scrollbar-3dlight-color: #666666;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #FF9966;
}

.textchanson{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #CCCCCC;
}

.textchanson_parole{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:15px;
color: #CCCCCC;
padding-bottom:5px;
padding-top:10px;
}

.textchanson_parole a{
text-decoration:none;
}

.textchanson1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #999999;
line-height:20px;
letter-spacing:2px;
}

.textchanson a{
text-decoration:none;
color:#CCCCCC;}

.textchanson a:hover{
color:#FFA448;}







#fondimg2{
background-image: url(image/parcours.jpg);
background-repeat:no-repeat;
height:510px;
margin:0px;
background-position:top;
border-left-color: #000000;
border-left-style:solid;
border-left-width:3px;
border-right-color: #000000;
border-right-style:solid;
border-right-width:3px;
border-top-color: #000000;
border-top-style:solid;
border-top-width:3px;
border-bottom-color: #000000;
border-bottom-style:solid;
border-bottom-width:3px;
}


#parcours{
position:relative;
top:35px;
left:420px;
width:330px;
height:auto;
}

.textparcours {
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:13px;
line-height:20px;
font-weight:bold;
padding-left:5px;
padding-bottom:5px;
text-align:justify;}

#repere{
position: absolute;
top:370px;
left:260px;
width:120px;
}

.textrepere{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFA448;
}



#fondimg3{
background-image: url(image/onenparle.jpg);
background-repeat:no-repeat;
background-position:center;
background-color: #333333;
padding-top:5px;
height:510px;
margin:0px;
border-left-color: #000000;
border-left-style:solid;
border-left-width:3px;
border-right-color: #000000;
border-right-style:solid;
border-right-width:3px;
border-top-color: #000000;
border-top-style:solid;
border-top-width:3px;
border-bottom-color: #000000;
border-bottom-style:solid;
border-bottom-width:3px;}


#fondimgphoto{
background-color: #333333;
padding-top:5px;
height:510px;
margin:0px;
border-left-color: #000000;
border-left-style:solid;
border-left-width:3px;
border-right-color: #000000;
border-right-style:solid;
border-right-width:3px;
border-top-color: #000000;
border-top-style:solid;
border-top-width:3px;
border-bottom-color: #000000;
border-bottom-style:solid;
border-bottom-width:3px;}

#fondimgphoto1{
background-color: #333333;
padding-top:0px;
padding-left:0px;
height:520px;
margin:0px;
border-left-color: #000000;
border-left-style:solid;
border-left-width:3px;
border-right-color: #000000;
border-right-style:solid;
border-right-width:5px;
border-top-color: #000000;
border-top-style:solid;
border-top-width:3px;
border-bottom-color: #000000;
border-bottom-style:solid;
border-bottom-width:3px;}



.text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#CCCCCC;}
.textorange{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFA448;}
.textvert{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#287A1D;}

#text1{
top:10px;
left:10px;
width:150px;
position:relative;}

#text2{
top:40px;
left:10px;
width:150px;
position:relative;}

#text3{
top:80px;
left:10px;
width:290px;
position:relative;}

#text4{
top:95px;
left:630px;
width:150px;
position:absolute;
text-align:right;}

#text5{
top:280px;
left:631px;
width:150px;
position:absolute;
text-align:right;}

#text6{
top:508px;
left:356px;
width:425px;
position:absolute;
text-align:right;}

p {
margin:0px;}







#fondimg7{
background-image:url(image/amitiesliens.jpg);
background-repeat:no-repeat;
height:510px;
margin:0px;
background-position:top;
border-left-color: #000000;
border-left-style:solid;
border-left-width:3px;
border-right-color: #000000;
border-right-style:solid;
border-right-width:3px;
border-top-color: #000000;
border-top-style:solid;
border-top-width:3px;
border-bottom-color: #000000;
border-bottom-style:solid;
border-bottom-width:3px;}


#titreliens{
position:relative;
top:50px;
left:360px;
width:430px;}

.textetitreliens{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:3px;
color:#CCCCCC;
margin:0px;}


#liens{
position:relative;
top:180px;
left:530px;
width:200px;
}
.textliens{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:3px;
color:#CCCCCC;
margin:0px;
line-height:25px;
}
.textliens a {text-decoration:none;
color:#CCCCCC;}

.textliens a:hover{
color:#FFA448;}






#fondimg6{
background-image:url(image/contacts.jpg);
background-repeat:no-repeat;
height:510px;
margin:0px;
background-position:top;
border-left-color: #000000;
border-left-style:solid;
border-left-width:3px;
border-right-color: #000000;
border-right-style:solid;
border-right-width:3px;
border-top-color: #000000;
border-top-style:solid;
border-top-width:3px;
border-bottom-color: #000000;
border-bottom-style:solid;
border-bottom-width:3px;
}

#contact{
position:relative;
top:150px;
left:280px;
width:250px;}

.textcontact{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #CCCCCC;
font-weight:bold;
text-align:center;
letter-spacing:3px;}

.textcontact a {
text-decoration:none;
color:#CCCCCC;}

.textcontact a:hover {
color:#FFA448;}

#web{
position:relative;
width:800px;
top:430px;}

.textweb{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #CCCCCC;
font-weight:bold;
text-align:center;
letter-spacing:3px;}

.textweb a {
text-decoration:none;
color:#CCCCCC;}

.textweb a:hover {
color:#FFA448;}




#fondimg{
background-image: url(image/actu.jpg);
background-repeat:no-repeat;
height:510px;
margin:0px;
background-position:top;
border-left-color: #000000;
border-left-style:solid;
border-left-width:3px;
border-right-color: #000000;
border-right-style:solid;
border-right-width:3px;
border-top-color: #000000;
border-top-style:solid;
border-top-width:3px;
border-bottom-color: #000000;
border-bottom-style:solid;
border-bottom-width:3px;}


.concerts{
color:#287A1D;
font-weight:bold;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
}
.ancienconcert{
color:#287A1D;
font-weight:bold;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:5px;
margin:auto;}

.lieu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
line-height:20px;
color:#FFA448;
height:180px;
border-left:#FFA448 solid 1px;
padding-left:20px;
padding-bottom:10px;
padding-top:10px;
cursor: text;
overflow:auto;

	scrollbar-face-color: #000000;
    scrollbar-shadow-color: #000000 ;
    scrollbar-highlight-color:#000000 ;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #FFA448;
}

#date{
position:relative;
top:30px;
left:280px;
width:270px;
height:200px;
padding-left:20px;
padding-right:15px;
}

#newsletter{
position:relative;
top:390px;
left:630px;
width:150px;
padding-left:10px;
}
.news{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFA448;
font-weight:bold;
padding:0px;
margin:0px;}

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

.textnews{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:15px;
margin:0px;
padding:0px;}

.textnews a {
text-decoration:none;
color:#666666;}

.datepasse{
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
padding-left:5px;
padding-bottom:5px;
}