@charset "utf-8";
/* NEFTIS - Styles Alain Batt - Olivier - Lundi 01 Decembre 2008 */

/* Styles de texte et titres pour l'éditeur */

.texte1 { color: #674326; font-size: 12px; letter-spacing: 5px; }
.texte2 { color: #c4a060; font-size: 12px; }
.texte3 { color: #90703c; }
.texte4 { color: #a48355; }
.texte5 { color: #ab885d; text-transform: uppercase; font-size: 10px; font-family:Tahoma, Verdana, Geneva, sans-serif; }
.texte6 { font-size: 10px; color: #9b7e4f; }
.texte7 { color: #3b270d; font-weight: bold; font-size: 12px; }
.texte8 { color: #9b7e4f; font-weight: normal; font-size: 12px; line-height: 18px; }
.texte9 { color: #9b7e4f; font-weight: normal; }

.titre1 { color: #765d37; font-size: 14px; margin: 0; padding: 0; font-weight: bold; letter-spacing: 5px; }
.titre2 { color: #765d37; font-size: 12px; margin: 0 0 5px; padding: 0; font-weight: normal; letter-spacing: 2px; }
.titre3 { color: #553911; font-size: 14px; font-weight: bold; margin: 0; padding: 0; letter-spacing: 5px; }


/* not editor */
/* A partir d'ici, la feuille de styles n'est plus traîtée pour les styles de l'éditeur */

/* Complements de styles :
   Ce sont les styles pour compléter les éléments ci-dessus apparaissant dans l'éditeur,
   mais que je ne veux pas voir apparaitre sous flexit */

.texte3 a { color: #90703c; text-decoration: none; }
.texte4 a { color: #a48355; text-decoration: none; }
.texte5 a { color: #ab885d; text-decoration: none; }

/* Styles généraux */
body { margin: 0; padding: 0; background: url(bg_body.jpg) left top repeat-x #553911;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #765D37;}
/*p,td,body{}*/
a { color: #765D37; text-decoration: none; position: relative; }
a:hover, a:visited:hover { text-decoration: underline; }
a img { border: none; }
p { margin: 0; padding: 0; }
hr{
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 0px;
	width: 491px;
	height: 6px; background: url(sep_04.png);border:0px none;
}

.clearer { width: auto; height: 0px; font-size: 0px; clear: both; }
.forcecenter { margin-left: auto; margin-right: auto; }
.forceright { margin-left: auto; }
.forceleft { margin-right: auto; }
.forcerelative { position: relative; width: auto; height: auto; }
.flleft { float: left; }
.flright { float: right; }
.ancre { font-size: 0px; height: 0px; visibility: hidden; }


/* Styles principaux de la structure */
.main { width: 760px; height: auto; margin-left: auto; margin-right: auto; position: relative; }
.header { width: 760px; height: 125px; background: url(shadow_bg_header.png) left top no-repeat transparent; position: relative; }
.shadow { width: 741px; height: auto; padding-left: 19px; background: url(shadow_bg_main.png) left top repeat-y transparent; }
.banniere { width: 722px; height: 205px; position: relative; margin-bottom: 8px; }
.maskleft { width:20px; height: 205px; position: absolute; top: 0; left: 0; z-index:97; }
.maskright { width:20px; height: 205px; position: absolute; top: 0; right: 0;  z-index:97;}
.body1col { width: 722px; height: auto; background: #FFFFFF; overflow: hidden; }
.body2cols { width: 722px; height: auto; background: url(bg_body_2cols.gif) left top repeat-y transparent; }
.colgauche { width: 216px; height: auto; float: left; color: #74562e; overflow: hidden; position: relative; }
.content { width: 506px; height: auto; float: right; position: relative; }

h1{
	background-image:url(titre.gif);
	width:506px;
	height:42px;
	text-align:center;
	font-family:"Times New Roman";
	color:#553911;
	font-weight:normal;
	line-height:36px;
	font-size:18px;
	letter-spacing: 2px;
	margin:0px;
}

h1 span,h1 b,h1 strong{height:42px;background:url(fd_titre.gif)  0px -8px;padding:0px 8px 0 8px;font-weight:normal;}

.footer { }
.footertexte { width: 722px; margin-top: 5px; margin-left: auto; margin-right: auto; text-align: center; }

/* Styles secondaires */

.spacer1 { width: auto; height: auto; padding: 0 10px; text-align: center; }
.logo { width: auto; height: auto; position: absolute; top: 10px; left: -70px; z-index: 10; }
.header .panier { width: auto; height: auto; position: absolute; top: 10px; right: 30px; color: #ebd39a; text-align: right; }

.buttoncolgauche { width: 205px; height: 125px; left: -171px; position: relative; }
.buttoncolgauche a { position: absolute; top: 70px; left: 85px; }
.bergamote { background: url(button_bergamote.gif) left top no-repeat transparent; }
.bergamote a { color: #ffce4e; }
.macaron { background: url(button_macaron.gif) left top no-repeat transparent; }
.macaron a { color: #765d37; }

.boutonSlide { width: 205px; height: 125px; left: -171px; position: relative; }


.gondole { }
.gondole .photo { padding:5px; }
.gondole .produit { padding-top: 10px; }
.gondole td { vertical-align: top; }
.gondole .desc, .gondole .price { margin: 5px 0;}

.vousetesici { margin-bottom: 5px; padding-left: 10px; }

.menutop { position: absolute; right: 30px; bottom: 5px; text-align: right; z-index: 15; }
.menutop .item1 { width: 98px; height: 46px; display: -moz-inline-box; display: inline-block; background-repeat: no-repeat; }
.menutop .item2 { width: 154px; height: 46px; display: -moz-inline-box; display: inline-block; background-repeat: no-repeat; }

.menuleft { background: url(bg_menu_left.gif) left bottom repeat-x #826332; }
.menuleft .nv1 { padding-left: 5px; padding-bottom: 5px; font-family:"Times New Roman", Times, serif; color: #FFFFFF; text-transform: uppercase; font-size: 20px; letter-spacing: 0px; cursor: pointer; }
.menuleft .nv1 a { color: #FFFFFF; text-decoration: none; }
.menuleft .nv2 { padding: 0 0 5px 0; position: relative; color: #2b150e; font-size: 12px; text-transform: uppercase; cursor: pointer; }
.menuleft .nv2 a { color: #2b150e; text-decoration: none; margin-left: 15px; }
.menuleft .nv2 .selected { color: #990000; text-decoration: none; }
.menuleft .nv2 .puce { width: auto; height: auto; position: absolute; top: 7px; left: 0; }
.menuleft .nv2hover, .menuleft .nv2selected { padding: 0 0 5px 0; position: relative; color: #2b150e; font-size: 12px; text-transform: uppercase; background: #9b7e4f; cursor: pointer; }
.menuleft .nv2hover a, .menuleft .nv2selected a { color: #2b150e; text-decoration: none; margin-left: 15px; }
.menuleft .nv2hover .puce, .menuleft .nv2selected .puce { width: auto; height: auto; position: absolute; top: 7px; left: 0; }


.titrelarge h1{ background-image:url(titre2.gif);width:100%;height:41px; }

.fichetitreref { padding: 10px; margin-bottom: 5px; vertical-align: middle; }
.fichebuyitem { position: absolute; bottom: 0; right: 0; }

.produitsasso { margin-left: 10px; position: relative; }

.pagetop { text-align: center; width: 250px; margin-top: 10px; margin-bottom: 10px; }
.pagetop a:hover, .pagetop a:visited:hover { text-decoration: none; }

/* Tables pour les produits */

/*.productable1, .productable2, .productable3 { width: 100%; }*/
.productable1 td { text-align: center; width:160px;}

.productable2 { width: 100%; }
.productable2 td, .productable3 td { text-align: left; vertical-align: top; }
.productable2 .photo { width: 150px; padding: 10px 0; text-align: center;}
.productable2 .desc { width: 225px; padding: 10px 0; }
.productable2 .buy { text-align: center; vertical-align: middle; padding: 10px 0; }

.productable3 .photo { width: 270px; }
.productable3 .otherpics { padding: 0 10px 10px; }
.productable3 .otherpics img { border: 1px solid #9b7e4f; margin-right: 5px; margin-bottom: 5px; }

.item_img a{background-color:#FFFFFF;}

/* panier */
.etapeoff{background:url(boutique/fd_etape_off.gif) no-repeat 0px 3px;line-height:32px;}
.etapeon{background:url(boutique/fd_etape_on.gif) no-repeat 0px 3px;line-height:32px;}
.etapeoff span,.etapeon span{margin:0px 20px 0px 10px;color:#FFFFFF;font-weight:bold;}
.etapeoff b{background:url(boutique/fleche_off.gif) no-repeat right;padding-right:10px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#bab1a3;font-weight:normal;}
.etapeon b{background:url(boutique/fleche_on.gif) no-repeat right;padding-right:10px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#765d37;font-weight:normal;}
.etapeoff a,.etapeoff strong{font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#bab1a3;font-weight:normal;}
.champformulaire{border:1px solid #E7D2AF;color:#756447;}
.etapes{padding-top:42px;position:relative;}
.etapes table { margin: 0 auto; }
.etapes h1{position:absolute;top:0px;}

/* ajout panier */
.minibox { width: 397px; height: 228px; position: absolute; margin-left: 50%; top: 0; left: -202px; background: transparent; z-index: 150; font-family: Arial, Helvetica, sans-serif;}
.minibox .bg { z-index: 0; }
.minibox .bg, .minibox .content { position: absolute; top: 0px; left: 0px; border: none; }
.minibox .content { width: 385px; height: 230px; overflow: hidden; padding: 5px; }
.minibox h4 { margin: 3px 5px 20px; padding: 0px; font-size: 18px; color: #FFFFFF;font-family:"Times New Roman";font-weight:normal;letter-spacing: 2px; }
.minibox .produit, .minibox .tarif { font-weight: bold; color: #3d9fb8; font-size: 18px; }
.minibox .produit { float: left; padding-left: 5px; }
.minibox .tarif { position:absolute;top:114px;right:15px; width: 110px; height: auto; text-align: right; padding-right: 10px; color: #553911; font-size: 14px; font-weight: bold; margin: 0; padding: 0; letter-spacing: 5px;}
.minibox .butg, .minibox .butr { position: absolute; bottom: 45px; font-size: 14px; font-weight: bold; color: #414244;  }
.minibox .butg { width: 160px; height: auto; text-align: center; left: 20px; bottom:62px;}
.minibox .butr { width: 160px; height: auto; text-align: center; right: 15px; bottom:62px;}
.minibox .total { width: auto; height: 16px; padding-top: 3px; position: absolute; bottom: 23px; right: 12px; text-align: right; font-size: 10px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #553911; }


/* Styles gros titres */

.titre1_rub { width: 216px; height: 60px; padding: 15px 0 0; margin: 0; background: url(bg_title1.gif) left top no-repeat transparent; text-transform: uppercase; font-family: "Times New Roman", Times, serif; font-size: 23px; color: #ead099; font-weight: normal; text-align: center; line-height: 20px;}
.titre2_rub { width: auto; height: auto; margin: 0; text-transform: uppercase; font-family: "Times New Roman", Times, serif; font-size: 26px; color: #cfb37e; font-weight: normal; text-align: center; line-height: 20px;}

/* Separateurs ! */

.sep01, .sep02, .sep02b, .sep03, .sep04, .sep05, .sep06, .sep07 { background-position: left top; background-repeat: no-repeat; background-color: transparent; font-size: 0px; }
.sep01 { width: 216px; height: 6px; background: url(sep_01.png); }
.sep02 { width: 113px; height: 1px; background: url(sep_02.png); }
.sep02b { width: 113px; height: 1px; background: url(sep_02.png); margin-left: auto; margin-right: auto; display: block; }
.sep03 { width: 280px; height: 1px; background: url(sep_03.png); }
.sep04 { width: 491px; height: 6px; background: url(sep_04.png); }
.sep05 { width: auto; height: 6px; background: url(sep_05.png) left top repeat-x transparent; }
.sep06 { width: 420px; height: 1px; margin: 5px 0; background: url(sep_06.png); }
.sep07 { width: 710px; height: 1px; margin: 5px 0; background: url(sep_07.png); }

/* Boutons */

.button1, .button1b, .button1c { position: relative; height: 18px; display: block; line-height: normal; }
.button1 a, .button1b a, .button1c a { height: 17px; margin: 2px 6px; padding-top: 2px; display: block; background: url(button1_body.png) left top repeat-x transparent; text-align: center; font-size: 10px; color: #301810; text-decoration: none; }
.button1 .cornleft, .button1b .cornleft, .button1c .cornleft { width: 6px; height: 18px; display: block; position: absolute; top: 0; left: 0; background: url(button1_cornleft.png) left top no-repeat transparent;}
.button1 .cornright, .button1c .cornright { width: 6px; height: 18px; display: block; position: absolute; top: 0; right: 0; background: url(button1_cornright.png) left top no-repeat transparent; }

.button1b a { margin: 2px 14px 0 6px; color: #FFFFFF; font-weight: bold; font-family: Tahoma, Verdana, Geneva, sans-serif; }
.button1b .cornright {  width: 14px; height: 18px; display: block; position: absolute; top: 0; right: 0; background: url(button1b_cornright.png) left top no-repeat transparent; }

.button1c a { color: #FFFFFF; font-weight: bold; font-family: Tahoma, Verdana, Geneva, sans-serif; }


/* Styles liés à des scripts externes */

/* CUSTOM FORMS */
span.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(checkbox.gif) no-repeat; display: block; clear: left; float: left; }
span.radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(radio.gif) no-repeat; display: block; clear: left; float: left; }
span.select { position: absolute; width: 158px; height: 21px; padding: 0 24px 0 8px; color: #a17e52; font: 12px/21px Arial, Helvetica, sans-serif; background: url(select.png) no-repeat; overflow: hidden; text-align: left; }
select.styled { font: 12px/21px Arial, Helvetica, sans-serif; color: #553911; background: #FFFFFF; }

/* SLIDER */
/* Styles pour les slides de l'accessbox. */
#box4 { position:absolute; }
#box4 div { width:650px; height:215px; float:left; background: transparent; overflow: hidden; }
#info4 { background:#fff !important; color:red !important; cursor:default }
.mask3 { position:relative; width: 650px; height:215px; overflow:hidden; }
.buttons { text-align: center; padding: 4px 0px 4px 0px; background: #FFFFFF; height: 15px; position: relative; }
.buttons span { padding: 0px 5px 0px 5px; cursor: pointer; }
.buttons div { position: absolute; top: 3px; cursor: pointer; }
.buttons #prev { left: 5px; }
.buttons #next { right: 5px; }
#handles4 .active { font-weight: bold; }
#prevprod { position: absolute; left: 5px; top: 70px; cursor: pointer; }
#nextprod { position: absolute; right: 5px; top: 70px; cursor: pointer; }

/* Panier */
.switchdesc { display: none; }
.switchdesc table, .tableAlreadyClient, .tableInputCoords { width: 98%; margin: 0 auto; }