body {background: url(./font/bg2.jpeg); }
.verte{color:green; }
.bv{border:2px solid blue;padding: 10px 20px; 
background: red;color: white;font-weight: bold;font-size: 20px;
border-radius: 10px;
 }
  #Haut {background:#00FFFF; text-align:right; position: fixed; top:0% ; bottom: 85% ; left: 1% ; right:1%  ;}
 
  .Logo_Four {background:#00FFFF;   position: fixed; top:1% ; bottom:85%  ; left: 2% ; right: 82% ;
 text-align: center;
 }
 

 

 #Label_Logo {background:#AA2828;height:16px; width:185px;font-size: 10px;font-weight: bold;
 margin-top: 5px;margin-left:8px;color: white; text-align: center;position: fixed;}
 
 #Titre_Form {background:green; height:18px; width:403px;font-size: 12px;font-weight: bold;
 margin-top:5px;margin-left:194px; color: black; text-align: center;font-family:Tahoma; position: fixed;}
 #Tableau_1{margin-top: 3%;margin-left:1%;font-family: Tahoma;}
 #Tableau_2{margin-left:1%;font-family: Tahoma;}
 #Tableau_3{margin-left:1%;font-family: Tahoma;}
 #Tableau{margin-top: 0%;margin-left:1%; font-family: Tahoma;}
 
 #Label_Donnees{font-size: 17px; color: blue;}
 #Input_Donnees{font-size: 17px; color: black;font-family: Tahoma; }
 #search{font-size: 17px; color: black;font-family: Tahoma; }
 #Titre_Donnees{font-size: 17px; color: black;}
 /*#Form {background:red;  position: fixed; height:585px; width:810px;left: 10%;overflow: auto;visibility: hidden;}*/

 #Droite1 {background:#00FFFF;  position: fixed; top:25% ; bottom: 10% ; left: 78% ; right:1% ;overflow: auto}
 #Droite2 {background:#00FFFF;  position: fixed; top:25% ; bottom: 10% ; left: 78% ; right:1% ;visibility: hidden;}
 #Menu_Principale {background:#00FFFF; text-align:right; position: fixed; top:19% ; bottom: 76% ; left: 10% ; right:10%  ;}
 
 #bdrf {background:#00FFFF; text-align:right; position: fixed; top:19% ; bottom: 76% ; left: 86% ; right:1%  ;}
 .bfermer {background:#00FFFF;   position: fixed; top:19% ; bottom:76%  ; left: 94% ; right: 2% ;
 text-align: center;
 }
 .breduire {background:#00FFFF;   position: fixed; top:19% ; bottom:76%  ; left: 90% ; right: 6% ;
 text-align: center;
 }
 .bdeconnecter {background:#00FFFF;   position: fixed; top:19% ; bottom:76%  ; left: 86% ; right: 10% ;
 text-align: center;
 }
 .bfermer:hover{cursor: pointer;}
 .breduire:hover{cursor: pointer;}
 .bdeconnecter:hover{cursor: pointer;}

 
 #bei {background:#00FFFF; text-align:right; position: fixed; top:19% ; bottom: 76% ; left: 1% ; right:90%  ;}
 .enregistrer {background:#00FFFF;   position: fixed; top:19% ; bottom:76%  ; left: 2% ; right: 94% ;
 text-align: center;
 }
 
 .imprimer {background:#00FFFF;   position: fixed; top:19% ; bottom:76%  ; left: 6% ; right: 90% ;
 text-align: center;
 }
 .enregistrer:hover{cursor: pointer;}
 .imprimer:hover{cursor: pointer;}

 
 
 #Bars_Apres_Menu {background:#00FFFF; text-align:center; position: fixed; top:25% ; bottom: 71% ; left: 8% ; right:23%  ; color: white;}
 .label1 {background:white;width:11%; position: fixed; top:25% ; bottom:71%  ; left: 8% ; right: 80% ;
 text-align: center;font-size: 18px;font-weight: bold;
border-bottom: solid 3px #FFF;
border-top: solid 3px #FFF;
border-left: solid 3px #FFF;
border-right: solid 3px #FFF;
border-color: #FF00A3;
 }
 .texte1 {background:white;width:25%;position: fixed; top:25% ; bottom:71%  ; left: 19% ; right: 57% ;
  text-align: center;font-size: 18px;font-weight: bold;
  border-bottom: solid 3px #FFF;
border-top: solid 3px #FFF;
border-left: solid 3px #FFF;
border-right: solid 3px #FFF;
border-color: #FF00A3;
 }
 .label2 {background:white;width:15%;position: fixed; top:25% ; bottom:71%  ; left: 44% ; right: 41% ;
 text-align: center;font-size: 18px;font-weight: bold;
 border-bottom: solid 3px #FFF;
border-top: solid 3px #FFF;
border-left: solid 3px #FFF;
border-right: solid 3px #FFF;
border-color: #FF00A3;
 }
    .texte2 {background:white;width:19%;position: fixed; top:25% ; bottom:71%  ; left: 58% ; right: 23% ;
 text-align: center;font-size: 18px;font-weight: bold;
 border-bottom: solid 3px #FFF;
border-top: solid 3px #FFF;
border-left: solid 3px #FFF;
border-right: solid 3px #FFF;
border-color: #FF00A3;
 }


 /*#resultat {background:none;  position:fixed; top:30% ; bottom: 10% ; left: 8% ; right:23%;overflow:auto; }*/

 .titre1{color: white;font-size: 22px; text-shadow: 3px 3px #000000;}
 .titre2{color: white;font-size: 12px; text-align: center;}
 

  .Sous_Menu{width: 98%; border:none; background:#00FFFF; color: black;
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 35px;font-weight: bold;margin-left: 1%;margin-right: 1%;
 }

  .Pmenu1,.Pmenu2,.Pmenu3,.Pmenu4,.Pmenu5,.Pmenu6,.Pmenu7{border:none; background:#0000FF; color: white;
 padding-bottom: 5px; padding-top: 2px;border-bottom:0px solid #FFF;
 font-size: 18px;
 }


   .pmenu2{border:none; background:#0000FF; color: white;
 padding-bottom: 5px; padding-top: 5px;border-bottom:1px solid #FFF;
 font-size: 18px;visibility: hidden;
 } 
 

 


 
 .Pmenu1:focus{background:red; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF;}
 .Pmenu2:focus{background:red; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF;}
 
 .Pmenu1:focus~#Droite1{visibility: visible;}
 .Pmenu2:focus~#Droite2{visibility: visible;}
 .bmenu1:focus{cursor: pointer; background:red; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}
 .bmenu1:focus>#Droite1{visibility: visible;}
 .bmenu2:focus>#Droite2{visibility: visible;}
 
 #Sous_Sous_Menu_Commandes{background:yellow;  position: fixed; top:1% ; bottom: 40% ; left: 48% ; right:19% ;}
 
   .Nom_Sous_Sous_Menu{width: 98%; border:none; background:yellow; color: black;
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 20px;font-weight: bold;margin-left: 1%;margin-right: 1%;
 }
 
  input[name="Sous_Sous_Menu"]{width: 98%; border:none; background:#2A265E; color: white;
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 17px;margin-left: 1%;margin-right: 1%;
 }
 
 input[name="Sous_Sous_Menu"]:hover{cursor: pointer; background:#AA2828; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}
 
 .Liste{background:white;border:solid 2px; margin: 0; padding:0px;}
 .Liste_Facture{background:white;position: relative;border:solid 2px; margin: 0; padding:0px;left: 1%;top:-22%;width: 98%;}
 .Ligne_Actuel:hover{background-color:yellow;cursor:pointer;}
 .Facture_doit{background:blue;margin: 0; padding:0px;font-size: 17px;font-weight: bold;}
a{border:0;color: black; text-decoration: none;display: inline-block;}
#div_1_Facture{background:green;  position: relative; top:1%; left: 1%;width: 98%;}
#div_2_Facture{background:yellow;  position: relative; top:2%; left: 1%;width: 50%;}
#div_3_Facture{background:red;  position: relative; top:-23%; left: 69%;width: 30%;a}