/*----------------------------------------------------------------*/
/* AUTEUR      : Chanh T.Do [ www.thoransoft.com ]                */
/* DATE        : 2006.11.19                                       */
/* DESCRIPTION : Feuille de style pour www.keijzercomputersxm.com */
/*               Contient le conteneur et les contenus            */
/*----------------------------------------------------------------*/

/* NOTE TECHNIQUES :
   a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
   a:active MUST come after a:hover in the CSS definition in order to be effective!!
   Pseudo-class names are not case-sensitive.
------------------------------------------------------------------------------------------------ */

body{background-color: #F7F7F7;
     margin: 25px 0px 0px 0px;
     font-family: Arial, Helvetica, serif;
     font-size: 9pt;
     text-align: center;}

/*body a:link {color: #444444; text-decoration: none;}
body a:visited {color: #444444; text-decoration: none;}
body a:hover {font-weight: normal; color: #006BD7;}
body a:active {color: #444444; text-decoration: none;}*/


/* --------------------------------------------------------------- */
/* Style du Main Container (contient left menu et le contenu)      */
/* Le container est coupé en trois partie (top, bottom et middle)  */
/* --------------------------------------------------------------- */
.TopContainer {position: relative;
               margin: auto;
               padding: 0px;
               width: 780px;
               height: 21px;
               text-align: left;
               background-image: url(../images/background/MainTop.png);
               /* Pour test seulement (Enlever les commentaires)*/
               border-left: solid;
               border-right: solid;
               border-width: 1px;
               border-color: gray;}

.MiddleContainer1 {font-size: 1.3em;
                   margin: 0px auto;
                   padding: 0px;
                   width: 782px;
                   height: auto;
                   text-align: left;
                   background-image: url(../images/background/MainMiddle.png);
                   background-repeat: repeat;
                   /* Pour test seulement (Enlever les commentaires)*/
                   border-left: solid;
                   border-right: solid;
                   border-width: 1px;
                   border-color: gray; }

.MiddleContainer2 {font-size: 1.1em;
                   position: relative;
                   top: 0px;
                   left: 0px;
                   margin: 0px 30px 0px 0px;
                   padding: 0px;
                   width: 560px;
                   height: auto;
                   text-align: center;
                   /* Pour test seulement (Enlever les commentaires)*/
                   /* border-style: solid;
                   border-width: 1px;
                   border-color: blue; */}

.MiddleContainer3 {position: relative;
                   margin: 0px;
                   padding: 0px;
                   width: 548px;
                   height: 30px;
                   text-align: right;
                   font-family: Verdana, Arial, Helvetica, serif;
                   font-size: 0.6em;
                   color: #444444;
                   /* Pour test seulement (Enlever les commentaires)*/
                   /* border-style: solid;
                   border-width: 1px;
                   border-color: green; */}

.BottomContainer {position: relative;
                  margin: auto;
                  padding: 0px;
                  width: 780px;
                  height: 27px;
                  text-align: left;
                  background-image: url(../images/background/MainBottom.png);
                  /* Pour test seulement (Enlever les commentaires)*/
                  border-left: solid;
                  border-right: solid;
                  border-width: 1px;
                  border-color: gray;}

/* Pour la page compagnie */
.grid {position: absolute;
       top: -3px;
       left: 23px;
       margin: 0px;
       padding: 0px;
       width: 529px;
       height: 89px;
       text-align: left;}

/* Pour la page Services et autres */
.grid2 {position: absolute;
        top: -7px;
        left: 23px;
        margin: 0px;
        padding: 0px;
        width: 529px;
        height: 161px;
        text-align: left;}

#man {position: absolute;
      top: 46px;
      left: 492px;
      margin: 0px;
      padding: 0px;
      width: 81px;
      height: 212px;}

/* On met cette image dans le bottom menu pour qu'elle puisse suivre */
/* lorsqu'on inscrit des lignes de textes.                           */
#creditCards {position: absolute;
              top: -78px;
              left: 368px;
              margin: 0px;
              padding: 0px;
              width: 174px;
              height: 87px;
              text-align: center;}

/* On met cette image dans le bottom menu pour qu'elle puisse suivre */
/* lorsqu'on inscrit des lignes de textes.                           */
#logoPage {position: absolute;
           top: -75px;
           left: 415px;
           margin: 0px;
           padding: 0px;
           width: 84px;
           height: 85px;
           background-image: url(../images/LogoPage.png);
           text-align: center;}

#ShippingContainer {position: relative;
                    margin: 0px auto;
                    padding: 0px;
                    width: 780px;
                    height: 571px;
                    text-align: left;
                    background-repeat: no-repeat;
                    /* Pour test seulement (Enlever les commentaires)*/
                    border-left: solid;
                    border-right: solid;
                    border-bottom: solid;
                    border-width: 1px;
                    border-color: gray; }

/* ---------------------------------------------------------------- */
/* Style pour afficher les données concernant les spéciaux.         */
/* Les spéciaux sont pris è partir de la table main de la BD MySQL. */
/* ---------------------------------------------------------------- */
.bShowMarque {font-family: Verdana, Helvetica, serif;
	      font-size: 0.8em;
	      font-weight: normal;
	      color: #444444;
              text-align: left;}

.bShowMarque a:link {color: blue;
                     font-style: italic;
                     text-decoration: none;}

.bShowMarque a:visited {color: blue;
                        font-style: italic;
                        text-decoration: none;}

.bShowMarque a:hover {color: red;
	              text-decoration: none;}

.bShowMarque a:active {color: blue;
                       font-style: italic;
                       text-decoration: none;}


/* Style pour le Column Header du tableau de produits */
.bShowMarqueH {font-family: Verdana, Helvetica, serif;
	       font-size: 0.9em;
	       font-weight: bold;
	       color: #DEDEDE;
               text-align: left;}

.bShowPiece {
	font-family: "Century Gothic", Helvetica, serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.logoProduits {position: relative;
               margin: 0px;
               padding: 0px;
               width: 222px;
               height: 77px;
               text-align: left;
               background-repeat: no-repeat;
               color: #444444;
               /* Pour test seulement (Enlever les commentaires)*/
               /* border-style: solid;
               border-width: 1px;
               border-color: gray; */}

.logoProduitsSPC {position: relative;
                  margin: 0px;
                  padding: 0px;
                  width: 364px;
                  height: 181px;
                  text-align: left;
                  background-repeat: no-repeat;
                  color: #444444;
                  /* Pour test seulement (Enlever les commentaires)*/
                  /* border-style: solid;
                  border-width: 1px;
                  border-color: gray; */}

.item {position: relative;
       top: 0px;
       left: 10px;
       margin: 0px;
       padding: 0px 0px 0px 10px;
       width: 540px;
       height: auto;
       text-align: left;
       color: #444444;
       font-family: Verdana, Arial, Helvetica, serif;
       font-size: 0.7em;
       border-left: dotted;
       border-width: 1px;
       border-color: gray; }

#BtnBack {position: relative;
          margin: 0px 0px 0px 470px;
          padding: 0px 0px 0px 5px;
          border-left: solid;
          border-width: 1px;
          border-color: gray; }

.MiddleContainer2 a:link {color: #1146A8; text-decoration: none;}
.MiddleContainer2 a:visited {color: #1146A8; text-decoration: none;}
.MiddleContainer2 a:hover {color: #444444; text-decoration: none;}
.MiddleContainer2 a:active {color: #1146A8; text-decoration: none;}

.listPrix {margin: 0px;
           padding: 180px 0px 0px 40px;
           font-family: Verdana, Helvetica, serif;
	   font-size: 0.85em;
	   font-weight: normal;
	   color: #444444;
           text-align: left;
           /* border-style: solid;
           border-width: 1px;
           border-color: red; */}

.MiddleContainerAdm {position: relative;
                     margin: 0px auto;
                     padding: 0px;
                     width: 780px;
                     height: auto;
                     text-align: left;
                     /* Pour test seulement (Enlever les commentaires)*/
                     border-left: solid;
                     border-right: solid;
                     border-width: 1px;
                     border-color: gray;
                     background-color: white;}
                     
.flags {position: absolute;
        top: 58px; //8px;
        left: 10px; //620px;
        margin: 0px;
        padding: 0px;
        width: 29px;
        height: 19px;
        text-align: left;
        /* Pour test seulement (Enlever les commentaires)*/
        /*border-left: solid;
        border-right: solid;
        border-width: 1px;
        border-color: white;
        background-color: white;*/}


.FowardKeijzerSite {position: absolute;
        top: 200px;
        left: 10px;
        margin: 0px;
        padding: 0px;
        width: 150px;
        font-size: 0.8em;
        text-align: left;}       

.FowardKeijzerSite a:link {color: blue; text-decoration:underline; }
.FowardKeijzerSite a:visited {color: blue; text-decoration:underline; }
.FowardKeijzerSite a:hover {color: darkblue; text-decoration:underline; }
.FowardKeijzerSite a:active {color: blue; text-decoration:underline; }

.flagsTxt {position: absolute;
           top: 62px; //12px;
           left: 45px; //655px;
           margin: 0px;
           padding: 0px;
           width: 50px;
           height: 10px;
           font-family: Verdana, Arial, Helvetica, serif;
           font-size: 0.8em;
           font-weight: bold;
           color: #CCCCCC; //black;
           text-align: left;}