html, body {
    background: url(../images/bg/store.gif) repeat-x;
}

#categories {
    overflow-x:hidden;
}

ul li a {
    font-family: arial;
    font-size:12px;
    text-decoration:none;
}
ul li a:hover, ul li a.selected {
    color:#000;
    text-decoration:underline;
}
ul li a.selected {
    cursor: default;
}

/****** HEADER *****/
#header {
    background: url(../images/store/header.jpg) no-repeat;
    height:40px;
    margin-bottom:4px;
    padding-right:70px;
    padding-top:20px;
    text-align:right;
}
#header.revendeurs {background: url(../images/revendeurs/header.jpg) no-repeat;}
#header, #header a {
    color:#000;
}
#header a {
    font-family:Arial;
    font-size:12px;
    text-decoration:none;
}
#header a:hover, #header a.selected {
    color:#fff;
}
#header a.selected {
    cursor: default;
}
#header form {
    display:inline;
    float:right;
}
#header form #rechercher {
    background:#CCCCCC;
    border:1px solid #3d3d3d;
    font-family: "Arial", Courier, monospace;
    font-size:12px;
    height:18px;
    padding-left:5px;
    width:120px;
}
#header form #submit {
    position:relative;
    top:5px;
}
/*******************/

/**** MENU HAUT ****/
#menu-haut {
    border-left:1px solid #b6b6b5;
    float:right;
    margin-top:4px;
	margin-bottom:5px;
	height:22px;
}
#menu-haut li {
    border-right:1px solid #b6b6b5;
    float:left;
    padding-left:10px;
    padding-right:10px;
}
.panier a {font-weight:bold;color:#4578B4;}
#menu-haut li a {color:#363636;}

/*******************/

/*** MENU DROITE ***/
#menu-droite {
    background:#b6b6b5;
    float:right;
    height:24px;
}
#menu-droite li {
    border-right:1px solid #fff;
    float:left;
    height:24px;
    padding-left:10px;
    padding-right:10px;
}
#menu-droite li a {
    color:#fff;
}
/*******************/

/*** MENU GAUCHE ***/
/* Styles communs à tous les navigateurs */
#menu-gauche, #revendeurs #menu-gauche {
    background:url(../images/bg/store-menu-gauche.jpg) no-repeat;
    height:24px;
    padding-right:1px;
    position:relative;
    font-size:11px;
    width:696px;
    z-index:3;
}
#menu-gauche li a, #revendeurs #menu-gauche li a{
    display:block;
    height:24px;
    color:#fff;
    line-height:24px;
    font-size:12px;
    overflow:hidden;
    padding-left:11px;
    text-decoration:none;
    width:104px;
}
#menu-gauche li {
    border-right:1px solid #fff;
    list-style: none;
    position:relative;
}
#menu-gauche li {
    float:left;
    position:relative;
    z-index:1000;
}
#menu-gauche li ul {
    display:none;
    margin-top:3px;
    border-top:1px solid white;
}
#menu-gauche ul#sous-menu-categories a, #menu-gauche ul#sous-menu-categories-discount a {
    width:164px;
}

/* Styles spécifiques aux navigateurs "Non-IE" */
#menu-gauche li:hover a, #menu-gauche li.selected, #revendeurs #menu-gauche li:hover a, #revendeurs #menu-gauche li.selected {
    color:#363636;
    background:#d1d1d1;
}
#menu-gauche li:hover ul {
    display:block;
    position:absolute;
    top:21px;
    left:0;
    width:105px;
    height:24px;
}
#menu-gauche  li:hover ul li:hover a.hide {
    background:#d1d1d1;
    border:1px solid white;
}
#menu-gauche  li:hover ul li ul {display: none;}
#menu-gauche  li:hover ul li a {
    display:block;
    background:#d1d1d1;
    color:#363636;
}
#menu-gauche  li:hover ul li a:hover, #revendeurs #menu-gauche li:hover ul li a:hover {
    background:#ececec;
    color:#363636;
}
#menu-gauche  li:hover ul li:hover ul {
    display:block;
    position:absolute;
    left:105px;
    top:0;
}
#menu-gauche  li:hover ul li:hover ul.left {
    left:-105px;
}
/*******************/


/***** VISUELS *****/
#visuel1, #visuel2, #visuel3 {
    float:left;
    height:515px;
    margin-right:1px;
    width:295px;
}
#visuel1 {background:url(../images/store/visuel1.jpg) no-repeat;}
#visuel2 {background:url(../images/store/visuel2.jpg) no-repeat;}
#visuel3 {background:url(../images/store/visuel3.jpg) no-repeat; margin-right:0;}

/*******************/

ul#ariane {
    margin:0;
    padding:0;
    float:left !important;
    margin:0;
    margin-left:5px;
    color:#4578B4;
    padding-right:2px;
}
ul#ariane li {
    display:inline !important;
    position: relative !important;
    top: 1px !important;
    border: none !important;
    float: none !important;
    height: auto !important;
}
ul#ariane li a {
    color:#4578B4;
    font-weight:bold;
    display: inline;
    float: none;
    font-size: 0.8em;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
ul#ariane li a:hover {
    background: none !important;
    text-decoration: underline !important;
}

#categories .visuels h1, #barre-sous-menu {
    background:#f9f9f9;
    border: 1px solid #838382;
    color:#4578b4;
    font-family: arial;
    font-size:0.8em;
    height:19px;
    margin-bottom:8px;
    margin-top:13px;
    padding-left:8px;
    padding-top:3px;
}

.etroit {
    clear:both;
    margin:0 auto;
    width:892px;
}

.visuels {
    height:530px;
    padding-top:10px;
}
#categories .visuels {
    padding-top:0;
}


/** CADRE PRODUIT **/
#conteneur-cadre-produit {
    margin-left:50px;
}
.cadre-produit {
    background:url(../images/store/bas-cadre-produit.jpg) no-repeat bottom;
    float:left;
    height:493px;
    margin-right:43px;
    position: relative;
    width:265px;
}
.cadre-produit-mini {
    height: 265px;
    width: 142px;
    float:left;
    margin-left:21px;
    position: relative;
    background:url(../images/store/bg-cadre-produit-mini.png) repeat-x bottom;
}
.cadre-produit.details {
    background-image:url(../images/store/bas-cadre-produit-zoom.jpg);
    margin-right:0;
}
.cadre-produit.zoom {
    width:516px;
}
.cadre-produit img {
    border-bottom:1px solid #363636;
    display:block;
}
.cadre-produit .nom, .cadre-produit-mini .nom {
    background:#363636;
    color:#ffffff;
    display:block;
    font-family: arial;
    font-size:1.1em;
    height:25px;
    margin-top:2px;
    padding-left:6px;
    padding-top:3px;
    text-decoration: none;
}
.cadre-produit-mini .nom {
    margin-top:-3px;
    font-size: 1em;
    height: 23px;
}
.cadre-produit.details .nom, .cadre-produit-mini.details .nom {
    display:block;
    font-size:0.7em;
    font-weight:bold;
    height:21px;
    padding-left:8px;
    padding-top:7px;
    text-decoration:none;
}
.cadre-produit .prix, .cadre-produit-mini .prix {
    background:url(../images/store/triangle-cadre-produit-prix.png) 100px 0 no-repeat #d3d2d2;
    color:#000000;
    font-family: "arial", Courier, monospace;
    font-size:0.7em;
    height:24px;
    margin-top:1px;
    padding-left:8px;
    padding-right:8px;
    padding-top:5px;
}
.cadre-produit .prix span, .cadre-produit-mini .prix span{
    float:right;
    font-family: Arial;
    font-size:15px;
    font-weight:bold;
}
.cadre-produit.zoom .prix {
    background-image:none;
}

#opacite{
    background: black;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity : 0.6;
    filter : alpha(opacity=60);
    z-index: 3;
}

#popup_tous_produits {
    background: #b6b6b5;
    width: 880px;
    height: 450px;
    border: 6px #838281 solid;
    position: absolute;
    left: 50%;
    top: 170px;
    margin-left: -446px;
    z-index:4;
}
#conteneur_tous_produits {
    overflow: hidden;
    position: relative;
    margin-top: 100px;
}
#contenu_tous_produits {
    height: 238px;
    width: 10000px;
}
#bouton-droite, #bouton-gauche {
    background: no-repeat #d3d2d2;
    display: block;
    height: 100%;
    width: 22px;
}
#bouton-droite {
    background-image: url(../images/store/btn-tous-produits-droite.gif);
    background-position: left;
    border-left: 1px solid #373737;
    float: right;
}
#bouton-gauche {
    background-image: url(../images/store/btn-tous-produits-gauche.gif);
    background-position: right;
    border-right: 1px solid #373737;
    float: left;
}
#ferner_tous_produits {
    text-align: right;
    position: relative;
    right: 18px;
	top: 30px;
}
#ferner_tous_produits a {
    color: #4578b4;
    font-family: arial,'Times New Roman',times,serif;
    font-size: 0.9em;
}

.popup_details {
    background: #c7c5c4;
    border: 5px solid #838281;
    color: #2a496d;
    font-family: arial;
    height: 140px;
    left: 18px;
    padding: 14px;
    position: absolute;
    top: 200px;
    width: 190px;
}
.popup_details .tailles {
    font-family: Arial;
    font-size: 0.8em;
    margin-top: 5px;
    margin-bottom: 10px;
	color: #000000;
}
.popup_details .couleurs, .ligne_couleurs .couleurs {
    margin-top: 5px;
}
.popup_details .bloc_couleur, .ligne_couleurs .bloc_couleur {
    float: left;
    height: 20px;
    margin-bottom: 7px;
    margin-right: 7px;
    width: 20px;
}
.popup_details .bloc_couleur .demi, .ligne_couleurs .bloc_couleur .demi {
    float: left;
    height: 20px;
    width: 10px;
}


.ligne_couleurs .bloc_couleur, .ligne_couleurs .bloc_couleur .demi {
    float: right;
}
.ligne_couleurs {
    background: #ececec;
    width: 354px;
    padding-top: 5px;
    padding-left: 6px;
	padding-bottom: 7px;
    /*height: 25px;*/
}

/*#tous-les-produits {
    background: #b6b6b5;
    border: 6px solid #838281;
    height: 495px;
    overflow: hidden;
    position: absolute;
    width: 880px;
    z-index:1;
}
#bouton-droite, #bouton-gauche {
    background: no-repeat #d3d2d2;
    display: block;
    height: 100%;
    width: 22px;
}
#bouton-droite {
    background-image: url(../images/store/btn-tous-produits-droite.gif);
    background-position: left;
    border-left: 1px solid #373737;
    float: right;
}
#bouton-gauche {
    background-image: url(../images/store/btn-tous-produits-gauche.gif);
    background-position: right;
    border-right: 1px solid #373737;
    float: left;
}*/
/*******************/

/* BARRE SOUS MENU */
#barre-sous-menu {
    font-size:1em;
    height:21px;
    margin-bottom:16px;
    margin-top:10px;
    padding-top:1px;
}
#barre-sous-menu ul {
    float:right;
    margin-top:1px;
}
#barre-sous-menu li {
    border-right:1px solid #b6b6b5;
    float:left;
    height:18px;
}
#barre-sous-menu li.dernier {
    border:none;
}
#barre-sous-menu ul a {
    color:#4578b4;
    display:block;
    float:left;/*IE6*/
    height:16px;
    padding:2px 20px 0 20px;
    margin-left:1px;
    margin-right:1px;
}
#barre-sous-menu ul a:hover {
    background:url(../images/store/bg-menu-dp.png) repeat-x;
    text-decoration:none;
}
/*******************/
#may-also-like {
    background:url(../images/store/cadre-may-also-like.jpg) no-repeat;
    float:right;
    height:248px;
    padding-top:166px;
    text-align:center;
    width:98px;
}
#may-also-like img {
    border:1px solid #fff;
    margin-top:6px;
}
#may-also-like_fr {
    background:url(../images/store/cadre-may-also-like_fr.jpg) no-repeat;
    float:right;
    height:248px;
    padding-top:166px;
    text-align:center;
    width:98px;
}
#may-also-like_en {
    background:url(../images/store/cadre-may-also-like_en.jpg) no-repeat;
    float:right;
    height:248px;
    padding-top:166px;
    text-align:center;
    width:98px;
}
#may-also-like_fr img {
    border:1px solid #fff;
    margin-top:6px;
}
#may-also-like_en img {
    border:1px solid #fff;
    margin-top:6px;
}

#description {
    float:right;
    font-family: Arial;
    padding-left:7px;
    padding-right:11px;
    text-align:right;
    width:352px;
}
#description h1 {
    color:#2a496d;
    font: bold 1.8em Arial;
    margin-top:18px;
}
#description h2 {
    color:#363636;
    font:0.8em "Arial", Courier, monospace;
    margin-bottom:7px;
    text-transform:uppercase;
	font-weight:bold;
}
#description p {
    font-size:0.8em;
	color:#363636;
	font-weight:bold;
}
#description a {
	color:#4578B4;
}
#description form {
    margin-bottom:6px;
}
#description fieldset {
    clear:both;
}
#description label {
    color:#2a496d;
    display:block;
    font:bold 0.8em arial;
}
#description select {
    width:170px;
}
#description select.pointe {
    width:145px;
}
.bloc_select {
    width: 176px;
    float: left;
    margin-bottom: 10px;
}
#description #quantite {
    text-align:right;
    width:41px;
}
#description select, #description #quantite {
    background:#e5e5e5;
    border:1px solid #b6b6b5;
    font:0.8em "arial", Courier, monospace;
}
#description .ligne {
    background:url(../images/store/ligne-dp.jpg) no-repeat;
    margin:10px 0;
    position:relative; left:11px;
    width:347px; height:1px;
}
#description #couleur {margin-bottom:10px;}
#description #prix {
    margin-left: 10px;
	color:#2a496d;
    font-family:arial;
    font-size:1.2em;
    font-weight:bold;
}

#description #prix_barre {
    color:#363636;
    font-family:arial;
    font-size:1.0em;
    font-weight:bold;
    text-decoration: line-through;
    left: 170px;
	margin-top:5px;
    position: relative;
}

#miniatures {
    float:right;
    width:155px;
}

#conteneur-img-zoom {
    cursor:move;
    height:397px;
    overflow:hidden;
    position:relative;/*IE6 IE7*/
    width:516px;
}

/* CONFIRM. PANIER */
#confirmation-panier {
    background:#b6b6b5;
    border:6px solid #838281;
    font:0.9em arial;
    height:169px;
    position:absolute;
    margin-left:300px;
    margin-top:120px;
    width:263px;
    z-index:2;
}
#confirmation-panier p {
    border-bottom:1px solid #838281;
    color:#fff;
    height:29px;
    letter-spacing:0.7px;
    margin-top:8px;
    text-align:center;
}
#confirmation-panier div {
    margin:10px auto 0 auto;
    width:213px;
}
#confirmation-panier ul  {
    float:right;
    margin-top:12px;
}
#confirmation-panier li  {
    color:#4578b4;
    text-align:right;
    font-size:0.8em;
    margin-bottom:18px;
}
#confirmation-panier ul li span  {
    color:#000;
}
/*******************/

/****** LOGIN ******/
#login .bloc {
    color:#363636;
    font-family:Arial;
    font-size:0.8em;
}
#login .bloc {
    float:left;
    height:419px;
    margin-bottom:44px;
    width:446px;
}
#login .bloc.droite {background:#ebebeb;}
#login .bloc p, #login .bloc img, #login .bloc form {margin-left:36px;}
#login h2 {
    background:#ebebeb;
    font-family: arial;
    font-weight:normal;
    font-size:1.4em;
    height:25px;
    margin-bottom:10px;
    margin-top:72px;
    padding-left:36px;
    padding-top:3px;
}
#login .bloc.gauche h2 {background:#ebebeb;}
#login .bloc.droite h2 {background:#fff;}
#login .bloc.droite a {
    color:#929291;
    font-style:italic;
}
#login .bloc form label {
    display:block;
    margin-bottom:7px;
    margin-top:20px;
}
#login #lostpwd {
    margin-left: 10px;
}
/*******************/

/**** CATALOGUE ****/
#bloc_catalogue {
    float:right;
    height:422px;
    margin-bottom:41px;
    margin-right:117px;
    _margin-right:56px;/*IE6*/
    width:658px;
}
#bloc_catalogue.catalogue {
    width:707px;
}
#bloc_catalogue a {
    height:422px;
    width:31px;
}
#bloc_catalogue div {
    border:1px solid #b6b6b5;
    height:419px;
    overflow:hidden;
    position:relative;/*IE6 IE7*/
    width:594px;
}
#bloc_catalogue.catalogue div {
    width:643px;
}
#bloc_catalogue img {position:absolute;}
#bloc_catalogue a#precedent {background:url(../images/btn-precedent.jpg) no-repeat}
#bloc_catalogue a#suivant {background:url(../images/btn-suivant.jpg) no-repeat}
#bloc_catalogue a, #bloc_catalogue div {
    display:block;
    float:left;
}
#bloc_catalogue div fieldset {
    color:#363636;
    float:left;
    font-family:Arial;
    font-size:0.8em;
    height:419px;
    width:594px;
    text-align:center;
}
#bloc_catalogue div form {width:10000px; /*Pour permettre de placer les fieldset à droite*/}
#bloc_catalogue div fieldset p {margin-bottom:24px;}
#bloc_catalogue div fieldset label {
    color:#4578b4;
    cursor:pointer;
}
#bloc_catalogue div fieldset h2 {
    color:#4578b4;
    font-family:arial;
    font-size:2.2em;
    font-weight:normal;
    margin-bottom:12px;
    margin-top:12px;
}
#bloc_catalogue div form #fin_questionnaire {
    background:#ebeced;
    height:90px;
    margin:18px auto 0 auto;
    padding:20px;
    width:478px;
}
#bloc_catalogue div form #debut_questionnaire {
    background:#ebeced;
    color:#4578b4;
    font-weight:bold;
    height:140px;
    margin:110px auto 0 auto;
    padding:40px 20px 20px 20px;
    width:478px;
}
#bloc_catalogue div form #email {
    margin-bottom:10px;
    margin-top:10px;
    width:348px;
}
/*******************/

/*** BON D'ACHAT ***/
#bon-achat .conteneur {
    font-family:arial;
}
#bon-achat .intro {
    font-size: 0.8em;
}
#bon-achat .bloc {
    color:#363636;
    font-family:Arial;
    font-size:0.8em;
    margin-top: 20px;
}
#bon-achat .bloc {
    float:left;
    height:295px;
    margin-bottom:44px;
    width:446px;
}
#bon-achat .bloc p {margin-bottom: 21px;}
#bon-achat .bloc a {display:block;}
#bon-achat .bloc.droite {background:#ebebeb;}
#bon-achat .bloc p, #bon-achat .bloc img, #bon-achat .bloc form {margin-left:36px;}
#bon-achat h2 {
    background:#ebebeb;
    font-family: arial;
    font-weight:normal;
    font-size:1.4em;
    height:25px;
    margin-bottom:40px;
    margin-top:13px;
    padding-left:36px;
    padding-top:3px;
}
#bon-achat h3 {
    font-family: Verdana;
    font-weight: normal;
    margin-top:19px;
    text-align: center;
}
#bon-achat .bloc.gauche h2 {background:#ebebeb;}
#bon-achat .bloc.droite h2 {background:#fff;}
#bon-achat .bloc.gauche a {margin-top: 50px;}
#bon-achat .bloc.droite a {
    color:#929291;
    font-style:italic;
    margin-top: 140px;
}
#bon-achat .bloc form label {
    display:block;
    margin-bottom:7px;
    margin-top:20px;
}
/*******************/


/** QUESTIONNAIRE **/
#questionnaire .erreur {
    position: relative;
    top:80px;
}
/*******************/