body{
	margin:0;
	text-align:center;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	background:#000 url(../design/images/fond.png) repeat-x top;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#ADE146;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
}
img{border:0;}

a {color:#a6f04d;text-decoration: underline;}
a:hover {text-decoration: none;}
a:focus {outline: none;}

#bloc{margin:auto;width:1000px; position:relative;}

/* === Header === */
#header{position:relative; clear:both;width:1000px;height:120px; text-align:left;background:url(../design/images/fond_header_091029.jpg) no-repeat right top;}
#logo{ position:absolute; top:0; left:0;width:350px; height:120px;}
#liens{position:absolute; top:18px; right:0;width:160px; margin:0; padding:0;}
#liens li{ margin:0; padding:0 0 11px 0; background:none; background-image:none;}
#liens a{ color:#fff; text-decoration:none;}
#liens a:hover{color:#a6f04d;}
#accesPro{ position:absolute; top:0; left:410px;}
#accesPro fieldset{ margin:0; padding:0; border:0;}
#accesPro legend{ position:absolute; top:0; left:0;margin:0; padding:0; border:0; width:100px; color:#fd94a6; font-size:20px; font-weight:normal;}
#accesPro input { border:1px solid #fff;}
#accesPro .formText{width:115px;height:18px;padding:1px 2px; border:1px solid #fff; position:absolute; top:3px; left:100px; color:#fff; background-color:#000;}
#accesPro #passwordLogin{ left:225px;}
#accesPro .formBouton{width:27px;height:22px;padding:0;position:absolute; top:3px; left:355px;background:url("../design/images/bouton_rose.png") repeat-x bottom;border:1px solid #f37e8d;}
#accesPro .formBoutonOver{width:27px;height:22px;padding:0;position:absolute; top:3px; left:355px;background:url("../design/images/bouton_rose.png") repeat-x top;border:1px solid #f37e8d;}

/* === Fil d'Arianne === */
#urlhere{font-size:11px;text-align:left; padding-top:10px; }
#urlhere a{ text-decoration:none;color:#d2d2d2; padding:0 12px 0 10px;background:url("../design/images/arrow_here.gif") no-repeat left top;}
#urlhere a:hover{ color:#fff;}

/* === Bar Menu === */
#chercher{ width:230px; height:33px; position:absolute; top:127px; left:7px;}
#chercher .formText{width:167px;height:18px;padding:3px 2px; border:1px solid #cbff81; position:absolute; top:0; left:0; color:#000;}
#chercher .formBouton{width:32px;height:26px;padding:0;position:absolute; top:0; left:175px;}
#chercher .formBoutonOver{width:32px;height:26px;padding:0;position:absolute; top:0; left:175px;}

/* === Main content === */
#blocContent{ padding-top:40px;}
#blocLeft{ float:left; width:270px; min-height:500px;}
#fullImage{ width:230px; overflow:hidden; padding-top:2px;}
#blocRight{ margin-left:270px;text-align:justify; padding:0 15px 0 0;}
.bar{ position:relative; clear:both; margin:auto;}
.bt_liste{padding:5px 0 0 40px; height:27px;background:url("../design/images/puce_liste.png") no-repeat left top; display:block; text-decoration:none;font-size:1.2em;}

/* === Liste d'articles === */
ul#articleList{}
ul#articleList li{padding:0 0 10px 20px;}
ul#articleList li.title{ background:none; background-image:none; color:#97e04e; font-size:14px; font-weight:bold; border-bottom:1px solid #97e04e;padding:0 0 7px 20px; margin:0 0 10px 0;}
ul#articleList h4{padding:0 0 5px 0;}

/* === Liste des catégories === */
ul#categoryList{}
ul#categoryList li{padding:0 0 10px 20px;}
ul#categoryList h4{padding:0 0 5px 0;}

/* === Liste des produit === */
ul#productList{ margin:0; padding:0;}
ul#productList li{padding:10px 0; border-bottom:1px solid #999; min-height:100px; background:none; background-image:none;}
ul#productList .thumb{ width:80px; height:100px; overflow:hidden; float:left; margin:0 20px 0 0;background:url("../design/images/fond_thumb.png") repeat-x top; text-align:center;}
ul#productList h4{padding:0 0 7px 0;}
ul#productList h4 a{ text-decoration:none;}

/* Pager */
.pager{font-size: 0.8em;margin:10px auto;padding:2px 4px;display: block;white-space: nowrap;text-align:left; height:auto; width:auto;}
.pagerTable{ margin:auto;}
.pager a{background:#444;color:#fff;padding:2px 4px;text-decoration:none;border:1px solid #ccc;}
.pagerTableCurrentPage{background:#a6f04d;color:#000; border:1px solid #d4ffa0;padding:2px 4px; margin:0 8px 0 0;}
.pager a:hover{background:#a6f04d;color:#000; border:1px solid #d4ffa0;}

/* Tabs */
.ui-tabs-hide { display: none; }
#tabList ul.tabs{ margin:0; padding:0;width:690px;height:35px;}
#tabList ul.tabs li{ float:left; width:auto; height:30px; margin:0 1px; padding:0; background:url(../design/images/tab_fond.jpg) repeat-x top; font-size:1.1em; }
#tabList ul.tabs li span{background:url(../design/images/tab_right.jpg) no-repeat right top; display:block;}
#tabList ul.tabs li a{height:24px;padding:3px 20px;display:block; text-decoration:none;background:url(../design/images/tab_left.jpg) no-repeat left top; color:#fff; font-size:16px; text-decoration:none;}
#tabList ul.tabs li a:hover{}
#tabList ul.tabs li a:focus{ outline:none;}

#tabList ul.tabs li.ui-tabs-selected{background:url(../design/images/tab_fond.jpg) repeat-x bottom;}
#tabList ul.tabs li.ui-tabs-selected span{background:url(../design/images/tab_right.jpg) no-repeat right bottom; }
#tabList ul.tabs li.ui-tabs-selected a{background:url(../design/images/tab_left.jpg) no-repeat left bottom; color:#000;}

#tabList div {width:690px; padding:8px; border:1px solid #999; min-height:350px;}

/* Google Maps */
#map_canvas{ width:450px; height:370px; margin-top:10px; color:#000; float:right; padding:5px; border:1px solid #fff;}
#map_canvas h3{ color:#000; font-size:16px; font-weight:normal;}
#map_canvas2{ width:300px; height:430px; color:#000; margin-top:10px;padding:5px; border:1px solid #fff;}

/* === Footer === */
#footerContainer{position:relative; clear:both;width:100%;padding:15px 0 0 0; border-top:1px solid #7abd39; text-align:center;}
#footer{width:1000px;margin:auto; text-align:right; height:20px; font-size:13px;}
#footer a{}
.liensBas{ text-align:left; float:left; width:250px; height:20px;}
.liensBas a{ padding:0 15px 0 10px; border-left:1px solid #ccc;color:#ccc; text-decoration:none;}
#credit{position:relative;width:1000px; margin:auto;font-size:11px;text-align:right; padding-top:20px;color:#ccc;}
#credit a{ color:#ccc;}
#footerContainer a:hover{ color:#fff;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;color:#97e04e;}
h1{font-weight:normal;font-size:26px;padding:15px 0px 15px 0px;}
h2{font-size:20px;padding:15px 0 10px 0; margin:0;}
h3{font-size:18px;padding:10px 0px 5px 0px;font-weight:bold;}
h4{font-size:16px;padding:5px 0px;font-weight:bold;}
h5{font-size:14px;padding:3px 0px;}
h6{font-size:12px;padding:3px;font-weight:normal;font-style:italic; color:#ccc;}

ul {list-style-image:none; list-style:none; text-align:left;}
ul ul{ list-style-type:square;}
ul ul ul{list-style-type: none;}
ul li{list-style-image:none; list-style:none;background:url(/design/images/list-style-image.gif) no-repeat left top; padding:0 0 3px 20px; margin:2px 0 2px 0; text-align:left;}

/* === Menus === */
#menu{margin:0; padding:0; list-style:none; list-style-image:none; background:none; position:absolute; top:120px; left:250px; z-index:10;}
#menu ul,#menu li{ margin:0; padding:0; list-style:none; list-style-image:none; background:none;}
#menu a{display: block; text-decoration:none;}
 
#menu li { float:left; margin:0; padding:0; position:relative;}
#menu li a{padding:10px 20px 0 23px;min-height:30px;color:#000;background:url(../design/images/menu0.png) no-repeat left bottom; }
#menu li a:hover{background:url(../design/images/menu0.png) no-repeat left top;}
#menu li.menuLevel0Active a,#menu li.menuLevel0Part a {background:url(../design/images/menu0.png) no-repeat left top;} 

#menu li ul { display:none; position:absolute; top:40px; left:0; width:13em;}
#menu li:hover ul,#menu li.sfhover ul { display:block;} 
#menu li:hover ul ul,#menu li.sfhover ul ul{ display:none;} 
#menu li li{ float:none;}
#menu li li a{padding:4px 7px; margin:0; min-height:10px;color:#000; background-color:#7dc03b; border-bottom:1px solid #000; background-image:none;}
#menu li li a:hover{background-color:#a2e95b; background-image:none;}
#menu li.menuLevel0Active li a,#menu li.menuLevel0Part li a {background-color:#7dc03b;background-image:none;}
#menu li.menuLevel0Active li a:hover,#menu li.menuLevel0Part li a:hover {background-color:#a2e95b;background-image:none;}
#menu li li.menuLevel1Active a {background-color:#a2e95b;background-image:none;}
#menu li li.menuLevel1Active li a {background-color:#7dc03b;background-image:none;}
#menu li li.menuLevel1Active li a:hover {background-color:#a2e95b;background-image:none;}

#menu ul ul{ display:none;position:absolute; top:0; left:13em;}
#menu li li:hover ul,#menu li li.sfhover ul { /*display:block;*/} 
#menu li li li{}
#menu li li li a{}
#menu li li li a:hover{}

/* ==== Où nous trouver ? ==== */
#adressList{margin:0; padding:10px; width:260px; height:400px; overflow:auto; float:right; border:1px solid #767676;}
#adressList li{ margin:0; padding:0; background:none;}
#adressList .title{ font-size:1.4em; color:#999; margin:0; padding:0; text-align:center;}
#adressList h3{ margin:15px 0 5px 0; padding:2px 5px; background-color:#97e04e; color:#000; font-size:1.2em;}
#adressList h3.Caviste{background-color:#fd94a6;}
#adressList h4{ padding:10px 0 5px 0;}
#adressList p{ margin:0; padding:0;}


/*Form*/
form{ margin:0;}
.formBouton{background:url("../design/images/bouton.png") repeat-x bottom; border:1px solid #cbff81;color:#fff; margin:0; padding:1px 2px;}
.formBoutonOver{background:url("../design/images/bouton.png") repeat-x top; border:1px solid #cbff81;color:#fff; margin:0; padding:1px 2px;}
.formText{border: 1px solid #ccc;padding:3px 2px;}
.formTextarea{border: 1px solid #ccc; padding:3px 2px;}
.formLabel {background-color:#999;text-align:right;padding: 4px 10px 4px 0px;}
.error {
	border:1px solid red;
	background-color: #FFEBDF;
	color:#FF0000;
	padding:10px;
}

/* ==== formTableLess === */
form#loginForm fieldset#loginFormFieldset legend{color:#666666;}
#shopLogin-divRegisterForm legend{color:#666666;}
form.tableLess{ width:100%; text-align:center; margin:auto;}
form.tableLess fieldset { width:70%; margin:auto;}
form.tableLess fieldset legend {color:#666666;}

/* Plan du site */
#siteMap a{ color:#fff;}
#siteMap ul li{background:url(../design/images/dossier.gif) no-repeat left top; padding:3px 0px 3px 25px;}
#siteMap ul ul{ margin:5px 0 10px 15px; padding:0;}
#siteMap ul ul ul{ margin:5px 0 10px 15px;padding:0;}


/* Pour IE 6 */
body.msie6 {}

* html #menu li { width:8em;}
* html #menu li.menuLevelNumInLevel03 { width:11em;}
* html #menu li.menuLevelNumInLevel04 { width:11em;}
* html #menu li.menuLevelNumInLevel05 { width:12em;}
* html #menu li a{min-height:30px; height:auto;}
* html #menu li ul li{ display:inline;width:13em;}
* html #menu li ul li a{ display:block; min-height:15px;}
* html #tabList ul.tabs li {width:12em;}



/* Message (www-data/styles/shop/message_1-16-2.css)*/
.errorMsg,.warningMsg,.infoMsg,.successMsg{ padding:5px 10px 5px 30px; width:450px; margin:1em auto;}
.errorMsg{
	border:1px solid red;
	background:#FFEBDF url(/appli-box-www-data/images/message/m_error.gif) no-repeat left top;
	color:#FF0000;
	}
.warningMsg{
	border:1px solid #FF7E00;
	background:#FFF3E2 url(/appli-box-www-data/images/message/m_warning.gif) no-repeat left top;
	color:#FF7E00;
	}
.infoMsg{
	border:1px solid #3571CA;
	background:#F7F9FD url(/appli-box-www-data/images/message/m_info.gif) no-repeat left top;
	color:#3571CA;
	}
.successMsg{
	border:1px solid #48B500;
	background:#F9FEF1 url(/appli-box-www-data/images/message/m_success.gif) no-repeat left top;
	color:#48B500;
	}