/*----------------------------------------------------------------*/
/* 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 {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 {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: 8px;
        left: 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: 12px;
           left: 655px;
           margin: 0px;
           padding: 0px;
           width: 50px;
           height: 10px;
           font-family: Verdana, Arial, Helvetica, serif;
           font-size: 0.8em;
           font-weight: bold;
           color: black;
           text-align: left;}


/*---------------------------------------------------- 
   Chanh T.Do [Thoransoft - 2007.04.27]
   Ajout de classe de style pour la page Partners 
------------------------------------------------------*/
.thumbContainer {position: absolute;
                 margin: 0px;
                 padding: 0px;
                 top: 70px;
                 left: 60px;
                 width: 450px;
                 height: auto;
                 /* border-style: solid;
                 border-color: #e4d3dd;
                 border-width: 1px; */
                 color: #58183a;
                 font-weight: normal;
                 font-size: 0.8em;
                 text-align: left;}

.thumbGallery {margin: 0px;
               padding: 1px;
               width: 150px;
               height: 150px;
               /* border-width: 1px;
               border-color: #CCCCCC;
               border-style:solid;
               float: left; */
               text-align: center;}

.ContainerPartners1 {position: relative;
                     margin: 0px 0px 0px 60px;
                     padding: 0px;
                     width: 719px;
                     height: 76px;
                     text-align: left;
                     overflow: auto;
                     /* Pour test seulement (Enlever les commentaires)
                     1border-left: solid;
                     border-right: solid;
                     border-width: 1px;
                     border-color: gray; */
                     background-color: white;}
                     
.ContainerPartners2 {position: relative;
                     margin: 0px 0px 0px 60px;
                     padding: 0px;
                     width: 719px;
                     height: 200px;
                     text-align: left;
                     overflow: auto;}

.ContainerPartners3 {position: relative;
                     margin: 0px 0px 0px 60px;
                     padding: 0px;
                     width: 719px;
                     height: 22px;
                     text-align: left;
                     overflow: auto;}

.bouton {width:50px; 
         height:20px; 
         border:1px solid #ffffff; 
         background-color:#7c9ed7;
         font-weight:bold;
         font-size:1em;
         cursor:hand;
         color:#ffffff;}

.btn_content {position:absolute; border:1px solid blue;}
.btn_container {position:relative;
		margin:10px 0px 0px 10px;
		width:350px;
		height:25px;
		text-align:left;}

.faq_paragraph {margin:5px 0px 0px 25px; width:530px;}
.bold_title {font-size:1.1em; color:#006bd7; margin:0px 0px 0px 10px;}
.visiteImg {filter:alpha(opacity=0);
            -moz-opacity:0;}