/*structure*/
*{
margin: 0;
padding: 0;
border: none;
text-decoration: none;
font: 100% arial, helvetica, sans-serif;
list-style: none;
}
body{
background: #AFB3D1 url(img/bodyback.png);
font: 0.75em arial, helvetica, sans-serif;
color:#333333;
}
h2{
font: 1.5em arial, helvetica, sans-serif;
line-height: 2em;
color: #000033;
border-bottom: 2px dotted #CC6600;
margin-left: 54px;
margin-right: 54px;
}
h3{
font: 1.2em arial, helvetica, sans-serif;
line-height: 1.5em;
color: #000033;
padding-top: 1em;
}
#acces{ 
text-align: center;
font-size: 0.8em;
}
#container{
margin: 0 auto 0 auto;
width: 800px;
background:transparent;
}
#header{
position: relative;
top: 0;
left: 0;
z-index: 2;
width: 556px;
height: 194px;
padding-top: 3%;
}
#insert{
position: relative;
top: -60px;
left: 140px;
z-index: 1;
background : #fff url(img/carre_trans.gif) no-repeat scroll 0 35px;
border: 1px solid #797777;
width: 550px;
padding: 30px 10px 19px 20px;
}
/*mise en forme -texte*/
span.caps{
font-size: 1.1em;
font-variant: small-caps;
font-weight: bold;
}
p{
margin: 0.75em;
}
.ptop{
margin: 1.5em 1em 1em 1em;
}
.indent{
text-indent: 2em;
}
a{
color: #9999CC;
}
a:hover{
color:#fff;
}
a.lien1{
color: #003366;
}
a.lien1:hover{
color: #003366;
border-bottom: 1px solid #CC6600;
}
a.lien2{
color: #333366;
border-bottom: 1px solid #CC6600;
}
em{
font-size: 0.7em;
}
/*mise en forme -page*/
#big{
text-align: right;
margin-top: -20px;
}
.right{
float: right;
padding: 2em 5px 2em 7px;
}
.righttop{
float: right;
padding: 0.8em 5px;
}
.clear{
clear: both;
}
.center{
margin: 10px auto 10px auto;
width: 152px;
text-align: center;
}
#comment{
font: italic 0.75em Arial, Helvetica, sans-serif;
color: #666;
padding: 9px 0 1px 0;
}
#pageacces{
padding: 0.5em;
}
#pageacces li{
list-style: square inside;
}
#styleswitcher{
float: right;
width: 120px;
height: 95px;
color: #666;
overflow: auto;
border: 1px solid #ccc;
margin-right: 90px !important;
margin-top: 50px;
font-size: 0.9em;
padding-left: 5px;
margin-right: 50px;
}
/*menu page*/
#menu {
float: left;
margin-top:-260px;
margin-left: 1px;
}
#menu ul{
background: url(img/menuback.png) top left no-repeat;
width:139px;
}
#menu li a{
display: block;
height: 63px;
width: 139px;
line-height: 50px;
text-decoration: none;
text-indent:85px;
}
li a:hover {
background: transparent url(img/menuback.png) top left no-repeat;
}
a#menu1:hover, a#menu2:hover, a#menu3:hover {
font-size: 1.1em;
font-weight: bold;
}
a#menu1:hover {
background-position: -139px 0%;
color:#fff;
}
a#menu2:hover {
background-position: -139px -63px;
color:#993333;
}
a#menu3:hover {
background-position: -139px -126px;
color:#000;
}
/*menu musiciens*/
#menub {
position: relative;
top: -60px;
left: 500px;
width: 240px;
}
#menub ul{
width: 240px;
}
#menub li{
float: left;
}
#menub li a {
display: block;
height: 57px;
width: 55px;
line-height: 120px;
text-indent: 2px;
}
a#menu_sax {background: url(img/sax.png) left top no-repeat;}
a#menu_contre {background: url(img/basse.png) left top no-repeat;}
a#menu_bat {background: url(img/bat.png) left top no-repeat;}
a#menu_guit {background: url(img/guit.png) left top no-repeat;}
a#menu_bat:hover {
background: url(img/bat_over.png) left top no-repeat;
}
a#menu_guit:hover {
background: url(img/guit_over.png) left top no-repeat;
}
a#menu_contre:hover {
background: url(img/contre_over.png) left top no-repeat;
}
a#menu_sax:hover {
background: url(img/sax_over.png) left top no-repeat;
}
/*music style*/
.mp3{
text-align: center;
	padding:3px 0;
}
.player{
float: right;
margin-right:120px;
}
#music{
text-align: center;
}
#music1{
margin: 0 auto 0 auto;
text-align: center;
width: 310px;
height: 103px;
background: #666699;
padding-top: 5px;
border:2px solid #ccc;
}
/* formulaire */
#form{
width: 460px;
margin: 15px auto 0 auto;
color: #fff;
}
#form em{
color: #666699;
}
fieldset{
border: 1px solid #ccc;
height: 9em;
padding-top: 1em;
background: #666699;
}
textarea, input{
border: 1px solid #ccc;
}
#message textarea {
width: 320px;
}
#message label{
float: left;
padding: 5px 5px 0 0;
}
#coordonnees label {	
float: left;	
width: 30%;
text-align: right;	
margin: 0;
padding: 0 5px 0 0;
line-height: 1.8;	
}
#coordonnees input {	
height: 20px;
width: 200px;
}
.normal {
background: white;
color: black;
}
.focus {
border: 1px solid #ff9900;
}
#piedForm{
width: 400px;
margin: 10px auto 0 auto;
text-align: right;
}