/* Modèle v1.24 24/02/2009 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}

/*********** A PERSONNALISER **************/
body {font: normal 11px Verdana; color:#453c39; background-color:#ede0d0;}
#body{background:#453c39 url(images/fond/body.jpg) repeat-x 0 0;}
table{font-size: 11px;}
a{color: #D86B00; text-decoration:none;}
a:hover {text-decoration:underline;}

h1{font: normal 32px tahoma; letter-spacing: 0px; text-transform: uppercase; color:#000; margin-bottom:10px; padding:18px 0 18px 28px;; width:552px; height:54px; overflow:hidden; line-height:54px; background-image: url(images/titre/h1.jpg);}
h1 img{margin:-18px 0 0 -28px;}
h2{font: normal 18px Verdana; color:#8c3605; margin-bottom:15px;}
h3{color:#bc5318; margin-bottom:5px; font:normal 14px verdana;}
p {margin-bottom:10px; text-align: justify;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#a43d05;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #a43d05; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}
.block {display:block;}
.bold {font-weight:bold;}
/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#a43d05;
  font:bold 11px Verdana; line-height:20px; width:180px; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 10px Verdana; color:#666; background: #fcf1e6; border:1px solid #7C3004;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;}
.row label span{color:#f00;}
.row textarea, .row input {width: 150px;}
.row select {width: 152px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {clear:both; margin-bottom:5px; padding-left:150px;}

.ui-effects-transfer { border: 3px dashed #7c3004; } 


.MoteurNavigation{text-align:center; margin-bottom:20px;}
.MoteurNavigation a{font:normal 11px verdana; color:#D86B00; padding:0 3px; border:3px solid transparent;}
.MoteurNavigation a:hover,
  .MoteurNavigation .MoteurNavigationPageActuelle{font:normal 11px verdana; border:3px solid #7C3004; 
    background-color:#eee0d0; color:#7C3004; text-decoration:none;  padding:0 3px;}

    
.Moteur{width:100%; border-collapse: collapse;}
.Moteur td, .Moteur th{padding:1px 3px; border:1px solid #7C3004; }
.Moteur thead th{background-color:#A43D05; color:#fff; text-align:center; font: bold 11px verdana;}
.Moteur tbody td{background-color:#FCF1E6;}
.Moteur tbody .MoteurLigne0 td {background-color:#eee0d0}
.Moteur tfoot td{background-color:#A43D05; color:#fff; font: bold 11px verdana;}

/* Total du panier et du récap commande */
#total_panier {width:auto;}
#total_panier tbody th{padding-left:30px; background-color:#A43D05; color:#fff; text-align:right; font: bold 11px verdana;}
#total_panier tbody td{padding-left:30px; text-align:right; }    


/**********************************************************/
/**********************  CONTENEURS  **********************/
/**********************************************************/
#conteneur {width:992px; margin:0 auto;}
#content {width:992px; background:url(images/fond/content.jpg) repeat-y 0 0;clear:both;}
#colonneG {width:193px; float:left; display:inline;padding-top:18px; background:url(images/fond/colonne_top.gif) no-repeat;}
#contenu {width:580px;float:left; display:inline; padding:0 8px 11px;}
#colonneD {width:203px; float:right; display:inline;}

/************************************************/
/******************  CADRE PAGE  ******************/
/************************************************/
.cadre {width:562px; border:3px solid #7c3004; background:#eee0d0 url(images/fond/zoom_bottom.jpg) 0 bottom  no-repeat;margin:0 0 10px 6px; min-height:230px; height:auto !important; height:230px;}
.cadre .cadre_txt {width:532px; overflow:hidden; padding:15px; background:url(images/fond/zoom_top.jpg) 0 0  no-repeat; min-height:88px; height:auto !important; height:88px;}


/**********************************************/
/******************  ENTETE  ******************/
/**********************************************/
#entete {width:992px; height:279px; position:relative; overflow:hidden;}

#entete #bandeau{position:absolute;left:0; top:0; width:690px; height:279px; overflow:hidden;}
#entete #bandeau li{margin-left:0;}

#entete #compte{float:right; display:inline; padding:85px 17px 0 0; width:220px;}
#entete #compte h4{text-align:right;margin-bottom:15px;width:220px;}
#entete #compte .row {margin-bottom:10px;}
#entete #compte label {font:normal 14px Arial; color:#78705f;width:90px;}
#entete #compte input {width:115px; height:17px; padding-left:5px; background:url(images/fond/champ.gif) no-repeat; border:none; color:#131110;}
#entete #compte .row_bt {margin:0 5px 10px 0; float:right;display:inline;}
#entete #compte .bouton {width:60px; height:15px;padding:0;}
#entete #compte p {clear:both;font:normal 11px Arial; color:#989797;text-align:right;margin-right:5px;}
#entete #compte p a{font:normal 11px Arial; color:#989797;}

ul#menu {list-style-type:none; margin:0;width:613px; float:left; display:inline;}
ul#menu li{float:left; display:inline; margin:0;}
ul#menu li a{float:left; display:inline; margin:0;height:36px;}
ul#menu li a.m01 {width:104px; background:url(images/menu_top/accueil.gif) top left;}
ul#menu li a.m02 {width:110px; background:url(images/menu_top/boutique.gif) top left;}
ul#menu li a.m03 {width:118px; background:url(images/menu_top/categories.gif) top left;}
ul#menu li a.m04 {width:150px; background:url(images/menu_top/bodygear.gif) top left;}
ul#menu li a.m05 {width:131px; background:url(images/menu_top/point-vente.gif) top left;}
ul#menu li a.active {background-position:bottom;}
ul#menu li a:hover{background-position:bottom;}

#recherche {width:310px; height:36px; overflow:hidden; float:right; display:inline; margin-right:10px;}
#recherche input {width:117px;height:16px; padding:2px 0 0 2px; border-width:0;}
#recherche select{width:123px;height:18px; padding:0; border-width:0;}
#recherche .row{clear:none;float:left;width:125px;margin:7px 0 0 5px;}
#recherche .row_bt {clear:none;float:left;margin:0;padding:0;}
#recherche .bouton {width:28px; height:36px;padding:0;}

#liens_mon_compte{width:150px; margin-left:120px;}
#liens_mon_compte a{color:white;}


/*******************************************************/
/******************  COLONNE GAUCHE  ******************/
/*******************************************************/
ul#menu_left {list-style-type:none; margin:0 0 35px 0;width:193px;}
ul#menu_left li{margin:0;}
ul#menu_left li a.familles{display:block; margin:0 0 5px 0; width:193px; background-position:left;}
ul#menu_left li a.familles span{display:none} 
ul#menu_left li a.active,
  ul#menu_left li a:hover{background-position:right;}

ul#menu_left li ul {list-style-type:none;margin-bottom:25px;display:none;}
ul#menu_left li ul li a {display:block; margin:0 0 5px 0; width:180px; height:16px; text-align:right;font:normal 10px Verdana; color:#9a8d89; text-transform:uppercase;margin-right:13px;}
ul#menu_left li ul li a:first-letter {font-size:12px;}

#actualite {margin-bottom:20px; width:157px; overflow:hidden;}


/**********************************************************/
/*******************  LISTE DE PRODUITS  ******************/
/**********************************************************/
.fleche_gauche,
  .fleche_droite{float:left;margin-top:80px; display:block; width:32px; height:30px; }
.fleche_gauche{background:url(images/bouton/precedent.gif) left bottom no-repeat;margin-right:28px ;}
.fleche_droite{background:url(images/bouton/suivant.gif) left bottom  no-repeat;}
.fleche_gauche_grise,
  .fleche_droite_grise{background-position:top;}

.titre {position:relative;}
a.tous {position:absolute; top:18px; right:15px;color:#d86b00; font:normal 11px Arial;text-align:center;}
a.tous span{font-size:13px;}

.ligne_pdt {width:558px; height:200px; padding:0 11px;margin:0;}
.ligne_pdt .case_pdt {width:126px;float:left; display:inline; margin-right:18px;height:200px;}
.ligne_pdt .dernier {margin-right:0;}

.ligne_pdt #selection_conteneur{width:462px; height:200px; float:left; overflow:hidden;}
.ligne_pdt #selection_conteneur #selection{height:200px;}

/*Ne pas mettre la parenté à drag_pdt car il n'en a pas lors du drag n drop*/
.drag_pdt .photo_pdt{width:120px; height:120px; background:#fff; border:3px solid #675d5a;}
.drag_pdt .infos{width:110px; height:33px; padding:3px 8px 0; background:#675d5a; }
.drag_pdt .infos p.prix{float:left; display:inline; margin:0; font:bold 16px Verdana; color:#eee0d0;text-align:center;}
.drag_pdt .infos p.prix span{font:normal 11px Verdana; text-decoration: line-through;}
.drag_pdt .infos a{float:right; display:inline; margin:0;}

.ligne_pdt .case_pdt .libelle_pdt {display:block; clear:both;width:116px; height:26px; overflow:hidden; 
  padding:4px 4px 0; text-align:center; font:bold 11px verdana; color:#d9b59b;}

.ligne_pdt_orange {background: url(images/fond/pdt_liste_bottom.gif) bottom no-repeat;}
.ligne_pdt .case_pdt_orange  {background: url(images/fond/pdt_hover.gif) bottom no-repeat;}
.ligne_pdt .case_pdt_orange  .visuel{border:3px solid #7c3004;}
.ligne_pdt .case_pdt_orange  .libelle_pdt {display:none;}

#ligne_pdt_selection .case_pdt {margin-right:28px;}

.liste_depliante {width:562px; clear:both; border:3px solid #7c3004; border-top:0; background:#eee0d0 url(images/fond/zoom_bottom.jpg) 0 bottom  no-repeat;margin:0 0 10px 6px; /*min-height:230px; height:auto !important; height:230px; =>Gène l'animation jquery*/}
.pdt_zoom_txt {width:532px; padding:15px; background:url(images/fond/zoom_top.jpg) 0 0  no-repeat;}
.pdt_zoom_txt .voir, .pdt_zoom_txt .onglet{width:160px;float:right; display:inline;height:17px;margin-bottom:5px;}
.pdt_zoom_txt .voir a{background:url(images/bouton/loupe.gif) 0 0  no-repeat; padding-left:28px; color:#675d5a;}
.pdt_zoom_txt .onglet a{display:block;background:url(images/bouton/onglet.gif) 0 0  no-repeat; padding-left:28px; color:#675d5a;height:17px;}

h1 a.lien_cat{float:right; display:inline;/*IE6*/ text-align:center; margin:10px 20px 0 0; font:normal 11px arial; color:#D86B00; text-transform: none;}
h1 a.lien_cat span{font-size:13px;}


/******************************************/
/************** Fiche produit  ****************/
/******************************************/

#fiche_produit{margin-bottom:15px;}

#fiche_produit .liste_depliante{border-top:3px solid #7C3004;}

#fiche_produit #description {padding:10px 0 15px 6px;}
#fiche_produit #description .photo_div{float:left;}
#fiche_produit #description #desc_droite{float:left; display:inline; margin-left:20px;}
#fiche_produit #description #desc_droite h1#libelle {font:bold 14px verdana; color:#D9B59B; margin:5px 0 10px 0; padding:0; width:auto; height:auto; background:none;}
#fiche_produit #description #desc_droite .zone_pdt{width:110px; height:33px; overflow:hidden; padding:3px 8px 0px; background-color:#675D5A;}
#fiche_produit #description #desc_droite .zone_pdt p.prix{float:left; display:inline; margin:0; font:bold 16px Verdana; color:#eee0d0;text-align:center;}
#fiche_produit #description #desc_droite .zone_pdt p.prix span{font:normal 11px Verdana; text-decoration: line-through;}
#fiche_produit #description #desc_droite .zone_pdt .ajout_panier{float:right; display:inline; margin:0;}




/*******************************************************/
/*******************  COLONNE DROITE  ******************/
/*******************************************************/
#zonePanier{width:203px; background:url(images/fond/panier.jpg) bottom; padding: 0 0 20px 0;margin-bottom:10px;}
#zonePanier h4 {margin-bottom:10px}
#zonePanier.activePanier{background:#7a7977 url(images/fond/panier-active.gif);}
#zonePanier.hoverPanier{background:url(images/fond/panier-hover.jpg) bottom;}
#panier_liste {width:183px;margin:0 10px;padding:20px 0 0;background:url(images/fond/panier-top.png) 0 0 no-repeat;}
#contenu_panier{width:163px;padding: 0 10px;background:url(images/fond/panier-centre.png) 0 0 repeat-y;}
#contenu_panier p#cliquer{padding:20px 0;font:normal 14px Arial; color:#b1a09b; text-align:center;margin:0;}
#contenu_panier p#cliquer span{color:#fff;}
#contenu_panier .pdt_libelle{display:block; font:bold 11px verdana; color:#fff; margin-bottom:3px;}
#contenu_panier .ligne_panier{text-align:right;}
#contenu_panier .ligne_panier span{color:#D86B00; font:bold 11px verdana;}
#contenu_panier .ligne_panier input{text-align:right;}
#contenu_panier h3{margin-bottom:10px; text-align:right}
#contenu_panier #lien_commander{font:bold 12px verdana; color:#000}

#transaction {width:163px; padding:0 20px; margin-bottom:20px;}
#transaction p {width:70px;font:normal 12px Arial; color:#786964; line-height:20px;float:left; display:inline; margin: 0 5px 0 0;}
#transaction img {float:left; display:inline; margin: 0 5px 2px 0;}

.bloc_pdt {width:201px; margin-bottom:20px;}
.bloc_pdt .pdt {width:181px; background:url(images/fond/colonne_right.jpg) bottom left no-repeat;padding:10px;}
.bloc_pdt .pdt .visuel {width:60px; height:60px; background-color:#fff; margin:0 10px 10px 0; float:left; display:inline;}
.bloc_pdt .pdt .infos {color:#000;} 
.bloc_pdt .pdt .infos .pdt_libelle{display:block; font:bold 12px Verdana; color:#fff; margin-bottom:10px; line-height:1.1em;} 
.bloc_pdt .pdt .infos div {margin-bottom:5px}
.bloc_pdt .pdt .prix {clear:both;font:bold 18px Verdana; color:#d86b00;text-align:right;} 
.bloc_pdt .pdt .prix span.barre{font:normal 12px Verdana; color:#a29691;text-decoration:line-through;margin-right:10px;} 
.bloc_pdt .pdt .ajouter {text-align:right;} 
.bloc_pdt .pdt .ajouter a{font:normal 12px Verdana; color:#000;} 

#spaw_droite{margin-bottom:20px; width:203px; overflow:hidden;}


/************************************************/
/******************  CATEGORIES  ******************/
/************************************************/
.cadre .cadre_txt #bt-voir {float:right; margin-bottom:10px;}
#form_fam p{text-align: center; margin-bottom:20px;}
#form_fam p label{color:#ad9d96}

/***************************************************/
/******************  POINTS VENTE ******************/
/***************************************************/
.points {width:562px; border:3px solid #7c3004;background:#EEE0D0 url(images/fond/zoom_top.jpg) 0 0 no-repeat; margin:0 0 10px 6px;}
.points .points_txt {width:542px; padding:8px 10px 9px;background:url(images/fond/zoom_bottom.jpg) 0 bottom  no-repeat; }
.points .points_txt  h2{float:left; display:inline;margin-bottom:0; line-height:34px;}
.points .points_txt  h3{color:#bc5318; margin-bottom:5px; font-size:14px;}
.points .points_txt .dpt {float:left; background:url(images/bouton/dpt.png) 0 0 no-repeat; text-align:center; color:#fcf1e6; font-size:16px; width:46px; line-height:34px;margin-right:10px;}
.points .points_txt a.fl {background:url(images/bouton/up.png) 0 bottom  no-repeat; width:23px; height:18px; float:right; margin-top:5px;}
.points .points_txt .points_contenu{padding-top:10px;}
.points .points_txt .visuel {float:left; display:inline;width:139px; margin-right:20px;}
.points .points_txt .coordonnees {float:left; display:inline;width:175px; margin-right:20px;}
.points .points_txt .infos {float:left; display:inline;width:180px;}

.up {background-image:url(images/fond/magasin.jpg); /*height:51px;overflow:hidden;*/}
.up .points_txt  {background:none;/*padding:10px 10px 0;*/} 
.up .points_txt a.fl {background:url(images/bouton/up.png) 0 0  no-repeat;}

/***************************************************/
/***************** BODYGEAR CENTER *****************/
/***************************************************/
#video {width:310px; float:left; display:inline; margin-right:18px; overflow:hidden;}
#photo {width:250px; float:left; display:inline; background:#605653 url(images/fond/photo_top.gif) no-repeat;}
#photo #photo_liste{background:url(images/fond/photo_bottom.gif) left bottom no-repeat;padding:16px 0 0 16px;}
#photo #photo_liste img {float:left;display:inline;margin:0 17px 17px 0;}


/***********************************************/
/******************   LOGIN   ******************/
/***********************************************/
form#form_nouveau{}
form#form_acces{margin-top:50px;}
form#form_oubli{margin-top:50px;}


/***********************************************/
/******************   SUIVI   ******************/
/***********************************************/
#suivi{color:#D9B59B;width:500px;margin-left:50px;}



/***********************************************/
/*************   MON PANIER   ******************/
/***********************************************/
.panier .row{margin-bottom:1px;}
.panier .row label{width:141px;}
.panier .row_rad {margin: 6px 0 0}
.panier .row_rad .label{float:none;display:block;width:auto;text-align:left; font-style:italic; margin-bottom:2px;}
.panier .row_rad  .rad{margin:0 10px 0 0; float:left; white-space:nowrap;}




/************************************************/
/******************  PIEDPAGE  ******************/
/************************************************/
#marques, #piedpage {clear:both; width:580px; text-align:center; background:url(images/fond/piedpage.gif) top center no-repeat;padding: 10px 0;font:normal 10px Verdana; color:#988985;margin-left:202px;}
#marques a, #piedpage a {font:normal 10px Verdana; color:#988985; white-space: nowrap;}
#piedpage #awc{display:inline;}