header { 
    margin:0;
    padding:0;
    background-image:  url(../images/fond_header.jpg) ; 
    background-size: cover; /* version standardisée */
    height: 150px;

}
body{width:90%;
margin:auto;
min-width:600px;
max-width:2000px;



}
form {
padding-left:400px;
text-align: center;
font-size: 30px;
font-family: Tahoma, Arial;
}
fieldset {
width : 200px;

}

/*
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;


}
ul li a{
    display: inline-block;
    float: left;
    width: 225px;
    height: 25px;
    text-align: center;
    text-decoration: none;
    padding: 25px 0px;
    background-color: #ffb456;
    border: 2px solid white;
   

}
ul li a:hover{
    background-color: #ff9900;
  
}
*/
nav{
    font-family: Tahoma, Arial;
    font-weight: bold; 
    font-size: 24px;
    padding-right: 30px;
    margin-left: 50px;
    background-color: #ffb456;
	position :absolute;

}
a:link{color: black;}
a:visited{color: white;}
body{
    background-color: grey;
}
.b1{
    /*float: left;*/
    margin-left: 300px;
    margin-top: 0px;
    border: 2px solid black;
    width: 300px;
    height: 300px;
    background-image: url(../images/guitare.jpg);
position :absolute;

}
.b2{
    /*float: left;*/
    margin-left: 700px;
    margin-top: 0px;;
    border: 2px solid black;
    width: 300px;
    height: 300px;
    clear: right;
    background-image: url(../images/platine.jpg);
position :absolute;
}
.b3{
      /*float: left;*/
    margin-left: 300px;
    margin-top: 400px;
    border: 2px solid black;
    width: 300px;
    height: 300px;
    background-image: url(../images/micro.jpg);
position :absolute;

}
.b4{
    float: left;
    margin-left: 700px;
    margin-top: 400px;
    border: 2px solid black;
    width: 300px;
    height: 300px;
    clear: right;
    background-image: url(../images/violon.jpg);
position :absolute;
}
p{
margin-left: 30px ;
}
div.fdtransparent
{
	font-family: Tahoma, Arial;
    font-weight: bold; 
  width: 600px;
  height: 400px;
  margin-left: 300px ;
  margin-top: 000px;
  background-color: #ffffff;
  border: 6px solid black;
  opacity:0.6;
  
 
}
div.gauche{
float : left;
}
/*footer{
padding: 20px 0px;
font-size: 12px;
margin-top: 1700px;
background-color: #1f1f1f;
border-top: 1px solid #3a3a3a;
color: #777;
position :absolute;
bottom: 0px;
width: 100%;
}
*/

#foot{
background-color: #1f1f1f;
margin-left: 50px;
margin-top: 800px;
border-top: 1px solid #3a3a3a;
color: #777;
width: 1200px;
height: 100px;
position :absolute;

}
#foot2{
background-color: #1f1f1f;
margin-top: 50px;
margin-left: 50px;
border-top: 1px solid #3a3a3a;
color: #777;
width: 1200px;
height: 100px;
position :absolute;
}

#foot3{
background-color: #1f1f1f;
margin-top: 300px;
margin-left: 50px;
border-top: 1px solid #3a3a3a;
color: #777;
width: 1200px;
height: 100px;
position :absolute;
}
#ct{
font-weight: bold; 

}

#tabartiste{
margin-left: 200px;
}

th{
background : white;
font-style :italic;
}
label
{
font-weight: bold; 
}

.champ{
    display: block;
    width: 200px;
    float: left;
}
#insertion{
margin-top: 0px;
margin-left: 300px;
position : absolute;
}

#delete{
margin-top: 150px;
margin-left: 300px;
position : absolute;
}