/*
 La page est structurée de la façon suivante

Dans Wrapper
  ______________________________________
 |               header                 |
 |--------------------------------------|
 |               Navigation             |
 |--------------------------------------|
 |            |           |             |
 | leftcolumn |  content  | rightcolumn |
 |            |           |             |
 |------------|-----------|-------------|
 |              Footer                  |
 |--------------------------------------|
 
*/

/* Général */
* { padding: 0; margin: 0;}

body { font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       margin: auto;
       width: 862px;
       background-image: url(fond.jpg);
       /* background: #E0E0E0 ; */
       color: #6b6b6b;
       margin-bottom: 10px;
}

img { border: 0px;}

/* Début des blocs */
#wrapper { margin: 0px auto;
           width: 860px;
           border:  0px ;
           margin-top: 10px;
           margin-bottom: 10px;
           padding: 0px;
           background: #FFFFFF;
           border: 0px solid #CCCCCC;
}


#header { width:   860px;
          float:   left;
          padding: 0px;
          border:  0px;
          margin:  0px;
          height:  151px;
          background: #000000;
          color: #333333;
          }

#navigation { float: left;
              width: 860px; 
              height:  25px;
              color: #333333;
              padding: 0px;
              border:  0px;
              margin:  0px;
             }

#leftcolumn { color: #000000;
              border: 0px solid #CCCCCC;
              background: #FFFFFF;
              margin:  0px;
              padding: 20px 0px 0px 5px;
              width: 160px;
              float: left;  }

#content { float: left;
          color: #6b6b6b;
           border: 0px solid #CCCCCC;
           background: #FFFFFF;
           margin: 0px;
           padding: 20px;
           width: 490px;
           min-height:550px;
           display: inline;
           font-size:        12px;
           text-align:       left;
           font-weight:      normal;
      }

#rightcolumn { color: #333; 
               border: 0px solid #ccc;
               background: #FFFFFF;
               margin: 0px;
               padding: 20px 0px 0px 0px;
               width: 165px;
               float: left;}

#footer { width: 860px;
          clear: both;
          color: #333;
          border: 0px solid #ccc;
          background: #FFFFFF;
          margin: 0px 0px 10px 0px;
          padding-top: 5px;
          padding-bottom: 5px;
          }

/* Style header */ 
#header img { text-align:center; 
              margin: 0px;
              border: 0px;}

#header a { text-decoration: none;}

/* Style colonne de droite */ 
#rightcolumn img { text-align:center; 
                   margin: 0px;
                   border: 1px solid #CCCCCC;}

#rightcolumn li { padding-bottom:5px;
                  list-style: none;  }


/* Style du pied de page */ 
#footer p { text-align:center; 
            margin-bottom:5px;}

#footer a { font-size:        10px;
            color:            #000000;
            font-weight:      normal; 
            text-decoration: underline;}

#footer img { border: 1px #000000 solid;
              margin-left:  5px;
              margin-right: 5px; }
/* Fin du style de pied de page */


/* Style des blocs menu de la colonne de gauche */
#blocsmenu { width: 148px; 
             padding:0px;
             margin-left:5px;
             border:0px; }


#blocsmenu .bordbas {  background-image: url(../img/redbottom.gif); 
                      background-position: top;
                      background-repeat : no-repeat;
                      margin-bottom:0px;
                      width: 148px;
                      background-color: #FFFFFF;
                      height:30px; }

#blocsmenu .bordhaut { width: 148px;
                       padding:0px; 
                       height:10px;
                       margin:0px;
                       background-image: url(../img/redtop.gif); background-color: #6e0028;
                       background-position: top;
                       background-repeat : no-repeat; }

#blocsmenu .listmenu{ padding-left:5px; background-color: #6e0028;
                      color: #FFFFFF;
                      margin:0px;
                      border:0px; }

#blocsmenu div.listmenu a { text-decoration: none; 
                            color: #FFFFFF;
                                                      }

#blocsmenu div.listmenu ul { list-style: none; 
                             padding-right:0px;}

#blocsmenu  div.listmenu li { border-bottom: 1px dotted #FFFFFF;
                              list-style: none;
                              padding-top: 5px;
                              margin-bottom: 0px;}

#blocsmenu h1 { padding-bottom: 5px;
                padding-left:5px;
                border:0px;
                font-size:    14px;
                font-weight:  bold;
                background-color: #6e0028;
                color:    #FFFFFF;
                text-align: left;}


/* Pour afficher ou masquer des blocs */
#blocsmenu div.more i {float:right;}
#blocsmenu div.more i.hide {display:none;}
#blocsmenu div.more p {display:none;}
#blocsmenu div.more img {display:none;}
#blocsmenu div.more ul {display:none;}
#blocsmenu div.more li {display:none;}

/* clicked style div.click */
#blocsmenu div.click i.show {display:none;}
#blocsmenu div.click i.hide {display:block;}
#blocsmenu div.click p {display:block;}
#blocsmenu div.click img {display:block;}
#blocsmenu div.click ul {display:block;}
#blocsmenu div.click li {display:block;}

/* Fin Style des blocs menu de la colonne de gauche */


/* Style du contenu */
#content h1{ padding-top: 10px;
             padding-bottom: 5px;
             font-size: 20px;
           color:#9ac528;
             font-weight: bold;}

#content h2{ padding-top: 10px;
             padding-bottom: 5px;
             font-size: 16px;
              color:#9ac528;
             font-weight:      bold;}

#content h3{ padding-top:5px;
             font-size:        14px;
             color:#9ac528;
             font-weight:      bold;}

#content h4{ font-size:        13px;
             font-weight:      bold;}

#content li { font-size:        12px;
              text-align:       left;
              margin-left:      10px;           
              margin-right:     10px;
              font-weight:      normal;           
              }

#content a { color:            #6e0028;
             text-decoration: underline;
             }

#content ul  { padding-bottom:10px;  padding-left: 10px;   list-style:square;}
#content ol  { padding-bottom:10px;  padding-left: 10px;}

#content p   { padding-bottom:15px; padding-top:5px;}
#content img { padding-bottom:5px; padding-top:5px;}

#content img.left  {float:left;  padding-right:10px;}
#content img.right {float:right; padding-left:10px;}

#content table { width:100%;
                 float:left;}

#content td img { padding:0px; margin:0px; }

#content th, #content td { text-align:left; height:20px;}
#content .contact ul {margin-left:20px; }
#content .contact li { list-style: none;  padding:0px; margin:0px; margin-top:5px;}
#content .contact img { padding:0px; margin:0px; display:inline; float:left; margin-right:5px;}

#content .order { margin-bottom:50px; margin-top:10px;text-align:center;}
#content .order img   { padding:0px; margin:0px; float:left;}
#content .order form  { padding:0px; margin:0px; float:left;}
#content .order table { width:80%; }
#content .order td { text-align:right; padding-left:10px;}


.trans * { visibility: hidden; font-size:1px; height:10px;}

/* Catalogue */ 

#catalogue { width: 490px; font-size:10px;
           display:bloc;
           float:left; }

#catalogue .produit { width: 100%; padding-bottom:25px;
           display:bloc;
           float:left; }

#catalogue .illustration { width:90px;  padding:0px; margin:  0px;
                float:left;  }

#catalogue .reference { float: left; font-size: 10px;
             background: #FFFFFF;
             width: 200px;  padding:0px; margin:  0px;
             display: inline;}

#catalogue .descriptionproduit { background: #FFFFFF; font-size: 10px;
                      width: 200px;  padding:0px; margin:  0px;
                      float: left;}

#catalogue .prix { width: 400px;font-size: 10px;
        padding-top:10px;
        float:right;
        display:bloc; }

#catalogue .produit h3 { padding-bottom:10px;
             text-align:center;
          
             font-weight: bold;}

#catalogue .reference h4 { font-size:10px;
             color: #000000; 
             font-weight: bold;}

#catalogue .reference ul { font-size:10px; margin-top:10px; }
#catalogue .descriptionproduit li {font-size:10px; list-style:square; margin-left:20px; }
#catalogue .reference li {font-size:10px; list-style:none;  margin-left:10px;}