/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

body {
text-align: center;
font-size: 1em;
font-family: arial, verdana, sans-serif;
color: white;
margin: 0; padding: 0;
background:#818382 url(images/body_bg.jpg) top center repeat-x;
}

img, table,div,td,span,form,ul,li,p { margin: 0; padding: 0; border: none; }
input { margin: 0; padding: 0; }
ul{list-style:none;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
strong{font-weight:normal;}
a {color:white;
text-decoration:none;}
a:hover{text-decoration:underline;}
.nettoyeur{clear:both;}
.nettoyeur_right{clear:right;}
img.fin_cadre{
width:100%;
height:1px;
}
span.fin_cadre{
display:block;
width:100%;
height:1px;
}
span.cache{
color:#818382;
}

/*************************Bandeau*********************************************/
div#bandeau{
margin-top:12px;
background:transparent url(images/bandeau_bg.jpg) top center no-repeat;
width:900px;
height:225px;
margin-left:auto;
margin-right:auto;
}

/************************Menu*********************/
ul#menu{
display:block;
width:220px;
height:190px;
float:left;
text-align:left;
margin-left:43px;
margin-top:24px;
}

ul#menu li{
margin-bottom:6px;
}

ul#menu li span{
display:none;
}
ul#menu li a {
display:block;
height:22px;
background-position:0px -22px;
background-repeat:no-repeat;
background-color:transparent;
}
ul#menu li a:hover {
background-position:0px 0px;
}

ul#menu li.accueil a{
background-image:url(images/bouton_accueil.jpg);
width:88px;
}

ul#menu li.homme a{
background-image:url(images/bouton_homme.jpg);
width:86px;
}

ul#menu li.femme a{
background-image:url(images/bouton_femme.jpg);
width:84px;
}

ul#menu li.accessoires{
margin-bottom:3px;
}

ul#menu li.accessoires a{
background-image:url(images/bouton_accessoires.jpg);
width:128px;
}

ul#menu li.cheques_cadeaux a{
background-image:url(images/bouton_cheques_cadeaux.jpg);
width:174px;
height:26px;
background-position:0px -26px;
}

ul#menu li.cheques_cadeaux a:hover {
background-position:0px 0px;
}

ul#menu li.contact a{
background-image:url(images/bouton_contact.jpg);
width:90px;
}

/*************Animation*********************************/

div#animation{
width:265px;
height:208px;
margin-left:auto;
margin-right:auto;
}

div#animation p{
font-size:0.88em;
padding-top:20px;
}

div#animation p.premier{
padding-top:50px;
}


/****************************Mon compte*****************************/
div#bandeau_droite{
display:block;
width:155px;
float:right;
text-align:left;
margin-right:24px;
margin-left:65px;
}

div#mon_compte{
width:155px;
height:115px;
margin-top:24px;
}

div#mon_compte h3 span{
display:none;
}

div#mon_compte h3{
display:block;
width:115px;
height:21px;
background:transparent url(images/compte_client.jpg) top left no-repeat;
}

div#mon_compte input.champ_mon_compte{
background:#666666 url(images/input_bg.jpg) top left repeat-x;
border:1px solid black;
color:#FFFFFF;
padding-left:3px;
padding-right:3px;
padding-top:1px;
padding-bottom:1px;
margin-bottom:3px;
font-size:0.82em;
}

div#mon_compte input.submit{
width:27px;
height:18px;
padding:0;
margin:0;
margin-left:3px;
}

div#mon_compte ul.champ_mon_compte{
padding-left:4px;
}

div#mon_compte ul.champ_mon_compte li{
padding-top:3px;
padding-bottom:0px;
}

div#mon_compte ul.lien_mon_compte{
padding-left:5px;
}

div#mon_compte ul.lien_mon_compte{
margin-top:2px;
font-size:0.77em;
}

div#mon_compte a:hover{
color:#FB2600;
}

div#mon_compte ul.lien_mon_compte li{
padding-top:1px;
padding-left:8px;
padding-bottom:0px;
background:transparent url(images/puce.gif) center left no-repeat;
}

div.nom_mon_compte{
font-size:0.82em;
padding-left:5px;
}

/*********************************Mes achats*********************************/
div#mon_panier{
width:155px;
height:76px;
}

div#mon_panier h3 span{
display:none;
}

div#mon_panier h3{
display:block;
width:121px;
height:22px;
background:transparent url(images/achats_en_cours.jpg) top left no-repeat;
margin-bottom:2px;
}

div#mon_panier ul.lien_mon_compte{
padding-left:5px;
}

div#mon_panier ul.lien_mon_compte li{
padding-top:1px;
padding-left:8px;
padding-bottom:0px;
font-size:0.77em;
background:transparent url(images/puce.gif) 0px 7px no-repeat;
}

div#mon_panier a:hover{
color:#FB2600;
}

/********************************Page****************************/
div#page{
width:900px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

/****************************Catalogue****************************/
div.float_left{
width:206px;
float:left;
}

div#catalogue{
background:transparent url(images/left_bg.jpg) top center repeat-y;
}

.block{
display:block;
}

div#catalogue ul{
background:transparent url(images/left_top.jpg) top center no-repeat;
text-align:left;
}

div#catalogue ul li{
padding-right:12px;
padding-left:51px;
font-weight:bold;
margin-bottom:10px;
font-size:0.96em;
padding-bottom:1px;
padding-top:1px;
}

div#catalogue ul li ul{
/*background:none;*/
margin-bottom:0px;
line-height:18px;
}

div#catalogue ul li ul li a{
color:#999999;
}

div#catalogue ul li ul li{
font-weight:normal;
padding-left:35px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
font-size:0.88em;
}


div#catalogue ul li.menu_actif ul li{
}

div#catalogue ul li.menu_actif ul li a{
color:white;
}

div#catalogue ul li.menu_actif ul li a:hover{
color:#FB2600;
}

a.rubrique_catalogue span{
display:none;
}

a.rubrique_catalogue{
display:block;
height:18px;
background-position:0px -36px;
background-repeat:no-repeat;
background-color:transparent;
margin-bottom:2px;
}

li.menu_actif a.rubrique_catalogue{
background-position:0px -18px;
}

li.menu_actif a.rubrique_catalogue:hover{
background-position:0px 0px;
}

a.rubrique_catalogue_1{
background-image:url(images/catalogue_1.gif);
width:76px;
}

a.rubrique_catalogue_2{
background-image:url(images/catalogue_2.gif);
width:74px;
}

a.rubrique_catalogue_3{
background-image:url(images/catalogue_3.gif);
width:122px;
}

a.rubrique_catalogue_22{
background-image:url(images/catalogue_22.gif);
width:87px;
height:39px;
background-position:0px -78px;
}

li.menu_actif a.rubrique_catalogue_22{
background-position:0px -39px;
}


/******************************Contenu***********************/
div.contenu{
margin-left:206px;
text-align:left;
background:transparent url(images/right_bg.jpg) top center repeat-y;
}

div.contenu_bottom{
background:transparent url(images/right_bottom.jpg) bottom center no-repeat;
padding-top:25px;
padding-left:40px;
padding-right:40px;
padding-bottom:25px;
}

div.contenu_top{
background:transparent url(images/right_top.jpg) top center no-repeat;
}

div.contenu_top2{
background:transparent url(images/right_top2.jpg) top center no-repeat;
}

div.titre{
background:transparent url(images/titre_bg.jpg) 0% 80% repeat-x;
margin-bottom:15px;
}

div.titre img{
display:block;
}

div.contenu h1{
font-size:0.96em;
margin-bottom:15px;
}

div.contenu p{
font-size:0.88em;
margin-bottom:10px;
text-align:justify;
}

div.contenu_gris{
padding-top:5px;
padding-left:40px;
padding-right:40px;
padding-bottom:10px;
background:none;
}

div.contenu_gris{
color:black;
}

div.contenu_gris div.titre{
background-image: url(images/titre_gris_bg.jpg);
}

/***********************************Pied***************************/

div#pied{
width:900px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-bottom:15px;
margin-top:10px;
}

div#pied ul.left {
margin-left:55px;
width:55%;
float:left;
display:block;
}

div#pied ul.right {
display:block;
margin-right:25px;
width:35%;
float:right;
text-align:right;
}

div#pied p{
margin-left:55px;
font-size:0.77em;
padding-left:5px;
padding-right:5px;
padding-top:3px;
color:#000000;
}

div#pied p a{
text-decoration:underline;
}

div#pied ul li{
display:inline;
font-size:0.77em;
padding-left:5px;
padding-right:10px;
background:transparent url(images/pied_separateur.gif) center right no-repeat;
}

div#pied ul li.dernier{
background:none;
}

div#pied ul li a{
color:black;
text-decoration:underline;
}

div#pied ul li a:hover{
color:white;
}

/***************Retour******************/
ul.retour{
display:block;
margin-bottom:5px;
margin-left:4px;
color:#999999;
}

ul.retour li.accueil{
background:transparent url(images/retour.gif) center left no-repeat;
}

ul.retour li{
display:inline;
font-size:0.82em;
background:transparent url(images/retour2.gif) center left no-repeat;
padding-left:8px;
padding-right:4px;
}

ul.retour li a{
color:#999999;
}

ul.retour li a:hover{
color:#FB2600;
}

/***********************Bouton****************************/
a.bouton{
background:transparent url(images/bouton_left.gif) left top no-repeat;
display:block;
width:150px;
height:34px;
padding-left:7px;
color:black;
font-size:0.88em;
text-align:left;
}

a.bouton:hover{
background-position:0px -34px;
}

a.bouton:hover span{
background-position: right -34px;
}

a.bouton span{
background:transparent url(images/bouton_right.gif) right top no-repeat;
display:block;
height:26px;
padding-left:8px;
padding-top:8px;
cursor:pointer;
}

/****************Paypal******************/

div#paypal{
text-align:center;
}

div#paypal img.block{
margin-bottom:5px;
}