/*          GENERIQUE         */
*{margin:0; padding:0;}
a img{border:0}
html {font-size: 100%;}
label{cursor:pointer;}
option{padding-right:5px}
.clear{clear:both;}

/*          GENERIQUE A PERSONNALISER         */
body{font:normal 10pt Trebuchet MS; color:#523c25; background-color:#fdf5ee; }
table{font-size:10pt;}
#body{background-color: #542401;}
#body_popup{margin:10px; }
a{font:normal 10pt Trebuchet Ms; color:#2c588c; text-decoration:none;}
a:hover {text-decoration:underline;}
input, select, textarea{font:normal 9pt Trebuchet MS; color:#3d2209;}


/******************************************/
/**************  ELEMENTS COMMUNS ******************/
/******************************************/
h1 {font:normal 22px Trebuchet MS; color:#2c588c; margin-bottom:10px;}
h1 span{color:#b2856f;}
h2 {font:normal 18px Trebuchet MS; color:#2c588c; margin-bottom:10px;}
h3 {font:bold 11pt Trebuchet MS; margin-bottom:2px;}
p.centre {text-align:center;}
p.par{margin-bottom:10px;}
span.color{color:#2c588c;}
div.hr{height:15px; border-bottom:2px solid #6b2e01; margin:0 20px 15px;}

.form_defaut p {clear:both;}
.form_defaut p label{float:left; width:180px; text-align:right; padding-top:4px; margin-right:10px;}
.form_defaut p.checkbox{padding:0 0 10px 190px}
.form_defaut p.checkbox label{float:none; display:inline; margin:0; padding:0;}
.form_defaut p.radio span.label{float:left; width:180px; text-align:right; padding-top:4px;  margin-right:10px;}
.form_defaut p.radio label{float:none; display:inline; margin:0; padding:0;}
.form_defaut p.radio input{vertical-align:middle;}

.asterisque{font:italic 8pt Trebuchet MS; }
.asterisque a{font:italic 8pt Trebuchet MS; }

.div_image_concept{clear:both; }

.prix{color:#e51352;}
.prix span{color:#2c588c; text-decoration:line-through}

.lien_retour{display:block; text-align:right; font:bold 14px "Trebuchet MS"; margin-bottom:5px;}

.bouton{display:block; width:150px; height:19px; text-align:center; font:bold 12px "Trebuchet MS"; line-height:19px; color:#fdf5ee; background-image:url(images/bt/bouton.gif); }

/* champs multilangues*/
.multi_drapeau{margin:0 2px 1px 0; vertical-align:middle;}
.multi_langue{float:left; margin-bottom:5px;}

/* menus boutique et client*/
#menu_boutique{margin-bottom:10px; background-color:#edddcf; padding:1px 10px; text-align:center; border:1px solid #6b2e01;}
#menu_client{margin-bottom:10px; background-color:#edddcf; padding:1px 10px; text-align:center; border:1px solid #6b2e01;}

/* Moteur recherche */
.MoteurNavigation{text-align:center; margin-bottom:10px;}
    .MoteurNavigation .MoteurNavigationPageActuelle{font:bold 12px "Trebuchet Ms"; color:#2f5d93; text-decoration:underline;}
    .MoteurNavigation a{font:bold 12px "Trebuchet Ms"; color:#2f5d93;}
    .MoteurNavigation a:hover{}

.Moteur{width:100%; border-collapse:collapse;}
    .Moteur td, .Moteur th{padding:1px 3px; border:1px solid #6b2e01;}
    .Moteur thead th{background-color:#b2856f; color:#fff; text-align:center; font: bold 10pt "Trebuchet Ms";}
    .Moteur tbody .MoteurLigne1{background-color:#fff;}
    .Moteur tbody .MoteurLigne0{background-color:#EDDDCF;}
    .Moteur tfoot td{background-color:#b2856f; color:#fff; font: bold 10pt "Trebuchet Ms";}

.MoteurFiltre {background-color:#EDDDCF; border:1px solid #6b2e01; padding:5px 0; margin-bottom:0; width:599px;}
    .MoteurFiltre p{float:left; width:299px;}
    .MoteurFiltre .MoteurLabel{float:left; width:100px; text-align:right;}
    .MoteurFiltre .FiltreChamp{}
    .MoteurFiltre .FiltreDate{}
    .MoteurFiltre .MoteurCalendrier{vertical-align:middle;}
.FiltreSubmit{display:block; margin:0 0 10px auto; border-width:0; background-color:#6b2e01; font:bold 9pt Trebuchet MS; color:#edddcf; cursor:pointer; padding:0 10px;}

/* Case de produit*/
.case_pdt{width:88px; height:107px; float:left; position:relative; margin-bottom:20px;  padding:20px 7px 0 91px; background:url(images/fonds/case_pdt.gif) right bottom no-repeat; overflow:hidden;}
    .cp_gauche{margin-right:18px;}
    .case_pdt h2{font:bold 9pt "Trebuchet MS"; line-height:1em; color:#3d2209; margin-bottom:3px;}
    .case_pdt .prix{font:normal 12px "Trebuchet MS";}
    .case_pdt .prix span{font-size:9px;}
    .case_pdt .cp_lien{ font:bold 12px "Trebuchet MS"; color:#fdf5ee; line-height:19px; display:block; width:41px; height:19px; position:absolute; bottom:5px; right:56px; text-align:center; background-image:url(images/bt/voir.gif);}
    .case_pdt .cp_panier{ display:block; position:absolute; bottom:5px; right:17px;}
    .case_pdt .cp_fond_img{position:absolute; left:0; top:0; width:89px; height:94px; text-align:center; background-color:#fff;}
    .case_pdt .cp_fond_img .cp_arrondi{position:absolute; top:0; left:0;}

/* Entete de boutique*/
.bou_entete{margin-bottom:20px;}
    .bou_entete .jimi{float:right; margin-bottom:15px; width: 450px; height: 300px;}
    .bou_entete .ambiance{float:right; margin:0 0 5px 20px; width:404px; height:254px; background-color:#fff; text-align:center; position:relative;}
    .bou_entete .ambiance .be_arrondi{position:absolute; left:0; top:0; }
    .bou_entete .be_fond_img{position:relative; width:144px; height:134px; text-align:center; background-color:#fff; margin-bottom:5px;}
    .bou_entete .be_fond_img .be_arrondi{position:absolute; top:0; left:0;}
    .bou_entete h2{margin-bottom:2px;}
    .bou_entete h2 span{font:bold 14px Trebuchet MS; color:#b2856f;}
    .bou_entete .bou_description{}
    .bou_entete .bou_url {margin-top:5px;}
    .bou_entete .bou_url img{vertical-align:top;}
    .bou_entete .bou_url a{font-size:9pt;}
    .bou_entete p {clear:none}

/* adresses de facturation et livraison */
.form_defaut .div_adresse{float:left; width:300px; /*la moitié du contenu*/}
.form_defaut .div_adresse p label{float:none; display:block; text-align:left; padding:0; margin:0;}
.form_defaut .div_adresse p.checkbox{padding:0; margin-top:5px;}
.form_defaut .div_adresse p.checkbox label{display:inline;}


/******************************************/
/**************  ENTETE / PIED DE PAGE  ******************/
/******************************************/

/* entete */
#conteneur{margin:0 auto; width: 920px; background:#fdf5ee; }

#haut {width:881px; height:38px; margin:0 0 15px 20px; background:url(images/fonds/haut.gif);}
    #haut #rech_haut {float:left; display:inline;/*BUG IE6*/ margin:5px 0 0 20px; font:normal 12px "Trebuchet MS"; color:#fdf5ee;}
    #haut #rech_haut label{vertical-align:middle;}
    #haut #rech_haut #RECH{border-width:0; background-color:#fdf5ee; vertical-align:middle; height:18px; }
    #haut #rech_haut #rh_submit{border-width:0; background-color:#fdf5ee; height:18px; vertical-align:middle;}

    #haut p.lien_haut {float:right; display:inline;/*BUG IE6*/ color:#fdf5ee; margin-top:8px; margin-right:15px;}
    #haut p.lien_haut  a{font-size:9pt; color:#fdf5ee;vertical-align:middle; }
    #haut p.lien_haut img{vertical-align:middle; margin-right:5px;}

    #haut p#lan_haut {float:right; display:inline;/*BUG IE6*/ margin:11px 15px 0 0;}
    #haut p#lan_haut img{margin-left:3px;}

#menu {clear:both; margin:0 0 25px 20px; list-style-type:none;}
    #menu li{display:inline; float:left;}
    #menu li a{color:#3d2209; font:normal 13pt Trebuchet Ms; text-decoration:none; margin: 0; padding-left:65px; background:url(images/puces/menu.gif) no-repeat 40px  7px;}
    #menu li a:hover, #menu li a.hover{color:#b7876e; background-image:url(images/puces/menu-over.gif);}

#bandeau {clear:both; width:881px; height:250px;margin:20px 0 15px 20px; background:url(images/fonds/bandeau.gif);}
    #logo {display:inline; float:left; width:366px; height:120px;margin:3px 3px 0 11px;}
    .univers {display:inline; float:left; width:120px; height:120px; margin:3px 3px 0 0;}
    #p_autres {display:inline; float:left; width:120px; height:120px; margin:3px 3px 0 11px;}

#contenu {clear:both; width:881px; margin:20px 0 20px 20px;}

#bd_gauche{width:258px; color:#edddcf; float:left;}
    #bd_gauche_haut{height:21px; background-image:url(images/fonds/univers_haut.gif);}
    #bd_gauche_contenu{background-image:url(images/fonds/univers_contenu.gif); padding:0 21px; background-color:#b2856e; }
    #bd_gauche_bas{height:21px; background-image:url(images/fonds/univers_bas.gif); margin-bottom:10px;}
    #bd_gauche h3{font: normal 18px Trebuchet MS; margin-bottom:10px; color:#fdf5ee;}

    /* Boutiques en avant */
    .bou_en_avant { padding-bottom:20px;}
    .bou_en_avant .bea_fond_img{position:relative; width:144px; height:134px; margin:0 auto 5px; text-align:center; background-color:#fff;}
    .bou_en_avant .bea_fond_img .bea_arrondi{position:absolute; top:0; left:0;}
    .bou_en_avant .bou_societe {font:normal 18px "Trebuchet MS"; }
    .bou_en_avant .bou_description {font-size:12px; }
    .bou_en_avant .bea_lien {font-size:12px; color:#edddcf; display:block; text-align:right; text-decoration:underline;}
    .bou_en_avant .bea_lien:hover {color:#fff;}

    /* Univers */
    #bd_gauche ul#univers {list-style-type:none;}
    #bd_gauche ul#univers li a{display:block; font:bold 16px "Trebuchet MS"; color:#edddcf; background:url(images/puces/univers.gif) 5px 9px no-repeat; padding-left:20px;}
    #bd_gauche ul#univers li a:hover, #bd_gauche ul#univers li a.hover{color:#542401; background:url(images/puces/univers-over.gif) 25px 6px no-repeat; padding-left:50px; text-decoration:none;}

    /* Familles */
    #bd_gauche ul#familles{list-style-type:none;}
    #bd_gauche ul#familles ul {list-style-type:none;}
    #bd_gauche ul#familles a{display:block; color:#edddcf;}

    #bd_gauche ul#familles a.fam_1{font:normal 16px "Trebuchet MS"; background:url(images/puces/univers.gif) 0 9px no-repeat; padding-left:15px;}
    #bd_gauche ul#familles a.fam_1:hover, #bd_gauche ul#familles a.fam_1-hover{background-image:url(images/puces/fam_1-over.gif); color:#542401; text-decoration:none;}

    #bd_gauche ul#familles a.fam_2{font:normal 14px "Trebuchet MS";background:url(images/puces/fam_2.gif) 16px 9px no-repeat; padding-left:27px;}
    #bd_gauche ul#familles a.fam_2:hover, #bd_gauche ul#familles a.fam_2-hover{background-image:url(images/puces/fam_2-over.gif); color:#542401; text-decoration:none;}

    #bd_gauche ul#familles a.fam_3{font:normal 12px "Trebuchet MS";padding-left:39px;}
    #bd_gauche ul#familles a.fam_3:hover, #bd_gauche ul#familles a.fam_3-hover{color:#542401; text-decoration:none;}

    #bd_gauche ul#familles a.hover{text-decoration:underline; font-weight:bold; color:#fff}

    #bd_gauche .lien_bd_gauche{display:block; margin:0 0 10px 20px; padding-left:25px; color:#3d2209; font:normal 13pt Trebuchet Ms; background:url(images/puces/menu.gif) 0 7px no-repeat;}
    #bd_gauche .lien_bd_gauche:hover, #bd_gauche .lien_bd_gauche.active{color:#b7876e; text-decoration:none; background-image:url(images/puces/menu-over.gif)}

#contenu_droite{width:601px; float:right;}

/* pied de page */
#bas {clear:both;width:881px; height:45px; margin:0 0 0 20px; background:url(images/fonds/bas.gif); position:relative;}
    #bas #a_awc{display:block; font-size:9pt; position:absolute; left:20px; top:15px; color:#fdf5ee;}
    #bas ul#menub {position:absolute; right:15px; top:15px; list-style-type:none;}
    #bas ul#menub li{display:inline; float:right; font: normal 9pt Trebuchet MS; color:#fdf5ee;}
    #bas ul#menub li a{font-size:9pt; color:#fdf5ee; text-decoration:none; margin: 0 5px;}
    #bas ul#menub li a:hover, #bas ul#menub li a.active{text-decoration:underline;}

/******************************************/
/**************  HOMEPAGE  ******************/
/******************************************/
#intro{margin-bottom:20px; text-align:justify;}
#intro #intro_actu{float:left; padding:10px; width:384px; height:150px; background-image:url(images/fonds/intro_actu.gif); overflow:hidden;}
#intro #fauteuils{float:right;}

#acc_spaw{margin-bottom:10px;}

/* Actualités défilantes */
.act_date{font:bold 11px Trebuchet MS; color:#6b2e01; margin-bottom:2px;}
.act_titre{font:bold 14px Trebuchet MS; color:#2c588c; margin-bottom:5px;}
.act_case_pdt{float:right; margin:0 0 5px 10px;}


/******************************************/
/**************  CONNEXION ******************/
/******************************************/
#form_acces #acces_oubli{display:block; margin-left:210px;}



/******************************************/
/**************  PROFIL BOUTIQUE ******************/
/******************************************/
#youtube_ex{margin:5px 0; line-height:1.8em;}
#youtube_ex a span{font-weight:bold; border:1px solid #6b2e01; background-color:#edddce; }


/******************************************/
/**************  PRODUIT BOUTIQUE ******************/
/******************************************/
.pbo_f .pbo_fam_2{background-color:#edddcf;}
.pbo_f .barre{text-decoration:line-through}

#pbo_l .Moteur{margin-bottom:10px;}
#pbo_l .ajout_pdt{margin-bottom:10px;}


/******************************************/
/**************  BOUTIQUE ******************/
/******************************************/

/* Produits de la boutique */

/* Liste des boutiques*/
.case_boutique{padding:35px 149px 0 12px; margin-bottom:25px; width:118px; height:130px; float:left; position:relative; font:normal 11px "Trebuchet MS"; color:#3d2209; background:url(images/fonds/case_boutique.gif) left bottom no-repeat; overflow:hidden;}
.cb_gauche{margin-right:30px;}
.case_boutique h2{font:bold 14px "Trebuchet MS"; color:#3d2209; text-align:left; margin-bottom:3px;}
.case_boutique .cb_lien{ font:bold 12px "Trebuchet MS"; color:#fdf5ee; line-height:19px; display:block; width:41px; height:19px; position:absolute; top:139px; left:99px; text-align:center; background-image:url(images/bt/voir.gif);}
.case_boutique .cb_fond_img{position:absolute; right:0; top:0; width:144px; height:134px; text-align:center; background-color:#fff;}
.case_boutique .cb_fond_img .cb_arrondi{position:absolute; top:0; left:0;}


/******************************************/
/**************  PRODUIT ******************/
/******************************************/

/* Détail */
#fiche_pdt{margin:44px 0 0 232px; background-color:#edddcf; width:356px; position:relative;}
#fiche_pdt #fp_haut{height:16px; background-image:url(images/fonds/fp_haut.gif); font-size:1px;}
#fiche_pdt #fp_bas{height:16px; background-image:url(images/fonds/fp_bas.gif); font-size:1px;}
#fiche_pdt #fp_contenu{padding:0 15px 0 35px; min-height:212px; _height:212px;/*pour IE*/ }
#fiche_pdt h1{font:normal 24px "Trebuchet MS"; margin-bottom:0px;}
#fiche_pdt h2{font:normal 14px "Trebuchet MS"; margin-bottom:10px;}
#fiche_pdt .pdt_description{font:normal 14px "Trebuchet MS"; margin-bottom:10px;}
#fiche_pdt .fp_detail{color:#2c588c;}
#fiche_pdt .fp_detail span{float:left; width:100px;}
#fiche_pdt .prix{font:normal 18px "Trebuchet MS"; margin:10px 0;}
#fiche_pdt .prix span{font-size:12px; color:#2c588c;}
#fiche_pdt .fp_mon_panier{margin:0 0 5px auto;}
#fiche_pdt .fp_panier{display:block; margin:0 30px 0 auto; padding-left:34px; width:55px; height:19px;font:bold 12px "Trebuchet MS"; line-height:19px; color:#fdf5ee; background-image:url(images/bt/fond_panier.gif);}
#fiche_pdt .fp_fond_img{position:absolute; left:-232px; top:-34px; width:254px; height:254px; text-align:center; background-color:#fff;}
#fiche_pdt .fp_fond_img .fp_arrondi{position:absolute; top:0; left:0;}

/* Liste (résutlat de recherche) */
.ligne_boutique{padding:53px 0 0 224px; margin-bottom:20px; width:628px; height:150px; position:relative; background:url(images/fonds/ligne_bou_droite.gif) right bottom no-repeat;}
.ligne_boutique .case_pdt{margin-bottom:0;}
.ligne_boutique .cp_gauche{margin-right:24px;}

.ligne_boutique .lb_autres{font:normal 12px "Trebuchet MS"; color:#fff; line-height:28px; text-align:center; position:absolute; right:17px; top:19px; width:146px; height:28px; background-image:url(images/bt/autres.gif)}
.ligne_boutique .lb_fond_img{padding:0 20px; width:170px; height:181px; position:absolute; left:0; top:0; background-color:#fff; overflow:hidden;}
    .lb_fond_img img{display:block; margin:0 auto 2px;}
    .lb_fond_img h2{font:bold 14px "Trebuchet MS"; color:#3d2209; margin-bottom:2px;}
    .lb_fond_img .bou_description{font-size:11px;}
    .lb_fond_img .lb_arrondi{position:absolute; top:0; left:0;}


/******************************************/
/**************  QUI SOMMES NOUS ******************/
/******************************************/
.qsn .bou_adresse{margin-bottom:10px; color:#2c588c;}
.qsn .bou_adresse span{font-weight:bold; text-transform:uppercase;}


/******************************************/
/**************  VIDEO ******************/
/******************************************/
#video_youtube{padding:20px; width:425px; height:355px; background-image:url(images/fonds/video.gif);}


/******************************************/
/**************  MON PANIER ******************/
/******************************************/
.panier .bou_entete .be_fond_img{float:left; margin-right:20px;}
.panier .bou_entete .be_suiteg{float:left;}

#total_panier {width:auto;}
#total_panier tbody th{padding-left:30px; background-color:#b2856f; color:#fff; text-align:right; font: bold 10pt "Trebuchet Ms";}
#total_panier tbody td{padding-left:30px; text-align:right; }


/******************************************/
/**************  COMMANDE ******************/
/******************************************/
.cmd .form_defaut p.checkbox{padding-left:0}



/******************************************/
/**************  CONTACTS ******************/
/******************************************/
p#merci {line-height:250px;}
#contact_form {margin:10px auto; width: 500px;}
#contact_form .saisies{ font: normal 8pt Verdana; color:#666;padding: 1px 0 1px 5px;}
#contact_form .row{clear:both;padding-top:3px !important;padding-top:1px;}
#contact_form .row label{display:inline; float: left; margin-right: 5px; width: 160px;text-align: right; font:normal 8pt Verdana; color:#333;}
#contact_form .row label span{color:#2c588c;}
#contact_form .row span.champs {float: left; width: 150px; }
#contact_form .row span.champs textarea, form .row span.champs input {width:170px;}
#contact_form .row span.champs #bouton {width:58px;}