/* Layout */

* {
   font-family : arial, sans-serif;
   font-size : 12px;
}

BODY {
   background-color : #e9e9e9;
   background-image : url('../itf/bg_body.gif');
   background-repeat : repeat-x;
   color : #888;
   margin : 0;
   text-align : center;
    line-height : 1.5em;
}

#container {
    width : 766px;
    margin : 0 auto;
}

#header {
    height : 82px;   
    background-image : url('../itf/bg_header.gif');
}

#menu {
    height : 73px;
    width : 766px;
    z-index:1;
}
#black {

    background-color : black;
    width : 50%;
    height : 67px;
    position : absolute;
    top : 82px;
    z-index:-1;
    left : 0px;
    
}
#content {
    width : 766px;
    background-color : #eee;
       background-image : url('../itf/bg_content.gif');
background-repeat : repeat-x;
    text-align : left;
}

#main {

    margin : 0 10px 10px 10px;
    padding-top : 30px;
}

#side {
    float : right; 
    width:200px;
    margin-left : 20px;
    margin-bottom : 20px;
}

#footer {
    text-align : center;
    clear : both;
    font-size : 10px;
    color : #aaa;
    border-top : solid #bbb 1px;
    padding : 8px 0;
    margin : 30px 10px 0px 10px;
    letter-spacing : 1.9px;
}

#footer  a {
    color : #aaa;
    text-decoration : none;
    font-size : 10px;
}    

#footer a:hover {
    color : #888;
}



#footer2 {
    text-align : right;
    font-size : 10px;
    color : #aaa;
    padding : 8px 0;
    margin : 15px 0px 20px 10px;
}

#footer2  a {
    color : #aaa;
    text-decoration : none;
    font-size : 10px;
}    

#footer2 a:hover {
    color : #888;
}



/* Fonts & colors */

H1,H2 {
    background-image: url('../itf/bg_h1.gif');
    background-repeat : no-repeat;
    color : #f90;
    font-size : 1.8em;
    height : 30px;
    padding-left : 35px;
    margin : 0;
    font-weight : normal;
}

H1.compte {
    background-image: url('../itf/bg_h1_compte.gif');
}
H1.panier {
    background-image: url('../itf/bg_h1_panier.gif');
}

H3 {
    background-image: url('../itf/bg_h3.gif');
    background-repeat : no-repeat;
    color : #76543f;
    font-size : 1.2em;
    padding-left : 30px;
    padding-top : 8px;
    font-weight : normal;
    height : 30px;
    margin : 0px;
}

h4 {
      color : #f90;
    font-size : 1.3em;
     margin : 0;
    margin-bottom : 5px;
    margin-top : 10px;
    
}

p {
    padding-left : 35px;
    text-align : justify;
    line-height : 1.5em;
    margin : 0;
    margin-bottom : 3px;
}

#side p {
    padding-left : 25px;
}

a img {
    border : 0;
    margin-bottom : 2px;
}

a {
    color : black;
}

/* forms  */

.form_input, .form_textarea  {
    border : solid #a5acb2 1px; 
    background-image:  url('../itf/bg_input.png');
    background-repeat : no-repeat;
    width : 190px;
    font-size : 1.1em;
    padding : 2px;
}
form {
    margin : 0;
}

.error {
    color : #900;
}


legend {
    font-weight : bold;

padding : 0;
margin : 0;
    }
fieldset {
padding : 10px;
border : solid #ddd 1px;
margin-top : 10px;
}

/* COMPTE  */

.bloc {
    float : left;
    width : 308px;
    height : 215px;
    background-image: url('../itf/bt_big.png');
    background-repeat : no-repeat;
    
    margin: 30px;
    margin-right : 0px;
    position : relative;
}


.bloc .title {
     color : #f90;
     font-size : 1.5em;
     margin: 15px;
     margin-bottom : 15px;
}

.bloc .inside {
    margin-left : 50px;
    position : relative;
}
#error_login {
    position : absolute;
    font-weight : bold;    
    top : 15px;
    right:25px;
    
}


.bloc a.small_link {
    color : #aaa;
    font-size : 80%;
    text-decoration : none;
    margin-left : 38px;
}

.bloc .button {
    position : absolute;
    bottom : 15px;
    right : 55px;
}

.puce {
    background-image: url('../itf/puce.gif');
    background-repeat : no-repeat;
    background-position: 0 2px;
    padding-left : 15px;
    margin-bottom : 5px;    
    margin-top : 10px;
}

.compte_menu {
    background-color : #f6f6f6;
    margin : 30px;
    padding : 30px;
    border-radius : 6px;
    -moz-border-radius : 6px;
    
}

.compte_menu_bloc {
    float : left;
    width : 280px;
    height : 100px;
    margin : 0 30px 30px 0;

}

.spacer {
    clear : both
}   

.margin_left {
    margin-left : 30px;
}

#collec_side {
    position : absolute;
    left : 700px;
    width : 200px;
} 
#collec_content {
    margin-right : 220px;
}
/* Process achat */

.etape {
    margin-left : 60px;
    margin-bottom : 30px;
}


.bloc_produit {

	
    
    

}

.bloc_inside {
    background-color : #f6f6f6;
    width: 210px;
    
    border-radius : 6px;
    -moz-border-radius : 6px;
    margin-left : 20px;
    margin-top:30px;
    min-height : 250px;
    float: left;

}

.bloc_produit .inside {
    
    padding : 10px;

}



.bloc_produit .title {
     color : #f90;
     font-size : 1.5em;
     margin: 15px;
     margin-bottom : 0px;
     
}

.bloc_produit .title A{
     color : #f90;
     font-size : 1em;
     text-decoration: none;
}




/* Tables */

table.listing {

    background-image: url('../itf/bg_th_big.gif');
    background-repeat : no-repeat; 
 width : 710px; 
 border-collapse: collapse;
 border-spacing : 0px;
 margin : auto;
 margin-top : 20px;
 margin-bottom : 10px;
}

table.listing tr.head{
    height : 23px;
    color : white;
    text-align : center;
}

table.listing td{
    height : 23px;
    background-color : #f6f6f6;
    padding : 10px;
    color : black; 
    border-bottom : dashed black 1px;
}

table.panier_total {
    text-align : right;
    color : black; 
    border-spacing : 0px; 
}

table.panier_total td.total{
    border-top : solid black 2px;
    font-size : 2em;
    font-weight : bold;
}

.button_chaussette button{
	border: 2px solid #fff;
	color: #fff;
	background-color: #734931;
	font-weight: bold;
	display: inline;
}

.separation {
	border: 0;
    border-top : solid #D5D5D5 1px;
	 height: 20px;
}