* {
	margin:0;
	padding:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
line-height:1.6em;
margin:0;
background:url(../img/bg.jpg) top no-repeat #000;
background-color:#000
}

a, a:link { color: #fff; text-decoration: underline;  }
a:hover { text-decoration:none;}
a:visited { color: #fff; text-decoration: underline;  }
a:visited:hover { color:#fff; text-decoration: none  }

b, strong {
	font-weight:bold;
	color:#333333;
}

img {
	border:0
}

h1{
display:none;
font-size:22px;}

h2 {
font-size:30px;
width:500px;
color:#949799;
text-align:right;
line-height:normal;
} 

h1, h2 {
	margin-top:20px;
	font-weight:normal
}

	
h3  {
	font-size:16px;
	border-bottom:1px dotted #666666;
	padding-bottom:3px;
	color:#000;
	padding-top:20px;
	margin-bottom:5px;
	
}

p {
	margin:15px 0 15px 0
}

table { 
	empty-cells: show;
	border-collapse: collapse
}

/* ******************* STRUCTURE *********************** */
#container {
	margin:0 auto;
	width:950px;
position:relative
}

#header {
	float:left;
	width:950px;
	height:298px;
}


#content #top {
background-image:url(../img/bg_content_top.jpg);
width:780px;
height:61px
}

#menu {
	float:left;
	background-image:url(../../../www.pleynet.net/img/bg_menu3.html);
	background-repeat:no-repeat;
	width:170px;
	margin-top:25px;
	height:629px;
}

#content {
	float:left;
	width:660px;
	width:780px;
	min-height:550px;
	background-image:url(../img/bg_content.jpg);
	background-color:#333333
}


#content .actualite {
width:780px;
height:557px;
background-image:url(../img/actualites.jpg)}

#content .biographie {
width:780px;
height:424px;
background-image:url(../img/BIO2.jpg)}

#content .remerciements {
width:780px;
height:636px;
background-image:url(../img/remerciements.jpg)}

#content .repertoire {
margin-top:-120px;
width:780px;
height:598px;
background-image:url(../img/repertoire.jpg)}


#content .galerie {
width:780px;
height:337px;
background-image:url(../img/galerie.jpg)}

#content .contact {
width:780px;
height:341px;
background-image:url(../img/contact.jpg)}

#content .medias {
width:780px;
height:537px;
background-image:url(../img/medias.jpg)}

	
#bloc1{
width:260x;
height:707px;
color:#000000;
padding-left:70px;
padding-right:330px;
background-image:url(../img/discographie.jpg);
background-position:bottom;}	
	
blockquote {
font-size:11px;
margin:10px 0 10px 0;
background-color:#F7F7F7;
padding:5px 10px 5px 10px
}

blockquote strong {
font-size:12px; color:#000}
	

#legal {
	width:910px;
	margin-bottom:12px;
	color:#666666;
	font-size:10px;
	padding-right:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}

#legal a:hover, #legal a:visited:hover {color:#999; text-decoration:underline;  }
#legal a, #legal a:visited {color:#666;; text-decoration:none; font-weight:normal; line-height:30px; padding:3px 0;}

#legal a.nameo {
	background:url(../../../www.pleynet.net/img/nameo.html) left no-repeat;
	color:#666666;
	padding-left:23px;
}

#footer #addr {
	font-size:11px;
	float:right;
	font-weight:normal;
	width:500px;
	margin:141px 10px 0 0;
	text-align:center
}



/* ******************* FORMULAIRES *********************** */
input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px 0 2px 5px;
	background-image:url(../img/bg_input.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
}

input.formError, textarea.formError {
	background-image:url(../img/bg_input_error.gif);
	color:#FFFFFF
}

input[type=file].formError {
	color:#ff0000
}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:2px 0px 2px 0px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
}

.pageNavSubmit  {
	background-image:none;
	padding:1px;
	border:none;
	background-color:#257401;
	border:1px outset #CCCCCC;
	margin:0 0;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer
}

input[type=checkbox], input[type=radio], input[type=image] {
	background-image:none;
	float:left;
	border:none;
	margin:4px 0 0 0 ;
	padding:0
}

input#submit, input#submitOk  {
	clear:both;
	background-image:none;
	padding:3px;
	border:none;
	background-color:#000;
	border:1px outset #CCCCCC;
	margin:20px 0;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	float:left;
	margin-left:140px
}

input[type=submit], input.submit {
	clear:both;
	background-image:none;
	padding:3px;
	border:none;
	background-color:#000;
	border:1px outset #CCCCCC;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

input#submitOk {
	margin:0;	
	background-color:#CC0000;
	padding:2px;
}

button {
	font-size:11px;
	background-image:none;
	padding:1px;
	border:none;
	background-color:#CC0000;
	border:1px outset #CCCCCC;
	margin:0 10px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}

form {
	display:inline;
	margin:0
}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	padding:2px 0 2px 0;
}

label {
	text-align: left;
	float: left;
	width: 110px;
	padding: 5px 10px 0 0;
}

label.radioLabel {
	width:auto;
	text-align:left;
	float:left;
	padding:0 25px 0 10px;
	margin-top:4px;
}

.modForm {
	float:left;
	width:400px

}
form br {
	clear:both
}

.error {
	margin:0 50px 40px 20px;
	padding:10px;
	background-color:#bc0000;
	color:#FFFFFF;
	font-weight:bold;
}

.succes {
	margin:0 50px 40px 20px;
	padding:10px;
	background-color:#4c9a00;
	color:#FFFFFF;
	font-weight:bold;
}

.read {
	vertical-align:middle;
	white-space:nowrap;
	background:url(../../../www.pleynet.net/img/more.html) no-repeat left;
	padding:5px 5px 5px 10px;
	float:right;
}

.cl {
	clear:both;
	
}	

.clr {
	clear:both;
}

.listResults {
	float:left;
}

.listNav {
	text-align:right;
	font-size:12px;
}

.listNav a, .listNav a:visited {
	text-decoration:none;
}

.imageZ { 
	cursor: pointer;
	cursor:-moz-zoom-in;
	cursor: url(http://www.pleynet.net/css/img/z.ani);
}

#copyright {
width:30px;
}


#map {
	width:480px;
	height:300px;
	clear:both;
	text-align:left;
	}

.form {width:500px;
clear:both;
height:400px;}

#titre {
position:absolute;
top:240px;
right:26px}

#content #txt {
padding:10px 60px 10px 55px;
margin-top:-50px;
text-align:justify;
color:#000000;}

#content #txt h4 {
	font-size:18px;
	padding:7px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#content #txt a, #content #txt a:visited { color:#000; text-decoration:underline}
#content #txt a:hover, #content #txt a:hover:visited{ color:#000; text-decoration:none}

p.intro {
border:1px dotted #666;
font-size:14px;
font-weight:bold;
color:#333333;
padding:15px;
background-color:#F5F5F5
}

intro p {text-align:left}

.nav  {
text-align:center;
list-style-type:none;
padding-top:10px;
font-size:16px;
height:37px;
}

.nav ul li {
display:inline;
padding:0 30px;
color:#000;
}



.nav ul li a, .nav ul li a:visited { color:#000; text-decoration:underline}
.nav ul li a:hover, .nav ul li a:hover:visited{ color:#000; text-decoration:none}


#rubrique1 {
float:left;
width:250px;
margin-top:140px;
}


#rubrique2 {
float:right;
width:250px;
margin-top:140px;
}

#rubrique1 ul, #rubrique2 ul {
width:250px;	
color:#000;
list-style:none;
}
	

#rubrique2 .rub5 a {text-align:center;
width:220px}

#rubrique2 .rub5 {
padding-left:10px;
margin-right:-55px;
text-align:center
}
	
#rubrique1 ul li, #rubrique2 ul li{
color:#000;
margin:25px 10px;
list-style:none;
background-repeat:no-repeat;
background-position:bottom;
}
	

#rubrique1 li a, #rubrique2 li a{
font-size:15px;
font-weight:bold;
color:#fff;
display:block;
text-decoration:none;
width:230px;
height:40px;
/* background-image:url(../img/rub8.png);*/
background-repeat:no-repeat;
padding:25px 25px 0 25px;
}

#rubrique1 li a {
text-align:left}

#rubrique1 li .rub1 a {
text-align:center}

#rubrique2 li a {
text-align:right}


#container.rubrique {
background-image:url(../img/bg_rubrique.jpg);
height:621px;
width:950px;
}

.rub1, .rub2, .rub3, .rub4 {float:left}
.rub5, .rub6, .rub7, .rub8 {float:right}

.rub1 {padding-left:80px;
text-align:center}
.rub4 {padding-left:145px}
.rub2, .rub3 {padding-left:10px;}

.rub5 {padding-right:80px;text-align:center}
.rub8 {padding-right:80px}
.rub6, .rub7 {padding-right:10px;}


#rubrique1 li.rub1 a, #rubrique2 li.rub5 a{ padding:15px 25px 0 25px; height:50px;}

#actus {
	width:190px;
	height:160px;
	float:right;
	margin-left:500px;
	margin-right:40px;
	margin-top:50px;
}

#actus .top {
	width:190px;
	height:13px;
	background:url(../img/bg_actus_top.png) bottom;
}
#actus .mid {
	width:162px;
	font-size:10px;
	background:url(../img/bg_actus_mid.png);
	color:#000;
	padding:0 14px 1px 14px;
}
#actus .mid h4 {
	font-size:13px;
}

#actus .mid p {
	line-height:1.3em;
}
#actus .bot {
	width:190px;
	height:13px;
	background:url(../img/bg_actus_bot.png) top;
}

#actus .bot {
	width:190px;
	height:13px;
	background:url(../img/bg_actus_bot.png) top;
}

.actuDt img {
	float:right;
	padding:2px;
	border:1px solid #000
}

.actuDt {
	margin:20px 0 0 0;
}

.actuDt .margin {
	height:20px;
}

.actuDt h4 {
	font-size:15px
}

.actuDt hr {
	display:block;
	border-width:0 0 1px 0;
	border-bottom:1px dotted #000;
	height:1px;
}

.album_details {
	width:570px;
	padding:13px;
	background-color:#333333;
	margin-left:35px	
}

.album_details .photo {
	width:140px;
	height:110px;
	text-align:center;
	float:left; 
	border:1px solid #000;
	padding-top:10px;
}

.album_details .photo:hover {
	background-color:#000;
}

.album_details .photo a img {
	max-width:130px;
}

#txt ul {
	margin:10px 0 0 30px
}


#txt ul li {
	list-style-image:url(../img/li2.gif)
}


span.sW { background:#FFCC00 };