body{
  background-color: #18191B;
  background-image: url(includes/images/background.gif);
  background-repeat: repeat-x;

  height: 100%;
  margin: 0;

  font-family: arial;
  font-size: 12px;
}

#pagewrap{
  width: 800px;

  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  background-color: #FFFFFF;

  margin-left: auto;
  margin-right: auto;

  padding: 8px;
  padding-top: 1px;
}

/*  */
.searchbar{
   background-image: url(includes/images/topbar.png);
   background-repeat: no-repeat;
}

.searchbar td{
   vertical-align: middle;
   padding-left: 10px;
   height: 28px;
}

.searchbar, .searchbar a{
   color: #666666;
   font-weight: bold;
   text-decoration: none;
}

.searchbar a:hover{
   color: #6D90C6;
}


/*    */

form{
   margin: 0px;
}

table{
  width: 100%;
}

td{
  vertical-align: top;
}

h1{
  color: #DF924F;
  margin: 0px;
  margin-bottom: 3px;

  font-size: 14px;
}

h2, .h2_index{
  color: #355496;
  margin: 0px;
  margin-bottom: 5px;

  font-family: arial;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}

.h2_index{
  color: black;
  font-size: 14px;
  margin-bottom: 3px;
}

h3{
  color: #5780B8;
  font-size: 13px;
  border-bottom: 1px dotted #CCCCCC;
  padding-bottom: 5px;
  /*margin-top: 30px;*/
}

a{
  color: #0033FF;
  /*font-size:11px;*/
}

img{
  border: 0px;
}

/*  SIDEBAR - Colonne de droite  */
.sidebar{
   width: 175px;
   border-left: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
   background-color: #FCFCFC;
}



.table_h{
   background-color: #FFFFFF;
   background-image: url(includes/images/menu.png);
   background-repeat: no-repeat;

   color: #FFFFFF;
   padding-top: 9px;
   padding-left: 25px;
   height: 25px;
   border: 0px solid #84A0B7;
   font-weight: bold;
   text-align: left;
}


/* */
.menu{
  list-style-type: none;
  padding: 3px 3px 3px 3px;
  margin: 0px;
}

.menu img{
  padding-right: 5px;
  padding-bottom: 1px;
}

.menu li{
  cursor: pointer;
  padding: 3px;
  padding-left: 5px;
  border-bottom: 1px solid #EEEEEE;
}

.menu li:hover{
  background-color: #FBF7E4;
  cursor: pointer;
}
.menu a:hover{
  color: #C03612;
  text-decoration: underline;
}

.menu a{
  color: #4D5F7D;
  text-decoration: none;
  font-size:11px;
}

/*  CONTENT - Colonne de contenu  */
.index_categorie_gauche, .index_categorie_droite{
   background-image: url(includes/images/topbar.png);
   background-repeat: no-repeat;
   background-position: top left;

   font-weight: bold;
   color: #5780B8;
   text-transform: uppercase;

   vertical-align: middle;
   padding-left: 10px;
   height: 28px;
}

.index_categorie_droite{
   background-position: top right;
}


.header_position{
   font-size: 11px;
   margin-bottom: 15px;
}

.content{
   height: 600px;
   padding-left: 18px;
   padding-right: 12px;
   padding-top: 0px;
}

.even{
  background-color: #FFFFFF;
}

.odd{
  background-color: #FAFAFA;
}

.row1{
  background-color: #FFFFFF;
  vertical-align: middle;
  padding: 3px;
}

.row2{
  background-color: #EFEFEF;
  vertical-align: middle;
  padding: 3px;
}

hr{
  border: 0px;
  border-bottom: 1px dashed #CCCCCC;
}

.qty_enabled{
  border: 1px solid #9B9A67;
  background-color: #FCFFCE;
  text-align: center;
}

.qty_disabled{
  border: 1px solid #7F9DB9;
  text-align: center;
}

.boite_avertissement{
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  padding: 5px;
  font-size: 11px;
}

/**/
.pagetab{
  border: 1px solid #CCCCCC;
  background-color: #FAFAFA;
  font-size: 11px;
}

.pagetab td{
  vertical-align: middle;
  padding: 3px;
}

.thispage, .page:hover{
  color: red;
}

.page_affichage{
  border: 1px solid #708CBE;
  padding: 3px;
  text-decoration: none;
  background-color: #F0F5FE;
  color: #526A98;
}

/*                                 */

.footer{
  background-color: #FFFFFF;
  background-image: url(includes/images/footer.png);
  background-repeat: no-repeat;
  height: 80px;
}

.footer td{
  color: #646464;
  padding: 20px;
}

.footer a{
  color: #646464;
  font-weight: bold;
  text-decoration: none;
}

.footer a:hover{
  color: #6D90C6;
  text-decoration: underline;
}


/* Alerte de chargment *//*
#loadpage{
  z-index: 3;
  visibility: visible;
  position: absolute;
  width: 620px;
  vertical-align: middle;
  padding-top: 150px;
}
*/
#loadpage table{
	position: fixed; /*set the position type for non IE systems*/
	top: 150px; /*set the top of the menu to be ~15 lines down the screen. You need to specify the location in some way, I'm putting it in the top right.*/
	right: 40em; /*set the right hand edge of the menu to be slightly in from the edge*/


  padding: 5px;
  background-color: #EEF0FC;
  border: 2px solid #6E89DD;
  margin: auto;
  width: 200px;
  font-size: 11px;
}

* html #loadpage table{position:absolute;}
/**/

.item input{
  border: 1px solid #7F9DB9;
}

#mouseposition{
  position: absolute;
  visibility: hidden;
  width: 0px;
}

   /*panier*/
   #panier{
     background-color: #FFFFFF;
   }

   .credit{
     background-color: #EFEFEF;
     padding: 5px;
     border-top: 1px solid #CCCCCC;
     margin-top: 5px;
   }
   /**/
#login{
   height: 200px;
}

#connection{
  margin: auto;

  width: 300px;
  background-color: #FBFAF3;
  border-width: 2px;
  border-style: solid;
  border-color: #A3B6F0 #6E89DD;
}

#connection_alertbox{
  padding: 3px;
  text-align: center;
  font-weight: bold;
  color: #504911;

  background-color: #F7F2C8;
  border: 1px solid #E3DB9C;
}




/*  FACTURE   */
.facture_page{
   padding: 10px;
   margin: 10px;
   background-color: #FFFFFF;
   border: 1px solid #BBBBBB;
}
.facture{
   width: 100%;
}

.facture td{
   background-color: #FFFFFF;

   text-align: center;
   vertical-align: middle;

   padding: 3px;
}

.facture th{
   border-top: 1px solid #333333;

   background-image: none;
   background-color: #DEDEDE;

   vertical-align: middle;
   padding: 3px;

   color: #000000;
   font-size: 10px;
   font-weight: normal;
}

.facture_item{
   border-top: 1px solid #EEEEEE;
   border-left: 1px solid #DDDDDD;
   padding-top: 5px;
   padding-bottom: 5px;

   color: #464646;
   font-size: 1.0em;
   font-weight: normal;
}

.facture_img{
   height: 40px;
   border: 0px;
}