html,body{
background: #000 ;
margin:0;
color:#444; 
height: 200%;
width:1500px;
font: normal  100  12px arial,helvetica,sans-serif;
}
img{border:none}
a , a:visited{color: #764; text-decoration: none;font-size:1em}
a.cat,a.valide, a.valide :visited,a.cat:visited{color: #eee; text-decoration: none;font-size:1em}
a:hover,a.valide:hover,a.cat:hover{color:#875}

.copy,.valide{font-size:0.8em}



#titre{
position: absolute;
left: 10px;
top:5px;
font-size:20px;
width:616px;
text-align:center;
}
h1.tit {display:inline;font-size:28px; color: #764;}
h2.tit{display:inline;color: #764;text-align:center}


#explications,#bandes,#composition,#finir,#commande{
color :#E5E5E5;
background:#000;
position: absolute;
left: 10px;
top:60px;
width:616px;
visibility:visible;
border:solid 1px #764;
}
#finir{
top:480px;
text-align:center;
visibility:visible;
background:#000;
}
#explications{visibility:hidden}
#explications,#bandes,#commande{top:90px}
#explications, #commande{
height:100%;
background:#222;
border:solid 1px #764;
font-size: 14px;
padding: 12px;
  width:646px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 616px;
}

html>body #explications{width: 616px;}
html>body #commande{width: 616px;}
#commande{visibility:hidden;}
#composition{
left: 660px;
top:30px;
width:730px;
visibility:hidden;
}

.vig{
float: left;
border: gray solid medium;
background-color:gray;
margin: 2px;
}
#img0,#img1,#img2,#img3,#img4,#img5,#img6 {
z-index:100;
visibility: hidden;
}


.choix{background-color:black; width:100%;text-align:center;font-size:1.2em}
/* blocs utilisés pour le menu*/ 
#info{
position:absolute;
left:30px;
top:70px;
}
#commanderNav{
position: absolute;
left: 140px;
top:70px;
visibility:hidden;
}

#footer{
position: absolute;
left:320px;
top:540px;
visibility:visible;
}


.hv{position:relative;
top:5%;
min-height:5%;
height:5%;
clear:both;
}

.inline{display: inline;}