/* CSS Document */
/*
color texte: #000
color bg: #3f3632
color bg footer: #231b17
color bg mnu #e0d9d2
color texte footer : #c5b696
color texte titre panier: #62554f
*/


html,body {
  color:#000;
  font-family: Verdana,Arial,"sans-serif";
  font-size: 0.9em;
  width: 100%;
  margin:0;
  border:0;
  }
  body {
    background: #3f3632 url("../i/bgToprepeat.png") repeat-x scroll top left;
    }

  div#global {
    
    }
    
/*
*     Top de la page 
*     logo - liens top
*/    
    
    div#top{
      height:95px;
      }
      div#top h1 {
        width:320px;
        height:204px;
        background: transparent url("../i/logo.png") no-repeat scroll top left;
        text-indent: -50000px;
        position: absolute;
        left:50%;
        margin-left:-540px;
        /*cursor:pointer;*/
        }
      div#top ul {
        list-style: none;
        position: absolute;
        left:50%;
        margin-left:330px;
        }
      div#top ul li{
        float:left;
        }
        div#top ul li a {
          height: 38px;
          text-indent: -50000px;
          display: block;
          }
          a#topMyspace{
            background: transparent url("../i/top_btnMyspace_over.png") no-repeat scroll 0px -38px;
            width: 61px;
            }
          a#topContact{
            background: transparent url("../i/top_btnContact_over.png") no-repeat scroll 0px -38px;
            width: 83px;
            }
          a#topMyspace:hover, a#topContact:hover{
          background-position: 0px 0px;
          }
            
    div#main {
      left:50%;
      margin-left:-490px;
      position: relative;
      width:980px;
      z-index:100;
      }   
      
      /*
      *     slide gauche
      *     menu + panier
      */        
      div#left {
      position:relative;
      width:200px;
      float: left;
      top:80px;
      
      }
        div#menu {
        margin-bottom:20px;
        }
        div#menu ul{
         /*  background: transparent url("../i/bgmenu_corps.png") repeat-y scroll top left;*/
           width:199px;
          }
          div#menu ul li {
           }
           div#menu ul li a {
           padding-top:7px;
            background: transparent url("../i/bgmenu_noactive.png") repeat-y scroll top left;
            padding-left:45px;
            display: block;
            height:31px;
            text-decoration:none;
                
             }
           div#menu ul li a:hover, div#menu ul li a.active {
             background: transparent url("../i/bgmenu_active.png") repeat-y scroll top left;
             } 

      div#panier div {
         background: transparent url("../i/bgpanier_corps.png") repeat-y scroll top left;
         width:199px;
         padding: 0px 0px 0px 12px;
         }
         div#panier div h2{
           font-size: 1.2em;
           color:#62554f;
           padding: 0px 0px 8px 0px;
           margin-bottom:0px;
           margin:0px;
          } 
          div#panier div ul {
            margin-bottom:15px;
            }
            div#panier div ul li{
                padding:2px 0px;
               }
               div#panier div ul li span{
               font-size: 0.7em;
               padding-left: 0px;
               }
               div#panier div ul li span.taille {
               padding-left:20px;
               }
               div#panier div ul li a img{
               margin-bottom:-2px;
               } 
       div#panier div#infoCmde {
          background: transparent;
          margin-bottom:20px;
          }
      p.confirmation {
      color:#78A600;
      font-weight: bold;
      padding-bottom: 10px;
      display:block;
      width:180px;
      margin-left:5px;
      }
          
       /*
      *     centre
      *     contenu du site / pages
      */     
      div#center{
        width: 755px;
        position:relative;
        float: right;
        padding-bottom:70px;
        }

      div#center div.content{ 
        padding-left:20px;
        background: transparent url("../i/bgCentre_corps.png") repeat-y scroll top left;
        padding-bottom:20px;
        }
      div#center div p {
        width:700px;
        }
        
        
      div#footer{          
        clear: both;              
        position: relative;
        background: #231B17 url("../i/footer_repeat.png") repeat-x scroll top left; 
        }  
        div#footer #first{          
          background: transparent url("../i/footer.png") no-repeat scroll top center;        
          height: 254px;
          position:relative;
          top:0px;
          }
        div#footer #second {

          }
        div#footer #third {
          position:relative;
          color:#c5b696;
          top:-114px;
          left:50%;
          margin-left:-490px;
          width:950px;
          height: 120px;
          line-height: 1.2em;
          }
        div#footer #third ul {
            position: relative;
            left:80px;
            top:35px;
            }
             div#footer #third ul li {
                display: block;
                float:left;
                width:250px;
                }
                #etape2 {
                  position:relative;
                  left:60px;
                  }
                #etape3 {
                  position:relative;
                  left:120px;
                  }
      div#footer #third a {
        color:#FFF;
        }
      div#footer #third a:hover {
        text-decoration: underline;
        color:#dedede;
        }
      div#footer #third a:visited{
        color:#999;
        }
      div#footer #third p#legals {
      clear: both;
      margin-top:150px;
      display: block;
      position: relative;
      text-align: center;
      }
/*

générales et class
*/
      
img{
border:0;
}
img.head {
margin-bottom:-1px;
}
a {
color:#282828;
text-decoration: underline;
}
p a:hover{
color:#000;
text-decoration:none;
}
a:visited {
  text-decoration: underline;
}
acronym {
border-bottom:1px dotted;
}
hr.klr {
clear: both;
visibility: hidden;
}    
p {
padding-bottom: 5px;
}  
h2 {
color:#52464A;
font-size: 3em;
margin-bottom:20px;
margin-left:10px;
}
      
h3 {
color:#70645e;
font-size: 2.3em;
margin-bottom:10px;
margin-left:30px
}    

div#noscript {
width: 800px;
position: fixed;
top: 140px;
left:50%;
margin-left:-400px;
background-color: rgb(102,0,0);
z-index: 2000;
padding: 60px 20px;
color: #FFF;
}    
noscript p, div#ie6 p {
margin-bottom: 10px;
}
noscript  a, noscript  a:hover, noscript  a:visited,div#ie6  a, div#ie6  a:hover, div#ie6  a:visited {
color: #FFF;
font-weight: bold;
}

div#ie6 {
position:absolute;
background-color: rgb(102,0,0);
color: #FFF;
left:50%;
top: 70px;
width:800px;
margin-left:-400px;
padding:220px 50px;
z-index: 2000;
font-size: 14px;
}