/********************
 * DOM éléments
 ********************/
*{font-family:Tahoma,Arial,Verdana;font-size:12px;}
body{margin:0;padding:0;height:800px;}
img{border:0;}
a{text-decoration:none;color:#222;}
a:hover{text-decoration:underline;}
button{border:none;background:none;width:auto;color:#FFF;cursor:pointer;}
button DIV{line-height:32px;padding:0 0 0 22px;background:url(ressources/bgButton.gif);}	
button DIV DIV{padding:0 22px 0 0;background-position:right top;}	
button:hover DIV{background-position:left bottom;}
button:hover DIV DIV{background-position:right bottom;}	
li{margin-left:40px;}
input {
	height:20px;
	}
p b{font-size:inherit !important}

input,textarea {
	font: normal 11px "Lucida Sans Unicode",Arial,sans-serif;
	padding-left:2px;
	margin-top:2px;
	border:1px solid #555;
	color: #000;
	}
input[type=checkbox] {
	border:none !important;
}
input.checkbox {
	border:none !important;
	/*margin-left:8px;*/
	/*margin-right:4px;*/
	/*padding:4px;*/
	}
input.radio {
	border:none !important;
	}
input.button{
	height:20px;
	line-height:16px;
	padding:0px 4px 2px 4px;
	margin-left:2px;
	border:1px solid #555;
	color:#EEE;
	background-color:#333;
	font-weight:bold;
	cursor:pointer;
	}
input.button:hover{
	border:1px solid #304180;
	color:#FFF;
	background-color:#555;
	}
a.button {
	height:16px;
	line-height:14px;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	margin-left:2px;
	border:1px solid #555;
	color:#EEE;
	background-color:#333;
	font-weight:bold;
	font-size:x-small;
	cursor:pointer;
	}
a.button:hover {
	border:1px solid #304180;
	color:#FFF;
	background-color:#555;
	}
a.buttonOK {
	width:20px;
	}
textarea.resume {
	border:0px solid red;
	background-color:transparent;
	color:#777;
	font-size:xx-small;
	}
select {
	width:184px;
	height:18px;
	padding-left:2px;
	margin-top:2px;
	border:1px solid #666;
	font-weight:normal;
	font-size:x-small;
	color:#000;
	font-family:Arial;
	background-color:#f5f5f5
	}
hr {
	clear:both;
	border:1px dashed #DDD;
	width:100%;
	height:1px;
    }
site {
	font-size:14px !important;
	color:#AAA !important;
	}
h1,h2,h3,h4,h5 {
	color:#000;
}
h1{
	font-size:12px;
	font-weight:bold;
	}
h2{
	color:#000;
	font-weight:bold !important;
	text-shadow:2px 2px 4px #CCC;
	font-size:16px !important;
	text-transform:uppercase;
	margin-top:32px !important;
	}
h3{
	text-shadow:1px 1px 2px #AAA;
	color:#666;
	font-weight:bold !important;
	font-size:16px !important;
	}
h4{
	font-weight:bold;
	}
cite{font-size:50% !important}

/********************
 * Zoning
 ********************/
div#container{
	width:710px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	}
div#header{
	margin:0;
	width:750px;
	height:79px;
	}
div#links{
	width:750px;
	background:url(ressources/bgLinks.png) repeat-x;
	margin:0;
	margin-left:13px;
	height:26px;
	}
div#raccs{
	padding:8px 0 0 24px;
	line-height:12px;
	margin-bottom:0px;
	}
div#identity{
	background-image:url(ressources/identityProduitsBio.jpg);
	height:279px;
	clear:both;
	}
div#content{
	float:left;
	width:710px;
	margin:20px 0 0 32px;
	}
div#ajaxContent{
	padding:20px 2px 4px 0px;
	}
div#navigation{
	}
div#navigationIE{
	}
div#footer{
	clear:both;
	color:#666;
	padding-top:24px;
	}
div#rank{
	clear:both;
	color:#666;
	margin-top:16px;
	border-top:1px solid #AAA;
	}
div#popup{
	position:absolute;
	left:36%;
	top:220px;
	display:none;
	}


/********************
 * Spécialisation
 ********************/
div#links a{
	float:left;
	font-size:12px;
	line-height:26px;
	margin-right:2px;
	text-align:center;
	color:#111;
	}

div#raccs a{
	font-size:12px;
	margin:0 8px 0 8px;
	color:#111;
	}

div#footer a{
	font-size:10px;
	line-height:24px;
	color:#666;
	}

body.index{background:url(ressources/bgBodyIndex.jpg) #FFF top center repeat-x;}
body.iframe{}
div#search.W3C {padding-top:19px;margin:0 0 0 462px}
div#search.IE {padding:2px 0 0 460px}
div#search.IE8 {padding:19px 0 0 460px}
div#search input{height:12px;border:none;width:140px}
div#search .searchButton{background-color:transparent;font-size:13px;height:16px;width:90px;color:#EEE;cursor:pointer}
div#rank a{color:#666;font-size:13px;}
div#rank a:hover{color:#000;}
div#CGV h1,div#CGV h2,div#CGV h3,div#CGV h4{color:#A22;}
div#CGV h2{border-bottom:1px dotted #A22;}
div#moreImages {padding:16px 0 0 16px;width:150px;}
div#moreImages div{float:left;width:60px;height:60px;overflow:hidden;border:1px solid #999;margin:0 8px 8px 0;}
div#moreImages div img{width:60px;}
blockquote.link {background: url(ressources/linkQuote.png) no-repeat !important;}


/********************
 * Styling
 ********************/
.onglet{background:url(ressources/bgTabOff.png) no-repeat;width:95px;}
.ongletActive{background:url(ressources/bgTabOn.png) no-repeat;}
.ongletAdmin{background:url(ressources/bgTabAdminOff.png) no-repeat !important;color:#FFF !important;}
.ongletActiveAdmin{background:url(ressources/bgTabAdminOff.png) no-repeat !important;color:yellow !important;font-weight:bold}
.categorie{display:inline;}
.categorieActive{text-decoration:underline;color:brown !important;}

#home {}
#home h1, h2{background:url(ressources/puceJF.png) no-repeat 0 3px;padding-left:18px;font-size:14px !important}
#home h3{font-size:10px !important; color:#333;}
#home span{font-size:10px !important; color:#333}
#home a{color:brown;text-decoration:underline}
#home .tn{margin:0 24px 0 0;cursor:pointer;}
#home .tnLast{margin:0 !important;}
#home .offreLimitee{margin:20px 0 16px 0;cursor:pointer;}
#home .offrePrintemps{margin:0 0 16px 0;cursor:pointer;}
#home .salonBienEtre {cursor:pointer;height:136px;overflow:hidden;background:url(contents/home/bgSalonBienEtre.jpg) no-repeat;padding:16px 0 0 454px;}
#home .salonBienEtre a{text-decoration:none !important}
 
 
.garantie{background:url(ressources/raccGarantie.png) transparent no-repeat}
.livraison{background:url(ressources/raccLivraison.png) transparent no-repeat}
.paiement{background:url(ressources/raccPaiement.png) transparent no-repeat}
.promotion{background:url(ressources/raccPromotion.png) transparent no-repeat}
.telephone{background:url(ressources/raccTelephone.png) transparent no-repeat}

.twoCols{text-align:justify
}
.twoCols img{float:left;padding:2px;margin:8px 8px 8px 8px;
}
.twoCols img.full{float:none !important;clear:both;padding:2px;margin:8px 0 8px 0;
}
.AlcaPlantes b,.AlcaPlantes h2{color:#611f25 !important;}
.AlcaMatin b,.AlcaMatin h2{color:#611f25 !important;}
.WegeBrot b,.WegeBrot h2{color:#611f25 !important;}
.AlcaBain b,.AlcaBain h2{color:#4D87C6 !important;}
.AlcaVieAromatique b,.AlcaVieAromatique h2{color:#611f25 !important;}
.AlcaVieFruite b,.AlcaVieFruite h2{color:#611f25 !important;}
.BasAlcalins b,.BasAlcalins h2{color:#4D87C6 !important;}
.MasqueAlcalin b,.MasqueAlcalin h2{color:#4D87C6 !important;}
.LavementIntestin b,.LavementIntestin h2{color:#4D87C6 !important;}
.Gouttes b,.Gouttes h2{color:#4D87C6 !important;}
.Misc b,.Misc h2{color:#4D87C6 !important;}

div#caddieResume{float:right;width:102px;padding:38px 0 0 12px}
div#flashShowroom{margin-top:12px;border:1px solid #555}

/* NewsLetter */
div#newsLetter {padding:16px;font-size:16px !important;}
div#newsLetter input{font-size:16px !important;}
div#newsLetter label{font-size:16px !important;width:240px !important;}

/* Résumé, Messages etc... */
.contentArea{
	width:678px;
	color:#222;
	font-size:80%;
}
div#navigation .contentArea{
	width:276px;
}
.contentArea div{
	float:left;
	width:320px;
	margin:8px;
	cursor:pointer;
}
div#navigation .contentArea div{
	font-size:12px !important;
	width:270px;
	margin-top:8px;
}
.contentArea img{
	float:left;
	margin-right:8px;
	width:100px;
	border:1px solid #777;
	padding:8px;
}
.firstWord{
	color:brown;
	font-weight:bold;
}
.followingWords{
	color:#666;
}
.firstWord:hover, .followingWords:hover{
	text-decoration:underline;
}
.resumeSlogan{
	font-size:80% !important;
}
.resumeDesc{
	color:brown;
	font-size:80%;
}
.closeCross{
	border:1px solid #444;
	font-size:8px;
	padding:0 1px 0 1px;
}
.closeArea{
	width:660px !important;
	text-align:right;
	margin-bottom:2px;
}
div#message div:hover{
	text-decoration:none !important;
}
.message{
	padding:0 40px 8px 36px;
	font-size:100% !important;
	width:608px !important;
}
.messageTitle{
	clear:both !important;
	background:url('ressources/mdPuce.png') no-repeat;
	padding:0 0 0 36px;
	height:28px;
	line-height:28px;
	font-size:20px !important;
}

/* Plusdinfo */
a.plusdinfo{background:url(ressources/h3.png) 3px 3px no-repeat;padding-left:10px;margin-top:16px;cursor:pointer;}
.plusdinfo:hover{color:yellow;}
body.plusdinfoDisp{padding:8px;}
.plusdinfoDisp{font-size:18px;}
.plusdinfoDisp img{margin:2px 8px 8px 8px;border:1px solid #999;float:left;vertical-align:baseline;}
hr.plusdinfo{margin:16px;border-top:1px dashed #777;}

/* Menu et item admin */
.adminMenu{float:right;margin:0;padding-right:30px;}
.admin{background:url(ressources/h3.png) 3px 3px no-repeat;padding-left:10px;color:brown !important;margin-top:16px;cursor:pointer;}
a.admin:hover{background-color:yellow !important;text-decoration:none;}
h1.admin{background-image:none;color:brown; padding-left:0;margin-left:0}
.adminMsgRefMAJ{background:url(ressources/msgRefMAJ.png) no-repeat;font-size:16px;font-weight:bold;padding-left:45px;line-height:40px;vertical-align:middle;}

.adminBlock{float:left;height:288px;border:2px solid brown;margin:8px;padding:4px;}
.adminBlock h1{background-image:none;background-color:brown; padding:4px; color:#EEE; font-size:36px !important;font-weight:bold;margin:0;font-family:Trebuchet MS;text-align:center}
.adminBlock h2{color:brown; font-family:Trebuchet MS; font-weight:bold;}
.adminBlock hr {clear:both;}
.adminBlock select {width:160px;}

#espaceClient {}
#espaceClient h1{margin-bottom:24px !important;}
#espaceClient div {}
#espaceClient img {vertical-align:middle;width:32px;height:32px;margin:0 16px 16px 16px;}
#espaceClient a,#espaceClient a:link,#espaceClient a:visited{color:#000;text-decoration:none;line-height:18px;font-size:12px;}
#espaceClient a:hover{color:#222;text-decoration:underline;}


/* Référence */
.tn2ref {cursor:pointer}
.tnRef {
	float:left;
	position:relative;
	height:160px;
	width:220px;
	padding:0 6px 0 0;
	margin-bottom:12px;
	border-right:1px solid #CCC;
	margin-left:12px;
	}
.tnRefCol0 {
	margin-left:0 !important;
	}
.tnRefCol1 {
	}
.tnRefCol2, .tnRefColLast {
	border-right:0px solid #FFF !important;
	}

/* Pour la tn */
.tnRef .imgContainer {float:left;position:absolute;bottom:0;width:86px;}
.tnRef .infoContainer {float:left;position:absolute;bottom:0;left:90px;padding:0 0 10px 0;width:120px;}
.tnRef .infoContainer .price{margin-bottom:8px;}
.tnRef .infoContainer .pricePromo{
	background:url(ressources/bgPromo.png) transparent no-repeat;
	margin:8px 0 0 0;
	padding:4px 0 0 24px;
	width:190px;
	height:60px;
	font-size:130%;
	color:brown;
	}
.tnRef .infoContainer .pricePromoNeither{
	text-decoration:line-through !important;
	font-size:80% !important;
	color:#333 !important;
	}
.tnRef .caddie{
	margin:4px 0 0 0;
	cursor:pointer;
	}


/* Pour la big */
.bigRef {padding-top:16px;}
.bigRef .imgContainer {float:left;width:150px;}
.bigRef .infoContainer {float:left;padding:0 32px 32px 32px;width:350px;}

.bigRef .caddieContainer {padding:16px 0 0 16px;}
.bigRef .caddieContainer select {width:116px;}
.bigRef .caddieContainer .price{
	float:left;
	background:url(ressources/bgBigPrice.png) no-repeat !important;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	width:106px;
	height:30px;
	margin-bottom:12px;
	line-height:30px;
	text-align:center;
	}
.bigRef .caddieContainer .pricePromo{
	background:url(ressources/bgPromo.png) transparent no-repeat;
	margin:8px 0 0 0;
	padding:4px 0 0 24px;
	width:190px;
	height:60px;
	font-size:130%;
	color:brown;
	}
.bigRef .caddieContainer .pricePromoNeither{
	text-decoration:line-through !important;
	color:#333 !important;
	}
.bigRef .caddieContainer .buy{cursor:pointer;}

/* Miscellaneous */
.footerLine {
	clear:both;
	text-align:center;
	height:38px;
	padding-top:16px;
	border-top:1px solid #AAA;
}
.returnToTop{
	background:url(ressources/returnToTop.png) left no-repeat;
	width:300px;
	clear:both;
	float:left;
	margin:8px;
	font-size:10px;
	color:#000;
	padding-left:12px;
	padding-top:8px;
	}
	
/* table caddie, panier */
table.caddie{border:none;width:100%;font-size:12px !important}
.tnCaddie {height:80px;vertical-align:middle}
.libelleCaddie {line-height:80px;}
table.caddie A{color:#000}
table.caddie TH{
	background-color:#EEE;
	padding:2px 6px 2px 6px;
	border-bottom:1px solid #222;
	border-top:1px solid #222;
	text-align:left;
	}
table.caddie TD{
	padding:0 6px 0 6px;
	border-bottom:1px solid #DDD;
	text-align:left;
	}
table.caddie TD.prix{
	text-align:right;
	color:brown;
	font-weight:bold;
	}


/* Autres */
body.iframe{padding-left:8px;font-size:12px !important;}
.disabled{display:none;border:none;}
.blankHSpace{height:8px;width:90% !important;}
img.onglet{margin-top:6px;}
img.first{margin-top:0 !important;}
.zoom{background:none #333 !important;font-size:12px !important;}
.cbSite{float:left;width:40%;}
.hidden{display:none;}
.exergue{color:brown;font-weight:bold;}
.bigger{font-size:125%;}
.smaller{font-size:75%;}
.legende{color:#777;font-size:8px !important;line-height:14px !important;}
.important{color:red !important;}
.uppercase{text-transform:uppercase;}
.chercher{padding-left:8px;margin-top:8px;}
.doubleUnderline{text-decoration:underline;border-bottom:1px solid;}
.oblig{color:#F00;font-weight:bold;margin-left:4px;}
.clearer{clear: both;}
.hide{display:none;}
.logo{float:left;margin:12px 0 0 12px;}
.logoTextName{float:left;margin-top:10px;text-align:left;line-height:40px;font-size:24px;font-weight:bold;color:#BBB;}
.logoTextBy{margin-top:-6px;line-height:26px;font-size:14px;color:#999;}
.home{float:left;margin-top:2px;line-height:40px;font-size:12px;font-weight:bold;color:#222;}
.loading{vertical-align:middle;margin:8px;line-height:30px;}
.fleft{float:left !important}
.fright{float:right !important}
.defaultBrowser{color:blue !important;text-decoration:underline !important;}
.noborder{border:none !important}
.invisible{display:none;}

.pro{
	padding:3px 16px 3px 8px;
	background:url('http://www.azconception.com/common/rk/JF.png') right 2px no-repeat;
	font-size:11px;
	line-height:11px;
	color:#222 !important;
	/*border:1px solid #111;*/
	}

.help{border:1px solid #AAA;background-color:yellow;font-size:10px;font-weight:bold;padding:0 2px 0 2px;cursor:pointer}

/* Catalog */
table.catalog{
	padding:0;
	margin:0;
	}
table.catalog th{
	border:1px solid #FFF;
	background-color:brown;
	color:#EEE;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	padding:4px 8px 4px 2px;
	}
table.catalog td{
	vertical-align:top;	
	border-bottom:1px dotted #555;
	border-right:1px dotted #555;
	}
	
/* Liste */
table.liste{
	padding:0;
	margin:0;
	font-size:50%;
	}
table.liste th{
	background-color:brown;
	color:#EEE;
	font-weight:bold;
	text-align:center;
	padding:2px 4px 2px 4px;
	}
table.liste td{
	vertical-align:top;	
	border-bottom:1px dotted #888;
	border-right:1px dotted #888;
	padding:0 4px 0 4px;
	}
table.liste tr.pij1{
	background-color:transparent;
	}
table.liste tr.pij2{
	background-color:#FFC;
	}
table.liste tr.pij0{
	background-color:#222;
	color:#FFF;
	font-weight:bold;
	}

/* Statistiques */
table.statistiques{
	padding:0;
	margin:0;
	font-size:80%;
	}
table.statistiques tr.groupby{
	background-color:#222;
	color:#EEE;
	}
table.statistiques tr.empty{
	}
table.statistiques tr.empty td{
	border:none !important;
	}
table.statistiques th{
	background-color:#444;
	color:#FFF;
	text-align:center;
	padding:2px 4px 2px 4px;
	}
table.statistiques td{
	vertical-align:top;	
	border-bottom:1px dotted #888;
	border-right:1px dotted #888;
	padding:0 4px 0 4px;
	}
table.statistiques td.rightCol{
	text-align:right;	
	}
table.statistiques td.varNeg{
	color:red;
	}
table.statistiques td.varPos{
	color:green;
	}
table.statistiques td.note{
	width:280px !important;
	}
table.statistiques tr.pij1{
	background-color:#FFF;
	}
table.statistiques tr.pij2{
	background-color:#EEE;
	}
table.statistiques tr.sum{
	background-color:#444;
	color:#FFF;
	}
table.statistiques tr.gsum{
	background-color:#000;
	color:#FFF;
	}
table.statistiques td img.loupe{
	cursor:pointer;
	}
table.statistiques div.limitW{
	width:200px !important;
	}
.oneChart{
	margin-top:32px !important;
	}
.oneChart h1{
	color:#222;
	font-size:18px !important;
	}

	
/*Caddie panier*/
.processusTop{
	padding:3px;
	width:100%;
	text-align:left;
	border:1px solid #333;
	background:#CCC;
	vertical-align:middle;
}
.etape{
	color:#333;
	font-weight:normal;
	font-size:11px;
}
.etapeCourante{
	color:#C00000;
	font-weight:bold;
	font-size:11px;
}
.title
{
	color: #C00000;
	font-weight: bold;
	font-size: 14px;
}

/*Admin container*/
div#adminContainer TD{vertical-align:top;border-bottom:1px dotted #999;}
div#adminContainer *{font-size:10px !important;line-height:16px;vertical-align:middle;}


/********************
 * GoogleAds
 ********************/
DIV#aubg{background-color:transparent !important;}


/********************
 * EspaceClient
 ********************/
table.moduletable {
	margin: 0px 0px 0px 0px;
	width: 95%;
	border-left: solid 0px #000000;
	border-right: solid 0px #000000;
	border-top: solid 0px #000000;
	border-bottom: solid 0px #000000;
	}
table.moduletable th {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	height: 18px;
	line-height: 18px;
	white-space: nowrap;
	width: 100%;
	}
table.moduletable td {
	vertical-align:middle;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}