@charset "utf-8";
body { background-color:#999999;
	   margin-top:0px;
       margin-left:0px;
	   text-align:center;
     }
#page {
text-align: left;
		width: 850px;
		border: 1px solid #000000;
		background-color: #FFFFFF;
		margin: 0px auto 0px auto;
}
.LNG_CHX 
 { font-weight: bold;
  text-decoration:none;
}

.LNG_CHX A
 { text-decoration:none;}
.apd
{ font-size:8px;
  color:#000000;
  font-weight: normal;
}
.pan_bt_supr
	{ font-size:10px;
      background-color:#CCCCCC;
      color:#404040;
      
    }
.txt_promo 
	{  text-decoration:none;
      color:#FF0000;
     
    }

.menu_table
	{background-color:#bfd8f5 ;	    
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	
    }
.menu_1rang, .menu_1rang A
	{  color: #FFFFFF;
    text-decoration:none;
    }
.menu_1rang A:hover
	{text-decoration:underline;
     color: #FFFF00;   
    }
.menu_2rang, .menu_2rang A
	{ 
	color: #808080;
    text-decoration:none;
    }
.menu_2rang A:hover
	{text-decoration:underline;
     color: #FFFF00;   
    }
.menu_selected
	{ border:1px dashed #808080;
      color : #808080
    }
.menu_selected A
	{ border:0px none;
      color : #000080
    }
.menu_selected AA:hover
	{text-decoration:underline;
     color: #FFFF00;   
    }
.detail_option TD
	{text-decoration:none;
     border-collapse:collapse;
     }
.pinfo {  background-color:#BBBBBB;
		  color:#000000;
          float: right;
}
.pinfo:hover { background-color:#FF0000;
			color:#FFFFFF;
			
}
.OBJ
 	{
    /* listes des objets*/
    border:1px #BBBBBB solid;
    width:180px;
    margin:5px;
    text-align:center;
    white-space:nowrap;
    }
.OBJ:hover
	{cursor:pointer;
	 border:1px #FF0000 solid; 
   }
.OBJ_OPT
	{ border-collapse:collapse;
     border-left:solid 1px;
     border-right:solid 1px;
     text-align:center;
    }
.OBJ_OPT TH
	{ border-right:1px solid #000000;
      border-bottom:1px solid #000000;
      border-top:1px solid #000000;
      border-left:1px solid #000000;
      margin:0px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 16px;
     background-color:#BBFFFF;
    }
.OBJ_OPT TH:hover
	{ background-color:#BBFFFF;
    }    
.OBJ_OPT TD
	{ border-right:1px dashed #000000;
      border-bottom:1px solid #000000;
      border-top:1px solid #000000;
      border-left:1px dashed #000000;
      margin:0px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 16px;
    }
.OBJ_OPT TR
	{background-color:#FFFFFF;      
    }
.OBJ_OPT TR:hover
	{background-color:#BBBBFF;      
    }
.OBJ_CARACT
	{ display:block;
	font-family:monospace;
	}
.OBJ_CARACT TABLE {padding:0px;border-collapse: collapse; }
.OBJ_CARACT TABLE TR TD { border-bottom:1px dotted #000;  }
.OBJ_CARACT TABLE TR:hover {background-color:#FFC; font-weight:bold;}
.cat_prix
  { color:#FF0000;    
	font-weight: bold;
  }
.text_page
	{ padding:15px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12px;
    }
 #OBJ_TITRE
 	{ border:1px #BBBBBB;
      background-color:#BBBBBB;
      font-size:25px;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, sans-serif;
	  text-align:center;

    }
.COMMANDE_ADR_TAB
	{ width:100%;
      
    }
.PAYEMENT
	{ width:100%; 
      background-color:#FFFFFF;
      border-collapse:collapse;

    }
 .PAYEMENT TR
 {     border-top:1px black solid;
 
 }
 .PAYEMENT TR:hover
 	{ background-color:#ADD8E6;
    }
#REMARQUE_TITRE,#PAYEMENT_TITRE
	{ font-weight: bold;
      text-decoration:underline;
    }
#COMMANDE_TOT
	{ border-top:1px black solid;
      font-weight: bold;
      background-color:#FFBBBB;
    }
#COM_ETAT
{ border:1px red solid;
  text-align:center;
  padding-bottom:10px;
  padding-top:5px;
}
#VIR
{     text-align:left;
      vertical-align:top;
      font-weight: bold;
      font-size:15px;
      cellspacing:1px;
      width:100%;
}
#VIR TD
{background-color:#FFBBBB;
      }
#vir_rem
{font-weight: bold;
text-wrap:none;
}
#COMMANDE_TOT_OK
	{ border-top:1px black solid;
      font-weight: bold;
      background-color:#BBFFBB;
    }
#COM_TITRE
 	{ border:1px #BBBBBB;
      background-color:#BBBBBB;
      font-size:25px;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, sans-serif;
	  text-align:center;

    }
 .OBJ_REF
 	{background-color:#8080FF;
      color:#FFFFFF;
      font-size:12px;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      float:left;
    }
 .OBJ_PRIX
 	{ background-color:#FF0000;
      color:#FFFFFF;
      font-size:12px;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      float:right;
    }  
 .PH_SELECT 
 	{border:1px #ff0000 solid;
    }
 .PH_NO_SELECT 
 	{border:1px #000000 solid;
    }
 
 
 .PANIER TH,.COMMANDE TH
 	{ font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:12px;
      font-weight: bold;
    background-color:#ADD8E6;
    color:#FFFFFF;
 	}
 .PANIER TD,.COMMANDE TD
 	{ font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      font-weight:normal;
    background-color:#FFFFBB;
    color:#000000;
 	}
 .PANIER_QUANT,.COMMANDE QUANT
 { width:50px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      font-weight:normal;
    background-color:#FFFFBB;
    color:#000000;
    border:1px solid #000000;
    text-align:center;
 }
 .PANIER .PANIER_TOTAL,.PANIER_TOTAL_HT,.COMMANDE TOTAL
 	{font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   font-weight:bold;
   text-align:right;
   border-top:1px solid #000000;
 	}
 	.pan_detail
 		{ font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   font-weight:bold;
   text-align:left;
   color:#FF0000;
 		}
 	.pan_detail_ok
 		{ font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   font-weight:bold;
   text-align:left;
   color:#000000;
 		}
 	.page_bas
 	{ border-top:1px #000000 solid;
 	}
 	.box_ok
 	{ background-color:#CCFFCC;
 	}
 	.box_faute
 	{ background-color:#FFCCCC;
 	}
 	.box_orange
 	{ background-color:#FFFFCC;
 	}
 	#box
 	{ position: absolute;
    background-color:#FFFFFF;
 	  border:1px solid #000000;
 	  padding:5px;
 	  display:block;
 	}
 	#grise
 	{ position: absolute;
    top:0px;
    left:0px;
    background-color:#CCCCCC;
 	}
  .lng_innactive
  	{background-color:#CCCCCC;
 	  border:1px solid #000000;
 	color:#404040;
 	
    padding : 5px;
    margin : 5px;
    }
   .lng_innactive :hover
  	{background-color:#CCCCCC;
 	  border:1px solid #FF0000;
 	color:#404040;
 	
    padding : 5px;
    margin : 5px;
    }
  .lng_active
  	{background-color:#0000FF;
 	  border:1px solid #8080FF;
 	color:#FFFFFF;
    padding : 5px;
    margin : 5px;
    

 	
    }
 #NON_COM
	{ background-color:#FFFFFF;
 	  border:2px solid #FF0000;
 	color:#FF0000;
    padding : 5px;
    margin : 5px;
    
   	}
/* Classe des menu 
=====================
*/
#page_en_cours
	{background-color:#8080FF;
     border:2px #000080 solid;}
    
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 150px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  line-height: 1.5em;
   font-weight:bold;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: #002e6a;
  font-size:16px;
  color: #fff;	
  padding: 0.2em;
}

ul.menu li a:hover {
  background: #8BF;
  
}
ul.menu li ul { width:100%;}

ul.menu li ul li a {
  background: #ccc;
  color: #000;
 
  font-size:10px;
}

ul.menu li ul li a:hover {
  background: #8bf;
  /*border-left: 5px #000 solid;*/

}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.panier_id { width=100%; text-align:center; font-size:8px; color:#888;}
.remfich {font-family:monospace;}
.remfich TR TD { border-bottom:1px dotted #000;  }
.remfich TR:hover {background-color:#CFC; font-weight:bold;}
.TITRE_FICHIER{ text-decoration:underline; font-weight:bold;}
.info_box
	{ border:1px #BBBBBB solid;
    margin:5px;
    text-align:center;
    white-space:nowrap;
    float:left;
    }
.info_box:hover
	{border:1px #FF0000 solid; 
     cursor:pointer ;
    }
 A.noa {text-decoration: none;}
		A .bt_box
			{ border:2px solid #000;
				border-radius:           15px;
    		-moz-border-radius:     15px ;
    		-webkit-border-radius:   15px ;
        overflow: hidden;
        width:190px;
        color:#44F;
        height:310px;
			  }
		A .bt_box li:hover h3
			{font-size:12px;font-weight:bold;}
		A:hover .bt_box {
			border:2px solid #F00;
			background-color:#FFB;
			}
		A .bt_box img
			{border:0px none;
			 align:center;}
		
		.bt_box h3
			{font-size:10px;
			}