/* DeTBC */
/* bleu clair E0EBEE */
/* b9d0d6 */
/* e1f5fa */
/*straight from the slums of shaolin*/
html{height:100%}
body{height:100%;font-family:Arial, Helvetica, sans-serif;font-size:16px;background:#F7F6EC;color:#252525;padding-bottom:70px}
* {margin:0;padding:0;border:none;list-style-type:none}
a {color:#7E3616}
h1,h2,h3,h4,h6 {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;color:#7E3616}
a:hover, a.active {color:#00A0C6}
div.clr {/*border:1px solid red;*/clear:both}
/*heinikin! heinikin! da wu tang clan!*/
#menulong {display:none}
#conteneur {
	margin:auto;
	margin-top:10px;
	width:924px;
	position:relative
}
*+html #conteneur {
	margin-top:10px
}
#tout {
	margin:0 19px;
	background:url(../images/fond_milieu.gif) repeat-y;
	height:auto;
	min-height:400px;
	padding:5px;
	padding-top:0
}
#madras {
	margin:auto;
	padding:0px;
	margin-bottom:-5px;
	text-align:center;
	position:relative;
	font-size:0.75em;
	color:#D3D3D3;
	background:url(../images/madras.png) repeat-x;
	padding-left:0;
	padding-right:0;
	height:21px
}
#footer {
	margin:auto;
	padding:10px 60px;
	margin-bottom:-5px;
	text-align:center;
	position:relative;
	font-size:0.75em;
	color:#7E3616;
	background:url(../images/fond_bas.gif) no-repeat top;
	padding-left:0;
	padding-right:0;
	height:36px
}

/*HAUT*/
#haut {
	background:url(../images/bandeau2.png) 100% -4px no-repeat;
	height:auto;
	min-height:130px
}
#haut div.droite {
	width:663px;
	float:right
}
#logo {
	float:left;
	width:211px;
	min-height:130px;
	text-align:center;
	font-size:0.7em
}
#logo p {color:#7E3616;margin-top:-15px;font-weight:bold}

#bandeau {
	float:left;
	margin-bottom:0;
	padding:5px 0 0 15px;
	margin-bottom:-5px;
	width:433px;
	position:relative;
	height:auto;
	min-height:95px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	text-align:center
}
*+html #bandeau {
	top:0px;
	margin-top:0;
	margin-right:0
}
#bandeau h1 {
	font-size:1.1em;
	font-weight:normal
}
#bandeau a {color:#00A0C6;text-decoration:none
}
#bandeau a:hover {text-decoration:underline
}
#bandeau h1 span {
	color:#ED7F29
}
#bandeau p {
	font-size:0.8em;
	color:#7E3616
}
#bandeau2 {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	float:left;
	width:190px;
	height:auto;
	overflow:auto;
	min-height:95px;
	padding-left:10px;
	padding-top:5px;
	margin-bottom:-5px;
	color:#4B8798
}
*+html #bandeau2 {
	margin-left:0
}
#monCompte {
	font-size:0.75em;
	color:#D3D3D3;
	background:url(../images/fond_haut.png) bottom no-repeat;
	text-align:right;
	margin:0 19px;
	padding-right:10px;
	height:30px
}
#monCompte p {
	padding:0;
	border:0;
	margin:0;
/*	display:none;*/
}
#monCompte a, #footer a {
	color:#4B8798;
	text-decoration:none
}
#monCompte a:hover, #footer a:hover {
	text-decoration:underline
}
#monCompte p strong {
	color:#4B8798
}
#monCompte input {
	width:75px;
	border:1px solid #A05132;
	background:#E0D9AB
}
#monCompte input#soumission {
	border:none;
	background:none;
	color:#4B8798;
	text-align:left;
	width:20px;
	cursor:pointer;
	margin-right:20px;
	font-size:1.05em
}
#monCompte input#soumission:hover {
	border-bottom:1px solid #4B8798;
}

#monPanier {
	margin-top:-6px;
	font-size:0.7em;
	padding-top:30px;
	padding-left:64px;
	padding-right:60px;
	min-height:62px
}
#monPanier a {
	text-decoration:none
}
#monPanier a:hover {
	text-decoration:underline
}
#menu {
	clear:left;
	margin-right:0px;
	width:670px;
	margin-left:-13px
}
#menu ul#nav, #menu ul#nav ul {
	margin:0;
	padding:0;
	list-style:none
}
#menu ul#nav li {
	line-height:13px;
	position:relative;
	z-index:200;
	float:left;
	background:url(../images/b_rouge_01.png) no-repeat;
	padding:0;
	text-align:center
}
#menu li.last {
	margin-right:0
}
#menu a {
	display:block;
	text-transform:capitalize;
	text-decoration:none;
	padding-top:10px;
	width:134px;
	font-size:0.95em;
	min-height:1.5em;
	background:url(../images/b_rouge_03.png) no-repeat 0px 100%;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7E3616;
	cursor:pointer
}
#menu a:hover, #menu a.active {
	text-decoration:underline
}
#menu li.one {
	top:-2px
}
#menu li.one li a {
	text-transform:none
}
#menu li.one:hover, #menu li.one.active {
	top:2px
}
#menu ul#nav li.c1 {background-image:url(../images/b_violet_01.png)}
#menu ul#nav li.c3 {background-image:url(../images/b_bleu_01.png)}
#menu ul#nav li.c4 {background-image:url(../images/b_jaune_01.png)}
#menu ul#nav li.c5 {background-image:url(../images/b_vert_01.png)}

#menu ul#nav li.c1 a {background-image:url(../images/b_violet_03.png)}
#menu ul#nav li.c3 a {background-image:url(../images/b_bleu_03.png)}
#menu ul#nav li.c4 a {background-image:url(../images/b_jaune_03.png)}
#menu ul#nav li.c5 a {background-image:url(../images/b_vert_03.png)}

#menu ul#nav li li {background-image:none}
#menu ul#nav li.one li a,
#menu ul#nav li.c3 li a,
#menu ul#nav li.c4 li a,
#menu ul#nav li.c5 li a {background-image:url(../images/b2_normal.png);background-repeat:repeat-x;padding-top:4px;width:113px;margin-left:11px
}
#menu ul#nav li.one li li a,
#menu ul#nav li.c1 li li a, 
#menu ul#nav li.c3 li li a, 
#menu ul#nav li.c4 li li a, 
#menu ul#nav li.c5 li li a {margin-left:0}
div#menu ul#nav li li a:hover {background-image:url(../images/b2_rouge.png);background-repeat:repeat-x;text-decoration:none
}
div#menu ul#nav li.c1 li a:hover {background-image:url(../images/b2_violet.png);background-repeat:repeat-x}
div#menu ul#nav li.c3 li a:hover {background-image:url(../images/b2_bleu.png);background-repeat:repeat-x}
div#menu ul#nav li.c4 li a:hover {background-image:url(../images/b2_jaune.png);background-repeat:repeat-x}
div#menu ul#nav li.c5 li a:hover {background-image:url(../images/b2_vert.png);background-repeat:repeat-x}


#menu ul#nav li ul {
	position: absolute;
	left:-999em;
	font-size:0.75em;
	padding-top:1px
}
#menu ul#nav li li ul {
	font-size:1em;
	padding-top:0px
}
#menu ul#nav li:hover ul ul, #menu ul#nav li.sfhover ul ul {
	left: -999em
}
#menu ul#nav li:hover ul, #menu ul#nav li.sfhover ul, #menu ul#nav li li:hover ul, #menu ul#nav li li.sfhover ul {
	top: 0;
	left: 0;
	margin-left: 100%
}

#menu ul#nav li:active ul, #menu ul#nav li:hover ul, #menu ul#nav li.sfhover ul {
	top: 100%;
	margin-left: 0
}
/*BAS*/
#bas {
	background:url(../images/menugauche1.png) no-repeat bottom left;
	height:auto;
	min-height:517px;
	margin:0 5px 0 0;
	clear:both;
	overflow:auto;
	position:relative
}
#gauche {
	width:191px;
	height:100%;
	min-height:655px;
	float:left
}
*+html #gauche {
}
#menulong {
	margin-top:-8px
}
#menulong dt {
	margin:7px 0
}
#menulong dt a, #menulong dt.nolink {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#4B8798;
	display:block;
	text-decoration:none;
	padding:3px;
	padding-left:20px
}
*+html #menulong dt a, *+html #menulong dt.nolink {
	background:#E0EBEE url(../images/t_blanc.png) no-repeat 6px 9px
}
#menulong dt a:hover, #menulong dt a.active {
	color:#FFF;
	background-color:#ED7F29
}
#menulong dt a:hover {
	text-decoration:underline
}
#gauche #menulong ul {
	margin-left:20px
}
#gauche #menulong ul li a {
	display:inline;
	background:none;
	color:#575251;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none
}
#gauche #menulong ul li a:hover, #gauche #menulong ul li a.active {
	color:#ED7F29
}
#gauche #menulong ul li a:hover {
	text-decoration:underline
}
#gauche #navlong {
	padding:5px;
	margin:5px;
	background:url(../images/pixel70.png)
}
*+html #gauche #navlong {background-image:none}
#gauche #navlong a {
	text-decoration:none;
	font-size:1em;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold
}
#gauche #navlong ul {
	margin-left:15px;
	font-size:0.75em;
	font-weight:normal;
	line-height:1.15em
}
/*#gauche #navlong li.one {
	background:url(../images/b_navlong_haut.png) no-repeat left top;
	padding-top:5px;
	margin-bottom:4px;
}
div#gauche ul#navlong li.one a {
	vertical-align:super;
	display:block;
	margin-top:-4px;
	margin-bottom:8px;
	padding-bottom:4px;
	padding-top:0px;
	background:url(../images/b_navlong_bas.png) no-repeat left bottom;
}*/
div#gauche ul#navlong li.one li a {background-image:none;padding-bottom:0}
#gauche div.logos {
	margin-top:120px;
	margin-bottom:10px;
	text-align:center
}
#gauche div.logos table {
	margin:auto;
	margin-bottom:10px
}
#bas span.cartouche {
	width:163px;
	padding:5px;
	padding-top:51px;
	min-height:67px;
	color:#7E3616;
	margin:auto;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	background:url(../images/encart_livraison.png) top no-repeat;
	position:absolute;
	bottom:25px;
	left:5px
}
#bas span.cartouche span {
	font-size:0.9em;
}
#bas span.cartouche img {
	vertical-align:text-bottom
}
a#cartouche {
	text-decoration:none;
	border:0;
	cursor:pointer;
}
a#cartouche span span {
	text-decoration:underline;
}
a#cartouche span span:hover {
	color:#00A0C6
}

#droite {
	padding-left:10px;
	height:auto;
	min-height:400px;
	position:relative;
	overflow:auto;
	padding-bottom:18px;
	padding-top:1px;
	margin-right:0px;
	margin-bottom:1px
}
#nav div.chemin {
	float:left;
	color:#E0EBEE;
	font-weight:bold;
	background:#82A1AB;
	padding:8px 6px 5px 6px;
	font-size:0.95em
}
#nav div.chemin h2 {
	margin:0;
	display:inline;
	font-size:1em
}
#nav div.chemin a {
	font-family:Arial, Helvetica, sans-serif;
	color:#E0EBEE;
	text-decoration:none;
	font-weight:bold;
	display:inline
}
#nav div.chemin a:hover {
	color:#FFF;
	text-decoration:underline
}
#nav div.pages {
	float:left;
	height:24px;
	padding:6px 18px 1px 6px;
	background:#82A1AB url(../images/c_onglet.jpg) right bottom no-repeat
}

#nav div.pages a {
	color:#ED7F29;
	font-weight:bold;
	display:block;
	float:left;
	width:19px;
	padding-left:8px;
	padding-top:3px;
	height:22px;
	background:yellow;
	text-decoration:none;
	background:url(../images/b_pageblanc.png) no-repeat 0px -1px
}
#nav div.pages a.active, #nav div.pages a:hover  {
	background:url(../images/b_pageorange.png) no-repeat 0 -1px;
	color:#FFF
}
div.vign {
	float:left;
	margin:2px 4px 0 0;
	position:relative;
	text-align:left
}
div.vign a {
	display:block;
	width:122px;
	padding:4px;
	height:188px;
	background:url(../images/produit/vign5.png) top left no-repeat;
	text-decoration:none;
	position:relative;
	cursor:pointer
}
*+html div.vign, *+html div.vign a {
	z-index:-1;
}
div.vign a:hover, div.vign a.active {
	color:#00A0C6;
	background-position:-130px 0px
}
div.vign a img, div.vign a span {
	position:absolute
}
div.vign a img {
	margin-left:0px;
	margin-top:1px
}
div.vign a span {
	top:132px;
	line-height:1.1em;
	margin-left:0px;
/*	letter-spacing:0px;*/
	font-size:0.66em;
	font-weight:bold;
	width:115px;
}
div.vign a span span {
	font-size:1em;
	margin-left:0px;
	position:static;
	font-weight:normal;
	border:0
}

#produits {
	margin-top:5px;
	clear:both
}
#prod {
	width:360px;
	padding:5px;
	margin:5px 5px 0 0;
	position:relative;
	text-align:center;
	background:#E0EBEE;
	border:1px solid #AAB2B5;
	height:auto;
float:left;
clear:both
}
#prod img, #milieu div.images img, #droite #right img {
	border:1px dashed #C6C6C6
}

#prod img:hover, #milieu div.images img:hover {
	border-color:#EA7B28
}
#prod img.hand, #prod img.hand:hover { border:none;right:5px
}
#prod img.pastille {
	border:none
}
#droite #right img {
	border-color:#AAB2B5
}
#droite #right img:hover {
	 border-color:#E0EBEE
}
#milieu {
float:left;
width:165px
}
#milieu div.images {
	width:160px;
	position:relative;
	left:-6px;
	top:5px;
	padding:5px;
	padding-left:0px;
	padding-bottom:2px;
	background:#E0EBEE;
	border:1px solid #AAB2B5;
	border-left:0
}
#milieu #desc {
	margin-top:5px;
	width:165px;
	float:left;
	font-size:0.9em
}
#milieu #desc h2 {
	color:#EA7B28;
	font-size:1.3em;
	margin-top:0.2em;
	margin-bottom:-4px
}
#milieu #desc p {
	font-size:0.8em;
	margin-bottom:0.4em;
	margin-top:0.1em
}
#milieu a.achat {
	display:block;
	width:107px;
	height:56px;
	padding:76px 10px 0 16px;
	background:url(../images/panier_ajout_big3.png) no-repeat 0px 0px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#4B8798
}
#milieu #desc span.auteur a, #milieu #desc strong {
	text-decoration:none;
	font-weight:bold;
	color:#4B8798
}
#milieu #desc span.auteur a:hover {
	color:#EA7B28;
	text-decoration:underline
}
#milieu #desc span.prix, #milieu #desc span.prix strong {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0;
	margin-top:0;
	color:#EA7B28
}
#milieu a.achat:hover, #milieu a.dessus {
	background-position:-133px 0px;
	color:#EA7B28
}
#milieu a.deja:hover, #milieu a.deja {
	background-position:-266px 0px
}


#droite #right dt a, #droite #right dt.first {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#4B8798;
	border:1px solid #D3D3D3;
	display:block;
	text-decoration:none;
	background:#E0EBEE;
	padding:3px;
	padding-left:20px
}
#droite #right dt.first {
	padding:0
}
#droite #right dt.first a {
	border:0;
	background: url(../images/c_onglet2.jpg) no-repeat right;
	position:relative;
	margin-top:-1px;
	margin-right:-1px
}
#droite #right a:hover {
	color:#7E3616;
	text-decoration:underline
}
#droite #right dd img {
	margin:10px;
	margin-right:8px
}
#droite #right dd {
	text-align:center
}
#droite #content {
	position:relative;
	font-size:12px;
	margin-top:5px;
}
#droite #content p {
	margin-top:0.5em;
	margin-bottom:0.5em
}
#droite #content strong {
	color:#4b8798
}
#droite #content a {
	color:#575251;
	text-decoration:none
}
#droite #content a:hover {
	color:#ED7F29;
	text-decoration:underline
}
#droite #content h4, #droite #dossier h4, #pop h4 {
	font-size:1.15em;
	margin:10px;
	margin-top:15px;
	margin-left:0;
	padding:5px;
	padding-left:0;
	color:#7E3616;
	border-bottom:1px dashed #AAB2B5
}
#droite #content h5, #droite #dossier h5, #pop h5 {
	font-size:1.05em;
	margin:10px;
	margin-top:15px;
	margin-left:0;
	padding:5px;
	padding-left:0;
	color:#4b8798
}
#droite #content input, #droite #content select, #droite #form_faq textarea {
	border:1px solid #E0EBEE
}

#droite #content table.form input, #droite #content table.form select, #droite #form_faq textarea {
	border-color:#D3D3D3;
	width:130px
}
#droite #form_faq textarea {
	font-size:1em
}
#droite #form_faq input {
	font-size:1em
}
#droite #content table {
	border:1px solid #D3D3D3;
	border-collapse:collapse;
	margin-left:1px
}
#droite #content.commandes, #droite #content.etapes1, #droite #content.etapes2, #droite #content.etapes2b, #droite #content.etapes3  {
	padding-left:110px;
	background-repeat:no-repeat;
	background-position:8px 8px;
	min-height:320px
}
#droite #content.commandes {background-image:url(../images/i_commande_big.png)}
#droite #content.etapes1 {background-image:url(../images/etapes_commande1.png)}
#droite #content.etapes2 {background-image:url(../images/etapes_commande2.png)}
#droite #content.etapes2b {background-image:url(../images/etapes_commande2b.png)}
#droite #content.etapes3 {background-image:url(../images/etapes_commande3.png)}
#droite #content table td, #droite #content table th {
	padding:10px;
	width:120px;
	text-align:center;
	border-bottom:1px dashed #D3D3D3
}

#droite #content table strong {
	font-size:1.2em
}
#droite #content table td.court, #droite #content table th.court {
	width:85px
}
#droite #content table td.long, #droite #content table th.long {
	width:325px
}
#droite #content table td.left, #droite #content table th.left {
	text-align:left
}
#droite #content table td.right, #droite #content table th.right {
	text-align:right
}
#droite #content table.enteteTableau {
	background:#E2DCB6;
	color:#FFF;
	font-weight:bold
}
#droite #content table tr.haut, #droite #content table tr.bas {
	color:#7E3616;
	font-size:1.2em
}
#droite #content table tr.haut {
	background:#E2DCB6;
	border:1px solid #D3D3D3
}
#droite #content table tr.bas {
	background:#DAF0FC;
	border:1px solid #D3D3D3
}
tr th.nowrap {
	white-space:nowrap
}
span.obligatoire {
background:url(../images/nok.gif) no-repeat left center;
padding:2px;
padding-left:25px;
padding-right:0;
position:absolute;
left:405px;
text-align:left
}
#droite #content table.form td {
	background:#E2DCB6;
	width:180px;
	border-bottom:0;
	text-align:left
}
#droite #content .boutonMonCompteContenu {
	text-align:center;
	margin:5px
}
#droite #content .boutonMonCompteContenu a {
	font-weight:bold;
	text-decoration:none;
	color:#82A1AB;
	font-size:1.2em
}
#droite #content .boutonMonCompteContenu a.valider {
	padding-left:25px;
	background:url(../images/check.gif) no-repeat left center;
	color:#99CC00;
	border:0;
}
#bas #droite.content input.valider {
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	border:0;
	border-bottom:1px solid #FFF;
	background:none;
	color:#99CC00;
	cursor:pointer;
	font-weight:bold;
	font-size:1.2em;
}
#bas #droite.content input:hover.valider {
	color:#00A0C6;
	border-bottom:1px solid #00A0C6
}

#droite #content a.suppr {
	color:#F92B3B;
	text-decoration:none;
	font-size:0.9em;
	padding:5px;
	padding-right:0;
	padding-left:25px;
	background:url(../images/nok.gif) no-repeat left center;
	border:0;
}
#droite #content .boutonMonCompteContenu a:hover, #droite #content a:hover.suppr {
	border:0;
	text-decoration:underline
/*	color:#EA7B28;
	text-decoration:underline*/
}
#droite #content a.petit {
	font-size:0.8em
}

#droite #content a.suite, #form_faq a.suite {
	padding-right:25px;
	background:url(../images/suite.gif) no-repeat right -6px
}
#droite #content a.pdf {
	padding-left:25px;
	background:url(../images/pdf.gif) no-repeat left top
}
#debug {
	width:320px;
	background:#339900;
	color:#FFFFFF;
	font-size:10px;
	position:fixed;
	top:0;
	right:0
}
div.ombreg {
	background:url(../images/ombres_12c.png) repeat-y;
	width:53px;
	position:absolute;
	left:-54px;
	height:100%;
	padding-bottom:22px;
	top:-21px
}
#content #form_faq {
	font-size:0.9em;
	line-height:0.9em;
	width:35%;
	float:right;
	background:white;
	padding:10px
}
#content #form_faq table.form {
	width:99%;
	background:#E2DCB6
}
#content #form_faq div, #content #contact_info div, #content #connex div {
	border:1px dashed #AAB2B5;
	padding:10px
}
#content #contact_info, #content #connex {
	font-size:0.9em;
	width:36%;
	float:right;
	background:white;
	padding:10px
}
#droite div#content table.contact {
	margin-left:7%
}
#content #form_faq #log_faq {
	border:none;
	text-align:center;
	padding:0px
}
#content #form_faq #log_faq p {
	padding:10px;
	padding-right:15px;
	text-align:center
}
#content #form_faq #log_faq p.ok {
	background:#CEFFCE url(../images/check.gif) no-repeat right top
}
#content #form_faq #log_faq p.err {
	background:#FFBFBF url(../images/nok.gif) no-repeat right top
}
#content div#form_faq td.submit {
	text-align:right
}
#content div#form_faq input.court {
	width:45%;
	margin-right:4%
}
#content div#form_faq input.long {
	width:95%;
	margin-right:5%
}
#content div#form_faq input.submit {
	cursor:pointer;
	padding:5px;
	margin-top:-10px;
	padding-right:25px;
	background:url(../images/suite.gif) no-repeat right top;
	border:none;
	text-align:right;
	color:#82A1AB
}
#content div#form_faq input.submit:hover {
	color:#EA7B28;
	text-decoration:underline
}
#droite div#content .ico {
padding-left:36px;
padding-top:10px;
padding-bottom:5px;
background-position:1px -2px;
background-repeat:no-repeat
}
.adresse {background-image:url(../images/blog/i_adresse.png)}
.adresses {background-image:url(../images/blog/i_adresses.png)}
.ajouadr {background-image:url(../images/blog/i_ajouadr.png)}
.factadr {background-image:url(../images/blog/i_factadr.png)}
.commande {background-image:url(../images/blog/i_commande.png)}
.coord {background-image:url(../images/blog/i_coord.png)}
.newcompte {background-image:url(../images/blog/i_newcompte.png)}
.compte {background-image:url(../images/blog/i_compte.png)}
.modifmdp {background-image:url(../images/blog/i_modifmdp.png)}
.transport {background-image:url(../images/blog/i_livraison.png)}
.paiement {background-image:url(../images/blog/i_paiement.png)}
.contact {background-image:url(../images/blog/i_contact.png)}
.aide {background-image:url(../images/blog/i_help.png)}
.charte {background-image:url(../images/blog/i_charte.png)}
.Actualités {background-image:url(../images/blog/i_General.png)}
.Recettes {background-image:url(../images/blog/i_Recettes.png)}
td.email {background-image:url(../images/blog/i_email_small.png) !important}
td.telephone {background-image:url(../images/blog/i_telephone_small.png) !important}
td.ecrire {background-image:url(../images/blog/i_scriptedit_small.png) !important}
td.email, td.telephone, td.ecrire {background-repeat:no-repeat !important;background-position:5px 50% !important}
#co {background-image:url(../images/blog/i_co.png)}
#aco {background-image:url(../images/blog/i_aco.png)}

div#droite div#content .opt {
	padding:3px 0px 3px 20px;
	margin-top:3px;
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(../images/opt.gif)
}
div#droite div#content .selected {background-image:url(../images/opt_sel.gif)}

#content #livraison {
	width:46%;
	float:right;
	background:white;
	border:1px dashed #EA7B28;
	margin-right:4%
}
#content #adresses {
	width:46%;
	border:1px dashed #EA7B28
}
#content #adresses div {
	padding:10px;
	padding-top:15px;
	margin-top:-1px;
	margin-left:-1px;
	height:auto;
	min-height:185px;
	background:url(../images/coin_etapes1.gif) no-repeat left top
}
#content #livraison div {
	padding:10px;
	padding-top:0px;
	margin-top:-1px;
	margin-left:-1px;
	height:auto;
	min-height:185px;
	background:url(../images/coin_etapes2.gif) no-repeat left top
}
*+html #content #livraison div, *+html #content #adresses div {
	padding-top:30px
}
#content #livraison div p {
	margin-top:0px;
	margin-bottom:0px;
}
#content #livraison div.boutonMonCompteContenu {
	background:none;
	border:none;
	min-height:40px;
	text-align:center;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
}
#content #livraison button.calendar {
	float:left;
	vertical-align:top;
}
#content #livraison input {
/*	float:right;*/
	float:left;
}
#slideShow
{
	width: 666px;
	height: 295px;
	overflow: hidden
}
#boutons div {float:left;width:323px;margin:7px;margin-left:0px;margin-bottom:2px;background:no-repeat 0 25px;height:auto;min-height:193px
}
#boutons div h3 {font-size:1.05em;text-align:center;background:no-repeat top;padding:12px 0 4px 0}
#boutons div h3 a {text-decoration:none
}
#boutons div div {background:no-repeat bottom;height:auto;min-height:170px;margin:0;width:100%
}
#boutons div div p {margin:5px;margin-right:15px;font-size:0.75em
}
#boutons div div p a {display:block;padding-left:135px;height:auto;min-height:140px;padding-top:10px;text-decoration:none;background-repeat:no-repeat}
#boutons div div p a:hover {background-position:-319px 0px
}
#boutons div div p a span {display:block;padding:8px 5px;margin-top:5px
}

#boutons div.rouge {background-image:url(../images/v_rouge_milieu.png)}
#boutons div.rouge h3 {background-image:url(../images/v_rouge_haut.png)}
#boutons div.rouge div {background-image:url(../images/v_rouge_bas.png)}
#boutons div.rouge div p a {padding-left:187px;background-image:url(../images/boutons/boutique04.gif)}
#boutons div.rouge div p a:hover {background-position:-318px 0px
}

#boutons div.bleu {background-image:url(../images/v_bleu_milieu.png)}
#boutons div.bleu h3 {background-image:url(../images/v_bleu_haut.png)}
#boutons div.bleu div {background-image:url(../images/v_bleu_bas.png)}
#boutons div.bleu div p a {background-image:url(../images/boutons/martinique03.gif)}

/*#boutons div.rouge div p a span, #boutons div.bleu div p a span {background:#FFF5E6}*/

#boutons div.jaune  {background-image:url(../images/v_jaune_milieu.png)}
#boutons div.jaune h3 {background-image:url(../images/v_jaune_haut.png)}
#boutons div.jaune div {background-image:url(../images/v_jaune_bas.png)}
#boutons div.jaune div p a {background-image:url(../images/boutons/blog03.gif)}
#boutons div.jaune div p a:hover {background-position:-319px 0px
}

#boutons div.vert {background-image:url(../images/v_vert_milieu.png)}
#boutons div.vert h3 {background-image:url(../images/v_vert_haut.png)}
#boutons div.vert div {background-image:url(../images/v_vert_bas.png)}
#boutons div.vert div p a {background-image:url(../images/boutons/07_recette.png)}
#boutons div.vert div p a:hover {background-position:left
}

#boutons div.jaune div p, #boutons div.vert div p {position:relative
}
#boutons div.jaune div p a span span, #boutons div.vert div p a span span {padding:0;margin-top:0;position:absolute;bottom:5px;right:5px;display:block;cursor:pointer}

div#boutons div div#boutiqueShow
{
	background:none;
	margin-left:5px;
	float:left;
	width: 130px;
	height: 150px;
	overflow: hidden
}

/* pRODUIT */
#produit {
	clear:left;
	width:668px;
	position:relative
}
#produit h2 {
	font-size:1.03em;
	text-align:center;
	width:200px;
	padding:5px;
	/*padding-left:9px;*/
	line-height:0.7em;
	padding-top:8px;
	margin-bottom:-3px;
	white-space:nowrap
}
#produit h2 span {
	font-size:0.7em;
}
#produit div.haut {
	background:url(../images/produit/prod_haut2.png) no-repeat;
	min-height:35px;
	height:auto
}
#produit div.milieu {
	background:url(../images/produit/prod_milieu2.png) no-repeat;
	height:198px
}
#produit div.milieu img#image {
	float:left;
	margin-top:3px;
	margin-left:20px;
	width:193px;
	height:193px
}
#produit div.bas {
	background:url(../images/produit/prod_bas2.png) no-repeat bottom;
	position:relative;
	min-height:47px;
	width:608px;
	padding-left:60px
}
*+html #produit div.bas {
	height:47px;
}
#produit div.bas p {
	float:left;
	padding:2px;
	margin-right:3%;
	margin-top:10px;
	color:#7E3616;
	font-size:0.95em;
}
#produit div.bas p.prix {
	position:absolute;
	top:-4px;
	left:260px;
	padding:4px 8px;
	background-color:#f1f2f3;
	border:1px solid #d8d8d8;
}
#produit div.bas p.select {
	margin-top:0px;
}
#produit div.bas p.select select {
/*	width:100px*/
	background:none;
	border:none;
}
#produit div.bas p.achat {
	position:absolute;
	right:35px;
	bottom:-14px;
	background:none;
	border:none
}
#produit div.bas p.achat a {
	display:block;
	background:url(../images/produit/panier_07.png) right bottom no-repeat;
	width:132px;
	min-height:50px;
	padding-top:24px;
	padding-left:8px;
	padding-right:60px
}
#produit div.bas table {
	color:#7e3616;
	font-size:0.84em;
	width:300px;
	text-align:center
}
#produit div.bas table td.prix {
	font-weight:bold;
	font-size:1.1em;
	background-color:#f1f2f3;
	border:1px solid #d8d8d8;
	padding:3px;
}
#produit #prodprec, #produit #prodsuiv {
	position:absolute;
	bottom:0px;
	background-repeat:no-repeat;
	height:37px;
	width:36px
}
#produit #prodprec:hover, #produit #prodsuiv:hover {
	background-position:36px
}
#produit #prodprec {background:url(../images/produit/prod_prec2.png);left:0px}
#produit #prodsuiv {background:url(../images/produit/prod_suiv2.png);right:1px}

#produit #details {
	float:right;
	margin-top:2px;
	margin-right:15px;
	width:424px;
	height:193px;
	overflow:auto;
	font-size:0.75em
}
#produit #details ul.tab-menu {
	position:absolute;
	top:8px;
	left:227px;
	font-size:1.15em;
	font-weight:bold;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
ul.tab-menu li {
	float:left;
	background:url(../images/produit/tab_norm_left_on.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
	border-bottom:1px solid #c4c4c5
}
ul.tab-menu li a {
	text-decoration:none;
	display:block;
	background:url(../images/produit/tab_norm_right_on.gif) no-repeat right top;
	padding:5px 15px 4px 6px
}
ul.tab-menu li.tab-selected {background-image:url(../images/produit/tab_norm_left.gif);padding:0 0 0 9px;margin-top:-3px;border-bottom:none
}
ul.tab-menu li.tab-selected a {background-image:url(../images/produit/tab_norm_right.gif);padding:7px 17px 6px 8px;}

#droite #loading {
	position:absolute;
	width:668px;
	height:90%;
	background:url(../images/loading-bar-black.gif) no-repeat center 120px;
}
#droite iframe {
 border: 1px solid #ABA687;
 padding: 0px;
 width: 665px;
 height: 502px;
 background:url(../images/loading-bar-black.gif) center center no-repeat;
}
#droite div#mapDiv strong {
 color:red;
}
div.chemin, #dossier ul.tab-menu li {
	width:274px;
	background:url(../images/tit2_2.png) no-repeat 0 15px;
}
div.chemin h2, #dossier ul.tab-menu li a {
	width:274px;
	text-align:center;
	font-size:1.05em;
	background:url(../images/tit2_1.png) no-repeat;
	padding:2px 0 0 0
}
#droite #contenu {
	padding-top:15px
}

/*div.chemin.d1 {background-image:url(../images/tit2_2_violet.png)}
div.chemin.d1 h2 {background-image:url(../images/tit2_1_violet.png)}
div.chemin.d3 {background-image:url(../images/tit2_2_bleu.png)}
div.chemin.d3 h2 {background-image:url(../images/tit2_1_bleu.png)}*/

#contenu img {
	margin:5px;
	margin-left:0px;
	margin-right:20px	
}
#droite #contenu, #droite div.contenu, #droite #sdossier {
	font-size:0.8em;
	color:#562812;
	margin-top:5px
}
#droite #contenu a, #droite div.contenu a, #droite #sdossier a {
	border-bottom:1px dotted #00A0C6;
	text-decoration:none
}
#droite #contenu a:hover, #droite div.contenu a:hover, #droite #sdossier a:hover {
	border-bottom-style:solid;
	color:#00A0C6
}
#droite #contenu p, #droite div.contenu p, #droite #sdossier p {
	padding-left:8px;
	padding-right:18px;
	margin-bottom:0.3em;
	margin-top:0.3em;
}
#droite #contenu p.red, #droite div.contenu p.red, #droite #sdossier p.red  {
	color:#C22A29;
}
#droite #contenu ul li, #droite div.contenu ul li, #droite #sdossier div.tab-container ul li {
	list-style:disc;
	margin:4px;
	margin-left:2em;
}
#droite #dossier #contenu, #droite #dossier div.contenu {
	clear:left;
	margin-left:0
}

#dossier ul.tab-menu {
	font-size:0.7em;
	font-weight:bold;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;7
}
#dossier ul.tab-menu li {
	padding:0 0 0 0px;
	background:none;
	width:167px;
	border:none;
}
#dossier ul.tab-menu li a {
	width:167px;
	border:none;
	background-image:url(../images/tit2_1.png);
	background-position:-1px top;
	margin-top:4px;
	margin-bottom:0px;
}
#dossier ul.tab-menu li.tab-selected {padding:0;margin-top:-2px;margin-bottom:-1px;border-bottom:none}
#dossier ul.tab-menu li.tab-selected a, #dossier h3 a {background-image:url(../images/tit2_1_neutre.png);padding:5px 0px 0px 0px}

#dossier h3, #droite.blog h3, #droite.content h3 {margin-top:1em;font-size:0.7em;padding-right:500px;text-align:center;background-repeat:no-repeat}
#dossier h3 a {background-repeat:no-repeat;display:block;width:167px;margin-left:-1px;margin-bottom:-1px;text-decoration:none}

#dossier.d1 ul.tab-menu li.tab-selected a, #dossier.d1 h3 a {background-image:url(../images/tit2_1_violet.png)}
#dossier.d3 ul.tab-menu li.tab-selected a, #dossier.d3 h3 a {background-image:url(../images/tit2_1_bleu.png)}
#dossier.d4 ul.tab-menu li.tab-selected a, #dossier.d4 h3 a {background-image:url(../images/tit2_1_jaune.png)}
#dossier.d5 ul.tab-menu li.tab-selected a, #dossier.d5 h3 a {background-image:url(../images/tit2_1_vert.png)}


#droite #dossier ul.tab-menu, #dossier h3, #droite.blog h3, #droite.content h3 {
	background:url(../images/tit2_3.png) no-repeat left bottom;
	padding-bottom:5px;
	margin-bottom:5px;
	overflow:auto;
}
#droite #dossier.d1 ul.tab-menu, #dossier.d1 h3 {background-image:url(../images/tit2_3_violet.png)}
#droite #dossier.d3 ul.tab-menu, #dossier.d3 h3 {background-image:url(../images/tit2_3_bleu.png)}
#droite #dossier.d4 ul.tab-menu, #dossier.d4 h3 {background-image:url(../images/tit2_3_jaune.png)}
#droite #dossier.d5 ul.tab-menu, #dossier.d5 h3 {background-image:url(../images/tit2_3_vert.png)}

#dossier h3, #droite.blog h3, #droite.content h3 {background-image:url(../images/tit2_4_neutre.png);padding-top:6px;padding-bottom:6px;}	
#dossier.d1 h3 {background-image:url(../images/tit2_4_violet.png)}
#dossier.d3 h3 {background-image:url(../images/tit2_4_bleu.png)}
#dossier.d4 h3, #droite.blog h3.Actualités {background-image:url(../images/tit2_4_jaune.png)}
#dossier.d5 h3, #droite.blog h3.Recettes {background-image:url(../images/tit2_4_vert.png)}

#dossier .tab-wrapper {margin-left:0;padding:0}
#dossier .tab-ajax-loading {background:url(../images/loading-bar-black.gif) center bottom no-repeat;height:250px;width:650px;}


/*sOUS DOSSIER*/
#droite #dossier #sdossier ul.tab-menu {overflow:hidden}
#dossier #sdossier ul.tab-menu li {background-repeat:no-repeat;width:159px;height:87px;padding-top:12px;padding-left:6px}
*+html #dossier #sdossier ul.tab-menu {background-position:0px 99px;}
div#dossier div#sdossier ul.tab-menu li:hover {background-image:url(../images/marques/tab_marques_off.png)}
#dossier #sdossier ul.tab-menu li.tab-selected, 
#dossier #sdossier ul.tab-menu li:hover.tab-selected {
	margin-top:0px;
	background-image:url(../images/marques/tab_marques.png)
}
#dossier #sdossier ul.tab-menu li a {padding-top:180px;width:150px}
#dossier #sdossier ul.tab-menu li.tab-selected a {background-image:none;}

#dossier div#sdossier ul.tab-menu li a.tab0  {background-image:url(../images/marques/det_tab.png)}
#dossier div#sdossier ul.tab-menu li a.tab1 {background-image:url(../images/marques/cafoodco_tab.png)}
#dossier div#sdossier ul.tab-menu li a.tab2 {background-image:url(../images/marques/bigcharly_tab.png)}
#dossier div#sdossier ul.tab-menu li a.tab3 {background-image:url(../images/marques/exaltsens_tab.png)}

p.centre {text-align:center}
div#photos {
	position:absolute;
	margin-left:-10px;
	margin-top:-5px;
	width: 425px;
	height: 194px;
	overflow: hidden;
	background:url(../images/loading-bar-black.gif) no-repeat center center;
}

#dossier h4 {margin-top:1em}
/* eul blog */
#droite.blog {min-height:700px;}
#droite.blog #content {
	width:480px;
	float:left;
	clear:left;
	margin-right:5px;
	height:auto;
	min-height:660px	
}
#droite #right {
	background:#e9edaa;
	width:168px;
	margin-top:5px;
	position:absolute;
	top:44px;
	right:0;
	float:left;
	margin-right:1px;
	font-size:0.8em;
	height:auto;
	min-height:650px;
	padding-left:10px;
	padding-top:10px;
}
/*#droite #right.Actualités {
	background-color:#f6e466;
}*/
#droite #right #calendar table {
	font-size:0.9em;
}
#droite #right div {
	margin-bottom:1em;
}
#droite #right h4 {
	border-bottom:1px dotted #ca9784;
	padding-bottom:2px;
	margin-bottom:0.5em;
	margin-right:10px;
	padding-left:18px;
	background:no-repeat;
}
#droite #right #calendar h4 {background-image:url(../images/blog/calendar.png)}
#droite #right #search h4 {background-image:url(../images/blog/zoom.png)}
#droite #right #categories h4 {background-image:url(../images/blog/page_white_stack.png)}
#droite #right #tags h4 {background-image:url(../images/blog/i_tag_blue.png)}
#droite #right #archives h4 {background-image:url(../images/blog/box.png)}
#droite #right #links h4 {background-image:url(../images/blog/link.png)}
#droite #right #syndicate h4 {background-image:url(../images/blog/feed.png)}


#bas #droite.blog a:hover, #bas #droite.blog a.active, #bas #droite.blog strong a {color:#00A0C6}
#droite.blog #right input {
	border:1px solid #ca9784;
}
#droite.blog #content #trackbacks, #droite.blog #content #comments {
	border:1px solid #F2F2F2;
	padding:5px;
	padding-top:0px;
	margin-bottom:5px;
}
#droite.blog #content textarea {
	border:1px solid #E2DCB6;
}
.post-info, .post-info-co {
	text-align:right;
	font-size:0.85em;
	margin-right:5px;
}
.post-info-co img {vertical-align:bottom}
.post-content {
/*	margin-top:1em;*/
	padding:5px;
	margin-bottom:5px;
	margin-right:5px;
	background:#F2F2F2;
/*	border:1px solid #D3D3D3;*/
}
.post-content img, #dossier img {
	margin:5px 10px 5px 5px;
	border:1px dashed #C6C6C6;
}
.post-tags {
	padding:2px;
	padding-left:16px;
	background:url(../images/blog/i_tag_blue.png) no-repeat;
}

img.smiley {
border:0;
vertical-align:middle
}

#quantite div.elSelect {
	margin-left:20px;
/*	clear:left;*/
}
*+html #quantite div.elSelect {
}
#rubriques {
	margin-top:11px;
	margin-right:3px;
	background:url(../images/produit/prod_haut.png) left -12px no-repeat;
	font-size:0.8em;
	padding:3px 10px;
	border:1px solid #D8D8D8;
	border-left:0;
	border-right:0;
}
#rubriques table {
	width:100%;
	border-collapse:collapse;
}
#rubriques td {
	text-align:center;
}
#rubriques td span, #rubriques td input {
	cursor:pointer;
}
#pop {font-size:0.8em;padding:5px;}
#pop h4 {font-size:1.05em}

#dossier table.livraison_jours {
	margin-left:8px;
}
table.livraison_jours {
	border:1px solid #7e3616;
	border-collapse:collapse;
}
table.livraison_jours td {
	border:1px solid #7e3616;
	padding:4px;
}
img.left {
	float:left;
}
img.right {
	float:right;
}
a.haut {
	float:right;
	font-size:0.8em;
	margin-right:1em;
	margin-top:-1em;
}