html,body {margin:0px;padding:0px;}

#page {margin:0px auto;width:670px;}

/*------Conf général--------*/
.hidden {display:none;}
.error {border:1px solid red;background:#FF000;}
#msgErrorAll {position:Absolute;top:0;left:0;width:100%;height:100%;display:none;border:1px solid black;background:#000000;opacity:0.5;filter : alpha(opacity=50);}
#msgError {position:Absolute;top:20%;left:25%;display:none;border:1px solid black;background:#FFFFFF;opacity:1;padding:5px;width:400px;}
  #msgError .close  {float:right;display:block;width:50px;margin:0px 10px 0px 0px;}
  #msgError .idChamp  {clear:both;float:left;display:block;width:150px;}
  #msgError .raison {float:left;display:block;width:250px;} 

h2{margin:15px 0px 5px 0px;padding-top:10px}


/*-------Etape 1--------*/
form.etapeOne {float:left;display:block;width:600px;margin:0px;padding:0px;}
  form.etapeOne hr {float:left;display:block;width:600px;margin:20px 0px;padding:0px;border:0px;border-top:1px dotted #cdcdcd;}
  form.etapeOne .champs {float:left;display:block;width:600px;margin:0px;padding:0px;}
  form.etapeOne .champs:hover {float:left;display:block;width:600px;margin:0px;padding:0px;background:#BFD3CA;}
    form.etapeOne .champs label {float:left;display:block;width:194px;padding:3px;}
      form.etapeOne .champs label span.obl {width:5px;color:red;}
  
    form.etapeOne .champs span.form {float:left;display:block;width:394px;padding:3px;}
      form.etapeOne .champs span.inputText input.txt{float:left;width:380px;}
      form.etapeOne .champs span.textArea textarea{float:left;width:380px;}
      form.etapeOne .champs span.selectBox select{float:left;width:384px;}
      form.etapeOne input#btnOne.btn {clear:both;float:right;width:150px;height:28px;display:block;margin-right:12px;background-color:#95191C;border:0px;}


/*-------Etape 2--------*/
form.etapeTwo {float:left;display:block;width:600px;margin:0px;padding:0px;}
  form.etapeTwo .champs {float:left;display:block;width:600px;margin:0px;padding:0px;}
  form.etapeTwo .champs:hover {float:left;display:block;width:600px;margin:0px;padding:0px;background:#BFD3CA;}
    form.etapeTwo .champs div.text {float:left;display:block;width:600px;margin:0px 5px 0px 5px;padding:0px;background:#BFD3CA;}
    form.etapeTwo .champs label {float:left;display:block;width:194px;padding:3px;}
      form.etapeTwo .champs label span.obl {width:5px;color:red;}

    form.etapeTwo .champs span.form {float:left;display:block;width:394px;padding:3px;}
      form.etapeTwo .champs span.inputText input.txt{float:left;width:380px;}
      form.etapeTwo .champs span.textArea textarea{float:left;width:380px;}
      form.etapeTwo .champs span.selectBox select{float:left;width:384px;}
      form.etapeTwo input#btnTwoP.btn {clear:both;float:left;width:180px;height:28px;display:block;margin-right:12px;background-color:#95191C;border:0px;}
      form.etapeTwo input#btnTwo.btn {float:right;width:150px;height:28px;display:block;margin-right:12px;background-color:#95191C;border:0px;}
      form.etapeTwo input#btnTwoA.btn {float:right;width:150px;height:28px;display:block;margin-right:12px;background-color:#95191C;border:0px;}


/*-------Etape 3--------*/
form.etapeThree {float:left;display:block;width:600px;margin:0px;padding:0px;}
  form.etapeThree img {clear:both;float:left;margin:10px;padding:0px;}
  form.etapeThree .champs {float:left;display:block;width:450px;margin:10px 0px 10px 0px;padding:0px;}
    form.etapeThree input#btnThreeP.btn {clear:both;float:left;width:200px;height:28px;display:block;margin-right:12px;background-color:#95191C;border:0px;}
    form.etapeThree input#btnThree.btn {float:right;width:200px;height:28px;display:block;margin-right:12px;background-color:#95191C;border:0px;}
  form.etapeThree #bonCommande {display:none;width:100%;padding:5px 0px 5px 0px;}


/*-------Facture--------*/
#contentFac {float:left;display:block;width:770px;}

#Logo {float:left;display:block;width:100%;}
#Identite {float:right;display:block;width:300px;}
  #Identite span {display:block;float:left;width:300px;}

#Facture {width:250px;}
#FacturePf {width:450px;}
.Facture {clear:both;float:left;display:block;border:2px solid black;padding:5px;_padding:0px;}
#Numero {clear:both;float:left;display:block;width:250px;margin-top:5px;margin-bottom:5px;}
#Date {clear:both;float:left;display:block;width:250px;margin-top:5px;margin-bottom:5px;}
#codeBar {clear:both;float:left;display:block;width:500px;margin-top:5px;margin-bottom:5px;margin-left:15px;_margin-left:0px;}

#Tab {clear:both;float:left;display:block;margin-top:20px;width:740px;}
  #Tab span {display:block;padding:5px;_padding:0px;}
  #Tab span.des {float:left;width:200px;height:55px;border-top:1px solid black;border-left:1px solid black;}
  #Tab span.prix {float:left;width:85px;height:55px;border-top:1px solid black;border-left:1px solid black;}
  #Tab span.tva {float:left;width:85px;height:55px;border-top:1px solid black;border-left:1px solid black;border-right:1px solid black;}
  #Tab span.desH {float:left;width:200px;height:150px;border-top:1px solid black;border-left:1px solid black;border-bottom:1px solid black;padding-top:20px;}
  #Tab span.prixH {float:left;width:85px;height:150px;border-top:1px solid black;border-left:1px solid black;border-bottom:1px solid black;padding-top:20px;}
  #Tab span.tvaH {float:left;width:85px;height:150px;border-top:1px solid black;border-left:1px solid black;border-bottom:1px solid black;border-right:1px solid black;padding-top:20px;}

#Recap {clear:both;float:left;display:block;margin-top:20px;width:550px;}
  #Recap span {padding:5px;_padding:0px;}
  #Recap span.des {clear:both;float:left;width:180px;font-weight:bold;border-left:1px solid black;}
  #Recap span.prix {float:left;width:250px;border-left:1px solid black;border-right:1px solid black;}
  #Recap span.first {border-top:1px solid black;}
  #Recap span.last {border-bottom:1px solid black;}

#Advert {clear:both;float:left;display:block;margin-top:20px;width:100%;padding:10px;_padding:0px;}
#Info {clear:both;float:left;display:block;margin-top:20px;width:100%;border:1px solid black;padding:10px;_padding:0px;}
#Footer {clear:both;float:left;display:block;margin-top:20px;width:100%;border-top:1px solid black;padding:10px;_padding:0px;}